/* start footer */
.text-center {
    text-align: center !important;
}

footer {
    background-color: #343a40;
    color: white;
    padding: 20px 0;
}
/* end footer */


#intro {
    padding: 30px 15px;
    background-color: white;
}#intro .title {
    position: relative;
    margin-bottom: 25px;
}#intro .title h1 {
    font-size: 2em;
}
.title h1 {
    font-weight: 600;
    color: #c52c6b;
    margin-top: 0px;
}.title:after {
    position: absolute;
    width: 17%;
    height: 3px;
    background-color: #f17a58;
    content: "";
    left: 0;
    margin: 0px auto 0px auto;
    bottom: -21%;
}
.title {
    position: relative;
    margin-bottom: 25px;
}.helplineicon {
    position: relative;
}.helplineicon img {
    display: inline-block;
    margin: 0px 5px;
}
img {
    vertical-align: middle;
}

/* blinking */
#blinking-button{
    padding: 8px 35px;
    border-radius: 48px 0px; 
border: 0px solid #6C8003;
}
@keyframes blink {
  0%, 100% {background-color:red;}
  50% {background-color: green;}
}
#blinking-button {
  background-color: #8EDDBE;
  color: white;
  animation: blink 1s linear infinite;
}
/* blinking */

.footerbook {
    background: url('https://www.chardhamyatra.org/wp-content/themes/CharDham/images/bg3.png') repeat bottom right #ffc310;
    background-size: 20%;
}

#intro {
    padding: 30px 15px;
    background-color: white;
}#intro .title {
    position: relative;
    margin-bottom: 25px;
}#intro .title h1 {
    font-size: 2em;
}
.title h1 {
    font-weight: 600;
    color: #c52c6b;
    margin-top: 0px;
}.title:after {
    position: absolute;
    width: 17%;
    height: 3px;
    background-color: #f17a58;
    content: "";
    left: 0;
    margin: 0px auto 0px auto;
    bottom: -21%;
}
.title {
    position: relative;
    margin-bottom: 25px;
}.helplineicon {
    position: relative;
}.helplineicon img {
    display: inline-block;
    margin: 0px 5px;
}
img {
    vertical-align: middle;
}
    .header {
  background-color: #b33b00;
  padding: 10px;
  text-align: center;
}

.panch-kedarnath{
  margin-bottom: 70px;
}
.panch-kedarnath>div>h2{
  color: #c52c6b;
}

.dham-info-banner {
    position: relative;
    width: 100%;
}
.dham-info-banner img {
  width: 100%;
}


.blue-infobg {
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    background: #2120ff;
    color: #fff;
    padding: 24px;
    box-shadow: 0px 4px 4px 0px #00000040;
    height: 100%;
}
.gray-infobg {
    background: #ECECEC;
    box-shadow: 0px 4px 4px 0px #00000040;
    border-radius: 20px;
    padding: 24px;
    font-weight: 400;
    height: 100%;
}.fw-bold {
    font-weight: 700 !important;
}.destionation-ul ul li {
    color: #000;
}.justify {
    text-align: justify;
}
.important-info {
    box-shadow: 8px 8px 7px 0px #00000040;
    border: 1px solid #FFFFFF;
    border-radius: 20px;
    background: #1251A1;
    height: 100%;
  }

.img-w100 img {
  width: 100%;
  border-radius: 20px;
  box-shadow: 8px 8px 7px 0px #00000040;
  height: 100%;
}
.gx-3 {
    --bs-gutter-x: 1rem;
}
.my-lg-3 {
        margin-top: 1rem !important;
        margin-bottom: 1rem !important;
    }
    .py-4 {
    padding-top: 1.5rem !important;
    padding-bottom: 1.5rem !important;
}
.container-xl, .container-xxl {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    width: 100%;
    padding-right: calc(var(--bs-gutter-x) * .5);
    padding-left: calc(var(--bs-gutter-x) * .5);
    margin-right: auto;
    margin-left: auto;
}
.header-note {
    background: #FFB800;
    border-radius: 19px 19px 0px 0px;
    padding: 12px 20px;
    color: #fff;
    text-shadow: 0px 4px 4px #00000080;
}
.gap-2 {
    gap: .5rem !important;
}
.gap-3 {
    gap: 1rem !important;
}
.d-grid {
    display: grid !important
;
}
.d-flex {
    display: flex !important
;
}
.banner-label {
    position: absolute;
    bottom: 25px;
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    text-shadow: 0px 4px 4px #00000066;
}

.blue-header {
  color: #074EA0;
  font-weight: 700;
}


/* header  */

@import 'https://fonts.googleapis.com/css?family=Montserrat|Open+Sans';
.navbar-brand {
  font-family: 'Montserrat', sans-serif;
  text-transform: uppercase
}

.navbar .nav {
  font-family: 'Open Sans', sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-size: 1.2rem
}

.navbar-inverse {
  background-color: #003300
}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
  background-color: #002200
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  background-color: #003300
}

.dropdown-menu {
  background-color: #006B00
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-color: #002200
}

.navbar-inverse {
  background-image: none;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  background-image: none;
}

.navbar-inverse {
  border-color: #003300
}

.navbar-inverse .navbar-brand {
  color: #FFFFFF
}

.navbar-inverse .navbar-brand:hover {
  color: #FFCC00
}

.navbar-inverse .navbar-nav>li>a {
  color: #FFFFFF
}

.navbar-inverse .navbar-nav>li>a:hover,
.navbar-inverse .navbar-nav>li>a:focus {
  color: #FFCC00
}

.navbar-inverse .navbar-nav>.active>a,
.navbar-inverse .navbar-nav>.open>a,
.navbar-inverse .navbar-nav>.open>a:hover,
.navbar-inverse .navbar-nav>.open>a:focus {
  color: #FFCC00
}

.navbar-inverse .navbar-nav>.active>a:hover,
.navbar-inverse .navbar-nav>.active>a:focus {
  color: #FFCC00
}

.dropdown-menu>li>a {
  color: #FFFFFF
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
  color: #FFCC00
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
  border-top-color: #FFFFFF
}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
  border-top-color: #FFFFFF
}

.navbar-inverse .navbar-nav>.dropdown>a .caret {
  border-bottom-color: #FFFFFF
}

.navbar-inverse .navbar-nav>.dropdown>a:hover .caret {
  border-bottom-color: #FFFFFF
}


.dropdown {
  position: relative;
  display: inline-block;
}
.dropdown-menu {
  display: none;
  position: absolute;
  z-index: 1;
}
.dropdown:hover .dropdown-menu {
  display: block;
}

/* header  */


/* =================================== Dham detail page css start =================================== */
.dham-info .dham-info-banner {
  position: relative;
  width: 100%;
}
.dham-info .dham-info-banner img {
  width: 100%;
}
.dham-info .dham-info-banner::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 34%;
  background: url(../images/dham-info-imgs/dham-info-banner-effect.png);
  z-index: 1;
  pointer-events: none;
  background-size: cover;
  background-position: center;
}
.dham-info .banner-label {
  position: absolute;
  bottom: 25px; 
  color: #fff;
  text-transform: uppercase;
  font-weight: 700;
  text-shadow: 0px 4px 4px #00000066;
}
.dham-info .img-w100 img {
  width: 100%;
  border-radius: 20px;
  box-shadow: 8px 8px 7px 0px #00000040;
  height: 100%;
}
.dham-info .important-info {
  box-shadow: 8px 8px 7px 0px #00000040;
  border: 1px solid #FFFFFF;
  border-radius: 20px;
  background: #1251A1;
  height: 100%;
}
.dham-info .important-info .header-note {
  background: #FFB800;
  border-radius: 19px 19px 0px 0px;
  padding: 12px 20px;
  color: #fff;
  text-shadow: 0px 4px 4px #00000080;
}
.dham-info .important-info .header-note .icon {
  transform: scaleX(-1);
  font-size: 23px;
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.5));
}
.dham-info .important-info .info-notes {
  padding: 12px 20px;
  color: #fff;
}
.dham-info .important-info .info-notes h5 {
  color: #FFB800;
  font-weight: 500;
  text-shadow: 0px 4px 4px #00000040;
  font-size: 18px;
}
.dham-info .blue-header {
  color: #074EA0;
  font-weight: 700;
}
.dham-info .blue-infobg {
  border: 1px solid #FFFFFF;
  border-radius: 20px;
  background: #1251A1;
  color: #fff;
  padding: 24px;
  box-shadow: 0px 4px 4px 0px #00000040;
  height: 100%;
}
.dham-info .blue-bg-ul ul{
  list-style: disc;
  padding-left: 1.5rem;
}
.dham-info .blue-bg-ul ul li{ 
  color: #F6EBEB;
}

.dham-info .blue-infobg.borderinfo {
  border: 4px solid #FFFFFF;
}
.dham-info .blue-infobg .header-txt {
  color: #F6EBEB;
  text-shadow: 0px 4px 4px #00000066;
  margin-bottom: 0.5rem ;
}
.dham-info .blue-infobg .detail-txt {
  color: #F6EBEB;
}
.dham-info .blue-infobg .display-5 .icon {
  width: 70px;
}
.dham-info .gray-infobg {
  background: #ECECEC;
  box-shadow: 0px 4px 4px 0px #00000040;
  border-radius: 20px;
  padding: 24px;
  font-weight: 400;
  height: 100%;
}
.dham-info .gray-infobg .Destinations {
  list-style: disc;
  padding-left: 1.2rem;
  display: grid;
  gap: 0.2rem;
}
.dham-info .gray-infobg .Destinations li {
  color: #000;
}
.dham-info .weather-update {
  background: linear-gradient(192.05deg, #4A91EC 27.44%, #1462C4 100%);
  border: 4px solid #FFFFFF;
  border-radius: 20px;
  color: #fff;
  padding: 20px;
  box-shadow: -3.77px 7.54px 30.17px 2.26px #13234E33;
  text-shadow: -1.4px 2.1px 0.7px #0000001A;
  text-align: center;
  height: 100%;
}
.dham-info .weather-update .weather-inside {
  border: 2px solid rgba(191, 191, 191, 0.7); 
  backdrop-filter: blur(3.5px); 
  background: rgba(255, 255, 255, 0.3); 
  border-radius: 14px;
  text-align: center;
  padding: 20px 12px;
  margin: 20px;
}
.dham-info .weather-update .weather-txt {
  font-weight: 400;
  display: flex;
  justify-content: center;
}
.dham-info .weather-update ul {
  display: flex;
  justify-content: center;
  gap: 0.3rem;
}
.dham-info .weather-update ul li {
  color: #fff;
  text-shadow: -1.4px 2.1px 0.7px #0000001A;
  width: 50%;
}
.dham-info .weather-update select {
  background: none;
  color: #fff;
  border: 0;
  font-weight: 600;
  padding: 0 !important;
  box-shadow: none;
}
.dham-info .btn-white {
  border-radius: 14px;
  background: #fff;
  color: #000;
  font-size: 13px;
  font-weight: 600;
  padding: 11px 22px;
  border: 1px solid #fff;
}
.dham-info .btn-white:hover {
  background: transparent;
  border: 1px solid #fff;
  color: #fff;
}
.dham-info .direction-flex {
  display: flex;
  flex-direction: column;
}
.dham-info .justify {
  text-align: justify;
}
.dham-info .swiper-container.attraction-slider { 
  padding: 24px 0px 50px !important;
}
.dham-info .attraction-slider .swiper-slide {
  filter: contrast(0.5) brightness(0.7);
}
.dham-info .attraction-slider .swiper-slide-active {
  filter: none;
  opacity: 1 !important; 
}
.dham-info .attraction-slider .swiper-slide-active img {
  filter: drop-shadow(0px 5px 10px rgba(0, 0, 0, 0.5)); 
}
.dham-info .attraction-slider .slider-image {
  position: relative;
  display: inline-block;
}
.dham-info .attraction-slider .slider-image img {
  border-radius: 20px;
}
.dham-info .attraction-slider .hover-info {
  position: absolute;
  top: 0px;
  left: 50%;
  width: 100%;
  height: 100%;
  transform: translateX(-50%);
  background: #00000080;
  backdrop-filter: blur(8px);
  color: #fff;
  border-radius: 20px;
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: end;
  padding: 20px 30px 40px;
}
.dham-info .attraction-slider .swiper-slide.swiper-slide-active .slider-image:hover .hover-info {
  opacity: 1;
}
.dham-info .attraction-slider .swiper-wrapper {
  align-items: center;
}
.dham-info .destionation-ul ul {
  display: grid;
  gap: 0.3rem;
  list-style: disc;
  padding: 0.5rem 0rem 0rem 1.2rem;
}
.dham-info .destionation-ul ul li {
  color: #000;
}
/* =================================== Dham detail page css end ===================================== */
select.error, input.error {
  color: inherit!important;
}

/* =================================== Home page new sec start ===================================== */
.quick-linkinfo .quick-box {
  border-radius: 8px;
  box-shadow: 0px 6px 25px 4px rgba(0, 0, 0, 0.1);
  background: #fff;
}
.quick-linkinfo .quick-box .header {
  background: #1251A1;
  color: #fff;
  padding: 12px 10px;
  text-align: center;
  border-radius: 8px 8px 0px 0px;
}
.quick-linkinfo .quick-box .header h4 , .quick-linkinfo .inner-box .inner-header h5{
  font-weight: 700;
}
.quick-linkinfo .inner-box {
  border: 1px solid #000;
  padding-bottom: 1rem;
}
.quick-linkinfo .inner-box .inner-header {
  background: #F2B817;
  color: #323232;
  text-align: center;
  padding: 10px;
  border-bottom: 1px solid #000;
}
.quick-linkinfo .icon-bg {
  background: #fff;
  border-radius: 8px;
  color: #1251A1;
  height: 35px;
  width: 35px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  padding: 8px;
}
.quick-linkinfo .checklist {
  display: grid;
  gap: 0.25rem;
} 
.quick-linkinfo .inner-box .hover-box{
  height: 265px;
  overflow: hidden;
  padding: 1rem;
  position: relative;
} 
.quick-linkinfo .checklist li , .quick-linkinfo .useful-links li{
  border-bottom: 1px solid #000000d4;
  padding-bottom: 6px;
  color: #000;
  font-weight: 400;
  display: flex;
  align-items: baseline;
  gap: 0.5rem;
  font-size: 14px;
}
.quick-linkinfo .checklist li:last-child , .quick-linkinfo .useful-links li:last-child {
  border-bottom: none;
  padding-bottom: 0px;
}
.quick-linkinfo .travel-agents {
  display: grid;
  gap: 0.5rem;
}
.quick-linkinfo .travel-agents li {
  background: #E2EFFF;
  padding: 10px;
  border-radius: 4px;
  color: #555555;
  font-weight: 400;
}
.quick-linkinfo .travel-agents li h6 {
  color: #1251A1;
  font-weight: 700;
  margin-bottom: 0.45rem;
  font-size: 15px;
}
.quick-linkinfo .travel-agents li p , .quick-linkinfo .travel-agents li .icon {
  font-size: 12.5px;
}
.quick-linkinfo .travel-agents li .email-txt {
  color: #1251A1;
  word-break: break-all;
}
.quick-linkinfo .a-link {
  color: #AC0808;
  text-decoration: underline;
  font-weight: 500;
  text-align: center;
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  background: #fff;
  padding: 12px 10px 0px;
}
.quick-linkinfo .a-link:hover {
  color: #1251A1;
}
.quick-linkinfo .useful-links {
  display: grid;
  gap: 0.25rem;
}
.quick-linkinfo .useful-links li a {
  font-size: 12.5px;
  font-style: italic;
  text-decoration: underline;
}
.quick-linkinfo .hover-box marquee {
  height: 100%;
}
.fw-600 {
  font-weight: 600!important;
}


.disable-btn:disabled  {
  background-color: #67a7bc;
  cursor: not-allowed; 
  opacity: 0.7;
}


#hotel-resort {
    position: relative;
    padding-bottom: 100px;
    background-color: #fff8e3;
    padding-top: 30px;
}.hr-img {
    position: relative;
    z-index: 10;
    margin: 25px auto;
}.hr-img img {
    position: relative;
    max-width: 100%;
    border-radius: 150px 30px 0px 35px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, .2);
}#hotel-resort .title {
    margin-bottom: 36px;
    padding-top: 0px;
    margin-top: 40px;
}
#hotel-resort .title h4 {
    font-size: 1.8em;
    font-weight: 700;
    color: #000;
    display: block;
    margin-top: 0px;
    text-transform: uppercase;
    position: relative;
}#hotel-resort .title h4 span {
    font-size: 18px;
    display: block;
    margin-top: 11px;
    color: #e30f4b;
    font-weight: normal;
}
#hotel-resort .video-btn {
    display: inline-block;
    background: #e30f4b;
    font-size: 17px;
    text-align: center;
    color: #fff;
    border-radius: 37px;
    padding: 10px 25px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 22px;
    transition-duration: .3s;
}#hotel-resort .videotext {
    font-size: 1.1em;
}
a, a:focus, a:hover {
    color: #111;
    outline: 0;
    text-decoration: none;
}
.trek_con {
    color: white;
    background-color: rgba(0, 0, 0, 0.5);
    margin-top: -111px;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    overflow: hidden;
}
    hr {
    border-width: 0;
    color: #ef3038;
    background-color: #ef3038;
    margin: 0px 530px;
    opacity: 1.0;
    margin-top: 10px;
    margin-bottom: 10px;
}
      .carousel-caption {
        background-color: rgba(61, 61, 61, 0.5);
        border-radius: 10px;
        padding: 20px;
      }
      footer {
        background-color: #343a40;
        color: white;
        padding: 20px 0;
      }
      .borderimg { 
  border: 10px solid transparent;
  padding: 0px; /*15px; */
  border-image: url(https://www.w3schools.com/css/border.png) 30 stretch;
}

.myImg:hover {opacity: 0.5;}

.con {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}

.con img {vertical-align: middle;}

.con .content {
  position: absolute;
  bottom: -33px;
  /* background: rgb(0, 0, 0); Fallback color */
  /* background: rgba(0, 0, 0, 0.5); Black background with 0.5 opacity */
  color: #ffffff;
  width: 100%;
  padding: 20px;
}
/* video section  */

   #videopolicy {
    position: relative;
    padding-bottom: 100px;
}#videopolicy .title {
    margin-bottom: 40px;
    padding-top: 0px;
    margin-top: 40px;
}#videopolicy .title h4 {
    font-size: 1.8em;
    font-weight: 700;
    color: #000;
    display: block;
    margin-top: 0px;
    text-transform: uppercase;
    position: relative;
}#videopolicy .title h4::after {
    content: "";
    position: absolute;
    left: 0px;
    height: 8px;
    border-radius: 5px;
    background-color: #c52c6b;
    width: 110px;
    margin: 40px auto 0px auto;
}#videopolicy .videotext {
    font-size: 1.3em;
}#videopolicy .video-btn {
    display: inline-block;
    background: #e30f4b;
    font-size: 17px;
    text-align: center;
    color: #fff;
    border-radius: 37px;
    padding: 10px 25px;
    text-transform: uppercase;
    font-weight: bold;
    margin-top: 22px;
    transition-duration: .3s;
}
.videobg {
    position: relative;
    z-index: 10;
    margin-top: -70px;
    padding: 20px;
    border-radius: 50px;
    box-shadow: 0px 0px 25px rgba(0, 0, 0, .2);
    background-color: #fff;
    margin-bottom: 40px;
}.videobg img {
    max-width: 100%;
    border-radius: 35px;
}
       

    .voilet{
    width: 100%;
    height: 75px;
    background-color: #fff8e3 !important;}

    .logotext a{
    font-size: 21px;
    color: #c52c6b;
    font-weight: 700;
    text-transform: uppercase;
    margin-top: 0;
}
.h_color{
    color: #c52c6b;
}

/* video section  */

/* <trek page> */
    /* body { font-family: 'Poppins', sans-serif; scroll-behavior: smooth; } */

    /* HERO */
    .hero {
      min-height: 100vh;
      background: linear-gradient(135deg, rgba(0,0,0,.6), rgba(25,135,84,.75)),
      url('https://images.unsplash.com/photo-1500534314209-a25ddb2bd429');
      background-size: cover;
      background-position: center;
      color: #fff;
      display: flex;
      align-items: center;
    }

    /* GLASS */
    .glass {
      background: rgba(255,255,255,.15);
      border-radius: 22px;
      backdrop-filter: blur(14px);
      border: 1px solid rgba(255,255,255,.25);
    }

    /* FEATURE CARD */
    .feature-card {
      border-radius: 22px;
      transition: .4s ease;
    }
    .feature-card:hover {
      transform: translateY(-12px);
      box-shadow: 0 30px 70px rgba(0,0,0,.18);
    }

    .icon-circle {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 30px;
      background: linear-gradient(135deg, #198754, #20c997);
      color: #fff;
      margin: auto;
    }

    /* TREK CARD */
    .trek-card {
      border-radius: 24px;
      overflow: hidden;
      transition: .4s;
    }
    .trek-card:hover img { transform: scale(1.12); }
    .trek-card img { transition: .4s; }

    /* CTA */
    .cta {
      background: linear-gradient(135deg, #198754, #20c997);
      color: #fff;
    }
  /* </trek page> */

    /* tour page */

   body { background:#f4f7fb; }
    .hero {
      background: linear-gradient(135deg, rgba(13,110,253,.85), rgba(0,0,0,.7)), url('https://images.unsplash.com/photo-1548013146-72479768bada');
      background-size: cover;
      background-position: center;
      color: #fff;
      padding: 100px 0;
    }
    .hero h1 { font-size: 3rem; }
    .info-card {
      background:#fff;
      border-radius:16px;
      box-shadow:0 15px 35px rgba(0,0,0,.08);
      transition:.3s;
    }
    .info-card:hover { transform:translateY(-6px); }
    .price-box {
      background: linear-gradient(135deg,#0d6efd,#0a58ca);
      color:#fff;
      border-radius:18px;
      box-shadow:0 15px 40px rgba(13,110,253,.35);
    }
    .destination-card {
      border-radius:16px;
      box-shadow:0 10px 30px rgba(0,0,0,.08);
      transition:.3s;
    }
    .destination-card:hover { transform:scale(1.03); }
    .icon-circle {
      width:45px;height:45px;border-radius:50%;
      display:flex;align-items:center;justify-content:center;
      background:#0d6efd;color:#fff;
    }

    /* tour end */

.popup-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.65);
  z-index: 1055;
}

.popup-card {
  max-width: 900px;
}

.popup-close {
  position: absolute;
  top: 15px;
  right: 15px;
  z-index: 10;
}

.object-fit-cover {
  object-fit: cover;
}

/* ===include and exclude======= */

    .ie-card {
        border-radius: 16px;
        height: 100%;
      }
      .ie-header {
        font-weight: 600;
        font-size: 1.2rem;
      }
      .ie-list li {
        padding: 8px 0;
        display: flex;
        align-items: start;
        gap: 10px;
        line-height: 1.6;
      }
/* === end include and exclude======= */

  /* term and condition */

/* .tc-wrap {
  max-width: 720px;
  margin: auto;
} */
.tc-card {
  border-radius: 18px;
  overflow: hidden;
  background: linear-gradient(145deg, #ffffff, #f4f7ff);
}
.tc-head {
  background: linear-gradient(135deg, #4f8cff, #6a5cff);
}
.accordion-item {
  border: none;
  border-bottom: 1px solid #eef1ff;
}
.accordion-button {
  font-weight: 600;
  padding: 1rem 1.25rem;
}
.accordion-button:not(.collapsed) {
  background: #eef2ff;
  color: #4f46e5;
}
.accordion-button::after {
  background-size: 1.1rem;
}
.accordion-body {
  background: #fbfcff;
  line-height: 1.7;
}
.badge-soft {
  background: #e0e7ff;
  color: #4338ca;
}
 /* end term and condition */


 