@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap')
@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap')

body{ padding: 0px; margin: 0px; list-style: none; font: normal 15px/23px 'StolzlRegular'; color: #000; }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none; text-decoration: none !important;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a, button, input[type="submit"], ::before, ::after{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
}
input[type="submit"]{cursor: pointer; border: 0px; outline: none; background: none;}

img{max-width: 100%; height: auto;}
p, h1, h2, h3, h4, h5, h6{margin: 0 0 13px;}
p:last-child{margin-bottom: 0px;}
h1:last-child, h2:last-child, h3:last-child, h4:last-child, h5:last-child, h6:last-child{margin-bottom: 0px;}
figure{margin: 0px;}

@font-face {
    font-family: 'StolzlMedium';
    src: url('../fonts/StolzlMedium.eot');
    src: url('../fonts/StolzlMedium.eot') format('embedded-opentype'),
         url('../fonts/StolzlMedium.woff2') format('woff2'),
         url('../fonts/StolzlMedium.woff') format('woff'),
         url('../fonts/StolzlMedium.ttf') format('truetype'),
         url('../fonts/StolzlMedium.svg#StolzlMedium') format('svg');
}
@font-face {
  font-family: 'StolzlRegular';
  src: url('../fonts/StolzlRegular.eot');
  src: url('../fonts/StolzlRegular.eot') format('embedded-opentype'),
       url('../fonts/StolzlRegular.woff2') format('woff2'),
       url('../fonts/StolzlRegular.woff') format('woff'),
       url('../fonts/StolzlRegular.ttf') format('truetype'),
       url('../fonts/StolzlRegular.svg#StolzlRegular') format('svg');
}
@font-face {
    font-family: 'StolzlThin';
    src: url('../fonts/StolzlThin.eot');
    src: url('../fonts/StolzlThin.eot') format('embedded-opentype'),
         url('../fonts/StolzlThin.woff2') format('woff2'),
         url('../fonts/StolzlThin.woff') format('woff'),
         url('../fonts/StolzlThin.ttf') format('truetype'),
         url('../fonts/StolzlThin.svg#StolzlThin') format('svg');
}
@font-face {
    font-family: 'StolzlBold';
    src: url('../fonts/StolzlBold.eot');
    src: url('../fonts/StolzlBold.eot') format('embedded-opentype'),
         url('../fonts/StolzlBold.woff2') format('woff2'),
         url('../fonts/StolzlBold.woff') format('woff'),
         url('../fonts/StolzlBold.ttf') format('truetype'),
         url('../fonts/StolzlBold.svg#StolzlBold') format('svg');
}
@font-face {
    font-family: 'StolzlBook';
    src: url('../fonts/StolzlBook.eot');
    src: url('../fonts/StolzlBook.eot') format('embedded-opentype'),
         url('../fonts/StolzlBook.woff2') format('woff2'),
         url('../fonts/StolzlBook.woff') format('woff'),
         url('../fonts/StolzlBook.ttf') format('truetype'),
         url('../fonts/StolzlBook.svg#StolzlBook') format('svg');
}
@font-face {
    font-family: 'StolzlLight';
    src: url('../fonts/StolzlLight.eot');
    src: url('../fonts/StolzlLight.eot') format('embedded-opentype'),
         url('../fonts/StolzlLight.woff2') format('woff2'),
         url('../fonts/StolzlLight.woff') format('woff'),
         url('../fonts/StolzlLight.ttf') format('truetype'),
         url('../fonts/StolzlLight.svg#StolzlLight') format('svg');
}







@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?odbg2x');
  src:  url('../fonts/icomoon.eot?odbg2x#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?odbg2x') format('truetype'),
    url('../fonts/icomoon.woff?odbg2x') format('woff'),
    url('../fonts/icomoon.svg?odbg2x#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-bredarw:before {
  content: "\e90d";
 
}
.icon-clk:before {
  content: "\e90c";
 
}
.icon-squarchk:before {
  content: "\e908";
 
}
.icon-arw:before {
  content: "\e904";
 
}
.icon-loctn:before {
  content: "\e905";
  
}
.icon-Vector:before {
  content: "\e90e";
}
.icon-Vector-1:before {
  content: "\e911";
 
}
.icon-Message-3:before {
  content: "\e901";
  
}
.icon-Vector-60:before {
  content: "\e902";
 
}
.icon-Vector-61:before {
  content: "\e903";
  
}
.icon-Vector-65:before {
  content: "\e909";
  
}
.icon-user1:before {
  content: "\e913";
}
.icon-search:before {
  content: "\e912";
}
.icon-pinterest:before {
  content: "\e934";
}
.icon-youtube:before {
  content: "\ea9d";
}
.icon-steering-wheel:before {
  content: "\e90f";
}
.icon-Vector-9:before {
  content: "\e900";
 
}
.icon-instagram1:before {
  content: "\e90a";
}
.icon-instagram:before {
  content: "\e907";
}
.icon-linkedin:before {
  content: "\e906";
}
.icon-twitter:before {
  content: "\e90b";
}
.icon-facebook-logo:before {
  content: "\e91b";
}





.headersec.fixed_header, .navbar-brand{
transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;
-ms-transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
}
.headersec.fixed_header{position: fixed; top: 0; left: 0; width: 100%; z-index: 999;
-moz-box-shadow: 0 0 8px -5px #333;
-webkit-box-shadow: 0 0 8px -5px #333;
box-shadow: 0 0 8px -5px #333;}


@-webkit-keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}
}
@keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.headersec.fixed_header{top:0;left:0;right:0;position:fixed;margin:0;z-index:1002;-webkit-animation-name:animationFade;-o-animation-name:animationFade;animation-name:animationFade;-webkit-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-moz-box-shadow:0 0 8px -5px #333;-webkit-box-shadow:0 0 8px -5px #333;box-shadow:0 0 8px -5px #333;}



/*
font-family: 'StolzlLight';
font-family: 'StolzlBook';
font-family: 'StolzlBold';
font-family: 'StolzlThin';
font-family: 'StolzlRegular';
font-family: 'StolzlMedium';
font-family: 'icomoon';
*/

.headersec{width: 100%;}
.hdrtop{padding: 20px 0;}
.hdrtopinr{display: flex; align-items: center; justify-content: space-between;}
.hdrbtm{width: 100%; background: #FFB900;position: relative;}
.hdrmnu{width: auto;}
.hdrmnu li a{display: inline-block; color: #000; font-size: 20px; line-height: 25px; padding: 7px;}
.hdrmnu ul{display: flex; justify-content: center;}
.hdrmnu li{padding: 7.5px 20px;}
.hdrlgo{width: auto;}
.hdrtopinrRT, .hdrsocil ul, .hderinfo ul, .hderinfo li a{display: inline-flex; align-items: center;}
.hderinfo li{margin: 0 35px 0 0;}
.hderinfo li:last-child{margin: 0;}
.hderinfo li a{color: #fff; font-family: 'StolzlMedium'; font-size: 16px; line-height: 20px;}
.hderinfo li a:hover{color: #FFB900;}
.hderinfo li span{display: flex; align-items: center; justify-content: center; width: 38px; height: 38px; margin: 0 16px 0 0;
background: linear-gradient(157.34deg, #FFBB00 15.56%, #FEA301 89.76%); color: #FFF; border-radius: 100%;}
.hdrsocil{margin: 0 0 0 40px;}
.hdrsocil li{margin: 0 10px 0 0;}
.hdrsocil li:last-child{margin: 0;}
.hdrsocil li a{display: flex; align-items: center; justify-content: center; width: 38px; height: 38px;
border-radius: 100%; border: 1.5px solid #FFB900; color: #FFB900; }
.hdrsocil li a:hover{background: #FFB900; color: #FFF; border-color: #FFB900; }
ul.slimmenu li > ul{width: 230px; background: #FFB900; padding: 12px;}
ul.slimmenu li > ul > li{padding: 0; margin: 0; width: 100%; background: transparent;}
ul.slimmenu li > ul > li a{width: 100%; padding: 10px 12px; text-transform: capitalize; background: transparent;
font-size: 18px; line-height: 23px;}
ul.slimmenu li > ul > li a:hover{background: #FFB900; color: #fff;}
ul.slimmenu li .sub-toggle i{display: none;}
ul.slimmenu li .sub-toggle::before{content: none;}
ul.slimmenu li .sub-toggle::after{position: absolute; content: "+"; color: #FFF; font-size: 20px; line-height: 25px;}

ul.slimmenu li .sub-toggle {width: 15px;height: 15px;display: flex;align-items: center;justify-content: center;top: 19px;
right: 2px;background: none;}
.ftrDown{display: none;}

.headersec{position: absolute; z-index: 99; left: 0; top: 0; background: linear-gradient(180deg, rgba(15, 15, 15, 0.8) 100%, rgba(15, 15, 15, 0) 471.26%);}
.lftmov{position: absolute;left: 0;top: 0;}
.rghtmov{position: absolute;right: 0;top: 0;}


.bannerSec{margin: 0 0 0;}

.headersec.fixed_header .hdrtop{display: none;}
.headersec.fixed_header{border-top: transparent;}


.bannerSec{width: 100%; position: relative;}
.bnrimg{position: relative;}
.bnrimg > img{width: 100%; object-fit: cover;}
.bnrimg::before{position: absolute; content: ""; bottom: 0; top: 0; width: 100%; background: rgba(0,0,0,0.30);}
.bannerSec .owl-dots{position: absolute; bottom: 90px; left: 0; display: flex; align-items: center; justify-content: center; width: 100%;
pointer-events: none; }
.bannerSec .owl-dots button{width: 28px; border: 2px solid transparent; height: 28px; border-radius: 100%; 
display: flex; align-items: center; justify-content: center; margin: 0 10px; pointer-events: visible;}
.bannerSec .owl-dots button span{width: 7px; height: 7px; background: #FFFFFF; border-radius: 100%; display: flex;}
.bannerSec .owl-dots button.active{border-color: #FFF;}
.bnrtxt{position: absolute; bottom: 30%; width: 100%; left: 0;}
.bnrtxtinr h2{color: #FFFFFF; font-family: 'StolzlBold'; line-height: 90px; font-size: 80px; margin: 0 0 30px;}
.bnrtxtinr{text-align: center;}
.defultBTN{display: inline-flex; background: #FFB900; color: #FFF; height: 64px; font-family: 'StolzlMedium'; font-weight: 500;
font-size: 22px; line-height: 30px; align-items: center; padding: 0 45px; border-radius: 10px;}
.defultBTN:hover{background: #0B0E57; color: #FFF;}


.baner-srch{position: absolute;width: 100%; margin-top: -40px;z-index: 1;}
.search-inner{
  max-width: 1108px;
  width: 100%;
  margin: 0 auto;
  padding: 40px 50px;
  box-shadow: 0px 30px 67px 0px #0000001A, 0px 122px 122px 0px #00000017, 0px 274px 165px 0px #0000000D,  0px 488px 195px 0px #00000003, 0px 762px 213px 0px #00000000;
  border-radius: 10px;
  border-bottom: 5px solid #FEA401;
  background: #fff;
}
.search-from{display: flex;justify-content: space-between;align-items: center;}

.selectotion{max-width: 300px;
  width: 100%;
  display: flex;}

.radio.size{display: inline-block; margin: 3px 8px 3px 0px; position: relative; padding: 0px;max-width: 150px; width: 100%;}
.radio.size input[type="radio"]{position: absolute;left: 0px;top: 0px;margin: 0px;padding: 0px; opacity: 0;}
.radio.size label{padding: 15px 14px 15px 14px; border: 1px solid #DADADA; background: #DADADA; line-height: 100%; margin: 0px; -webkit-border-radius: 10px; border-radius: 10px; color: #474747; font-size: 16px; font-weight: 400; display: block; text-align: center; max-width: 150px; width: 100%; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out;}
.radio.size label::before{display: none;}
.radio.size label::after{display: none;}
.radio.size input[type="radio"]{position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px;}
.radio.size input[type="radio"]:checked + label{color: #FB0;border-color: #FB0;background: #FFF3D3;}

.serchtype{display: flex;gap: 15px;align-items: center;width: 67%;}

.serchtype button {
  background: #FFB800;
  padding: 11px 30px;
  color: #fff;
  border: none;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.serchtype input{
  border: 1px solid #9C9C9C;
  height: 45px;
  border-radius: 10px;
  padding: 0 15px;
  width: 100%;
}
.serchtype .select2-selection {
  border: 1px solid #9C9C9C;
  height: 45px;
  border-radius: 10px;
  padding: 0 15px;
  width: 100%;
  display: flex;
  align-items: center;
}
.serchtype .select2-selection__arrow {
  top: 50% !important;
  transform: translateY(-50%);
}




.choose-from-sec{padding: 200px 0 60px;position: relative;}
.leftushap {
  position: absolute;
  left: 0;
  top: 7%;
  max-width: 200px;
}
.choose-bx{padding: 30px 0; background: linear-gradient(157.34deg, #FFBB00 15.56%, #FEA301 89.76%); position: relative; border-radius: 10px; text-align: center;min-height: 356px;}
.chose-icon{background: #fff;border-radius: 100%;width: 92px;height: 92px;display: flex;align-items: center;justify-content: center;margin: 30px auto;}
.bodericon {
  position: relative;
  padding: 30px 0;
}
.choose-bx p{padding: 0 15px; 
font-size: 17px;
font-weight: 700;
line-height: 20px;
letter-spacing: -0.04em;
text-align: center;
}
.bodericon span:first-child{position: absolute;left: 0;top: 50%;transform: translateY(-50%);z-index: 1;}
.bodericon span:last-child{position: absolute;right: 0;top: 50%;transform: translateY(-50%);z-index: 1;}
.bodericon::before {
  background: url('../images/rptbdr.png') repeat-x 0 0;
  content: '';
  height: 4px;
  position: absolute;
  z-index: 1;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  left: 0;
}

.choose-from-sec h2{
  font-family: 'stolzlbold';
  font-size: 80px;
  font-weight: 700;
  line-height: 83px;
  letter-spacing: -0.04em;
  text-align: center;
  max-width: 998px;
  margin: 0 auto 50px;
  position: relative;
  padding-bottom: 70px;
}
.choose-from-sec h2 span{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}


.hwitwrks{
  padding: 50px 0;
}
.hwitheder h2{
  font-family: 'stolzlbold';
  font-size: 80px;
  font-weight: 700;
  line-height: 83px;
  letter-spacing: -0.04em;
}
.hwitheder p{
  font-family: 'stolzlbold';
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
.doublebdr {
  margin-top: 36px;
  display: block;
  width: 100%;
  text-align: center;
}

.howitpic{
  margin-top: 50px;
  clip-path: polygon(0 0, 77% 0, 100% 19%, 100% 100%, 27% 100%, 0 71%);
}

.how-it-info{
  display: flex;
  justify-content: space-between;
  margin:40px 0 50px;
  float: left;
  width: 100%;
}
.how-it-info:nth-child(even) .hwit-detls{
  order: 2;
}
.hwit-detls{
max-width: 450px;
position: relative;
}
.hwit-detls span{display: block;margin-bottom: 15px;}

.hwit-detls h5{
  font-family: "Poppins", sans-serif;
  font-size: 18px;
  font-weight: 600;
  line-height: 20px;
  letter-spacing: -0.04em;
  color: #000;
}
.hwit-detls p{
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.04em;
  text-align: left;
  color: #7a7a7a;
}
.how-it-info a {
  background: #000;
  color: #fff;
  font-family: 'stolzlbold';
  font-size: 13px;
  font-weight: 500;
  padding: 12px 20px;
  border-radius: 10px;
}
.hwit-detls strong {
  -webkit-text-stroke: 1px #c0c0c0;
  color: transparent;
  font-size: 100px;
  line-height: 100px;
  position: absolute;
  right: 31px;
  top: -42px;
/*  font-family: 'StolzlRegular';*/
}

.learn-emply{
  background: #FFF3D3;
  padding: 0 0;
  position: relative;
  overflow: hidden;
}
.lernerpic{
  width: 246px;
  height: 246px;
  border-radius: 100%;
  overflow: hidden;
  margin: 30px 0;
}
.lernerpic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}
.larnbx{
  border-left: 1px solid #FACC4F;
  padding: 60px 0 60px 50px;
  display: grid;
}

.lernerslide .owl-item:not(.active)
  + .owl-item.active .larnbx .larnxt{
  order: 1;
}
.lernerslide .owl-item:not(.active)
  + .owl-item.active .larnbx .lernerpic{
  order: 2;
}
.lernerslide .owl-item:not(.active)
  + .owl-item.active
  + .owl-item.active .larnbx .larnxt{
  order: 2;
}
.lernerslide .owl-item:not(.active)
  + .owl-item.active
  + .owl-item.active .larnbx .lernerpic{
  order: 1;
}
.lernerslide .owl-item:not(.active)
  + .owl-item.active
  + .owl-item.active
  + .owl-item.active .larnbx .larnxt{
 order: 1; 
}
.lernerslide .owl-item:not(.active)
  + .owl-item.active
  + .owl-item.active
  + .owl-item.active .larnbx .lernerpic{
 order: 2; 
}

.leftnet{
  position: absolute;
  left: 0;
  top: 0;
}
.rightnet{
  position: absolute;
  right: 0;
  top: 0;
}
.larnbx p{
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
}
.larnbx a{
font-size: 16px;
font-weight: 700;
line-height: 28px;
letter-spacing: -0.03em;
text-align: left;
color: #2C2C2C;
font-family: 'stolzlbook';
}
.learns-heding{
  text-align: center;
  margin-bottom: 50px;
}

.learns-heding h2{
  font-family: 'stolzlbold';
font-size: 60px;
font-weight: 700;
line-height: 83px;
letter-spacing: -0.04em;
text-align: center;
}
.learns-heding p{
font-family: "Inter", sans-serif;
font-size: 18px;
font-weight: 500;
line-height: 24px;
letter-spacing: 0em;
text-align: center;
margin-bottom: 30px;
}
.learn-emply .owl-nav{
  display: block !important;
  position: absolute;
  left: -80px;
  right: -80px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.learn-emply .owl-carousel .owl-nav button {
  background: none !important;
  width: 48px;
  height: 48px;
  border-radius: 100% !important;
  color: #201E1C;
  border: 2px solid #201E1C;
  display: flex;
  align-items: center;
}
.learn-emply .owl-carousel .owl-nav .owl-prev {
  float: left;
  rotate: 180deg;
}
.learn-emply .owl-carousel .owl-nav .owl-next {
  float: right;
}
.learn-emply .owl-carousel .owl-nav button:hover{
  color: #FFB900;
  border: 2px solid #FFB900;
}

.bookbx {
  width: 100%;
  background: #141414;
  text-align: center;
  padding: 20px 0 40px;
  border-radius: 10px;
  margin: 12px 0;
  min-height: 385px;
}
.bookbx h6{
  font-family: 'stolzlbold';
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
}
.bookbx p{
  font-size: 16px;
  font-weight: 400;
  line-height: 21px;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
  padding: 0 20px;
}
.bookbx .bodericon {
  padding: 16px 0;
}
.bookbx .chose-icon{
  background: #FFB800;
}
.bookbx .bodericon::before {
  background: url('../images/blkbdr.png') repeat-x 0 0;
}

.book-lesson{
  padding: 60px 0;
  position: relative;
}
.bkshp {
  position: absolute;
  top: 0;
  left: -60px;
}
.rodshp{
  position: absolute;
  top: 0;
  right:0;
  text-align: right;
}
.rodshp img{
  max-width: 90%;
}
.bookheding{
  text-align: center;
  margin-bottom: 50px;
}

.bookheding h2{
  font-family: 'stolzlbold';
  font-size: 60px;
  font-weight: 700;
  line-height: 83px;
  letter-spacing: -0.04em;
  text-align: center;
  color: #000;
}
.bookbx:hover{
  background: linear-gradient(157.34deg, #FFBB00 15.56%, #FEA301 89.76%);
}
.bookbx .chose-icon img{
  filter: brightness(0) invert(0);
}
.bookbx:hover .chose-icon img{
  filter: inherit;
}
.bookbx:hover .chose-icon{
  background: #141414;
}
.bookbx:hover p{
  color: #000;
}
.bookbx:hover h6{
  color: #000;
}
.book-lesson .container{
  position: relative;
}

.drvngbkbtn {
  display: inline-block;
  padding: 12px 20px;
  background: #000;
  color: #fff;
  border-radius: 10px;
  margin-top: 100px;
}
.drvngbkbtn:hover{
  background: #FFB900;
  color: #000;
}
.counting-sec{position: relative;}
.cunting-inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
.cuntingbx{
  text-align: center;
}
.cuntingbx .count{
  color: #FFB800;
  font-size: 30px;
  font-family: 'stolzlbold';
  font-size: 82px;
  font-weight: 700;
  /* line-height: 30px; */
  letter-spacing: -0.04em;
  text-align: left;
}
.cuntingbx p{
  font-size: 17px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: -0.04em;
  color: #fff;
}

.cunting-inner .container .row > div{
  position: relative;
}
.cunting-inner .container .row > div::after {
  position: absolute;
  left: 94%;
  top: 50%;
  transform: translateY(-50%);
  background: url('../images/runsign.png') no-repeat;
  width: 68px;
  height: 24px;
  content: '';
}
.cunting-inner .container .row > div:last-child::after {
  display: none;
}



.driving-test-sec{
  width: 100%;
  background: url('assets/images/bg-team.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding: 60px 0;
  overflow: hidden;
}

.test-driving{
  display: flex;
  justify-content: space-between;
}
.testdrving-cost{
  max-width: 450px;
  width: 100%;
}


.drving-tst-info{
  max-width: 340px;
  width: 100%;
}
.tsting-info{
  display: flex;
  align-items: center;
  gap: 15px;
  padding: 15px 0;
}
.infcon{width: 92px;height: 92px;border-radius: 100%;background: #FFB800;display: flex;justify-content: center;align-items: center;
flex: 0 0 92px;}
.tsting-info p{
font-family: 'stolzlbook';
font-size: 17px;
font-weight: 700;
line-height: 20px;
color: #000;
}

.testdrving-cost h2{
  font-family: 'stolzlbold';
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #000;
}
.testdrving-cost p{
  font-size: 16px;
  font-weight: 400;
  line-height: 28px;
  letter-spacing: 0em;
  text-align: left;
}

.testdrving-cost h3{
  font-family: "Poppins", sans-serif;
  font-size: 80px;
  font-weight: 700;
  letter-spacing: -0.04em;
  text-align: left;
  color: #FFB800;
}
.testdrving-cost a{
  display: inline-block;
  padding: 12px 20px 14px;
  background: #000;
  color: #fff;
  border-radius: 10px;
}
.testdrving-cost a:hover {
  background: #FFB900;
  color: #000;
}


.driving-car {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  margin: 0 auto;
  text-align: center;
  width: auto;
  max-width: 485px;
}
.redcar{
  position: absolute;
  left: 0;
  right: 0;
  width: auto;
  bottom: 0;
  -webkit-animation-name:circle-ani; /* Safari 4.0 - 8.0 */
  -webkit-animation-duration:12s; /* Safari 4.0 - 8.0 */
  animation-name:circle-ani;
  animation-duration:12s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes circle-ani {
  from {
    bottom: -35vh;
    
  }
  to {
    bottom: 100vh;
  }
}



.driving-lesson{
  width: 100%;
  background: #FFF3D3;
  padding: 60px 0;
  position: relative;
}
.urodpic{
  position: absolute;
  right: 15%;
  top: 0;
}
.driving-lesson .container{
  position: relative;
}
.lesson-eading {
  text-align: center;
  margin-bottom: 50px;
}
.lesson-eading h2 {
  font-family: 'stolzlbold';
  font-size: 60px;
  font-weight: 700;
  line-height: 83px;
  letter-spacing: -0.04em;
  text-align: center;
}
.lesson-eading p {
  font-family: "Inter", sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
  margin-bottom: 30px;
}
.lesn-bx{
  margin-bottom: 40px;
  padding-right: 15px;
}
.lesn-bx h6{
font-family: 'stolzlbook';
font-size: 17px;
font-weight: 700;
line-height: 30px;
letter-spacing: -0.04em;
color: #000;
margin-bottom: 10px;
}
.lesn-bx p{
font-size: 16px;
font-weight: 400;
line-height: 27px;
letter-spacing: -0.04em;
text-align: left;
color: #7A7A7A;
}
.rdypic {
  width: 118px;
  height: 118px;
  border-radius: 100%;
  background: #FFB800;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 20px;
}

.driving-lssn-pic{
  clip-path: polygon(16% 0, 100% 1%, 100% 74%, 75% 100%, 0 100%, 0 15%);
  width: 100%;
  padding-left: 20px;
}



.gift-sec{
  width: 100%;
  background: url('assets/images/skill-bg.png') no-repeat;
  background-size: 100% 100%;
  position: relative;
  padding: 100px 0 60px;
}


.vuchrbtn{
  display: inline-block;
  padding: 12px 20px;
  background: #000;
  color: #fff;
  border-radius: 10px;
  margin-top:50px;
  font-family: 'stolzlmedium';
}
.vuchrbtn:hover {
  background: #FFB900;
  color: #000;
}
.giftinfo{padding-left: 60px;}
.giftinfo h2{
  font-family: 'stolzlbold';
font-size: 60px;
font-weight: 700;
line-height: 60px;
letter-spacing: -0.04em;
margin-bottom: 30px;
}
.skill-info{
  display: flex;
  align-items: center;
  gap: 15px;
  margin-top: 15px;
}
.skill-icon{
  width: 92px;
  height: 92px;
  flex: 0 0 92px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFB800;
  border-radius: 100%;
}
.skill-objct h3{
  font-family: 'stolzlbook';
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  color: #000;
}
.skill-objct p{
font-size: 16px;
font-weight: 400;
line-height: 27px;
letter-spacing: -0.04em;
color:#7A7A7A;
}




.faq-sec{
  width: 100%;
  padding: 60px 0;
}
.faq-heding {
  text-align: center;
  margin-bottom: 50px;
}
.faq-heding h2 {
  font-family: 'stolzlbold';
  font-size: 60px;
  font-weight: 700;
  line-height: 83px;
  letter-spacing: -0.04em;
  text-align: center;
  color: #000;
}
.faq-heding span{padding-left: 110px;}

.faq-sec .accordion{margin-top: 30px;}

.faq-sec .accordion-button{
  padding: 0;
}
.faq-sec .accordion-button img{
  margin-right: 15px;
}
.faq-sec .accordion-button:not(.collapsed){
border-radius: 0;
background: #FFF3D3;
color: #000; 
}
.faq-sec .accordion-button:not(.collapsed) img{
  filter: none;
}
.faq-sec .accordion-item{
  margin: 15px 0;
  overflow: hidden;
  border: none;
}
.faq-sec .accordion-item button{
  font-size: 22px;
  font-weight: 400;
  color: #000;
  background: #FFF3D3;
}

.faq-sec .accordion-item button img{
  filter: brightness(0) invert(1);
}

.collapsedetal{padding: 20px 0;}

.accordion_container {
  width: 100%;
  margin: 0 0px 0px;
  position: relative;
  overflow: hidden;
}
.accordion_head {
  cursor: pointer;
  font-size: 20px;
  margin: 0 0 5px 0;
  padding: 5px 0;
  display: block;
  overflow: hidden;
  width: 100%;
  font-family: 'Lato', sans-serif;
  border-bottom: 1px solid #e7e7e7;
  font-weight:400;
  position: relative;
    border: none;
  border-radius: 0;
}
/*.accordion_head span::before {
  content: "\f05a";
  position: absolute;
  left: 10px;
  top: 16px;
  font-weight: 600;
  font: normal normal normal 14px/1 FontAwesome;
}*/
.accordion_head span {
  width: 100%;
  display: block;
  background: #fff;
  color: #121212;
  line-height: 100%;
  padding: 16px 50px 14px 25px;
  font-size: 16px;
  position: relative;
  cursor: pointer;
  border-radius: 5px;
  background-repeat: repeat;
  color: #121212;
  font-family: 'proxima_nova_condensedSBd';
  font-size: 28px;
  font-style: normal;
  font-weight: 600;
  line-height: 34px;
}
.accordion_head:hover{
  color: #dc1c65;
}
.accordion_head:focus{
  color: #dc1c65;
}
.accordion_head p{
    color: #FFF;
    font-size: 18px;
  font-family: "Roboto",sans-serif;
}
.accordion_body {
  background: #FFF;
  float: left;
  width: 100%;
  display: block;
  padding: 0 15px 12px;
  border-bottom: 1px solid #ececec;
  margin-bottom: 20px;
}
.plusminus {
  position: absolute;
  right: 5px;
  top: 50%;
  width: 30px;
  bottom: 2px;
  font-size: 20px;
  background: #68B14F;
  color: #fff;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 0;
  height: 30px;
  border-radius: 100%;
  transform: translateY(-50%);
}
.clientinfo p{
  color: #121212;
  
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.accordion-button:focus {
  box-shadow: none;
}
.accordion-body{padding: 20px 35px;background: #FFFBEF;}
.accordion-body p {
  color: #121212;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
}
.accordion-body ul{
  padding-left: 25px;
}
.accordion-body ul li {
  color: #121212;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  list-style-type: decimal;
  padding: 10px 0;
}
.accordion-button.collapsed:after{content: none;}
.accordion-button.collapsed::before {
  background: #fff3d3;
  color: #FFB800;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 30px;
  font-size: 25px;
  text-decoration: none;
  align-items: center;
  display: flex;
  height: 30px;
  border-radius: 7px;
  transform: translateY(-50%);
  content: '+';
  border: 2px solid #FFB800;
  justify-content: center;
  padding: 0 0 5px;
}

.accordion-button:not(.collapsed)::after {
  background: #fff3d3;
  color: #FFB800;
  position: absolute;
  right: 10px;
  top: 50%;
  width: 30px;
  font-size: 25px;
  text-decoration: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  text-align: center;
  border-radius: 0;
  height: 30px;
  border-radius: 7px;
  transform: translateY(-50%);
  content: '-';
  padding: 0 0 10px;
  border: 2px solid #FFB800;
}



.our-blog-sec{
  width: 100%;
  padding: 60px 0;
  background: #F9F9F9;
}
.blog-heding {
  text-align: center;
  margin-bottom: 50px;
}
.blog-heding h2 {
  font-family: 'stolzlbold';
  font-size: 60px;
  font-weight: 700;
  line-height: 83px;
  letter-spacing: -0.04em;
  text-align: center;
  color: #000;
}
.blog-heding span {
  padding-left: 110px;
}

.ourblog-bx{
  background: #151515;
}
.blog-pic img{
  width: 100%;
}
.blog-objct{
  padding:30px 15px;
  color: #fff;
}
.blog-objct h6{
  font-family: 'stolzlmedium';
  font-size: 21px;
  font-weight: 500;
  line-height: 25px;
  color: #fff;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.blog-objct p{
font-size: 14px;
font-weight: 400;
line-height: 20px;
color: #C5CACC;
}

.ourblog-bx a {
  background: #E8E8E8;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding-right: 30px;
  font-family: 'stolzlbook';
  font-size: 12px;
  font-weight: 700;
  color: #000;
}

.ourblog-bx a:hover{
  background: #FFB800;
}




.footer-sec{
  width: 100%;
  padding: 70px 0 50px;
  background: #000;
  position: relative;
}
.fotrshp1{
  position: absolute;
  right: 0;
  top: 0;
  max-width: 254px;
  opacity: 0.2;
}
.fotrshp2 {
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 254px;
  opacity: 0.2;
  rotate: 180deg;
}
.ftr-heding{
  margin-bottom: 30px;
}
.ftr-heding h5{
  font-family: 'stolzlbold';
  font-size: 25px;
  font-weight: 500;
  line-height: 30px;
  color: #fff;
}
.cntctinfo{
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 10px 0;
  float: left;
}
.cntctinfo span{
  width: 80px;
  height: 80px;
  border-radius: 100%;
  border: 2px solid #FFBB00;
  flex: 0 0 80px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFBB00;
}
.cntctinfo p{
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}
.cntctinfo a{
  color: #fff;
  font-size: 18px;
  font-weight: 400;
  line-height: 26px;
}


.quiklink{
  padding-left: 50px;
}
.ftrlink{
  width: 100%;
}
.ftrlink ul{
  width: 50%;
  float: left;
}
.ftrlink ul li{
  display: block;
}
.ftrlink ul li a{
  font-size: 18px;
  font-weight: 400;
  line-height: 49px;
  color: #fff;
}
.ftrlink ul li a:hover{
   color: #FFB800;
}
.ftrlink ul li a span {
  color: #FFB800;
  font-size: 14px;
  margin-right: 5px;
}

.foter-info{
  text-align: center;
}
.ftr-abut{
  margin: 30px 0;
}
.ftr-abut p{
  font-size: 14px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.04em;
  text-align: center;
  color: #C1C1C1;
}
.prvcy-lnk{margin: 15px 0;}
.prvcy-lnk ul {
  display: flex;
  justify-content: center;
}
.prvcy-lnk ul li{position: relative;}
.prvcy-lnk ul li a {
  color: #C1C1C1;
  padding: 0 20px;
}
.prvcy-lnk ul li a::after{
  content: '|';
  color: #C1C1C1;
  position: absolute;
  right: 0;
}
.prvcy-lnk ul li:last-child a::after{
  display: none;
}
.cpyrght{
  margin: 15px 0;
}
.cpyrght p{
  color: #C1C1C1;
font-size: 14px;
font-weight: 400;
}
.cpyrght p a{
  color: #FFB800;
  font-size: 14px;
  font-weight: 400;
}


.ftr-social{
  text-align: center;
}
.ftr-social ul{
  text-align: center;
}
.ftr-social ul li{
  display: inline-block;
}
.ftr-social ul li a{
  width: 53px;
  height: 53px;
  border: 2px solid #FFB800;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  border-radius: 100%;
}

.countpluscon{
  display: flex;
  align-items: center;
  justify-content: center;
  color: #FFB800;
  font-size: 30px;
  font-family: 'stolzlbold';
  font-size: 82px;
  font-weight: 700;
  letter-spacing: -0.04em;
  text-align: left;

}

/*inner page css*/

.fetured-sec{
  padding: 60px 0;
  position: relative;
}
.feture-info h2 {
  font-family: 'stolzlbold';
  font-size: 80px;
  font-weight: 700;
  line-height: 83px;
  letter-spacing: -0.04em;
}
.hbtomhdr{
  display: block;
  width: 100%;
  text-align: center;
  margin: 30px 0;
}
.feture-info p {
  color: #121212;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin-bottom: 40px;
}

.feture-info ul li{
  color: #121212;
  font-size: 20px;
  font-style: normal;
  font-weight: 400;
  line-height: 30px;
  margin: 20px 0;
  padding-left: 30px;
  position: relative;
}
.feture-info ul li span {
  color: #FFB800;
  position: absolute;
  left: 0;
  top: 10px;
}
.fetured-sec .bookbx {
  padding: 20px 0 20px;
}
.fetured-sec .bookbx h5{
  font-family: 'stolzlbold';
  font-size: 17px;
  font-weight: 700;
  line-height: 20px;
  letter-spacing: -0.04em;
  text-align: center;
  color: #fff;
}
.lftangel-shp {
  position: absolute;
  left: 0;
  top: 10%;
  max-width: 178px;
}
.fetured-sec .container{position: relative;}
.feture-info{padding: 0 50px;}


.vrfy-instructor{
  background: #FFF3D3;
  padding: 60px 0;
  position: relative;
}
.vrfy-instructor .container{
  position: relative;
}
.vryfy-bx{
  margin: 15px 0;
  transition: all .5s ease-in-out;
}
.vryfy-bx:hover{transform: translateY(-10px);}
.vryfy-pic {
  clip-path: polygon(22% 0, 100% 0, 100% 100%, 0 100%, 0 19%);
  height: 213px;
  overflow: hidden;
  background: #fff;
}
.vryfy-pic img {
  width: 100%;
  height: auto;
  /*object-fit: cover;
  object-position: top;*/
  max-height:100%;
}
.vryfy-dtl{
  background: #fff;
  padding: 15px;
}
.vryfy-dtl h6{
  font-size: 21px;
  font-weight: 500;
  line-height: 25px;
  color: #1F1F1F;
  font-family: 'StolzlMedium';
}
.vryfy-dtl p{
  font-size: 14px;
  font-weight: 400;
  line-height: 20px;
  color: #686868;
}
.vryfy-dtl span{
font-size: 14px;
font-weight: 400;
color:#686868;

}
.vryfy-dtl span i{
  color: #FFB800;
}
.vryfy-dtl strong{
font-family: 'StolzlBold';
font-size: 18px;
font-weight: 700;
line-height: 20px;
display: block;
margin-top: 7px;
color: #FFB800;
}

.vryfy-bx a {
  background: #E8E8E8;
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: space-between;
  padding-right: 30px;
  font-family: 'stolzlbook';
  font-size: 12px;
  font-weight: 700;
  color: #000;
}
.vryfy-bx a:hover {
  background: #FFB800;
}

.vryfyshp{
  position: absolute;
  right: 0;
  top: 0;
}

.saylerner{
  background: #FAFAFA;
  padding: 50px 0;
  position: relative;
}
.saylerner .container{position: relative;}
.saylerner .larnbx {
  border-left: 1px solid #E3E3E3;
}
.lrnrrod{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 1;
}


.breadcrumbcontainer{width: 100%;}
.breadcrumb{background: 0 0; padding: 20px 0px 18px 0px; margin-bottom: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
.breadcrumb li{color: #292929; font-size: 15px; font-weight: 400;}
.breadcrumb > li + li::before {
  padding: 0 10px !important;
  color: #C0C0C0;
  vertical-align: middle !important;
  font-size: 7px;
  content: "\e90d" !important;
  font-family: 'icomoon';
  float: none !important;
}
.breadcrumb li a{color: #6D6D6D; text-decoration: none; -webkit-transition: 0.4s ease-in-out; -ms-transition: 0.4s ease-in-out; -moz-transition: 0.4s ease-in-out; -o-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out;}
.breadcrumb li a:hover{color: #FFB800;}
.breadcrumb li.active{color: #FFB800;}
.breadcrumbcontainer .breadlt {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid #CBCBCB;
}
.breadcrumbcontainer .breadrt{display: table-cell; vertical-align: middle; white-space: nowrap;}
.breadcrumbcontainer .breadrt .form-switch.form-check-reverse{padding-right: 70px;}
.breadcrumbcontainer .breadrt .form-switch .form-check-label{font-size: 15px; font-weight: 500; color: #39378A; padding-top: 5px;}
.breadcrumbcontainer .breadrt .form-switch .form-check-input{width: 60px; height: 26px; margin-right: -70px; margin-top: 3px; border-color: #C9C6E1; background-color: #C9C6E1; -webkit-box-shadow: 10px 11px 30px #E0DEFA; box-shadow: 10px 11px 30px #E0DEFA;}
.breadcrumbcontainer .breadrt .form-switch .form-check-input:checked[type=checkbox]{background-color: #39378A; border-color: #39378A;}

.bnr-pge-heding{
  position: absolute;
  bottom: 30%;
  width: 100%;
  z-index: 1;
}


.bnr-pge-heding h3{
font-size: 80px;
font-weight: 700;
line-height: 83px;
letter-spacing: -0.04em;
color: #fff;

}


/*4-Mar*/

.loginboxouter{
  margin: 60px 0;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
  padding: 40px;
}
.c-box-w .form-control {
  border: 1px solid #666;
  height: 50px;
}
.c-box-w textarea.form-control {
  min-height: 100px;
  height: auto !important;
}
.c-box-w .btn-primary{
  background: #FFB800;
  padding: 11px 30px;
  color: #fff;
  border: none;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.c-box-w h2{
  font-weight: 600;
}

.cnctadrss{
  padding:0 30px;
}
.contactDetail .media {
  display: flex;
  /* gap: 15px; */
  align-items: center;
  padding: 15px 0;
}
.contactDetail .media span {
  width: 46px;
  height: 46px;
  flex: 0 0 46px;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #FFBB00;
  border-radius: 50%;
  margin-right: 20px;
  color: #fff;
}
.contactDetail .media-body h5 {
  font-size: 18px;
  color: #000;
  margin-bottom: 7px;
}
.contactDetail .media-body em{
  font-size: 14px;
  color: #666;
  font-style: normal;
}
.contactDetail .media-body em a{
  font-size: 14px;
  color: #666;
}


.satctic-page{
  padding: 40px 0 60px;
}
.satctic-page h2 {
  font-family: 'stolzlbold';
  font-size: 60px;
  font-weight: 700;
  line-height: 83px;
  letter-spacing: -0.04em;
  text-align: center;
}
.satctic-page p {
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.04em;
  text-align: left;
  color: #484848;
}
.satctic-page ul{
  padding-left: 30px;
  margin-bottom: 15px;
}
.satctic-page ul li {
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.04em;
  text-align: left;
  color: #484848;
  margin: 8px;
  list-style-type: disc;
}
.abutpics {
  float: left;
  margin-right: 25px;
  margin-bottom: 15px;
  clip-path: polygon(0 0, 77% 0, 100% 19%, 100% 100%, 27% 100%, 0 71%);
  max-width: 500px;
}
.about-sec p{
  font-size: 16px;
  font-weight: 400;
  line-height: 27px;
  letter-spacing: -0.04em;
  text-align: left;
  color: #484848;
}






.blog-grid{
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 10px;
  background: #fff;
  overflow: hidden;
  border: 1px solid #D2D6DB;
  margin-bottom: 20px;
  display: flex;
}
.blog-media {
  position: relative;
  width: 300px;
  flex: 0 0 300px;
}

.blog-media img{width: 100%;}

.blgauthr {
  width: 4rem !important;
  height: 4rem !important;
  position: absolute;
  right: 15px;
  bottom: -30px;
}
.blgauthr img {
  border-radius: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.blog-detls-info{
  padding:15px 15px 15px;
}
.blog-detls-info h6{
  font-size: 25px;
  font-weight: 600;
}
.blog-detls-info p {
  font-size: 16px;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: -0.04em;
  text-align: left;
  color: #484848;
}
.blog-detls-info a {
  display: inline-block;
  color: #FFB900;
  font-size: 15px;
  font-weight: 600;
}
.blog-detls-info a:hover{
  color: #000;
}
.blog-detls-info a span{
  font-size: 12px;
}
.date-icon {
  position: absolute;
  z-index: 1;
  background: #fff;
  width: 60px;
  left: 10px;
  top: 10px;
  text-align: center;
}
.date-icon h4 {
  margin: 0;
  padding: 6px 0;
  background: #ffb900;
  color: #000;
  font-size: 16px;
}
.date-icon h3 {
  margin: 0;
  padding: 8px 0;
  background: #fff;
  color: #000;
  font-size: 16px;
}


.blog-sidebar {
  padding: 30px;
  border: 1px solid #e5e5e5;
  margin-bottom: 30px;
  border-radius: 4px;
}
.wadget h4 {
  font-size: 22px;
  margin-bottom: 1.5rem;
  font-weight: 600;
  color: #111;
}

.post-meta a, .post-meta span, .post-meta span i {
  display: inline-block;
  margin-right: 8px;
  text-transform: capitalize;
  color: #a2a2a2;
  font-size: 14px !important;
  font-weight: 400;
}
.latest-post h5{
  font-size: 15px;
  color: #666;
  margin-bottom: 8px;
}
.latest-post h5 a{
  font-size: 15px;
  color: #666;
}
.tagcloud > a {
  background: #f5f5f5;
  border-radius: 2px;
  display: inline-block;
  font-size: 10px;
  letter-spacing: 1px;
  margin: 3px 8px 6px 0;
  padding: 5px 8px;
  text-transform: uppercase;
  color: #666;
}
.tagcloud > a:hover {
  background: #FFB800;
  color: #000;
}
.list-unstyled {
  padding-left: 0;
  list-style: none;
}
.sidebar-category ul{
  padding-left: 0;
}
.sidebar-category ul li {
  border-bottom: 1px solid #e5e5e5;
  list-style: none;
  margin: 0 0 1rem 0;
}
.sidebar-category ul li a {
  font-size: 14px;
  font-weight: 400;
  padding-bottom: 12px;
  display: block;
  color: #555;
}
.sidebar-category ul li a:hover{
  color: #FFB800;
}
.sidebar-category ul li a i{
  font-size: 10px;
}

.paginationright{float: right; width: 100%; margin-top: 25px; margin-bottom: 30px;}
.paginationright ul{float: none; margin: 0px; padding: 0px;}
.paginationright ul li{display: inline-block; vertical-align: top; list-style: none; background: none; color: #A4A4A4; font-size: 13px; font-weight: 400; padding: 0px; line-height: 34px; min-width: 34px; height: 34px; text-align: center; margin: 2px 1px 2px 1px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #E4E4E4;}
.paginationright ul li a{text-decoration: none; color: #202020; display: block;}
.paginationright ul li.active{color: #2F2F2F; border-color: #2F2F2F;}
.paginationright ul li.prev a{color: #2F2F2F; font-size: 14px; font-weight: 500; padding: 0px 10px;transform: rotate(180deg);}
.paginationright ul li.prev a i{font-size: 14px;}
.paginationright ul li.next{border-color: #CFCFCF;}
.paginationright ul li.next a{color: #2F2F2F; font-size: 14px; font-weight: 500; padding: 0px 10px;}
.paginationright ul li.next a i{font-size: 14px;}
.paginationright ul li.dotted{border: none; min-width: 20px;}

.post-heading{margin: 15px 0;}
.post-heading h2 {
  font-size: 30px;
  color: #000;
  font-weight: 400;
  text-align: left;
  line-height: normal;
}
.details_date h4{
  font-size: 15px;
  color: #666;
}
.post-content {
  margin: 15px 0;
}
.post-content p{
  font-size: 15px;
  color: #333;
}

/*---------------------------
    Comment Form Styles  
----------------------------*/
.comment-respond {
  margin: 40px 0;
  }
  .comment-respond .title {
  margin-bottom: 10px;
  font-size: 28px;
  font-weight: 600;
}
  .comment-respond .comment-notes {
  font-size: 14px;
  line-height: 22px;
  color: #333;
  margin-bottom: 30px;
  }
  .comment-respond .comment-form-cookies-consent {
  margin-bottom: 20px;
  }
  .comment-respond .form-group{
  margin-bottom: 15px;
  }
.comment-respond .form-group label {
  margin-bottom: 6px;
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}
  .comment-respond .form-group input {
  border: 0 none;
  border-radius: 4px;
  height: 50px;
  font-size: 13px;
  padding: 0 20px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  width: 100%;
}
.comment-respond .form-group textarea {
  min-height: 160px;
  border: 0 none;
  border-radius: 4px;
  resize: none;
  padding: 15px;
  font-size: 13px;
  background-color: #f2f2f2;
  border: 1px solid #ccc;
  width: 100%;
}
.comment-respond  input[type="checkbox"] ~ label, input[type="radio"] ~ label {
  position: relative;
  font-size: 12px;
  line-height: 17px;
  color: #666;
  font-weight: 400;
  padding-left: 10px;
  cursor: pointer;
}
.comment-respond .form-submit button{
  width: auto;
  padding: 0 30px;
  border-radius: 6px;
  display: inline-block;
  /* font-weight: 500; */
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  /* height: 60px; */
  background: #000;
  color: #fff;
  font-weight: 500;
  font-size: 15px;
  height: 50px;
  border: 2px solid #000;
}

.comment-respond .form-submit button:hover{
  background: #FFB900;
  color: #000;
  border: 2px solid #FFB900;
}




.instructr-select{
  background: #000;
  padding: 30px 0;
  position: relative;
  margin: 50px 0;
  overflow: hidden;
}

.step-info h2{
  color: #fff;
  font-weight: 600;
}
.step-info h4{
  color: #fff;
  font-weight: 500;
}
.step-info h4 strong{
  color: #fff;
  font-weight: 500;
}
.step-info h4 b{
  color: #fff;
  font-weight: 500;
}

.lesson-info {
  background: #fff;
  border: 3px solid #ffb900;
  border-radius: 20px;
  padding: 20px;
  float: right;
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}
.lesn-heading{
  margin-bottom: 15px;
}
.lesn-heading h6 {
  font-weight: 600;
  font-size: 18px;
  color: #000;
  margin-bottom: 0;
}
.lesn-heading p{
  font-size: 14px;
  color: #666;
}

.lesson-row{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding:8px 10px;
}
.lesson-row:nth-child(odd) {background: #FFF6DF}
/*.lesson-row:nth-child(even) {background: #CCC}*/

.leson-hourly{
  display: flex;
  align-items: center;
}
.lesontime{
  font-size: 20px;
}

.lsnprice strong{
  font-size: 18px;
  font-weight: 600;
}
.lsndiscunt .savedprc {
  background: #ffb900;
  color: #000;
  padding: 6px 10px 7px;
  border-radius: 30px;
  font-size: 12px;
  margin-left: 15px;
}


.search-filter .search-from {
  justify-content: center;
  background: #fff;
  padding: 30px;
  border-radius: 15px;
  border: 2px solid #ffb900;
}

.srchfltrbtn button{
  background: #FFB800;
  padding: 11px 30px;
  color: #fff;
  border: none;
  border-radius: 10px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.srchfltrbtn button:hover{
  background: #000;
}

.search-filter .selectotion {
  max-width: inherit;
  align-items: center;
  width: auto;
}
.cstumsrch input {
  height: 46px;
  border: 1px solid #ccc;
  padding: 0 10px;
  border-radius: 5px;
  margin-right: 10px;
}
.search-filter .selectotion .radio.size{
  max-width: inherit;
  width: auto;
}
.search-filter .selectotion .radio.size label {
  max-width: inherit;
  width: auto;
  background: #faf5e8;
  border: 1px solid #e1d4b3;
}

.dylbl{
  margin-right: 12px;
}
.dayinfo {
  border-left: 2px solid #ccc;
  padding-left: 15px;
  margin-left: 5px;
}

.avilbl-heding{
  margin: 50px 0 30px;
}
.avilbl-heding h4 {
  font-size: 30px;
  font-weight: 600;
  text-align: left;
  margin: 0;
}
.viwbttn {
  background: #000 !important;
  color: #fff !important;
  margin-bottom: 3px;
}
.viwbttn:hover {
  background: #FFB800 !important;
  color: #000 !important;
}



.instructor-detls{
  padding: 60px 0;
}

.instructr-profile{
  padding: 20px;
  padding: 15px;
  box-shadow: rgb(221, 218, 211) 0px 1px 12px;
}
.profile-info {
  display: flex;
  gap: 15px;
  align-items: center;
  margin-bottom: 15px;
  border: 1px solid #ffb900;
  border-radius: 10px;
  padding: 15px;
  background: #fffbf1;
  margin-bottom: 30px;
}

.profilepic {
  width: 130px;
  height: 130px;
  border-radius: 100%;
  overflow: hidden;
}
.profilepic img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.profildtl h4{
  margin: 0;
  font-weight: 600;
}
.profildtl p{
  margin: 5px 0;
}

.profile-desp h4{
  font-size: 22px;
  font-family: 'stolzlbold';
}


.instructor-ratings-panel h4{
  display: flex;
  align-items: center;
  font-weight: 500;
}
.instructor-ratings-panel h4 i {
 font-size: 16px;
  margin-left: 6px;
  color: #FFB900;
}
.small-margin-bottom-5 {
  margin-bottom: 5px !important;
}
.small-margin-top-30 {
  padding: 10px 0;
  border-top: 1px solid #e6dede;
}
.small-margin-top-30 .right {
  float: right;
  color: #FFB900;
  font-size: 11px;
}



.instructr-right {
  padding: 15px;
  box-shadow: rgb(221, 218, 211) 0px 1px 12px;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 30px;
}

.bkonline {
  background: #FFB900;
  padding: 12px;
  text-align: center;
  color: #000;
  border-radius: 8px;
  font-size: 15px;
  margin: 8px 0;
  display: block;
}
.bkonline:hover{
  color: #fff;
  background: #CC9606;
}
.chkablty{
  background: #000;
  padding: 12px;
  text-align: center;
  color: #FFB900;
  border-radius: 8px;
  font-size: 15px;
  margin: 8px 0;
  display: block;
}
.chkablty:hover{
  color: #fff;
  background: #202020;
}

.shwrtng {
  background: #f2f2f2;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 16px;
  color: #000;
  border-radius: 8px;
  padding: 15px;
  margin-bottom: 15px;
  font-weight: 600;
}


.instructr-info{
  overflow: hidden;
  width: 100%;
  padding: 30px 0 0;
}
.instrctr-inner {
  display: flex;
  gap: 10px;
  margin: 15px 0;
  align-items: center;
}
.instrctr-inner h6 {
  font-size: 17px;
  color: #000;
  margin-bottom: 5px;
  font-weight: 600;
}
.instrctr-inner p{
  font-size: 14px;
  color: #666;
}
.insticon i{
  width: 30px;
  height: 30px;
  background: #ffedbf;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  flex: 0 0 30px;
  color: #4e4949;
}


.instruheading h3 {
  font-size: 20px;
  color: #000;
  font-weight: 600;
  margin-bottom: 20px;
  border-bottom: 1px solid #ccc;
  padding-bottom: 15px;
}
.instruheading ul{
  padding: 0;
  list-style: none;
}
.instruheading ul li {
  display: inline-block;
  padding: 4px 8px 6px;
  border-radius: 5px;
  background: #fff3d0;
  color: #000;
  margin: 4px 1px;
  font-size: 14px;
}

.instruheading ul{
    max-height: 300px;
    padding-right: 10px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1;
    &::-webkit-scrollbar {
        width: 10px;
    }
    &::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    &::-webkit-scrollbar-thumb {
        background-color:#c1c1c1;
        border-radius: 20px;
        border: 3px solid #f1f1f1;
    }
}

.popular-inner{
  display: flex;
  gap: 12px;
}
.puplrvchl{
  max-width: 100px;
  border-radius: 6px;
  border: 1px solid #ccc;
  overflow: hidden;
}

.puplrdtl h4{
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 0;
}
.puplrdtl p{
  font-size: 14px;
  margin-bottom: 5px;
  color: #666;
}
.popular-inner:last-child{
  border: 0;
  margin: 0;
}

.bookinginfo p{
  color: #666;
  font-size: 14px;
}

.bookinginfo{
    max-height: 300px;
    padding-right: 10px;
    overflow: auto;
    scrollbar-width: thin;
    scrollbar-color: #c1c1c1 #f1f1f1;
    &::-webkit-scrollbar {
        width: 10px;
    }
    &::-webkit-scrollbar-track {
        background: #f1f1f1;
    }
    &::-webkit-scrollbar-thumb {
        background-color:#c1c1c1;
        border-radius: 20px;
        border: 3px solid #f1f1f1;
    }
}







.gift-chkout{
  padding: 60px 0;
}
.gftitle{
  font-size: 30px;
  font-weight: 600;
  font-family: 'StolzlMedium';
  margin-bottom: 30px !important;
}

.gftcard-shw {
  box-shadow: rgb(230, 221, 199) 0px 1px 8px 0px;
  padding: 15px;
}

.gftcrdimg {
  border: 1px solid #ffb900;
  border-radius: 10px;
  background: #fffcf4;
  padding: 10px;
  margin: 15px 0;
}

.vouchar-from{
  margin-bottom: 15px;
}
.vouchar-from p{
  font-size: 16px;
  color: #000;
  margin-bottom: 8px;
}
.vouchar-from p sup{
  color: red;
  font-size: 16px;
}
.vouchar-from select{
  width: 100%;
  height: 50px;
  background: #fff;
  border: 1px solid #ccc;
  font-size: 16px;
  padding: 0 15px;
  border-radius: 5px;
}

.pymthourly{
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #ccc;
  padding: 10px 15px;
  border-radius: 5px;
}
.gftcrdqntity select{
  height: 40px;
  width: 100px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 5px;
  padding-left: 10px;
}

.vuchroffr span {
  display: inline-block;
  background: #000;
  color: #fff;
  padding: 2px 6px 4px;
  border-radius: 7px;
  font-size: 13px;
  font-weight: 600;
}

.total-sec {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 6px 15px;
  border-radius: 0 0 5px 5px;
  background: #ffb900;
}
.total-sec span{
  font-size: 22px;
}
.total-sec strong{
  font-size: 22px;
}

.sender-sec{
  margin-top: 15px;
}
.sender-sec p {
  font-size: 16px;
  color: #000;
  margin-bottom: 8px;
}
.sender-sec p sup {
  color: red;
  font-size: 16px;
  top: -2px;
}
.sender-sec input{
  width: 100%;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding:0 10px;
}
.sender-sec textarea{
  width: 100%;
  min-height: 120px;
  border-radius: 5px;
  border: 1px solid #ccc;
  padding:10px;
}

.chkoutbtn {
  background: #FFBB00;
  display: block;
  padding: 14px;
  width: 100%;
  text-align: center;
  color: #000;
  font-weight: 600;
  border: none;
  border-radius: 6px;
  margin-top: 15px;
  font-size: 18px;
}
.chkoutbtn:hover{
  background: #000;
  color: #fff;
}


/* Custom Radio */
.customRadio { position: relative; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 10px; }
.customRadio input[type="radio"] { position: absolute; overflow: hidden; clip: rect(0 0 0 0); display: none; }
.customRadio input[type="radio"] + label { position: relative; padding: 0 0 0 30px; cursor: pointer;font-size: 16px; }
.customRadio input[type="radio"] + label:before { content: ''; background: #ffffff; border: 1px solid #d0d0d0; height: 20px; width: 20px; border-radius: 50%; position: absolute; top: 0; left: 0; }
.customRadio input[type="radio"] + label:after { content: ''; background: #333333; width: 10px; height: 10px; border-radius: 50%; position: absolute; top: 5px; left: 5px; opacity: 0; -webkit-transform: scale(2); transform: scale(2); -webkit-transition: transform 0.3s linear, opacity 0.3s linear; transition: transform 0.3s linear, opacity 0.3s linear; }
.customRadio input[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }



.tab-pane .form-group {
  margin-bottom: 1rem;
}
.tab-pane .form-group .form-control{
  height: 50px;
}
.lbltxt{
  margin-bottom: 8px;
}


.gift-step .nav-link.active{
  color: #FFB800 !important;
  background: #000;
}
.gift-step .nav-tabs .nav-link{
  color: #000;
}

.beforlogin span{
  display:none !important;
}


/*Responsive*/

@media screen and (min-width:1600px) {

  .container{max-width: 1560px;}
  
  
  
  }
  
  @media (min-width: 1700px) and (max-width: 1799px) {
  
  
  
  }
  
  @media (min-width: 1600px) and (max-width: 1699px) {
  
  .classesSEC .row {margin: 0px -20px;}
  .classesSEC .row > div {padding: 0 20px;}
  .whyrt .row > div:last-child .whyimg i {bottom: -55px;right: -15px;}
  .servicelst::after {right: -20px;}
  
  }
  
  
  @media only screen and (max-width: 1599px) {
  
  .classesSEC .row {margin: 0px -20px;}
  .classesSEC .row > div {padding: 0 20px;}
  .whyrt .row > div:last-child .whyimg i {bottom: -55px;right: -15px;}
  .servicelst::after {right: -20px;}
  .bnrtxtinr h2 {margin: 0 0 25px;}
  .defultBTN {height: 60px;font-size: 18px;line-height: 27px;padding: 0 40px;}
  .bannerSec .owl-dots button {width: 25px;height: 25px;margin: 0 8px;}
  .bannerSec .owl-dots {bottom: 70px;}
  .hdrmnu li a {font-size: 17px;line-height: 24px;padding: 6px;}
  .hdrmnu li {padding: 9px 18px;}
  ul.slimmenu li > ul > li a {padding: 8px 10px;font-size: 16px;line-height: 22px;}
  ul.slimmenu li .sub-toggle::after {font-size: 17px;line-height: 24px;}
  .hdrtop {padding: 15px 0;}
  .headersec{border-width: 4px;}
  .hderinfo li a {font-size: 14px;line-height: 20px;}
  .hderinfo li {margin: 0 27px 0 0;}
  .hderinfo li span {width: 34px;height: 34px;margin: 0 13px 0 0;font-size: 13px;}
  .hdrsocil {margin: 0 0 0 0;}
  .hdrsocil li a {width: 35px;height: 35px;}
  .bnrtxt {bottom: 28%;}
  .pgehding h2, .whylft h1, .bnrtxtinr h2 {font-size: 70px; line-height: 80px;}
  
  
  
  ul.slimmenu li .sub-toggle {width: 13px;height: 13px;top: 23px;right: 3px;}
  .bannerSec {margin: 0 0 0;}
  
  .choose-from-sec h2 {
    font-size: 68px;
    line-height: 80px;
  }
  .driving-car {
    max-width: 420px;
  }
  
  .redcar {
    max-width: 196px;
    margin: 0 auto;
  }
  .countpluscon {
    font-size: 75px;
    line-height: 62px;
  }
  .cuntingbx .count {
    font-size: 70px;
  }
  .countpluscon {
    font-size: 50px;
    line-height: 62px;
  }
  
  .lftangel-shp {
    max-width: 140px;
  }
  
  }
  
  @media only screen and (max-width: 1399px) {
  .hdrmnu li {
    padding: 9px 18px;
  }
  .hdrmnu li a {font-size: 16px;line-height: 23px;}
  ul.slimmenu li > ul > li a {font-size: 15px;line-height: 20px;}
  ul.slimmenu li .sub-toggle::after {font-size: 16px;line-height: 23px;}
  .hderinfo li a {font-size: 14px;line-height: 20px;}
  .hderinfo li span {width: 31px;height: 31px;margin: 0 11px 0 0;font-size: 12px;}
  .hderinfo li {margin: 0 20px 0 0;}
  .hdrsocil {margin: 0 0 0 0;}
  .hdrsocil li a {width: 32px;height: 32px;font-size: 14px;}
  .hdrlgo {width: 130px;}
  .hdrtop {padding: 13px 0;}
  .pgehding h2, .whylft h1, .bnrtxtinr h2 {font-size: 60px;line-height: 70px;}
  .defultBTN {height: 50px;font-size: 16px;line-height: 25px;padding: 0 35px;border-radius: 8px;}
  .bannerSec .owl-dots button {width: 22px;height: 22px;margin: 0 6px;}
  .bannerSec .owl-dots button span {width: 6px;height: 6px;}
  .bannerSec .owl-dots {bottom: 50px;}
  
  .headersec {border-width: 3px;}
  ul.slimmenu li .sub-toggle {width: 12px;height: 12px;top: 24px;right: 4px;}
  
  .classesCon {max-width: 300px;padding: 15px 22px;}
  
  .cuntingbx .count {
    font-size: 50px;
  }
  
  .testdrving-cost h2 {
    font-size: 50px;
  }
  .testdrving-cost {
    max-width: 405px;
  }
  
  .driving-car {
    max-width: 304px;
  }
  .redcar {
    max-width: 152px;
  }
  .driving-test-sec {
    padding: 40px 0;
  }
  .infcon {
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
  }
  .infcon img{max-width: 40px;}
  .tsting-info {
    padding: 12px 0;
  }
  .giftinfo h2 {
    font-size: 50px;
  }
  .skill-objct p {
    font-size: 15px;
    line-height: normal;
  }
  .skill-icon{
    width: 80px;
    height: 80px;
    flex: 0 0 80px;
  }
  .vuchrbtn {
    font-size: 13px;
  }
  .lesson-eading h2 {
    font-size: 50px;
    line-height: normal;
  }
  .blog-objct h6 {
    font-size: 15px;
    line-height: 22px;
  }
  .hwitheder h2 {
    font-size: 65px;
    font-weight: 700;
    line-height: normal;
  }
  
  .ftrlink ul li a {
    font-size: 15px;
    line-height: 45px;
  }
  .ftrlink ul li a span {
    font-size: 12px;;
  }
  .cntctinfo a {
    font-size: 16px;
  }
  .cntctinfo p{
    font-size: 16px;
  }
  .cntctinfo span {
    width: 55px;
    height: 55px;
    flex: 0 0 55px;
  }
  .bnr-pge-heding h3 {
    font-size: 45px;
    line-height: normal;
  }
  .bnr-pge-heding {
    bottom: 26%;
  }
  
  
  }
  
  @media only screen and (max-width: 1199px) {
  
  .hdrmnu li a {font-size: 15px;line-height: 20px;}
  .hdrmnu li {padding: 10px 10px;}
  ul.slimmenu li > ul > li a {font-size: 14px;line-height: 20px;}
  ul.slimmenu li > ul {width: 200px;padding: 10px;}
  ul.slimmenu li .sub-toggle::after {font-size: 14px;line-height: 20px;}
  ul.slimmenu li .sub-toggle {top: 20px;right: -2px;}
  .pgehding h2, .whylft h1, .bnrtxtinr h2 {font-size: 50px;line-height: 55px;}
  .bannerSec .owl-dots button {width: 20px;height: 20px;margin: 0 4px;}
  .bannerSec .owl-dots {bottom: 35px;}
  .bnrtxt {bottom: 25%;}
  .classesSEC {padding: 50px 0;}
  .classesSEC .row > div {padding: 0 12px;}
  .classesSEC .row {margin: 0px -12px;}
  .classesCon {padding: 15px;max-width: 275px;}
  .lernLnk {font-size: 15px;line-height: 20px;margin-left: -93px;}
  .lernLnk span {font-size: 10px;margin-left: 10px;}
  .classesCon h4 {font-size: 20px;line-height: 25px;}
  .classesICn > figure {max-width: 275px;height: 250px;padding: 20%;}
  .classesICn span {font-size: 57px;}
  .classesICn::after {width: 275px;}
  .classesICn {min-height: 365px;}
  .classesBX {margin: 40px 0 0;}
  .classesbtn {margin: 40px 0 0;}
  
  
  
  
  
  }
  
  @media only screen and (max-width: 991px) {
  
  
  
  .collapse-button{right: 12px; background: transparent !important; border-radius: 0px; padding: 0px; width: auto; top: 16px;
  transform: inherit;}
  .collapse-button .icon-bar{background: #FFBB00; height: 3px; border-radius: 5px; width: 25px; margin: 6px 0;
  transition: all 0.3s ease-in-out;}
  .collapse-button.icnAdd .icon-bar:nth-child(2){opacity: 0; visibility: hidden;}
  .collapse-button.icnAdd .icon-bar:nth-child(1) {transform: rotateZ(45deg) scaleX(1.25) translate(6px, 6px);}
  .collapse-button.icnAdd .icon-bar:nth-child(3) {transform: rotateZ(-45deg) scaleX(1.25) translate(6px, -6px);}
  .collapse-button .icon-bar:first-child{margin-top: 0;}
  .collapse-button .icon-bar:last-child{margin-bottom: 0;}
  
  .hdrbtm{position: static;}
  .lftmov, .rghtmov {display: none;}
  .hdrmnu li a {
    color: #FFF;
  }
  
  
  
  .hdrtop {padding: 0;}
  .headersec .container{padding: 0; max-width: 100%;}
  .hderinfo li a{font-size: 0px;}
  .logincls ul li a{
    font-size: 12px !important;
  }
  .hderinfo li span{margin: 0;}
  .hderinfo li {margin: 0 15px 0 0;}
  .hdrsocil {margin: 0 0 0 15px;}
  .hdrsocil li {margin: 0 15px 0 0;}
  .hdrlgo{margin: 10px 12px;}
  .hdrtopinrRT{margin: 0 70px 0 0;}
  .hdrmnu ul {flex-wrap: wrap;}
  ul.slimmenu {position: absolute;left: 0;top: 100%;z-index: 9;background: rgba(0, 0, 0, 0.91);box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;}
  .bnrtxt {bottom: auto;top: 50%;transform: translateY(-50%);}
  .pgehding h2, .whylft h1, .bnrtxtinr h2 {font-size: 45px;line-height: 50px;}
  .classesSEC .row{justify-content: center;}
  .bnrtxtinr h2 {margin: 0 0 22px;}
  .bannerSec .owl-dots {bottom: 25px;}
  
  
  .hdrmnu li{padding: 0;}
  .hdrmnu li a {padding: 10px 12px;}
  ul.slimmenu.collapsed li a {border-bottom: 1px solid rgba(255,255,255,0.075);}
  ul.slimmenu.collapsed li .sub-toggle {height: 41px;top: 0;right: 0;width: 41px !important;}
  ul.slimmenu.collapsed li > ul{width: 100%; float: left;}
  ul.slimmenu.collapsed li > ul i{display: none;}
  .headersec.fixed_header .hdrtop {display: block;}
  
  
  
  .test-driving {
    display: block;
  }
  .driving-car {
    overflow: hidden;
    position: relative;
    margin: 30px auto;
  }
  .testdrving-cost h2 {
    font-size: 44px;
  }
  .testdrving-cost span{max-width: 160px;display: inline-block;}
  .testdrving-cost h3 {
    font-size: 65px;
  }
  
  .cuntingbx .count {
    font-size: 30px;
  }
  .cuntingbx p {
    font-size: 15px;
    line-height: normal;
  }
  .cunting-inner .container .row > div::after {
    width: 36px;
    height: 20px;
    background-size: contain;
  }
  .countpluscon {
    font-size: 30px;
    line-height: 42px;
  }
  
  .bookheding h2 {
    font-size: 45px;
    line-height: normal;
  }
  .bookheding span{
    display: inline-block;
    max-width: 160px;
  }
  .rodshp img {
    max-width: 45%;
  }
  .bkshp {
    max-width: 280px;
  }
  .learns-heding h2 {
    font-size: 45px;
    line-height: normal;
  }
  .learns-heding span{display: inline-block;max-width: 160px;}
  
  .hwitheder h2{font-size: 45px;line-height: normal;}
  .doublebdr {
    max-width: 170px;
  }
  
  .choose-from-sec .container .row .col{
    flex: 0 0 50%;
    margin-bottom: 20px;
  }
  .choose-from-sec h2 {
    font-size: 50px;
    line-height: normal;
    padding-bottom: 50px;
  }
  .choose-from-sec h2 span {
    max-width: 170px;
  }
  .lesson-eading h2 {
    font-size: 44px;
    line-height: normal;
  }
  .urodpic {
    right: 4%;
    max-width: 255px;
  }
  .giftinfo h2 {
    font-size: 44px;
    line-height: normal;
  }
  .faq-sec .accordion-button img {
    margin-right: 15px;
    max-width: 100px;
  }
  .faq-heding h2{
    font-size: 44px;
    line-height: normal;
  }
  .faq-heding img {
    margin-right: 15px;
    max-width: 100px;
  }
  .faq-heding span {
    padding-left: 42px;
  }
  
  .faq-sec .accordion-item button {
    font-size: 18px;
    padding-right: 50px;
  }
  .accordion-body ul li {
    font-size: 18px;
    line-height: 22px;
  }
  .accordion-body p {
    font-size: 17px;
    line-height: 28px;
  }
  .blog-objct h6 {
    font-size: 18px;
  }
  .ourblog-bx {
    background: #151515;
    margin-bottom: 15px;
  }
  .vuchrbtn {
    font-size: 13px;
  }
  .gift-sec {
    padding: 50px 0 60px;
  }
  .hwitwrks {
    padding: 30px 0;
  }
  .choose-from-sec {
    padding: 150px 0 60px;
  }
  .search-inner {
    padding: 30px 30px;
  }
  .cnctadrss {
  padding: 30px 0;
}
.beforlogin span{
  display:flex !important;
}
  
  }
   
  @media only screen and (max-width: 767px){
  
  .pgehding h2, .whylft h1, .bnrtxtinr h2 {font-size: 35px;line-height: 40px;}
  .defultBTN {height: 42px;font-size: 14px;line-height: 23px;padding: 0 25px;border-radius: 5px;}
  .bnrtxtinr h2 {margin: 0 0 20px;}
  .bnrimg > img{height: 300px;}
  .hdrsocil li, .hderinfo li {margin: 0 10px 0 0;}
  .hdrsocil {margin: 0 0 0 10px;}
  
  .search-from {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
  }
  .serchtype {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 15px;
  }
  .serchtype button {
    margin-top: 15px;
  }
  .search-inner {
    padding: 20px;
  }
  .baner-srch {
    position: static;
    margin-top: 0;
  }
  .choose-from-sec {
    padding: 50px 0;
  }
  .testdrving-cost h2{
    font-size: 36px;
    line-height: normal;
  }
  .testdrving-cost span{
    max-width: 160px;
    display: inline-block;
  }
  .lesson-eading h2{
    font-size: 36px;
    line-height: normal;
  }
  .lesson-eading span{
    max-width: 160px;
    display: inline-block;
  }
  .urodpic {
    right: 7%;
    max-width: 200px;
  }
  .giftinfo h2{
    font-size: 36px;
    line-height: normal;
  }
  .choose-from-sec .container > .row .col{
    flex: 0 0 50%;
    margin-bottom: 15px;
  }
  .choose-from-sec h2 {
    font-size: 40px;
    line-height: normal;
  }
  .choose-from-sec h2 span {
    max-width: 162px;
  }
  
  .learns-heding h2{
    font-size: 40px;
    line-height: normal;
  }
  .learns-heding span {
    max-width: 162px;
    display: inline-block;
  }
  .bookheding h2 {
    font-size: 36px;
    line-height: normal;
  }
  .bookheding span {
    max-width: 162px;
    display: inline-block;
  }
  .rodshp {
    max-width: 225px;
  }
  .cuntingbx .count {
    font-size: 20px;
  }
  .cuntingbx p {
    font-size: 13px;
    line-height: normal;
  }
  .cunting-inner .container .row > div::after {
    width: 40px;
    height: 14px;
    background-size: contain;
  }
  
  .faq-sec .accordion-button img {
    max-width: 60px;
  }
  .faq-sec .accordion-item button {
    font-size: 16px;
  }
  .accordion-body ul li {
    font-size: 15px;
    line-height: normal;
    padding: 6px 0;
  }
  .accordion-body p {
    font-size: 15px;
    line-height: 22px;
  }
  .faq-heding h2{
    font-size: 36px;
    line-height: normal;
  }
  .faq-heding span {
    max-width: 170px;
    display: inline-block;
    padding-left: 30px;
  }
  .blog-objct h6 {
    font-size: 16px;;
  }
  .hwitheder h2{
    font-size: 36px;
    line-height: normal;
  }
  .doublebdr {
    max-width: 160px;
  }
  .gift-sec {
    padding: 60px 0 60px;
  }
  .skill-objct h3 {
    font-size: 16px;
    margin-bottom: 0;
  }
  .skill-objct p {
    font-size: 15px;
    line-height: 26px;
  }
  .drvngbkbtn {
    margin-top: 30px;
  }
  .faq-sec .accordion-item button {
    font-size: 17px;
    padding: 10px 50px 10px 0;
  }
  
  .counting-sec > img{
    min-height: 100px;
    object-fit: cover;
  }
  
  .learn-emply .owl-nav {
    position: static;
    max-width: 104px;
    margin: 0 auto;
  }
  .learn-emply {
    padding: 0 0 30px;
  }
  
  
  .feture-info {
    padding: 0;
  }
  .feture-info h2 {
    font-size: 45px;
    line-height: normal;
  }
  .hbtomhdr img{
    max-width: 150px;
  }
  .feture-info p {
    font-size: 16px;
    line-height: normal;
    margin-bottom: 20px;
  }
  .feture-info ul li {
    font-size: 16px;
    line-height: 24px;
  }
  .vryfyshp {
    max-width: 250px;
  }
  .lrnrrod {
    max-width: 150px;
  }
  
  
  }
  
  @media only screen and (max-width: 575px){
  
  .pgehding h2, .whylft h1, .bnrtxtinr h2 {font-size: 30px;line-height: 35px;}
  .classesBX {margin: 30px 0 0;}
  .hderinfo li span, .hdrsocil li a {width: 26px;height: 26px; }
  .hdrsocil li, .hderinfo li {margin: 0 7px 0 0;}
  .hderinfo li span {font-size: 10px;}
  .hdrsocil li a{font-size: 13px;}
  .hdrtopinrRT {margin: 0px 40px 0 0;}
  .hdrlgo {width: 130px;}
  .collapse-button {top: 14px;}
  
  
  
  
  .choose-from-sec h2 {
    font-size: 32px;
    line-height: normal;
  }
  
  .choose-from-sec .container > .row .col{
    flex: 0 0 100%;
  }
  .giftinfo {
    padding-left: 0;
  }
  .quiklink {
    padding-left: 0;
    margin-top: 20px;
  }
  .ftr-heding h5 {
    font-size: 20px;
    line-height: normal;
  }
  .ftr-heding {
    margin-bottom: 14px;
  }
  .giftinfo h2 {
    font-size: 30px;
    margin-top: 15px;
  }
  .bookheding h2 {
    font-size: 30px;
  }
  .larnbx {
    border-left: 0;
    padding: 30px 0 30px 0;
    text-align: center;
  }
  .larnbx p {
    font-size: 15px;
    text-align: center;
  }
  .lernerpic {
    width: 150px;
    height: 150px;
    margin: 30px auto;
  }
  .learns-heding h2 {
    font-size: 30px;
  }
  .learns-heding p {
    font-size: 15px;
    line-height: normal;
  }
  .hwit-detls strong {
    font-size: 80px;
    line-height: 80px;
    top: -28px;
  }
  
  .choose-from-sec {
    padding: 50px 0 0;
  }
  .lesn-bx {
    text-align: center;
  }
  .rdypic {
    margin: 0 auto;
  }
  .lesn-bx p {
    font-size: 14px;
    line-height: 25px;
    text-align: center;
  }
  .counting-sec > img {
    min-height: 300px;
    object-fit: cover;
  }
  .cunting-inner .container .row .col-4{
    flex: 0 0 100%;
    margin: 5px 0;
  }
  .cunting-inner .container .row > div::after {
    display: none;
  }
  
  
  .footer-sec {
    padding: 30px 0;
  }
  .footer-sec .container .row div:first-child{
    order: 2;
  }
  .footer-sec .container .row div:nth-child(2){
    order: 1;
    margin-bottom: 30px;
  }
  .footer-sec .container .row div:nth-child(3){
    order: 3;
  }
  .cntctinfo{
    margin-bottom: 15px !important;
  }
  .faq-sec {
    width: 100%;
    padding: 60px 0 0;
  }
  .feture-info h2 {
    font-size: 36px;
  }
  .hbtomhdr {
    margin: 15px 0;
  }
  .fetured-sec {
    padding: 30px 0;
  }
  .lftangel-shp {
    max-width: 36px;
    top: 19px;
  }
  .vryfy-dtl h6 {
    font-size: 18px;
    line-height: normal;
  }
  .fetured-sec .bookbx h5 {
    font-size: 15px;
  }
  .bnrimg > img {
    height: 200px;
  }
  .bnr-pge-heding h3 {
    font-size: 30px;
  }
  .loginboxouter {
  margin: 0 0 30px;
  padding: 20px;
}


  }
  
  @media only screen and (max-width: 480px){ 
  
  .hdrsocil{display: none;}
  .hdrlgo {width: 120px;}
  
  
  
  .contentpnl h1, .contentpnl h2, .contentpnl h3 {font-size: 25px;line-height: 32px;}
  .how-it-info {
    margin: 20px 0;
  }
  .tsting-info p {
    font-size: 15px;
  }
  
  
  }



.not-found{
  width: 100%;
  height: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fffaeb;
  border: 1px solid #ffb900;
}

.not-found p{
  font-size: 20px;
  color: red;
}
.not-found p i{
  font-size: 40px;
  display: block;
}

.noservc {
  border-radius: 6px;
  border: 1.5px solid #ffb900;
  padding: 15px;
  background: #ffebb6;
}
.noservc p a {
  color: #ff8300;
  font-weight: 600;
}
.noservc p a:hover{
  color: #000;
}




/*1-Apr*/
.lesson-gift{
  width:100%;
  background: #000;
  padding: 40px 0;
  margin: 0 0 0;
}

.lesoninformation h3{
  font-family: 'stolzlbold';
  font-size: 30px;
  font-weight: 500;
  line-height: 30px;
  color: #fff;
}
.lesoninformation p{
  font-size: 18px;
  color: #fff;
}
.lesoninformation a {
  background: #FFB800;
  padding: 11px 30px;
  color: #fff;
  border: none;
  border-radius: 10px;
  display: inline-block;
  margin-top: 20px;
}
.gift-slide{
  padding-right: 30px;
}

.gift-slide .owl-dots{
  text-align: center;
}
.gift-slide .owl-dots .owl-dot span{
  width: 10px;
  height: 10px;
  background: #ccc;
  border-radius: 100%;
  display: inline-block;
  margin: 3px;
}
.gift-slide .owl-dot.active span{
  background: #FFB800;
}



/* Steps */
.Scriptcontent{
  padding: 30px 0 0 15px;
}
.step {
  position: relative;
/*  min-height: 80px;*/
  color: gray;
}
.step + .step {
  margin-top: 1.5em
}
.step > div:first-child {
  position: static;
  height: 0;
}
.step > div:not(:first-child) {
  margin-left: 1.5em;
  padding-left: 1em;
}
.step.step-active {
  color: #4285f4
}
.step.step-active .circle {
  background-color: #ffb800;
}

/* Circle */
.circle {
  background: #ffb800;
  position: relative;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  border-radius: 100%;
  color: #fff;
  text-align: center;
  box-shadow: 0 0 0 3px #fff;
}

/* Vertical Line */
.circle:after {
  content: ' ';
  position: absolute;
  display: block;
  top: 1px;
  right: 50%;
  bottom: 1px;
  left: 50%;
  height: 100%;
  width: 1px;
  transform: scale(1, 2);
  transform-origin: 50% -100%;
  background-color: rgba(0, 0, 0, 0.25);
  z-index: -1;
}
.step:last-child .circle:after {
  display: none
}

/* Stepper Titles */
.Scriptcontent .title {
  font-size: 20px;
  font-weight: 600;
  color: #000;
}
.Scriptcontent .caption {
  font-size: 15px;
}

.Scriptcontent .caption a{
  color: #FFB800;
}



.price-section{
  padding: 50px 0;
}
.price-bx {
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  width: 100%;
  justify-content: center;
  align-items: center;
  padding: 15px;
  min-height: 250px;
  display: flex;
  border: 2px solid #f8f8f8;
  border-radius: 6px;
}
.inner-hurly{
  text-align: center;
}
.inner-hurly .block {
  display: block;
  font-size: 16px;
  font-weight: 600;
  margin-top: 0.625rem;
  color: #666;
}
.inner-hurly .saved{
  display: block;
  color: #F97066;
  font-weight: 600;
  text-transform: uppercase;
  margin-top: 1.25rem;
  font-size: 16px;
}
.hrly{
  font-size: 25px;
  font-weight: 600;
}
.hrly small{
  font-size: 18px;
  color: #666;
  text-transform: uppercase;
}
.hurlyprc {
  font-size: 30px;
  font-weight: 600;
}
.hurlyprc sub {
  bottom: 0px;
  font-size: 20px;
}

.price-bx:hover{
  border: 2px solid #ffb800;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 50px;
}

.buygiftvuchr {
  margin: 30px 0;
  text-align: center;
}
.buygiftvuchr a{
  display: inline-block;
  padding: 15px 30px;
  border-radius: 6px;
  color: #000;
  font-size: 18px;
  font-weight: 600;
  background: #ffb800;
}
.buygiftvuchr a:hover{
  background: #000;
  color: #fff;
}




.dsclmr{
  margin: 50px 0;
  padding: 0 30px;
}
.dsclmr p {
  font-size: 18px;
  font-weight: 600;
  color: #7a7a7a;
  text-align: center;
}

.pkage-sec{
  display: flex;
  justify-content: space-between;
  gap: 15px;
}
.price-section .card{
  background: #fff;
  width: calc(33% - 20px);
  text-align: center;
  padding: 15px 30px  30px 30px;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);
}
.price-section .card .top{
  height: 130px;
  color: #fff;
  padding: 12px 0 0 0 ;
  clip-path: polygon(0 0, 100% 0, 100% 53%, 49% 100%, 0 53%);
}

.price-section .card .top .title{
 font-size: 27px;
 font-weight: 600;
 min-height: 30px;
}
.price-section .card .top .price-sec{
  margin-top: -10px;
  font-weight: 600;
}
.price-section .card .top .price{
  font-size: 45px;
}
.price-section .card .info{
  font-size: 16px;
  margin-top: 20px;
}
.price-section .card .details .one{
  margin-top: 25px;
  font-size: 16px;
  position: relative;
}
.price-section .card .details .one::before{
  position: absolute;
  content: "";
  width: 100%;
  background: #ddd;
  height: 1px;
  left: 0;
  top: -12px;
  border-radius: 25px;
}
.price-section .card .details .one i{
  color: #2db94d;
}
.price-section .card .details i.fa-times{
  color: #cd3241;
}
.price-section .card button{
  outline: none;
  border: none;
  height: 42px;
  color: #fff;
  margin-top: 30px;
  border-radius: 3px;
  font-size: 18px;
  width: 100%;
  display: block;
  transition: all 0.3s ease;
  cursor: pointer;
  letter-spacing: 1px;
}
.price-section .one .top,
.price-section .one button{
  background: #FFB900;
}
.price-section .two .top,
.price-section .two button{
  background: #000;
}
.price-section .three .top,
.price-section .three button{
  background: #11BCC3;
}
.price-section button:hover {
  filter: brightness(90%);
}
.price-section .one ::selection{
background: #8af5b6;
}
.price-section .two ::selection{
background:  #f2b08c;
}
.price-section .three ::selection{
background: #d0f9fb;
}
.price-section .card .details .one strong{
  display: block;
}
.price-sec .dollar{font-size: 20px;}
@media (max-width:1000px) {
   .price-section .card{
    background: #fff;
    width: calc(50% - 20px);
    margin-bottom: 30px;
}

}
@media (max-width:715px) {
 .price-section .card{
    width: 100%;
}
.pkage-sec{
  flex-wrap: wrap;
}
}

.inactive-tab { 
  cursor: not-allowed;
  pointer-events: none;
}
.errfield {
  border:2px solid red !important;
}





.multiple-qstn{
  padding: 60px 0;
}

.qstn-rslt {
	width: 100%;
	display: flex;
	align-items: center;
	padding: 20px;
	justify-content: space-between;
	box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
	position: sticky;
	top: 50px;
	background: #fff;
	z-index: 1;
}
.allqstn{
  display: flex;
  align-items: center;
  gap: 12px;
}
.allqstn i{
  color: #fff;
  background: #000;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 20px;
}
.allqstn strong{
  font-size: 20px;
  color: #000;
}
.allqstn p{
  font-size: 15px;
  color: #666;
  margin: 0;
}

.allcrct{
  display: flex;
  align-items: center;
  gap: 12px;
}
.allcrct i{
  color: #fff;
  background: #70bf41;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
}
.allcrct strong{
  font-size: 20px;
  color: #70bf41;
}
.allcrct p{
  font-size: 15px;
  color: #70bf41;
  margin: 0;
}

.alincrt{
  display: flex;
  align-items: center;
  gap: 12px;
}
.alincrt i{
  color: #fff;
  background: #c92608;
  width: 50px;
  height: 50px;
  border-radius: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 25px;
}
.alincrt strong{
  font-size: 20px;
  color: #c92608;
}
.alincrt p{
  font-size: 15px;
  color: #c92608;
  margin: 0;
}


.question-bx {
  padding: 15px;
  box-shadow: rgba(0, 0, 0, 0.05) 0px 6px 24px 0px, rgba(0, 0, 0, 0.08) 0px 0px 0px 1px;
  overflow: hidden;
  margin: 20px 0;
}
.qstntitle{
  margin-bottom: 15px;
}
.qstntitle h5{
  font-size: 20px;
  font-weight: 500;
}
.questn-inner{
  width: 100%;
  display: block;
}
.qstn-picture{
  max-width: 250px;
  width: 100%;
  float: left;
  margin-right: 15px;
}
.qustn-option {
  overflow: hidden;
  padding: 10px;
}

.radio.anselct{display: inline-block; margin: 3px 8px 3px 0px; position: relative; padding: 0px; width: 100%;}
.radio.anselct input[type="radio"]{position: absolute;left: 0px;top: 0px;margin: 0px;padding: 0px; opacity: 0;}
.radio.anselct label {
  padding: 11px 14px 10px 14px;
  border: 2.5px solid #ddd5d5;
  line-height: 100%;
  margin: 0px;
  -webkit-border-radius: 0px;
  border-radius: 5px;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  display: block;
  text-align: left;
  min-width: 45px;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.radio.anselct label::before{display: none;}
.radio.anselct label::after{display: none;}
.radio.anselct input[type="radio"]{position: absolute; left: 0px; top: 0px; margin: 0px; padding: 0px;}
.radio.anselct input[type="radio"]:checked + label{color: #000; border-color: #ffb900;}

.answer-hightlight {
  display: none;
  background-color: #ffe600;
  padding: 10px;
  margin-top: 8px;
}
.answer-hightlight .result {
  font-weight: bold;
  color: #000;
  font-size: 17px;
}
.reason-text {
  color: #333;
  line-height: 1.2em;
}

.crcttik {
  position: absolute;
  right: -9px;
  top: -10px;
  color: #16b52f;
  font-size: 30px;
  background: #fff;
}
.wrngtik{
  position: absolute;
  right: -9px;
  top: -10px;
  color: red;
  font-size: 30px;
  background: #fff;
}


.nxtqstn {
  width: 100%;
  text-align: right;
  overflow: hidden;
}
.nxtqstn button {
  float: right;
  width: 200px;
  font-size: 19px;
  height: 60px;
  margin-left: 15px;
  vertical-align: middle;
  text-align: center;
  font-size: 19px;
  line-height: 23px;
  text-transform: uppercase;
  padding: 6px 20px;
  border: 2px solid #ccc;
  box-shadow: none;
  background: #E8E8E8;
  color: #000;
}
.nxtqstn button > span{
  display: block;
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  text-transform: none;
}
.nxtqstn button:hover{
  background: #000;
  color: #fff;
  cursor: pointer;
}


.reorcesec{
  padding: 0 0 80px;
}
.resorcbx{
  box-shadow: rgba(50, 50, 93, 0.25) 0px 0px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
  padding: 15px;
  text-align: center;
  margin: 8px 0;
}
.resorcbx h6{
  font-size: 18px;
  color: #000;
}
.resorcbx p{
  font-size: 15px;
  color: #666;
}
.resorcbx a{
  display: inline-block;
  padding: 6px 16px 7px;
  border-radius: 5px;
  background: #000;
  color: #fff;
}
.resorcbx a:hover{
  background: #ffb900;
}


.dsclmrhdng{
  font-weight: 600;

}
.desclimr-sec p{
  font-size: 15px;
  color: #666;
}
.desclimr-sec a{
  display: inline-block;
  padding: 6px 16px 7px;
  border-radius: 5px;
  background: #000;
  color: #fff;
  float: right;
}
.desclimr-sec a:hover{
  background: #ffb900;
}



@media (max-width:1024px) {

.qstn-picture {
  max-width: 196px;
}

}


@media (max-width:640px) {
.qustn-option {
  overflow: inherit;
  padding: 10px 10px 0 0;
  margin-top: 10px;
}
.qstn-picture {
  max-width: 100%;
  text-align: center;
  float: none;
  margin-right: 0;
}
.allqstn i {
  width: 38px;
  height: 38px;
  font-size: 16px;
}
.allqstn strong {
  font-size: 16px;
}
.allcrct p {
  font-size: 14px;
}
.allcrct i{
  width: 38px;
  height: 38px;
  font-size: 16px;
}
.allcrct strong {
  font-size: 16px;
}
.allcrct p {
  font-size: 14px;
}
.alincrt i {
  width: 38px;
  height: 38px;
  font-size: 16px;
}
.alincrt strong {
  font-size: 16px;
}
.alincrt p {
  font-size: 14px;
}


}
.disable-option {
  pointer-events: none;
  cursor: default;
}
.nxtqstnmore {
  margin-top:20px;
  width: 100%;
  text-align: right;
  overflow: hidden;
}
.nxtqstnmore button {
  float: left;
  width: 200px;
  font-size: 19px;
  height: 60px;
  margin-left: 15px;
  vertical-align: middle;
  text-align: center;
  font-size: 19px;
  line-height: 23px;
  text-transform: uppercase;
  padding: 6px 20px;
  border: 2px solid #ccc;
  box-shadow: none;
  background: #E8E8E8;
  color:
   #000;
}
.nxtqstnmore button > span {
  display: block;
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  text-transform: none;
}

.nxtqstntry {
  margin-top:20px;
  width: 100%;
  text-align: right;
  overflow: hidden;
}
.nxtqstntry button {
  float: right;
  width: 200px;
  font-size: 19px;
  height: 60px;
  margin-left: 15px;
  vertical-align: middle;
  text-align: center;
  font-size: 19px;
  line-height: 23px;
  text-transform: uppercase;
  padding: 6px 20px;
  border: 2px solid #ccc;
  box-shadow: none;
  background: #E8E8E8;
  color:
   #000;
}
.nxtqstntry button > span {
  display: block;
  font-weight: normal;
  font-size: 13px;
  line-height: 17px;
  text-transform: none;
}
.answer-hightlight-result {
  display: block;
  background-color: #ffe600;
  padding: 10px;
  margin-top: 8px;
}
.answer-hightlight-result .result {
  font-weight: bold;
  color: #000;
  font-size: 17px;
}





/*15-april*/

.instructor-profile-background {
  min-height: 100px;
  padding: 1.875rem;
  background: #FFC20E;
}
.media-body {
  width: 100%;
}
.media-left, .media-right, .media-body {
  display: table-cell;
  vertical-align: top;
}
.progress-bar-signup {
  margin-top: -10px;
  text-align: center;
}
.progress-bar-signup {
  text-align: center;
}
.small-3 {
  width: 25%;
}
.progress-bar-signup h6 {
  line-height: 1;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #1F2A37;
}
.progress-bar-signup h6 small {
  display: block;
  padding: 5px 5px 10px;
  color: #1F2A37;
}
.small-opacity-40 {
  opacity: 0.4;
}
.progress-bar-signup h6 small {
  display: block;
  padding: 5px 5px 10px;
  color: #1F2A37;
}

.progress-bar-signup .progress {
  overflow: hidden;
}
.progress.radius .meter {
  border-radius: 7px;
}
.progress .meter {
  background: #FFC20E;
  display: block;
  height: 100%;
}
.progress {
  background-color: rgba(255,255,255,0.5);
  border: 0 solid white;
  height: 0.625rem;
  margin-bottom: 0.625rem;
  padding: 0;
}
.progress-bar-signup .progress .meter {
  position: relative;
  background: url(../images/rodline.png) left center repeat-x;
}
.small-height-50px {
  height: 50px !important;
}
.small-12 {
  width: 100%;
}
.bg-oil, .label.oil, nav#sidenav > ul svg.label, #learner-price-table .lessons .oil.saved, #learner-price-table .lessons nav#sidenav > ul svg.saved, nav#sidenav > ul #learner-price-table .lessons svg.saved, .learner-price-table .lessons .oil.saved, .learner-price-table .lessons nav#sidenav > ul svg.saved, nav#sidenav > ul .learner-price-table .lessons svg.saved, body.booking-view_products #product_selection .panel .panel-body label.sku-option .oil.saved, body.booking-view_products #product_selection .panel .panel-body label.sku-option nav#sidenav > ul svg.saved, nav#sidenav > ul body.booking-view_products #product_selection .panel .panel-body label.sku-option svg.saved, body.booking-view_products #product_selection .card-panel .panel-body label.sku-option .oil.saved, body.booking-view_products #product_selection .card-panel .panel-body label.sku-option nav#sidenav > ul svg.saved, nav#sidenav > ul body.booking-view_products #product_selection .card-panel .panel-body label.sku-option svg.saved, article.html-content #pricing #pricing-search-form input.label[type="submit"], article.html-content #pricing #pricing-search-form #learner-price-table .lessons input.saved[type="submit"], #learner-price-table .lessons article.html-content #pricing #pricing-search-form input.saved[type="submit"], article.html-content #pricing #pricing-search-form .learner-price-table .lessons input.saved[type="submit"], .learner-price-table .lessons article.html-content #pricing #pricing-search-form input.saved[type="submit"], article.html-content #pricing #pricing-search-form body.booking-view_products #product_selection .panel .panel-body label.sku-option input.saved[type="submit"], article.html-content #pricing #pricing-search-form body.booking-view_products #product_selection .card-panel .panel-body label.sku-option input.saved[type="submit"], body.booking-view_products #product_selection .panel .panel-body label.sku-option article.html-content #pricing #pricing-search-form input.saved[type="submit"], body.booking-view_products #product_selection .card-panel .panel-body label.sku-option article.html-content #pricing #pricing-search-form input.saved[type="submit"] {
  background-color: #1F2A37 !important;
}
.progress-bar-signup .progress .meter .vehicle {
  position: absolute;
  left: 100%;
   min-width: 300px; 
  margin-top: 5px;
  margin-left: -25px;
  text-align: left;
  line-height: 1;
  font-weight: bold;
  color: #1F2A37;
}
.progress-bar-signup .progress .meter .vehicle {
  text-align: left;
  line-height: 1;
  font-weight: bold;
  color: #1F2A37;
}

.button.oil, nav#sidenav > ul svg.button, article.html-content #pricing #pricing-search-form input.button[type="submit"] {
  background-color: #1F2A37;
  border-color: #161e27;
}



.show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up, .hide-for-xlarge, .hide-for-xlarge-down, .show-for-xxlarge-only, .show-for-xxlarge-up, .show-for-xxlarge, .hide-for-xxlarge-down {
  display: none !important;
}


.rodmove {
  display: flex;
  align-items: center;
  gap: 10px;
}
.rodmove .media-left {
  border-radius: 100%;
  overflow: hidden;
  flex: 0 0 40px;
}

.medium-padding-right-20 {
  padding-right: 20px !important;
  padding-bottom: 1.25rem !important;
}
.button.tiny {
  padding: 0.4375rem 0.625rem;
  min-width: 0 !important;
  white-space: pre;
  background-color: #1F2A37;
  border-color: #161e27;
  border-radius: 8px !important;
  color: #fff;
}
.button.tiny i{
  font-size: 12px;
}
.va-b {
  vertical-align: bottom !important;
}



.cart-body{
  padding: 60px 0;
}

.cart-bx {
  width: 100%;
  border-radius: 15px;
  border: 1px solid #e0e0e0;
  padding: 15px;
  overflow: hidden;
}
.cart-inner {
/*  border: 1px solid #D2D6DB;*/
  width: 100%;
  overflow: hidden;
  border-radius: 10px;
}
.cart-inner .lesson-info {
  border: none;
  background: #f1f1f1;
  max-width: 100%;
  border-radius: 10px;
}
.panelheading{
  background: #000;
  padding: 10px;
}
.panelheading h6{
  color: #fff;
  font-size: 18px;
}

.spacingbx {
  padding: 12px;
  overflow: hidden;
  border: 1px solid #D2D6DB;
}

.totallisence{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px 0;
}
.totallisence p{
  margin: 0;
}
.totallisence p em{font-style:normal;}
.slctnmbr select {
  height: 35px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #000;
  width: 3.75rem;
  text-align: center;
}
.slctnmbr p{
  font-size: 10px;
}
.shwhrlyprc {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
}
.shwhrlyprc span{
  background: #ffb900;
  color: #000;
  padding: 6px 10px 7px;
  border-radius: 30px;
  font-size: 12px;
  margin-left: 15px;
  display: inline-block;

}

.selecthrs {
  display: flex;
  align-items: center;
  gap: 15px;
}
.totalmney p{
  font-weight: 600;
  font-size: 20px;
}

.continuetotal {
  margin-top: 15px;
  justify-content: center;
  display: flex;
}
.continuetotal button{
  background: #FFB800;
  padding: 11px 30px 13px;
  color: #000;
  border: none;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
}
.continuetotal button:hover{
  background: #000;
  color: #fff;
}

.crtheding{
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
.crtheding h4 {
  font-size: 25px;
  text-transform: uppercase;
  font-weight: 600;
}
#panel {
  display: none;
  padding-top: 12px;
}
.moredtl h3 {
  margin: 0;
  padding: 0;
  border-radius: none;
  border: none;
  position: relative;
}
.moredtl .fa-angle-down {
  position: absolute;
  right: 0;
  top: 5px;
  font-size: 14px;
}



.pkgtitle{
  font-size: 25px;
  font-weight: 600;
  color: #000;
}

.lesintiming{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 15px 0 0;
}
.lesintiming p {
  font-size: 14px;
  color: #000;
  margin: 0;
  font-weight: 600;
}
.lesintiming span{
  font-size: 14px;
  color: #666;
}

.addleson{
  padding: 12px 10px;
  border: 1px solid #D2D6DB;
  background: #E5E7EB !important;
}
.addleson h4{
  font-size: 16px;
  color: #000;
  position: relative;
}
.addleson h4 i {
  position: absolute;
  right: 5px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 12px;
}


.frmbx{
  margin-bottom: 15px;
}
.frmbx p{
  font-size: 15px;
  font-weight: 600;
}
.frmbx select{
  font-size: 14px;
  height: 40px;
  width: 100%;
  background: #fff;
  border-radius: 5px;
  border: 1px solid #666;
}
.norwmrgn{
  margin: 0 !important;
  padding-top: 10px;
  border: 1px solid #D2D6DB;
}

.twobtnnw{
  margin-bottom: 15px;
  display: flex;
  justify-content: space-between;
}
.twobtnnw button{
  padding: 8px 15px;
  font-size: 14px;
}

.cnclbtn{
  border: 1px solid #666;
  color: #000;
  border-radius: 5px;
}
.continubtn{
  background: #FFB800;
  border: 1px solid #FFB800;
  color: #000;
  border-radius: 5px;
}
.continubtn:hover{
  background: #000;
  color: #fff;
  border: 1px solid #000;
}

.radio-custom .customRadio {
  display: inline-block;
  margin-right: 12px;
}

.timebok{
  display: flex;
  justify-content: center;
  margin-top: 15px;
}

.timebok button{
  background: #000;
  padding: 11px 30px 13px;
  color: #fff;
  border: none;
  border-radius: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  min-width: 207px;
}
.timebok button:hover{
  background: #FFB800;
  color: #000;
}

.mbtom{
  margin-bottom: 15px;
}

.plushw {
  cursor: pointer;
  width: 100%;
  border-radius: 10px;
}

.swap-dlte {
  display: flex;
  gap: 15px;
  align-items: center;
}
.usedlte a{
  display: none;
}

.swap-dlte a{
  color: #666;
}

.swap-dlte .addleson h4 .fa-angle-down{
  display: none;
}
.swap-dlte .addleson h4 .fa-plus{
  display: block;
}

/*.usedlte .addleson h4 .fa-plus{
  display: none !important;
}*/
.usedlte .addleson h4 .fa-edit{
  display: none !important;
}
.usedlte .addleson h4 .fa-angle-down{
  display: block !important;
}

.shwtotal {
  background-color: #F3F4F6 !important;
  padding: 10px;
  display: flex;
  justify-content: end;
  font-size: 20px;
  font-weight: 600;
  text-transform: uppercase;
  gap: 50px;
}

.bill-from{
  padding: 10px 0;
}
.bill-from div{
  margin: 8px 0;
}
.bill-from input{
  height: 45px;
  border-radius: 5px;
  border: 1px solid #ccc;
  width: 100%;
  padding: 0 12px;
}
.bill-from select{
  height: 45px;
  border-radius: 5px;
  border: 1px solid #ccc;
  width: 100%;
  background: #fff;
  padding: 0 12px;
}
.bill-from p{
  color: #000;
}
.bill-from p sup{
  color: red;
}

.billheading{
  font-size: 25px;
  color: #000;
}

.billdtels{
  border: 1px solid #D2D6DB;
  padding: 12px;
  margin-top: 30px;
}

.lesintiming ul{
  padding: 0 0 0 20px;
}
.lesintiming ul li {
  font-size: 14px;
  margin: 6px 0;
  list-style-type: disc;
}
.avail-hours{max-width:900px !important;}
.avail-hours .modal-content{height:90vh;overflow: inherit;}
.inverse-background{
  background-color: blue !important;
}
.fc-day-today {
  background: #FFF !important;

} 
.hrset{margin-bottom:10px;}

.bill-from .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 45px;
}
.bill-from .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
}
.bill-from .select2-container .select2-selection--single {
  height: 45px !important;
}
.slctnmbrnew select {
  height: 35px;
  background: #fff;
  border-radius: 6px;
  border: 1px solid #000;
  text-align: center;
}


.vuchrhedng{
  background: #ffb900;
  padding: 10px;
}

.vauchrbx .slctnmbrnew select {
  border: 1px solid #b4b4b4;
  height: 42px;
}
.vauchrbx .shwtotal {
  background-color: #FFF8E6 !important;
}
.vauchrbx .shwtotal {
  text-transform: capitalize;
}
.avail-hours .btn-close {
  position: absolute;
  right: 0;
  top: -11px;
  background: #000;
  opacity: 1;
  color: #fff;
}
.avail-hours .btn-close::after {
  content: 'x';
  position: relative;
  top: -7px;
}
.avail-hours .btn-close:hover {
  background: #ffb900;
  color: #000;
}

@media (max-width:575px) {

.totallisence {
  flex-wrap: wrap;
  gap: 10px;
  justify-content: space-around;
}
.shwtotal {
  font-size: 17px;
}
.totalmney p {
  font-size: 16px;
}
.vauchrbx .slctnmbrnew select {
  font-size: 12px;
}
.vuchrhedng {
  font-size: 18px;
}
.crtheding h4 {
  font-size: 20px;
}
.billheading {
  font-size: 20px;
}
.pkgtitle {
  font-size: 19px;
}
.instructr-right h5{
  font-size: 16px;
}
.progress-bar-signup h6 {
  font-size: 12px;
}
.instructor-profile-background {
  padding: 20px 0;
}

}


.fc-col-header-cell-cushion{
  color: #000;
}
.fc .fc-button-primary {
  background-color: #ffb900;
  border-color: #ffb900;
}

.modal-body .comment-respond{
  margin-top: 0;
}
.disablebtn{cursor:none; }
.logincls{
      position:relative;

}
.logincls ul li {
	display: block;
	margin-right: 0 !important;
	padding: 5px 0;
}

.logincls ul {
	position: absolute;
	top: 100%;
	right: 0;
	background: #000;
	color: #000;
	display: none;
	z-index: 1;
	width: 150px;
	padding: 10px;
	border-radius: 5px;
}
.logincls ul li a:hover{
  color: #FFB900;
}
.logincls:hover ul{
  display: block;
}
.beforlogin{ margin-right:10px !important;}
.fc-timegrid-event-harness-inset .fc-timegrid-event, .fc-timegrid-event.fc-event-mirror, .fc-timegrid-more-link {
	border: none !important;
	box-shadow: none !important;
}
#card-errors{
  color:red;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 20px;
}


.gift-step .select2-container--default .select2-selection--single .select2-selection__rendered {
  color: #444;
  line-height: 46px;
}
.gift-step .select2-container--default .select2-selection--single .select2-selection__arrow {
  top: 50%;
  transform: translateY(-50%);
}
.gift-step .select2-container{
  width: 100% !important;
}
.gift-step .select2-container .select2-selection--single {
  height: 50px;
}


 #payment-form {
      max-width: 100%;
      margin: 0 auto;
      padding: 20px;
      background: #f9f9f9;
      border: 1px solid #ddd;
      border-radius: 8px;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
    }

    .form-row {
      margin-bottom: 20px;
    }

    #card-details {
      display: flex;
      justify-content: space-between;
    }

    .field {
      flex: 1;
      margin-right: 10px;
    }

    .field:last-child {
      margin-right: 0;
    }

    /* Style the individual Stripe Elements */
    .StripeElement {
      background: #ffffff;
      padding: 12px;
      border: 1px solid #ddd;
      border-radius: 4px;
      box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
      transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    }

    .StripeElement--focus {
      border-color: #80bdff;
      box-shadow: 0 0 8px rgba(128, 189, 255, 0.6);
    }

    .StripeElement--invalid {
      border-color: #fa755a;
      box-shadow: 0 0 8px rgba(250, 117, 90, 0.6);
    }

    #card-errors {
      color: #fa755a;
      margin-top: 10px;
    }

    #submit {
      display: block;
      width: 100%;
      padding: 12px;
      background: #007bff;
      color: #ffffff;
      border: none;
      border-radius: 4px;
      font-size: 16px;
      cursor: pointer;
      transition: background-color 0.3s;
    }

    #submit:hover {
      background: #0056b3;
    }

    .card-body .row{
      margin: 0;
    }




.suceepage {
  padding: 60px 0;
  text-align: center;
}

.sucsscard {
  background: white;
  padding:30px 60px;
  border-radius: 4px;
  box-shadow: 0 2px 3px #C8D0D8;
  display: inline-block;
  margin: 0 auto;
  max-width: 500px;
}
.sucsscard img{
  margin-bottom: 20px;
}

.suceepage h2{
  color: #9ABC66;
  font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
  font-weight: 900;
  font-size: 40px;
  margin-bottom: 10px;
}
.suceepage p {
  color: #404F5E;
  font-family: "Nunito Sans", "Helvetica Neue", sans-serif;
  font-size: 20px;
  margin: 0;
}

.suceepage a {
  background: #FFB800;
  padding: 11px 30px;
  color: #fff;
  border: none;
  border-radius: 10px;
  display: inline-block;
  align-items: center;
  margin-top: 15px;
}
.suceepage a:hover{
  background: #000;
}


.google-button {
  display: block;
  margin: 15px auto;
  width: 70%;
  max-width: 270px;
  padding: 14px 10px 14px 50px;
  border: 2px solid #f5f5f5;
  border-radius: 3px;
  text-transform: capitalize;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  line-height: 20px;
  color: #666;
  background: url(../images/gogleicon.webp) no-repeat left 20px center / 40px 40px;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  -webkit-animation: wiggle 2s ease-in infinite;
  -moz-animation: wiggle 2s ease-in infinite;
  -o-animation: wiggle 2s ease-in infinite;
  animation: wiggle 2s ease-in infinite;
  box-shadow: rgba(99, 99, 99, 0.2) 0px 1px 8px 0px;
}
.google-button:hover{
  background: #FFF1CE url(../images/gogleicon.webp) no-repeat left 20px center / 40px 40px;
  color: #000;
}



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

.suceepage h2 {
  font-size: 26px;
}
.suceepage p {
  font-size: 17px;
}

}