:root,
[data-bs-theme="light"] {
--bs-primary:#FF7400;
--bs-primary-10:#FF74001A;
--bs-secondary: #2D2C2B;
--bs-bg-one:#FFF8F1;
--black:#000000;
--bs-dark:#121212;
--bs-gray:#999999;
--bs-yellow:#FF9900;
--bs-FF9500:#FF9500;
--bs-green:#16A34A;
--bs-green-60:#DCFCE7;

--skyblue:#74BDDD;
--skyblue-8:#74BDDD14;

--bs-F8F9FA:#F8F9FA;
/* --skyblue:#74BDDD; */

--bs-secondary-60:#2D2C2B99;
--bs-secondary-70:#2D2C2BB2;
--bs-secondary-80:#2D2C2BCC;

--bs-2D2C2B-80:rgba(45, 44, 43, 0.8);

--bs-transition:0.2s ;

/* --bs-primary:rgb(255, 115, 0); */
/* --bs-link-hover-color-rgb:255, 115, 0; */

--bs-link-hover:var(--bs-primary);


 /* NEW (used by this section) */
  --bs-muted:#6B6F76;             /* secondary text */
  --bs-border:#E6E8EC;            /* subtle borders */
  --bs-surface:#FFFFFF;           /* plain white surface */
  --bs-rail-dot: color-mix(in oklab, var(--bs-secondary) 28%, transparent); /* dotted-rail color */





--bs-font-family:'BR Hendrix' ,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;


/* --video-width: 720px; */
/* --thumb-size: 16px; */
/* swiper  */
--swiper-navigation-size: 18px;
--swiper-navigation-color:#0000004D;


/* badge  card  */
--px-card:#fff; --px-bg:#f8fafc; --px-border:#e5e7eb; --px-focus:#00B3C7;
    --px-rad:16px; --sh-sm:0 1px 2px rgba(0,0,0,.06),0 4px 14px rgba(0,0,0,.06);
    --sh-lg:0 8px 24px rgba(0,0,0,.10); --s8:8px; --s12:12px; --s16:16px; --s24:24px; --s32:32px;

}


/* #topbar{
  background-color: var(--bs-primary-10) !important;
  border-top: 1px solid #0F11131A;
} */
.streak-wrap{
   background-color: var(--bs-primary-10) !important;
  border-top: 1px solid #0F11131A;
}
.offcanvas{--bs-offcanvas-height: 100vh;}

body{font-family: var(--bs-font-family);}

.site-header {overflow-x: clip; }
.bg-primary{background-color: var(--bs-primary) !important;}.bg-primary-10{background-color: var(--bs-primary-10);}.bg-secondry{background-color: var(--bs-secondary);}.bg-main{background-color: var(--bs-bg-one);}.bg-yellow{background-color: var(--bs-yellow);}.bg-skyblue-10{background-color: #74BDDD1A;}.bg-00000014{background-color:#00000014 ;}.bg-green{background-color: var(--bs-green);}.bg-skyblue{background-color: var(--skyblue);}.bg-skyblue-8{background-color: var(--skyblue-8);}.bg-FF9500{background-color: var(--bs-FF9500);}
.text-primary{color: var(--bs-primary) !important;} .tAccent{color: var(--bs-secondary) !important;}.tAccent-60{color: var(--bs-secondary-60);}.tAccent-70{color: var(--bs-secondary-70) !important;}.tAccent-80{color: var(--bs-secondary-80);}  .t-dark{color: var(--bs-dark);}  .text-black-70 {--bs-text-opacity: 1;color: rgba(0, 0, 0, .7) !important;}.text-black-80 {--bs-text-opacity: 1;color: rgba(0, 0, 0, .8) !important;}.text-black-90 {--bs-text-opacity: 1;color: rgba(0, 0, 0, .9) !important;}.text-gray{color: var(--bs-gray);}
.text-303030{color: #303030;}.text-434855{color: #434855;}.text-44423F{color: #44423F;}.text-4B4C4D{color: #4B4C4D;}.text-skyblue{color: var(--skyblue);}.text-white-80{--bs-text-opacity: 1;color: rgba(255, 255, 255, .8) !important;}.text-white-90{--bs-text-opacity: 1;color: rgba(255, 255, 255, .9) !important;}.text-444951{color: #444951;}.text-yellow{color: var(--bs-yellow);}.text-FF9500{color: var(--bs-FF9500);}

.bg-cover{background-size: cover;}
.bg-no-repeat{background-repeat: no-repeat;}
.bg-start{background-position: left;}.bg-end{background-position: right;}.bg-top{background-position: top;}.bg-bottom{background-position: bottom;}

.rounded-20{border-radius: 20px;}.rounded-24{border-radius: 24px;}.text-nowrap{ white-space: nowrap;}.list-style-none{list-style: none;}

.shadow_1{box-shadow: 0px 2px 0px rgba(65, 61, 69, 0.2);;}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-top: 0;margin-bottom: 0rem;font-weight: 500;line-height: 1.2;color: var(--bs-heading-color);}
p{margin: 0px;}
/* header  */
.header_container{padding-inline: 36px; padding-block: 1.5rem;}header .offcanvas-body{margin-left: 80px;}


/* Pills */
.pill{border-radius:999px; padding:.35rem .65rem; font-weight:600; background:#fff; border:1px solid #e6e6e9}
.pill-xp{ background:rgba(34,197,94,.12); color:#166534; border-color:rgba(34,197,94,.25)}
    .objective{border-left:6px solid var(--bs-primary);border-radius: 1rem;}

.dark-swiper{top: 40px;}
.dark-swiper.course-next{right: 20px;}
.dark-swiper.course-prev{left: 20px;}


.dark-swiper:after{content: '';width: 24px;height: 50px;top: 0;position: absolute;background-repeat: no-repeat;background-image: url('../media/arrow-next.svg');}
.dark-swiper.course-prev:after{background-image: url('../media/arrow-prev.svg');}



/* search bar  */
.search_icon{transition: all .35s ease;}
#searchCollapse.collapse:not(.show) {display: block; max-width: 0;overflow: hidden;opacity: 0;transition: all .35s ease;}




#searchCollapse.collapse.show {max-width: 280px;      opacity: 1;}
.search_icon.collapsed{display: block;}
.search_icon{display: none;}

.navbar-nav{--bs-nav-link-hover-color:var(--bs-primary);}


/* scroll header  */
/* ===== HEADER STATES (site-wide) ===== */
header{
  transition: background-color .25s ease, box-shadow .25s ease, transform .25s ease;
  will-change: transform, background-color, box-shadow;
  backdrop-filter: saturate(1.1) blur(6px);
}

/* when page is scrolled */
header.scrolled{
  background: rgba(255,255,255,.9) !important;
  box-shadow: 0 2px 10px rgba(0,0,0,.06);
}


/* quiz  */



.progress-wrap.quiz-progress  .progressbar{height:16px; background:#0000001A; border-radius:10rem; overflow:hidden; flex:1; margin-right: 18px;}
.progress-wrap.quiz-progress .progressbar > span{display:block; height:100%; background:var(--bs-primary); width:0%}
.opt input{display: none;}

.options{display:grid; gap:18px; margin-top:10px}
.opt{cursor:pointer; border: 2px solid #D9D9D9;background:var(--opt-bg); border-radius:72px; font-size: 19px; font-weight: 500; padding:18px 30px; position: relative;}
.opt:after{content: '';width: 35px; height: 35px; position: absolute; right: 27px; top: 12px; background-size: cover;background-position: center;}

.opt.correct::after{background-image: url('../media/right-ansr.svg');}
.opt.wrong::after{background-image: url('../media/wrong-ansr.svg');}




.opt:hover{background:var(--opt-hover)}
/* .opt input{accent-color:var(--accent)} */
/* .opt.locked{opacity:.65; cursor:default} */
.opt.correct{border-color:#16A34A; background:#DCFCE733}
.opt.wrong{border-color:#EA2B2B; background:#EA2B2B33}




@media(min-width:968px){
  
  /* hide-on-scroll + reveal-on-scroll-up behaviour */
  header.scroll-down{ transform: translateY(-100%); }
  header.scroll-up{ transform: translateY(0); }
}
/* nav underline micro-interaction */
.navbar .nav-link{ position:relative; transition: color .25s ease; }
.navbar .nav-link::after{
  content:""; position:absolute; left:.15rem; right:.75rem; bottom:.35rem; height:2px;
  background: currentColor; transform: scaleX(0); transform-origin:left;
  transition: transform .3s ease; opacity:.75;width: 100%;
}
.navbar .nav-link:hover::after,
.navbar .nav-link:focus-visible::after{ transform: scaleX(1); }



.header-transparent{margin-bottom: -100px;background: transparent;backdrop-filter: none;border: 0;}
.header-light{background-color: #fff; margin: 0;}

.fix-header{
  margin-bottom: 0px;background: #fff;
}


@media (min-width: 1400px) {.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {max-width: 1400px;}
    
/* typo  */
h1.display-3{font-size: 4.25rem; line-height: 4.4rem;}
h2.display-4{font-size: 3.75rem;}

}
  

  .fs-10{font-size: .625rem;}.fs-11{font-size: .6875rem;}.fs-12 {font-size: .75rem;}.fs-14{font-size: 14px;}.fs-17{font-size:  clamp(14px, 2vw, 17.33px);}.fs-18{font-size:  clamp(15px, 2vw, 18px);}.fs-20{font-size: clamp(16px, 2vw, 20px);}.fs-22{font-size: clamp(18px, 2vw, 22px);}.fs-26{font-size: clamp(18px, 2vw, 26px);}.fs-30{font-size: clamp(22px, 2vw, 30px);}.fs-34{font-size: clamp(24px, 2vw, 34px);}.fs-45{font-size: clamp(28px, 3vw, 45px);}.fs-64{font-size: clamp(45px, 3.5vw, 64px);}
 .pb-35{padding-bottom: 2.1875rem ;}.fs-52{font-size: clamp(26px, 4vw, 52px);}



/* btn  */
a.link-primary{
  color: var(--bs-primary) !important;
  /* --bs-link-color-rgb:red; */
  text-decoration: none;
}

a.link-primary.dark:hover{
  color: var(--bs-secondary) !important;
}

a.link-primary.dark.with-icon:hover svg path{
  fill: var(--bs-secondary) !important;
}

a.link-skyblue{
  color: var(--skyblue);
}

a.link-secondary{
  color: var(--bs-secondary) !important;
}


.btn {
    --bs-btn-padding-x: 2.975rem;
    --bs-btn-padding-y: 1rem;
    --bs-btn-font-family:var(--bs-font-family); ;
    --bs-btn-font-size: 1.375rem;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 1.5625rem;
    border-radius: 50px;
  }

  .btn.btn-small{
     --bs-btn-padding-x: 2.125rem;
    --bs-btn-padding-y: .8125rem;
    --bs-btn-font-family:var(--bs-font-family); ;
    --bs-btn-font-size: 1.375rem;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 1.0625rem;
    border-radius: 50px;
  }
  .btn.btn-sm {
    --bs-btn-padding-x: 1.4375rem;
    --bs-btn-padding-y: .5625rem;
    --bs-btn-font-family:var(--bs-font-family); ;
    --bs-btn-font-size: 1rem;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 1.1875rem;
    /* color: var(--bs-btn-color); */
    border-radius: 50px;
  }

  .btn.btn-sm.btn-sm-2{
        --bs-btn-padding-x: 1.4375rem;
    --bs-btn-padding-y: .2625rem;
    --bs-btn-font-size: .8rem;
  }
.btn.btn-md {
    --bs-btn-padding-x: 5rem;
    --bs-btn-padding-y: 1rem;
    --bs-btn-font-family:var(--bs-font-family); ;
    --bs-btn-font-size: 1.375rem;
    --bs-btn-font-weight: 600;
    --bs-btn-line-height: 1.5625rem;
    /* color: var(--bs-btn-color); */
    border-radius: 50px;
  }

  .btn-group.round-btn>.btn{    border-radius: 57px !important;}



  .btn.btn-primary{
        --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: var(--bs-primary);
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-primary);
    --bs-btn-disabled-border-color: var(--bs-primary);
  }

    .btn.btn-yellow {
      --bs-btn-color: #fff;
      --bs-btn-bg: var(--bs-yellow);
      --bs-btn-border-color: var(--bs-yellow);
      --bs-btn-hover-color: var(--bs-yellow);
      --bs-btn-hover-bg: #fff;
      --bs-btn-hover-border-color: var(--bs-yellow);
      --bs-btn-focus-shadow-rgb: 49, 132, 253;
      --bs-btn-active-color: #fff;
      --bs-btn-active-bg: var(--bs-yellow);
      --bs-btn-active-border-color: var(--bs-yellow);
      --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      --bs-btn-disabled-color: #fff;
      --bs-btn-disabled-bg: var(--bs-yellow);
      --bs-btn-disabled-border-color: var(--bs-yellow);
    }
.btn.btn-black {
  --bs-btn-color: #fff;
  --bs-btn-bg: var(--black);
  --bs-btn-border-color: var(--black);
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #424649;
  --bs-btn-hover-border-color: #373b3e;
  --bs-btn-focus-shadow-rgb: 66, 70, 73;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #4d5154;
  --bs-btn-active-border-color: #373b3e;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--black);
  --bs-btn-disabled-border-color: var(--black);
}
  .btn.btn-green{
        --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-green);
    --bs-btn-border-color: var(--bs-green);
    --bs-btn-hover-color: var(--bs-green);
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: var(--bs-green);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-green);
    --bs-btn-active-border-color: var(--bs-green);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-green);
    --bs-btn-disabled-border-color: var(--bs-green);
  }


  .btn.btn-skyblue{
        --bs-btn-color: #fff;
    --bs-btn-bg: var(--skyblue);
    --bs-btn-border-color: var(--skyblue);
    --bs-btn-hover-color: var(--skyblue);
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: var(--skyblue);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--skyblue);
    --bs-btn-active-border-color: var(--skyblue);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--skyblue);
    --bs-btn-disabled-border-color: var(--skyblue);
  }

   
  .btn.btn-dark{
        --bs-btn-color: #fff;
    --bs-btn-bg: var(--bs-secondary);
    --bs-btn-border-color: var(--bs-secondary);
    --bs-btn-hover-color: var(--bs-secondary);
    --bs-btn-hover-bg: #fff;
    --bs-btn-hover-border-color: var(--bs-secondary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-secondary);
    --bs-btn-active-border-color: var(--bs-secondary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: #fff;
    --bs-btn-disabled-bg: var(--bs-secondary);
    --bs-btn-disabled-border-color: var(--bs-secondary);
  }

  .btn.btn-outline-primary{
        --bs-btn-color: var(--bs-primary);
    --bs-btn-border-color: var(--bs-primary);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: var(--bs-primary);
    --bs-btn-active-border-color: var(--bs-primary);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color: var(--bs-primary);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: var(--bs-primary);
    --bs-gradient: none;
  }
  .btn.btn-outline-black{
        --bs-btn-color: #000;
    --bs-btn-border-color: #000;
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: #000;
    --bs-btn-hover-border-color: #000;
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg: #000;
    --bs-btn-active-border-color: #000;
    --bs-btn-active-shadow: inset 0 3px 5px rgba(211, 194, 194, 0.125);
    --bs-btn-disabled-color: #000;
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: #000;
    --bs-gradient: none;
  }
  .btn.btn-outline-danger{
        --bs-btn-color: rgba(255, 0, 0, 0.699);
    --bs-btn-border-color: rgb(255, 0, 0);
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg:  rgba(255, 0, 0, 0.699);
    --bs-btn-hover-border-color:  rgba(255, 0, 0, 0.699);
    --bs-btn-focus-shadow-rgb: 13, 110, 253;
    --bs-btn-active-color: #fff;
    --bs-btn-active-bg:  rgba(255, 0, 0, 0.699);
    --bs-btn-active-border-color: rgba(255, 0, 0, 0.699);
    --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
    --bs-btn-disabled-color:  rgba(255, 0, 0, 0.699);
    --bs-btn-disabled-bg: transparent;
    --bs-btn-disabled-border-color: rgba(255, 0, 0, 0.699);
    --bs-gradient: none;
  }

.icon_btn{display: flex;align-items: center;gap: .25rem!important;}
.icon_btn.icon-1:hover svg path{fill: #fff; stroke: #fff;}

.icon_btn.btn-primary{
    --bs-btn-hover-color: #fff;
    --bs-btn-hover-bg: var(--bs-primary);
    --bs-btn-hover-border-color: var(--bs-primary);
    --bs-btn-focus-shadow-rgb: 49, 132, 253;
    --bs-btn-active-color: #fff;
}


  .btn_lable{
    padding: .9375rem 1.3125rem;
    border: 2.07074px solid #FFFFFF;
    border-radius: 31.0612px;
    color: #fff;
    width: fit-content;
    margin-inline: auto;
  }


  .submit_btn{
    --bs-btn-padding-x: 2.1875rem;
    --bs-btn-padding-y: 1.125rem;
    --bs-btn-font-size: 1rem;
    --bs-btn-line-height: 1.1875rem;
    box-shadow: 0px 2px 0px rgba(65, 61, 69, 0.2);
  }

  .filter-btn{
    --bs-btn-padding-x: 3.5rem;
    --bs-btn-padding-y: .8rem;
    --bs-btn-font-size: 1rem;
        --bs-btn-line-height: 1rem;
  }
.sticky-top-100{position:sticky; top:100px}
  /* .bounce animation  */
  .bounce-ani {
  animation: bounceFloat 2s ease-in-out infinite alternate;
  transform-origin: 50% 100%;
  will-change: transform;
}


@keyframes bounceFloat {
  0% {transform: translateY(0);}
  100% {transform: translateY(-10px);
  }
}





/* badge  */
.badge{
  --bs-badge-padding-x: 1.4875rem;
   --bs-badge-padding-y: .5625rem;
   --bs-badge-font-size: .9375rem;
   --bs-badge-font-weight: 600;
   --bs-badge-border-radius: 2.5781rem;
   }

   .badge.badge-sm{
     line-height: 1;
    }
    .badge.badge-small{
      
      --bs-badge-padding-x: .6875rem;
        --bs-badge-padding-y: .375rem;
    --bs-badge-font-size: .75rem;
   }
.badge.badge-green{
--bs-badge-color: var(--bs-secondary);
background-color: #DCFCE7;
}

.text-bg-update-subtle{
--bs-badge-color: var(--bs-secondary);
background-color: #DCFCE7;
}
.text-bg-event-subtle{
  --bs-badge-color: #DCFCE7;
background-color: var(--bs-primary);
}
.text-bg-release-subtle{--bs-badge-color: var(--bs-secondary);background-color: #DCFCE7;}

.xp-pill {background: #e8f7ee;color: #0f5132;border: 1px solid #bfe3cc;}
.badge-premium {background: var(--bs-primary);color: #fff;border: 1px solid var(--bs-primary);}

/* .course card  */
/* .view_more{
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100px;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #FFFBF8 100%);
} */

.db-list.list-group{
  --bs-list-group-item-padding-x: 0.5rem;
  --bs-list-group-bg:#fff;
  --bs-list-group-border-color:#dee2e6;
  --bs-list-group-color:#00000080;
}
.list-group-item.active, .list-group-item:focus{
  border-color: #dee2e6;
}
.db-list.list-group .list-group-item {
  text-align: center;
  border-top: 0;
  border-bottom: 0;
}

.db-list.list-group .list-group-item[aria-selected="true"]{
  background-color: var(--bs-primary-10);
}







.view_more {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 100px;
  width: 100%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.8) 0%, #FFFBF8 100%);
  display: flex;
  justify-content: center;
  align-items: flex-end;
}

.ui_list.collapsed {
  max-height: 450px; /* enough for ~5 lessons */
  overflow: hidden;
  position: relative;
  transition: max-height 0.5s ease;
}

.ui_list.expanded {
  max-height: 2000px; /* big enough for all */
  transition: max-height 0.5s ease;
}

  .all-badge .badge-card{position:relative;background:var(--px-card);border:1px solid var(--px-border);border-radius:var(--px-rad);
    box-shadow:var(--sh-sm);padding:var(--s16);text-align:center;transition:transform .15s ease,box-shadow .2s ease}
  .all-badge .badge-card:hover,.badge-card:focus-within{transform:translateY(-2px);box-shadow:var(--sh-lg)}





a{transition: all  var(--bs-transition) ease-in-out;}
a.card_link{color: #000; text-decoration: none;}
a.card_link:hover{color: var(--bs-primary);}
.card.course_card{
  --bs-card-spacer-y: 1.5rem;
  --bs-card-spacer-x: 1.5rem;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-width:0;
  --bs-card-bg:#fff;
  --bs-card-title-spacer-y: 0.5rem;
  --bs-card-border-color:#00000024;
  border-radius: 1.125rem;
}
.card.course_card:not(.card-smltr) .card-body{
  padding-right: 2.125rem;
  padding-bottom: 2.125rem;
}

.course_card .card-header img{
  transform: scale(1);
  transition: all var(--bs-transition) ease-in-out;
}
.course_card .card-header img:hover{
  transform: scale(1.1);
}

.meta_box {padding: 9px 21px;border-radius: 6px;}

/* card -2  */

.card.p_card-2{
    --bs-card-spacer-y: 2rem;
    --bs-card-spacer-x:  2rem;
    --bs-card-border-radius:1rem;
    --bs-card-border-width:0;
}


.card.banner_card{
   --bs-card-spacer-y: 2.15rem;
    --bs-card-spacer-x:  2.15rem;
    --bs-card-border-radius:1.34rem;
    --bs-card-border-width:0;
}


/* site bar card  */
.card.site_card{
   --bs-card-spacer-y: 1.5625rem;
    --bs-card-spacer-x:  1.875rem;
    --bs-card-border-radius:1.34rem;
    --bs-card-border-width:0;
    color: #fff;
    background-image: url('../media/site_card_bg.webp');
    background-repeat: no-repeat;
    background-size: cover;
}

/* table card  */
.card.table-card{--bs-card-cap-padding-y: 0.5rem;--bs-card-cap-padding-x: 0.5rem;--bs-card-cap-bg:var(--bs-primary-10);}


.card.card-px{
  --bs-card-spacer-y: 1.5625rem;
    --bs-card-spacer-x:  1.875rem;
    --bs-card-border-radius:1.34rem;
}

article.card.scenario-card.h-100 {min-height: 200px;}
/******* ALL TABLE *********/
.table-sm.table-main>:not(caption)>*>*{padding: .25rem 1rem;}

.table-primary {
    --bs-table-color: #000;
    --bs-table-bg: var(--bs-primary-10);
    --bs-table-border-color: var(--bs-primary);
    --bs-table-striped-bg: var(--bs-primary);
    --bs-table-striped-color: #fff;
    --bs-table-active-bg: var(--bs-primary);
    --bs-table-active-color: var(--bs-primary);
    --bs-table-hover-bg: var(--bs-primary);
    --bs-table-hover-color: #fff;
    color: var(--bs-table-color);
    border-color: var(--bs-table-border-color);
}

.form-check-input.primary-toggle:checked{background-color: var(--bs-primary);border-color: var(--bs-primary);}
.form-check-input.primary-toggle.desable:checked{background-color: var(--bs-primary);}
.form-check-input.primary-toggle:not(.desable):focus{outline: 0;box-shadow: var(--bs-primary);--bs-form-switch-bg:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e");}
.form-check-input:checked {background-color: #00000080;border-color: #00000000;}
.form-check-input:focus{box-shadow: none;}


#orderForm .form-label{
  font-size: 18px;
  font-weight: 500;
  margin-bottom: 0.3rem;
}
.table.smltr-table thead th{
  background-color: var(--bs-primary-10);
}
.table-sm.smltr-table>:not(caption)>*>* {
    padding: .25rem .65rem;
}

.history_table{
  min-width: 800px;
}

/******* ALL TABLE END  *********/
/******* ALL PAGINATION START  *********/
.pagination.pagination-primary{
  --bs-pagination-color:var(--bs-primary);
  --bs-pagination-font-size: 1rem;
  --bs-pagination-hover-color: var(--bs-primary);
  --bs-pagination-hover-bg: var(--bs-tertiary-bg);
  --bs-pagination-hover-border-color: var(--bs-border-color);
  --bs-pagination-focus-color: var(--bs-primary);
  --bs-pagination-focus-box-shadow: 0;
  --bs-pagination-active-color: #000;
  --bs-pagination-active-bg: #fff;
  --bs-pagination-active-border-color: #fff;
  /* --bs-pagination-padding-x: 0.75rem; */
  /* --bs-pagination-padding-y: 0.375rem; */
  /* --bs-pagination-bg: #fff; */
  /* --bs-pagination-border-width: var(--bs-border-width); */
  /* --bs-pagination-border-color: var(--bs-border-color); */
  /* --bs-pagination-border-radius: var(--bs-border-radius); */
  /* --bs-pagination-focus-bg: var(--bs-secondary-bg); */
  /* --bs-pagination-disabled-color: var(--bs-secondary-color); */
  /* --bs-pagination-disabled-bg: var(--bs-secondary-bg); */
  /* --bs-pagination-disabled-border-color: var(--bs-border-color); */
  /* display: flex; */
  /* padding-left: 0; */
  /* list-style: none; */
}
/******* ALL PAGINATION END  *********/

/* annoucment  */
.ann-card.read{background:var(--bs-primary-10);}
/* annoucment  */


/* tool-box  */
.tool-box::after{
  content: '';
  height: 24px;
  width: 24px;
  background-image: url('../media/dark-arrow.svg');
  position: absolute;
  right: 24px;

}

.tool-box:hover::after{
  background-image: url('../media/arrow-main.svg');
}

/* list type  */

.custom-list li{list-style: none;position: relative;padding-left: 47px;}
.custom-list.sm-circle li{padding-left: 30px;}
.custom-list li::before{content: '';position: absolute;width: 34px ;height: 34px;left: 0;top: 0;background-image: url('../media/icon/round-check.svg');background-size: cover;  }
.custom-list.sm-circle li::before{width: 20px ;height: 20px; top: 2px;}
.timing_list li{padding-left: 0;}
.timing_list li::before{background-image: none;}
.timing_list li:not(:first-child)::before{ content: '.';background-image: none;left: -8px;font-size: 30px;top: -16px;}

.bg-shade{position: relative;overflow: hidden;}
.bg-shade::before{content: '';position: absolute;}

/* breadcrum  */
.breadcrumb ol{list-style:none;padding:0;display:flex;gap:0.5rem;flex-wrap:wrap;}
/* .breadcrumb li::after{content:'›';margin:0 0.5rem;} */
.breadcrumb li:last-child::after{content:'';}
.breadcrumb a{color:var(--bs-primary);text-decoration: none;}

.breadcrumb-item+.breadcrumb-item{position: relative;padding-left: 18px;}
.breadcrumb-item+.breadcrumb-item::before{
  content: '';
  background-image: url('../media/right-angle.svg');
  width: 14px;
  height: 14px;
  background-position: center;
  position: absolute;
  bottom: 6px;
  left: 2px;
}


/* gamifiacation  */
.streak_box {
  display: inline-flex;
  align-items: center;
  padding: .4375rem .7rem;
  border-radius: 10px;
  background-color: #fff;
  white-space: nowrap; 
  max-width: fit-content; 
}

.streak_box.no-bg {
  background: transparent;
  padding: 0;
  border-radius: 0;
  white-space: nowrap;
}

/* progress  */
.progress, .progress-stacked{
  --bs-progress-height: 1rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: var(--bs-green-60);
    --bs-progress-border-radius:.5rem;
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: var(--bs-green);
}
.progress-bar{border-radius: var(--bs-progress-border-radius) ;}


.min-150{min-width: 150px;}



.progress.progress-1{
    --bs-progress-height: .8rem;
    --bs-progress-font-size: 0.75rem;
    --bs-progress-bg: #EEEEEE;
    --bs-progress-border-radius:.5rem;
    --bs-progress-box-shadow: var(--bs-box-shadow-inset);
    --bs-progress-bar-color: #fff;
    --bs-progress-bar-bg: var(--bs-green);
    min-width:225px;
}


.v-divider{ position: absolute; width: 2px; height: 100%; background-color: #D9D9D9; left: 33%; }

/* muted/disabled look for free users */
.gamify-muted { opacity: .55; filter: grayscale(20%); pointer-events: none; user-select: none; }
/* .course-muted { } */

/* course list  */
/* Minimal, Bootstrap-first overrides */
.resume-inline{ padding:.35rem .6rem; font-size:.75rem; }
.border-dashed{ border-style: dashed !important; }
.cl-list .card-body{padding: 1.4375rem 1.25rem ;}

/* Sticky progress card spacing under header */
.sticky-76{ top:76px; }

/* Muted/disabled state for free/guest progress cards */
/* .gamify-muted{ opacity:.9; } */

/* Optional: compact list items */
ul.list-compact{padding: 1.25rem 1.25rem 2.875rem 2.0625rem ;}
.list-compact .list-group-item{ padding:0 0  1.563rem  1.5rem ; border-bottom: 0; border-left: 2px solid #0000001A ; border-radius: 0;}
.list-compact .list-group-item.complete  a{color: #74BDDD;}
.list-compact .list-group-item a{color: #444951;}
.list-compact .list-group-item:last-child{border-color: transparent;}
 /* end course  */

.custom-list.list-compact li:before{background-image: url('../media/l-list.svg'); top: 0px; left: -14px; width: 26px; height: 26px;}
.custom-list.list-compact li.complete:before{background-image: url('../media/ls-list.svg');}

/* video player  */
.video-wrapper {max-width: 100%;margin: 0rem auto;position: relative;border-radius: .75rem;overflow: hidden;box-shadow: 0 8px 24px rgba(0,0,0,0.16);background: #000;}
.play-overlay {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: rgba(0,0,0,0.4);cursor: pointer;}
.play-overlay.hidden { display: none; }
.seek {flex-grow: 1;}
.volume { width: 100px; display: none;}
.volume.show { display: inline-block; }
/* new  */
/* ui tabs  */
.ui-tab-btn{
  border: 0;
  border-bottom: 1px solid #000;
  padding-bottom: .625rem !important;
}
.ui-tab-btn[aria-selected="true"]{font-weight: 600 !important; color: #000;}
.ui-tab-btn[aria-selected="false"]{font-weight: 500 !important; color: #2D2C2B; border-color: transparent;}



/* new  */

.ui-tabs {
  --bs-nav-link-color: #2D2C2B;
  --bs-nav-link-hover-color: #000;
  --bs-nav-tabs-link-active-color: #000;
  --bs-nav-tabs-border-width: 1px;     /* default 1px hota hai */
  --bs-nav-tabs-border-color: transparent;
  border-bottom: 1px solid #D9D9D9;
  --bs-nav-link-padding-x:0;
  --bs-nav-link-font-weight:500;
  --bs-nav-link-active-font-weight:600;
  column-gap: 2.25rem;
}

.ui-tabs .nav-link {
  border: none;  /* sab border hatado */
  border-bottom: var(--bs-nav-tabs-border-width) solid transparent;
  color: var(--bs-nav-link-color);
  background: transparent;
}

.ui-tabs .nav-link.active {
  border-bottom-color: var(--bs-nav-tabs-link-active-color);
  color: var(--bs-nav-tabs-link-active-color);
  font-weight: var(--bs-nav-link-active-font-weight);
}

.ui-tabs .nav-link:hover {
  border-bottom-color: var(--bs-nav-link-hover-color);
  color: var(--bs-nav-link-hover-color);
}

.ui-tabs#db-dabs{
  --bs-nav-link-padding-x: 1rem;
  column-gap: .2rem;
  --bs-nav-tabs-link-active-color: var(--bs-primary);
  --bs-nav-link-hover-color: var(--bs-primary);
}










/* #syllabus */
#syllabus li .syllabus-btn{display: none;}
#syllabus li.current a, #syllabus li.current a{color: #fff;}
#syllabus li a{color: #000;display: flex;gap: 12px;align-items: center;}
#syllabus li a:hover{color: var(--bs-primary);}
#syllabus li:first-child{border-radius: 10px;}
#syllabus li {padding: .8125rem 1.375rem;color: #000;font-size: 1.25rem;font-weight: 500;}

#syllabus li.lock{pointer-events: none;}

#syllabus li.complate:not(.current) .play-btn {display: inline-block;}
#syllabus li.current .current-btn {display: inline-block;}
#syllabus li.lock .lock-btn{display: inline-block;}

#syllabus li.current{background-color: #000; color: #fff;}


/* Syllabus list */
.list-clean{list-style:none; padding-left:0; margin-bottom:0}
.list-clean li{display:flex; align-items:center; gap:.5rem; padding:.6rem .5rem; border-radius:.65rem; transition: background .2s var(--ui-ease), transform .2s var(--ui-ease)}
.list-clean li:hover{background:var(--bs-F8F9FA); transform: translateX(2px)}
.list-clean li .icon{width:1rem; height:1rem}
.list-clean li .lock{color:#adb5bd}

/* pages start  */

.main-banner.home .slider_row{padding: 10rem 0 4.625rem;}
.main-banner.inner{padding: 4rem 0;}
.main-banner.inner-page{padding: 5rem 0; background-image: url('../media/banner/smtr_bg.webp');}
.main-banner.smltr.history{padding: 8rem 0; background-image: url('../media/banner/smtr_bg.webp');}

/* course list  */
#course_list.main-banner .img_wrapper img{right: 121px;height: 100%;}



/* banner end  */


.main-banner.home .content_wrapper{min-height: 500px;}
#home-hero .lix_main{top: 20%;right: -1%;}
.piller .iconbox{border-color: #D0D0D0;}
#home-hero .banner_icon{z-index: -1;}


.candle_slide_bg{overflow: hidden;}
.candle_slide_bg:before {content: "";position: absolute;left: 50%;top: 25%;transform: translateX(-50%);width: 160vw;height: 460px;background-repeat: repeat-x;background-size: auto 100%;pointer-events: none;z-index: 1;opacity: 1;background-image: url('../media/bg-candle.webp');animation: candlesSlide 90s linear infinite; pointer-events: none;}

@keyframes candlesSlide{
  0% {background-position-x: 0;}
100% {background-position-x: 2000px;}
}


/* ===== HOW IT WORKS ===== */



.hiw-rail{
  position:absolute;  right:18%; width: 65%;
  top:clamp(25px,14vw,253px); height:2px; pointer-events:none;
  background-image: radial-gradient(circle at 0 52%, var(--bs-rail-dot) 7.6px, transparent 5.6px);
  background-size:14px 2px; background-repeat:repeat-x;
  animation: hiw-dots 2.2s linear infinite;z-index: -1;
}
@keyframes hiw-dots{ to { background-position-x:14px; } }




.benifit-card {background-repeat: no-repeat;min-height: 380px;}
.card.bf_4 .card-img img{right: 0;top: -15px;}
.benifit-card.left_img .card-img img, .benifit-card.bottom-img .card-img img{position: absolute;right: 0;top: 0;}
.benifit-card.bottom-img .card-img img{bottom: -35%;top: auto;left: 6%;}
.card.bf_1 .card-img  img{right: -80px;}
.card.bf_4 .card-img  img{top: -10px !important;}





/* testimonail  */
.client{background-image: url('../media/client_bg.webp');}

.testislider {height: 520px; max-width: 415px; margin-left: 0;}
.test-seciotn{position: relative;min-height: 600px;}
/* .testislider .swiper-slide{color: #fff; min-height: 158px;} */
.testislider .swiper-slide{overflow: hidden; border-radius: 18px;}

/* card  */
.card.testi_card{--bs-card-spacer-y: 1.25rem;--bs-card-spacer-x: 1rem;--bs-card-border-radius:1.125rem;background: #ffffffd9;opacity: 0.2;height: 100%;}

.card.testi_card .card-body{padding-right: 2rem;display: flex;gap: 1.6875rem;}

.testislider .swiper-slide-active .card.testi_card{background-color: #fff;opacity: 1;box-shadow: 8px 8px 36px rgba(255, 255, 255, 0.25);}
.card.testi_card .card-icon{margin-top: 40px;}

.client.bg-shade::before{background: #000000;filter: blur(167px);width: 1002px;height: 1002px;left: 167px;top: -264px;}

.card.rec-card{--bs-card-spacer-y: 1.25rem;--bs-card-spacer-x: 1.25rem;--bs-card-title-color:#D9D9D9; }

/* ads card  */
.card.ad-card{background: linear-gradient(180deg, rgba(255, 255, 255, .02), rgba(255, 255, 255, .01));border: 1px dashed #e6e8ec;}


/* cta  */
.main_cta .cta-card{background-image: url('../media/cta_bg.webp');}

.user_thumb.thumb1{top: 100px;}
.user_thumb.thumb2{right: 20%;}
.user_thumb.thumb3{top: 180px;}

.main_cta .col.cta-box{display: flex;flex-direction: column;justify-content: space-between;align-items: center;}

/* footer  */
/* news latter  */
.form-control:focus{box-shadow: none;}
.newslatter.form-control{padding: 1rem;font-size: .9375rem;font-weight: 400;border-radius: .5rem;border: 1px solid #D2D5DE;color: #63605D;line-height: 0;}

footer .f_links li a{font-size: .715rem;color: #44423F;transform: all var(--bs-transition) ease-in-out;text-decoration: none;}
footer .f_links li:hover a{color: var(--bs-primary);}


/* Filter selects - consistent width and spacing */
.search_field input{border-radius: 6px 0px 0px 6px;font-size: 1.25rem;padding: 1.125rem;line-height: 0;}
.search_field .btn{border-radius: 0px 6px 6px 0px;}
.form-select.r-filter,.r-filter{padding: .8rem 1rem;font-size: 1rem;border-radius: 3.5725rem;background-position: right 2rem center;line-height: 1;}
/* #clear-filters{padding: 1rem 1.38rem;line-height: 0;font-size: 20px;} */


/* lesson  */
.card.auther{
  --bs-card-border-radius: 18px;
}
.card.side-bar-card{

  --bs-card-cap-padding-y:1.125rem;
  --bs-card-cap-padding-x:1.5625rem;
  --bs-card-inner-border-radius:18px;
  --bs-card-border-radius:var(--bs-card-inner-border-radius);
  /* --bs-card-border-width:0; */
  --bs-card-cap-bg:transparent;
}

.scenario-card[data-premium="true"]{
  background-color: var(--bs-primary-10);
}
/* sitebar  */
.card.syllabus-card{
      --bs-card-cap-padding-y: 1.125rem;
    --bs-card-cap-padding-x: 1.25rem;
        --bs-card-spacer-y: 1.125rem;
    --bs-card-spacer-x: 1.25rem;
    --bs-card-cap-bg:transparent;
     --bs-card-border-width:0;
     --bs-card-border-radius:var(--bs-card-inner-border-radius);
     border-radius: 20px;
}


.card.card-hover{
  border: 1px solid transparent;
  transition: all var(--bs-transition) ease-in-out ;
}
.card.card-hover:hover{
  border-color: var(--bs-primary);
  box-shadow: var(--bs-box-shadow-sm) !important;
}

.card.card-smltr{
      --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 1.5rem;
    --bs-card-cap-padding-x:1.5rem;
    --bs-card-cap-padding-y:1rem;
  --bs-card-cap-bg:var(--bs-bg-one);
}
.card.card-smltr .card-header{padding-bottom: 0;border-radius: 20px;}


.card.syllabus-card .card-body{padding-bottom: 0;}
.card.syllabus-card .card-header{position: relative;}
.card.syllabus-card .card-header::before{content: '';position: absolute;bottom: 0;left: 4%;width: 93%;height: 1px;background-color: #D9D9D9;}

.underline-offset-5{text-underline-offset: 5px;}
.ls-6{letter-spacing: 0.06em;}

.custome_list.lesson_list li{padding: 10px 17px; border-bottom: 1px solid #0000001A;}
.custome_list.lesson_list li:last-child{border: none;}
.custome_list.lesson_list li.active{background-color: #74BDDD1A;font-weight: 600;border-color: #74BDDD;}
.custome_list.lesson_list li.active a{color: #74BDDD; }
.custome_list.lesson_list li a{text-decoration: none;color: #000000CC;margin-left: 8px;line-height: 1.6;}
.custome_list.lesson_list li.active svg path{fill: #74BDDD;}
.timing_box{padding: 0px 10px;border-radius: 5.6px;}
.auth-h-cta{background-image: url('../media/w_bg.webp'); padding: 35px 0;}


/* dashboard  */
.navbar-nav.db-nav{
  --bs-nav-link-color:#00000080;
  --bs-nav-link-font-size:.875rem;
  margin-top: 1.125rem;
  column-gap: 2.0625rem;
  flex-wrap: wrap;
  flex-direction: row;
  text-transform: uppercase;
  font-weight: 500;
}



.soft-upsell{background:linear-gradient(90deg,rgba(250,106,42,.12),rgba(0,179,199,.12));border:1px dashed rgba(250,106,42,.35);border-radius:16px;padding:1rem}

.db-panle .row.g-4{
  --bs-gutter-x: 3.75rem;
  --bs-gutter-y: 1.875rem;
}

.db-pages footer{display: none;}

.db-nav1.navbar-nav{--bs-nav-link-padding-x: .9375rem;--bs-nav-link-padding-y: .69rem;}
.db-nav1.navbar-nav .nav-item{width: 100%;}
.db-nav.navbar-nav .nav-link{border-radius: 8px 0 0 8px}
/* wlcm msg  */
.wlcm-msg{background-image: url('../media/wlcm-bg.webp');}
#dash-nav a[aria-current="page"],#dash-nav a:hover{background-color: var(--bs-primary-10);}
#dash-nav ul li a:hover svg path,#dash-nav a[aria-current="page"] svg path {fill: var(--bs-primary);fill-opacity: 1;}



.card.sub-card{--bs-card-cap-padding-y:.8125rem;--bs-card-border-color:#D9D9D9;--bs-card-border-radius:.5rem;}

/* badge  */
 /* minimal, Bootstrap does most of the work */
.badge-locked .badge-img { width: 64px;height: 64px;object-fit: contain;filter: blur(6px); }
.badge-locked .lock-icon { font-size: 1.1rem; opacity: .75; }
.badge-locked .card-body{align-content: center;position: relative;}
.badge-unlock .badge-card{background-color: transparent }
.badge-unlock{background-color: var(--bs-F8F9FA); }


.card.lix-card{
    --bs-card-spacer-y: 1.5rem;
    --bs-card-spacer-x: 1.5rem;
    --bs-card-border-radius:1.125rem;
    --bs-card-border-color:#0000001A;
    background-image: url('../media/lix-bg.webp');
    background-repeat: no-repeat;
    background-position: right;
    background-size: cover;
    min-height: 240px;
}

.lix-card.europ{
  background-image: url('../media/europ-flag.webp');
}

.card.lix-card.lix_card-2{
    --bs-card-spacer-y: 1.25rem;
    --bs-card-spacer-x: 1.25rem;
    --bs-card-border-radius:1.125rem;
    background-image: none;
    min-height: auto;
  
  }

  .faster_list li{
    display: flex; 
    justify-content: space-between;
    align-items: center;
    margin-bottom: .75rem;
  }



  .all-badge .b-space{--20-gap:20px;gap: var(--20-gap);flex-wrap: wrap;}
  .all-badge ul li{width: calc(100% / 3 - var(--20-gap)) !important;flex:none;border-radius: 20px;}
  /* end  */
  .all-badge ul li .badge-card {padding: 0;}
  .all-badge ul li .badge-card .fs-10{font-size: 1.2rem;margin-top: 10px;}

  










/* USA Code Here */
.ls {letter-spacing: var(--letter-spacing, normal);}

/* blog Listing Page */
.blog_level_cta{padding: var(--py, 40px) var(--px, 50px); background-size: cover; background-position: left top;}
.btn-link{text-decoration: none; font-weight: 600; display: flex; gap: 8px; align-items: center; transition: all 300ms ease;}
.btn-link svg{transition: all 300ms ease;}
.btn-link:hover svg{margin-left: 2px;}
.btn-link-primary{color: #FA5D00;}
.btn-link-primary:hover{color: #FA5D00; opacity: .8;}
.blog__list__card .img__wrp{max-height: 165px;}
.blog__list__card .img__wrp img{height: 100%;}
.page-number { width: 35px; height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: 500; background: #f0f0f0; color: #000; cursor: pointer; transition: all 0.3s ease;}
.page-number.active { background: #ff6600; /* Orange */ color: #fff;}
.page-arrow { width: 35px; height: 35px; border-radius: 50%; border: 2px solid #00000026; display: flex; align-items: center; justify-content: center; cursor: pointer; transition: all 0.3s ease; position: absolute;}
.page-arrow-prev{left: 0px;}
.page-arrow-next{right: 0px;}
.page-arrow:hover { background: #ff6600; color: #fff; border-color: #ff6600;}
.page-arrow:hover svg path { fill: white;}
.border-black-10{border-color: #00000033 !important;}
.custom-search.search-wrapper { position: relative; display: inline-flex; align-items: center; background: #fff; height: 40px; border-radius: 40px !important; padding: 6px 48px 6px 12px; transition: background .25s; overflow: visible;}
.custom-search .form-control { border: none !important; background: transparent !important; box-shadow: none !important; font-size: 16px; line-height: 1; width: 0; max-width: 0; padding: 0; margin: 0; transition: width .35s ease, max-width .35s ease, padding .25s ease; flex: 0 0 auto; box-sizing: border-box;}
.custom-search .btn-search { position: absolute; right: 8px; width: 40px; height: 40px; border-radius: 50% !important; background: #fff; display: flex; justify-content: center; align-items: center; border: none !important; transition: background .25s, color .25s; z-index: 2; color: #4097FF;}
.custom-search:hover .form-control,
.custom-search.open .form-control,
.custom-search .form-control:focus { width: 240px !important; max-width: 240px !important; padding-left: 8px;}
.custom-search:hover .btn-search,
.custom-search.open .btn-search {background: #fff; color: #2F3640;}
.custom-search .btn-search:active {transform: scale(.98);}


/* Blog Details Page */
.textC_1D1E1CCC{color: #1D1E1CCC;}
.page_scroll_progress.progress-container { width: 100%; height: 4px; position: fixed; bottom: 0; left: 0; z-index: 1050;}
.page_scroll_progress .progress-bar:not(.progress.progress-1 .progress-bar) { height: 4px; width: 0%; transition: width 0.1s ease;}

/* .blog__detail__content .page__content .blog_thumbnail{} */

/* Style all h2, h3, p inside .page__content except inside .blog_level_cta or .alert__box */
/* Outer blog headings and paragraphs (excluding boxes) */
.blog__detail__content .page__content :is(h2, h3, h4, h5, h6, p):not(.blog_level_cta h2, .blog_level_cta h3, .blog_level_cta h4, .blog_level_cta h5, .blog_level_cta h6, .blog_level_cta p,
  .alert__box h2, .alert__box h3, .alert__box h4, .alert__box h5, .alert__box h6, .alert__box p) { margin-block: 20px;}

/* Heading sizes and weight */
.blog__detail__content .page__content :is(h2):not(.blog_level_cta h2, .alert__box h2) { font-size: 2rem; font-weight: 600; }
.blog__detail__content .page__content :is(h3):not(.blog_level_cta h3, .alert__box h3) { font-size: 1.75rem; font-weight: 600; }
.blog__detail__content .page__content :is(h4):not(.blog_level_cta h4, .alert__box h4) { font-size: 1.5rem; font-weight: 600; }
.blog__detail__content .page__content :is(h5):not(.blog_level_cta h5, .alert__box h5) { font-size: 1.25rem; font-weight: 600; }
.blog__detail__content .page__content :is(h6):not(.blog_level_cta h6, .alert__box h6) { font-size: 1rem; font-weight: 600; }

/* Paragraph styling */
.blog__detail__content .page__content :is(p):not(.blog_level_cta p, .alert__box p) { font-size: 1rem; font-weight: 400;}

#toc { list-style: none; margin: 0; padding: 0; counter-reset: toc-counter;}
#toc li { counter-increment: toc-counter; position: relative;}
#toc li::before { position: absolute; top: 22.5px; font-size: 18px; font-weight: 500; content: counter(toc-counter, decimal-leading-zero); color: #00AEEF;}
#toc li::after { content: ""; display: block; width: 50%; height: 2px; background-color: #74BDDD;}
#toc li:last-child::after { display: none;}
#toc a { color: #000; text-decoration: none; font-size: 22px; font-weight: 500; padding-left: 30px; padding-block: 20px; display: block;}
#toc a:hover { color: #00AEEF;}
#toc a.toc-active { font-weight: 600; color: #00AEEF;}



:is(.blog__detail__content .page__content ul, ul.custom__lists) { padding: 0; list-style: none;}
:is(.blog__detail__content .page__content ul, ul.custom__lists) li { position: relative; padding-left: 20px; padding-block: 5px;}
:is(.blog__detail__content .page__content ul, ul.custom__lists) li::before { content: ''; position: absolute; top: 14px; left: 0; width: 12px; height: 2px; background-image: url("data:image/svg+xml,%3Csvg width='12' height='2' viewBox='0 0 12 2' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FF7400' d='M0 0h8v2H0zm10 0h2v2h-2z'/%3E%3C/svg%3E");}

:is(.blog__detail__content .page__content ul, ul.custom__lists) li.fs-5{padding-left: 25px;}
:is(.blog__detail__content .page__content ul, ul.custom__lists) li.fs-5::before {top: 16px; height: 3px;}

.alert__box.tip-box { background-color: #74BDDD1A; border-left: 4px solid #74BDDD; border-radius: 20px; padding: 1rem 1.25rem; display: flex; align-items: flex-start; gap: 0.75rem;}
.alert__box .tip-text { font-size: 25px; line-height: 1.5; color: #2D2C2B; font-weight: 400;}
.alert__box .tip-text b { font-weight: 600;}
.alert__box .tip-text a { color: var(--bs-primary); text-decoration: underline; font-weight: 400;}


/* Pricing Page */
/* Toggle switch custom */
.textC_1D1E1C{color: #1D1E1C;}
.textC_1D1E1C99{color: #1D1E1C99;}
.gap-13{gap: 13px;}
.account__plan .form-check-input { width: 63px; height: 36px; cursor: pointer; background-color: #f0f0f0; border: none; border-radius: 20px; transition: background-color 0.3s ease, box-shadow 0.3s ease;}
.account__plan .form-check-input{background-color: #ff7900; --bs-form-switch-bg: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e") !important;}
.account__plan .form-check-input:checked {background-color: #ff7900;}
.account__plan .form-check-input:focus { box-shadow: none;}
.account__plan .form-check-input:checked::before { transform: translateX(22px);}
.account__plan #saveBadge { background: var(--bs-primary-10); color: #ff7900; padding: 4px 9px; border-radius: 4px;}

.account__plan .form-check-input.small{width: 42px; height: 24px;}


/* Base style for labels */
.account__plan .billing-label { color: #2D2C2B80; /* light grayish */ font-weight: 400; transition: color 0.3s ease, font-weight 0.3s ease;}
.account__plan .billing-label.active { color: #2D2C2B;  /* dark */ font-weight: 500;}
.account__plan .card__wrapper .price__card { --bs-card-spacer-y: 2.5rem; --bs-card-spacer-x: 2.5rem; border-radius: 30px 0px 30px 0px;}
.account__plan .card__wrapper .price__card .btn{--bs-btn-padding-x: 1.5625rem; --bs-btn-padding-y: 1rem;} 
.account__plan .card__wrapper .price__card.price__premium { border-color: #FF7400; margin-left: -30px; --minus_card: 30px; height: calc(100% + var(--minus_card)) !important; margin-top: calc(-1 * var(--minus_card)); background-image: url('../media/main__gradient.jpg'); background-position: bottom; background-repeat: no-repeat; background-size: contain;}
.account__plan .card__wrapper .price__card.price__premium .badge{ --bs-badge-padding-x: 1.375rem; --bs-badge-padding-y: .9375rem; --bs-badge-font-size: 1.25rem; margin: -30px;}
table.price__custom__table :is(th, td) {padding: 17px 20px; border-color: #E0E0E0;}
table.price__custom__table :is(th, td):not(:first-child) {text-align: center;}
table.price__custom__table td {font-size: 16px; font-weight: 600; color: #1D1E1C;}
table.price__custom__table tbody td:first-child{display: flex; justify-content: space-between; align-items: center; border-width: 0px 0px 0px 1px;}
.custom__accordion1.accordion{--bs-accordion-btn-padding-x: 30px; --bs-accordion-btn-padding-y: 23px; --bs-accordion-bg: var(--bs-bg-one); --bs-accordion-inner-border-radius: 20px; --bs-accordion-active-bg: var(--bs-bg-one); --bs-accordion-border-width:0px; --bs-accordion-active-color:var(--black);}
.accordion-button{border-radius: 20px; font-size: 1.5625rem; font-weight: 600;}
.accordion-button::after {filter: invert(51%) sepia(87%) saturate(2199%) hue-rotate(7deg) brightness(100%) contrast(103%);}
.accordion-item {background-color:transparent;}
.accordion-body{font-size: 20px;}

.border-primary{border-color: var(--bs-primary) !important;}
.alert-primary{--bs-alert-color: var(--bs-primary); --bs-alert-bg: var(--bs-bg-one); --bs-alert-border-color: var(--bs-primary); --bs-alert-link-color: var(--bs-primary);}


dl.rules-control dt{font-weight: 500;}
dl.rules-control dd {text-align: end;font-weight: 600;}
/* dl.rules-control dd {text-align: end;font-weight: 600;} */



/* Quiz & Quiz Result Page CSS */
:root{--bs-success: #16A34A;}
.padding-20{padding: 20px;}
.footer-answr{padding-block: 2.125rem;}
.banner.ok { background: #DCFCE7; color: var(--ok-ink); border-color: #DCFCE7 !important;}
.banner.bad { background: #EA2B2B1A; color: var(--bad-ink); border-color: #EA2B2B1A !important;}
.banner .msg { font-weight: 600}
.btn[disabled] { opacity: .5; cursor: not-allowed}
.hidden { display: none !important}

.score__wrp .s-card{padding: 1px;}

.speech__box {
  padding: 20px;
  border: 1px solid #D9D9D9;
  position: relative;
}

.speech__box::before {
  content: '';
  position: absolute;
  top: 25%;
  left: -20px;
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='21' viewBox='0 0 22 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M20.927 1.309 1.552 8.54l18.926 10.927' stroke='%23D9D9D9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v21H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
  background-color: white;
  /* match border color */
}


.result__score .character{
  /* width: 100%; */
  height: 539px;
  object-fit: cover;
}

.result__score .character img{
  /* width: 100%; */
  height: 100%;
  object-fit: cover;
  
}

#flashbackModal {
  --bs-modal-header-padding: 50px 50px 0px;
  --bs-modal-padding: 30px 50px 0px;
}

#flashbackModal .modal-dialog {
  --bs-modal-width: 924px
}

#flashbackModal .modal-footer {
  padding: 20px 50px;
}

#flashbackModal .modal-content {
  border-radius: 16px;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
}

/* Question Card */
#flashbackModal .question-card {
  border: 1px solid #e5e5e5;
  border-radius: 12px;
  padding: 16px 20px;
  margin-bottom: 16px;
  background: #fff;
}

#flashbackModal .answer-row .ans-bad h4 {
  color: #EA2B2B;
}

#flashbackModal .answer-row .ans-ok h4 {
  color: #16A34A;
  position: relative;
}

#flashbackModal .answer-row h4 {
  position: relative;
  padding-left: 26px;
}

#flashbackModal .answer-row h4::before {
  content: '';
  position: absolute;
  top: -2px;
  left: 0px;
  --check: 21px;
  width: var(--check);
  height: var(--check);
  background-size: cover;
  display: block;
}

.white-space-nowrap {
  white-space: nowrap;
}

#flashbackModal .answer-row .ans-ok h4::before {
  background-image: url('../media/right-ansr.svg');
}

#flashbackModal .answer-row .ans-bad h4::before {
  background-image: url('../media/wrong-ansr.svg');
}

#flashbackModal .answer-row table tr:first-child td {
  padding-bottom: 14px;
}

/* #flashbackModal .answer-row table tr:last-child td{
        padding-top: 20px;
      } */

#flashbackModal .answer-row table tr:last-child td:last-child,
#flashbackModal .answer-row table tr:first-child td {
  line-height: 1.22;
}

#flashbackModal .answer-row table :is(th, td) {
  border: 0px;
  padding: 0px;
  padding-bottom: 4px;
}

.quiz-progress .progressbar {
  width: 300px;
  /* apni requirement ke hisaab se */
  height: 14px;
  background: #e5e5e5;
  border-radius: 50px;
  overflow: hidden;
  position: relative;
}

.quiz-progress .progressbar span {
  display: block;
  height: 100%;
  width: 0%;
  background: linear-gradient(90deg, #16A34A, #22C55E);
  border-radius: 50px;
  transition: width 0.8s cubic-bezier(0.25, 1, 0.5, 1);
  /* smooth easing */
  box-shadow: 0 0 8px rgba(22, 163, 74, 0.6);
}

.check__list__stroke li{position: relative; padding-left: 30px; padding-block: 10px;}
.check__list__stroke li::before{content: ''; position: absolute; top: 11px; left: 0px; width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' stroke='%23FF7400'%3E%3Cpath d='M11 .5C16.799.5 21.5 5.201 21.5 11S16.799 21.5 11 21.5.5 16.799.5 11 5.201.5 11 .5Z'/%3E%3Cpath d='m6.418 11.367 3.437 3.3 5.73-5.5' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-size: cover; background-position: center;}

.check___list__fill li{position: relative; padding-left: 30px; padding-block: 10px;}
.check___list__fill li::before{content: ''; position: absolute; top: 11px; left: 0px; width: 22px; height: 22px; background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath d='M11 22c6.075 0 11-4.925 11-11S17.075 0 11 0 0 4.925 0 11s4.925 11 11 11' fill='%23FF7400'/%3E%3Cpath d='m6.418 11.367 3.437 3.3 5.73-5.5' stroke='%23fff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v22H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E"); background-size: cover; background-position: center;}

.plain__accordion {
  --bs-accordion-btn-padding-x: 0rem;
  --bs-accordion-btn-padding-y: 23px;
  --bs-accordion-bg: transparent;
  --bs-accordion-inner-border-radius: 20px;
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 7.34v18.667m-9.332-9.333h18.667'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .674h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg width='32' height='33' viewBox='0 0 32 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23a)' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 7.34v18.667m-9.332-9.333h18.667'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 .674h32v32H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
  --bs-accordion-active-bg: transparent;
  --bs-accordion-btn-icon-width: 2rem;
  --bs-accordion-border-color: #D4D4D4;
}

.plain__accordion .accordion-button::after{filter:none;}
.plain__accordion .accordion-item:first-child{border-top: 1px solid #D4D4D4;}



/* USA Media Queries */
@media(min-width: 1567px){
  .footer-answr{max-height: 125px;}
}
@media(max-width: 1566px){
  .result__score .character{
    height: 550px;
  }
}
@media(max-width: 1399px){
  .result__score .character{
    height: 460px;
  }
}
@media(max-width: 1299px){
  .result__score .character{
    height: 650px;
  }
}
@media(max-width: 1199px){
  .opt{padding: 14px 24px;}
  .options{gap: 14px;}
}

@media(max-width: 1024px){
  /* .result__score .character{
    height: 650px;
  } */
  .result__score .character{
    height: 400px;
  }
  .result__score .character img{
    object-fit: contain;
  }
}

@media(max-width: 600px){
    .result__score{padding-bottom: 140px !important;}
    .speech__box::before {
      top: -16%;
      transform: rotate(90deg);
      left: 1rem;
    }
    
}

@media(max-width: 414px){
    .quiz__QA{padding-bottom: 200px !important;}
    .opt{font-size: 14px; padding: 10px 15px;}
    .opt:after{top: 25%; right: 10px; width: 20px; height: 20px;}
}
@media(min-width:964px){
  #banner-msg .text{
      height: 66px;
}
}


/* ===== MEDIA QUERY ===== */

@media(min-width:1200px){
 
.hiw-grid{--bs-gutter-x: 9rem;}


  #home-hero .banner_icon.bi_1{top: 180px;right: 670px;}
#home-hero .banner_icon.bi_2{top: 60px;right: 520px;}
#home-hero .banner_icon.bi_3{top: 94px;right: 317px;}
#home-hero .banner_icon.bi_4{top: 240px;right: 194px;}



}


@media(min-width:1140px){
.try-challenges img{margin-left: -150px;scale: 1;}
}
@media(min-width:1024px){

  /* banner  */

    .faster_list li a.btn{
          flex: 0 0 auto;
    width: 26.333333%;
    }






/* footer  */
.c_details.gap-lg-4{column-gap: 2.5rem !important;}

.f_headings{pointer-events: none; margin-bottom: 1.3125rem;}
footer .f_links.collapse:not(.show){display: block;}





}
@media(min-width:996px){

/* banner  */



}

@media (min-width: 768px) {}




/* mobile: stack items; hide rail */
@media (max-width: 991.98px){
  .hiw-rail{ display:none; }

  .btn-group, .btn-group-vertical{
    flex-direction: column;
  }
  .custom-search.search-wrapper{
    width: 100%;
  }
  .custom-search.search-wrapper input{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .custom-search.search-wrapper input:focus{
    padding: 8px;
    width: 100%;
  }

  table.price__custom__table :is(thead, tbody) tr{display: flex; flex-wrap: wrap; width: 100%; border: 0px;}
  table.price__custom__table thead tr th:first-child{border-width: 1px;}
  table.price__custom__table thead tr th:nth-child(2){border-width: 0px 1px 1px 1px !important;}
  table.price__custom__table thead tr th:nth-child(3){border-width: 0px 1px 1px 0px !important;}
  table.price__custom__table tbody tr td:nth-child(2){border-width: 0px 1px 1px 0px;}
  table.price__custom__table tbody tr td:nth-child(3){border-width: 0px 0px 1px 0px;}
  table.price__custom__table tr :is(th, td):first-child{width: calc(100% / 1); background-color: transparent; border-width: 0px 0px 1px;}
  table.price__custom__table tr td:first-child{background-color: #f9f9f9;}
  table.price__custom__table tr :is(th, td):not(:first-child){width: calc(100% / 2); background-color: transparent;}
  .account__plan__detail table thead tr th:first-child{display: flex; justify-content: space-between;}
  table.price__custom__table .account__plan #saveBadge{top: 40px; right: 0px !important;}
  .account__plan .card__wrapper .price__card{--bs-card-spacer-y: 2rem; --bs-card-spacer-x: 1.5rem;}

  /* extra css  */

 .result__score{
  padding-top: 4rem;
 }
  .quiz__QA{
        padding-top: 9rem !important;
  }
  .footer-answr {
    padding-block: 1.125rem;
}
.checkmark-icon{display: none;}
}

@media (max-width: 768.98px){
  .account__plan__detail table thead tr th:first-child{flex-direction: column; align-items: center;}
  .account__plan__detail table .btn.btn-md{--bs-btn-padding-x: 22px; --bs-btn-padding-y: 7px; --bs-btn-font-size: 18px;}
  .account__plan .card__wrapper .price__card{--bs-card-spacer-y: 2.8rem;
        --bs-card-spacer-x: 1.5rem;}
  .account__plan .card__wrapper .price__card.price__premium{margin-left: 0px;}
  .account__plan .card__wrapper .price__card.price__premium .badge{--bs-badge-padding-x: 0.875rem; --bs-badge-padding-y: 0.5375rem; --bs-badge-font-size: 1.05rem; margin: 10px;}
}



@media (max-width: 1024px){
 
  /* banner  */
  #course_list.main-banner .img_wrapper img {right: 0;height: 50%;object-fit: cover;top: 25% !important;}
  .form-select.r-filter{ padding: .7rem .9rem;font-size: 1rem; background-position: right 1rem center;}
  #clear-filters {padding: .5rem .8rem;line-height: 0;font-size: 18px;}


  /* offcanvas  */

  header .offcanvas-body {margin-left: 0px;}
  #navOff.offcanvas{height: var(--bs-offcanvas-height);}

 
/* btn  */
 .btn{
      --bs-btn-font-size: 1rem;
 }
 .btn.btn-sm {
    --bs-btn-padding-x: .625rem;
    --bs-btn-padding-y: .825rem;
    --bs-btn-font-size: .875rem;
    --bs-btn-line-height: 1rem;
  }

  /* banner  */

  .main-banner.home .slider_row {padding: 10rem 0 4.625rem;}
  .main-banner.home .content_wrapper{ min-height: 350px;}
   #home-hero .lix_main {top: 18%;right: -28%;}
   #home-hero .banner_icon{width: 100px;}

#home-hero .banner_icon.bi_1{ top: 177px;right: 372px;}
#home-hero .banner_icon.bi_2{top: 70px;right: 268px;}
#home-hero .banner_icon.bi_3{top: 72px;right: 68px;}
#home-hero .banner_icon.bi_4{top: 195px;right: -17px;}

  .piller .icon-box{border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;}


.benifit-card {background-repeat: no-repeat;min-height: 300px;}

.hiw-rail {top: clamp(11px, 24vw, 267px);}

.try-challenges img{max-width: 100%;height: auto;}

.card.bf_4 .card-img img {top: auto !important;bottom: 0;}
.card.bf_1 .card-img img {right: 0;top: 50%;}

.client{background-position: 67%;}


.tool-box::after{right: 10px;}

.timing_list.fs-17{font-size: 14px;}




}



@media (max-width: 991.98px){
 
  /* banner  */
    .main-banner.home .slider_row {padding: 10rem 0 24.625rem;}
  .main-banner.home .content_wrapper{ min-height: 250px;}
   #home-hero .lix_main {top: 52%;right: 0;}
   #home-hero .banner_icon{width: 87px;}

#home-hero .banner_icon.bi_1{ top: 610px;right: 570px;}
#home-hero .banner_icon.bi_2{top: 420px;right: 500px;}
#home-hero .banner_icon.bi_3{top: 400px;right: 250px;}
#home-hero .banner_icon.bi_4{top: 550px;right: 120px;}



/* mobile: stack items; hide rail */
  .hiw-rail{ display:none; }
    /* btn   */
  .btn-group{width: 100%;}
  .btn{--bs-btn-padding-x: .5rem;--bs-btn-padding-y: .5rem;--bs-btn-font-size: .9rem;}
.btn.q-btn{
    --bs-btn-padding-x: 1rem;
  }
  

  /* btn end  */



  
  .testislider {height: 450px;}



  .f_headings{position: relative;}
  .f_headings::before{content: '';position: absolute;right: 0;width: 20px;height: 20px;background-image: url('../media/minus-icon.svg');background-position: center;background-repeat: no-repeat;}
  .f_headings.collapsed::before{background-image: url('../media/plus_icon.svg');}


  /* banner  */
  .main-banner.inner {padding: 4rem 0 20rem;}
  #course_list.main-banner .img_wrapper img{right: 0;height: auto;top: 60% !important;}
  /* banner  */


   .auth-cta{display: none;}



  .hiw-rail{ display:none; }
  .hiw-icon img{width: 50px;}


.card.testi_card .card-body{
  padding-right: 16px;
      gap: .6875rem;
    flex-direction: column;
}

.benifit-card.bf_4{min-height: 550px;}
.benifit-card {min-height: 380px;}


  .card.testi_card .card-icon{margin-top: 0;
    display: none;}
    
    .test-seciotn h2{
          font-size: calc(1.475rem + .3vw);
    }


    .user_thumb{width: 50px}

    .user_thumb.thumb2 {right: 4%;top: 12%;}
    .user_thumb.thumb3 {top: 137px;}
    .cta-box img{width: 100px;}



    .form-select.r-filter{width: 50%; margin-bottom: 15px;padding: 1rem 1rem;font-size: 1rem;}
    .smltr-filter .form-select.r-filter{width: 100%; margin-bottom: 15px;padding: 1rem 1rem;font-size: 1rem;}
  
    .meta_box{padding: 9px 10px;}
    .meta_box h5{font-size: 18px;}
    .meta_box span{font-size: 14px;}

}


@media (max-width: 560px){

  .btn.btn-sm{
    --bs-btn-padding-x: .925rem;
    --bs-btn-padding-y: .725rem;
  }

  /* banner  */
    .main-banner.home .slider_row {padding: 10rem 0 16.625rem;}
  .main-banner.home .content_wrapper{ min-height: 350px;}
   #home-hero .lix_main {top: 68%;right: 0;}
   #home-hero .banner_icon{width: 87px;}

#home-hero .banner_icon.bi_1{ top: 610px;right: 270px;}
#home-hero .banner_icon.bi_2{top: 480px;right: 180px;}
#home-hero .banner_icon.bi_3{top: 510px;right: 100px;}
#home-hero .banner_icon.bi_4{top: 600px;right: 30px;}

.card.p_card-2 {
  --bs-card-spacer-x: 1rem;
  min-height: 350px; }
.benifit-card {min-height: 320px;    --bs-card-spacer-x: 1rem;}

.card.lix-card{
  background-position: right;
}

#ad-sidebar img{width: 100%;}
ul.list-compact{padding-bottom: 0;}


}

@media (1500px <= width <= 1600px )  {
  .hiw-rail{top: clamp(25px, 17vw, 253px)}
}