@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

body{font-family:var(--regular-font);font-size:1.6rem;margin:0;padding:0}
:root{--color-primary:#1e99d6;--color-black:#000;--color-white:#fff;--regular-font:"Roboto",sans-serif;--heading-font:"Ubuntu",sans-serif}
html{font-size:62.5%;scroll-behavior:smooth}
.container{max-width:1400px;margin:auto}
h1, h2, h3, h4, h5, h6 {font-family: var(--heading-font); margin: 0}
.py-6{padding-top:6rem;padding-bottom:6rem}
.custom-header{background:0 0/cover #1e99d6;height:100vh;padding-top:0;display:flex;overflow:hidden;position:relative}
.custom-header .logo-content{max-width:300px}
.custom-header .container{display:grid;grid-template-columns:1fr 1fr;align-items:center;color:#fff}
.content-header{width:100%;position:absolute;z-index:2;top:0;display:flex;align-items:center;height:100%}
.content-header .right-column{display:flex;align-items:baseline;justify-content:center}
.content-header .minky{max-width:180px}.content-header .minku,body .main-logo{max-width:250px}
.content-header h2{font-size:80px;font-family:var(--heading-font);font-weight:700}
.content-header h3{font-size:6rem}.content-header h2 span{color:#03354d}
.content-header p,.single-container h5{font-size:20px}
.app-btn{display:inline-flex;color:#fff!important;background:#fff;padding:8px 6px !important;border-radius:10px;align-items:center;gap:6px;width:164px;border:1px solid #fff}
.app-btn img{max-width:30px}
.app-btn span{line-height:normal;color:#625e5e;font-size:13px}
.app-btn span p{margin:0;padding:0;color:#000;font-size:18px;font-weight:500}
.btn,.contact-wrapper input[type=submit]{-webkit-border-radius:50px;-moz-border-radius:50px;border-radius:50px;font-family:var(--regular-font);color:#000!important;font-size:20px;background:linear-gradient(to right,#e8c57d 0,#fd7577 100%);padding:1.5rem 4rem;text-decoration:none;font-weight:700}
.btn:hover,.contact-wrapper input[type=submit]:hover{background:#fc7677!important;text-decoration:none}
.site-branding{display:flex;align-items:center;justify-content:space-between}
footer img.custom-logo{width:50px}
.section-two .container,footer .site-info{display:flex;justify-content:space-between;align-items:center}
.main-navigation .main-menu>li>a{font-weight:600;color:#fff;margin-right:1.5rem;font-size:18px}
.main-navigation .main-menu>li>a:hover,.main-navigation .main-menu>li>a:hover+svg{color:#fc7677}
.site-logo .custom-logo-link{border-radius:0;width:100px;height:auto}
.site-header{padding:1.5rem 0}
.section-two{color:#000;position:relative;height:auto;display:block;overflow:hidden;background-color:#ededed}
.entry .entry-footer,.entry-meta svg,.lwptoc_toggle,.section-three .swiper-button-next,.section-three .swiper-button-prev,.section-two .mobile{display:none}
.faq-wrapper h2,.section-five h2,.section-four h2,.section-three h2,.section-two h2,.video-trailer-wrapper h2{font-weight:700;font-size:4rem;margin-bottom:3rem}
.swiper-pagination-bullet{width:6px!important;height:6px!important}
.swiper-pagination-bullet.swiper-pagination-bullet-active{width:7px!important;height:7px!important}
.faq-wrapper{ background: transparent;color-scheme:var(--color-white)}
.faq-wrapper h2{margin-bottom:3rem}
.contact-wrapper,body.archive .link-btn button a, .page-id-820 .link-btn button a{color:#000}
.contact-wrapper .address{font-size:clamp(18px, 20px, 3vw)}
.contact-wrapper h3{font-size:4rem;font-weight:700}
.contact-wrapper .footer-logo{max-width:200px}
.contact-wrapper .container{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:3rem}
#user-registration input[type=password],#user-registration input[type=text],.contact-wrapper .form-control,.contact-wrapper form input[type=email],.contact-wrapper form input[type=text],.contact-wrapper form input[type=url],.contact-wrapper input[type=tel],.contact-wrapper select,.contact-wrapper textarea{height:50px; width:100%;background:rgba(255,255,255,.04);border:1px solid;border-radius:5px;font-weight:400;font-size:14px;letter-spacing:.02em;color:#333;padding:10px 15px;font-family:Roboto}
.single-container h2,.single-container h2 span{font-weight:600!important}
.socail-links a{width:4rem;height:4rem;border:1px solid #fff;color:#fff;border-radius:30px;display:flex;align-items:center;justify-content:center;font-size:16px}
.contact-form{display:flex;justify-content:space-between;flex-wrap:wrap}.contact-form .half{width:48%}
.contact-form .full,.f-col video,.main-logo img{width:100%}.foot-left{font-size:16px}
.custom-widget-class{margin-bottom:0}
.vision-wrapper{display:flex;max-width:1000px!important;margin:auto!important}
.vision-box{background:#3f79b5;color:#fff;padding:20px 100px 20px 20px;border-radius:30px;width:60%}
.vision-image{width:70%;margin:0 0 0 -100px;align-self:center}
.vision-image img{width:70%;border:10px solid #3dd7e4;border-radius:30px}
.entry .entry-content>*,.scroller{max-width:100%}
body .post-navigation .nav-links a .meta-nav{color:#fff;user-select:none;background:#2d4b68;font-size:10px;text-transform:uppercase;padding:3px 6px;display:inline-block;margin-bottom:7px}
.main-menu-more,body .post-navigation .nav-links a .meta-nav::after,
body .post-navigation .nav-links a .meta-nav::before,h1:not(.site-title)::before,h2::before{display:none!important}
body .post-navigation .nav-links a .post-title{hyphens:auto;color:#000}
.image-filters-enabled .entry .post-thumbnail .post-thumbnail-inner{filter:inherit}
.image-filters-enabled .entry .post-thumbnail:after{background:0 0;mix-blend-mode:inherit}
.archive-grid .entry .entry-summary,body.page .entry .entry-content,
body.page .entry .entry-summary{max-width:100%;padding:0;margin:0}
.ChapterTrailerSwiper{display:grid;grid-template-columns:repeat(auto-fit,minmax(337px,1fr));gap:20px}
.ChapterTrailerSwiper video{width:100%;height:auto}.ChapterTrailerSwiper .last-child{grid-column:2}
.video-trailer-wrapper{background:url(../images/chapter-bg.webp)no-repeat center top/cover }
header#masthead{background:0 0;padding:0; position: fixed; top: 0}
.container article ol,.container article ul{margin:0 0 0 12px!important}
body.page .entry .entry-header{margin:calc(3 * 1rem) 0 1rem;background:#ecf2f5;padding:1.5rem 2rem;color:#0e3971;border-radius:4px}
body.category .page-header, .page-id-820 .page-header{margin:calc(3 * 1rem) 0 3rem} 
.page-id-820 .page-header h1{font-size:3em;font-weight:500;font-family:var(--heading-font);color:#000!important}
.scroller{position:absolute;bottom:-10px;opacity:0}.scroller[data-animated=true]{overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent);opacity:1;mask:linear-gradient(90deg,transparent,white 20%,white 80%,transparent)}
.scroller[data-animated=true] .scroller__inner{width:max-content;flex-wrap:nowrap;animation:scroll var(--_animation-duration,80s) var(--_animation-direction,forwards) linear infinite}
.scroller[data-direction=right]{--_animation-direction:reverse}
.scroller[data-direction=left]{--_animation-direction:forwards}
.scroller[data-speed=fast]{--_animation-duration:60s}
.scroller[data-speed=slow]{--_animation-duration:100s}
@keyframes scroll{to{transform:translate(calc(-50% - .5rem))}}
.scroller[data-animated=true] .scroller__inner img{display:inline-block;margin-right:-4px}
.banner_slider{display:flex;position:relative}
.banner_slider::before{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:475px;height:475px;border-radius:100%;background-color:#41a0dc;z-index:-5}
.banner_slider .left_icon{position:absolute;left:15px;bottom:70px;z-index:9999}
.banner_slider .right_icon{position:absolute;right:15px;top:70px}
.banner_slider #frmae_slider{width:305px;margin:0 auto;border-radius:40px;overflow:hidden}
.banner_slider #frmae_slider::before{content:"";position:absolute;left:5px;top:5px;width:calc(100% - 10px);height:92%}
.banner_slider .slider_frame{z-index:999;width:315px;overflow:hidden;border-radius:30px}
.owl-carousel .owl-dots{display:flex;align-items:center;justify-content:center;position:relative;margin-top:20px}.owl-dots{margin-top:40px}
.owl-carousel .owl-dots button{display:block;width:15px;height:15px;background-color:#41a0dc;border-radius:15px;margin:0 5px}
.logo-main img{max-width:350px}.downloa-app{display:flex;align-items:center;gap:0 6px}
.two-col{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.f-col img,.f-col video{border-radius:30px;border:1px solid #fff}
.contact-grid.container{grid-template-columns:1fr 1fr;margin-top:35px}
.contact-grid.container div{text-align:center;background-image:linear-gradient(45deg,#d9f8ff,#f5fdff);border-radius:20px;box-shadow:3px 3px 4px #adc3c8;padding:10px}
.page-id-31 .contact-wrapper>.container{grid-template-columns:1fr 1.1fr}
.refund-title{margin-bottom:12px!important;font-size:16px}
footer.site-footer{background-color:#2d4b68}
#colophon .site-info{gap:20px}#colophon .site-info a{color:#fff!important}
#colophon .site-info .foot-left a{border-right:1px solid #f9f9f9;padding-right:15px;font-size:15px}
#colophon .site-info .foot-left li:last-child a{border-right:none}
#colophon .site-info a:hover{color:#60ccff!important;border-color:#60ccff!important}
.page-id-18 .entry-content ol>li,.page-id-3 .entry-content ol>li,.page-id-56 .entry-content ol>li{margin-bottom:20px;}
.downloa-app.v1{flex-wrap:wrap}.site-branding{margin:0 auto;max-width:1430px;padding:0 15px}
#mega-menu-wrap-menu-1{background:0 0!important}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-flyout ul.mega-sub-menu{border-radius: 10px;overflow: hidden;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:focus,#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item>a.mega-menu-link:hover{color:#fff;text-decoration:none; background: transparent;}
.site-header{background:#000322!important;position:sticky;width:100%;top:0;z-index:99999}
.home .site-header .site-branding-container{display:block}
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-ancestor>a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-menu-item>a.mega-menu-link,
#mega-menu-wrap-menu-1 #mega-menu-menu-1>li.mega-menu-item.mega-current-page-ancestor>a.mega-menu-link{background:0 0}
.single-post{background-color:#fff!important}
body.archive .below, .page-id-820 .below{flex:0 1 fit-content;display:flex;align-items:center}
body.archive .line, .page-id-820 .line{height:1rem;width:.18em;margin-right:.5rem;background-color:currentcolor}
body.archive .date, .page-id-820 .date{flex:1 1 0%;font-size:1em;line-height:1.15em;font-weight:300}
body.archive .link-btn, .page-id-820 .link-btn{transform-origin:right bottom 0px}
body.archive .link-btn button, .page-id-820 .link-btn button{pointer-events:auto;border-radius:150px;width:48px;height:40px;display:flex;justify-content:center;align-items:center;color:currentcolor;background-color:rgba(0,0,0,.2);transition:background-color .5s,color .5s}
.archive-grid { margin-bottom: 5rem; position: relative; display: grid; margin-top: 4.56rem; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(1, 1fr);
    gap: 3.06rem;border-radius: 7px;}
.archive-grid article.post.status-publish:hover .link-btn button{background-color:#1e99d6;color:#fff}body.archive .link-btn button svg, .page-id-820 .link-btn button svg{width:12px;height:12px}
.archive-grid article.post.status-publish:hover{background-color:rgb(30,153,214,.060);box-shadow:rgba(0,0,0,.4) 2.3rem 1.25rem 5.5rem,rgba(255,255,255,.373) 0 0 0 2px inset;color:#000}
.right-sidebar{min-width:330px;display:block;background:#fff;padding:15px;border-radius:16px;box-shadow:0 5px 20px 0 rgba(114,114,255,.12);border-top:5px solid var(--color-primary)}
.right-sidebar-inner{position:sticky;top:50px;width:300px}
.single-post .site-content{overflow:unset}.entry-meta span a{color:#fff;font-size:16px;margin-right:15px;border-right:1px solid #fff;padding-right:15px}.single-container{display:flex;gap:6.5rem;position:relative}.single-container .lwptoc{min-width:210px;display:block}
.lwptoc_item{margin-top:12px!important}.single-container .lwptoc>div{position:sticky;top:30px}
.download-cta>div.sidebann{ background: url("../images/hero-bg.jpg") center/cover; background-size: cover; /* background-color: #ffffffc7; */ background-blend-mode: overlay;padding: 20px; border-radius: 7px; text-align: center; color: #ffffff; border: 3px solid #000322; margin-top: 20px;}
.download-cta p{font-size:15px;margin-top:25px}.download-cta .app-btn{width:auto!important;justify-content:center;text-align:left;border-radius:5px;box-shadow:0 0 10px 0 #0005;margin:0 auto}
.download-cta>div.sidebann>img{padding-top:20px}
.free-chapters video{width:100%;border-radius:7px;margin-top:10px}.single-container .right-sidebar h3.ht{font-size:24px;border-bottom:2px solid var(--color-primary);padding-bottom:10px}
.cta-aside-1 .downloa-app.v1{flex-wrap:nowrap}.cta-aside-1 .downloa-app.v1>img{filter:contrast(1.2)}
.cta-aside-1 h4{font-weight:800!important;text-align:center;font-size:26px;color:#2d00ff;-webkit-text-stroke-width:medium;-webkit-text-stroke-color:#2d00ff;margin-bottom:1px;text-shadow:2px 1px 2px #9c9c9c}
.vision-row{max-width: 90%; margin: auto;}

@media (max-width:1366px) and (min-width:1200px){
  .single-container{max-width:90%!important}.download-cta{min-width:28%}.single-container .lwptoc{min-width:18%}
}
@media(max-width:1199px){.single-container .post-contnt{width:75%}
  .single-container .lwptoc{width:20%}
  .single-container{flex-wrap:nowrap}
}
@media (max-width:1024px){.single-container .lwptoc{display:none}
  .single-container{max-width:700px}
  .single-container .post-contnt{width:100%}
}
  .socail-links a svg{width:16px;height:16px}

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

:root {
  --font1: "Ubuntu", sans-serif;
  --site-color: #cccccc;
  --accent: #f6b12a;
  --site-black: #000;
  --site-white: #fff;
}

html { scroll-behavior: smooth; overflow-x: hidden; }
body {
  font-family: "Ubuntu", sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height:1.5;
  background: #000000;
  color: #e6e6e6;
}
audio, canvas, embed, iframe, img, object, svg, video {
    display: block;
    vertical-align: middle;
}
img, video { max-width: 100%; height: auto; }

.container {
  max-width: 99%;
  padding: 0 20px;
  margin: 0 auto;
  width: 100%;
  position: relative;
}

.relative {position: relative;}
.absolute {position: absolute;}
.fixed {position: fixed;}
.sticky {position:sticky;}

.overflow-hidden {overflow: hidden;}
.w-full {width: 100%;}
.h-full {height: 100%;}

.d-flex{display:flex;}
.d-none{display:none;}
.d-block{display:block;}
.inline-block{display: inline-block;}

.flex-col {flex-direction: column;}
.flex-wrap { flex-wrap: wrap;}

.items-center{align-items: center;}
.justify-center {justify-content: center;}
.justify-around{ justify-content:space-around;}
.justify-between{ justify-content: space-between;}
.items-end { align-items: flex-end;}

.grid-two{ display:grid; grid-template-columns: repeat(2, 1fr); }
.grid-three{ display:grid; grid-template-columns: repeat(2, 1fr);}
.grid-four{ display:grid; grid-template-columns: repeat(4, 1fr);}

.gap-10{gap: 10px}
.gap-1{gap: 1rem}
.gap-2{gap: 2rem}
.gap-3{gap: 3rem}
.gap-4{gap: 4rem}

.mt1{margin-top: 1rem}
.mt2{margin-top: 2rem}
.mt3{margin-top: 3rem}
.mt4{margin-top: 4rem}
.mt5{margin-top: 5rem}

.mx-auto {margin-left: auto; margin-right: auto;}
.text-center {text-align: center;}

.top-slider, .numbers-section{width: 70%; margin: auto;}
.about-section, .who-we-are, .top-footer, .footer-navigation{width:80%; margin: auto;}
.boards-matters, .class9-matters, .testi-section, .faq-section{width: 58%; margin: auto;}

.home-sections{display: flex; flex-direction: column; gap: 6.4rem}

.sub-title{
   color: #ff894f;
  background-image: linear-gradient(90deg, #ff894f , #fad126 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
  text-transform: uppercase;
  margin: 1rem 0;
}
.section-title{
   color: #98794f;
  background-image: linear-gradient(0deg, #98794f , #e9e9e9 77%, #ffffff 100%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  display: inline-block;
   font-size: 3.8rem;
   margin-bottom: 2rem;
}

.top-header{ background:#0a0a0a; border-bottom:1px solid #232323; padding:10px 0; top:0;z-index:999  }
.logo{max-width: 220px;}
#mega-menu-wrap-menu-1 .mega-menu a::after {
    display: block !important;
    content: '' !important;
}

#mega-menu-wrap-menu-1 #mega-menu-menu-1{justify-content: center; align-items: center; display: flex;}
.main-navigation ul{gap: 5cqw; margin: 0; padding: 0; list-style: none;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item{padding: 0 10px;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link{ font-size: 15px; padding: 0; color: #d8d8d8; text-decoration:none; position: relative; transition: all .5s ease-in-out; letter-spacing: normal;}
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item > a.mega-menu-link:after{ content:''; position:absolute; bottom:0;
    transition-property: all;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
    background-color: rgba(229, 167, 69, 1); 
    transform-origin: left;
    border-radius: 8px;
    max-width: 0;
    width: 100%;
    left: 0;
    top: 101%;
    height: .16vw;
  }
#mega-menu-wrap-menu-1 #mega-menu-menu-1 > li.mega-menu-item:hover > a.mega-menu-link:after{ max-width:100%; }

.btn-download, .btn-wrap input.wpcf7-form-control.wpcf7-submit{ font-size:16px; line-height: 1.4; font-weight:700; color:#000; padding:1.4rem 2.4rem; border:0; border-radius:10px; cursor: pointer;
  background: #FF894F; background: linear-gradient(0deg, rgba(255, 137, 79, 1) 0%, rgba(250, 209, 38, 1) 100%);
 }
.btn-download:hover, .btn-wrap input.wpcf7-form-control.wpcf7-submit:hover{background: linear-gradient(0deg,  rgba(250, 209, 38, 1) 0%, rgba(255, 137, 79, 1) 100%);}

.mobile-show{display: none;}

.top-subhead{color: #b79573; padding: 50px 0 30px}
.hero{ max-width:40%; margin:auto; }
.hero h1{font-size: 3.75cqw; line-height: 4.3cqw;}
  
.app-btns-top{padding: 2rem}

.top-slider{margin-top: 2rem;border-radius: 3rem; overflow: hidden;}
.top-slider img{border-radius: 3rem; border: 1px solid #b59d5c;}
.top-slider .swiper {width: 100%; overflow: hidden; padding-bottom: 20px; }
.swiper-pagination-2{bottom: -5px !important;}
.swiper-pagination .swiper-pagination-bullet-active{ width:20px !important; }

.via-gray-900 {background-image:linear-gradient(to right, #000, #1f1f1f, #000, rgba(31, 31, 31, 0)); }

/* Counters  */
.counter-box{font-size: 40px; font-weight: 700; color: #c0c0c0; text-align: center;}
.counter-box p{font-size: 14px; color: #999999;font-weight: 400}
.star-icon{ align-self: center; padding-left: 12px;}

.numbers-section .grid-four{padding:2.5rem 0 0; }

/* Boards box */
.boards-content-box{
  border: 1px solid #ac9658;
  border-radius: 30px;
  background: #000000;
  background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(50, 50, 50, 1) 60%);
  position: relative;
}
.boards-box{
  background: #6C5F3C;
  background: linear-gradient(0deg, rgba(108, 95, 60, 1) 0%, rgba(33, 28, 14, 1) 100%);
  border-radius:0 0 30px 30px;
  padding: 24px 10px;
  text-align: center;
  margin-top: -30px;
}
.board-10{margin: 20px auto 10px; width: fit-content;}
.boards-box h4{position:relative;top: -15px; text-align: center; margin: 0}
.boards-box span{ display: inline-block; border-radius: 40px; color: #000; background: #ccc; padding: 8px 10px; font-weight: 400}
.boards-name a{ border-radius:50px; border:1px solid #eac171; background:#584e31; padding:8px 30px; color:#fff; font-style: italic; text-decoration:none; font-weight:700; font-size:20px; }
.boards-name a:hover{ background: none;}
.board-stickers{ gap: 1px}
.board-stickers div{ width:100%; height:100%;}
.board-stickers img{ width:100%; height:100%; object-fit:cover; }
.board-stickers div:first-child img{ border-top-left-radius:30px; }
.board-stickers div:last-child img{ border-top-right-radius:30px; }

.chapter-points{ list-style: none; margin: 0; padding: 10px 30px 40px;}
.chapter-points li{position: relative; padding:5px 5px 5px 40px;}
.chapter-points li:before{ content: '';
  background: url(../images/bullet.png) top center no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 5px;
  top: 7px;
}

/* Class 9 */
.class9-matters{
  border: 1px solid #ac9658;
  border-radius: 30px;
  padding: 0 20px 30px 20px;
  text-align: center;
  background: #18150C;
  background: linear-gradient(0deg, rgba(24, 21, 12, 1) 0%, rgba(108, 95, 60, 1) 100%);
}
.class9-matters h4{ color: #fff; display: inline-block; text-align:center; clip-path: polygon(0 0, 100% 0, 95% 100%, 5% 100%); font-size: 26px; background: #63492a;
  background: linear-gradient(90deg, rgba(99, 73, 42, 1) 0%, rgba(152, 97, 46, 1) 27%, rgba(142, 126, 93, 1) 60%, rgba(163, 118, 65, 1) 99%); line-height: 1.9; margin: 0; padding:5px 40px; border-radius: 0 0 30px 30px
}
.class9-matters h4 span{ display:inline-block; background:#000; border-radius:50%; width:45px; height:45px; text-align:center; }
.class9-matters h2.section-title{ font-size:5rem; padding:4rem 0 1rem; margin: 0; color: #98794F; line-height: normal;
  background-image: linear-gradient(0deg, #98794F , #E9E9E9 51%, #FFFFFF 100%);
 }
.class9-matters p{ color: #beac7a; font-size: 17px;}
.class9-matters p a{ color: #beac7a;}
.class9-matters .free-txt{ font-size: 24px; padding: 25px 0 15px}
.class9-matters .start-early{ font-size: 15px; padding: 50px 10px 10px}
.btn-explore{background: url(../images/onebtnbg.png); background-size: 100% 100%; padding: 10px 30px 20px; color: #000; text-decoration: none; display: inline-block; font-size: 18px; font-weight: 700;}

/* About section */
.about-section{text-align: center;}

 /* Video */
  .video-thumb { cursor: pointer; display:inline-block; border-radius:8px; overflow:hidden; box-shadow:0 6px 18px rgba(18, 25, 30, .08);border: 1px solid #333; border-radius: 20px; text-align: center; }
  .video-thumb img { display:block; width:100%; height:auto; object-fit:cover;border-radius: 20px; cursor:pointer; }
  .modal-overlay {
    position: fixed; inset: 0; display:none; align-items:center; justify-content:center;
    background: rgba(5,10,20,0.6); z-index: 1200; padding: 20px;
  }
  .ytmodal {
    width: min(1100px, 95%); max-width:1100px; background: #000; border-radius: 12px; overflow:hidden;
    box-shadow: 0 12px 40px rgba(2,8,23,.6); position:relative;
  }
  .video-wrap { position: relative; padding-top: 56.25%; } /* 9/16 = 56.25% */
  .video-wrap iframe {
    position: absolute; top:0; left:0; width:100%; height:100%; border:0;
  }
  .ytclose-btn {
    position: absolute; top:10px; right:10px; background: rgba(255,255,255,.08); border:0;
    width:40px; height:40px; border-radius:50%; display:flex; align-items:center; justify-content:center;
    cursor:pointer; transition: background .12s ease; z-index: 1;
  }
  .ytclose-btn:hover { background: rgba(255,255,255,.14); }
  .ytclose-btn svg { width:18px; height:18px; color: #fff; }
  .modal-overlay.show { display:flex; }




.about-point-box{background: url(../images/Screenersoverlay.png); background-size: 100% 100%;
  padding: 20px 30px 20px 50px; position: relative; width: 290px; text-align: left; font-weight: 500;
}
.about-point-box:before{
  content: '';
  background: url(../images/bullet.png) top center no-repeat;
  width: 22px;
  height: 22px;
  position: absolute;
  left: 20px;
  top: 22px;
}
.who-we-are{ padding:5rem 0 0rem }
.who-we-are p{ padding-bottom:3rem }
.who-we-are h4{ padding:2.5rem 0 }

/* == Testimonials ==  */

    .testimonial-section {
      position: relative; 
      display: flex;
      align-items: center;
      justify-content: center;
    }
    .testimonial-section .swiper {width: 100%; overflow: hidden; padding-bottom: 20px; }
    .testimonial-section .swiper-wrapper { align-items: stretch; }
    .testimonial-section .swiper-slide {
      display: flex;
      align-items: center;
      justify-content: center;
      padding:8px 5px 12px; 
      visibility: visible;
    }

    .testimonial-card {
      position: relative;
      max-width: calc(100% - 40px);
      border-radius: 16px;
      padding: clamp(26px, 3.2vw, 40px);
      background: #1E1E1E;
      background: linear-gradient(45deg, rgba(30, 30, 30, 1) 0%, rgba(10, 10, 10, 1) 100%);
      color: #e8e6e6;
      border: 1px solid #393e45;
      box-shadow: 0 10px 30px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.02);
      overflow: visible; 
    }

    .testimonial-card::before,
    .testimonial-card::after{
      content: "";
      position: absolute;
      z-index: 0;
      pointer-events: none;
      width: 46px;
      height: 41px;
    }
    .testimonial-card::before { content: " "; background: url(../images/quote-left.png); left: 20px; top: 16px; }
    .testimonial-card::after  { content: " "; background: url(../images/quote-right.png); right: 20px; bottom: 16px; }
    .testimonial-card > * { position: relative; z-index: 1; }

    .testimonial-section .stars { text-align:center; color: #f3d39a; margin-bottom: 8px; font-size: 14px; opacity:0.95; }

    .testimonial-text {
      margin: 0 auto;
      max-width: 820px;
      text-align: center;
      font-style: italic;
      color: #dcd9d9;
      font-family: "Merriweather", serif;
      font-weight: 300;
      font-size: clamp(15px, 1.03vw, 18px);
      line-height: 1.75;
      padding: 6px 18px 10px;
    }

    .testimonial-footer {
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 12px;
      margin-top: 14px;
      flex-direction: column;
    }

    .testimonial-section .avatar {
      width: 54px;
      height: 54px;
      border-radius: 50%;
      overflow: hidden;
      border: 3px solid rgba(255,255,255,0.06);
      box-shadow: 0 6px 18px rgba(0,0,0,0.5);
      background: #222;
    }
    .testimonial-section .avatar img { width: 100%; height: 100%; object-fit: cover; display:block; }

    .testimonial-section .author strong {
      color: var(--accent);
      font-weight: 700;
      font-size: 15px;
      display: block;
      margin-top: 6px;
      text-align: center;
    }

    .testimonial-section .swiper-pagination {
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      bottom: 10px;
      display: flex;
      justify-content: center;
      gap: 10px;
      z-index: 5;
      pointer-events: auto;
    }
    .swiper-pagination .swiper-pagination-bullet {
      width: 8px;
      height: 8px;
      background: rgba(255,255,255,0.18);
      border-radius: 50%;
      transition: all .22s ease;
      opacity: 1;
    }
    .swiper-pagination .swiper-pagination-bullet-active {
      width: 30px;
      height: 8px;
      border-radius: 10px;
      background: var(--accent);
      box-shadow: 0 6px 16px rgba(246,177,42,0.12);
    }

/* FAQ Section */

.faq-section{margin-bottom: 3rem}
.sp-easy-accordion .sp-ea-single{border: 1px solid #333; border-radius: 15px;}
#sp-ea-92.sp-easy-accordion>.sp-ea-single>.ea-header a{font-size:16px;}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-body{border-radius: 18px}
#sp-ea-92.sp-easy-accordion>.sp-ea-single>.sp-collapse>.ea-body{color:#aaa}
.sp-ea-one.sp-easy-accordion .sp-ea-single .ea-header a { padding: 18px;}


/* Footer */
.footer{ background-image: linear-gradient(to bottom, #fbdd8c26, #fbdd8c10, transparent); padding:3rem 0; }
.top-footer{ grid-template-columns:30% 1fr;  border-bottom:1px solid #404040;  padding-bottom:3rem;  }

.top-footer input[type=text], .top-footer input[type=email], .top-footer input[type=tel], .top-footer textarea{
    width: 100%;
    background: transparent;
    border: 1px solid #5d5c59;
    border-radius: 10px;
    font-weight: 400;
    font-size: 14px;
    letter-spacing: .02em;
    color: #999;
    padding: 15px 20px;
}

.left-titles .section-title{ margin:0; padding:0 }
 ul#menu-quick-links{display:grid; grid-template-columns:1fr 1fr; gap: 15px;}
 ul#menu-legal{display:grid; grid-template-columns:1fr; gap: 15px;}
.footer-navigation{ display:grid; grid-template-columns: 1fr 30% 25%; padding:2.5rem 0 2rem; gap:1rem }
.footer-navigation h2{ text-transform:uppercase; font-size:18px; margin-bottom:1.6rem }
.footer-navigation ul{margin: 0; padding: 0; list-style: none;}
.footer-navigation ul li{margin: 0; padding: 0}
.footer-navigation ul li a{ text-decoration: none; color: #999999; font-size:14px; }

.footer-logo{display: flex; justify-content: center; margin-bottom: 30px;}
.socials{ display:flex; flex-direction:column; gap:1rem; align-content:center; }
.social-list{ display:grid; grid-template-columns:1fr 1fr 1fr; padding-top:1rem; text-align: center; justify-content: center; align-items: center; gap: 1rem}
.social-list li{display: flex; justify-content: center;}
.social-icon-footer .social-list li span:hover{background:#b79573}

.copyright{text-align: center; color: #ccc; font-size: 14px; line-height: 1.5; padding:2.5rem 0}
.copyright p{ padding: 8px;}
.copyright p a{ color: #eee}


.floating-icon-tag { text-align: center; cursor: pointer; box-shadow: 2px 2px 3px #999; width: 50px; height: 50px; border-radius: 50px; color: white; text-decoration: none; display: flex; align-items: center;
  justify-content: center; position: fixed; right: 10px; z-index: 100;}
.floating-icon-tag i { font-size: 22px;}
a.floating-icon-tag:visited { color: white;}

.floating-icon-tag.call { background-color: #0d69bf; bottom: 140px;}
.floating-icon-tag.whatsup { background-color: #4eaf26; bottom: 80px; }
.floating-icon-tag.whatsup i {font-size: 26px}


/* === About === */

.our-vision{width: 70%; margin: auto; display: flex; align-items: center; justify-content: space-between; gap: 4rem}
.why-box{
  position: relative;
  text-align: left;
  max-width: calc(100% - 20px);
  border-radius: 16px;
  padding: clamp(26px, 3.2vw, 20px);
  background: #000;
  background: linear-gradient(330deg, rgba(0, 0, 0, 1) 0%, rgba(10, 10, 10, 1) 35%, rgba(31, 31, 31, 1) 100%);
  color: #e8e6e6;
  border: 1px solid #4b556380;
  box-shadow: 0 10px 30px rgba(0,0,0,0.6), inset 0 1px 0 rgba(255,255,255,0.02);
  overflow: visible; 
}
.icon-bx{ border-radius:4px; background-color: rgba(122, 122, 122, 0.2); border:1px solid rgba(255, 255, 255, 0.2);
justify-content: center; align-items: center; display: flex; width: 45px; height: 45px; margin:10px 0 }
.why-box h5{ font-size: 2rem; margin: 5px 0 15px}
.why-box p{color:#aaa;}
 
/* =================== */
/* === Responsive  === */
/* =================== */

@media (min-width:1024px){
  .top-header{padding-left: 1cqw; padding-right: 1cqw;}
  .container {max-width: 99%;}
  .top-slider, .numbers-section{width: 85%; margin: auto;}
  .about-section, .who-we-are, .top-footer, .footer-navigation{width:95%; margin: auto;}
  .boards-matters, .class9-matters, .testi-section, .faq-section{width: 75%; margin: auto;}
  .faq-section{margin-bottom: 3rem}
}
@media (min-width:1360px){
  .top-header{padding-left: 5cqw; padding-right: 5cqw;}
  .container {max-width: 99%;}
  .top-slider, .numbers-section{width: 75%; margin: auto;}
  .about-section, .who-we-are, .top-footer, .footer-navigation{width:80%; margin: auto;}
  .who-we-are{width:90%; margin: auto;}
  .boards-matters, .class9-matters, .testi-section, .faq-section{width: 65%; margin: auto;}
  .faq-section{margin-bottom: 3rem}
}
@media (min-width:1536px){
  .top-header{padding-left: 6cqw; padding-right: 6cqw;}
  .container {max-width: 80%;}
.top-slider, .numbers-section{width: 70%; margin: auto;}
.about-section, .top-footer, .footer-navigation{width:70%; margin: auto;}
 .who-we-are{width:90%; margin: auto;}
.boards-matters, .class9-matters, .testi-section, .faq-section{width: 58%; margin: auto;}  
.faq-section{margin-bottom: 3rem}
  .top-slider{margin-top: 1rem}
}


@media (max-width:1024px) {
  .hero {max-width: 50%;}
  .hero h1 { font-size: 4.85cqw; line-height: 5.3cqw;}
  .section-title{font-size: 3.6rem; margin-bottom: 1rem;}
  .testimonial-card::before, .testimonial-card::after { font-size: 56px; }
  .testimonial-section .avatar { width: 48px; height: 48px; }
  .chapter-points{padding:10px 15px 40px; font-size: 1.4cqw;}
}

@media (max-width:940px) {
  .logo {max-width: 150px;}
  .main-navigation ul { gap: 3cqw; font-size: 1.7cqw; }
  .btn-download{padding: 1rem 1.6rem; font-size: 14px;}
  .hero {max-width: 70%;}
  .hero h1 {font-size: 5.85cqw; line-height: 5.3cqw;}
  .top-slider, .numbers-section { width: 90%; margin: auto;}
  .boards-matters, .class9-matters, .testi-section, .faq-section {
    width: 82%;
    margin: auto;
  }
  .about-section, .who-we-are, .top-footer, .footer-navigation {
    width: 92%;
    margin: auto;
  }
  .counter-box {font-size: 4cqw;}
  .boards-box h4{font-size: 2cqw;}
  .boards-name a{font-size: 2cqw;}

  .class9-matters .free-txt { font-size: 2.5cqw; padding: 20px 0 10px;}
  .class9-matters p{font-size: 1rem;}
  .class9-matters h2.section-title {font-size: 7cqw;}
  .home-sections{gap: 4rem;}
  .top-footer {grid-template-columns: 40% 1fr;}
  .video-box iframe { border-radius: 20px; max-height: 350px; }

  #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::after{right:0; width:80%}
  #mega-menu-wrap-menu-1 .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::before{ right:0; width:90% }
  #mega-menu-wrap-menu-1 .mega-menu-toggle.mega-menu-open .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::after{width: 100%}

}

@media (max-width: 767px) {
  .home-sections{gap:3.8rem;}
  .hero, .top-slider, .numbers-section, .boards-matters, .class9-matters, .testi-section, .faq-section,
  .about-section, .who-we-are, .top-footer, .footer-navigation { max-width: 100%; width: 100%;}
  .app-btns-top{transform: scale(0.7); padding: 1rem 0 2rem}
  .testimonial-card { padding: 20px; border-radius: 12px; }
  .testimonial-card::before, .testimonial-card::after { font-size: 46px; opacity: 0.12; }
  .testimonial-text { font-size: 15px; line-height: 1.6; }
  .swiper-pagination .swiper-pagination-bullet-active { width: 18px; height: 7px; }
  .numbers-section .grid-four{grid-template-columns: 1fr 1fr; gap: 2rem}
  .counter-box {font-size: 6cqw;}
  .boards-content-box .grid-four{grid-template-columns: 1fr 1fr; gap: 1rem}
  .chapter-points{font-size: 2.4cqw;}
  .chapter-points li:before{top: 4px}
  .class9-matters .free-txt { font-size: 3.8cqw;}
  .class9-matters h4{ font-size: 4.6cqw;}
  .class9-matters p { font-size: 2.8cqw;}
  .about-point-box{padding:15px 15px 15px 40px; width: 230px;font-size: 2.5cqw;}
  .about-point-box:before{left: 10px; top: 15px;}
  .section-title {font-size: 3.2rem;}
  .top-footer{grid-template-columns: 1fr}
  .footer-navigation{ grid-template-columns: 1fr 40% }
  .video-box iframe { border-radius: 20px; max-height: 300px; }
  .desktop-show{display: none;}
  .mobile-show{display: block;}

}
@media (max-width:480px) {
  .top-subhead{padding: 20px 0;}
  .hero h1 { font-size: 9cqw; line-height: 10.3cqw; }
  .class9-matters h2.section-title { font-size: 9cqw;}
  .class9-matters h4 span{ width: 40px; height: 40px;}
  .class9-matters p { font-size: 3.8cqw;}
  .class9-matters h2.section-title{padding: 1.5rem 0 0.5rem;}
  .boards-name{flex-wrap: wrap; gap:1rem}
  .boards-name a{padding: 6px 20px;font-size:3.5cqw; width: 48%}
  .boards-content-box .grid-four{gap: 0.3rem;}
  .chapter-points {font-size: 3.4cqw;}
  .boards-box h4 {font-size: 3cqw;}
  .about-point-box { width: 320px; font-size: 3.4cqw; }
  .section-title { font-size: 3.4rem;}
  .left-titles .sub-title{display: block;max-width: 200px;}
  .class9-matters .start-early{padding: 30px 10px 10px;}
  .footer-navigation{ grid-template-columns: 1fr }
  .video-box iframe { border-radius: 20px; max-height: 250px; }
}
@media (max-width:400px) {
  .about-point-box{font-size: 3.8cqw;}
  .counter-box {font-size: 8cqw;}
  .boards-box h4 {font-size: 3.4cqw;}
  .section-title { font-size: 3.2rem;}
}