body {
  margin: 0;
  font-family: "Segoe UI", Tahoma, sans-serif;
  line-height: 1.6;
  background: #f0f2e9;
  color: #3b474d;
}

.banner {
  display: flex;
  height: 60vh;
  width: 100%;
  /* background-image: url("des.jpeg"); */
  /* background: linear-gradient(60deg, #53225f, #a68fa9); */
  align-items: center;
  background-size: cover;
  flex-direction: column ;
  justify-content: center;
  text-shadow: 1px 1px 1px #1E293B;
  background-position: center;
}

.att{
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  font-weight: 500;
  background-color: #53225f;
}
.att > .con{
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  border-radius: 0 0rem 1rem 1rem;
  padding: .5rem;
  color: #53225f;
  background-color: #cfcb32;
  margin: 0 .5rem;
  text-align: center;

}
.att > .con > .icon> i{
  padding-right: .5rem;
}
.banner>.lg{
  font-size: 48px;
  font-weight: 700;
  align-items: center;
  text-align: center;
  margin: .5rem auto;
  line-height: 1.5;
  color: #fff;
}
.banner>.lg>.high{
  font-size: 50px;
  color: #cfcb32;
  font-weight: 700;
}
.banner>.act{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.banner>.act>.blk{
background-color: rgba(255, 255, 255, 0.2); /* Slightly white and transparent */
    backdrop-filter: blur(7px); /* Frosted glass effect */
    border: 1px solid rgba(255, 255, 255, 0.18); /* Subtle white border */
    border-radius: 10px; /* Rounded corners for a softer look */
    box-shadow: 0 8px 32px 0 rgba(31, 38, 135, 0.37); 
padding: 1rem;
border-radius: 3rem;
color: #fff;
font-size: 18px;
font-weight: 700;
align-items: center;
text-transform: capitalize;

}
.banner > .nl{
  max-width: 1080px;
  font-size: 20px;
  color: #ffffff;
  align-items: center;
  text-align: center;
}
.banner>.act>.blk>.dot>i{
  font-size: 14px;
  text-shadow: none;
  color: #cfcb32;
}
.banner>.btn{
  font-size: 20px;
  color: #53225f;
  background-color: #cfcb32;
  outline: none;
  border: none;
  padding: .2rem;
  text-transform: capitalize;
  font-weight: 600;
  margin-top: 1.5rem;
  transition: transform 0.3s ease-in-out 0.05s; /* 0.05s delay */
}

.banner > .btn > .payment-button{
  padding: .5rem;
  color: #4f0e5f;
  background-color: #CDCD37;
  display: flex;
  align-items: center;
  justify-content: center;
}

.banner > .btn > .payment-button > .enrlbtn{
  display: flex;
  flex-direction: column;
  text-decoration: none;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.banner > .btn> .payment-button > .enrlbtn > .txt{
  font-size: 20px;
  text-transform: uppercase;
  color: #4f0e5f;
  font-weight: 700;
  padding-top: .5rem;
  line-height: 0;
  margin: 0 auto;

}
.banner > .btn > .payment-button > .enrlbtn > .txt> .smltxt{
  font-size: 14px;
  font-weight: 500;
  padding-top: .5rem;
  text-transform: uppercase;
  color: #4f0e5f;
  line-height: 0;
}
.banner > .btn:hover {
  transform: scale(1.1); /* Increases size */
}
.banner>.ext{
  font-size: 16px;
  color: #fff;
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  margin-top: 1rem;
}
.banner>.ext>.dot>i{
  font-size: 10px;
  text-shadow: none;
  color: #cfcb32;
  padding: .2rem;
}
footer {
  text-align: center;
  padding: 2rem;
  background: #f1f5f9;
  font-size: 0.9rem;
  color: #64748b;
}

.heading {
  font-size: 48px;
  font-weight: 700;
  margin-bottom: 0.2rem;
  margin-top: 4rem;
  align-items: center;
  text-align: center;
  color: #53225f;
}

.sub_heading {
  font-size: 20px;
  color: #53225f;
  text-align: center;
  margin: 0.3rem 0;
}

.bold_heading {
  font-size: 20px;
  color: #53225f;
  font-weight: 500;
  text-align: center;
}

.imagine {
  display: flex;
  flex-direction: column;
  gap: 0.2rem;
  align-items: center;
  background-color: #f0f2e9;
  padding: 1rem;
  padding-bottom: 3rem;
}

.bluebx {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 1rem;
  padding: 1.4rem;
  max-width: 800px;
  border-radius: 1rem;
  border-left: 4px solid #53225f;
  font-size: 24px;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.bluebx > .emoji {
  font-size: 30px;
}

.bluebx > .text {
  color: #53225f;
  font-weight: 500;
  text-align: center;
}

.imagine > .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.2rem;
  padding: 1rem;
}

.imagine > .box > .cards {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2rem;
  margin-top: 3rem;
  max-width: 1150px;
}
.imagine > .box > .cards > .card:hover {
box-shadow: rgba(0, 0, 0, 0.15) 0px 15px 25px, rgba(0, 0, 0, 0.05) 0px 5px 10px;
}

.imagine > .box > .cards > .card {
  padding: 1.5rem;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  display: flex;
  flex-direction: row;
}
.imagine > .box > .cards > .card > .icon > i {
  font-size: 1.5rem;
  padding-right: 0.5rem;
  color: #53225f;
  margin-top: 0.2rem;
}

.card_heading {
  font-size: 18px;
  font-weight: 600;
  color: #53225f;
  margin-bottom: 0.4rem;
}
.imagine > .box > .cards > .info > .card > {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.cards > .card > .card_text {
  font-size: 16px;
  color: #626a84;
}

.quotecon{
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #53225f;
  width: 100%;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  font-style: italic;
  margin-top: 3rem;
  height: 250px;
}
.quotecon > p{
  margin: .2rem auto;
  font-style: italic;
}
.third {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  background: #fff;
}
.third > .imgbox{
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 33.33%;
  width: 100%;
}
.third > .imgbox > img{
  width: 100%;
}

.third_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  padding: 0 4rem;
  gap: 1rem 2rem;
  margin: 1rem;
}

.third_box > .info{
  border-radius: 1rem;
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 1rem;
  color: #000;
  background-color: #A68FA9;
}
.third_box > .info > .cup > i{
  font-size: 2rem;
  padding: 1rem;
  color: #FFE02F;
}
.third_box > .info > .text{
  padding: .5rem;
  font-size: 22px;
}

.third_box > .bad {
  border: 1px solid #f7cdce;
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  background-color: #f8f0f1;
  min-width: 400px;
  padding: 2rem;
}

.bad > .title {
  align-items: center;
  text-align: center;
  color: #ef4444;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0.6rem auto;
  margin-top: 0;
}

.bad > .text {
  margin: 0.4rem;
  color: #626a84;
  display: flex;
  align-items: center;
}

.bad > .text > i {
  margin: 0.4rem;
  font-size: 1.4rem;
  color: #ef4444;
  font-weight: 600;
}

.third_box > .good {
  border: 1px solid #c0cad9;
  display: flex;
  flex-direction: column;
  border-radius: 1rem;
  background-color: #eceff3;
  min-width: 400px;
  padding: 2rem;
}

.good > .title {
  align-items: center;
  text-align: center;
  color: #53225f;
  font-size: 1.6rem;
  font-weight: 700;
  margin: 0.2rem auto;
  margin-top: 0;
}

.good > .text {
  margin: 0.4rem;
  color: #53225f;
  display: flex;
  align-items: center;
}

.good > .text > i {
  margin: 0.4rem;
  font-size: 1.4rem;
  color: #53225f;
}

.forth_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 1080px;
  gap: 2rem;
  margin-top: 3rem;
}

.forth_box > .forth_card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.4rem;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
  border-radius: 1rem;
  max-width: 440px;
  padding: 1rem;
}

.forth_card > .icon > i {
  align-items: center;
  font-size: 2rem;
  color: #53225f;
  background-color: #e2e6ed;
  padding: 1.1rem 1rem;
  border-radius: 100%;
  margin: 1rem auto;
}

.forth_card > .title {
  font-size: 1.3rem;
  font-weight: 600;
  color: #53225f;
  align-items: center;
  text-align: center;
}

.forth_card > .text {
  color: #7a8184;
  align-items: center;
  text-align: center;
  margin-bottom: 1rem;
}

.fifth {
  background-color: #fff;
  margin-top: 3rem;
}

.fifth > .heading{
  margin-top: 5rem;
  padding: 3rem 0;
}
/* Cards Container */
.fifth > .forth_box {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: 99%;
  padding: 3rem 0;
  margin: auto;
  gap: 0;
}

.unl{
  background-color: #53225f;
  display: flex;
  flex-direction: column;
}
.unl > .heading{
  color: #fff;
}
.unl > .cards{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  padding: 5rem;
}
.unl > .cards > .card{
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
  align-items: center;
  background: #F0F2F0;
  border-radius: 1rem;
}
.unl > .cards > .card > .title{
  font-size: 36px;
  font-weight: 700;
  margin-top: 1rem;
  color: #53225f;
}
.unl > .cards > .card > .imgcon{
 width: 100%;
 max-width: 600px;
 height: 600px;
 align-items: center;
   background-color: #f0f2f0;
   border-radius: 1rem;
}

.unl > .cards > .card > .imgcon> img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  border-radius: 1rem;
}



/* Individual Card */
.fifth > .forth_box > .forth_card {
  background-color: #ffffff;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 6px 15px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease;
  display: flex;
  flex-direction: column;
  padding: 0;
  align-self: center;
  justify-self: center;
}

.fifth > .forth_box >  .forth_card:hover {
  transform: translateY(-5px);
}

/* Image Container */
.fifth > .forth_box > .forth_card > .imgcon {
  width: 100%;
  height: 500px;
  overflow: hidden;
}

.fifth > .forth_box > .forth_card >.imgcon > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

/* Text Content */
.fifth > .forth_box > .forth_card >.text {
  padding: 20px;
  font-size: 0.95rem;
  color: #444;
  line-height: 1.6;
}

/* Title Info */
.fifth > .forth_box > .forth_card >.text > .title {
  margin-bottom: 12px;
}

.fifth > .forth_box > .forth_card >.text > .title> .name {
  font-weight: 600;
  font-size: 1.1rem;
  color: #333;
}

.fifth > .forth_box > .forth_card >.text > .title >.log {
  font-style: italic;
  color: #777;
  font-size: 0.95rem;
  margin-top: 4px;
}

/* Responsive Adjustments */

.three-days {
  padding: 60px 20px;
  background-color: #fff7f0;
  font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  color: #333;
}

/* Heading */
.section-heading {
  text-align: center;
  font-size: 2.5rem;
  margin-bottom: 40px;
  color: #2c2c2c;
}

/* Cards Container */
.imagine > .box{
  display: flex;
  flex-direction: row;
  gap: 2rem;
  width: 100%;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
}
/* Individual Card */
.day-card {
  background-color: #fff;
  border-radius: 12px;
  padding: 25px 20px;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.06);
  transition: transform 0.3s ease;
  border-left: 5px solid #53225f;
  max-width: 33.33%;
  width: 100%;
  min-height: 150px;
}

/* Card Headings */
.day-card h3 {
  font-size: 24px;
  margin-bottom: 15px;
  color: #53225f;
}

/* List Styling */
.day-card ul {
  list-style: disc;
  padding-left: 20px;
  line-height: 1.6;
}

.day-card li {
  margin-bottom: 10px;
  font-size: 1.2rem;
  color: #4f0e5f;
}

.fifth > .crt {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  justify-content: space-between;
  max-width: 1200px;
  margin: 2rem auto;
}

.fifth > .crt > .box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
  min-width: 250px;

  width: 100%;
}

.fifth > .crt > .box > .title {
  font-size: 2rem;
  font-weight: 800;
  color: #53225f;
  align-items: center;
  text-align: center;
}

.fifth > .crt > .box > .text {
  color: #626a84;
  align-items: center;
  text-align: center;
}

.fifth > .crt > .box .icon > i {
  align-items: center;
  font-size: 2rem;
  color: #53225f;
  background-color: #e2e6ed;
  padding: 1.1rem 1rem;
  border-radius: 100%;
  margin: 1rem auto;
}

.fifth_box {
  max-width: 800px;
  background-color: #ffffff;
  padding: 2rem;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 1rem;
  margin: 0.5rem auto;
}

.fifth_box > .title {
  font-size: 30px;
  font-weight: 700;
  text-align: center;
  align-items: center;
  color: #53225f;
}

.fifth_box > .info {
  color: #53225f;
  font-size: 18px;
  font-weight: 600;
  align-items: center;
  text-align: center;
}

.fifth_box > .about {
  color: #626a84;
  align-items: center;
  font-size: 18px;
  margin: 1.5rem;
}

.fifth_box > .about > .b {
  color: 21232c;
  font-size: 18px;
  font-weight: 600;
}

.fifth_box > .bluebx {
  margin: auto 1.5rem;
}

.fifth_box > .bluebx > .text {
  font-size: 20px;
  text-align: start;
}

.fifth > .sub_box {
  padding: 2rem;
  max-width: 700px;
  align-items: center;
  text-align: center;
  font-style: italic;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  border-radius: 1rem;
  margin-top: 2rem;
  background-color: #ffffff;
}

.fifth > .sub_box > .stars > i {
  color: #cfcb32;
  font-size: 1.4rem;
  margin: 0;
  padding: 0;
}

.fifth > .sub_box > .quote {
  color: #626a84;
  font-size: 20px;
  margin-top: 0.4rem;
}

.fifth > .sub_box > .by {
  color: #53225f;
  font-size: 16px;
  margin-top: 0.7rem;
  font-weight: 700;
}

.sixth {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 0;
  padding: 1rem;
  padding-bottom: 3rem;
  background: #cfcb32 ;
}

.sixth > .package {
  display: flex;
  flex-direction: column;
  padding: 2rem;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
  max-width: 800px;
  width: 100%;
  border-radius: 1rem;
  margin: 3rem auto;
  background-color: #fff;
}

.sixth > .package > .content {
  display: flex;
  flex-direction: row;
  gap: 1rem;
  margin: 1rem;
  align-items: center;
}

.sixth > .package > .content > .info {
  flex-grow: 1;
}

.sixth > .package > .content > .info > .name {
  font-size: 18px;
  color: #53225f;
  font-weight: 600;
}

.sixth > .package > .content > .info > .about {
  color: #626a84;
  font-size: 16px;
}

.sixth > .package > .content > .price {
  font-size: 14px;
  align-items: center;
  display: flex;
}

.sixth > .package > .content > .price > i {
  font-size: 1.4rem;
  padding-left: 0.2rem;
  color: #53225f;
}

.sixth > .package > .sub_box {
  display: flex;
  flex-direction: column;

  margin-top: 3rem;
  margin-bottom: 1rem;
  align-items: center;
}

.sixth > .package > .sub_box > .off {
  font-size: 30px;
  color: #626a84;
  font-weight: 700;
  text-decoration: line-through;
}

.sixth > .package > .sub_box > .act {
  font-size: 48px;
  color: #53225f;
  font-weight: 700;
}

.sixth > .package > .sub_box > .info {
  font-size: 18px;
  color: #626a84;
}

.sixth > .package > .sub_box > .btn {
  font-size: 20px;
  color: #53225f;
  background-color: #cfcb32;
  outline: none;
  border: none;
  padding: 1rem;
  font-weight: 600;
  margin-top: 1rem;
  transition: transform 0.3s ease-in-out 0.05s; /* 0.05s delay */
}
.sixth > .package > .sub_box > .btn:hover {
  transform: scale(1.1); /* Increases size */
}
.sixth > .addon {
  padding: 1rem;
  border-radius: 1rem;
  border: 2px solid #fbecc1;
  background-color: #fdf8e9;
  color: #53225f;
  align-items: center;
  display: flex;
  gap: 0.5rem;
  font-weight: 600;
}

.sixth > .package > .content > .icon > i {
  align-items: center;
  font-size: 1.5rem;
  color: #53225f;
  background-color: #e2e6ed;
  padding: 0.8rem 0.7rem;
  border-radius: 100%;
  margin: 1rem auto;
}

.seven {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
background: linear-gradient(45deg, #53225f, #a68fa9);
  width: 100%;
  margin: 3rem auto;
  margin-top: 0;
  padding-bottom: 5rem;
  margin-bottom: 0;

}

.cta {
  text-align: center;
  align-items: center;
  max-width: 992px;
    padding: 1rem;
}

.cta > .title {
  font-size: 48px;
  font-weight: 800;
  align-items: center;
  text-align: center;
  color: #fff;
}

.cta > .info {
  align-items: center;
  font-size: 20px;
  color: #fff;
}

.iprice {
  color: #cfcb32;
  font-size: 20px;
}

.cta > .sub_text {
  font-size: 24px;
  color: #ffffffb3;
  font-weight: 600;
}

.cta > .sub_text > .sub_cross {
  font-size: 24px;
  color: #ffffffb3;
  font-weight: 600;
  text-decoration: line-through;
}

.ctabox {
  padding: 3rem;
  display: flex;
  align-items: center;
  flex-direction: column;
    background-color: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(7px);
    border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 1rem;
}

.ctatitle {
  font-size: 36px;
  color: #fff;
  font-weight: 700;
}

.ctaprice {
  color: #cfcb32;
  font-size: 96px;
  margin: 0.2rem 0;
  font-weight: 700;
}

.ctainfo {
  font-size: 20px;
  color: #fff;
  font-weight: 600;
}

.ctaext {
  font-size: 20px;
  font-weight: 600;
  color: #cfcb32;
  margin: 1rem auto;
  text-align: center;
}

.ctabtn {
  font-size: 20px;
  color: #53225f;
  background-color: #cfcb32;
  outline: none;
  border: none;
  padding: 1rem 2rem;
  font-weight: 700;
  margin-top: 1rem;
  transition: transform 0.3s ease-in-out 0.05s; /* 0.05s delay */
}
.ctabtn:hover {
  transform: scale(1.1); /* Increases size */
}

.ctaxt{
    font-size: 16px;
  color: #fff;
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: .5rem;
  justify-content: center;
  margin-top: 2rem;
}
.ctaxt>i{
  font-size: 10px;
  text-shadow: none;
  color: #cfcb32;
  padding: .2rem;
  align-items: center;

}

.eight {
  background-color: #fef5f5;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 1rem;
}
.eight > .warning {
  padding: 1rem;
  border-radius: 3rem;
  background-color: #fce3e3;
  color: #ef4444;
  font-size: 18px;
  font-weight: 600;
  margin-top: 2rem;
}
.eight > .warning > i {
  font-size: 1.6rem;
}
.eight > .heading {
  margin: 1rem auto;
  font-size: 36px;
}
.eight > .box {
  display: flex;
  flex-direction: row;
  max-width: 992px;
  width: 100%;
  gap: 2rem;
  margin-bottom: 2rem;
}
.eight > .box > .card {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #ffffff;
  padding: 2rem;
  border-radius: 1rem;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.eight > .box > .card > .icon > i {
  align-items: center;
  font-size: 2rem;
  color: #53225f;
  margin-bottom: 0.5rem;
}
.eight > .box > .card > .title {
  font-size: 20px;
  color: #53225f;
  font-weight: 600;
  margin-bottom: 0.5rem;
}
.eight > .box > .card > .info {
  font-size: 16px;
  color: #53225f;

  text-align: center;
  align-items: center;
  margin-bottom: 0.5rem;
}

.eight > .card {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  width: 100%;
  max-width: 992px;
  align-items: center;
  padding: 2rem 0rem;
  box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.eight > .card > .title {
  font-size: 24px;
  color: #53225f;
  align-items: center;
  margin-bottom: 1.5rem;
  font-weight: 700;
}
.eight > .card > .box {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 2rem;
}

.eight > .card > .box > .one {
  align-items: center;
  display: flex;
  flex-direction: column;
  background-color: #e6eaf1;

  padding: 1rem 2rem;
}
.eight > .card > .box > .one > .date {
  font-size: 24px;
  color: #53225f;
  font-weight: 700;
}
.eight > .card > .box > .one > .info {
  font-size: 14px;
  color: #626a84;
}
.eight > .btn {
  font-size: 20px;
  color: #53225f;
  background-color: #cfcb32;
  outline: none;
  border: none;
  padding: 1rem 2rem;
  font-weight: 700;
  margin-top: 2rem;
  transition: transform 0.3s ease-in-out 0.05s; /* 0.05s delay */
}
.eight > .btn:hover {
  transform: scale(1.1); /* Increases size */
}
.eight > .ext {
  margin: 1rem auto;
  font-size: 14px;
  color: #626a84;
  margin-bottom: 3rem;
}


.nine {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 800px;
  margin: auto;
  margin-top: 0;
  padding: 1rem;
}

.nine > .heading {
  margin-top: 1rem;
}

.faq details {
  margin-bottom: 1rem;
  padding: 1rem;
  border-radius: 1rem;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
  color: #53225f;


  background-color: #ffffffb3;
}

.faq summary {
    font-weight: 500;
      font-size: 18px;
  cursor: pointer;
}

summary {
  list-style: none; /* removes ::marker in some browsers */
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
}

summary::-webkit-details-marker {
  display: none; /* Chrome, Safari */
}

.custom-marker {
  transition: transform 0.3s;
}

.custom-marker> i{
  font-size: 12px;
}

/* Rotate marker when open */
details[open] .custom-marker {
  transform: rotate(90deg);
}

.ans{
  padding: .5rem;
  padding-bottom: 0;
  font-size: 16px;
  color: #626a84;
}

.ansli{
  color: #626a84;
}

.nine > .faq {
  width: 100%;
  max-width: 1080px;
  margin: 2rem auto;
}

.ten {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 800px;
  margin: auto;
  text-align: center;
  padding: 1rem;
}

.ten > .heading {
  font-size: 36px;
}

.ten > .btn {
  font-size: 20px;
  color: #53225f;
  background-color: #cfcb32;
  outline: none;
  border: none;
  padding: 1rem 2rem;
  font-weight: 700;
  margin-top: 1rem;
  transition: transform 0.3s ease-in-out 0.05s; /* 0.05s delay */
}

.ten > .btn:hover {
  transform: scale(1.1); /* Increases size */
}
.ten > .ext{
  display: flex;
  flex-direction: row;
  font-size: 14px;
  color: #626a84;
}
.ten>.ext>.end{
  padding: 0 .5rem;
}

.soft_skill{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3rem 1rem;
  background-color: #fff;
}
.soft_skill > .about{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.soft_skill > .about >.heading{
  text-align: center;
  font-size: 28px;
  font-weight: 700;
  line-height: 1;
  margin: .8rem auto;
}
.soft_skill > .about >.subheading{
  text-align: center;
  font-size: 22px;
  font-weight: 700;
  color: #53225f;
}

.soft_skill > .vdo{
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: 3rem 0;
  width: 100%;
  max-width: 1560px;
}

.soft_skill > .vdo > .info{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 2rem;
  padding-left: 3rem;
  width: 100%;
  max-width: 660px;
}

.soft_skill > .vdo > .info > .info-card{
  border-radius: 1rem;
  background-color: #53225f;
  color: #fff;
  padding: 2rem 1rem;
  text-align: center;
  font-size: 22px;
  font-weight: 600;
}

.soft_skill > .vdo > .info > .info-card > .smltxt{
  font-size: 17px;
  color: #fff;
  font-weight: 700;
}


.enrl{
  display: flex;
  flex-direction: row;
  gap: 1rem;
  border-radius: 1rem;
  background-color: #343A40;
  color: #fff;
  padding: 1rem 1.5rem;
  max-width: 1180px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.enrl > .txt{
  font-size: 28px;
  color: #fff;
  font-weight: 700;
}

.enrl > .dandt{
  display: flex;
  flex-direction: row;
  gap: 2rem;
}
.enrl > .dandt > .timer{
  font-size: 20px;
  color: #cfcb32;
  text-align: center;
}
.enrl > .dandt > .timer > .smltxt{
  font-size: 17px;
  color: #cfcb32;
  display: block;
}

.enrl > .payment-button{
  padding: .5rem;
  color: #4f0e5f;
  background-color: #CDCD37;
  display: flex;
  align-items: center;
  justify-content: center;
}

.enrl > .payment-button > .enrlbtn{
  display: flex;
  flex-direction: column;
  text-decoration: none;
  text-align: center;
  align-items: center;
  justify-content: center;
}

.enrl > .payment-button > .enrlbtn > .txt{
  font-size: 20px;
  text-transform: capitalize;
  color: #4f0e5f;
  font-weight: 700;
  padding-top: .5rem;
  line-height: 0;
}
.enrl > .payment-button > .enrlbtn > .txt> .smltxt{
  font-size: 14px;
  font-weight: 500;
  padding-top: .5rem;
  text-transform: capitalize;
  color: #4f0e5f;
  line-height: 0;
}


.soft_skill > .subheading{
  background-color: #fff;
  align-items: center;
  text-align: center;
  font-size: 22px;
  color: #4f0e5f;
}

.video-wrapper {
    max-width: 800px;
    margin: 24px auto;
  }
  .video-thumb {
    position: relative;
    display: block;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    border-radius: 16px;
    box-shadow: 0 8px 24px rgba(0,0,0,0.15);
  }
  .video-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
  }
  .video-thumb:hover img {
    transform: scale(1.03);
  }
  .play-btn {
    position: absolute;
    inset: 0;
    margin: auto;
    width: 74px;
    height: 74px;
    border-radius: 50%;
    background: rgba(0,0,0,0.55);
    transition: transform .2s ease, background .2s ease;
  }
  .play-btn::before {
    content: "";
    position: absolute;
    left: 28px;
    top: 22px;
    border-left: 22px solid #fff;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
  }
  .video-thumb:hover .play-btn {
    transform: scale(1.06);
    background: rgba(0,0,0,0.7);
  }

  @media only screen and (max-width: 1880px) {

    .fifth > .forth_box{
      align-items: center;
    }
    .fifth > .forth_box > .forth_card{
      margin: 0 1rem;
      align-items: center;
    }
       .banner{
        height: 65vh;
    }
    }
@media only screen and (max-width: 1360px) {
  .banner{
    height: auto;
  }
  .banner> .lg{
    font-size: 36px;
  }
  .banner> .lg > .high{
    font-size: 38px;
  }
  .banner > .nl{
    font-size: 16px;
    padding: 1rem;
  }

  .att{
    font-size: 16px;

  }
  .enrl{
  flex-direction: row;
  max-width: 90%;
}
.banner > .ext{
  margin: 1rem auto;
}
.fifth > .crt{
  grid-template-columns: 1fr 1fr;
}

.fifth > .forth_box {
  margin: 0 1rem;
}
.fifth > .forth_box > .forth_card{
  max-width: 100%;
  flex-direction: column;
  gap: 2rem;
  align-items: center;

}

.fifth > .forth_box > .forth_card >.imgcon{
  width: 100%;
  height: 500px;
}


.fifth > .forth_box > .forth_card >.imgcon > img{
  border-radius: .5rem;
  object-fit: cover;
  object-position: top;
}
.fifth{
  padding: 0 1rem;
}
.fifth > .forth_box {
  display: grid;
  grid-template-columns: 1fr 1fr;
  max-width: 99%;
  padding: 3rem 0;
  margin: auto;
  gap: 2rem;
}
.unl > .cards > .card >.imgcon {
  height: 400px;
  max-width: 400px;
}


}
@media only screen and (max-width: 992px) {
  .banner> .lg{
    font-size: 28px;
  }
  .banner> .lg > .high{
    font-size: 30px;
  }
  .banner > .nl{
    font-size: 16px;
    padding: 1rem;
  }

  .att{
    font-size: 16px;
  }
  .heading {
    font-size: 36px;
  }
  .sub_heading {
    font-size: 18px;
  }
  .bold_heading {
    font-size: 18px;
  }
  .imagine > .box > .cards {
    display: grid;
    grid-template-columns: 1fr;
  }
  .third > .third_box {
    display: flex;
    flex-direction: column;
  }
  .forth_box {
    display: grid;
    grid-template-columns: 1fr;
  }
  .fifth > .crt {
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin: 1rem;
  }
  .fifth > .crt > .box{
    min-width: auto;
    width: 100%;
  }
  .eight > .box {
    display: flex;
    flex-direction: column;
  }
  .sixth > .package{
    padding: .2rem;
  }
  .sixth > .package > .content > .info {
    flex-grow: 1;
  }
  .sixth > .package > .sub_box > .btn {
    font-size: 18px;
    max-width: 350px;
  }
  .ctabox{
    padding: 1rem;
  }
  .cta > .info{
    font-size: 18px;
  }
  .ctattitle{
    font-size: 30px;
  }
  .ctaprice{
    font-size: 60px;
  }

  .eight > .card >.box{
    gap: .5rem;
  }
    .eight > .card >.box > .one{
      padding: 1rem;
    }
  .eight > .ext{
    text-align: center;
  }
  .cta > .sub_text{
    font-size: 24px;
  }
  .cta > .title{
    font-size: 36px;
  }
  .ten > .ext{
  display: flex;
  flex-direction: column;
  font-size: 14px;
  color: #626a84;
}
.third_box{
  grid-template-columns: 1fr;
}
.third_box{
  padding: 1rem 0;
}
.third >.imgbox{
  width: 100%;
  max-width: 100%;
}
.soft_skill > .about >.heading{
  text-align: center;
  font-size: 24px;
  font-weight: 600;
  line-height: 1;
  margin: .8rem auto;
}
.soft_skill > .about >.subheading{
  font-size: 22px;
  font-weight: 600;
}

.soft_skill > .vdo{
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 3rem 0;
  width: 100%;
  max-width: 1560px;
}

.soft_skill > .vdo >.info{
  padding: .5rem;
}

.enrl > .payment-button{
  margin: 2rem auto;
}

.imagine > .box{
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
  align-items: center;
  justify-content: center;
  width: 100%;
  flex-wrap: wrap;
  padding: 1rem;
}

.day-card{
  max-width: 100%;
  width: 100%;
  padding: 0;

}
.day-card > h3{
  padding: 1rem;
}
.day-card > ul{
  margin: 1rem;
}
.enrl{
  flex-direction: column;
}
.fifth{
  padding: 0 1rem;
}
.fifth > .forth_box {
  grid-template-columns: 1fr 1fr;
}
.fifth > .heading{
  margin-top: 0;
  padding: 1rem;
}
.fifth >.forth_box >.forth_card{
  margin: 1rem auto;
}


.unl > .cards{
  grid-template-columns: 1fr;
  padding: 1rem;
  margin: 0;
  border-radius: 1rem;
}

}

@media only screen and (max-width: 768px) {
 .fifth > .forth_box {
  grid-template-columns: 1fr;
}
}

@media only screen and (max-width: 552px){
  .banner{
    /* background-image: url("mob.jpeg"); */
      background-position: center;
  }
   .banner> .lg{
    font-size: 28px;
  }
  .banner>.lg>.high{
  font-size: 30px;
  color: #cfcb32;
  font-weight: 700;
}
.quotecon{
  font-size: 24px;
}
.att{
  font-size: 14px;
}
.fifth{
  padding: 0 1rem;
}
}

@media only screen and (max-width: 440px){
  .banner{
    /* background-image: url("mob.jpeg"); */
      background-position: center;
  }
   .banner> .lg{
    font-size: 24px;
  }
.quotecon{
  font-size: 24px;
}
.att{
  font-size: 14px;
}
.fifth{
  padding: 0 1rem;
}
.banner>.act>.blk{
  font-size: 14px;
  padding: 0.5rem 0.6rem;

}

.banner>.ext{
  font-size: 14px;
  color: #fff;
  align-items: center;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  justify-content: center;
  margin-top: 1rem;
}
.soft_skill > .enrl >.txt{
  align-items: center;
  text-align: center;
}
.unl > .heading{
  font-size: 22px;
}
.unl > .cards >.card{
  gap: .5rem;
}
.unl > .cards >.card > .title{
  font-size: 20px;
}
.unl > .cards >.card > .imgcon{
  width: 100%;
}
.att > .con{
  padding: 0.5rem;
}
.banner{
  height: auto;
}
.banner > .nl{
  font-size: 14px;
}
.banner > .ext{
  margin: 1rem auto;
}
.banner > .btn> .payment-button > .enrlbtn > .txt{
  font-size: 16px;
}
.banner > .btn > .payment-button > .enrlbtn > .txt> .smltxt{
  font-size: 12px;
}
}