/*Font */
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter24pt-Regular.woff2') format('woff2'),
       url('../fonts/Inter24pt-Regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
 
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter24pt-Medium.woff2') format('woff2'),
       url('../fonts/Inter24pt-Medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
 
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter24pt-SemiBold.woff2') format('woff2'),
       url('../fonts/Inter24pt-SemiBold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
 
@font-face {
  font-family: 'Inter';
  src: url('../fonts/Inter24pt-Bold.woff2') format('woff2'),
       url('../fonts/Inter24pt-Bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}


:root {
  --white:#ffffff;
  --black:#000000;
  --orange:#FEA203;
  --blue:#0042A4;
  --sky:#008FFE;
  --footerbg:#F3F3F3;
}

html, body{
/*  overflow-x: hidden;*/
  height: 100%;
}

body {
  background:#F2F2F2 !important;
  font-family: 'Inter';
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}
a {
  color: inherit;
  text-decoration: none;
}

h1,
h2,
h3,
h4 {
  color: #2f0802;
}
*:focus {
  outline: none;
}
button:focus {
  outline: none;
}
button {
  border: 0;
}
ul li {
  list-style: none;
  color: inherit;
}
img {
  max-width: 100%;
}
a:hover {
  -webkit-transition: all .3s ease 0s;
  -moz-transition: all .3s ease 0s;
  -ms-transition: all .3s ease 0s;
  -o-transition: all .3s ease 0s;
}

a:focus{
  outline: none !important;
}

input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0; 
}

.container {
  width:1250px;
  margin: auto;
}

body.active, html.active{
  overflow:hidden;
}
/* Topbar Css */

.topbar_main{
  float:left;
  width:100%;
  background:var(--blue);
  padding:12px 30px;
}

.topbar_lft ul{
  display:flex;
  align-items:center;
  column-gap:120px;
}

.topbar_lft ul li{
  font-family: 'Inter';
  font-size:20px;
  font-weight:600;
  line-height:32px;
  position:relative;
  color:var(--white);
  letter-spacing: 0.36px;
  text-transform: uppercase;
}

/*.topbar_lft ul li:before{
  content:'';
  position:absolute;
  top:50%;
  right:-65px;
  width:15px;
  height:15px;
  background-image:url(../img/topbar_star.png);
  transform: translateY(-50%);
}*/

.topbar_inner{
  display:flex;
  width: 100%;
  justify-content:center;
}

.topbar_rgt{
  border-radius: 42px;
  background: #ffffff;
  padding: 8px;
  width: 401px;
  margin-bottom:-52px;
  z-index:99;
}

.topbar_timer{
  display: flex;
  align-items: center;
  background: var(--sky);
  padding:10px 25px;
  border-radius: 34px;
  width: 383px;
  column-gap: 35px;
}

.topbar_timer p{
  font-family: 'Inter';
  font-size:18px;
  line-height:22px;
  font-weight:600;
  color:var(--black);
  width: 114px;
  text-transform:uppercase;
}

#countdown-timer{
  width:180px;
  text-align: right;
}

#countdown-timer span{
  font-family: 'Inter';
  font-size:40px;
  font-weight:600;
  line-height:48px;
  color:var(--black);
}
/* Navigation Css Start */

header{
  float:left;
  width:100%;
  position: relative;
  z-index:9;
  padding:46px 0px;
  background: #F2F2F2;
}
.navigation {
  z-index:9999;
  top:0;
  transition: all 0.6s ease 0s;
}

.main{
  transition: all 0.6s ease 0s;
}

.navigation.fixed  {
  position: fixed;
  left: 0;
  right: 0;
  background: #fff;
  transition: all 0.6s ease 0s;
  box-shadow: 0px 3px 3px rgb(88 88 88 / 20%);
  padding:20px 0px 20px;
  animation: smoothScroll 1s forwards;
  top:0px;
}

.mob_dropdown.active .drop_arw{
  color: #4665aa !important;
}

.mob_dropdown.active:after {
    transform: rotate(90deg);
    color: #ffffff;
}

.mob_dropdown:after {
  content: '\f125';
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  right: 20px;
  top: 24px;
  color: #fff;
  cursor: pointer;
  transition: all 0.8s;
}

.navbar-dropdown li:hover .submenu{
  color: #e2c53b !important;
}

.navbar-dropdown li .submenu_main:hover a{
  color: #e2c53b !important;
}

.navbar-dropdown .submenu_inr li a:hover{
  text-decoration:underline;
}

.nav-list .dropdwon:hover .navbar-dropdown{
  opacity:1;
   transition: all 0.6s ease 0s;
}

.hamburger_icon {
  position: absolute;
  width: 29px;
  right:0px;
  top:30px;
}
.hamburger_icon button{
  border:0;
}

.hamburger_nav span {
  display: block;
  position: absolute;
  top: 15px;
  left: 0;
  right: 0;
  height: 1px;
  background: #2f0802;
}

.hamburger_nav span::before {
  top: -8px;
}

.hamburger_nav span::after {
  bottom: -8px;
}

.hamburger_nav span::after, .hamburger_nav span::before {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #2f0802;
  content: "";
}

.navbar-dropdown li{
  margin:0;
}

.navbar-dropdown li a:hover:before{
  height: 0;
}

nav ul li a.drop_arw:not(:only-child):after, nav ul li a.drop_arw:visited:not(:only-child):after {
  padding-left:6px;
  content: ' \f0d7';
  color:#fff;
  display: inline-block;
   font-family: 'Font Awesome 5 Free';
  font-style: normal;
  font-weight: 900;
  font-display: block;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  font-size:10px;
  position: absolute;
  top:4px;
}


nav ul.navbar-dropdown li a {
  padding:6px 0px;
  line-height: 20px;
  color: #515151 !important;
}

.site-header {
  background-color: #fff;
  padding: 20px 60px 20px 20px;
  border-bottom: 1px solid #ccc;
  position: absolute;
  margin:0 auto;
  width: 100%;
  transition:all 2s;
  animation:fadeOutUp;
  animation-duration:2.5s;
  max-width:1200px;
}

.site-header-search.active{
  opacity:1;
  visibility:visible;
  margin:25px auto 0;
  left: 0;
  right:0;
  z-index:99;  
  animation:fadeInDown;
  width:100%;
  animation-duration:2.5s;
  display:block;
  transition:all 0.5s;
}

.site-brand {
  display: inline-block;
}

.menu > ul{
  display:flex;
  align-items: center;
  column-gap:44px;
}

.menu > ul > li > a{
  position:relative;
}

.menu > ul > li:last-child a:before{
  content:none;
}

.navbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:relative;
  background:#ffffff;
  padding:18px 30px;
  border-radius: 42px;
}

.logo_main a img{
  max-width:280px;
}

.logo_main a{
  font-family: 'Inter';
  font-size: 26px;
  font-weight: 600;
  line-height: 32px;
}

.menu > ul > li > a{
  color:var(--black);
  font-family: 'Inter';
  font-size:16px;
  font-weight:400;
  position: relative;
  transition:all 0.6s;
}

.menu ul li a:hover{
  color:var(--blue);
}

.menu ul li.active a{
  color:var(--blue);
}

.shop_now_drp {
  width:100%;
  background: #fff;
  box-shadow:0px 2px 4px rgba(100,100,100,0.5);
  position: absolute;
  left: 0;
  right:0;
  margin: 0 auto;
  top: 95px;
  padding: 30px;
  transition: .3s ease;
  display:none;
}

.shop_now_drp:before{
  content:'';
  position:absolute;
  bottom:0;
  right:30px;
  width:200px;
  height:288px;
  background-image:url(../img/cotton-flower.png);
}

.menu ul li:hover .shop_now_drp {
  display: block;
  transition: .3s ease;
}

.shop_now_drp ul.megamenu-tray li.megamenu-cont a {
  color:var(--purple);
  font-family: 'Inter';
  font-size:22px;
  font-weight:600;
  line-height:24px;
  text-align: left;
  position: relative;
  margin-bottom: 10px;
  display: inline-block;
}

.shop_now_drp ul.megamenu-tray li.megamenu-cont .inner-menucat li a {
  font-family: 'Inter';
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  color:var(--black);
  transition:all 0.6s;
  margin-bottom:5px;
}

.shop_now_drp ul.megamenu-tray li.megamenu-cont .inner-menucat li a:hover{
  color:var(--purple);
}

.shop_now_drp ul.megamenu-tray li.megamenu-cont{
  padding:0;
  width: 180px;
}

.shop_now_drp ul.megamenu-tray{
  display:flex;
  column-gap:112px;
}

.header_rgt{
  display:flex;
  align-items:center;
  column-gap:10px;
}

.header_mid{
  display:flex;
  align-items:center;
  column-gap:100px;
  width: 50%;
  justify-content:center;
}

.header_rgt_inr{
  display:flex;
  align-items:center;
  column-gap:20px;
}

.menu{
  display:flex;
  align-items:center;
  column-gap:70px;
}

.lng_opt a{
  display:block;
}

.lng_opt a img{display:block;}

.header_rgt .login_btn{
  display:flex;
  column-gap:10px;
}

.header_rgt .login_btn a{
  background:var(--blue);
  color: var(--white);
  font-family: 'Inter';
  font-size:16px;
  font-weight:400;
  padding: 8px 25px;
  border-radius: 30px;
  transition:all 0.5s;
  border:1px solid transparent;
}

.header_rgt .login_btn a:hover{
  background:transparent;
  border:1px solid var(--blue);
  color:var(--blue);
}

.header_rgt .login_btn a.logout-btn{
  background:transparent;
  border: 1px solid var(--sky);
  color:var(--sky);
}

.header_rgt .login_btn a.logout-btn:hover{
  border: 1px solid transparent;
  background:var(--sky);
  color:var(--white);
}

.header_rgt_icon ul{
  display:flex;
  column-gap:20px;
}

.header_rgt ul li a.dropdown_drp{
  display:flex;
}

.header_rgt ul li a.dropdown_drp span{
  display:inline-block;
  margin-left:5px;
}

.header_rgt ul li a.cart_icon{
  position: relative;
}

.cart_icon .cart_active{
  width: 8px;
  height: 8px;
  display: inline-block;
  background: #4A6805;
  border-radius: 50%;
  position: absolute;
  right: 5px;
}


/* MObile Menu css */
.mobile_navbar {
  position: fixed;
  right:-100%;
  width:100%;
  height: 100vh;
  transition:all 0.4s ease 0s;
  -webkit-transition: all 0.4s ease 0s;
  transition: all 1200ms ease;
  z-index:99999999;  
  visibility: visible;
  padding:40px 0;
  top:0;
}

.mobile_navbar .menu{
  display:block;
}

.mobile_navbar .menu ul li a{
  color:var(--white);
}

.mobile_navbar.active{
  right:0;
  overflow-y: auto;
  padding:40px 40px 40px;
  background:var(--sky);
}

.mobile_navbar .menu ul{
  display:block;
}

.mobile_close{
  text-align:right;
  margin-bottom:30px;
  font-size: 22px;
}

.mobile_close span{
  color:var(--white);
}

.mobile_navbar .menu ul li{
  padding:17px 0px;
  border-bottom:1px solid var(--white);
}

.mobile_navbar .menu ul li.dropdown_main{
  position: relative;
}

.mobile_navbar .menu ul li.dropdown_main ul li.dropdwon{
    position: relative;
}

.mobile_navbar .menu ul li.dropdown_main span.mobile_dropdown{
  float:right;
  font-size:26px;
  position: absolute;
  top:12px;
  right: 0;
  color:var(--purple);
}

.mobile_navbar .menu ul li.dropdown_main ul li.dropdwon span.mobile_dropdown{
  float:right;
  font-size:24px;
  position: absolute;
  top:8px;
  right:15px;
}

.mobile_navbar .menu ul li .navbar-dropdown {
  display: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
  background-color: #fff;
  box-shadow: none;
  top: 8px;
}

.mobile_navbar .menu ul li .navbar-dropdown li {
  padding:12px 15px;
}

.mobile_navbar .menu ul li .navbar-dropdown li:last-child{
  border:0;
}

.mobile_right{
  display:flex;
  align-items:center;
  column-gap:30px;
  flex-direction: row-reverse;
}

.mobile_right .header_rgt_icon li a{
  display:inline-block;
}

.mobile_menu_contact_info{
  margin-top:40px;
}

.mobile_menu_contact_info .sidemenu_rgt ul{
  display:flex;
  column-gap:15px;
}

.mobile_menu_contact_info .sidemenu_info ul li h4, .mobile_menu_contact_info .sidemenu_info ul li a,
.mobile_menu_contact_info .sidemenu_info ul li a{
  text-align:left;
}

.mobile_menu_contact_info .sidemenu_info{
  margin-top:30px;
}

.sidemenu_info ul li h4 {
  color:var(--white);
  font-family: 'Inter';
  text-transform:uppercase;
  font-size:28px;
  font-weight:600;
  margin-bottom: 15px;
  text-align: right;
}

.sidemenu_info ul li a {
  color:var(--white);
  font-family: 'Inter';
  font-size:20px;
  font-weight:400;
  line-height:36px;
  text-align: right;
  letter-spacing: 1px;
  display: block;
}

.mobile_navbar .menu ul li.current-menu-item a{
  color:#4a6805;
}

.mobile_navbar .menu ul li.current-menu-item a:before{
  content:none;
}

.menuIcon span {
  display: block;
  width: 30px;
  height: 2px;
  background: #353535;
  position: relative;
  transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}

.menuIcon span:before {
  position: absolute;
  content: "";
  left: 0;
  top: -10px;
  width: 30px;
  height: 2px;
  background: #353535;
  transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}

.menuIcon span:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: -10px;
  width: 30px;
  height: 2px;
  background: #353535;
  transition: all 300ms ease;
  -o-transition: all 300ms ease;
  -ms-transition: all 300ms ease;
  -moz-transition: all 300ms ease;
  -webkit-transition: all 300ms ease;
}

/* Banner Css Start */
.banner{
  float:left;
  width:100%;
  padding:85px 0 58px;
  background:#F2F2F2;
}

.banner_inr{
  display:flex;
  justify-content:space-between;
}

.bnr_inr_lft{
  width:47.4%;
  margin-top: 60px;
}

.bnr_inr_rgt{
  width:42%;
  position:relative;
}

.bnr_inr_rgt:before{
  content:'';
  position:absolute;
  top: -64px;
  left: 50px;
  width: 468px;
  height: 709px;
  background-image:url(../img/bnr_rgt_bg.png);
}

.bnr_rgt_img img{
  display:block;
  z-index:9;
  position:relative;
}

.bnr_inr_lft h1{
  font-family: 'Inter';
  font-size:58px;
  font-weight: 600;
  color:var(--black);
  line-height:68px;
  /*animation:fadeInUp; /* referring directly to the animation's @keyframe declaration */
  animation-duration:1s; /* don't forget to set a duration! */*/
}

.bnr_inr_lft h1 span{
  font-weight: 600;
  color:var(--sky);
  position:relative;
}

.bnr_inr_lft h1 span:before{
  content:'';
  position:absolute;
  top: 10px;
  right: -15px;
  width:23px;
  height:20px;
  background:url(../img/title_ic.png);
}

.bnr_inr_lft span{
  font-family: 'Inter';
  font-size:58px;
  font-weight:400;
  color:var(--black);
  line-height:68px;
  display:inline-block;
}

.bnr_join_btn{
  margin-top:50px;
}

.bnr_join_btn a{
  background:var(--blue);
  padding:8px 15px 8px 15px;
  display:inline-flex;
  align-items: center;
  border-radius:40px;
  transition:all 0.5s;
}

.bnr_join_btn a:hover{
  background:var(--sky);
}

.bnr_join_btn a img{
  margin:0 15px;
  max-width:22px;
}

.bnr_join_btn a strong{
  font-family: 'Inter';
  font-size:24px;
  font-weight:500;
  color:var(--black);
  padding:4px 50px;
  background:var(--white);
  display:inline-block;
  border-radius:50px;
}

.student_review{
  margin-top:50px;
}

.stdnt_review_itm{
  display:flex;
  align-items:center;
  background:var(--white);
  padding:10px 15px;
  border-radius: 50px;
  width:315px;
  justify-content: space-between;
}

.stdnt_review_img{
  display:flex;
  align-items:center;
}

.stdnt_review_img img{
  width:57px;
  height:57px;
  object-fit: cover;
  border-radius: 50%;
  margin-left:-15px;
}

.stdnt_review_img img:first-child{
  margin-left:0;
}

.stdnt_rw_txt p{
  font-family: 'Inter';
  font-size:32px;
  color:var(--black);
  font-weight:600;
}

.stdnt_rw_txt p strong{
  font-family: 'Inter';
  font-size:32px;
  color:var(--black);
  font-weight:600;
}

.rvw_title{
  margin-top:15px;
}

.rvw_title p{
  font-family: 'Inter';
  font-size:30px;
  font-weight:600;
  color:var(--black);
}

.rvw_title p strong{
  font-weight:600;
  color:var(--sky);
}

.circle{
  position: absolute;
  top: 43px;
  left: -86px;
}

.circle_bg_img > img{
  position:relative;
  width: 225px;
  animation: textRotation 30s linear infinite;
}

@keyframes textRotation {
  to {
    transform: rotate(360deg);
  }
}

.circle_img{
  position:absolute;
  top:50%;
  left:0;
  right:0;
  transform: translateY(-50%);
  margin: 0 auto;
  text-align: center;
  z-index: 99;
}

.circle_img img{
  max-width:60px;
}
/* Banner Css End */

/* Step Css Start */
.step_main{
  float:left;
  width:100%;
  background: #F2F2F2;
  padding:160px 0;
}

.step_inr{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  row-gap: 400px;
}

.step_itm {
  margin-right: -51px;
  position:relative;
}

.step_itm:before{
  content:'';
  position:absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.step_itm:after{
  content:'';
  position:absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  width:20px;
  height:20px;
}

.step_itm:nth-child(odd):after{
  background-image: url(../img/step_orng_ic.png);
  top: -89px;
  background-size: 9px 9px;
  border-radius: 50%;
  border: 2px solid var(--blue);
  background-repeat: no-repeat;
  background-position: center;
}

.step_itm:nth-child(even):after{
  background-image:url(../img/step_blu_ic.png);
  bottom: -89px;
  background-size: 9px 9px;
  border-radius: 50%;
  border: 2px solid #0086ff;
  background-repeat: no-repeat;
  background-position: center;
}

.step_itm:nth-child(odd):before{
  top: -76px;
  width: 2px;
  height: 76px;
  background: var(--blue);
}

.step_itm:nth-child(even):before{
  bottom: -76px;
  width: 2px;
  height: 76px;
  background: var(--sky);
}

.step_itm .step_count{
  padding:16px 25px;
  clip-path:polygon(0 0, 75% 0, 100% 100%, 22% 100%);
  width:340px;
  text-align: center;
}

.step_itm:nth-child(odd) .step_count{
  background:var(--blue);
  color: #fff;
}

.step_itm:nth-child(even) .step_count{
  background:var(--sky);
  color: #fff;
}

.step_itm .step_count span{
  font-family: 'Inter';
  font-size:24px;
  font-weight:600;
  color: var(--white);
}


.step_itm .step_txt{
  font-family: 'Inter';
  font-size:26px;
  font-weight:600;
  color: var(--black);
  position:absolute;
  width:100%;
  text-align:center;
}

.step_itm:nth-child(odd) .step_txt{
  top:-144px;
}

.step_itm:nth-child(even) .step_txt{
  bottom:-144px;
}
/* Step Css End */

/* Short Test Css Start */
.short_test{
  float:left;
  width:100%;
  padding:100px 0 580px;
  background: #F2F2F2;
  position:relative;
/*  background:linear-gradient(84deg,rgba(254, 162, 3, 0.58) 0%, rgba(0, 134, 255, 0.5) 100%);*/
}

.short_test_shape{
  position:absolute;
  bottom:-498px;
  left:0;
  width:100%;
}

.short_test_shape img{
  width:100%;
}

.short_tst_title h2{
  font-family: 'Inter';
  font-size:32px;
  font-weight:800;
  color: var(--blue);
  text-align:center;
  text-transform:uppercase;
  margin-bottom:15px;
}

.short_tst_title p{
  font-family: 'Inter';
  font-size:20px;
  font-weight:400;
  color:#606060;
  text-align:center;
}

.short_tst_inr{
  display:flex;
  justify-content:space-between;
  column-gap:35px;
  padding:0 45px;
  margin-top:60px;
  position: relative;
  z-index: 9999999;
}

.short_pack_tst{
  margin-bottom:30px;
  text-align:center;
}

.short_pack_tst span{
  font-family: 'Inter';
  font-size:30px;
  font-weight:500;
  color:var(--black);
  text-align:center;
  min-height: 75px;
  display: inline-block;
}

.short_tst_itm_inr{
  padding:40px 20px;
  border-top-left-radius: 166px;
  border-top-right-radius: 166px;
  border-bottom-left-radius: 166px;
  border-bottom-right-radius: 166px;
  min-height: 575px;
  background-position: bottom;
  background-size: contain;
  margin-bottom:60px;
  transition: 0.7s;
  transform-style: preserve-3d;
/*  backface-visibility: hidden;*/
  position: relative;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  flex-wrap:wrap;
  transform: rotateY(0);
}

.short_tst_itm{
  perspective: 1000px;
}


.flip-card-back {
  transform: rotateY(180deg);
  opacity:0;
  display:none;
  transition: 0.7s;
  backface-visibility: hidden;
}

.short_tst_itm:hover .short_tst_itm_inr{
  transform: rotateY(180deg);
}

.short_pck_rnd{
  transition: 0.3s;
  display:block;
   transform: rotateY(0deg);
   backface-visibility: hidden;
}

.short_tst_itm:hover .short_pck_rnd{
  opacity:0;
  display:none;
}
.short_tst_itm:hover .flip-card-back{
  opacity:1;
  display:block;
  transform: rotateY(-180deg);
}

.short_tst_itm_inr ul{
  margin-bottom:15px;
}

.short_tst_itm:nth-child(odd) .short_tst_itm_inr{
  background-image:url(../img/short_tst_bg_orng.png);
  background-color:var(--blue);
}

.short_tst_itm:nth-child(even) .short_tst_itm_inr{
  background-color:var(--sky);
  background-image:url(../img/short_tst_bg.png);
}

.short_tst_itm {
  width: calc(100% / 4);
}

.short_pck_title{
  margin-bottom:50px;
  position:relative;
  text-align:center;
}

.short_pck_title:before{
  content:'';
  position:absolute;
  bottom:-25px;
  left:0;
  right:0;
  margin:0 auto;
  width:100%;
  height:1px;
  background:var(--white);
}

.short_pck_title h2{
  display: inline-block;
  font-family: 'Inter';
  font-size:32px;
  line-height:42px;
  color: var(--white);
  font-weight: 800;
  text-align: center;
  position: relative;
}

.short_tst_itm_inr span{
  font-family: 'Inter';
  font-size: 30px;
  line-height: 34px;
  font-weight: 600;
  color:var(--white);
  text-align:center;
  display:inline-block;
  min-height:120px;
  margin-bottom:15px;
}

.short_tst_itm_inr p{
  font-family: 'Inter';
  font-size:18px;
  font-weight:800;
  color:var(--white);
  text-align:center;
  margin-bottom:15px;
}

.short_tst_itm_inr li{
  font-family: 'Inter';
  font-size:18px;
  font-weight:400;
  color:var(--white);
  text-align:center !important;
  margin-bottom:15px;
}

.short_tst_itm_inr p:last-child{
  margin-bottom:0;
}

.short_tst_itm_inr li:last-child{
  margin-bottom:0;
}

.start_btn{
  text-align:center;
}

.start_btn a{
  display:inline-block;
  font-family: 'Inter';
  font-size: 20px;
  font-weight:400;
  color:var(--white);
  text-align:center;
  padding: 12px 44px;
  border-radius: 32px;
  position:relative;
  transition:all 0.5s;
}

.start_btn a:before{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  border:2px dashed var(--white);
  height: 73.5%;
  border-radius: 32px;
  width: 93.5%;
  margin: 0 auto;
  transform: translateY(-50%);
}

.short_tst_itm:nth-child(odd) .start_btn a{
  background:var(--blue);
}

.short_tst_itm:nth-child(odd) .start_btn a:hover{
  background:var(--sky);
}

.short_tst_itm:nth-child(even) .start_btn a{
  background:var(--sky);
}

.short_tst_itm:nth-child(even) .start_btn a:hover{
  background:var(--blue);
}

/* Short Test Css End */

/* Platform Css Start */
/*.short_test_top{
  margin-bottom:320px;
  background:#F2F2F2;
  padding-top:210px;
  position:relative;
}*/

/*.short_test_top:before{
  content:'';
  position:absolute;
  bottom:0;
  left:0;
  width:100%;
  height:621px;
  background:url(../img/short_test_bottom_shape.png);
}*/

.platform_main{
  float:left;
  width:100%;
  background:#F2F2F2;
}

.platform_main h2{
  font-family: 'Inter';
  font-size:38px;
  font-weight:800;
  color: var(--blue);
  text-align:center;
  position:relative;
  z-index:9999999;
}

.platform_inr{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  justify-content:space-between;
  column-gap:40px;
  padding:0 40px;
  margin-top:130px;
  position: relative;
  z-index: 99999;
  grid-row-gap: 150px;
}

.platfrm_dtl{
  min-height:399px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 32px;
  padding:0 15px;
}

.platform_itm{
  text-align:center;
  position: relative;
}

.platfrm_icon{
  width:160px;
  height:160px;
  background:var(--white);
  border-radius:50%;
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto;
  position:absolute;
  top:-87px;
  left:0;
  right:0;
} 

.platfrm_dtl p{
  font-family: 'Inter';
  font-size:30px;
  line-height:40px;
  font-weight:500;
  color: var(--white);
  text-align:center;
}

.platfrm_ic_img{
  width:132px;
  height:132px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
}

.platfrm_ic_img img{
  max-width: 80px;
  max-height: 75px;
}

.platform_itm:nth-child(odd) .platfrm_ic_img {
  background:var(--blue);
}

.platform_itm:nth-child(even) .platfrm_ic_img {
  background:var(--sky);
}

.platform_itm:nth-child(odd) .platfrm_dtl {
  background:var(--blue);
}

.platform_itm:nth-child(even) .platfrm_dtl {
  background:var(--sky);
}
/* Platform Css End */

/* Dashboard Css Start */
.dashboard_sec{
  float:left;
  width:100%;
  background:#F2F2F2;
  padding:150px 0 150px;
}

.dashboard_img{
  text-align:center;
}

.dashboard_img img{
  display:block;
  margin: 0 auto;
}
/* Dashboard Css End */

/* Video Css Start */
.video_sec{
  float:left;
  width:100%;
  background:#F2F2F2;
  padding-bottom:100px;
}

.video {
  position: relative;
  max-width: 1242px;
  margin: 0 auto;
  position:relative;
}

.video:before{
  content:'';
  position:absolute;
  top: -100px;
  left:0;
  width:100%;
  height:100%;
  background:url(../img/video_bg.png);
  z-index:1;
  background-size: cover;
}

.video img {
  width: 100%;
  display: block;
  margin: 0 auto;
  border-radius: 28px;
  height: 100%;
  object-fit: cover;
  position: relative;
  z-index: 99;
  aspect-ratio: 12 / 6.4;
}

.play_button {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  margin: 0 auto;
  cursor:pointer;
  z-index: 999;
}

.play_button img{
  width:auto;
  height:auto;
  aspect-ratio:initial;
}

.modal-overlay {
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: opacity 0.7s 
  cubic-bezier(0.55, 0, 0.1, 1), visibility 0.7s 
  cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 999999;
}

.modal-overlay.active {
  opacity: 1;
  visibility: visible;
}

.modal.active {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.modal {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  width: 800px;
  height: 500px;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: scale(1.2);
  transition: all 0.6s 
  cubic-bezier(0.55, 0, 0.1, 1);
}

.modal.active .close-modal {
  transform: translateY(10px);
  opacity: 1;
}

.modal .close-modal {
  position: absolute;
  cursor: pointer;
  top: -42px;
  right: 0;
  opacity: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: opacity 0.6s 
  cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s 
  cubic-bezier(0.55, 0, 0.1, 1);
  transition-delay: 0.3s;
  font-size: 20px;
  color: #fff;
}

.modal .modal-content {
  opacity: 0;
}

.modal-content iframe {
  width: 100%;
  height: 500px;
  display: block;
}

.modal.active .modal-content {
  opacity: 1;
  width: 100%;
}
/* Video Css End */

/* Faq Css Start */
.faq_main {
  float: left;
  width: 100%;
  background:#F2F2F2;
  padding-top:50px;
  padding-bottom:60px;
}

.faq_main h1{
  font-family: 'Inter';
  font-size:60px;
  font-weight: 600;
  color: var(--blue);
  text-align: center;
  text-transform: uppercase;
}

.faq_inner{
  margin-top:100px;
}

.faq_inner ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap:50px;
}

.faq_inner ul li{
  padding:20px 0;
  border-bottom: 1px solid #000;
}

.faq_inner ul li:nth-child(1), .faq_inner ul li:nth-child(2){
  border-top: 1px solid #000;
}

.faq_cnt_main h3 {
  font-family: 'Inter';
  font-size:20px;
  line-height: 26px;
  font-weight: 400;
  color: var(--black);
  position: relative;
  padding-right: 49px;
  min-height: 60px;
  display: flex;
  align-items: center;
  cursor: pointer;
  padding-left:15px;
}

.faq_cnt_main h3:after{
  content:'';
  position:absolute;
  top: 50%;
  left:0px;
  width:5px;
  height: 80px;
  transform: translateY(-50%);
}

.faq_inner ul li:nth-child(4n) .faq_cnt_main h3:after{
  background:var(--sky);
}

.faq_inner ul li:nth-child(4n+1) .faq_cnt_main h3:after{
  background:var(--sky);
}

.faq_inner ul li:nth-child(4n+2) .faq_cnt_main h3:after{
  background:var(--blue);
}
.faq_inner ul li:nth-child(4n+3) .faq_cnt_main h3:after{
  background:var(--blue);
}

.faq_inner ul li h3:before {
  content: "\f067";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-style: normal;
  font-size: 22px;
  margin-left: 0;
  position: absolute;
  right: 0;
  text-align: center;
  display: block;
  width: auto;
  color: var(--skyblue);
  transition: all 0.4s ease;
}

.faq_cnt {
  display: none;
  margin-top:25px;
}

.faq_inner ul li h3.active:before {
  content: "\f068";
}

.faq_cnt p{
  font-family: 'Inter';
  font-size:16px;
  font-weight: 400;
  color: #606060;
  margin-bottom:15px;
}

.faq_cnt p a{
  color:var(--orange);
}

.faq_cnt p:last-child{
  margin-bottom:0;
}

.faq_cnt ul{
  padding-left:18px;
  display:block;
}

.faq_cnt ul li {
  font-family: 'Inter';
  font-size: 18px;
  line-height: 27px;
  color: #606060;
  position: relative;
  padding:0;
  list-style:disc;
  border:0 !important;
}
/* Faq Css End */

/* Footer Css Start */
footer{
  float:left;
  width:100%;
  background: #F2F2F2;
  border-bottom: 12px solid var(--sky);
  padding-top: 30px;
}

.ftr_top{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.ftr_top_lft ul{
  display:flex;
  column-gap:80px;
}

.ftr_top_lft ul li span{
  font-family: 'Inter';
  font-size:18px;
  font-weight: 400;
  color:var(--black);
  margin-bottom:5px;
  display:block;
}

.ftr_top_lft ul li a{
  font-family: 'Inter';
  font-size:22px;
  font-weight:500;
  color:var(--black);
}

.ftr_top_rgt{
  display:flex;
  align-items:center;
  column-gap:22px;
}

.ftr_btm{
  margin-top:50px;
  padding-bottom:30px;
  border-bottom:1px solid var(--black);
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
}

.ftr_btm ul{
  display:flex;
  column-gap:30px;
}

.ftr_btm ul li a{
  font-family: 'Inter';
  font-size:20px;
  font-weight:300;
  color:var(--black);
  transition:all 0.5s;
}

.ftr_btm ul li a:hover{
  color:var(--orange);
}

.ftr_social{
  padding:44px 0 50px;
}

.ftr_btm p{
  font-family: 'Inter';
  font-size:20px;
  font-weight:300;
  color:var(--black);
  transition:all 0.5s;
}


.ftr_social ul{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  column-gap:15px;
}
 
.ftr_social ul li a{
  display:flex;
  align-items:center;
  padding:3px 14px 3px 6px;
  column-gap:7px;
  border-radius:30px;
  width: 177px;
}

.ftr_social ul li a span{
  font-family: 'Inter';
  font-size:18px;
  font-weight:500;
  color:var(--black);
}

.ftr_social ul li a img{
  display:block;
  max-width:44px;
}

.ftr_social ul li:nth-child(odd) a{
  background:var(--blue);
}

.ftr_social ul li:nth-child(odd) a span{
  color:var(--white);
}

.ftr_social ul li:nth-child(even) a{
  background:var(--sky);
}
/* Footer Css End */

/* First Mock Css Start */
.first_mock{
  position: fixed;
  bottom:100px;
  right:20px;
  z-index:9999999;
/*  background:linear-gradient(131deg, rgb(0 143 254 / 12%) 8%, rgba(242, 242, 242, 4) 35%, rgb(242 242 242) 66%, rgb(0 143 254 / 19%) 100%);*/
  background:linear-gradient(131deg, #a5cff0 8%, rgba(242, 242, 242, 4) 35%, rgb(242 242 242) 66%, #a5cff0 100%);
  padding:20px  0;
  width: 280px;
  border-radius: 30px;
  border:2px solid var(--sky);
}

.first_mock_inr{
  padding:0 10px;
  position:relative;
  
}

.first_mock_inr_row{
  display:flex;
  margin:15px 0;
}

.frst_mck_lft{
  border-right:2px solid var(--sky);
  padding-right:10px;
}

.frst_mck_rgt{
  padding-left:10px;
}

.frst_mck_lft span{
  font-family: 'Inter';
  font-size:32px;
  line-height:40px;
  font-weight:800;
  color:var(--blue);
}

.first_mock h3{
  font-family: 'Inter';
  font-size:20px;
  line-height:26px;
  font-weight: 600;
  color: var(--white);
  background: linear-gradient(90deg, rgba(0, 66, 164, 1) 20%, rgba(0, 143, 254, 1) 100%);
  padding:9px 10px;
  width: 85%;
  background-repeat: no-repeat;
  clip-path: polygon(100% 0%, 96% 54%, 100% 100%, 0 100%, 0 0%);
}

.frst_mck_rgt ul li{
  font-family: 'Inter';
  font-size:14px;
  line-height:20px;
  color:var(--blue);
  font-weight: 400;
}

.try_now_btn a{
  display:block;
  background: var(--blue);
  font-family: 'Inter';
  font-size:16px;
  line-height:24px;
  color: var(--white);
  font-weight: 500;
  padding:9px 15px;
  border-radius: 50px;
  transition: all 0.5s;
  border: 1px solid transparent;
  text-align:center;
}

.try_now_btn a:hover {
  background: transparent;
  border: 1px solid var(--sky);
  color: var(--sky);
}
/* First Mock Css End */

/* Contact Us Css Start */
.contact_main{
  float:left;
  width:100%;
  background: #F2F2F2;
  padding:50px 0 80px;
}

.contact_main h1{
  font-family: 'Inter';
  font-size:38px;
  line-height:48px;
  font-weight:800;
  color:var(--blue);
  text-align:center;
  text-transform:uppercase;
}

.contact_inr{
  display:flex;
  align-items:center;
  max-width: 1250px;
  margin: 55px auto 0;
  background:#F2F2F2;
  border-radius:30px;
  border: 1px solid var(--sky);
}

.contact_lft{
  width:50%;
}

.contact_img{
  position:relative;
}

.contact_img:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background: linear-gradient(181deg, rgb(255 255 255 / 0%) 34%, rgb(0 189 255 / 87%) 100%);
  border-top-left-radius:30px;
  border-bottom-left-radius:30px;
}

.contact_img img{
  border-top-left-radius:30px;
  border-bottom-left-radius:30px;
  display:block;
  width: 100%;
}

.contact_rgt{
  width:50%;
  padding:42px 58px 42px 65px;
  border-top-left-radius:30px;
}

.contact_form {
  background:var(--white);
  border-radius:30px;
  padding-bottom: 12px;
}

.contact_form form{
  padding:40px 40px 15px;
}

.contact_frm_grp input{
  width:100%;
  border:0;
  border-bottom:2px solid var(--sky);
  padding:10px 0;
  font-family: 'Inter';
  font-size:18px;
  line-height:28px;
  font-weight:400;
  color:var(--black);
}

.contact_frm_grp{
  margin-bottom:30px;
}

.contact_frm_grp input::placeholder{
   font-family: 'Inter';
  font-size:18px;
  line-height:28px;
  font-weight:400;
  color:#7F7F7F;
}

.contact_frm_grp textarea{
  width:100%;
  border:0;
  border-bottom:2px solid var(--sky);
  padding:10px 0;
  font-family: 'Inter';
  font-size:18px;
  line-height:28px;
  font-weight:400;
  color:var(--black);
  resize:none;
  height: 200px;
}

.contact_frm_grp textarea::placeholder{
  font-family: 'Inter';
  font-size:18px;
  line-height:28px;
  font-weight:400;
  color:#7F7F7F;
}

.contact_submit{
  text-align:right;
}

.contact_submit input{
  border:0;
  background: var(--orange);
  color: var(--white);
  font-family: 'Inter';
  font-size:18px;
  font-weight: 600;
  padding:12px 46px;
  border-radius: 30px;
  transition: all 0.5s;
  text-transform:uppercase;
  cursor:pointer;
}

.contact_submit input:hover{
  background:var(--sky);
}

.contact_info{
  margin-top:44px;
  background:var(--orange);
  padding:15px 35px;
  border-radius:22px;
  margin:0 10px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.contact_info_lft ul{
  display:flex;
  align-items:center;
  column-gap:22px;
}

.contact_info_rgt ul{
  display:flex;
  align-items:center;
  column-gap:15px;
}

.contact_info_rgt ul li a{
  font-family: 'Inter';
  font-size:12px;
  font-weight:500;
  color:var(--black);
}
/* Contact Us Css End */

/* Login Page Css Start */
.login_main{
  float: left;
  width: 100%;
  height: 100vh;
  display: flex;
  justify-content: center;
  background-position:center;
  background-repeat:no-repeat;
  align-items: center;
  background-color:#F2F2F2;
}

.login_inr{
  max-width:632px;
  margin:0 auto;
}


.login_logo{
  margin-bottom:90px;
}

.login_logo a{
  font-family: 'Inter';
  font-size:40px;
  line-height:48px;
  font-weight:600;
  color:var(--black);
  padding-left: 20px;
  text-transform:uppercase;
}
.lg-logo-top {
  padding-left: 20px;
  width: 60%;
  padding-bottom:30px;
}
.rg-logo-top {
  padding-left: 20px;
  width:100%;
  padding-bottom:30px;
}

.lg-logo-top a img{
  max-width:250px;
}

.rg-logo-top a img{
  max-width:250px;
}

.login_frm_grp {
  margin-bottom:20px;
  position:relative;
}

.login_frm_grp:last-child{
  margin-bottom:0;
}

.checkout_lft .login_frm_grp a{text-decoration: underline;font-size: 20px;}

.login_inr h1{
  font-family: 'Inter';
  font-weight:bold;
  font-size: 32px;
  line-height: 40px;
  margin-bottom:30px;
  font-weight:800;
  color:var(--blue);
  padding-left: 20px;
}

.login_frm_grp .toggle_ps{
  position: absolute;
  top:70px;
  transform: translateY(-72%);
  right: 20px;
}

.login_frm_grp label{
  font-family: 'Inter';
  color:var(--black);
  font-weight:400;
  font-size:20px;
  line-height:28px;
  display:block;
  margin-bottom:10px;
  padding-left: 20px;
} 

.login_frm_grp input{
  width:100%;
  border:0;
  background:var(--white);
  padding:22px 20px;
  font-family: 'Inter';
  font-size:18px;
  line-height:24px;
  border-radius: 50px;
  color:var(--black);
}

.login_frm_grp input::placeholder{
  font-family: 'Inter';
  font-weight:300;
  font-size:18px;
  line-height:28px;
  color:#C1C1C1;
}

.login_frm_grp select{
  width:100%;
  border:0;
  background:var(--white);
  padding:22px 20px;
  font-family: 'Inter';
  font-size:18px;
  line-height:24px;
  border-radius: 50px;
  color:var(--black);
  border-right: 20px solid transparent;
}

.register_details_checkout .login_frm_grp input{
  background:#f2f2f2;
  padding:16px 20px;
}

.register_details_checkout .login_frm_grp select {
  background: #f2f2f2;
  padding: 16px 20px;
}

.register_details_checkout .login_frm_grp input::placeholder{
  font-size:18px;
}

.remember_checkbox{
  position:relative;
  padding-left: 10px;
  margin-top:25px;
}

.remember_checkbox label{
  font-family: 'Inter';
  font-weight:300;
  font-size: 20px;
  line-height: 26px;
  color:var(--black);
  padding-left: 27px;
  cursor: pointer;
}

.remember_checkbox input {
  padding: 0;
  height: initial;
  width: initial;
  margin-bottom: 0;
  display: none;
  cursor: pointer;
}

.remember_checkbox label:before {
  content: '\f372';
  display: inline-block;
  position: relative;
  cursor: pointer;
  margin-right: 5px;
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
  color:var(--black);
  font-size: 24px;
  vertical-align: middle;
  position: absolute;
  left: 10px;
  top:0px;
}

.remember_checkbox input:checked + label:before {
  opacity: 0;
}

.remember_checkbox input:checked + label:after {
  content: '\f373';
  display: block;
  position: absolute;
  top: 0px;
  left:10px;
  display: inline-block;
  font-family: "Ionicons";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  color:var(--black);
  font-size: 24px;
  position: absolute;
  top:0px;
}

.login_submit{
  margin-top:32px;
}

.login_submit input{
  border:0;
  font-family: 'Inter';
  font-weight:300;
  font-size:20px;
  line-height:30px;
  color:var(--white);
  background:var(--blue);
  padding:10px 45px 11px;
  border-radius: 50px;
  transition:all 0.5s;
  cursor:pointer;
}

.login_submit input:hover{
  background:var(--sky);
}

.login_submit a{
  float: right;
  color: #0042a4;
  font-weight: bold;
  font-size: 18px;
  padding: 15px 0;
}

.login_btm{
  display:flex;
  align-items:center;
  column-gap:40px;
  margin-top:30px;
}

.login_btm ul{
  display:flex;
  align-items:center;
  column-gap:25px;
}

.login_btm ul li a{
  color: var(--black);
  font-family: 'Inter';
  font-size:16px;
  line-height:20px;
  font-weight: 300;
  position: relative;
}
/* Login Page Css End */

/* Register Page Css Start */
.register_pg{
  float: left;
  width: 100%;
/*  height:100vh;*/
  background-position:center;
  background-repeat:no-repeat;
  align-items: center;
  background-color:#F2F2F2;
  padding-top: 100px;
  padding-bottom:50px;
}

/*.register_pg .register_inr h1{
  text-align:center;
}
*/
.register_inr {
  max-width:1300px;
  margin: 0 auto;
}

.register_frm{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  column-gap:30px;
  grid-row-gap:15px;
}

.register_frm .login_frm_grp{
  margin-bottom:0;
}

.register_submit{
  margin-top:39px;
}

.register_submit input{
  border:0;
  font-family: 'Inter';
  font-weight:300;
  font-size: 20px;
  line-height: 30px;
  color:var(--white);
  background:var(--blue);
  padding: 11px 55px 14px;
  border-radius: 50px;
  transition:all 0.5s;
  cursor:pointer;
}

.register_submit input:hover{
  background:var(--sky);
}
/* Register Page Css End */

/* Dashboard Css Start */
.dashboard_main{
  float:left;
  width:100%;
  padding:20px 0 0;
  background:#F2F2F2;
  height: 100%;
}

.dashboard_container{
  max-width:1250px;
  margin:0 auto;
  padding-bottom:23px;
}

.dashboard_inr{
  display:flex;
  justify-content:space-between;
}

.dashboard_lft{
  width:23%;
}

.dashboard_rgt{
  width:73.8%;
}

.dsh_title{
  margin-top:45px;
}

.dsh_title a img{
  max-width:200px;
}

.dashboard_rgt_title h1{
  font-family: 'Inter';
  font-size:36px;
  font-weight:600;
  color:var(--black);
  line-height:46px;
  margin-bottom:5px;
}

.dashboard_rgt_title p{
  font-family: 'Inter';
  font-size:16px;
  font-weight:300;
  color:var(--black);
}

.dashboard_rgt_top{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.dashboard_rgt_profile{
  max-width:465px;
  width: 100%;
  background:var(--blue);
  padding:15px;
  border-radius:25px;
}

.dsh_profile_img a{
  display:flex;
  align-items:center;
  font-family: 'Inter';
  font-size:22px;
  font-weight:600;
  color:var(--white);
  column-gap:10px;
  line-break: anywhere;
  line-height:38px;
}

.dsh_profile_img img{
  border-radius:20px;
  width:90px;
  height:90px;
}

.dsh_rgt_logo a{
  font-family: 'Inter';
  font-size:40px;
  font-weight:300;
  color:var(--black);
  text-transform:uppercase;
}

.dsh_lft_menu{
  margin-top:50px;
}

.dsh_menu_itm{
  background:var(--white);
  padding:15px 15px;
  border-radius:26px;
}

.dsh_menu_itm{
  margin-bottom:20px;
}

.dsh_menu_itm:last-child{
  margin-bottom:0;
}

.dsh_menu_itm h2{
  font-family: 'Inter';
  font-size:22px;
  font-weight:300;
  color:var(--white);
  background:var(--sky);
  padding:13px 20px 14px;
  border-radius:15px;
  margin-bottom:13px;
}

.dsh_menu_itm ul li{
  margin-bottom:13px;
}

.dsh_menu_itm ul li:last-child{
  margin-bottom:0;
}

.dsh_menu_itm ul li a{
  font-family: 'Inter';
  font-size:18px;
  font-weight:300;
  color:var(--black);
  padding:12px 16px;
  border-radius: 30px;
  display:flex;
  align-items:center;
  column-gap:12px;
  transition:all 0.5s;
  background:var(--white);
}

.dsh_menu_itm ul li a:hover{
  background:var(--sky);
  color:var(--white);
}

.dsh_menu_itm ul li a.active{
  background:var(--sky);
  color:var(--white);
}

.dsh_menu_itm ul li a img{
  transition:all 0.5s;
  width:26px;
  object-fit: scale-down;
  height: auto;
}

.dsh_menu_itm ul li a:hover img{
  mix-blend-mode: lighten;
  filter: invert(1);
}

.dsh_menu_itm ul li a.active img{
  mix-blend-mode: lighten;
  filter: invert(1);
}

.dsh_rgt_data{
  margin-top:30px;
}

.dsh_rgt_data .faq_inner{
  margin-top:0;
}

.dsh_data_row{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  column-gap:25px;
  margin-bottom:25px;
}

.dsh_data_row_two{
  display:flex;
  justify-content:space-between;
  column-gap:36px;
}

.dsh_data_lft_row{
  display:grid;
  align-items: flex-start;
  grid-template-columns:repeat(2, 1fr);
  column-gap:36px;
}

.dsh_data_rw_lft{
  width:65.67%;
}

.dsh_data_rw_mid{
  width:31.33%;
}

.dsh_data_row:last-child{
  margin-bottom:0;
}

.dsh_data_rw_itm{
  background:var(--white);
  padding:25px 25px;
  border-radius:20px;
}

.dsh_data_rw_lft .dsh_data_rw_itm{
  margin-bottom:25px;
}

.dsh_data_rw_lft .dsh_data_rw_itm:last-child{
  margin-bottom:0;
}

.dsh_data_rw_mid .dsh_data_rw_itm{
  padding:30px 25px;
}

.dsh_data_rw_mid .dsh_data_rw_itm h2 {
  display: block;
  font-family: 'Inter';
  font-size:22px;
  font-weight: 300;
  color: var(--black);
  margin-bottom:10px;
  text-align:center;
}

.dsh_course span{
  display:block;
  font-family: 'Inter';
  font-size:22px;
  font-weight:300;
  color:var(--black);
  margin-bottom:10px;
}

.dsh_course h2{
  font-family: 'Inter';
  font-size:40px;
  line-height:40px;
  font-weight:600;
  color:var(--black)  
}

.flex-wrapper {
  display: flex;
  justify-content:center;
  flex-flow: row nowrap;
}

.single-chart {
  width:250px;
  justify-content: space-around ;
}

.circular-chart {
  display: block;
  margin: 10px auto;
  max-height: 250px;
}

.circle-bg {
  fill: none;
  stroke: #F2F2F2;
  stroke-width: 4.8;
}

.circle {
  fill: none;
  stroke-width: 2.8;
  stroke-linecap: round;
  animation: progress 1s ease-out forwards;
}

@keyframes progress {
  0% {
    stroke-dasharray: 0 100;
  }
}

.circular-chart.orange .circle {
  stroke:var(--sky);
}

.circular-chart.green .circle {
  stroke: #4CC790;
}

.circular-chart.blue .circle {
  stroke: #3c9ee5;
}

.percentage {
  fill:var(--black);
  font-family: 'Inter';
  font-size:6px;
  font-weight:600;
  text-anchor: middle;
}

.percentage tspan{
  font-family: 'Inter';
  font-size: 2.5px;
  font-weight:300;
}

.dsh_data_rw_rgt{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  column-gap:30px;
  grid-row-gap:30px;
  background: var(--white);
  padding: 28px 20px;
  border-radius: 40px;
}

.dsh_rgt_itm{

}

.dsh_rgt_itm_cnt p{
  font-family: 'Inter';
  font-size: 18px;
  line-height: 26px;
  font-weight: 400;
  color:var(--black); 
  text-align:center;
}

.dsh_rgt_itm_img{
  margin:10px 0 20px;
  text-align:center;
}

.dsh_rgt_itm_img img {
  height: 34px;
  object-fit: scale-down;
}

.skillbar {
  position:relative;
  display:block;
  width:100%;
  background:#f2f2f2;
  height:30px;
  border-radius:30px;
  transition:0.4s linear;
  transition-property:width, background-color;
  display: flex;
  align-items: center;
}

.skillbar-title {
  position:absolute;
  top:0;
  left:0;
  width:110px;
  font-weight:bold;
  font-size:13px;
  color:#ffffff;
  background:#6adcfa;
  -webkit-border-top-left-radius:3px;
  -webkit-border-bottom-left-radius:4px;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-bottomleft:3px;
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
}

.skillbar-title span {
  display:block;
  background:rgba(0, 0, 0, 0.1);
  padding:0 20px;
  height:35px;
  line-height:35px;
  -webkit-border-top-left-radius:3px;
  -webkit-border-bottom-left-radius:3px;
  -moz-border-radius-topleft:3px;
  -moz-border-radius-bottomleft:3px;
  border-top-left-radius:3px;
  border-bottom-left-radius:3px;
}

.skillbar-bar {
  height:20px;
  width:0px;
  background:var(--sky);
  border-radius:30px;
  margin:0 8px;
}

.skill-bar-percent {
  position:absolute;
  right:20px;
  top:49%;
  transform:translateY(-50%);
  font-family: 'Inter';
  font-size:15px;
  font-weight:300;
  color: var(--black);
  display: flex;
}

.dsh_rgt_btm{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-top:55px;
}

.dsh_btm_lft a{
  display:flex;
  align-items:center;
  column-gap:8px;
  font-family: 'Inter';
  font-size:30px;
  font-weight:300;
  color: var(--white);
  background:var(--sky);
  padding:7px 15px;
  border-radius:20px;
  transition:all 0.5s;
}

.dsh_btm_lft a:hover{
  background:var(--blue);
}

.dsh_btm_rgt{
  display:flex;
  align-items:center;
  column-gap:15px;
}
.export_btn a{
  font-size:30px;
  font-weight:300;
  color: var(--white);
  background:var(--blue);
  border-radius: 50px;
  padding:11px 63px;
  transition:all 0.5s;
}

.export_btn a:hover{
  background:var(--sky);
}
/* Dashboard Css End */

/* Order Page Css Start */

.order_rgt_data h2{
  font-family: 'Inter';
  font-size:27px;
  line-height:32px;
  font-weight:300;
  color:var(--black);
}

.order_history_tb .tab-content h2{
  font-family: 'Inter';
  font-size:27px;
  line-height:32px;
  font-weight:300;
  color:var(--black);
  margin-bottom:25px;
}

.order_history_tb{
  margin-top:30px;
}

.tab-content{
  display: none;
}

.order_data_main{
  background:var(--white);
  padding:15px 15px;
  border-radius:20px;
}

.tab-content.current{
  display: inherit;
}

.order_rgt_data ul.tabs{
  display:flex;
  column-gap:20px;
  margin-top:30px;
}

.order_rgt_data ul.tabs li{
  background:var(--white);
  border:1px solid var(--sky);
  border-radius:35px;
  font-family: 'Inter';
  font-weight:400;
  font-size:18px;
  line-height:26px;
  color:var(--black);
  padding:10px 30px;
  cursor:pointer;
}

.order_rgt_data ul.tabs li.current{
  background: var(--blue);
  border:1px solid transparent;
  color:var(--white);
}

.order_data_main table{
  width:100%;
  border-collapse: collapse;
}

.order_data_main table th:first-child{
  border-radius:15px 0 0 15px;
}

.order_data_main table th:last-child{
  border-radius:0 15px 15px 0;
}

.order_data_main table th{
  background:#008FFE;
  text-align:center;
  font-family: 'Inter';
  font-size:18px;
  line-height:24px;
  font-weight:300;
  color:var(--white);
  padding:16px 10px;
}

.order_data_main table td{
  font-family: 'Inter';
  font-size:16px;
  line-height:22px;
  font-weight:300;
  color:var(--black);
  text-align:center;
  padding:8px 0;
  border-right:1px solid var(--black);
}

.order_data_main table td:last-child{
  border-right:0;
}

.order_data_main table tr:nth-child(2) td{
  padding-top:15px;
}

.pay_btn{
  text-align:center;
}

.pay_btn a{
  font-family: 'Inter';
  font-size:22px;
  line-height:30px;
  font-weight:300;
  color:var(--black);
  text-align:center;
  border:1px solid #FF0000;
  border-radius:40px;
  padding:3.5px 41px;
}
/* Order Page Css End */

/* Performance Page Css Start */
.performance_skill_bar{
  margin-top:25px;
}

.performance_skill_row{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  column-gap:25px;
}

.prfmce_skill_rw_itm{
  background:var(--white);
  padding:16px 16px;
  border-radius:22px;
}

.prfmce_skill_rw_itm_tp{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:15px;
}

.prfmce_skill_rw_itm h2{
  font-family: 'Inter';
  font-size:22px;
  line-height:32px;
  font-weight:400;
  color:var(--black);  
}

.prfmce_skill_rw_itm .skill-bar-percent{
  position:initial;
  transform:initial;
  font-family: 'Inter';
  font-weight:600;
  font-size:30px;
  line-height:40px;
  color:var(--black);
}

.prfmce_skill_rw_itm .skillbar{
  background:#E0E0E0;
  height:22px;
}

.prfmce_skill_rw_itm .skillbar-bar{
  background:var(--blue);
  margin:0;
}

.performance_ans_note{
  margin-top:15px;
}

.performance_ans_note p{
  font-family: 'Inter';
  font-size:16px;
  line-height:20px;
  font-weight:300;
  color:var(--black);
}

.prfmce_skill_rw_itm .skill-bar-percent{
  column-gap:5px;
}

.performance_btm_data{
  margin-top:20px;
}

.performance_btm_inr{
  background: var(--white);
  padding:15px 15px;
  border-radius: 30px;
}

.performance_btm_inr table {
  width: 100%;
  border-collapse: collapse;
}

.performance_btm_inr table th {
  background: #008FFE;
  text-align: center;
  font-family: 'Inter';
  font-size: 18px;
  line-height: 24px;
  font-weight: 300;
  color: var(--white);
  padding: 16px 10px;
}

.performance_btm_inr table th:first-child {
  border-radius: 20px 0 0 20px;
}

.performance_btm_inr table th:last-child {
  border-radius: 0 20px 20px 0;
}

.performance_btm_inr table td {
  font-family: 'Inter';
  font-size: 16px;
  line-height: 22px;
  font-weight: 300;
  color: var(--black);
  text-align: center;
  padding: 8px 0;
  border-right: 1px solid var(--black);
}

.performance_btm_inr table td:last-child {
  border-right: 0;
}

.recommendations_btn{
  margin-top:20px;
}

.recommendations_btn a{
  display: flex;
  align-items: center;
  column-gap: 8px;
  font-family: 'Inter';
  font-size:24px;
  line-height:30px;
  font-weight: 300;
  color: var(--black);
  background: var(--white);
  padding:8px 7px;
  border-radius: 20px;
  transition: all 0.5s;
}
/* Performance Page Css End */

/* My Test Page Css Start */
.my_test_imd_data img{
  max-width:100px;
  border-radius:10px;
  height:65px;
  object-fit: cover;
}

.order_data_main table td strong{
  display:block;
  text-align:center;
  font-weight:300;
}

.order_data_main table td a{
  background: var(--blue);
  display: inline-block;
  width:35px;
  height:35px;
  border-radius: 50%;
  display:inline-flex;
  justify-content:center;
  align-items:center;
}

.order_data_main table td a img{
  max-width:20px;
}
/* My Test Page Css End */


/* Courses Page Css Start */
.courses_slider{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  column-gap:20px;
  grid-row-gap:20px;
  margin-bottom: 40px;
}

.courses_slider button{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  background:transparent;
  z-index:111;
  cursor:pointer;
}

.courses_slider button.nxt_arw{
  right:-65px;
}

.courses_slider button.prv_arw{
  left:-65px;
}

.courses_slider .slick-dots{
  display:none !important;
}

.courses_sld_itm{
  background:var(--white);
  padding:15px 15px;
  border-radius: 20px;
}

.courses_sld_img{
  margin-bottom:15px;
}

.courses_sld_img img{
  width:100%;
  display:block;
  border-radius:20px;
  min-height: 175px;
  object-fit: contain;
  object-position: center;
  margin: 0 auto;
}

.courses_rating ul{
  display:flex;
  justify-content:center;
  column-gap:5px;
}

.courses_cnt{
  margin-top:15px;
}

.courses_cnt h2{
  font-family: 'Inter';
  font-size:22px;
  line-height:30px;
  font-weight:600;
  color:var(--sky);
  margin-bottom:16px;
  text-align:center;
}

.pack_type_title {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
  border-bottom: 2px solid #008ffe;
  margin-bottom: 30px;
}

.pack_type_title1{
  font-family: 'Inter';
  font-size:22px;
  line-height:30px;
  font-weight:600;
  color:var(--sky);
  margin-bottom:10px;
  text-align: left;
}

.pack_type_title2{
  font-family: 'Inter';
  font-size:24px;
  line-height:30px;
  font-weight:600;
  margin-bottom:20px;
  text-align: right;
  color: #e55858;
}

.courses_cnt p{
  font-family: 'Inter';
  font-size:18px;
  line-height:26px;
  font-weight:300;
  color:var(--black);
  text-align:center;
}

.enroll_btn{
  text-align:center;
  margin-top:20px;
}

.enroll_btn a{
  font-family: 'Inter';
  font-size:18px;
  line-height:28px;
  font-weight:300;
  color:var(--white);
  background:#008FFE;
  padding:8px 35px;
  transition:all 0.3s;
  border-radius:25px;
  display:inline-block;
}

.enroll_btn a:hover{
  background:var(--blue);
}
/* Courses Page Css End */

/* Settings Page Css Start */
.setting_frm_row{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  column-gap: 25px;
  grid-row-gap:10px;
  margin-bottom:20px;
}

.setting_frm_row:last-child{
  margin-bottom:0;
}

.setting_frm_grp{
  margin-bottom:35px;
}

.setting_frm_row .setting_frm_grp{
  margin-bottom:0;
} 

.setting_frm_grp p{
  font-family: 'Inter';
  font-size:16px;
  line-height:24px;
  font-weight:300;
  color:var(--sky);
  margin-top:10px;
}

.setting_frm_grp label{
  display:block;
  font-family: 'Inter';
  font-size:18px;
  line-height:26px;
  font-weight:300;
  color:var(--black);
  margin-bottom:10px;
}

.setting_frm_grp input{
  display:block;
  width:100%;
  border:0;
  background:var(--white);
  padding:12px 15px;
  font-family: 'Inter';
  font-size:16px;
  line-height:24px;
  font-weight:300;
  color: var(--black);
  border-radius:15px;
}

.setting_frm_grp textarea{
  display:block;
  width:100%;
  border:0;
  background:var(--white);
  padding: 16px 15px;
  font-family: 'Inter';
  font-size: 20px;
  line-height: 28px;
  font-weight: 300;
  color: var(--black);
  border-radius:15px;
  height:100px;
  resize:none;
}

.setting_submit_btn{
  margin-top:32px;
}

.setting_submit_btn input{
  border:0;
  background:var(--blue);
  font-family: 'Inter';
  font-size:18px;
  line-height:26px;
  font-weight:600;
  color: var(--white);
  padding:11.5px 30px 11.5px;
  transition:all 0.5s;
  cursor:pointer;
  border-radius:30px;
}

.setting_submit_btn input:hover{
  background:var(--sky);
}
/* Settings Page Css End */

/* Notification Page Css Start */
.notification_inr{
  background:var(--white);
  border-radius:25px;
  padding:50px 80px;
}

.notification_grp_row{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:40px;
}

.notification_grp_row:last-child{
  margin-bottom:0;
}

.notification_grp p{
  font-family: 'Inter';
  font-size:20px;
  line-height:28px;
  font-weight:300;
  color:var(--black);
}

.notification_grp{
  position:relative;
}

.notification_grp input {
  display: none;
}

.notification_grp input + label {
  display: block;
  width: 48px;
  height: 24px;
  text-indent: -150%;
  clip: rect(0 0 0 0);
  color: transparent;
  user-select: none;
}

.notification_grp label:before,
.notification_grp label:after {
  content: "";
  display: block;
  position: absolute;
  cursor: pointer;
}

.notification_grp label:before {
  width: 100%;
  height: 100%;
  background-color:transparent;
  border-radius: 9999em;
  -webkit-transition:background-color 0.25s ease;
  transition: background-color 0.25s ease;
  border: 2px solid #727272;
}
.notification_grp label:after {
  top:2px;
  left:0px;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background-color:#727272;
  -webkit-transition: left 0.25s ease;
  transition: left 0.25s ease;
}

.notification_grp input:checked + label::before {
  background-color:transparent;
  border:2px solid var(--sky);
}
.notification_grp input:checked + label:after {
  left:26px;
  background-color:var(--sky);
}
/* Notification Page Css End */

.dashboard_rgt_profile{
  display:flex;
  align-items:center;
  justify-content:space-between;
  column-gap:20px;
}

.logout_btn a{
  background:var(--white);
  color:var(--black);
  font-size:20px;
  font-weight:600;
  border-radius: 50px;
  padding:9px 30px;
  transition: all 0.5s;
}

/* Motivation Line Css Start */
.motivation_main{
  float:left;
  width:100%;
  background:var(--blue);
  padding:18px 15px;
  margin-top:39px;
}

.motivation_inr ul{
  display:flex;
  justify-content:center;
  column-gap:200px;
}

.motivation_inr ul li{
  font-family: 'Inter';
  font-size:28px;
  line-height:38px;
  font-weight:300;
  color:var(--white);
  position:relative;
}

.motivation_inr ul li:before {
  content: '';
  position: absolute;
  top: 50%;
  right:-80px;
  width:45px;
  height:45px;
  background-image: url(../img/btm_star.png);
  transform: translateY(-50%);
  background-size:cover;
}

.motivation_inr ul li:after {
  content: '';
  position: absolute;
  top: 50%;
  left:-80px;
  width:45px;
  height:45px;
  background-image: url(../img/btm_star.png);
  transform: translateY(-50%);
  background-size:cover;
}
/* Motivation Line Css End */

/* Avatar Css Start */
.avatar_data_inr{
  display:flex;
  align-items:center;
}

.avtr_data_lft{
  width:45%;
  padding-right:80px;
  border-right:1px solid var(--blue);
}

.avtr_data_rgt{
  padding-left:80px;
}

.avtar_grp_img{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  column-gap:60px;
  row-gap:60px;
}

.avtar_img_itm img{
  width:124px;
  height:124px;
  border-radius:20px;
  object-fit:cover;
  cursor: pointer;
}

.profile-pic {
  width: 200px;
  max-height: 200px;
  display: inline-block;
}

.file-upload {
    display: none;
}
.circle {
  border-radius: 100% !important;
  overflow: hidden;
  width: 128px;
  height: 128px;
  border: 2px solid rgba(255, 255, 255, 0.2);
}

.p-image {
  color: #666666;
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.p-image:hover {
  transition: all .3s cubic-bezier(.175, .885, .32, 1.275);
}

.upload-button {
  cursor:pointer;
}


/* Avatar Css End */

/* Terms Page Css Start */
.terms_main{
  float:left;
  width:100%;
  padding:50px 0;
  background: #F2F2F2;
}

.terms_top{
  padding-bottom:40px;
  border-bottom:1px solid var(--blue);
}

.terms_cnt hr{
  margin:30px 0;
  border: 0;
  height: 1px;
  display: block;
  background: var(--blue);
}

.terms_cnt h1{
  font-family: 'Inter';
  font-size:40px;
  line-height:50px;
  font-weight:800;
  color: var(--blue);
  text-align:left;
  margin-bottom:10px;
}

.terms_cnt p{
  font-family: 'Inter';
  font-size: 22px;
  font-weight: 400;
  color:var(--black);
  text-align:left;
}


.terms_cnt h2{
  font-family: 'Inter';
  font-size:28px;
  line-height:38px;
  font-weight: 600;
  color: var(--blue);
  text-align:left;
  margin-top:30px;
  margin-bottom:15px;
}

.terms_cnt h3{
  font-family: 'Inter';
  font-size: 22px;
  line-height: 34px;
  font-weight: 600;
  color: var(--blue);
  text-align: left;
  margin-top: 20px;
  margin-bottom: 15px;
}

.terms_cnt h2:first-of-type{
  margin-top:0;
}

.terms_cnt p{
  font-family: 'Inter';
  font-size:18px;
  line-height:28px;
  font-weight: 400;
  color:var(--black);
  text-align:left;
  margin-bottom:15px;
}

.terms_cnt ul{
  padding-left:20px;
  margin:15px 0;
}

.terms_cnt ul li{
  font-family: 'Inter';
  font-size: 18px;
  line-height: 28px;
  font-weight: 400;
  color: var(--black);
  text-align: left;
  list-style:disc;
}

.terms_cnt p a{
  color:var(--blue);
}
/* Terms Page Css End */

/* Checkout Page Css Start */
.checkout_main{
  float: left;
  width: 100%;
  padding: 40px 0 0;
  background: #F2F2F2;
  height:auto;
}

.checkout_container{
  max-width:1250px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.checkout_top{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.checkout_top .dsh_title{
  margin-top:0;
}

.checkout_data_inr{
  display:flex;
  column-gap:45px;
  width:100%;
  margin-top:30px;
  min-height: 600px;
}

.checkout_lft{
  width:65%;
}

.checkout_rgt{
  width:35%;
}

.cart_product_details{
  background:var(--white);
  padding:20px 20px 20px;
  border-radius:30px;
}

.checkout_lft table{
  width:100%;
  border-collapse: collapse;
}

.checkout_lft table tr th:first-child{
  text-align:left;
}

.checkout_lft table th{
  font-family: 'Inter';
  font-size: 20px;
  font-weight:600;
  color:var(--black);
  text-align:center;
  padding-bottom:15px;
  border-bottom:1px solid #5E5E5E;
}

.checkout_lft table tr td{
  padding:15px 10px;
  text-align:center;
  border-bottom:1px solid #5E5E5E;
  font-size: 18px;
  color: #000000;
  font-weight: 400;
}

.remove_product a img{
  max-width:25px;
}

.checkout_lft table tr td:first-child{
  text-align:left;
  width:50%;
}

.product_dtl{
  display:flex;
  align-items:center;
  column-gap:15px;
}

.product_dtl_img{
  width:175px;
}

.mob_title{
  display:none;
}

.product_dtl_img img{
  display:block;
  width:100%;
  height:120px;
  object-fit: cover;
  border-radius:15px;
}

.product_dtl_cnt h2{
  font-family: 'Inter';
  font-size:18px;
  font-weight:600;
  color:var(--black);
}

.product_dtl_cnt p{
  font-family: 'Inter';
  font-size:18px;
  color:#8E8E8E;
  font-weight:400;
}

.qty_number {
  display:inline-flex;
  justify-content: space-between;
  align-items: center;
  border:1px solid var(--sky);
  width: 115px;
  padding: 10px;
  border-radius: 30px;
}

.qty_number span{
  font-family: 'Inter';
  font-size:25px;
  color: var(--black);
  font-weight: 600;
  cursor: pointer;
  display: inline-block;
  padding: 2px;
  height: auto;
  line-height: 20px;
}

.qty_number input{
  border:0;
  width:100%;
  font-family: 'Inter';
  font-size:20px;
  color:var(--black);
  font-weight:600;
  text-align:center;
}

.checkout_summary{
  background: var(--white);
  padding:20px 30px 20px;
  border-radius: 30px;
}

.checkout_summary .summary_title{
  padding-bottom:10px;
  border-bottom:1px solid #5E5E5E;
}

.checkout_summary .summery_coupen{
  padding: 20px 0 20px;
  display: flex;
}

.checkout_summary .summery_coupen input[type="text"]{
  background: #f2f2f2;
    padding: 16px 20px;
    border: 0;
    font-family: 'Inter';
    font-size: 18px;
    line-height: 24px;
    border-radius: 50px;
    color: var(--black);
}

.checkout_summary .summery_coupen a{
    background: #0042a4;
    color: #fff;
    padding: 16px 30px;
    border-radius: 50px;
    margin-left: 10px;
}

.checkout_summary .summery_coupen a:hover{
  background: #008FFE;
}

.checkout_summary .summary_title h2{
  font-family: 'Inter';
  font-size:20px;
  font-weight:600;
  color:var(--black);
}

.register_details_checkout{
  margin-bottom:50px;
}

.summery_dtl{
  padding:20px 0 20px;
  border-bottom:1px solid #5E5E5E;
}

.summery_dtl_itm{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.summery_dtl_itm h2{
  font-family: 'Inter';
  font-size:22px;
  font-weight:600;
  color:var(--black);
}

.summery_dtl_itm span{
  font-family: 'Inter';
  font-size:22px;
  font-weight:600;
  color:var(--black);
}

.summary_total{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding-top:20px;
}

.summary_total h2{
  font-family: 'Inter';
  font-size:22px;
  font-weight:600;
  color:var(--black);
}

.summry_total_price span{
  font-family: 'Inter';
  font-size:24px;
  font-weight:600;
  color:var(--black);
}

.checkout_btn{
  margin-top:90px;
}

.checkout_btn button{
  background: var(--blue);
  color: var(--white);
  display:block;
  width:100%;
  padding:16px 15px;
  font-family: 'Inter';
  font-size:18px;
  font-weight:600;
  text-align:center;
  border-radius:35px;
  transition:all 0.5s;
  cursor: pointer;
}

.checkout_btn button:hover{
  background:var(--sky);
}

.upadte_cart_btn{
  margin-top:30px;
}

.upadte_cart_btn a{
  background: var(--sky);
  color: var(--white);
  display:inline-block;
  padding: 14px 50px;
  font-family: 'Inter';
  font-size:18px;
  font-weight:600;
  text-align:center;
  border-radius:35px;
  transition:all 0.5s;
}

.upadte_cart_btn a:hover{
  background:var(--blue);
}
/* Checkout Page Css End */

/* Quiz Css Start */
.quiz_dash_main{
  float: left;
  width: 100%;
  padding: 40px 40px;
  background: #F2F2F2;
  height: 100%;
}

.quiz_dash_inr{
  display:flex;
  column-gap:75px;
}

.quiz_dash_lft{
  background:var(--white);
  padding:20px 20px;
  border-radius:20px;
  width: 17.5%;
}

.quiz_dash_mid{
  width:50%;
}

.quiz_dash_rgt{
  width:24.5%;
}

.quiz_items_no{
  background:var(--white);
}

.quiz_status_itm{
  padding:15px 0;
  border-bottom:1px solid #c9c9c9;
}

.quiz_status_itm:first-child{
  padding-top:0;
}

.quiz_status_itm_tp {
  display:flex;
  justify-content:space-between;
}

.quiz_status_itm_tp span{
  font-family: 'Inter';
  font-size:18px;
  font-weight:400;
  color:#5e5e5e;
}

.quiz_status_icon{
  width:19px;
  height:19px;
  border-radius:50%;
  margin-top:5px;
}

.sucess_ic{
  background:#86FF83;
}

.pending_ic{
  background:#FF9385;
}

.quiz_status_itm ul{
  display:flex;
  column-gap:10px;
  margin-top:3px;
}

.quiz_status_itm ul li{
  font-family: 'Inter';
  font-size:14px;
  font-weight:400;
  color:#5e5e5e;
}

.quiz_dash_mid h1{
  text-align:center;
  font-family: 'Inter';
  font-size:34px;
  color:var(--black);
  font-weight:600;
}

.quiz_items_no{
  margin-top:50px;
  display:flex;
  align-items:center;
  column-gap:20px;
  justify-content:center;
  border-radius: 20px;
  padding: 19px 15px;
}

.quiz_items_no h2{
  text-align:center;
  font-family: 'Inter';
  font-size:22px;
  color:var(--black);
  font-weight:600;
}

.meter {
  background:transparent;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  border-radius: 25px;
  display: block;
  height:22px;
  border:1px solid var(--blue);
  position: relative;
  width:213px;
}

.meter > span {
  display: block;
  height: 100%;
  border-radius: 25px;
  background-color:transparent;
  position: relative;
  overflow: hidden;
  transition: width 2s ease-out;
}

.meter > span {
  background-color:var(--blue);
}

.quiz_dash_exam_progress{
  background: var(--white);
  padding: 28px 25px;
  border-radius: 32px;
}

.quiz_dash_details{
  margin-top:40px;
  display:flex;
  column-gap:10px;
  justify-content: space-between;
  margin-bottom: 120px;
}

.quiz_dash_dtls_lft{
  width:43.5%;
}

.quiz_dash_dtls_rgt{
  width:55%;
}

.quiz_dash_result{
  background: var(--white);
  padding: 28px 25px;
  border-radius: 32px;
  display:flex;
  justify-content:center;
  align-items:center;
  column-gap:15px;
  margin-top:10px;
}

.quiz_dash_result h2{
  font-family: 'Inter';
  font-size:30px;
  font-weight:600;
  color: var(--black);
}

.quiz_dash_exam_progress h2{
  font-family: 'Inter';
  font-size: 32px;
  font-weight: 300;
  color: var(--black);
  margin-bottom: 15px;
  text-align: center;
}

.quiz_dash_exam_progress .circular-chart.orange .circle {
  stroke: var(--blue);
}

.quiz_dash_timing_dtl ul li{
  font-family: 'Inter';
  font-size:24px;
  font-weight: 300;
  color: var(--black);
  margin-bottom:13px;
  display:flex;
  justify-content:space-between;
}

.quiz_dash_timing_dtl ul li:last-child{
  margin-bottom:0;
}

.quiz_dash_timing_dtl{
  background:var(--white);
  border-radius:20px;
  padding:28px 25px;
}

.quiz_dash_btn_grp{
  display:flex;
  align-items:center;
  column-gap:10px;
  margin-top:50px;
}

.quiz_dash_btn_grp a{
  display:inline-block;
  font-family: 'Inter';
  font-size:24px;
  font-weight:600;
  color: var(--white);
  text-align:center;
  padding: 20px 40px;
  border-radius: 40px;
  width:100%;
  transition:all 0.5s;
}

.retake_btn, .review_btn{
  width:50%;
}

.retake_btn a{
  background:var(--blue);
}

.retake_btn a:hover{
  background:var(--sky);
}

.review_btn a{
  background:var(--sky);
  color:var(--black);
}

.review_btn a:hover{
  background:var(--blue);
  color:var(--white);
}


.quiz_dash_chart{
  background:var(--white);
  border-radius:20px;
  padding:15px 15px;
  margin-bottom:12px;
}

.quiz_dash_chart:last-child{
  margin-bottom:0;
}

.quiz_dash_chart h2{
  background:var(--blue);
  color:var(--white);
  padding:11px 15px;
  text-align:center;
  font-family: 'Inter';
  font-size:30px;
  font-weight:600;
  border-radius:15px;
}

.quiz_dash_chart_dtl{
  margin:30px 0;
}

.quiz_dash_chart_dtl img{
  width:100%;
}

.next_prev_btn{
  display:flex;
  column-gap:30px;
  justify-content:center;
}

.next_btn a{
  display:flex;
  align-items:center;
  border:1px solid var(--sky);
  font-family: 'Inter';
  font-size:26px;
  font-weight:600;
  color:var(--black);
  border-radius:25px;
  column-gap:15px;
  width:180px;
  justify-content:center;
  padding:10px 15px;
  transition:all 0.5s;
}

.next_btn a img{
  transition:all 0.5s;
  margin-top:4px;
}

.next_btn a:hover{
  background:var(--blue);
  color:var(--white);
}

.next_btn .active{
  background:var(--blue);
  color:var(--white);
}

.next_btn a:hover img{
  mix-blend-mode: lighten;
  filter: invert(1);
}

.next_btn .active img{
  mix-blend-mode: lighten;
  filter: invert(1);
}

.prev_btn a{
  display:flex;
  align-items:center;
  border:1px solid var(--sky);
  font-family: 'Inter';
  font-size:26px;
  font-weight:600;
  color:var(--black);
  border-radius:25px;
  column-gap:15px;
  width:180px;
  justify-content:center;
  padding:10px 15px;
  background: var(--white);
}

.prev_btn a img{
  transition:all 0.5s;
  margin-top:4px;
}

.prev_btn a:hover{
  background:var(--blue);
  color:var(--white);
}

.prev_btn a:hover img{
  mix-blend-mode: lighten;
  filter: invert(1);
}

.quiz_type_main{
  float: left;
  width: 100%;
  padding:30px 0;
  background: #F2F2F2;
  height: auto;
  position:relative;
}

.quiz_type_container{
  max-width:1250px;
  margin:0 auto;
}

.quiz_type_title h1{
  font-family: 'Inter';
  font-size:30px;
  font-weight:600;
  color:var(--black);
  text-align:center;
}

.quiz_type_status {
  background:var(--white);
  margin-top:30px;
  display: flex;
  align-items: center;
  column-gap: 20px;
  justify-content:space-between;
  border-radius: 20px;
  padding: 19px 15px 19px 40px;
}

.quiz_type_status .quiz_items_no{
  background:transparent;
  padding:0;
  margin-top:0;
}

.quiz_type_timing{
  display:flex;
  align-items:center;
  column-gap:10px;
}

.quiz_type_timing span{
  font-family: 'Inter';
  font-size:22px;
  font-weight:600;
  color:var(--black);
}

.terminer_quiz_btn a{
  background:var(--blue);
  font-family: 'Inter';
  font-size:22px;
  font-weight:600;
  color:var(--white);
  padding:11px 25px;
  border-radius:15px;
  transition:all 0.5s;
}

.terminer_quiz_btn a:hover{
  background:var(--sky);
}

.quiz_type_option{
  margin:30px auto 50px;
  max-width: 100%;
  padding: 0 40px;
}

.quiz_type_option p{
  font-family: 'Inter';
  font-size:18px;
  line-height:28px;
  font-weight:400;
  color:var(--black);
  margin-bottom:20px;
}

.que_name_dv{
  margin-bottom:20px;
}

.que_name_dv h1{
  font-family: 'Inter';
  font-size: 30px;
  line-height:40px;
  font-weight: 600;
  color: var(--black);
  text-align: center;
  margin-bottom: 20px;
}
.que_name_dv h2{
  font-family: 'Inter';
  font-size:28px;
  line-height:38px;
  font-weight:600;
  color: var(--black);
  text-align: center;
  margin-bottom: 20px;
}

.que_name_dv h3{
  font-family: 'Inter';
  font-size:26px;
  line-height:36px;
  font-weight:600;
  color: var(--black);
  text-align: center;
  margin-bottom: 20px;
}

.que_name_dv h4{
  font-family: 'Inter';
  font-size:24px;
  line-height:34px;
  font-weight:600;
  color: var(--black);
  text-align: center;
  margin-bottom: 20px;
}

.que_name_dv h5{
  font-family: 'Inter';
  font-size:22px;
  line-height:32px;
  font-weight:600;
  color: var(--black);
  text-align: center;
  margin-bottom: 20px;
}

.que_name_dv h6{
  font-family: 'Inter';
  font-size:22px;
  line-height:32px;
  font-weight:600;
  color: var(--black);
  text-align: center;
  margin-bottom: 20px;
}

.que_name_dv p, .que_name_dv blockquote, .que_name_dv pre, .que_name_dv ul li, .que_name_dv em, .que_name_dv em, .que_name_dv italic{
  font-family: 'Inter';
  font-size:20px;
  line-height:28px;
  font-weight:400;
  color:var(--black);
  margin-bottom:20px;
  font-style: normal;
}

.que_name_dv ul li{
  list-style:none;
}


.quiz_type_option p:last-child{
  margin-bottom:0;
}

.quiz_option_main{
  margin-top:30px;
}

.quiz_option_itm{
  background:var(--white);
  padding:17px 20px;
  border-radius:50px;
  margin-bottom:15px;
}

.quiz_option_itm:last-child{
  margin-bottom:0;
}

.quiz_option_itm input{
  display:none;
}

.quiz_option_itm label{
  cursor: pointer;
  position: relative;
  padding-left:38px;
  font-family: 'Inter';
  font-size:22px;
  font-weight:400;
  color:var(--black);
  line-height: 26px;
}

.quiz_option_itm label:before {
  content: '';
  position: absolute;
  width:22px;
  height:22px;
  background-color: transparent;
  border:2px solid var(--sky);
  border-radius: 50%;
  top:2px;
  left:0;
  transition: border-color 400ms ease;
}

.quiz_option_itm label:after {
  content:'';
  position: absolute;
  width:12px;
  height:12px;
  border-radius: 50%;
  top:7px;
  left:5.3px;
  transform: scale(0);
  transition: transform 400ms ease;
}

.quiz_option_itm input[type="radio"]:checked + label:after {
  background-color: var(--blue);
  border: 2px solid var(--blue);
  transform:scale(0.9);
}

.btm_quiz_timer{
  text-align: right;
/*  margin-top: -60px;*/
  margin-right: 50px;
  position: absolute;
  bottom:32px;
  right: 0;
}

.btm_quiz_timer .quiz_type_timing{
  display:inline-flex;
  background: var(--white);
  padding: 15px 30px;
  border-radius: 35px;
}

.quiz_audio{
  max-width:1170px;
  margin:50px auto 0;
  background:var(--white);
  padding:20px 30px;
  border-radius:20px;
}

.quiz_audio_inr{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.quiz_audio_inr p{
  font-family: 'Inter';
  font-size:22px;
  font-weight:400;
  color:var(--black);
}

.volume {
  display: flex;
  justify-content: center;
  align-items: center;
}



.volume .bar-hoverbox {
  padding:0px 15px;
  opacity:1;
  transition: opacity 0.2s;
  margin-top: -13px;
}

.volume .bar {
  background: #999;
  height:3px;
  width: 120px;
  border-radius: 15px;
  pointer-events: none;
}
.volume .bar .bar-fill {
  background:var(--black);
  width: 0%;
  height: 100%;
  background-clip: border-box;
  pointer-events: none;
  position: relative;
}

.bar-fill:before {
  content: '';
  position: absolute;
  width:13px;
  height:13px;
  border-radius: 50%;
  background:var(--black);
  right: -2px;
  top: -5px;
}

#progress {
    width: 100%;
    appearance: none;
    height: 22px;
    border-radius: 50px;
    border: 1px solid var(--blue);
    margin: 15px 0 0 ;
}

#progress::-webkit-slider-thumb {
    appearance: none;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}

#progress::-moz-range-progress {
    height: 12px;
    border-radius: 20px;
    background: var(--blue);
}


#volume {
    width: 100%;
    appearance: none;
    height: 3px;
    border-radius: 15px;
    background: linear-gradient(to right, #000 50%, #ccc 50%);
}

#volume::-webkit-slider-thumb {
    appearance: none;
    width: 13px;
    height: 13px;
    border-radius: 50%;
    background: #000;
}

#volume::-moz-range-progress {
    height: 12px;
    border-radius: 20px;
    background: #000;
}


#audio_progressBar div {
  height: 100%;
  text-align: right;
  width: 0;
  background-color:var(--blue);
  box-sizing: border-box;
  border-radius:50px;
}

.quiz_type_two .quiz_option_main{
  margin-top:50px;
}

.quiz_type_two .quiz_type_option h2, .quiz_type_two .quiz_type_option p{
  text-align:center;
}

.quiz_type_two .quiz_option_row{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  column-gap:30px;
  grid-row-gap:15px;
}

.quiz_type_two .quiz_option_itm{
  margin-bottom:0;
}

.pagination_main{
  display:flex;
  justify-content:center;
  align-items:center;
  column-gap:35px;
}

.paginationi_inr{
  display:flex;
  align-items:center;
  column-gap:25px;
  justify-content:center;
}

.paginationi_number ul{
  display:flex;
  column-gap:20px;
}

.paginationi_number ul li a{
  font-family: 'Inter';
  font-size:18px;
  font-weight:400;
  color:var(--black);  
  padding:6px 16px;
  border-radius:13px;
  transition:all 0.6s;
}

.paginationi_number ul li a:hover{
  background:var(--blue);
  color:var(--white);
}

.paginationi_number ul li a.active{
  background:var(--blue);
  color:var(--white);
}

.paginationi_inr .next_btn a, .paginationi_inr .prev_btn a{
  font-size:20px;
}

.paginationi_inr .next_btn a img, .paginationi_inr .prev_btn a img{
  margin-top:2px;
}

.go_page{
  display:flex;
  align-items:center;
  column-gap:15px;
}

.go_page p{
  font-family: 'Inter';
  font-size:18px;
  font-weight:300;
  color:var(--black);  
}

.go_no_bx input{
  width:47px;
  height:26x;
  border:1px solid var(--sky);
  background:var(--white);
   font-family: 'Inter';
  font-size:18px;
  font-weight:300;
  color:var(--black);
  padding:5px;
  border-radius:10px;
  text-align:center; 
}

.go_btn input{
  background:transparent;
  border:0;
  font-family: 'Inter';
  font-size:18px;
  font-weight:300;
  color:var(--black);
  cursor:pointer;  
}

.quiz_img_option{
  display:flex;
  justify-content:space-between;
  margin-top: 30px;
  margin-bottom: 50px;
  max-width: 100%;
  padding: 0 40px;
}

.quiz_img_option .quiz_type_option{
  margin-top:0;
  margin-bottom: 0;
}

.quiz_img_option_lft{
  width:34%;
}

.quiz_img_option_rgt{
  width:54%;
}

.quiz_img_option_cnt{
  padding:10px;
  max-height: 280px;
  overflow: hidden;
  overflow-y: auto;
}

.quiz_img_option_cnt p{
  font-family: 'Inter';
  font-size:16px;
  line-height:22px;
  font-weight:300;
  color:var(--black);
  text-align:justify;
}

.quiz_img_option_itm{
  position:relative;
  padding: 8px;
  background: var(--white);
  border-radius: 35px;
}

.quiz_img_option_itm img{
  width:100%;
  display:block;
}

.plus_ic{
  position:absolute;
  right:15px;
  bottom:15px;
  cursor:pointer;
}

.plus_ic img{
  width:auto;
  max-width:30px;
}

.quiz_img_option_rgt .quiz_type_option h2{
  font-size:38px;
}

.modal-overlay-two{
  display: flex;
  align-items: center;
  justify-content: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5;
  background-color: rgba(0, 0, 0, 0.6);
  opacity: 0;
  visibility: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: opacity 0.7s cubic-bezier(0.55, 0, 0.1, 1), visibility 0.7s cubic-bezier(0.55, 0, 0.1, 1);
  z-index: 999999;
}

.modal-overlay-two.active{
  opacity: 1;
  visibility: visible;
}

.modal-overlay-two {
  z-index:999999;
}

.modal-two {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  width:650px;
  border-radius: 3px;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transform: scale(1.2);
  transition: all 0.6s cubic-bezier(0.55, 0, 0.1, 1);
/*  padding:30px;*/
/*  border-radius:30px;*/
  height: 80%;
}

.modal-two.active {
  visibility: visible;
  opacity: 1;
  transform: scale(1);
}

.modal-two .close-modal-two {
  position: absolute;
  cursor: pointer;
  top: -40px;
  right: 0;
  opacity:1;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  transition: opacity 0.6s cubic-bezier(0.55, 0, 0.1, 1), transform 0.6s cubic-bezier(0.55, 0, 0.1, 1);
  transition-delay: 0.3s;
  color:#fff;
}

.modal-two .close-modal-two i{
  font-size:30px;
}

.modal-two .close-modal-two svg {
  width: 1.75em;
  height: 1.75em;
}

.modal-two .modal-content {
  opacity: 0;
  background:#ffffff;
  height: 100%;
  overflow-y: auto;
  border-radius: 30px;
}

.modal_cnt_txt {
  height: 100%;
  padding:30px;
}

.quiz_type_main.quiz_type_nine {
  height: 100vh;
}

.modal-two.active .modal-content{
  opacity: 1;
  width:100%;
}

.modal-two.active ..close-modal-two{
  transform: translateY(10px);
  opacity: 1;
}

.modal_img img{
  width:100%;
  display:block;
}

.modal_cnt_txt p{
  font-family: 'Inter';
  font-size:20px;
  line-height:30px;
  font-weight:300;
  color:var(--black);
  text-align:justify;
}


.quiz_txt_type{
  margin:30px 0 50px;
  max-width: 100%;
  padding: 0 40px;
}

.quiz_txt_cnt, .quiz_txt_cnt p, .quiz_txt_cnt h1, .quiz_txt_cnt h2, .quiz_txt_cnt h3, .quiz_txt_cnt h4, .quiz_txt_cnt h5, .quiz_txt_cnt h6,
.quiz_txt_cnt ul li, .quiz_txt_cnt pre, .quiz_txt_cnt blockquote, .quiz_txt_cnt em, .quiz_txt_cnt italic{
  font-family: 'Inter';
  font-size:20px;
  line-height:1.6;
  font-weight:400;
  color:var(--black);
}

.quiz_txt_cnt .nice-select{
  display: inline-block;
  float: initial;
  height:40px;
  line-height:40px;
  width: 262px;
  border-radius:10px;
  border:2px solid var(--blue) !important;
  font-family: 'Inter';
  font-size:18px;
  font-weight:400;
  color:var(--black);
  margin:5px 5px;
}

.quiz_txt_cnt .nice-select .list{
  width:100%;
  padding:0px 15px;
  border-radius:22px;
}

.nice-select:after{
  border-bottom: 3px solid #0042a4 !important;
  border-right: 3px solid #0042a4 !important;
  width:9px !important;
  height:9px !important;
  top:42% !important;
}

.quiz_txt_cnt .nice-select .option{
  padding:5px 0px;
  border-bottom:1px solid #8E8E8E;
}

.quiz_txt_cnt .nice-select .option:hover, .quiz_txt_cnt .nice-select .option.selected.focus{
  background:transparent !important;
}
/* Quiz Css End */

/*****edit by adi*****/
.quiz_imgtype_option ul{width: 920px; margin: 35px auto; display: grid; grid-template-columns: 1fr 1fr; column-gap: 15px; row-gap: 15px;}
.quiz_imgtype_option ul li{background: #fff; border-radius:31px; padding:15px; display: inline-block;}
.quiz_option_img{width: 240px;  border-right: solid 2px var(--sky); padding-right: 20px; display:inline-block; float: left; margin-right:20px; }
.quiz_option_img img{width: 100%;}
.quiz_option_rd{display:inline-block; width: auto; display: inline-block; float: left; text-align: center; position: relative; margin-top: 30px;}
li .quiz_option_itm_img_wd label{display:flex; padding-left: 0; align-items: center;justify-content:space-around;}
.quiz_option_itm_img_wd label .quiz_option_rd:before{
  content: '';
  position: absolute;
  width:22px;
  height:22px;
  background-color: transparent;
  border: 2px solid var(--sky);
  border-radius: 50%;
  top: -36px;
  left: 50%;
  margin-left:-16px;
  transition: border-color 400ms ease;
}
.quiz_option_itm_img_wd label .quiz_option_rd:after {
  content: '';
  position: absolute;
  width:12px;
  height:12px;
  border-radius: 50%;
  top: -31px;
  left: 50%;
  transform: scale(0);
  transition: transform 400ms ease;
  margin-left: -11px;
}
.quiz_option_itm_img_wd input[type="radio"]:checked + label .quiz_option_rd:after {
    background-color: var(--blue);
    border: 2px solid var(--blue);
    transform: scale(0.9);
}


.quiz_option_itm_img_wd{
  background:var(--white);
  padding:10px 10px;
  border-radius:50px;
  margin-bottom:15px;
}

.quiz_option_itm_img_wd:last-child{
  margin-bottom:0;
}

.quiz_option_itm_img_wd input{
  display:none;
}

.quiz_option_itm_img_wd label{
  cursor: pointer;
  position: relative;
  padding-left:50px;
  font-family: 'Inter';
  font-size:22px;
  font-weight:400;
  color:var(--black);
}

.quiz_type_seven .quiz_img_option{
  max-width: 100%;
  padding: 0 40px;
  margin:30px auto 50px;
  column-gap:40px;
  align-items:center;
}

.quiz_type_seven .quiz_img_option_lft{
  width:50%;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  column-gap:20px;
  grid-row-gap:20px;
}

.quiz_type_seven .quiz_img_option_lft .quiz_img_option_itm{
  border:1px solid var(--blue);
  background: transparent;
}

.quiz_type_seven .quiz_img_option_rgt{
  width:48%;
}

.quiz_type_seven .quiz_img_option_cnt h2{
  font-family: 'Inter'; 
  font-size:20px;
  color:var(--black);
  margin-bottom:10px;
  text-align:center;
}


.quiz_eight_opt_row .nice-select{
  display: inline-block;
  float: initial;
  height:40px;
  line-height:40px;
  width: 560px;
  border-radius:10px;
  border:2px solid var(--blue) !important;
  font-family: 'Inter';
  font-size:20px;
  font-weight:400;
  color:var(--black);
  height: auto;
  line-height: 28px;
  padding:4px 30px 4px 18px;
}

.quiz_eight_opt_row .nice-select span{
  overflow:hidden;
  word-break: break-word;
  white-space: normal;
  min-height: initial;
  line-height: 20px;
}

.quiz_eight_opt_top_text{
  margin-bottom:30px;
}

.quiz_eight_opt_top_text h2{
  font-family: 'Inter';
  font-size: 26px;
  font-weight:500;
  color: var(--black);
}

.quiz_eight_opt_row .nice-select .list{
  width:100%;
  padding:0px 15px;
  border-radius:22px;
}

.quiz_eight_opt_row .nice-select .option{
  padding:8px 0px;
  border-bottom:1px solid #8E8E8E;
  font-size:20px;
  word-break: break-word;
  white-space: normal;
  min-height: initial;
  line-height: 25px;
}

.quiz_eight_opt_row .nice-select .option:hover, .quiz_eight_opt_row .nice-select .option.selected.focus{
  background:transparent !important;
}

.quiz_eight_opt{
  margin:30px 0 50px;
  max-width:100%;
  padding:0 40px;
}

.quiz_eight_opt_row{
  display:flex;
  justify-content:center;
  column-gap:50px;
  align-items:center;
  margin-bottom:35px;
}

.quiz_eight_opt_row:last-child{
  margin-bottom:0;
}

.quiz_eight_lft{
  width:50%;
}

.quiz_eight_opt_row h2{
  font-family: 'Inter';
  font-size: 26px;
  font-weight: 600;
  color: var(--black);
  text-align: left;
  line-height: 32px;
}

.quiz_type_nine .quiz_img_option{
  max-width: 1528px;
  margin: 80px auto 60px;
  column-gap: 40px;
  align-items: center;
}

.quiz_type_nine .quiz_img_option_lft {
  width:48%;
  column-gap: 20px;
  grid-row-gap: 20px;
}

.quiz_type_nine  .quiz_img_option_rgt {
  width: 48%;
}

.quiz_type_nine .quiz_img_option .quiz_img_option_itm{
  height:418px;
  padding:30px;
  font-weight:400;
  line-height:30px;
  background:transparent;
  border:1px solid var(--blue);
}

.quiz_type_ten .quiz_option_row {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 30px;
  grid-row-gap: 15px;
}

.quiz_type_ten h2{
  text-align:center;
  margin-bottom:40px;
}

.quiz_type_ten h2 span{
  display:inline-block;
  width:180px;
  border-bottom:2px solid var(--black);
}

.quiz_type_ten .quiz_option_itm {
  margin-bottom: 0;
}

.quiz_instruction{
  margin:50px 0;
}

.quiz_instruction h2, .quiz_instruction h1, .quiz_instruction h3, .quiz_instruction h4, .quiz_instruction h5, .quiz_instruction h6{
  font-family: 'Inter';
  font-size:34px;
  line-height:44px;
  font-weight: 600;
  color: var(--black);
  text-align:center;
  margin-bottom:20px;
}

.quiz_instruction_itm{
  background:var(--white);
  border-radius:30px;
  padding:40px;
}

.quiz_instruction_itm p{
  font-family: 'Inter';
  font-size:22px;
  font-weight:300;
  color:#000000;
}

.quiz_instruction_itm li{
  font-family: 'Inter';
  font-size:22px;
  font-weight:300;
  color:#FF6666;
  margin-bottom:40px;
  padding-left:60px;
  position:relative;
}

.quiz_instruction_itm li:before{
  content:'';
  position:absolute;
  top:10px;
  left:0;
  width:16px;
  height:16px;
  background:var(--blue);
  border-radius:50%;
}

.quiz_instruction_itm li:last-child{
  margin-bottom:0;
}

.mobile_login_btn{
  margin-top:30px;
}

.mobile_login_btn .login_btn{
  column-gap:15px;
}

.mobile_login_btn .login_btn a {
  display:inline-block;
  background: var(--white);
  color: var(--blue);
  font-family: 'Inter';
  font-size: 22px;
  font-weight: 600;
  padding: 8px 55px;
  border-radius: 30px;
  transition: all 0.5s;
}

/* Mobile Filter Css Start */
.login header{
  display:none;
}

.mobile_filter_main {
  top: 0;
  position: fixed;
  left: -320px;
  background: #fff;
  width: 320px;
  height: 100%;
  transition: .5s;
  -webkit-transition: .5s;
  z-index: 9999;
  bottom: 0;
  visibility: visible;
}

.mobile_filter_main.active {
  left: 0;
  transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  -moz-transition: .3s;
  padding: 0;
  background: #fff;
  position: fixed;
  opacity: 1;
  display: block;
  z-index: 99999;
}

.mobile_filter_inr_data {
  height: 100vh;
  position: relative;
  z-index: 999999;
  background: #fff;
  overflow-y: scroll;
}

.filter_close {
  position: absolute;
  top: 15px;
  right: 20px;
  cursor: pointer;
}

.filter_close span{
  font-size:24px;
}

.mobile_filter{
  display:none;
  background: var(--blue);
  color:var(--white);
  padding:10px 35px;
  font-family: 'Inter';
  font-size:22px;
  border-radius:15px;
}

.mobile_filter_inr_data .dsh_lft_menu{
  display:block;
  margin-top:60px;
}

.quiz_dash_check_ic img{
  display:block;
}
/* Mobile Filter Css End */

/* 404 Page Css Start */

.error_page_main{
  float:left;
  width:100%;
  padding:83px 0px;
  background:#F2F2F2;
  border-top:1px solid rgb(184 183 183 / 49%);
  position: relative;
}

.error_page_main .title_top{
  max-width:540px;
  text-align: center;
  margin: 0 auto;
}

.error_page_main .title_top h1 {
  color: var(--purple);
  font-family: 'Inter';
  font-size: 42px;
  font-weight:600;
  line-height:52px;
  text-align: center;
  letter-spacing: 1px;
  position: relative;
  margin-bottom:30px;
}

.error_page_main .title_top h1 span{
  color: var(--purple);
  font-family: 'Inter';
  font-size:60px;
  font-weight: 500;
  line-height:70px;
  text-align: center;
  letter-spacing: 1px;
  display: block;
}

.error_page_main .title_top p{
  margin-bottom:0;
  color: #303030;
  font-family: 'Inter';
  font-size:24px;
  font-weight: 400;
  line-height:36px;
}

.error_page_main .title_top a {
  display: inline-block;
  background: var(--blue);
  padding:15px 52px;
  border-radius: 10px;
  color: var(--white);
  font-family: 'Inter';
  font-size:22px;
  font-weight:400;
  transition: all 0.6s;
  margin-top: 30px;
}

.error_page_main .title_top a:hover {
  background:var(--sky);
  color: var(--white);
}

.vali {
  color: red;
  font-size:18px;
  text-align: center;
  padding-top: 10px;
}

.login_frm_grp .vali {
  text-align:left;
  padding-left:20px;
}

.success_msg{
  color: green;
  font-size: 19px;
  padding-top: 10px;
  font-weight: bold;
}
#responseMsg1{
  display: inline-block;
  margin-left: 15px;
}
.inactive{
  opacity: 0.5;
  pointer-events: none;
}
/* 404 Page Css End */

/* Bar Css */
.chart-wrapper {
  display: flex;
  font-family: Arial, sans-serif;
  height: 300px;
  padding:10px 10px 0;
}

.y-axis {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 10px;
  border-right: 2px solid #333;
  color: #666;
  font-family: 'Inter';
}

.chart-area {
  display: flex;
  align-items: flex-end;
  gap: 40px;
  padding-left: 20px;
  border-bottom: 2px solid #333;
  flex-grow: 1;
  /* Optional: Add grid lines background here */
}

.bar-group {
  display: flex;
  align-items: flex-end;
  gap: 5px;
  height: 100%;
  position: relative;
}

.bar {
  width: 35px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  transition: height 1s ease-out; /* Animation */
  height: 0; /* Start at 0 for animation */
}

.blue { background-color: #2196F3; }
.red { background-color: #FF8A80; }

.axis-label {
  position: absolute;
  bottom: -25px;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: 'Inter';
}
/* Bar Css */
canvas {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  background-color: #ffffff; 
  height: auto !important;
  width: 100% !important;
  /*aspect-ratio: 4.6 / 2.3;*/
  font-family: 'Inter';
}
.error_msg {
  position: fixed;
  width: 100%;
  background: red;
  text-align: center;
  color: #fff;
  font-size: 24px;
  padding: 10px;
  z-index: 99999999;
  font-weight: bold;
}
.error-border{
  border: 1px solid red !important;
}
.error-border2{
  border-bottom: 2px solid red !important;
}

.no_course_found{
  background: #ff4c4c;
  text-align: center;
  color: #fff;
  padding: 10px;
  border-radius: 15px;
  font-size: 20px;
  margin: 54px 0;
}

.success_mc{
  position: fixed;
  top: 0;
  width: 100%;
  text-align: center;
  background: green;
  color: #fff;
  padding: 15px;
  font-size: 20px;
  z-index: 99999999;
}

.error_mc{
  position: fixed;
  top: 0;
  width: 100%;
  text-align: center;
  background: red;
  color: #fff;
  padding: 15px;
  font-size: 20px;
  z-index: 99999999;
}
.checkoutlogin_msg .checkout_lft{
  width: 100%;
}

.checkoutlogin_msg .checkout_lft .cart_product_details {
  color: red;
  font-size: 23px;
}

.checkoutlogin_msg .checkout_lft .cart_product_details a{
  color: #fff;
  background: #0042a4;
  font-size: 20px;
  padding: 10px 20px;
  display: inline-block;
  border-radius: 15px;
  margin-top: 20px;
}

.explication_cnt .quiz_instruction_itm li{
  color:var(--black);
}

.quiz_information{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:80px auto 60px;
  max-width:1333px;
}

.quiz_information_lft{
  width:34%;
}

.quiz_information_rgt{
  width:54%;
}

.quiz_information_cnt ul li{
  font-family: 'Inter'; 
  font-size:22px;
  line-height:34px;
  color:#000000;
  margin-bottom:26px;
  list-style: square;
}

.quiz_information_cnt ul li:last-child{
  margin-bottom:0;
}

.quiz_information_cnt p{
  font-family: 'Inter'; 
  font-size:18px;
  line-height:26px;
  color:#000000;
}

.quiz_information_btm{
  display:flex;
  column-gap:25px;
  margin-top:40px;
}

.quiz_information_btm a{
  display:inline-block;
  background: var(--blue);
  font-family: 'Inter';
  font-size:24px;
  font-weight: 600;
  color: var(--white);
  padding:7px 25px;
  border-radius: 15px;
  transition: all 0.5s;
  width: 233px;
  border-radius: 30px;
  text-align: center;
}

.quiz_type_resultats{
  float: left;
  width: 100%;
  padding:30px 0;
  background: #F2F2F2;
  height: 100%;
  position: relative;
}

.quiz_type_title{
  margin-bottom:30px;
}

.quiz_type_resultats_title h1 {
  font-family: 'Inter';
  font-size: 30px;
  font-weight: 600;
  color: var(--black);
  text-align: center;
}

/* 06-01-2026 */

.quiz_type_resultats_inr{
  max-width:1600px;
  margin:30px auto 0;
  display:flex;
  column-gap:38px;
}

.quiz_type_rslts_inr_lft{
  width:60%;
}

.quiz_type_rslts_inr_rgt{
  width:40%;
  height: 60vh;
  position: sticky; /* Sticky Sidebar: stays visible within the viewport while scrolling.
 */
  top: 5vh; /* adds spacing from the top edge */
}

.type_rslts_cnt {
  display: none;
  margin-top: 0;
  padding: 20px 20px;
}

#type_rslts_toggle_main > li{
  margin-bottom:20px;
}

#type_rslts_toggle_main li:last-child{
  margin-bottom:0;
}

.type_rslts_cnt_top {
  background: #00BDFF;
  border-radius: 20px;
  padding: 12px 25px;
  display: flex;
  justify-content: space-between;
  cursor:pointer;
}

.type_rslts_cnt_top_lft{
  display:flex;
  align-items:center;
  column-gap:40px;
}

.type_rslts_cnt_top_rgt{
  display:flex;
  column-gap:120px;
  align-items:center;
}

.type_rslts_review{
  display:flex;
  column-gap:25px;
}

.type_rslts_cnt_top_lft h2{
  font-family: 'Inter';
  font-size:24px;
  line-height:30px;
  font-weight:700;
  color:var(--white); 
}

.type_rslts_review h2{
  font-family: 'Inter';
  font-size:24px;
  line-height:30px;
  font-weight: 600;
  color:var(--white); 
}

.type_rslts_review ul{
  display:flex;
  align-items:center;
  column-gap:5px;
}

.tyle_rslts_icon{
  width: 40px;
  height: 40px;
  border-radius: 10px;
  background-color:#86FF83;
}

#type_rslts_toggle_main li:nth-child(even) .tyle_rslts_icon{
  background-color:#FF9385;
}

.type_rslts_cnt_main{
  background:var(--white);
  border-radius: 26px;
}

.type_rslts_cnt p{
  font-family: 'Inter';
  font-size:17px;
  line-height:26px;
  font-weight: 600;
  color:var(--black); 
  margin-bottom:20px;
  text-align: justify;
}

.type_rslts_difficuite{
  display:flex;
  align-items:center;
  margin-bottom:15px;
  column-gap:12px;
}

.type_rslts_difficuite:last-child{
  margin-bottom:0;
}

.type_rslts_opt_cnt p{
  font-family: 'Inter';
  font-size:17px;
  line-height:26px;
  font-weight: 600;
  color:var(--black); 
  margin-bottom:0;
}

.type_rslts_opt{
  display:flex;
  column-gap:10px;
}

.type_rslts_opt span{
  width:32px;
  height:32px;
  display:flex;
  justify-content:center;
  align-items:center;
  border:1px solid var(--black);
  border-radius:50%;
  font-size:16px;
  color:var(--black);
  font-family: 'Inter';
}

/*.type_rslts_difficuite.active .type_rslts_opt span:first-child{
  background:#0042A4;
  color:var(--white);
  border:1px solid transparent;
}*/

.type_rslts_difficuite.active .type_rslts_opt span:last-child{
  background:#00BDFF;
  border:1px solid transparent;
}

.type_rslts_difficuite.active .type_rslts_opt_cnt p{
  color:#00BDFF;
}

.quiz_type_tab{
  background:var(--white);
  padding:15px 15px;
  border-radius:20px;
}

.quiz_type_tab .tabs-nav{
  display:flex;
  column-gap:10px;
}

.quiz_type_tab .tabs-nav li{
  width: calc(100% / 3);
}

.quiz_type_tab .tabs-nav a{
  background:#F2F2F2;
  border-radius:14px;
  font-size:18px;
  line-height:28px;
  color:var(--black);
  padding:12px 15px;
  display:block;
  text-align:center;
  transition:all 0.5s;
}

.quiz_type_tab .tabs-nav a:hover{
  background:var(--blue);
  color:var(--white);
}

.quiz_type_tab .tabs-nav .tab-active a{
  background:#008FFE;
  color:var(--white);
}

.quiz_results_title {
    border-radius: 14px;
    font-size: 18px;
    line-height: 28px;
    padding: 12px 15px;
    display: inline-block;
    text-align: center;
    transition: all 0.5s;
    background: #008FFE;
    color: var(--white);
}

.quiz_type_tab .tabs-stage p {
    font-family: 'Inter';
    font-size: 22px;
    line-height: 28px;
    color: var(--black);
    word-break:break-word;
}

.quiz_type_tab .tabs-stage {
    margin-top: 30px;
}

.quiz_rslt_tab{
  margin-top:30px;
}

.quiz_rslt_tab_itm{
  display:flex;
  column-gap:25px;
  padding:0;
  border-bottom:1px solid var(--black);
}

.quiz_rslt_tab_itm:last-child{
  border-bottom:0;
}

.quiz_rslt_icon{
  margin-top:6px;
}

.success_icon{
  width:32px;
  height:32px;
  border-radius:10px;
  background-color:#86FF83;
}

.empty_icon{
  width:32px;
  height:32px;
  border-radius:10px;
  border:1px solid var(--black);
}

.wrong_icon{
  width:32px;
  height:32px;
  border-radius:10px;
  background-color:#FF9385;
}

.quiz_rslt_tab_itm p{
  font-family: 'Inter';
  font-size:22px;
  line-height:28px;
  color:var(--black);
}

.quiz_rslt_tab_itm ul{
  padding-left:20px;
}

.quiz_rslt_tab_itm ul li{
  font-family: 'Inter';
  font-size:28px;
  line-height:34px;
  color:var(--black);
  list-style:disc;
}

/* Test Page Css Start */
.tests_bnr_main{
  float:left;
  width:100%;
  background:#F2F2F2;
  padding-bottom:80px;
}

.tests_bnr_container{
  width:100%;
  margin:0 auto;
  max-width:1300px;
}

.tests_bnr_img img{
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 37px;
  aspect-ratio: 17 / 5.86;
}

.tests_pg_main{
  float:left;
  width:100%;
  background:#F2F2F2;
  padding-bottom: 80px;
  position:relative;
}

.tests_pg_main:before{
  content:'';
  position:absolute;
  top:0;
  left:0;
  width:441px;
  height:865px;
  background-image:url(../img/test_lft_shape.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

.tests_pg_main:after{
  content:'';
  position:absolute;
  top:62px;
  right:0;
  width:409px;
  height:865px;
  background-image:url(../img/test_rgt_shape.png);
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
}

.tests_cnt_container{
  width:100%;
  margin:0 auto;
  max-width:1250px;
  position:relative;
  z-index:999;
}

.tests_faq_cnt {
  display: none;
  margin-top:20px;
  margin-bottom:20px;
}

.tests_toggle_cnt{
  background:var(--white);
  padding:50px 50px;
  border-radius:30px;
}

#tests_faq > li:nth-child(1) .tests_faq_main h2,
#tests_faq > li:nth-child(2) .tests_faq_main h2,
#tests_faq > li:nth-child(3) .tests_faq_main h2,
#tests_faq > li:nth-child(4) .tests_faq_main h2,{
  position:relative;
  font-family: 'Inter';
  font-size:52px;
  line-height:64px;
  font-weight:600;
  color:var(--black);
}

#tests_faq > li:nth-child(1),
#tests_faq > li:nth-child(2),
#tests_faq > li:nth-child(3),
#tests_faq > li:nth-child(4){
  margin-bottom:50px;
}

#tests_faq > li:nth-child(1) .tests_faq_main > h2,
#tests_faq > li:nth-child(2) .tests_faq_main > h2,
#tests_faq > li:nth-child(3) .tests_faq_main > h2,
#tests_faq > li:nth-child(4) .tests_faq_main > h2{
  margin-bottom:20px;
  border:0;
  padding:0;
}

#tests_faq li:last-child .tests_faq_main > h2{
  border-bottom:2px solid var(--sky);
}

.tests_faq_main > h2{
  position:relative;
  font-family: 'Inter';
  font-size:28px;
  line-height:38px;
  font-weight:800;
  color:var(--blue);
  border-top:2px solid var(--sky);
  padding:17px 0;
  cursor:pointer;
}

.tests_faq_main h2:before {
  content:'';
  position: absolute;
  right: 0;
  background:url(../img/down-aero.png);
  width:30px;
  height:30px;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  transition: all 0.4s ease;
  top: 50%;
  transform: translateY(-50%);
}

.tests_faq_cnt p{
  font-family: 'Inter';
  font-size:20px;
  line-height:30px;
  color:var(--black);
  font-weight:500;
  margin-bottom:15px;
}

.tests_faq_cnt p:last-child{
  margin-bottom:0;
}

.tests_faq_cnt ol li{
  font-family: 'Inter';
  font-size:20px;
  line-height:30px;
  color:var(--black);
  font-weight:400;
  list-style:auto;
  list-style-position:inside;
  margin-bottom:0 !important;
}

.tests_faq_cnt table{
  border-collapse:collapse;
  width:100%;
  margin-bottom:40px;
}


.tests_faq_cnt table tr th{
  background:var(--sky);
  padding:12px 15px;
  font-family: 'Inter';
  font-size:20px;
  line-height:28px;
  color:var(--white);
  font-weight:400;
  text-align: left;
}

.tests_faq_cnt table tr td p{
  font-size:18px;
  line-height:28px;
}

.tests_faq_cnt table tr:first-child th:first-child{
  border-radius: 27px 0 0 0;
}

.tests_faq_cnt table tr:first-child th:last-child{
  border-radius: 0 27px 0 0;
}

.tests_faq_cnt table tr:first-child td:first-child{
  border-radius: 27px 0 0 0;
}

.tests_faq_cnt table tr:first-child td:last-child{
  border-radius: 0 27px 0 0;
}

.tests_faq_cnt table tr td{
  padding:12px 15px;
  font-family: 'Inter';
  font-size:18px;
  line-height:28px;
  color:var(--black);
  font-weight:400;
  border:2px solid var(--sky);
}

.tests_faq_cnt table tr td p{
  font-family: 'Inter';
  font-size:18px;
  line-height:28px;
  color:var(--black);
  font-weight:400;
}

.tests_faq_cnt table tr td p strong{
  font-weight:400;
}

.tests_faq_cnt table tr:first-child td{
  background:var(--sky);
  padding:12px 15px;
  font-family: 'Inter';
  font-size:20px;
  line-height:30px;
  color:var(--white);
  font-weight:600;
  border:0;
}

.tests_faq_cnt table tr:first-child td p{
  color:var(--white);
  font-size: 20px;
  line-height:26px;
}

.tests_faq_cnt ul{
  padding-left:20px;
  margin-bottom:20px;
}

.tests_faq_cnt ul li:last-child{
  margin-bottom:0 !important;
}

.tests_faq_cnt ul li{
  font-family: 'Inter';
  font-size: 20px;
  line-height:30px;
  color: #606060;
  font-weight: 400;
  margin-bottom:10px;
  list-style:disc;
}

.tests_faq_cnt ul li strong{
  font-weight:800;
  color:var(--black);
}

.tests_faq_cnt h3{
  font-family: 'Inter';
  font-size: 22px;
  line-height:32px;
  font-weight: 600;
  color:var(--black);
  margin-bottom: 10px;
}
/* Test Page Css End */

/* TEF Page Css Start */
.tef_container{
  width:100%;
  max-width:1250px;
  margin:0 auto;
}

.prepare_tef_main{
  float:left;
  width:100%;
  background:#F2F2F2;
}

.prepare_tef_inr{
  background:var(--white);
  border-radius:45px;
  padding:35px 0;
}

.prepare_tef_inr_cnt{
  max-width:90%;
  margin:0 auto;
}

.prepare_tef_inr_cnt h1{
  font-family: 'Inter';
  font-size: 38px;
  line-height: 48px;
  color:var(--blue);
  font-weight:800;
  text-align:center;
  margin-bottom:30px;
}

.prepare_tef_inr_cnt p{
  max-width:1030px;
  margin:0 auto;
  font-family: 'Inter';
  font-size:24px;
  line-height:34px;
  color:#606060;
  font-weight:400;
  text-align:center;
}

.prepare_tef_btm_btn{
  display:flex;
  justify-content:center;
  margin-top:40px;
  column-gap:20px;
}

.prepare_tef_btm_btn a.browse_btn{
  background:transparent;
  font-family: 'Inter';
  font-size:18px;
  line-height:28px;
  color:var(--black);
  font-weight:500;
  padding:18px 65px;
  border-radius: 50px;
  transition:all 0.5s;
  border:1px solid var(--sky);
}

.prepare_tef_btm_btn a.browse_btn:hover{
  background:var(--sky);
  color:var(--white);
  border:1px solid transparent;
}

.prepare_tef_btm_btn a.start_tst_btn{
  background:var(--blue);
  font-family: 'Inter';
  font-size:18px;
  line-height:28px;
  color:var(--white);
  font-weight:500;
  padding:18px 20px;
  border-radius: 50px;
  transition:all 0.5s;
  border:1px solid transparent;
}

.prepare_tef_btm_btn a.start_tst_btn:hover{
  background:transparent;
  color:var(--blue);
  border:1px solid var(--blue);
}

.tef_module{
  float:left;
  width:100%;
  padding:80px 0;
  background:#F2F2F2;
}

.tef_module_inr{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  column-gap:80px;
  grid-row-gap:80px;
}

.tef_module_itm{
  background:var(--white);
  padding:45px 40px 45px 40px;
  border-radius:45px;
  border:1px solid var(--sky);
}

.tef_module_itm h2{
  font-family: 'Inter';
  font-size:32px;
  line-height:42px;
  color:var(--blue);
  font-weight:800;
  margin-bottom:15px;
}

.tef_module_itm p{
  font-family: 'Inter';
  font-size:22px;
  line-height:32px;
  color:#606060;
  font-weight:400;
}

.view_module_btn{
  margin-top:30px;
}

.view_module_btn a{
  display:inline-block;
  background: var(--blue);
  font-family: 'Inter';
  font-size:18px;
  line-height: 28px;
  color: var(--white);
  font-weight:500;
  padding:15px 54px;
  border-radius: 50px;
  transition: all 0.5s;
  border: 1px solid transparent;
}

.view_module_btn a:hover{
  background:transparent;
  border:1px solid var(--blue);
  color:var(--blue);
}

.tef_test_pack{
  float:left;
  width:100%;
  background:#F2F2F2;
  padding-bottom:100px;
}

.tef_test_pack h2{
  font-family: 'Inter';
  font-size:38px;
  line-height:48px;
  color: var(--blue);
  font-weight:800;
  text-align:center;
}

.tef_test_pck_rw{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  column-gap:30px;
  margin-top:50px;
   perspective: 1000px;
}

.tef_test_pck_rw_itm{
  perspective: 1000px;
  position:relative;
}

.tef_test_pck_rw_itm.tef_test_active .tef_test_pck_rw_itm_inr:before {
  content: '';
  position: absolute;
  top:25.5%;
  right: 22px;
  width: 60px;
  height: 66px;
  background: url(../img/tag_start.png);
  background-size: cover;
  background-repeat: no-repeat;
  z-index: 1;
}

.tef_test_pck_rw_itm.tef_test_active:hover .tef_test_pck_rw_itm_inr:before{
  right:initial;
  left:22px;
      transform: rotate(-180deg);
}

.tef_test_pck_rw_itm_inr{
  padding:60px 30px 30px;
  border:1px solid var(--sky);
  border-radius:40px;
  background:linear-gradient(131deg, rgba(0, 66, 164, 0.30) 0%, rgba(242, 242, 242, 4) 23%, rgb(242 242 242) 80%, rgb(0 143 254 / 19%) 100%);
  transform-style: preserve-3d;
  transform: rotateY(0);
  transition: 0.7s;
  position: relative;
}

.tef_test_pck_rw_itm.tef_test_active .tef_test_pck_rw_itm_inr{
  background: linear-gradient(90deg, rgba(0, 66, 164, 1) 20%, rgba(0, 143, 254, 1) 100%);
  position: relative;
  overflow: hidden;
  border: 0;
}

.tef_test_pck_rw_itm.tef_test_active .tef_test_pck_cnt li p{
  color:var(--white);
}

.tef_test_pck_rw_itm.tef_test_active .tef_module_pck_tag{
  top: -36px;
  right: -72px;
}

.tef_test_pck_rw_itm.tef_test_active .tef_test_pck_rw_itm_inr span,
.tef_test_pck_rw_itm.tef_test_active .tef_test_pck_rw_itm_inr h2,
.tef_test_pck_rw_itm.tef_test_active .tef_test_pck_rw_itm_inr .tef_test_pck_cnt li{
  color:var(--white);
}

.tef_test_pck_rw_itm.tef_test_active .tef_test_pck_rw_itm_inr .tef_test_pck_cnt li:before {
  filter: brightness(0) invert(1);
}

.tef_test_pck_rw_itm.tef_test_active  .tef_start_btn a {
    background-color: var(--white);
    color: var(--blue);
}

.tef_test_pck_rw_itm:hover .tef_test_pck_rw_itm_inr{
  transform: rotateY(180deg);
}

.tef_test_pck_rw_itm:hover .short_pck_rnd {
  opacity: 0;
  display: none;
}

.tef_test_pck_rw_itm:hover .flip-card-back {
  opacity: 1;
  display: block;
  transform: rotateY(-180deg);
  backface-visibility: visible;
}

.tef_test_pck_rw_itm span{
  display:inline-block;
  font-family: 'Inter';
  font-size:26px;
  line-height:34px;
  color: var(--blue);
  font-weight:800;
  margin-bottom:20px;
  min-height: 68px;
}

.tef_test_pck_rw_itm h2{
  display:inline-block;
  font-family: 'Inter';
  font-size:22px;
  line-height:30px;
  color: var(--black);
  font-weight: 600;
  margin-bottom:0;
  text-align:left;
  position:relative;
  min-height:90px;
}

/*.tef_test_pck_rw_itm h2:before{
  content:'';
  position:absolute;
  bottom:-28px;
  left:0;
  width:50%;
  height:1px;
  background:var(--blue);
}*/


.tef_test_pck_rw_itm .tef_module_pck_mid h2{
  min-height:initial;
}
.tef_test_pck_rw_itm .tef_module_pck_mid h2:before{
  content:none;
}

.tef_test_pck_cnt{
  min-height:360px;
}

.tef_test_pck_cnt li{
  font-family: 'Inter';
  font-size:18px;
  line-height:28px;
  color:#818384;
  font-weight:400;
  text-align:left;
  padding-left: 28px;
  margin-bottom:20px;
  position:relative;
}

.tef_test_pck_cnt ul li:before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 18px;
  height: 11px;
  background: url(../img/check-icon.png);
}

.tef_test_pck_cnt p{
  font-family: 'Inter';
  font-size:18px;
  line-height:26px;
  color:var(--black);
  font-weight:600;
  position:relative;
  text-align:left;
  margin-bottom:20px;
}

.tef_test_pck_cnt p:last-child{
  margin-bottom:0;
}

.tef_start_btn{
  margin-top:38px;
}

.tef_start_btn a{
  background: var(--blue);
  font-family: 'Inter';
  font-size:16px;
  line-height:26px;
  color: var(--white);
  font-weight:600;
  padding: 12px 20px;
  border-radius: 50px;
  transition: all 0.5s;
  border: 1px solid transparent;
  width: 100%;
  display: block;
  text-align: center;
}

.tef_start_btn a:hover{
  background:transparent;
  border:1px solid var(--blue);
  color:var(--blue);
}

.tef_module_pack {
  float: left;
  width: 100%;
  background: #F2F2F2;
  padding-bottom:100px;
}

.tef_module_pack h2 {
  font-family: 'Inter';
  font-size:38px;
  line-height: 52px;
  color: var(--blue);
  font-weight:800;
  text-align: center;
}

.tef_module_pck_rw{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap:30px;
  grid-row-gap:50px;
  margin-top:50px;
}

.tef_module_pck_rw_itm {
  padding:60px 20px 30px;
  border: 1px solid var(--sky);
  border-radius: 40px;
  background: linear-gradient(131deg, rgba(0, 66, 164, 0.30) 0%, rgba(242, 242, 242, 4) 23%, rgb(242 242 242) 80%, rgb(0 143 254 / 19%) 100%);
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  justify-content: space-between;
}

.tef_module_pck_rw_itm.tef_tag_active{
  background: linear-gradient(90deg, rgba(0, 66, 164, 1) 20%, rgba(0, 143, 254, 1) 100%);
  position:relative;
  overflow:hidden;
  border:0;
}

.tef_module_pck_rw_itm.tef_tag_active:before{
  content:'';
  position:absolute;
  top: 21.5%;
  right: 22px;
  width: 60px;
  height: 66px;
  background:url(../img/tag_start.png);
  background-size:cover;
  background-repeat:no-repeat;
}

.tef_module_pck_rw_itm.tef_tag_active .tef_module_pck_top span{color:var(--white);}
.tef_module_pck_rw_itm.tef_tag_active  p{color:var(--white);}
.tef_module_pck_rw_itm.tef_tag_active .tef_module_pck_mid h2{color:var(--white);}
.tef_module_pck_rw_itm.tef_tag_active .tef_module_pck_cnt ul li{color:var(--white);}
.tef_module_pck_rw_itm.tef_tag_active .tef_module_pck_cnt ul li:before{mix-blend-mode: plus-lighter;filter: invert(1);}
.tef_module_pck_rw_itm.tef_tag_active .tef_start_btn a{background-color:var(--white);color:var(--blue);}

.tef_module_pck_tag{
  display: inline-block;
  font-family: 'Inter';
  font-size:18px;
  line-height:28px;
  color: var(--blue);
  font-weight: 700;
  background: var(--white);
  text-align: center;
  height: 36px;
  transform: rotate(45deg);
  position: absolute;
  right: -37px;
  width: 164px;
  top: 27px;
}

.tef_module_pck_top{
  margin-bottom:30px;
}

.tef_module_pck_top span {
  display: inline-block;
  font-family: 'Inter';
  font-size:26px;
  line-height:34px;
  color: var(--blue);
  font-weight:800;
  margin-bottom:15px;
  min-height:72px;
}

.tef_module_pck_top p{
  font-family: 'Inter';
  font-size:16px;
  line-height:26px;
  color:#7F7F7F;
  font-weight: 400;
  text-align: left;
}

.tef_module_pck_mid h2 {
  display: inline-block;
  font-family: 'Inter';
  font-size:40px;
  line-height:50px;
  color: var(--black);
  font-weight:800;
  text-align: left;
  position: relative;
  margin-bottom:15px;
}

.tef_module_pck_mid p{
  font-family: 'Inter';
  font-size:20px;
  line-height:30px;
  color:#818384;
  font-weight: 400;
}

.tef_module_pck_cnt{
  margin-top:30px;
  min-height: 380px;
}

.tef_module_pck_cnt ul li {
  font-family: 'Inter';
  font-size:18px;
  line-height:28px;
  color:#818384;
  font-weight: 400;
  position:relative;
  padding-left:28px;
  margin-bottom:10px;
}

.tef_module_pck_cnt p{
  font-family: 'Inter';
  font-size:18px;
  line-height:26px;
  color:var(--black);
  font-weight:600;
  position:relative;
}

.tef_module_pck_cnt ul li:before{
  content:'';
  position:absolute;
  top:9px;
  left:0;
  width:18px;
  height:11px;
  background:url(../img/check-icon.png);
}

.tef_module_pck_cnt ul li:last-child{
  margin-bottom:0;
}
/* TEF Page Css End */

.payment_process_table{
  margin-top:40px;
  background: var(--white);
  padding: 22px 22px;
  border-radius: 30px;
}

.payment_process_row{
  display:flex;

  grid-template-columns:repeat(4, 1fr);
  margin-bottom:15px;
}

.payment_process_row:last-child{
  margin-bottom:0;
}

.payment_process_label{
  max-width: 250px;
  width: 100%;
  background: #008FFE;
  text-align: center;
  font-family: 'Inter';
  font-size:18px;
  line-height:28px;
  font-weight:400;
  color: var(--white);
  padding:12px 10px;
}

.payment_process_data{
  background:var(--white);
  text-align: center;
  font-family: 'Inter';
  font-size:16px;
  line-height:26px;
  font-weight:400;
  color: var(--black);
  padding:12px 10px;
 
}

.payment_process_row .process_data_name{
  width:20%;  
}

.payment_process_inr{
  display:flex;
  column-gap: 45px;
  position:relative;
}

.order_summary_table {
  width: 65%;
}
.order_total_table {
  width: 35%;
}

.order_summary_table {
  background: var(--white);
  padding:30px 30px 30px;
  border-radius: 30px;
  margin-top:30px;
}

.order_summary_table table{
  width:100%;
  border-collapse: collapse;
}

.order_summary_table table tr th:first-child {
  text-align: left;
}

.order_summary_table table th {
  font-family: 'Inter';
  font-size:20px;
  font-weight: 600;
  color: var(--black);
  text-align: center;
  padding-bottom:10px;
  border-bottom: 1px solid #5E5E5E;
}

.order_summary_table table tr td:first-child {
  text-align: left;
  width: 50%;
}

.order_summary_table table tr td .product_dtl_cnt h2{
  margin-bottom:0;
}

.order_summary_table table tr td {
  font-family: 'Inter';
  font-size:18px;
  line-height: 30px;
  font-weight:400;
  color: var(--black);
  text-align: center;
  padding:10px 0;
  border-bottom: 1px solid #5E5E5E;
}

.order_total_table {
  background: var(--white);
  padding:30px 30px 30px;
  border-radius: 30px;
  margin-top:40px;
}

.order_total_table table{
  width:100%;
  border-collapse: collapse;
}

.order_total_table table tr td:first-child{
  text-align:left;
}

.order_total_table table tr td:last-child{
  text-align:left;
  padding:14px 10px;
  width: 120px;
}

.order_total_table table td {
  font-family: 'Inter';
  font-size:20px;
  line-height:30px;
  font-weight:400;
  color: var(--black);
  text-align: center;
  padding:14px 0;
}

.no_order_found {
  font-size: 18px;
  color: red;
}

.order_total_table table td span{
  font-size:22px;
  font-weight:500;
}

.register_details_checkout .summary_title {
  padding-bottom:6px;
  border-bottom: 1px solid #5E5E5E;
  margin-bottom: 40px;
}
.register_details_checkout .summary_title h2 {
  font-family: 'Inter';
  font-size: 22px;
  font-weight: 600;
  color: var(--black);
}

.checkout_ic{
  position: relative;
}

.checkout_ic a {
  display:inline-block;
}

.checkout_ic a img{
  max-width:52px;
}

.checkout_ic span{
  position: absolute;
  background: #000;
  right: -5px;
  color: #fff;
  padding: 5px 10px;
  border-radius: 50%;
  top: -5px;
  font-size:12px;
  font-family: 'Inter';
}

#resultChart{border-radius: 32px;
  padding:25px 25px;
}

.order_history_btm_btn{
  margin-top:30px;
}

.order_history_btm_btn a{
  background: var(--blue);
  color: var(--white);
  display:inline-block;
  padding:13px 30px;
  font-family: 'Inter';
  font-size:18px;
  font-weight: 500;
  text-align: center;
  border-radius: 35px;
  transition: all 0.5s;
  cursor: pointer;
}

.order_history_btm_btn a:hover {
  background: var(--sky);
}
.model-two-txt{
  height:50%;
}

.quiz_option_itm_img_wd label .plus_ic img{
  max-width:32px;
}

.quiz_option_itm_img_wd label .plus_ic{
  bottom:-17px;
  top:initial;
  transform:initial;
  left:initial;
  right:0;
  margin:0 auto;
  text-align:center;
}

.quiz_option_itm_img_wd label .quiz_option_img{
  position:relative;
}

.model-two-img{
  height:70%;
}

.model-two-img .modal-content{
  display: flex;
  align-items: center;
  justify-content: center;
}

.model-two-img .modal-content .modal_img{
  width: 95%;
  height: auto;
}

.model-two-img .modal_img img{
  max-height: 600px;
  object-fit: contain;
}

/*.checkout_main .motivation_main{
  position:fixed;
  bottom:0;
}*/

.quiz_type_resultats_container{
  max-width: 1250px;
  margin: 0 auto;
}

.download_invocie {
  background: #0042a4;
  color: #fff;
  padding: 15px;
  display: inline-block;
  margin-top: 30px;
  border-radius: 24px;
  float: right;
}

.quiz_audio_timer_data{
  display: flex;
  align-items: center;
  column-gap: 10px;
  justify-content: flex-end;
  margin-top:10px;
}

#audio_timer_data {
  font-family: 'Inter';
  font-size: 22px;
  font-weight: 600;
  color: var(--black);
  text-align:right;
}

.four_opt_main{
  align-items:flex-start !important;
}

.four_opt_rgt .quiz_imgtype_option ul{
  display:grid;
  grid-template-columns:repeat(1, 1fr);
  width:100%;
  margin-top: 0;
}

.four_opt_rgt .quiz_imgtype_option ul li .quiz_option_itm_img_wd{
  padding:0;
}

.four_opt_rgt .quiz_option_img > img{
  height:100px;
  object-fit:cover;
}

.four_opt_rgt .quiz_imgtype_option ul li .quiz_option_itm_img_wd .quiz_option_img {
  width: 200px;
}

.logo_foot {
  margin-bottom: 30px;
}

.helpcenter_btn{
  display: flex;
  width: 100%;
  justify-content: center;
  margin: 30px 0;
  gap: 30px;
}

.helpcenter_btn a{
  background: #0042a4;
  color: #fff;
  padding: 15px 30px;
  border-radius: 25px;
  font-size: 20px;
  text-align: center;
}

.helpcenter_btn a:hover{
  background: #008ffe;
}

.que_name_dv.que_border, .quiz_txt_cnt.que_border{
  border: 2px solid #606060;
  padding: 15px;
}


.four_p_main{
  margin-top:30px;
}

.que_name_dv p:last-child{
  margin-bottom:0;
}

.write_speak_iframe{
  float:left;
  width:100%;
  margin:30px 0 50px;
}

#pdf-container{
  width:100%;
  display:block;
  aspect-ratio:12.5 /16;
  user-select: none;
  -webkit-user-select: none;
  background: #525659;
  overflow-y: auto;
}

.write_speak_top h1 {
  font-family: 'Inter';
  font-size: 32px;
  font-weight: 600;
  color: var(--black);
  text-align: left;
  text-transform: uppercase;
  margin-bottom:5px;
}

.write_speak_top p{
  font-family: 'Inter';
  font-size: 18px;
  line-height: 28px;
  color: #818384;
  font-weight: 400;
}

.write_speak_top{
  margin-bottom:15px;
}

.back_btn{
  margin-bottom:15px;
  text-align:right;
}

.back_btn a{
  font-family: 'Inter';
  font-size: 18px;
  line-height: 28px;
  font-weight: 300;
  color: var(--white);
  background: #008FFE;
  padding: 8px 35px;
  transition: all 0.3s;
  border-radius: 25px;
  display: inline-block;
}

.back_btn a:hover {
  background: var(--blue);
}

.review_main{
  float:left;
  width:100%;
  padding-bottom:150px;
}

.review_main h2{
  font-family: 'Inter';
  font-size: 38px;
  font-weight: 800;
  color: var(--blue);
  text-align: center;
}

.review_slider{
  margin:50px -20px 0 !important;
}

.review_slider button{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  cursor:pointer;
  z-index:9999;
  background:transparent;
}

.review_slider button.slick-disabled{
  opacity:0.3;
}

.review_slider button.menu_lft{
  left:-40px;
}

.review_slider button.menu_rgt{
  right:-40px;
}

.review_slider button img{
  max-width:50px;
}

.review_itm{
  background:var(--white);
  padding:45px 20px;
  border:3px solid var(--sky);
  border-radius:60px 0 60px 0;
  margin: 10px 20px;
  box-shadow: 0px 2px 10px 0px rgb(112 112 112 / 80%);
}

.review_itm_cnt p{
  font-family: 'Inter';
  font-size:16px;
  line-height:26px;
  font-weight: 400;
  color: #606060;
  text-align: left;
  height:200px;
  overflow-y:auto;
}

.review_itm_cnt p::-webkit-scrollbar {
  width:10px;
  -webkit-appearance: none;
}

.review_itm_cnt p::-webkit-scrollbar-thumb {
  background-color:#0042a4;
  border-radius: 10px;
  border:2px solid #ffffff;
}

.review_itm_cnt p::-webkit-scrollbar-track {
  border-radius: 10px;
  background-color: #ffffff;
}

.review_itm_btm{
  margin-top:40px;
  display:flex;
  align-items: center;
  justify-content:space-between;
}

.review_btm_lft{
  display:flex;
  align-items:center;
  column-gap:15px;
}

.review_img img{
  display:block;
  width:60px;
  height:60px;
  border-radius:50%;
}

.review_name h2{
  font-family: 'Inter';
  font-size:22px;
  line-height:32px;
  font-weight:500;
  color:var(--black);
  text-align:left;
}

.review_name p{
  font-family: 'Inter';
  font-size:14px;
  line-height:24px;
  font-weight: 400;
  color: #606060;
  text-align: left;
}

.review_btm_rgt{
  margin-top:4px;
}

.review_btm_rgt ul{
  display:flex;
  align-items:center;
  column-gap:4px;
}

.review_btm_rgt ul li img{
  display:block;
}

.hm_about_main{
  float:left;
  width:100%;
  padding-top:150px;
}

.hm_about_inr{
  display:flex;
  align-items:center;
  justify-content: space-between;
}

.hm_about_ift {
  width: 42%;
  position: relative;
}

.hm_about_rgt {
  width: 48%;
}

.hm_about_ift:before {
  content: '';
  position: absolute;
  top: -64px;
  left:0px;
  width: 468px;
  height: 644px;
  background-image: url(../img/bnr_rgt_bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.hm_about_img img {
  display: block;
  z-index: 9;
  position: relative;
}

.hm_about_cnt h2{
  font-family: 'Inter';
  font-size:74px;
  color:var(--blue);
  font-weight:800;
  margin-bottom:20px;
  position:relative;
  display:inline-block;
}

.hm_about_cnt h2:before{
  content:'';
  position:absolute;
  top: 58%;
  right: -65px;
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background: var(--blue);
  transform: translateY(-50%);
}

.hm_about_cnt p {
  font-family: 'Inter';
  font-size: 20px;
  line-height: 30px;
  font-weight: 400;
  color: #606060;
  text-align: left;
  margin-bottom:30px;
}

.hm_about_cnt p:last-child{
  margin-bottom:0;
}

.hm_about_ift .circle{
  width: 148px;
  height: 148px;
  position: absolute;
  left: -70px;
  top: 89px;
}

.tef_cnd_structure{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  column-gap:40px;
  grid-row-gap:40px;
  margin-top:50px;
}

.tef_cnd_str_itm{
  background:linear-gradient(131deg, rgba(0, 66, 164, 0.30) 0%, rgb(255 255 255) 23%, rgb(255 255 255) 80%, rgb(0 143 254 / 19%) 100%);
  border: 1px solid var(--sky);
  border-radius: 40px;
  padding:40px 40px;
}

.tef_cnd_str_title h2{
  padding-bottom:0;
  border-bottom:0;
  margin-bottom:10px;
  font-family: 'Inter';
  font-size:32px;
  line-height:1.2;
  font-weight:800;
  color: var(--blue);
}

.tef_cnd_str_title p{
  font-family: 'Inter';
  font-size:24px;
  line-height: 32px;
  color:var(--black);
  font-weight:500;
}

.tef_cnd_str_title h2:before{content:none;}

.tef_cnd_str_itm_top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:30px;
}

.tef_cnd_str_icon img{
  display: block;
  max-width: 90px;
  min-height: 95px;
  object-fit: contain;
  max-height: 95px; 
}

.tef_cnd_str_itm_cnt ul li {
  font-family: 'Inter';
  font-size: 20px;
  line-height: 30px;
  color: #606060;
  font-weight: 400;
  margin-bottom: 10px;
  list-style: disc;
}

.tests_faq_cnt ul li ul li{
  list-style: circle;
}

.tests_faq_cnt ol li ul{
  padding-left:60px;
}

.tests_faq_cnt ol li ul li{
  list-style: circle;
  list-style-position:outside;
}

.tests_faq_cnt p a{
  color:var(--blue);
}

.tests_faq_cnt h3{
  font-family: 'Inter';
  font-size:26px;
  line-height:36px;
  font-weight:800;
  color:var(--black);
  margin-top: 30px;
}

.tests_faq_cnt h3:first-of-type{
  margin-top:0;
}

.tests_faq_cnt ol li strong{
  color:var(--black);
}

.tests_faq_cnt ol li:marker{color:var(--black);}


#pdf-container {
  width: 100%;
  text-align: center;
}

#pdf-render-area canvas {
  max-width: 100%;
  height: auto;
  box-shadow: 0 0 10px rgba(0,0,0,0.2);
}

.pdf-controls {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
  align-items: center;
  margin-bottom:40px;
}

.pdf-controls button,
.pdf-controls a {
  cursor: pointer;
}

#page-input {
  width: 120px;
  padding: 9px;
  font-family: 'Inter';
  font-size: 16px;
  font-weight: 400;
}

.pdf-controls a, .pdf-controls button{
  background: var(--blue);
  color: var(--white);
  font-family: 'Inter';
  font-size: 16px;
  font-weight: 400;
  padding: 8px 25px;
  border-radius: 30px;
  transition: all 0.5s;
}

.pdf-controls a:hover, .pdf-controls button:hover{
  background: var(--sky);
}

.pdf-controls input{
  background:transparent;
  border:1px solid var(--blue);
  background:var(--white);
}

.pdf-controls input::placeholder{
  font-family: 'Inter';
  font-size: 16px;
  font-weight: 400;
}

/* PDF Loader Css Start*/
#pdf-loader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
 
.loader-box {
  text-align: center;
}
 
.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #ddd;
  border-top: 5px solid #333;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin: 0 auto 10px;
}
 
@keyframes spin {
  100% { transform: rotate(360deg); }
}
 
/* PDF Loader Css End */

.mock_close{
  margin-top: -27px;
  text-align: right;
  background: #0042a4;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  margin-left: auto;
  margin-right: -5px;
  cursor:pointer;
}

.first_mock.active{
  display:none;
}

.nice-select .option{
  font-size:18px;
}

/* 12-05-2026 */
.tef_exam_guide{
  float:left;
  width:100%;
  margin:80px 0;
}

.tef_exam_guide_inr{
  display:flex;
  column-gap: 50px;
  align-items:center;
  justify-content:space-between;
}

.tef_exam_guide_lft{
  width:45%;
}

.tef_exam_guide_rgt{
  width:55%;
}

.tef_exam_guide_lft span{
  display:inline-flex;
  align-items:center;
  column-gap:10px;
  font-family: 'Inter';
  font-size: 20px;
  font-weight: 400;
  color: #000000;
}

.tef_exam_guide_lft h1{
  font-family: 'Inter';
  font-size: 58px;
  font-weight:800;
  color:var(--blue);
  line-height:1.2;
  margin:15px 0;
}

.tef_exam_guide_lft p{
  font-family: 'Inter';
  font-size: 20px;
  font-weight: 400;
  color: #606060;
  text-align: left;
  line-height: 1.6;
}

.tef_exam_guide_lft h1 strong{
  color:var(--sky);
}

.tef_exam_guide_rgt_inr{
  background:linear-gradient(131deg, #a5cff0b5 8%, rgba(242, 242, 242, 4) 27%, rgb(242 242 242) 77%, #a5cff0e6 100%);
  border:1px solid var(--sky);
  border-radius:40px;
  padding:35px 40px;
}

.tef_exam_guide_rgt_inr span{
  font-family: 'Inter';
  font-size: 20px;
  font-weight: 400;
  color: #000000;
  text-align:center;
  display:block;
}

.glance_rw{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  column-gap:20px;
  grid-row-gap:20px;
  margin:30px 0;
}

.glance_itm{
  border:1px solid var(--sky);
  padding:30px;
  background:var(--white);
  border-radius:20px;
  text-align:center;
}

.glance_itm h2{
  font-family: 'Inter';
  font-size:40px;
  font-weight: 800;
  color: var(--blue);
  text-align: center;
}

.glance_itm p{
  font-family: 'Inter';
  font-size: 20px;
  font-weight: 400;
  color: #606060;
  text-align:center;
}

.tef_exam_guide_rgt_inr ul li{
  font-family: 'Inter';
  font-size: 18px;
  line-height: 28px;
  color: #000000;
  font-weight: 400;
  text-align: left;
  padding-left: 28px;
  position:relative;
}

.tef_exam_guide_rgt_inr ul li:before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 18px;
  height: 11px;
  background: url(../img/check-icon.png);
}

.tef_exam_guide_btn{
  display:flex;
  column-gap:15px;
  align-items:center;
  margin-top:30px;
}

.tef_mini_tst_btn{
  background: var(--blue);
  font-family: 'Inter';
  font-size:18px;
  line-height:1.6;
  color: var(--white);
  font-weight:500;
  padding: 12px 20px;
  border-radius: 50px;
  transition: all 0.5s;
  border: 1px solid transparent;
  text-align: center;
}

.tef_mini_tst_btn:hover {
  background: transparent;
  border: 1px solid var(--blue);
  color: var(--blue);
}

.tef_exp_btn{
  background:transparent;
  font-family: 'Inter';
  font-size:18px;
  line-height:1.6;
  color:var(--black);
  font-weight:500;
  padding: 12px 25px;
  border-radius: 50px;
  transition: all 0.5s;
  border: 1px solid var(--sky);
  text-align: center;
}

.tef_exp_btn:hover{
  background:var(--sky);
  border:1px solid transparent;
  color:var(--white);
}

.tef_cnd_structure_main{
  float:left;
  width:100%;
}

.tef_cnd_str_itm_cnt ul {
  padding-left: 20px;
  margin-bottom: 20px;
}

.tef_cnd_structure_title{
  margin-bottom:40px;
}

.tef_cnd_structure_title h2{
  font-family: 'Inter';
  font-size:38px;
  line-height:1.2;
  font-weight: 800;
  color: var(--blue);
  text-align: center;
  margin-bottom:15px;
}

.tef_cnd_structure_title p{
  font-family: 'Inter';
  font-size: 20px;
  line-height:1.6;
  font-weight: 400;
  color: #606060;
  text-align: center;
}

.grading_systm_main{
  float:left;
  width:100%;
  margin:80px 0;
}

.grading_systm_title{
  margin-bottom:40px;
}

.grading_systm_title h2{
  font-family: 'Inter';
  font-size:38px;
  line-height:1.2;
  font-weight: 800;
  color: var(--blue);
  text-align: center;
  margin-bottom:15px;
}

.grading_systm_title p{
  font-family: 'Inter';
  font-size: 20px;
  line-height:1.6;
  font-weight: 400;
  color: #606060;
  text-align: center;
}

.grading_sub_title{
  font-family: 'Inter';
  font-size: 22px;
  line-height:1.6;
  font-weight:600;
  color:var(--blue);
  text-align: center;
}

.grading_systm_row{
  margin-top:30px;
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  column-gap:50px;
}

.grading_systm_row_itm{
  background:linear-gradient(131deg, #a5cff0bd -2%, rgba(242, 242, 242, 4) 27%, rgb(242 242 242) 84%, #a5cff099 100%);
  border: 1px solid var(--sky);
  border-radius: 40px;
  padding: 35px 40px;
}

.grading_systm_itm_top_cnt{
  text-align:center;
  margin-bottom:40px;
}

.grading_systm_itm_top_cnt h2{
  font-family: 'Inter';
  font-size:28px;
  line-height:1.2;
  font-weight:600;
  color: var(--blue);
  margin-bottom:15px; 
}

.grading_systm_itm_top_cnt p{
  font-family: 'Inter';
  font-size: 20px;
  line-height:1.6;
  font-weight: 400;
  color: #606060;
}

.grading_systm_cnt_col{
  display:flex;
  column-gap:10px;
  align-items: flex-start;
  padding-bottom:15px;
  border-bottom:1px solid var(--blue);
  margin-bottom:15px;
}

.grading_systm_cnt_col:last-child{
  margin-bottom:0;
  border-bottom:0;
  padding-bottom: 0;
}

.grading_systm_icon img{
  display:block;
  max-width: 28px;
  object-fit: contain;
}

.grading_systm_dtl h3{
  font-family: 'Inter';
  font-size:22px;
  line-height:1.2;
  font-weight:600;
  color: var(--blue);
  margin-bottom:5px; 
}

.grading_systm_dtl p{
  font-family: 'Inter';
  font-size: 20px;
  line-height: 1.6;
  font-weight: 400;
  color: #606060;
}

.grading_systm_txt ul{
  margin-top:30px;
}

.grading_systm_txt li{
  padding-left:25px;
  margin-bottom:25px;
  position:relative;
}

.grading_systm_txt li:before{
  content:'';
  position:absolute;
  top:8px;
  left:0;
  width:12px;
  height:12px;
  background:var(--blue);
}

.grading_systm_txt li h3{
  font-family: 'Inter';
  font-size:22px;
  line-height:1.2;
  font-weight:600;
  color: var(--blue);
  margin-bottom:5px; 
}

.grading_systm_txt p{
  font-family: 'Inter';
  font-size:18px;
  line-height:1.6;
  font-weight: 400;
  color: #606060;
}

.assessment_process{
  float:left;
  width:100%;
}

.assessment_process_top{
  text-align:center;
  margin-bottom:40px;
}

.assessment_process_top h2{
  font-family: 'Inter';
  font-size: 38px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--blue);
  margin-bottom:15px; 
}

.assessment_process_top p{
  font-family: 'Inter';
  font-size: 20px;
  line-height:1.6;
  font-weight: 400;
  color: #606060;
}

.assessment_process_inr{
  background: linear-gradient(131deg, #a5cff0bd -2%, rgba(242, 242, 242, 4) 27%, rgb(242 242 242) 84%, #a5cff099 100%);
  border: 1px solid var(--sky);
  border-radius: 40px;
  padding: 35px 40px;
}

.assessment_process_row{
  display:flex;
  align-items:center;
  justify-content:space-between;
}

.assment_prcss_lft{
  width:50%;
}

.assment_prcss_rgt{
  width:38%;
}

.assment_prcss_lft h3{
  font-family: 'Inter';
  font-size:24px;
  line-height:1.2;
  font-weight:600;
  color: var(--blue);
  margin-bottom:5px;  
}

.assment_prcss_lft p{
  font-family: 'Inter';
  font-size:18px;
  line-height:1.6;
  font-weight: 400;
  color: #606060;
}

.assment_prcss_rgt p{
  font-family: 'Inter';
  font-size:18px;
  line-height:1.2;
  font-weight: 400;
  color: #606060;
  text-align:right;
}

.assessment_process_table{
  margin:50px 0;
}

.assessment_process_table table{
  border-collapse:collapse;
  width:100%;
}

.assessment_process_table table th{
  padding:10px 15px;
}

.assessment_process_table table th:nth-child(1){
  background:var(--blue);
  border-radius:20px 0 0 20px;
}
.assessment_process_table table th:nth-child(2){
  background:#1762BC;
}
.assessment_process_table table th:nth-child(3){
  background:#2879C9;
}
.assessment_process_table table th:nth-child(4){
  background:#3B95E0;
}
.assessment_process_table table th:nth-child(5){
  background:#47A8EA;
}
.assessment_process_table table th:nth-child(6){
  background:#64C0FF;
  border-radius:0 20px 20px 0;
}

.assessment_process_table table th h3{
  font-family: 'Inter';
  font-size:26px;
  line-height:1.2;
  font-weight:600;
  color: var(--white);
  display:flex;
  align-items:center;
  justify-content:center;
  column-gap:5px;
}

.assessment_process_table table th p{
  font-family: 'Inter';
  font-size:18px;
  line-height:1.2;
  font-weight: 400;
  color: var(--white);
}

.assessment_process_table table td{
  padding:10px 15px;
}

.assessment_process_table table td h3{
  font-family: 'Inter';
  font-size:18px;
  line-height:1.2;
  font-weight:600;
  color: var(--blue);
  text-align:center;
  display:flex;
  align-items:center;
  justify-content:center;
  column-gap:5px;
}

.assessment_process_table table td p{
  font-family: 'Inter';
  font-size:14px;
  line-height:1.6;
  font-weight: 400;
  color: var(--sky);
  text-align:center;
}

.assessment_process_cnt ul{
  padding-left:20px;
}

.assessment_process_cnt ul li{
  font-family: 'Inter';
  font-size:18px;
  line-height:1.2;
  font-weight: 400;
  color: var(--blue);
  list-style:disc;
}

.tef_score_main{
  float:left;
  width:100%;
  margin:80px 0;
}

.tef_score_title{
  text-align:center;
  margin-bottom: 40px;
}
.tef_score_title span{
  font-family: 'Inter';
  font-size:20px;
  line-height:1.4;
  font-weight: 400;
  color: var(--black);
}

.tef_score_title_txt{
  display:flex;
  justify-content:center;
  align-items:center;
  column-gap:50px;
  margin:20px 0;  
}

.tef_score_title_txt h2{
  font-family: 'Inter';
  font-size: 38px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--blue);
}

.tef_score_title_txt h2 strong{
  color:var(--sky);
}

.tef_score_title p{
  font-family: 'Inter';
  font-size: 20px;
  line-height: 1.6;
  font-weight: 400;
  color: #606060;
}

.tef_score_table table{
  width:100%;
  border-collapse: separate;
  border: 2px solid var(--sky);
  border-radius: 40px;
  border-top: 0;
  border-spacing: 0;
  overflow: hidden;
  margin-bottom:50px;
}

.tef_score_table tr th{
  background:var(--blue);
  padding:12px 20px;
}

.tef_score_table tr th h2{
  font-family: 'Inter';
  font-size:22px;
  line-height:1.2;
  font-weight:600;
  text-transform:uppercase;
  color:var(--white);
}

.tef_score_table tr th p{
  font-family: 'Inter';
  font-size:16px;
  line-height:1.6;
  font-weight: 400;
  color:var(--white);
}

.tef_score_table tr td{
  padding:17px 20px;
  font-family: 'Inter';
  font-size:20px;
  line-height:1.6;
  font-weight: 400;
  color:var(--blue);
  text-align:center;
  border-right:2px solid var(--sky);
  background:var(--white);
}

.tef_score_table tr td:last-child{
  border-right:0;
}

.tef_score_table tr:nth-child(odd) td{
  background:var(--sky);
  color:var(--white);
}

.tef_score_table tr:nth-child(odd) td span{
  font-family: 'Inter';
  font-size:20px;
  line-height:1.2;
  font-weight: 400;
  color:var(--white);
  display:inline-flex;
  justify-content:center;
  align-items:center;
  column-gap:5px;
  border-radius:40px;
  background:var(--blue);
  padding:2px 15px;
}

.tef_score_table tr:last-child td{
  background:var(--white);
  color:var(--blue);
}

.tef_score_table p{
  font-family: 'Inter';
  font-size:20px;
  line-height:1.6;
  font-weight: 400;
  color:var(--black);
  text-align:center;
}

.tef_score_table p a{
    color:var(--blue);
    font-weight: 600;
}

.immigration_program_main{
  float:left;
  width:100%;
}

.immigration_program_title{
  text-align: center;
  margin-bottom: 40px;
}

.immigration_program_title span{
  font-family: 'Inter';
  font-size: 20px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--black);
}

.immigration_program_title h2{
  font-family: 'Inter';
  font-size: 38px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--blue);
  margin:20px 0;
}

.immigration_program_title p {
  font-family: 'Inter';
  font-size: 20px;
  line-height: 1.6;
  font-weight: 400;
  color: #606060;
}

.immigration_program_inr{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  column-gap:40px;
  grid-row-gap:40px;
}

.immigration_program_itm{
  background: linear-gradient(131deg, #a5cff0bd -2%, rgba(242, 242, 242, 4) 27%, rgb(242 242 242) 84%, #a5cff099 100%);
  border: 1px solid var(--sky);
  border-radius: 40px;
  padding:15px 15px;
}

.immigration_program_itm h2{
  background:var(--blue);
  font-family: 'Inter';
  font-size:24px;
  line-height:1.2;
  font-weight:500;
  color: var(--white);
  padding:10px 18px;
  border-radius:25px;
  text-align:center;
  margin-bottom:20px;
}

.immigration_program_itm p{
  font-family: 'Inter';
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  color:var(--black);
  text-align:center;
}

.immigration_program_itm ul {
  margin:30px 0;
}

.immigration_program_itm ul li{
  font-family: 'Inter';
  font-size:24px;
  line-height:1.2;
  font-weight:500;
  color: var(--blue);
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin-bottom:8px;
}

.immigration_program_itm ul li span{
  font-family: 'Inter';
  font-size:20px;
  line-height:1.2;
  font-weight:400;
  color: var(--black);
}

.immigration_program_btm_txt p{
  font-family: 'Inter';
  font-size:16px;
  line-height:1.2;
  font-weight:400;
  color: var(--black);
}

.immigration_program_itm_cnt{
  margin:30px 0;
}

.immigration_program_itm_cnt h3{
  font-family: 'Inter';
  font-size: 24px;
  line-height: 1.2;
  font-weight: 500;
  color: var(--blue);
  text-align:center;
  margin-bottom:5px;
}

.immigration_program_itm_cnt p{
  font-family: 'Inter';
  font-size: 20px;
  line-height: 1.5;
  font-weight: 400;
  color:var(--black);
  text-align:center;
  margin-bottom:20px;
}

.immigration_program_itm_cnt p:last-child{
  margin-bottom:0;
}

.disclaimer_main{
  float:left;
  width:100%;
  margin:80px 0;
}

.disclaimer_title{
  text-align:center;
  margin-bottom:40px;
}

.disclaimer_title h2{
  font-family: 'Inter';
  font-size: 38px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--blue);
  margin-bottom: 15px;
}

.disclaimer_title p {
  font-family: 'Inter';
  font-size: 20px;
  line-height: 1.6;
  font-weight: 400;
  color: #606060;
}

.disclaimer_inr{
  background: linear-gradient(131deg, #a5cff0bd -2%, rgba(242, 242, 242, 4) 27%, rgb(242 242 242) 84%, #a5cff099 100%);
  border: 1px solid var(--sky);
  border-radius:30px;
  padding:35px 40px;
}

.disclaimer_inr h2{
  font-family: 'Inter';
  font-size: 38px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--blue);
  margin-bottom: 15px;
}

.disclaimer_row{
  margin-top:40px;
  column-gap:50px;
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.disclaimer_row_lft{
  width:39%;
}

.disclaimer_row_rgt{
  width:56%;
  display:flex;
  column-gap:50px;
  align-items:center;
  justify-content:space-between;
}

.disclaimer_row_lft p{
  font-family: 'Inter';
  font-size: 20px;
  line-height: 1.6;
  font-weight: 400;
  color:var(--black);
  margin-bottom:20px;
}

.disclaimer_row_lft p:last-child{
  margin-bottom:0;
}

.disclaimer_row_lft p a{
  color:var(--blue);
  font-weight:500;
}

.disclaimer_rgt_itm{
  background:var(--blue);
  border:1px solid var(--blue);
  border-radius:25px;
}

.disclaimer_rgt_itm h3{
  background:var(--white);
  padding:15px 15px;
  font-family: 'Inter';
  font-size:18px;
  line-height:1.4;
  text-align:center;
  border-radius:25px;
  color:var(--blue);
}

.disclaimer_rgt_itm_cnt{
  display:flex;
  justify-content:center;
  align-items:center;
  column-gap:30px;
  margin-top:20px;
  padding:0 20px 30px;
}

.disclaimer_rgt_itm_cnt h2{
  font-family: 'Inter';
  font-size:68px;
  color:var(--white);
  text-shadow: 4px 3px 1px var(--sky);
  margin-bottom:0;
}

.disclaimer_rgt_itm_cnt p{
  font-family: 'Inter';
  font-size:18px;
  line-height:1.4;
  text-align:left;
  color:var(--white);
}

.higher_score_main{
  float:left;
  width:100%;
}

.higher_score_title{
  text-align:center;
  margin-bottom:40px;
}

.higher_score_title span {
  font-family: 'Inter';
  font-size: 20px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--black);
}

.higher_score_title h2 {
  font-family: 'Inter';
  font-size: 38px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--blue);
  margin: 20px 0;
}

.higher_score_title p {
  font-family: 'Inter';
  font-size: 20px;
  line-height: 1.6;
  font-weight: 400;
  color: #606060;
}

.higher_score_inr{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  column-gap:30px;
  grid-row-gap:30px;
}

.higher_score_itm{
  background: linear-gradient(131deg, #a5cff0bd -2%, rgba(242, 242, 242, 4) 27%, rgb(242 242 242) 84%, #a5cff099 100%);
  border: 1px solid var(--sky);
  border-radius: 30px;
  padding: 35px 40px;
}

.higher_score_itm_title{
  display:flex;
  align-items: center;
  justify-content:space-between;
  column-gap:30px;
  margin-bottom:20px;
}

.higher_score_title_lft h2{
  font-family: 'Inter';
  font-size:32px;
  line-height: 1.2;
  font-weight:600;
  color: var(--blue);
  margin-bottom:15px;
}

.higher_score_title_lft p{
  font-family: 'Inter';
  font-size: 20px;
  font-weight: 400;
  color:var(--sky);
  text-align: left;
  line-height: 1.6;
}

.higher_score_itm_cnt p{
  font-family: 'Inter';
  font-size: 20px;
  font-weight: 400;
  color:var(--black);
  text-align: left;
  line-height: 1.4;
}

.higher_score_title_rgt h2{
  font-family: 'Inter';
  font-size:100px;
  font-weight:800;
  color:#c9e5fb;
}

.registration_eligblty_main{
  float:left;
  width:100%;
  margin:80px 0;
}

.registration_eligblty_title{
  text-align:center;
  margin-bottom:40px;
}

.registration_eligblty_title span{
  font-family: 'Inter';
  font-size: 20px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--black);
  display:block;
  margin-bottom:20px;
}

.registration_eligblty_title h2 {
  font-family: 'Inter';
  font-size: 38px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--blue);
}

.registration_eligblty_inr{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  column-gap:40px;
}

.registration_eligblty_itm{
  background: linear-gradient(131deg, #a5cff0bd -2%, rgba(242, 242, 242, 4) 27%, rgb(242 242 242) 84%, #a5cff099 100%);
  border: 1px solid var(--sky);
  border-radius: 30px;
  padding:15px 15px;
}

.registration_eligblty_itm h2{
  font-family: 'Inter';
  font-size:24px;
  line-height: 1.2;
  font-weight:400;
  color: var(--white);
  margin-bottom:30px;
  text-align:center;
  background:var(--blue);
  border-radius:20px;
  padding:20px 15px;
}

.registration_eligblty_itm ul{
  padding:0 30px;
}

.registration_eligblty_itm ul li{
  font-family: 'Inter';
  font-size:16px;
  line-height:1.4;
  font-weight: 400;
  color: var(--black);
  margin-bottom:10px;
  position:relative;
  padding-left:25px;
}

.registration_eligblty_itm ul li:before{
  content: '';
  position: absolute;
  top:6px;
  left: 0;
  width:10px;
  height:10px;
  background: var(--blue);
}

.registration_eligblty_itm:first-child ul li:nth-child(6):before,
.registration_eligblty_itm:first-child ul li:nth-child(7):before{
  background:#FF9D00;
}

.registration_eligblty_itm:last-child ul li:nth-child(5):before,
.registration_eligblty_itm:last-child ul li:nth-child(6):before,
.registration_eligblty_itm:last-child ul li:nth-child(7):before{
  background:#FF9D00;
}

.the_process_main{
  float:left;
  width:100%;
}

.the_process_title{
  text-align:center;
  margin-bottom:40px;
}

.the_process_title span{
  font-family: 'Inter';
  font-size: 20px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--black);
  display: block;
  margin-bottom: 20px;
}

.the_process_title h2{
  font-family: 'Inter';
  font-size: 38px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--blue);
}

.process_inr{
  position:relative;
}

.process_inr:before{
  content:'';
  position: absolute;
  top: 46px;
  width: auto;
  height: 90%;
  border: 2px dashed var(--sky);
  left: 63px;
  z-index: -1;
}

.process_inr_itm{
  display:flex;
  align-items:center;
  column-gap:60px;
  margin-bottom:40px;
}

.process_inr_itm:last-child{
  margin-bottom:0;
}

.process_step span{
  font-family: 'Inter';
  font-size:80px;
  line-height: 1.2;
  font-weight:800;
  color: var(--white);
  width:130px;
  height:130px;
  background:var(--blue);
  border-radius:20px;
  display:flex;
  justify-content:center;
  align-items:center;
}

.process_dtl{
  background: linear-gradient(131deg, #a5cff0bd -2%, rgba(242, 242, 242, 4) 27%, rgb(242 242 242) 84%, #a5cff099 100%);
  border: 1px solid var(--sky);
  border-radius: 30px;
  padding:35px 35px;
  width: 100%;
}

.process_dtl h3{
  font-family: 'Inter';
  font-size:24px;
  line-height: 1.2;
  font-weight:800;
  text-transform: uppercase;
  color: var(--blue);
  margin-bottom:15px;
}

.process_dtl p{
  font-family: 'Inter';
  font-size: 20px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--black);
  display: block;
  margin-bottom: 20px;
}

.process_dtl p:last-child{
  margin-bottom:0;
}

.process_dtl p a{
    color:var(--blue);
    font-weight:600;
}

.process_dtl ul {
  padding-left:25px;
  margin-bottom:20px;
}

.process_dtl ul li{
  font-family: 'Inter';
  font-size: 20px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--black);
  list-style:square;
}

.process_dtl ul li::marker{
  color:var(--sky);
}

.common_faq{
  float:left;
  width:100%;
  margin:80px 0;
}

.common_faq_title{
  text-align:center;
  margin-bottom:40px;
}

.common_faq_title span{
  font-family: 'Inter';
  font-size: 20px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--black);
  display: block;
  margin-bottom: 20px;
}

.common_faq_title h2 {
  font-family: 'Inter';
  font-size: 38px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--blue);
}

.common_faq_inr ul li {
  margin-bottom:30px;
}

.common_faq_inr ul li:last-child{
  margin-bottom:0;
}

.common_faq_inr ul li h3 {
  padding:35px 35px 35px 20px;
  font-family: 'Inter';
  font-size:20px;
  font-weight:500;
  line-height:1.4;
  cursor: pointer;
  color:var(--black);
  position: relative;
  z-index: 9999;
  background:var(--white);
  border:1px solid var(--sky);
  border-radius:30px;
}

.common_faq_inr ul li h3:before {
  content: '\f489';
  font-family: "Ionicons";
  width:38px;
  height:38px;
  border-radius:50%;
  font-size:22px;
  font-weight:800;
  margin-left: 0;
  position: absolute;
  right:35px;
  text-align: center;
  display:flex;
  justify-content:center;
  align-items:center;
  color:var(--white);
  transition: all 0.4s ease;
  top:29px;
  background:var(--blue);
}

.common_faq_inr ul li h3.active:before{
  content:'\f209';
}

.common_faq_cnt_main{
  background:var(--blue);
  border-radius:30px;
}

.common_faq_cnt{
  display:none;
  padding: 35px 40px;
}

.common_faq_cnt p{
  font-family: 'Inter';
  font-size:18px;
  font-weight:400;
  line-height:1.6;
  cursor: pointer;
  color:var(--white);
}

.prepare_main{
  float:left;
  width:100%;
  margin-bottom:80px;
  padding:100px 0;
  background: linear-gradient(180deg, rgba(0, 66, 164, 1) 30%, rgba(0, 143, 254, 1) 100%);
}

.prepare_top_title{
  text-align:center;
  margin-bottom:40px;
  padding-bottom:25px;
  border-bottom:1px solid var(--white);
}

.prepare_top_title span{
  font-family: 'Inter';
  font-size: 20px;
  line-height: 1.4;
  font-weight: 400;
  color: var(--white);
  display: block;
  margin-bottom: 20px;
}

.prepare_top_title h2{
  font-family: 'Inter';
  font-size: 38px;
  line-height: 1.2;
  font-weight: 800;
  color: var(--sky);
}

.prepare_top_title h2 strong{
  color:var(--white);
  display:block;
}

.prepare_inr_cnt p{
  font-family: 'Inter';
  font-size: 30px;
  line-height: 1.5;
  font-weight: 400;
  color: var(--white);
  text-align:center;
}

.prepare_inr_cnt .tef_exam_guide_btn{
  justify-content:center;
}

.prepare_inr_cnt .tef_exam_guide_btn .tef_mini_tst_btn{
  background:#45B4FF;
  color:var(--blue);
  font-weight: 600;
  border:0;
}

.prepare_inr_cnt .tef_exam_guide_btn .tef_mini_tst_btn:hover{
  background:var(--white);
  color:var(--blue);
}

.prepare_inr_cnt .tef_exam_guide_btn .tef_exp_btn{
  border:1px solid var(--white);
  color:var(--white);
}

.prepare_inr_cnt .tef_exam_guide_btn .tef_exp_btn:hover{
  background:var(--white);
  color:var(--blue); 
  border:1px solid transparent;
}

.que_name_dv.que_border ol{
  padding-left:23px;
  margin-bottom:20px;
}

.que_name_dv.que_border ol li{
  font-family: 'Inter';
  font-size: 20px;
  line-height: 28px;
  font-weight: 400;
  color: var(--black);
  margin-bottom:3px;
}

.disclaimer_title p a{
  color:var(--blue);
}

.quiz_instruction_itm p strong, .quiz_instruction_itm p em, .quiz_instruction_itm p italic, .quiz_instruction_itm p pre, .quiz_instruction_itm pre{
  font-weight:700;
}

.quiz_instruction_itm p pre, .quiz_instruction_itm pre{
  display:inline-block;
  font-family: 'Inter';
  font-size: 22px;
  color: #000000;
}

.result_desc .tabs-stage{
  overflow-y: auto;
  height: 450px;
}

.type_rslts_toggle #type_rslts_toggle_main li h4 {
  font-family: 'Inter';
  font-size: 20px;
  line-height: 26px;
  color: var(--black);
  margin-bottom: 15px;
}