.content-area,.left,.logo,.menu,.menu li,.primary-sidebar,.right,span{display:inline-block}.box,.development h5,header.my-logo{background:#fff}.calltoaction a,.container.copyright,.courses h2,.development h5,h2.center,p.head-bottom{text-align:center}.development h5,.tab button,.tabcontent{box-shadow:0 0 30px 0 rgba(0,0,0,.1)}.banner h2,.screen{overflow:hidden;position:relative}.banner h2,.screen,body{position:relative}.Marquee,.marquee{align-items:center}.development a,.getin a,a{text-decoration:none!important}.syllabus-table tbody tr:nth-child(2n),body{background-color:#f9f9f9}.faq_7 *,.overall-result-container,.syllabus-table,body,button,h1,h2,h3,h4,span{font-family:Manrope,sans-serif!important}.accordion:after,.right,img.testiquote{float:right}.menu ul,.testim .dots .dot{list-style-type:none}.btn-banner,.sp-btn{text-decoration:none}#goTopBtn,.accordion,.cgp-hero__dot,.contact-toggle,.dot,.faq-title,.faq_7 .faq-question-container:hover,.search-form button,.slide img,.slider-btn,.testim .arrow,.testim .arrow:before,.testim .dots .dot{cursor:pointer}*,.cgp-hero,.cgp-hero *,.cgp-hero ::after,.cgp-hero ::before,.news-single *{box-sizing:border-box}.selector-for-some-widget{box-sizing:content-box}.dots,.slide,.slider-container{box-sizing:border-box}body,html{margin:0;padding:0;overflow-x:hidden}.menu li a{color:#0b1d42;padding:0!important}.courses h2{color:#fff}input.wpcf7-form-control.wpcf7-submit.has-spinner{background:#0c1b42;color:#fff;border:1px solid #0c1b42;padding:5px 10px;width:100%;border-radius:2px}.development button.read:hover,a,footer a,footer h5,footer li,h2{color:#0b1d42}div#wpcf7-f22-o1{width:84%}div#wpcf7-f22-o1 p{margin-bottom:8px}footer{font-size:16px;color:#222;margin-bottom:0;background:#f8f8f8;display:block!important}footer .container{padding:20px 0 10px}.socialicon img{width:40px;padding:0 3px}.socialicon{margin:20px 0}footer p{font-size:14px;margin-bottom:5px}footer ul{padding-left:0}footer img{width:100px;margin-bottom:10px}h3.head{font-size:21px}footer p.abtcgp{font-size:15px;line-height:25px}.footertop .container{border-bottom:1px solid #dee2e6}footer li{list-style:none;padding:3px 0;font-size:15px}footer h5{font-weight:600;font-size:18px}.box-bottom{border-top:1px dashed #222;padding:10px 0}.menu li{padding:0 20px}.courses{background:#0b1d42;padding:30px 0}.my-logo,footer{width:100%;padding-left:1%}header.my-logo{padding:5px 0}body>header>h1>a{color:#fff;font-weight:400}.wrap{width:99%;margin:0 auto}.content-thin{width:70%}.content-full-width,.ecommerce h1,.form span.wpcf7-form-control-wrap,img.img{width:100%}.development h3:before,button.read:before{width:80px;position:absolute;display:block;content:""}.primary-sidebar{width:25%;padding:1%;vertical-align:top;background-color:#ececec}.article-loop{width:45%;text-align:left;margin:5px;padding:10px}.article-full{width:99%;padding:1%}.article-full,.article-loop{display:inline-block;vertical-align:top;background-color:#fff;border-radius:4px;margin-bottom:4px}.Marquee,.marquee,.tab,.tab-section{display:flex}@media screen and (max-width:800px){.content-area,.primary-sidebar{width:100%}.banner h2{font-size:24px!important}}h2{transform:scale(.94);animation:3s cubic-bezier(.5,1,.89,1) forwards scale}span{opacity:0;filter:blur(4px)}span:first-child{animation:.8s cubic-bezier(.11,0,.5,0) .1s forwards fade-in}span:nth-child(2){animation:.8s cubic-bezier(.11,0,.5,0) .2s forwards fade-in}span:nth-child(3){animation:.8s cubic-bezier(.11,0,.5,0) .3s forwards fade-in}span:nth-child(4){animation:.8s cubic-bezier(.11,0,.5,0) .4s forwards fade-in}span:nth-child(5){animation:.8s cubic-bezier(.11,0,.5,0) .5s forwards fade-in}span:nth-child(6){animation:.8s cubic-bezier(.11,0,.5,0) .6s forwards fade-in}span:nth-child(7){animation:.8s cubic-bezier(.11,0,.5,0) .7s forwards fade-in}span:nth-child(8){animation:.8s cubic-bezier(.11,0,.5,0) .8s forwards fade-in}span:nth-child(9){animation:.8s cubic-bezier(.11,0,.5,0) .9s forwards fade-in}span:nth-child(10){animation:.8s cubic-bezier(.11,0,.5,0) 1s forwards fade-in}span:nth-child(11){animation:.8s cubic-bezier(.11,0,.5,0) 1.1s forwards fade-in}span:nth-child(12){animation:.8s cubic-bezier(.11,0,.5,0) 1.2s forwards fade-in}span:nth-child(13){animation:.8s cubic-bezier(.11,0,.5,0) 1.3s forwards fade-in}span:nth-child(14){animation:.8s cubic-bezier(.11,0,.5,0) 1.4s forwards fade-in}span:nth-child(15){animation:.8s cubic-bezier(.11,0,.5,0) 1.5s forwards fade-in}span:nth-child(16){animation:.8s cubic-bezier(.11,0,.5,0) 1.6s forwards fade-in}span:nth-child(17){animation:.8s cubic-bezier(.11,0,.5,0) 1.7s forwards fade-in}span:nth-child(18){animation:.8s cubic-bezier(.11,0,.5,0) 1.8s forwards fade-in}@keyframes fade-in{100%{opacity:1;filter:blur(0)}}p.head{color:#0b1b43}p{font-size:20px;color:#636363;font-style:normal;font-weight:400;line-height:1.4}@media (min-width:1100px){section.ecommerce,section.section{margin-top:85px}section.section{width:380px}.marquee{width:12.5vw}.container.banner-text{width:750px}.development .col-sm-4{height:330px}}.development h5{font-size:27px;color:#d08a32;margin:-40px 0 0;padding:10px;font-weight:700;border-radius:50px}button.read{padding:0;border-radius:50px;font-weight:600;margin:30px 0;background:0 0;color:#222}button.read:hover{color:#0c1b42;border:none}.development{padding:34px 0 60px}.development .col-sm-4{padding:20px 30px}.development h3:before{border-bottom:1px dashed #000;margin-top:28px}.development .h3,.development h3{font-size:20px;color:#0c1b42;font-weight:700;margin:14px 0}.development p{font-size:15px;margin:25px 0 0}p.head-bottom{margin:-20px 0 50px;font-size:16px}.tab-section{padding:10px 0 50px}.process,.web{padding:70px 0}.process h3{margin:0 0 15px}h2.contact{font-size:25px!important;font-weight:800;line-height:30px!important;text-align:left}.getin a{color:#c78636!important;font-weight:600!important}.form label{font-size:15px;width:100%}.getin p{font-size:16px;margin-bottom:6px}.getin h2{font-size:23px!important;font-weight:800;line-height:35px;text-align:left}.tab button,.wpcf7-not-valid-tip{font-size:14px}.backblack,.calltoaction h2.center,.calltoaction p,.tab,h2,p.head-port,p.subhead{text-align:center}.development button.read{display:block;color:#0c1b42;border-bottom:1px solid dashed!important;margin:20px 0}.portfolio{padding:45px 0 70px}button.read:before{border-bottom:1px dashed;margin-top:20px}.screen{border:2px solid #b3b3b3;width:300px;height:300px;margin:50px auto}.backblack,.overlay,p.pra:before{position:absolute;right:0}.screen img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:bottom 11s;-webkit-transition:top 11s;-moz-transition:top 11s;-ms-transition:top 11s;-o-transition:top 11s}.screen:hover img{object-position:bottom center;-webkit-transition:11s;-moz-transition:11s;-ms-transition:11s;-o-transition:11s;transition:11s}.tab{margin:40px auto 0}.pro{border-style:solid;border-width:0 0 0 2px;border-color:#0c1b42;transition:background .3s,border .3s,border-radius .3s,box-shadow .3s;margin:0 0 20px;padding:0 30px}.tab button{border:1px solid #ddd;background:#fff;padding:20px 10px;font-weight:500;color:#545454;transition-duration:.5s;margin:0 10px 0 0;transform:translateY(0);width:500px;border-radius:40px!important}.tab button:active,.tab button:hover,button.tablinks.active{background:#0b1d42;color:#ffff}.tab-section p{color:#0c1c44;font-size:16px;line-height:24px;padding:20px 0}.tab-section img{width:250px;float:right}.tabcontent{float:left;padding:40px;color:#0c1c44;margin-top:20px;border:1px solid #ebebeb;border-radius:10px}.banner p,.equirybox a,.equirybox p,.sp-title,button,p.testip{color:#fff}.tab-section h3{font-size:22px;font-weight:700}.banner{background:url(https://cgpedu.com/wp-content/uploads/2025/07/White-Blue-Minimalist-Education-Banner-1920-x-500-px-7.png) top/contain no-repeat;width:100%;height:410px}.overlay{width:100%;mix-blend-mode:multiply;background:linear-gradient(180.73deg,rgb(40 40 40 / 15%) 6.52%,rgb(40 40 40 / 49%) 89.63%)}.container.banner-text{margin:0 auto;color:#fff;padding-top:120px;text-align:center}.banner h2{font-size:46px}p.short{font-size:20px;font-weight:700;margin-bottom:3px;color:#c8d2db}button{background:#d08a32;padding:15px 35px;border-radius:2px!important;font-weight:600;margin-top:16px;border:none!important}button:hover{border:2px solid rgba(255,255,255,.5);-webkit-box-shadow:0 4px 15px rgba(255,255,255,.2);box-shadow:0 4px 15px rgba(255,255,255,.2)}.banner h2{background:-webkit-linear-gradient(25deg,#fffcfc,snow);-webkit-background-clip:text;font-weight:500;white-space:nowrap;animation:1.5s steps(90) 1.5s both type,1s step-end infinite cursor;color:#fff!important;transform:none;border-right:2px solid}.banner p{font-size:19px;line-height:33px}@keyframes type{from{width:0}to{width:100%}}@keyframes cursor{50%{border-color:transparent}}.Marquee{justify-content:center;width:200vw;height:13vh}.marquee{justify-content:center;height:11vh;margin:10px;border-radius:15px}.icon{color:#ccc;transform:scale(1.5)}.sp-cf7 p{margin-bottom:0;padding-bottom:0}select.wpcf7-form-control.wpcf7-select{width:auto!important;min-width:180px;font-size:14px;border:1px solid #adadad;padding:8px 12px;color:#7a7878;border-top:none;border-left:none;border-right:none;background:0 0}input.wpcf7-form-control.wpcf7-text,input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,textarea.wpcf7-form-control.wpcf7-textarea{border:transparent;border-bottom:1px solid #adadad;font-size:15px;width:100%;background:0 0;font-family:Manrope,sans-serif!important;line-height:32px}textarea.wpcf7-form-control.wpcf7-textarea{height:70px}.contact,.note{padding:20px 0}.form{box-shadow:0 5px 15px rgba(0,0,0,.1);background:#fafafa;padding:40px 40px 20px}.board,.box,.boxwhy{box-shadow:0 1px 8px 0 #00000014;vertical-align:top}.FirstRow{animation:60s linear infinite Scroll}.SecondRow{animation:60s linear infinite reverse Scroll}@keyframes Scroll{0%{transform:translateX(-50vw);-webkit-transform:translateX(-50vw)}100%{transform:translateX(50vw);-webkit-transform:translateX(50vw)}}.backblack{background:#000;height:740px;width:1140px;margin:0 auto;left:0;border-radius:30px}p.head-port{color:#fff!important;z-index:9999999999;font-size:18px;margin-bottom:40px}.portfolio h2.center{margin:0!important}.calltoaction h2.center,h2.center{margin-bottom:20px!important}.calltoaction p{color:#fff;margin:-10px 0 30px}.calltoaction button{width:auto!important;border-radius:50px!important;padding:12px 22px!important;margin:0 auto}.box,btn{border:1px solid #e5e7eb;display:inline-block}.hd .col-sm-12,.process button{margin-bottom:30px}.nav-link:focus,.nav-link:hover{color:#0c1b42}.eco .pro{width:49%;display:inline-block}.pro:hover{border-color:#dc3545}.ecommerce p.num{font-size:19px!important}scale animation{transform:scale(1)}h2{font-size:29px!important;font-weight:700!important;line-height:35px!important;margin-bottom:10px!important}btn,footer a{font-size:14px}p.subhead{font-size:16px;margin-bottom:40px}.box{padding:20px 30px;margin:10px;height:239px}.about,.calltoaction{margin:45px 0}.box p{font-size:18px;margin-bottom:10px;font-weight:600}p.content{font-size:14px!important;color:#636363}btn{padding:6px 12px;border-radius:30px;margin:5px 5px 5px 0;color:#212529}.box button:hover,.tabcontent button:hover,.why button:hover{color:#0c1c42}.about p,.inner-content p,.news-single article p{font-size:16px}.banner-section button,.box button,.sp-hero button,.tabcontent button,.tests button{display:block;background:0 0;padding:0;margin-top:25px;color:#d08a32;font-weight:700;font-size:15px}@keyframes scale{100%{transform:scale(1)}}.calltoaction{background:url(https://cgpedu.com/wp-content/uploads/2025/07/Untitled-design-7.png) 0 0/contain no-repeat;padding:50px 0}.board,li.lihead{background:#0b1d42}.boxwhy p,.faq h2,.inner-content h2,.why h2,.why p.subhead,h2.sp-title{text-align:left}p.contp{font-size:18px}.qmn_btn,.qsm-quiz-container.qmn_quiz_container .btn,.qsm-quiz-container.qmn_quiz_container .qmn_btn{line-height:16px!important;padding:9px 14px!important}.fixedbox li{border:1px solid #ddd;padding:14px 20px}.fixedbox ul{list-style:none;padding-left:0}li.lihead{font-size:19px;font-weight:600;color:#fff!important}@media only screen and (max-width:768px){.search-form{width:45%!important;float:right;text-align:center;right:0;left:120px;position:absolute;top:-54px;display:flex!important}.quizbtn,div#nta-palette{position:relative!important}label{display:inline}.search-form button{margin-top:-8px;line-height:21px!important}.search-form label{display:inline;margin-bottom:.5rem}.fixedbox.sticky{margin-top:20px}.quiz_section input[type=email]{width:100%!important}.qmn_mc_answer_wrap{display:inline-block!important;margin:5px 45px 5px 5px!important}div#mlw_qmn_timer{margin-top:80px}.qsm-pagination.qmn_pagination.border.margin-bottom{margin-bottom:0!important}#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{background:#0b1d42;color:#fff}div#nta-palette{top:auto!important}.quizbtn{bottom:0!important;text-align:center}.menu{float:right;margin-top:-50px}.boxwhy{margin:20px 0 0!important}button.mega-close{display:none!important}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;border:1px solid #ddd}table{width:100%;border-collapse:collapse;min-width:600px}td,th{padding:8px 12px;border:1px solid #ddd;text-align:left;white-space:nowrap}}.boxwhy p.subhead,.why button{display:block;font-weight:700}.faq-content,.panel,.testim .cont,.typewriter p{overflow:hidden}@media (max-width:600px){table{min-width:500px}td,th{padding:6px 8px;font-size:14px}}.fixedbox a,.insighti h5.common-title.text-center{color:#0b1d42;font-weight:600}.tests p{font-size:17px;padding:5px 0}.tests button{border:1px solid #d08a32!important}@media only screen and (min-width:768px){.col-sm-6.testleft{margin-top:45px;background:#fff;padding:9px 30px;border-radius:10px;height:293px}.search-form input[type=search]{width:106%}form.search-form label{width:107px}.contact-modal{bottom:9%!important}.owl-carousel .owl-item img{height:400px}.why button{margin-top:45px;float:right}.banner-text{max-width:40%}.banner-section{max-height:500px}.img-hold.mob-banner{display:none}p.testihead{margin-top:55px}.equirybox{width:430px}.qmn_quiz_container input[type=email],.qmn_quiz_container input[type=number],.qmn_quiz_container input[type=text],.qmn_quiz_container input[type=url],.qmn_quiz_container select,.qmn_quiz_container textarea{width:100%}.fixedbox{position:static;width:300px}.fixedbox.sticky{position:fixed;top:35px;width:300px}.qsm-pagination.qmn_pagination.border.margin-bottom{margin-bottom:10px!important}.qmn_mc_answer_wrap{display:inline-block!important;margin:5px 90px 5px 5px!important}.menu{margin-top:19px}.board,.boxwhy{margin:10px 20px}.box{width:31.33333%}.boxwhy{width:22.33333%}.board{width:21%;display:inline-block}.subheader h2{width:800px;margin:0 auto}#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{border-bottom:1px solid #ddd;color:#0b1d42}}.fa-arrow-right{transform:rotate(-34deg);margin-left:4px}.why button{background:#d08a32;padding:10px 12px;border-radius:40px!important;color:#fff!important;font-size:15px;border:1px solid #fff!important}.boxwhy p.subhead{color:#0b1b43;border-bottom:1px solid #dfe1de;padding-bottom:10px}.boxwhy p{font-size:14px!important;margin-bottom:12px}div#why{margin:70px 0 50px}.boxwhy{border:1px solid #e5e7eb;padding:10px 25px;display:inline-block;margin:10px}.col-sm-4.txt{margin-top:40px}.board{margin:10px 20px;padding:10px 20px;height:190px}.contact-modal textarea.wpcf7-form-control.wpcf7-textarea,.spinner{height:60px}.board p{font-size:15px;text-align:center;color:#fff}.techboard{background:#eee;padding-top:45px}.inner-content{padding:50px 0 20px}.subheader h2 span{color:#d08a32;font-weight:800}.subheader h2{font-weight:700;font-size:40px!important;color:#fff;line-height:50px!important}.subheader h4{padding:14px 0;font-size:21px;line-height:28px}.sp-hero a{color:#ffd166!important;font-weight:600}.marks-card .value,.result-card,p.pra{font-weight:700}.inner-content h3,.inner-content h4,.inner-content h5,.inner-content h6{color:#0b1d42;font-weight:700}.inner-content li{color:#636363;line-height:28px;padding-bottom:6px}.inner-content h3{font-size:24px}.hd .col-sm-12{padding:25px 20px 10px;border:1px solid #ebebeb;box-shadow:0 0 30px 0 rgba(0,0,0,.1)}p.pra:before{content:"";top:0;bottom:0;left:0;background:linear-gradient(60deg,#dae7fd 1.92%,#fff 98.79%);transform:rotate(-180deg);z-index:-1;border-right:5px solid #0b1d42}.syllabus-table{width:100%;border-collapse:collapse;margin:20px 0;box-shadow:0 2px 10px rgba(0,0,0,.1)}.syllabus-table thead{background-color:#0b1d42;color:#fff}.syllabus-table td,.syllabus-table th{padding:8px;text-align:left;border-bottom:1px solid #ddd;border-left:1px solid #ddd;border-right:1px solid #ddd}.inner-content h4{font-size:23px}.syllabus-table tbody tr:hover{background-color:#eef6ff}.syllabus-table th{font-weight:300}#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-item>a.mega-menu-link{font-weight:600!important;font-size:15px;padding:0 13px!important}#mega-menu-wrap-header-menu #mega-menu-header-menu>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link{font-size:16px;padding:0 20px!important;line-height:40px;font-weight:600!important}#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-inner,#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::after,#mega-menu-wrap-header-menu .mega-menu-toggle .mega-toggle-block-1 .mega-toggle-animated-slider .mega-toggle-animated-inner::before{background-color:#1d2327}html{margin-top:0!important}#preloader{position:fixed;left:0;top:0;z-index:9999;width:100%;height:100%;background-color:#fff;display:flex;align-items:center;justify-content:center}.spinner{border:8px solid #f3f3f3;border-top:8px solid #3498db;border-radius:50%;width:60px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.faq_7 .responsive-cell-block{min-height:75px}.faq_7 .text-blk{margin:0;line-height:25px}.faq_7 .responsive-container-block{min-height:75px;height:fit-content;width:100%;display:flex;flex-wrap:wrap;margin:0 auto;justify-content:flex-start;padding:0}.ban span,.faq_7 .faq,span.wpcf7-form-control-wrap{display:block}.faq_7 .faq-head-bg{background-color:#03a9f4;color:#fff;padding:80px 60px;margin:0 0 0 auto}.faq_7 .text-blk.faq-heading1{font-size:40px;line-height:55px;font-weight:900;margin:0 0 20px}.faq_7 .faq-dropdown-bg{padding:80px 60px}.faq_7 .faq{flex-direction:column;border-bottom:1px solid #aaa;margin:0 0 25px}.faq_7 .faq-question-container{display:flex;justify-content:space-between;margin:0 0 20px}.faq_7 .text-blk.faq-questions{color:#525252;font-size:20px}.faq_7 .text-blk.faq-answer{padding:0 0 0 20px;color:#9c9c9c;font-size:18px;line-height:26px;margin:0 0 20px}.faq_7 .text-blk.faq-subheading{line-height:26px;margin:0 0 50px;max-width:590px;font-size:18px}.faq_7 .answer-box{max-height:0;overflow-x:hidden;overflow-y:hidden;transition:max-height .5s}.faq_7 .faq.active .openimg{transform:rotate(180deg)}.faq_7 .openimg{transition:transform .3s ease-in}.faq_7 .faq.active .answer-box{max-height:550px}.faq_7 .faq-head-content{margin:0 0 0 auto;max-width:450px}.faq_7 .container-block{max-width:800px}@media (max-width:1024px){.faq_7 .text-blk.faq-answer{font-size:18px}}@media (max-width:768px){.col-sm-6.testleft{background:#fff;width:100%;padding-bottom:20px}.faq_7 .text-blk.faq-heading1{font-size:30px;line-height:40px;margin:0 0 15px}.faq_7 .faq-head-content{margin:0 auto;max-width:500px;text-align:center}.faq_7 .faq-head-bg{padding:50px 60px 30px}.faq_7 .faq-dropdown-bg{padding:50px 60px}.faq_7 .text-blk.faq-questions{font-size:18px}.faq_7 .text-blk.faq-answer{font-size:16px}.faq_7 .text-blk.faq-subheading{margin:0 0 30px}.subheader h2{font-size:25px!important;line-height:35px!important}.subheader h4{font-size:16px!important;line-height:26px}.calltoaction h2.center{margin-bottom:20px!important;text-align:center;font-size:20px!important}.panel,button,li,p{font-size:15px!important}.subheader{padding:40px 0!important}h2{font-size:21px!important}h3{font-size:19px!important}h4{font-size:17px!important}.tab button{font-size:12px!important}.development h5{font-size:22px}.testim .cont div h2{font-size:14px!important}.development{padding:0}p.testihead{font-size:25px!important}testim-content-in animation{opacity:1;transform:translateY(0)}.testim .cont div p{font-size:12px!important;line-height:20px!important}}.qsm-pagination.qmn_pagination.border.margin-bottom,.qsm-quiz-container{margin-bottom:15px;background:#fff;box-shadow:0 0 24px 0 #e9eef2;padding:20px 30px}@media (max-width:500px){.faq_7 .responsive-cell-block.wk-tab-12.wk-mobile-12.wk-desk-5.wk-ipadp-5.faq-head-bg{padding:50px 30px 30px}.faq_7 .responsive-cell-block.wk-tab-12.wk-mobile-12.wk-desk-7.wk-ipadp-7.faq-dropdown-bg{padding:50px 30px}.faq_7 .text-blk.faq-answer{padding:0;line-height:22px;font-size:16px}.faq_7 .text-blk.faq-questions{font-size:18px}.faq_7 .text-blk.faq-heading1{font-size:26px}.faq_7 .text-blk.faq-subheading{font-size:17px;line-height:24px}}.mlw_qmn_message_before li,.mlw_qmn_message_before p{font-size:16px!important}.mlw_qmn_message_before h4{color:#d08a32!important}.qsm-pagination.qmn_pagination.border.margin-bottom{border-radius:2px;border:none!important}.qmn_quiz_container input[type=email],.qmn_quiz_container input[type=number],.qmn_quiz_container input[type=text],.qmn_quiz_container input[type=url],.qmn_quiz_container select,.qmn_quiz_container textarea{background:#fff;border:1px solid #e3e3e3;border-radius:0}.qsm-quiz-container{margin-top:15px;border-radius:2px}.overall-result-container{background:linear-gradient(180deg,#3d0072,#4e005f,#6e0068);padding:20px;min-height:100vh;color:#fff}.main-content-area{max-width:1000px;margin:0 auto;display:flex;gap:20px;flex-wrap:wrap}.overall-result-section{flex:2;min-width:300px;background:#fff;border-radius:12px;padding:20px;color:#333;display:grid;grid-template-columns:1fr 1fr;gap:15px}.marks-card,.result-card{border-radius:8px;padding:15px;text-align:center;min-height:80px}.overall-marks-section{flex:1;min-width:250px;display:flex;flex-direction:column;gap:15px}.result-card{background:#f0f0f0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:1.1em;color:#555}.result-card span{font-size:.8em;font-weight:400;color:#777;margin-top:5px}.marks-card{color:#fff;display:flex;flex-direction:column;justify-content:center;align-items:center}.marks-card.positive{background:#4caf50}.marks-card.negative{background:#f44336}.marks-card.unattempt{background:#ffc107;color:#333}.marks-card.final{background:#333}.marks-card .value{font-size:1.8em}.marks-card .label{font-size:.9em;font-weight:400;margin-top:5px}.inst h5{font-weight:600;color:#0b1d42}.inst li,.inst p{font-size:16px;color:#0b1d42}button.accordion{margin-bottom:10px;font-size:16px}.accordion{background-color:#eee;color:#444;padding:18px;width:100%;border:none;text-align:left;outline:0;font-size:15px;transition:.4s}.count,.counttext,.dots,.testim .dots{text-align:center}.accordion:after{content:'\002B';color:#0c1b42;font-weight:700;margin-left:5px;font-size:24px;margin-top:-10px}.accordion .active:after{content:"\2212"}p.testihead{color:#fff;font-size:38px;font-weight:600;margin-bottom:5px}.count,.equirybox h4,p.testihead span{color:#d08a32;font-weight:700}.panel{padding:0 18px;background-color:#fff;max-height:0;transition:max-height .2s ease-out}.next .container{box-shadow:2px 1px 8px 0 rgba(0,0,0,.08);padding:18px 0;position:relative;margin-top:-59px;z-index:2;background:#fff;box-shadow:0 5px 15px rgba(0,0,0,.1);border-radius:10px}.count{font-size:32px}.counttext{font-size:20px;color:#0b1d42;font-weight:700}.faq-wrapper{max-width:700px;margin:2rem auto;font-family:sans-serif}.faq-item{border-bottom:1px solid #ddd;margin-bottom:10px;position:relative}.faq-item input{display:none}.faq-title{display:flex;align-items:center;padding:1rem;background:#f5f5f5;font-weight:600;transition:background .3s}.faq-content,.faq-wrapper input:checked~input:not(:checked)~.faq-content{max-height:0;padding:0 1rem}.faq-title:hover{background:#e8f0ff}.faq-title .icon{margin-right:10px;transition:transform .3s}.faq-content{transition:.3s;color:#444}.faq-item input:checked~.faq-content{max-height:200px;padding:1rem}.equirybox{background:#0b1d42;border:1px solid;border-radius:20px;padding:34px 30px 20px;color:#fff}.testim{width:100%;margin-top:30px;padding:0}.testim .wrap{position:relative;width:100%}.testim .arrow{display:none;position:absolute;color:#eee;font-size:2em;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-moz-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:.3s ease-in-out;-ms-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;padding:5px;z-index:22222222}.testim .arrow:hover{color:#ea830e}.prev,.testim .arrow.left{left:10px}.next,.testim .arrow.right{right:10px}.testim .dots{position:absolute;width:100%;bottom:0;left:0;display:block;z-index:3333;height:12px}.testim .dots .dot{display:inline-block;width:12px;height:12px;border-radius:50%;border:1px solid #eee;margin:0 10px;-webkit-transition:.5s ease-in-out;-ms-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;position:relative}.testim .dots .dot.active,.testim .dots .dot:hover{background:#d08a32;border:none}.testim .cont{position:relative}.testim .cont>div{text-align:left;position:absolute;top:0;left:0;padding:25px 10px 40px 20px;opacity:0;background:#112652;border-radius:20px}.testimonial{background:url(https://cgpedu.com/wp-content/uploads/2025/07/0b1b43.png);margin-bottom:70px;padding:40px 0}.testim .cont>div.active{position:relative;opacity:1;color:#0b1d42}.testim .cont div .img img{display:block;width:100px;height:100px;margin:auto;border-radius:50%}.testim .cont div h2{color:#0b1d42;font-size:20px!important;margin:15px 0}.testim .cont div p{font-size:15px;color:#636363;width:90%;margin:auto}.testim .cont div.active h2{-webkit-animation:.4s ease-in-out forwards testim-content-in;-moz-animation:.4s ease-in-out forwards testim-content-in;-ms-animation:testim-content-in .4s ease-in-out forwards;-o-animation:.4s ease-in-out forwards testim-content-in;animation:.4s ease-in-out forwards testim-content-in}.testim .cont div.active p{-webkit-animation:.5s ease-in-out forwards testim-content-in;-moz-animation:.5s ease-in-out forwards testim-content-in;-ms-animation:testim-content-in .5s ease-in-out forwards;-o-animation:.5s ease-in-out forwards testim-content-in;animation:.5s ease-in-out forwards testim-content-in}.testim .cont div.inactive h2{-webkit-animation:.4s ease-in-out forwards testim-content-out;-moz-animation:.4s ease-in-out forwards testim-content-out;-ms-animation:testim-content-out .4s ease-in-out forwards;-o-animation:.4s ease-in-out forwards testim-content-out;animation:.4s ease-in-out forwards testim-content-out}.testim .cont div.inactive p{-webkit-animation:.5s ease-in-out forwards testim-content-out;-moz-animation:.5s ease-in-out forwards testim-content-out;-ms-animation:testim-content-out .5s ease-in-out forwards;-o-animation:.5s ease-in-out forwards testim-content-out;animation:.5s ease-in-out forwards testim-content-out}@-webkit-keyframes testim-scale{0%{-webkit-box-shadow:0 0 0 0 #eee;box-shadow:0 0 0 0 #eee}35%{-webkit-box-shadow:0 0 10px 5px #eee;box-shadow:0 0 10px 5px #eee}70%{-webkit-box-shadow:0 0 10px 5px #ea830e;box-shadow:0 0 10px 5px #ea830e}100%{-webkit-box-shadow:0 0 0 0 #ea830e;box-shadow:0 0 0 0 #ea830e}}@-moz-keyframes testim-scale{0%{-moz-box-shadow:0 0 0 0 #eee;box-shadow:0 0 0 0 #eee}35%{-moz-box-shadow:0 0 10px 5px #eee;box-shadow:0 0 10px 5px #eee}70%{-moz-box-shadow:0 0 10px 5px #ea830e;box-shadow:0 0 10px 5px #ea830e}100%{-moz-box-shadow:0 0 0 0 #ea830e;box-shadow:0 0 0 0 #ea830e}}@-ms-keyframes testim-scale{0%{-ms-box-shadow:0 0 0 0 #eee;box-shadow:0 0 0 0 #eee}35%{-ms-box-shadow:0 0 10px 5px #eee;box-shadow:0 0 10px 5px #eee}70%{-ms-box-shadow:0 0 10px 5px #ea830e;box-shadow:0 0 10px 5px #ea830e}100%{-ms-box-shadow:0 0 0 0 #ea830e;box-shadow:0 0 0 0 #ea830e}}@-o-keyframes testim-scale{0%{-o-box-shadow:0 0 0 0 #eee;box-shadow:0 0 0 0 #eee}35%{-o-box-shadow:0 0 10px 5px #eee;box-shadow:0 0 10px 5px #eee}70%{-o-box-shadow:0 0 10px 5px #ea830e;box-shadow:0 0 10px 5px #ea830e}100%{-o-box-shadow:0 0 0 0 #ea830e;box-shadow:0 0 0 0 #ea830e}}@keyframes testim-scale{0%{box-shadow:0 0 0 0 #eee}35%{box-shadow:0 0 10px 5px #eee}70%{box-shadow:0 0 10px 5px #ea830e}100%{box-shadow:0 0 0 0 #ea830e}}@-webkit-keyframes testim-content-in{from{opacity:0;-webkit-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@-moz-keyframes testim-content-in{from{opacity:0;-moz-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}}@-ms-keyframes testim-content-in{from{opacity:0;-ms-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-ms-transform:translateY(0);transform:translateY(0)}}@-o-keyframes testim-content-in{from{opacity:0;-o-transform:translateY(100%);transform:translateY(100%)}to{opacity:1;-o-transform:translateY(0);transform:translateY(0)}}@keyframes testim-content-in{from{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes testim-content-out{from{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}to{opacity:0;-webkit-transform:translateY(-100%);transform:translateY(-100%)}}@-moz-keyframes testim-content-out{from{opacity:1;-moz-transform:translateY(0);transform:translateY(0)}to{opacity:0;-moz-transform:translateY(-100%);transform:translateY(-100%)}}@-ms-keyframes testim-content-out{from{opacity:1;-ms-transform:translateY(0);transform:translateY(0)}to{opacity:0;-ms-transform:translateY(-100%);transform:translateY(-100%)}}@-o-keyframes testim-content-out{from{opacity:1;-o-transform:translateY(0);transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@keyframes testim-content-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}@-webkit-keyframes testim-show{from{opacity:0;-webkit-transform:scale(0);transform:scale(0)}to{opacity:1;-webkit-transform:scale(1);transform:scale(1)}}@-moz-keyframes testim-show{from{opacity:0;-moz-transform:scale(0);transform:scale(0)}to{opacity:1;-moz-transform:scale(1);transform:scale(1)}}@-ms-keyframes testim-show{from{opacity:0;-ms-transform:scale(0);transform:scale(0)}to{opacity:1;-ms-transform:scale(1);transform:scale(1)}}@-o-keyframes testim-show{from{opacity:0;-o-transform:scale(0);transform:scale(0)}to{opacity:1;-o-transform:scale(1);transform:scale(1)}}@keyframes testim-show{from{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@-webkit-keyframes testim-hide{from{opacity:1;-webkit-transform:scale(1);transform:scale(1)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-moz-keyframes testim-hide{from{opacity:1;-moz-transform:scale(1);transform:scale(1)}to{opacity:0;-moz-transform:scale(0);transform:scale(0)}}@-ms-keyframes testim-hide{from{opacity:1;-ms-transform:scale(1);transform:scale(1)}to{opacity:0;-ms-transform:scale(0);transform:scale(0)}}@-o-keyframes testim-hide{from{opacity:1;-o-transform:scale(1);transform:scale(1)}to{opacity:0;-o-transform:scale(0);transform:scale(0)}}@keyframes testim-hide{from{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}@media all and (max-width:300px){body{font-size:14px}}@media all and (max-width:500px){.testim .arrow{font-size:1.5em}.testim .cont div p{line-height:25px}}.banner-section{background:linear-gradient(#5d03d120,#1f005147) center/cover no-repeat,linear-gradient(100deg,#383838 0,#5d03d11a 43%) center/cover no-repeat,url(https://cgpedu.com/wp-content/uploads/2025/08/Untitled-design-2-1-min-scaled.webp) center/cover no-repeat;height:436px;position:relative;width:100%}.banner-container,.carousel,.carousel-inner{margin-bottom:0!important;padding-bottom:0!important;background-color:#0c2e75;overflow:hidden}.banner-section button,.sp-hero button,.tests button{box-shadow:none!important;background:#fff;padding:10px 20px;border-radius:50px!important}.banner-img{width:100%;height:auto;display:block}.banner-text{position:absolute;top:19%;left:13%;transform:translateY(-50%);color:#fff}.banner-text h1{font-size:36px;margin:0 0 10px}.banner-text p{font-size:20px;margin:18px 0 10px;color:#d08a32;font-weight:600}.boxwhy span{font-size:46px;color:#dfe8ef;margin:0 8px 0 0;vertical-align:middle;display:block}p.cour{color:#fff;font-size:19px;letter-spacing:1px;font-weight:400}.btn-banner{display:inline-block;background:#007bff;color:#fff;padding:10px 20px;border-radius:5px}#goTopBtn,.contact-modal{position:fixed;z-index:9999;display:none}.typewriter p{color:#d08a32;border-right:.15em solid orange;white-space:nowrap;animation:3.5s steps(30,end) typing,.5s step-end infinite blink-caret;font-weight:700}.typewriter{width:fit-content}@keyframes typing{from{width:0}to{width:100%}}@keyframes blink-caret{from,to{border-color:transparent}50%{border-color:orange}}.equirybox a{line-height:27px}.banner-section,.banner-section .container,.banner-section .row,.banner-section img{margin:0!important;padding:0!important;border:none!important;outline:0!important;box-shadow:none!important;max-width:100%!important;overflow:hidden!important}.banner-section img{display:block;width:100%}.contact-modal{right:0;bottom:20px;width:330px;background:#fff;border-radius:0;box-shadow:0 0 20px rgba(0,0,0,.2);transition:.3s}.contact-header{background:#0b1d42;color:#fff;padding:0 15px;font-weight:700;display:flex;justify-content:space-between;align-items:center}.contact-header button{background:0 0;color:#fff;border:none;font-size:18px;margin-left:10px;cursor:pointer}.contact-body{padding:15px}.contact-body form input,.contact-body form textarea{width:100%;margin-bottom:10px;padding:8px;border:1px solid #ccc;border-radius:5px}.contact-body form button{width:100%;padding:10px;background:#004aad;color:#fff;border:none;border-radius:5px}.contact-toggle{position:fixed;top:50%;right:-45px;transform:rotate(90deg);background:#d08a32;color:#fff;border:none;border-radius:10px 0 0 10px;padding:14px 20px;box-shadow:0 0 10px rgba(0,0,0,.2)}.sp-card,.sp-hero{position:relative}.contact-modal input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required,.contact-modal textarea.wpcf7-form-control.wpcf7-textarea,input.wpcf7-form-control.wpcf7-text{border-radius:0;line-height:19px;font-size:15px}.contact-modal p{margin-bottom:0}.contact-modal .wpcf7 form .wpcf7-response-output{margin:0 .5em 1em}#goTopBtn{bottom:15px;right:20px;background-color:#0b1d42;color:#fff;border:none;padding:10px 12px;font-size:18px;box-shadow:0 0 10px rgba(0,0,0,.3);transition:opacity .3s;border-radius:50px!important}#goTopBtn:hover{background-color:#002f6c}.page-id-164 .contact-modal{display:none!important}.search-form{display:initial;align-items:center;max-width:388px}.search-form input[type=search]{width:100%;padding:10px;border:1px solid #ccc;border-radius:50px 0 0 50px!important}.search-form button{padding:11px 15px;color:#fff;border:none;border-radius:0 50px 50px 0!important;display:inline-block;width:auto;margin-left:-10px;line-height:18px}img.testipic{width:60px;border-radius:50px}.pum-container.custom-position{padding:0!important}.sp-hero{background:url(https://cgpedu.com/wp-content/uploads/2025/08/Untitled-design-28.png);color:#fff;overflow:hidden;padding:15px 0}.sp-hero::before{content:"";position:absolute;inset:-12% -25% auto -10%;height:65%;background:radial-gradient(60% 55% at 25% 40%,rgba(255,255,255,.07),transparent 60%);pointer-events:none}.sp-wrap{max-width:1180px;margin:auto;padding:0 15px;display:grid;gap:20px;align-items:center;grid-template-columns:1.15fr .85fr}.sp-title span{color:#d08a32;background:#fff;contain-intrinsic-block-size:4px;padding:0 4px}.sp-sub{margin:0 0 16px;color:#d5def0;font-size:18px;max-width:62ch}.sp-cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:10px 0 8px}.insighti li,.sp-btn{display:inline-block}.sp-btn{border-radius:999px;padding:12px 18px;font-weight:800;transition:transform .16s,opacity .16s,box-shadow .16s}.sp-btn-primary{background:#d08a32;color:#1b1003;box-shadow:0 6px 24px rgba(208,138,50,.35)}.sp-btn-primary:hover{transform:translateY(-1px)}.sp-note{margin:20px 0 6px;color:#dbe4fb;font-size:15px;max-width:66ch}.news-single .breadcrumb a,.sp-help a,.sp-note a{color:#fff;text-decoration:underline}.sp-help{margin:6px 0 0;color:#e7ecfb;opacity:.95;font-size:14px}.sp-right{display:flex;justify-content:flex-end}.sp-card{width:100%;max-width:380px;background:#fff;color:#0b1220;border-radius:12px;box-shadow:0 10px 30px rgba(2,6,23,.18);padding:10px}.sp-card::after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(2,6,23,.06);pointer-events:none}.sp-card-title{margin:0 0 4px;font-size:18px;font-weight:800;color:#0b1d42}.sp-card-note{margin:0 0 10px;color:#475569;font-size:12px}@media (max-width:980px){.sp-wrap{grid-template-columns:1fr;gap:28px}.sp-right{justify-content:flex-start}}.grecaptcha-badge{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.news-single{--ink:#0b1d42;--muted:#667085;--line:#e6e9ef;--soft:#f6f8fb;--brand:#0b1d42}.news-single .content{color:#636363}.news-single a{color:#0b1d42;text-decoration:none}.news-single .wrap{max-width:1180px;margin:0 auto;padding:24px 18px}.news-single .hero{position:relative;color:#fff;isolation:isolate;background:#0b1d42;overflow:hidden}.news-single .hero .bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.02);filter:brightness(.55);opacity:.9;z-index:-2}.news-single .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.55));z-index:-1}.news-single .breadcrumb{font-size:13px;opacity:.9;margin-bottom:10px;background:0 0;padding:3px 0}.news-single h1{font-size:32px;line-height:1.12;margin:6px 0 10px}.news-single .meta{display:flex;gap:14px;flex-wrap:wrap;font-size:14px;opacity:.95}.news-single .meta .pill{display:inline-flex;align-items:center;gap:6px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);padding:6px 10px;border-radius:999px}.news-single p#breadcrumbs{font-size:15px;color:#fff}.insighti{margin:40px 0}.insighti li{list-style:none;padding:6px 10px;color:#000}.news-single .grid{display:grid;gap:14px;margin-top:22px}@media(min-width:1000px){.news-single .grid{grid-template-columns:72px 1fr 320px}}@media(max-width:999px){.news-single .grid{grid-template-columns:1fr}}.news-single .share{position:sticky;top:110px;height:0}.news-single .side,.slider-container{position:relative}.news-single .share .stack{border:1px solid var(--line);display:flex;flex-direction:column}.news-single .iconbtn{width:42px;height:42px;border-radius:10px;border:1px solid var(--line);display:grid;place-items:center;background:#fff}.news-single .iconbtn:hover,.news-single .share .iconbtn:hover{background:#0b1d42;border-color:#0b1d42}.news-single .iconbtn:hover svg,.news-single .share .iconbtn:hover svg{stroke:#fff}.news-single article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;box-shadow:0 8px 24px rgba(2,6,23,.06)}.news-single article img{width:100%;height:auto;border-radius:12px}.news-single .nav a,.news-single .tag{border:1px solid var(--line);background:#fff}.news-single article h2,.news-single article h3{color:var(--ink)}.news-single .tags{margin-top:24px;display:flex;gap:10px;flex-wrap:wrap}.news-single .tag{font-size:12px;padding:6px 10px;border-radius:999px}.news-single .nav{display:flex;justify-content:space-between;gap:14px;margin-top:26px}.news-single .content li{padding-bottom:7px}.news-single .content h3{font-size:26px;font-weight:600}.news-single .nav a{flex:1;padding:12px 14px;border-radius:12px;display:block}.news-single .nav .label{display:block;color:var(--muted);font-size:12px;margin-bottom:4px}.news-single .card{background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 24px rgba(2,6,23,.06);padding:16px}.news-single .side h4{margin:0 0 10px;font-size:20px}.news-single .mini li{list-style:none;margin:0 0 10px}.news-single .mini a{display:grid;grid-template-columns:56px 1fr;gap:10px;align-items:center;font-size:14px;line-height:23px}.news-single .mini img{width:56px;height:56px;object-fit:cover;border-radius:8px}@media (max-width:782px){body.admin-bar{--wpbar:46px}}.news-single .wrap.grid{display:grid;grid-template-columns:80px 1fr 340px;gap:12px;align-items:start;position:relative}.news-single,.news-single .grid,.news-single .wrap{overflow:visible!important}@media (min-width:1000px){.news-single .share,.news-single .side{position:sticky;top:calc(var(--stick-top) + var(--wpbar,0px));align-self:start}.news-single .side .card{max-height:calc(100dvh - var(--stick-top) - var(--wpbar,0px) - 24px);overflow:auto;scrollbar-gutter:stable;margin-bottom:20px}}@media (max-width:999px){.news-single .wrap.grid{grid-template-columns:1fr}.news-single .share,.news-single .side{position:static;top:auto}.news-single .side .card{max-height:none;overflow:visible}}.news-single .share .stack{background:#fff;border:1px solid #e6e9ef;border-radius:14px;box-shadow:0 8px 24px rgba(2,6,23,.08);padding:8px;display:flex;flex-direction:column;gap:8px}.news-single .share .iconbtn{width:42px;height:42px;border-radius:10px;border:1px solid #e6e9ef;display:grid;place-items:center;background:#fff}.news-single .fixedbox li{border:none;padding:0;border-bottom:1px solid #eee}.blogform textarea.wpcf7-form-control.wpcf7-textarea{height:65px}.insighti nav.cat-bar{border-bottom:1px solid #ddd;padding-bottom:3px!important}.insighti span.count{font-size:17px}.insighti a.cat-chip{padding:0 10px;color:#000;font-weight:600}.insighti a.cat-chip.active{border-bottom:5px solid #0b1d42;color:#d08a32;font-weight:700}.insight .post-card{border:1px solid #e5e7eb;border-radius:14px;overflow:hidden;background:#fff}.insight .post-thumb{display:block;line-height:0}.insight .post-thumb img{display:block;width:100%;height:auto}.insight .entry-title{font-size:18px;margin:14px}.insight .entry-title a{text-decoration:none;color:#0b1d42}.insight .entry-title a:hover{text-decoration:underline}.insight .card-img-top{width:100%;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px);height:217px}.insight .card.insight-card{border-radius:16px}.insight .card-body{padding:0 20px 20px}.insight h5.card-title{font-size:17px;line-height:23px;color:#0b1d42;font-weight:600}.insight p.card-text{font-size:14px;line-height:20px;letter-spacing:0;font-weight:400;color:#616161}.slider-container{width:100%;max-width:100%;overflow:hidden;-webkit-tap-highlight-color:transparent}.dots,.slider-btn{position:absolute;display:flex}.slider-wrapper{display:flex;transition:transform .5s ease-in-out;will-change:transform}.slide{flex:0 0 100%;min-width:100%}.slide a{display:block;width:100%;height:100%}.slide img{width:100%;height:auto;object-fit:cover;display:block;max-width:100%}.slider-btn{top:50%;transform:translateY(-50%);background:rgba(0,0,0,.6);color:#fff;border:none;padding:8px 12px;border-radius:50%;font-size:16px;z-index:10;align-items:center;justify-content:center;line-height:1}.slider-btn:hover{background:rgba(0,0,0,.8)}.dots{bottom:10px;width:100%;left:0;pointer-events:auto;padding:0 6px;justify-content:center;gap:6px}.dot{display:inline-block;width:10px;height:10px;margin:0 4px;background:#bbb;border-radius:50%;border:0}.dot.active,.dot[aria-current=true]{background:#ffb400}@media (max-width:992px){.slider-btn{padding:7px 10px;font-size:15px}.prev{left:8px}.next{right:8px}.dots{bottom:10px;gap:6px}}@media (max-width:768px){.main-content-area{flex-direction:column}.overall-marks-section,.overall-result-section{min-width:unset;width:100%}.boxwhy{height:auto!important}.banner-section,.calltoaction{background-size:cover}.banner-text p{font-size:17px}.img-hold.mob-banner{display:block}.img-hold.lg-banner{display:none}.banner-text h1{font-size:25px!important}.calltoaction{padding:80px 0}.equirybox{margin-bottom:50px}.board{margin:45px 20px;padding:10px 20px;height:150px}.slide img{width:100%;height:200px;object-fit:cover}.slider-btn{padding:7px 10px;font-size:15px}.dots{bottom:8px;gap:6px}}.slider-container img{max-width:100%;height:auto;display:block}.cgp-hero__banner-image,.cgp-hero__slider{z-index:1;width:100%;height:100%}.cgp-hero{--cgp-gold:#f5a916;--cgp-gold-light:#ffc33d;--cgp-white:#ffffff;--cgp-dark:#020b18;--cgp-blue:#073c82;position:relative;width:100%;height:550px;min-height:585px;margin:0;padding:0;overflow:hidden;isolation:isolate;color:var(--cgp-white);background:var(--cgp-dark);font-family:Manrope,sans-serif!important}.cgp-hero__banner-image,.cgp-hero__overlay,.cgp-hero__slide,.cgp-hero__slider{position:absolute;inset:0}.cgp-hero__eyebrow,.cgp-hero__title strong{color:var(--cgp-gold-light);font-weight:800}.cgp-hero__slide{z-index:1;visibility:hidden;opacity:0;transition:opacity .9s,visibility .9s}.cgp-hero__slide.is-active{z-index:2;visibility:visible;opacity:1}.cgp-hero__banner-image{display:block;object-fit:cover;object-position:center;opacity:0;transform:scale(1.08)}.cgp-hero__slide.is-active .cgp-hero__banner-image{opacity:1;transform:scale(1)}.cgp-hero__overlay{z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(0,8,24,.94) 0,rgba(0,13,35,.84) 33%,rgba(0,14,37,.5) 62%,rgba(0,10,27,.18) 100%),linear-gradient(0deg,rgba(0,8,23,.68) 0,rgba(0,8,23,.08) 52%,rgba(0,8,23,.22) 100%)}.cgp-hero__container{position:relative;z-index:5;width:min(1200px,calc(100% - 120px));height:100%;min-height:620px;margin:0 auto;padding:40px 0 150px;display:flex;align-items:center}.cgp-hero__content{position:relative;z-index:6;width:100%;max-width:600px}.cgp-hero__navigation,.cgp-hero__stats{position:absolute;left:50%;transform:translateX(-50%)}.cgp-hero__eyebrow{margin:0 0 16px;display:flex;align-items:center;gap:10px;font-size:13px;line-height:1.2;letter-spacing:.6px;text-transform:uppercase}.cgp-hero__eyebrow-line{width:32px;height:3px;flex:0 0 32px;display:block;border-radius:10px;background:var(--cgp-gold-light)}.cgp-hero__title{margin:0;color:var(--cgp-white);font-size:clamp(30px, 3vw, 46px);line-height:1.12;font-weight:800;letter-spacing:-1.4px;text-shadow:0 5px 25px rgba(0,0,0,.35)}.cgp-hero__description{max-width:520px;margin:18px 0 0;color:rgba(255,255,255,.9);font-size:15px;line-height:1.65;text-shadow:0 3px 12px rgba(0,0,0,.35)}.cgp-hero__features{margin-top:18px;display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px}.cgp-hero__feature{display:flex;align-items:center;gap:8px;color:rgba(255,255,255,.95);font-size:13px;line-height:1.3;font-weight:700}.cgp-hero__feature>span{width:21px;height:21px;flex:0 0 21px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#06204a;background:var(--cgp-gold-light);font-size:11px;font-weight:900}.cgp-hero__actions{margin-top:24px;display:flex;flex-wrap:wrap;gap:13px}.cgp-hero__button{min-width:150px;min-height:46px;padding:11px 20px;border:1px solid transparent;border-radius:6px;display:inline-flex;align-items:center;justify-content:center;gap:16px;color:inherit;text-decoration:none;font-size:14px;line-height:1;font-weight:700;transition:transform .3s,border-color .3s,background .3s,box-shadow .3s}.cgp-hero__button>span{font-size:19px;line-height:1;transition:transform .3s}.cgp-hero__button:hover{transform:translateY(-3px)}.cgp-hero__button:hover>span{transform:translateX(5px)}.cgp-hero__button--primary{color:#06182d;background:linear-gradient(135deg,var(--cgp-gold-light),var(--cgp-gold));box-shadow:0 12px 26px rgba(245,169,22,.25)}.cgp-hero__button--primary:hover{color:#06182d;box-shadow:0 16px 32px rgba(245,169,22,.38)}.cgp-hero__button--outline{color:var(--cgp-white);border-color:rgba(255,255,255,.8);background:rgba(0,12,32,.24);backdrop-filter:blur(6px)}.cgp-hero__button--outline:hover{color:var(--cgp-white);border-color:var(--cgp-gold-light);background:rgba(255,255,255,.1)}.cgp-hero__students{margin-top:28px;display:flex;align-items:center;gap:15px}.cgp-hero__avatars{display:flex;align-items:center;padding-left:10px}.cgp-hero__avatars img{width:40px;height:40px;margin-left:-10px;border:3px solid #fff;border-radius:50%;display:block;object-fit:cover;background:#e7edf5}.cgp-hero__student-count{display:flex;flex-direction:column;gap:3px}.cgp-hero__student-count strong{color:var(--cgp-gold-light);font-size:23px;line-height:1}.cgp-hero__student-count span{color:rgba(255,255,255,.92);font-size:13px;line-height:1.3}.cgp-hero__slide .cgp-hero__actions,.cgp-hero__slide .cgp-hero__description,.cgp-hero__slide .cgp-hero__eyebrow,.cgp-hero__slide .cgp-hero__features,.cgp-hero__slide .cgp-hero__students,.cgp-hero__slide .cgp-hero__title{opacity:0;transform:translateY(28px)}.cgp-hero__slide.is-active .cgp-hero__eyebrow{animation:.7s .12s forwards cgpHeroFadeUp}.cgp-hero__slide.is-active .cgp-hero__title{animation:.8s .24s forwards cgpHeroFadeUp}.cgp-hero__slide.is-active .cgp-hero__description{animation:.8s .36s forwards cgpHeroFadeUp}.cgp-hero__slide.is-active .cgp-hero__features{animation:.8s .45s forwards cgpHeroFadeUp}.cgp-hero__slide.is-active .cgp-hero__actions{animation:.8s .54s forwards cgpHeroFadeUp}.cgp-hero__slide.is-active .cgp-hero__students{animation:.8s .63s forwards cgpHeroFadeUp}@keyframes cgpHeroFadeUp{to{opacity:1;transform:translateY(0)}}.cgp-hero__navigation{z-index:31;bottom:130px;display:flex;align-items:center;gap:8px}.cgp-hero__dot{width:11px;height:11px;padding:0;border:0;border-radius:50%;display:block;background:rgba(255,255,255,.58);transition:width .3s,background .3s,border-radius .3s}.cgp-hero__dot.is-active{width:28px;border-radius:30px;background:var(--cgp-gold-light)}.cgp-hero__dot:focus-visible{outline:rgba(255,195,61,.45) solid 3px;outline-offset:3px}.cgp-hero__progress span{display:block;width:0;height:100%;background:var(--cgp-gold-light)}.cgp-hero__progress.is-running span{animation:5s linear forwards cgpHeroProgress}.cgp-hero__stats{z-index:32;bottom:12px;width:min(1200px,calc(100% - 120px));min-height:100px;padding:14px;border:1px solid rgba(98,155,229,.4);border-radius:14px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));color:var(--cgp-white);background:linear-gradient(135deg,rgba(8,54,116,.92),rgba(2,27,65,.94));box-shadow:0 16px 36px rgba(0,0,0,.34);backdrop-filter:blur(12px)}.cgp-hero__stat{position:relative;min-width:0;padding:0 20px;display:flex;align-items:center;gap:14px}.cgp-hero__stat:not(:last-child)::after{content:"";position:absolute;top:13%;right:0;width:1px;height:74%;background:rgba(255,255,255,.18)}.cgp-hero__stat-icon{width:50px;height:50px;flex:0 0 50px;border:1px solid rgba(245,169,22,.5);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--cgp-gold-light);background:rgba(255,255,255,.06)}.cgp-hero__stat-icon svg{width:25px;height:25px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.cgp-hero__stat-content{min-width:0}.cgp-hero__stat span,.cgp-hero__stat strong{display:block}.cgp-hero__stat strong{margin:0 0 5px;color:var(--cgp-white);font-size:25px;line-height:1;white-space:nowrap}.cgp-hero__stat span{color:rgba(255,255,255,.88);font-size:13px;line-height:1.35}@media (max-width:1250px){.cgp-hero__container,.cgp-hero__stats{width:calc(100% - 80px)}.cgp-hero{height:600px;min-height:600px}.cgp-hero__container{min-height:600px;padding-bottom:145px}.cgp-hero__content{max-width:540px}.cgp-hero__title{font-size:clamp(28px, 3.6vw, 40px)}.cgp-hero__stat{padding:0 12px;gap:10px}.cgp-hero__stat-icon{width:42px;height:42px;flex-basis:42px}.cgp-hero__stat-icon svg{width:21px;height:21px}.cgp-hero__stat strong{font-size:21px}.cgp-hero__stat span{font-size:11px}}@media (max-width:991px){.cgp-hero{height:760px;min-height:760px}.cgp-hero__container{width:calc(100% - 48px);min-height:760px;padding:50px 0 230px;align-items:flex-start;justify-content:center;text-align:center}.cgp-hero__content{max-width:600px;margin:0 auto}.cgp-hero__actions,.cgp-hero__eyebrow,.cgp-hero__features,.cgp-hero__students{justify-content:center}.cgp-hero__description{margin-right:auto;margin-left:auto}.cgp-hero__overlay{background:rgba(0,13,35,.73)}.cgp-hero__navigation{bottom:210px}.cgp-hero__stats{width:calc(100% - 40px);min-height:170px;padding:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.cgp-hero__stat{min-height:78px;padding:10px 20px}.cgp-hero__stat:nth-child(2)::after{display:none}.cgp-hero__stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16)}}@media (max-width:767px){.cgp-hero{height:820px;min-height:820px}.cgp-hero__container{width:calc(100% - 28px);min-height:820px;padding:38px 0 260px}.cgp-hero__title{font-size:clamp(28px, 9vw, 38px);line-height:1.15;letter-spacing:-1px}.cgp-hero__eyebrow{margin-bottom:14px;font-size:11px}.cgp-hero__eyebrow-line{width:22px;flex-basis:22px}.cgp-hero__description{margin-top:16px;font-size:14px;line-height:1.55}.cgp-hero__features{gap:9px 12px}.cgp-hero__feature{font-size:12px}.cgp-hero__actions{margin-top:20px;gap:10px}.cgp-hero__button{min-width:130px;min-height:42px;padding:10px 14px;gap:10px;font-size:13px}.cgp-hero__students{margin-top:22px;gap:11px}.cgp-hero__avatars img{width:36px;height:36px}.cgp-hero__student-count strong{font-size:20px}.cgp-hero__navigation{bottom:205px}.cgp-hero__stats{bottom:16px;width:calc(100% - 20px);min-height:180px;padding:8px 6px}.cgp-hero__stat{min-height:80px;padding:10px 8px;gap:8px}.cgp-hero__stat-icon{width:36px;height:36px;flex-basis:36px}.cgp-hero__stat-icon svg{width:19px;height:19px}.cgp-hero__stat strong{font-size:18px}.cgp-hero__stat span{font-size:10px}}@media (max-width:480px){.slide img{width:100%;height:150px;object-fit:cover}.slider-btn{padding:6px 9px;font-size:14px}.prev{left:6px}.next{right:6px}.dot{width:10px;height:10px}.cgp-hero{height:880px;min-height:880px}.cgp-hero__container{min-height:880px;padding-bottom:300px}.cgp-hero__title{font-size:30px}.cgp-hero__actions{width:100%;display:grid;grid-template-columns:1fr}.cgp-hero__button{width:100%}.cgp-hero__navigation{bottom:280px}.cgp-hero__stats{min-height:250px;grid-template-columns:1fr}.cgp-hero__stat{min-height:58px;padding:8px 20px;border-bottom:1px solid rgba(255,255,255,.15)}.cgp-hero__stat::after{display:none}.cgp-hero__stat:last-child{border-bottom:0}.cgp-hero__student-count span{font-size:12px}}@media (prefers-reduced-motion:reduce){.cgp-hero *,.cgp-hero ::after,.cgp-hero ::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}.cgp-hero__progress{position:absolute;right:0;bottom:-13px;left:0;width:100%;height:3px;overflow:hidden;border-radius:20px;background:rgba(255,255,255,.22)}.cgp-hero__progress>span{position:absolute;inset:0;width:100%;height:100%;display:block;border-radius:inherit;background:var(--cgp-gold-light,#ffc33d);transform:scaleX(0);transform-origin:left center;animation:none!important;will-change:transform}.cgp-hero__progress.is-running>span{animation-name:cgpHeroProgress!important;animation-duration:5s!important;animation-timing-function:linear!important;animation-delay:0s!important;animation-iteration-count:1!important;animation-fill-mode:forwards!important}@keyframes cgpHeroProgress{from{width:0;transform:scaleX(0)}to{width:100%;transform:scaleX(1)}}@media only screen and (min-width:768px) and (max-width:991px){.cgp-hero{height:760px;min-height:760px}.cgp-hero__container{width:calc(100% - 48px);height:100%;min-height:760px;display:flex;align-items:center;justify-content:center;padding:20px 0 220px;text-align:center}.cgp-hero__content{width:100%;max-width:620px;margin:0 auto}.cgp-hero__actions,.cgp-hero__eyebrow,.cgp-hero__features,.cgp-hero__students{justify-content:center}.cgp-hero__description{max-width:560px;margin-left:auto;margin-right:auto}.cgp-hero__navigation{bottom:205px}.cgp-hero__stats{bottom:16px;width:calc(100% - 40px);min-height:170px;grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (max-width:767px){.cgp-hero{height:760px;min-height:760px}.cgp-hero__container{width:calc(100% - 30px);height:100%;min-height:760px;display:flex;align-items:center;justify-content:center;padding:10px 0 215px;text-align:center}.cgp-hero__content{width:100%;max-width:560px;margin:0 auto}.cgp-hero__eyebrow{justify-content:center;margin-bottom:12px}.cgp-hero__title{max-width:500px;margin:0 auto;font-size:clamp(29px, 8vw, 38px);line-height:1.15;letter-spacing:-1px}.cgp-hero__description{max-width:520px;margin:16px auto 0;font-size:14px;line-height:1.55}.cgp-hero__actions,.cgp-hero__features,.cgp-hero__students{justify-content:center}.cgp-hero__actions{margin-top:22px;display:flex;flex-wrap:wrap;gap:10px}.cgp-hero__button{min-width:145px;min-height:44px;padding:11px 16px}.cgp-hero__navigation{bottom:195px}.cgp-hero__stats{bottom:14px;width:calc(100% - 24px);min-height:170px;padding:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.cgp-hero__stat{min-height:76px;padding:8px 10px;gap:9px}.cgp-hero__stat-icon{width:38px;height:38px;flex:0 0 38px}.cgp-hero__stat-icon svg{width:19px;height:19px}.cgp-hero__stat strong{font-size:19px}.cgp-hero__stat span{font-size:10px}}@media only screen and (max-width:480px){.cgp-hero{height:800px;min-height:800px}.cgp-hero__container{min-height:800px;padding:10px 0 220px;align-items:center}.cgp-hero__content{transform:translateY(-5px)}.cgp-hero__title{font-size:30px;line-height:1.16}.cgp-hero__description{font-size:13.5px;line-height:1.55}.cgp-hero__actions{width:100%;display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;gap:9px}.cgp-hero__button{width:auto;flex:1 1 0;min-width:0;max-width:190px;min-height:44px;padding:10px 11px;gap:8px;font-size:12px;white-space:nowrap}.cgp-hero__button>span{font-size:17px}.cgp-hero__navigation{bottom:198px}.cgp-hero__stats{bottom:12px;width:calc(100% - 20px);min-height:174px;padding:7px;grid-template-columns:repeat(2,minmax(0,1fr))}.cgp-hero__stat{min-height:78px;padding:8px 7px;border-bottom:0}.cgp-hero__stat:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.16)}.cgp-hero__stat:nth-child(2)::after,.cgp-hero__stat:nth-child(2n)::after{display:none}.cgp-hero__stat::after{display:block}.cgp-hero__stat-icon{width:36px;height:36px;flex-basis:36px}.cgp-hero__stat strong{margin-bottom:4px;font-size:18px}.cgp-hero__stat span{font-size:9.5px;line-height:1.25}}@media only screen and (max-width:360px){.cgp-hero__container{width:calc(100% - 20px)}.cgp-hero__title{font-size:27px}.cgp-hero__description{font-size:13px}.cgp-hero__button{font-size:11px;padding:9px 8px}.cgp-hero__stat{padding:7px 5px;gap:6px}.cgp-hero__stat-icon{width:32px;height:32px;flex-basis:32px}.cgp-hero__stat strong{font-size:16px}.cgp-hero__stat span{font-size:8.5px}}.cgp-hero__progress{display:none!important}.cgp-hero__banner-image,.cgp-hero__slide.is-active .cgp-hero__banner-image,.cgp-hero__slide:hover .cgp-hero__banner-image{animation:none!important;transition:none!important;transform:none!important}.cgp-hero__banner-image{scale:1!important;width:100%;height:100%;object-fit:cover;object-position:center}@media (max-width:767px){.cgp-hero,.cgp-hero__slide,.cgp-hero__slider{overflow:hidden!important;margin:0!important}.cgp-hero,.cgp-hero__banner-image,.cgp-hero__slide,.cgp-hero__slider{width:100%!important;max-width:100%!important}body,html{width:100%;max-width:100%;overflow-x:hidden!important;margin:0;padding:0}.cgp-hero{padding:0!important}.cgp-hero__slide,.cgp-hero__slider{left:0!important;right:0!important}.cgp-hero__banner-image{position:absolute;inset:0;height:100%!important;object-fit:cover;display:block;margin:0!important;transform:none!important}.cgp-hero__container,.cgp-hero__content,.cgp-hero__stats{width:100%!important;max-width:100%!important;box-sizing:border-box!important}}

/* ==========================================================
   CGP EDU - CUSTOM TEST BACKGROUND SECTION
   FULL UPDATED RESPONSIVE CSS
========================================================== */


/* =========================
   OUTER SECTION
========================= */

.cgp-custom-test-bg-section {
    width: 100%;
    padding: 50px 20px;

    background: #f5f7fb;

    box-sizing: border-box;
}


/* =========================
   MAIN CARD
========================= */

.cgp-custom-test-bg-card {
    position: relative;

    width: 100%;
    max-width: 1200px;

    min-height: 390px;

    margin: 0 auto;

    display: flex;
    align-items: center;

    overflow: hidden;

    border-radius: 26px;

    /*
       Left empty area gets this color.
       Image remains on right.
    */
    background-color: #071737;

    /*
       Background image
    */
    background-image:
        url("https://cgpedu.com/wp-content/uploads/2026/08/custom-test-series.jpeg");

    /*
       VERY IMPORTANT:
       Image gets complete card height.
       No top/bottom cropping.
    */
    background-size: auto 100%;

    /*
       Keep image attached to right
       and vertically centered.
    */
    background-position: right center;

    background-repeat: no-repeat;

    box-shadow:
        0 15px 45px rgba(11, 29, 66, 0.12);

    box-sizing: border-box;
}


/* =========================
   DARK GRADIENT OVERLAY
========================= */

.cgp-custom-test-bg-overlay {
    position: absolute;

    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    z-index: 1;

    pointer-events: none;

    /*
       Dark on left for content.
       Image stays visible on right.
    */
    background: linear-gradient(
        90deg,
        rgba(7, 23, 55, 1) 0%,
        rgba(7, 23, 55, 1) 20%,
        rgba(7, 23, 55, 0.98) 32%,
        rgba(7, 23, 55, 0.88) 43%,
        rgba(7, 23, 55, 0.55) 53%,
        rgba(7, 23, 55, 0.22) 62%,
        rgba(7, 23, 55, 0.05) 72%,
        rgba(7, 23, 55, 0) 100%
    );
}


/* =========================
   CONTENT
========================= */

.cgp-custom-test-bg-content {
    position: relative;

    z-index: 2;

    width: 50%;
    max-width: 570px;

    padding: 55px 0 55px 60px;

    box-sizing: border-box;
}


/* =========================
   EYEBROW
========================= */

.cgp-custom-test-bg-eyebrow {
    display: inline-block;

    margin: 0 0 14px;

    color: #f1a23a;

    font-size: 13px;
    line-height: 1.4;

    font-weight: 800;

    letter-spacing: 1.6px;

    text-transform: uppercase;
}


/* =========================
   TITLE
========================= */

.cgp-custom-test-bg-title {
    margin: 0;

    color: #ffffff;

    font-size: clamp(34px, 3.5vw, 48px);

    line-height: 1.12;

    font-weight: 800;

    letter-spacing: -0.5px;
}


.cgp-custom-test-bg-title span {
    color: #f1a23a;
}


/* =========================
   DESCRIPTION
========================= */

.cgp-custom-test-bg-description {
    width: 100%;
    max-width: 500px;

    margin: 20px 0 28px;

    color: rgba(255, 255, 255, 0.87);

    font-size: 17px;
    line-height: 1.7;

    font-weight: 400;
}


/* =========================
   CTA BUTTON
========================= */

.cgp-custom-test-bg-btn {
    display: inline-flex;

    align-items: center;
    justify-content: center;

    gap: 10px;

    min-height: 52px;

    padding: 0 27px;

    background: #d08a32;

    border: 0;
    border-radius: 10px;

    color: #ffffff !important;

    font-size: 16px;
    line-height: 1;

    font-weight: 700;

    text-decoration: none !important;

    box-shadow:
        0 8px 22px rgba(208, 138, 50, 0.28);

    transition:
        background 0.25s ease,
        transform 0.25s ease,
        box-shadow 0.25s ease;

    box-sizing: border-box;
}


.cgp-custom-test-bg-btn:hover {
    background: #e39a3f;

    color: #ffffff !important;

    text-decoration: none !important;

    transform: translateY(-2px);

    box-shadow:
        0 12px 28px rgba(208, 138, 50, 0.35);
}


/* =========================
   BUTTON ARROW
========================= */

.cgp-custom-test-bg-arrow {
    display: inline-block;

    font-size: 21px;

    line-height: 1;

    transition: transform 0.25s ease;
}


.cgp-custom-test-bg-btn:hover
.cgp-custom-test-bg-arrow {
    transform: translateX(5px);
}



/* ==========================================================
   LARGE DESKTOP
========================================================== */

@media (min-width: 1200px) {

    .cgp-custom-test-bg-card {
        min-height: 390px;

        /*
           Maintains full image vertically.
        */
        background-size: auto 100%;

        background-position: right center;
    }

}



/* ==========================================================
   TABLET / SMALL LAPTOP
========================================================== */

@media (max-width: 1100px) {

    .cgp-custom-test-bg-card {
        min-height: 370px;

        background-size: auto 100%;

        background-position: right center;
    }


    .cgp-custom-test-bg-content {
        width: 54%;

        padding:
            50px
            0
            50px
            45px;
    }


    .cgp-custom-test-bg-title {
        font-size: 39px;
    }


    .cgp-custom-test-bg-description {
        max-width: 450px;

        font-size: 16px;
    }


    .cgp-custom-test-bg-overlay {
        background: linear-gradient(
            90deg,
            rgba(7, 23, 55, 1) 0%,
            rgba(7, 23, 55, 0.99) 25%,
            rgba(7, 23, 55, 0.92) 42%,
            rgba(7, 23, 55, 0.65) 55%,
            rgba(7, 23, 55, 0.25) 70%,
            rgba(7, 23, 55, 0) 100%
        );
    }

}



/* ==========================================================
   TABLET
========================================================== */

@media (max-width: 900px) {

    .cgp-custom-test-bg-section {
        padding:
            40px
            18px;
    }


    .cgp-custom-test-bg-card {
        min-height: 350px;

        border-radius: 22px;

        background-size: auto 100%;
        background-position: right center;
    }


    .cgp-custom-test-bg-content {
        width: 58%;

        padding:
            42px
            0
            42px
            35px;
    }


    .cgp-custom-test-bg-eyebrow {
        font-size: 12px;
    }


    .cgp-custom-test-bg-title {
        font-size: 34px;
    }


    .cgp-custom-test-bg-description {
        max-width: 400px;

        margin:
            18px
            0
            24px;

        font-size: 15px;

        line-height: 1.65;
    }


    .cgp-custom-test-bg-btn {
        min-height: 49px;

        padding:
            0
            23px;

        font-size: 15px;
    }

}



/* ==========================================================
   MOBILE
========================================================== */

@media (max-width: 767px) {

    .cgp-custom-test-bg-section {
        padding:
            28px
            15px;
    }


    .cgp-custom-test-bg-card {
        /*
           Mobile card becomes vertical.
        */
        min-height: 550px;

        display: flex;

        align-items: flex-end;

        border-radius: 20px;


        /*
           Full image width visible.
           No left/right cropping.
        */
        background-size: 100% auto;

        /*
           Image starts from top.
        */
        background-position: center top;

        background-repeat: no-repeat;

        background-color: #071737;
    }


    /*
       On mobile image stays visible on top
       and content gets dark background below.
    */

    .cgp-custom-test-bg-overlay {
        background: linear-gradient(
            180deg,
            rgba(7, 23, 55, 0) 0%,
            rgba(7, 23, 55, 0.02) 25%,
            rgba(7, 23, 55, 0.15) 38%,
            rgba(7, 23, 55, 0.72) 51%,
            rgba(7, 23, 55, 0.96) 63%,
            rgba(7, 23, 55, 1) 74%,
            rgba(7, 23, 55, 1) 100%
        );
    }


    .cgp-custom-test-bg-content {
        width: 100%;
        max-width: 100%;

        /*
           Top spacing leaves image visible.
        */
        padding:
            225px
            28px
            38px;

        text-align: left;
    }


    .cgp-custom-test-bg-eyebrow {
        margin-bottom: 11px;

        font-size: 11px;

        letter-spacing: 1.4px;
    }


    .cgp-custom-test-bg-title {
        font-size: 32px;

        line-height: 1.16;
    }


    .cgp-custom-test-bg-description {
        max-width: 500px;

        margin:
            17px
            auto
            24px;

        font-size: 15.5px;

        line-height: 1.65;
    }


    .cgp-custom-test-bg-btn {
        min-height: 50px;

        padding:
            0
            25px;

        font-size: 15px;
    }

}



/* ==========================================================
   SMALL MOBILE
========================================================== */

@media (max-width: 480px) {

    .cgp-custom-test-bg-section {
        padding:
            22px
            12px;
    }


    .cgp-custom-test-bg-card {
        min-height: 500px;

        border-radius: 17px;

        /*
           Complete image remains visible.
        */
        background-size: 100% auto;

        background-position: center top;
    }


    .cgp-custom-test-bg-content {
        padding:
            185px
            20px
            30px;
    }


    .cgp-custom-test-bg-eyebrow {
        font-size: 10px;

        letter-spacing: 1.2px;
    }


    .cgp-custom-test-bg-title {
        font-size: 28px;

        line-height: 1.18;
    }


    .cgp-custom-test-bg-description {
        margin:
            15px
            auto
            22px;

        font-size: 14.5px;

        line-height: 1.6;
    }


    .cgp-custom-test-bg-btn {
        width: 100%;

        min-height: 49px;

        padding:
            0
            20px;

        font-size: 15px;
    }

}



/* ==========================================================
   VERY SMALL MOBILE
========================================================== */

@media (max-width: 360px) {

    .cgp-custom-test-bg-card {
        min-height: 485px;
    }


    .cgp-custom-test-bg-content {
        padding:
            160px
            17px
            27px;
    }


    .cgp-custom-test-bg-title {
        font-size: 25px;
    }


    .cgp-custom-test-bg-description {
        font-size: 14px;
    }

}
/* ==========================================================
   CGP EDU - BUILD TEST MASTER HERO
   ========================================================== */

.cgp-practice-hero,
.cgp-practice-hero * {
    box-sizing: border-box;
}

.cgp-practice-hero {
    --cgp-navy: #0b1d42;
    --cgp-blue: #1769ff;
    --cgp-blue-soft: #edf5ff;

    --cgp-orange: #ff7800;
    --cgp-orange-soft: #fff5df;

    --cgp-green: #16a661;
    --cgp-green-soft: #eaf9f1;

    --cgp-purple: #7557e8;
    --cgp-purple-soft: #f2efff;

    --cgp-pink: #e73d91;
    --cgp-pink-soft: #fff0f7;

    --cgp-text: #10192f;
    --cgp-muted: #5e687b;

    position: relative;
    width: 100%;
    overflow: hidden;

    padding: 55px 0 42px;

    background:
        radial-gradient(
            circle at 86% 10%,
            rgba(117, 87, 232, .12),
            transparent 28%
        ),
        radial-gradient(
            circle at 8% 45%,
            rgba(23, 105, 255, .08),
            transparent 25%
        ),
        linear-gradient(
            180deg,
            #ffffff 0%,
            #fbfcff 55%,
            #f7faff 100%
        );

    font-family: Manrope, sans-serif !important;
}


/* Prevent old global theme span animations */
.cgp-practice-hero span {
    opacity: 1 !important;
    filter: none !important;
    animation: none !important;
}


/* Prevent old theme heading animation */
.cgp-practice-hero h1,
.cgp-practice-hero h2 {
    transform: none !important;
    animation: none !important;
    text-align: left;
}


/* Prevent global button CSS affecting slider */
.cgp-practice-hero button {
    margin: 0;
    font-family: inherit !important;
    box-shadow: none;
}


/* ==========================================================
   BACKGROUND DECORATION
   ========================================================== */

.cgp-practice-hero__grid {
    position: absolute;
    inset: 0;
    pointer-events: none;

    background-image:
        linear-gradient(
            rgba(11, 29, 66, .022) 1px,
            transparent 1px
        ),
        linear-gradient(
            90deg,
            rgba(11, 29, 66, .022) 1px,
            transparent 1px
        );

    background-size: 36px 36px;

    mask-image:
        linear-gradient(
            to bottom,
            transparent,
            #000 20%,
            #000 70%,
            transparent
        );
}


.cgp-practice-hero__blob {
    position: absolute;
    pointer-events: none;
    border-radius: 50%;
    filter: blur(2px);
}


.cgp-practice-hero__blob--one {
    width: 360px;
    height: 360px;

    right: -140px;
    top: 110px;

    background:
        linear-gradient(
            135deg,
            rgba(117, 87, 232, .13),
            rgba(23, 105, 255, .02)
        );
}


.cgp-practice-hero__blob--two {
    width: 280px;
    height: 280px;

    left: -150px;
    bottom: 20px;

    background:
        linear-gradient(
            135deg,
            rgba(255, 120, 0, .08),
            rgba(231, 61, 145, .04)
        );
}


/* ==========================================================
   CONTAINER
   ========================================================== */

.cgp-practice-hero__container {
    position: relative;
    z-index: 2;

    width: min(1380px, calc(100% - 70px));
    margin: 0 auto;
}


/* ==========================================================
   TOP
   ========================================================== */

.cgp-practice-hero__top {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 50px;

    margin-bottom: 30px;
}


.cgp-practice-hero__heading-area {
    flex: 1;
    text-align: center;
}


.cgp-practice-hero__flow {
    width: fit-content;
    margin: 0 auto 14px;

    padding: 8px 19px;

    display: flex;
    align-items: center;
    gap: 12px;

    border-radius: 50px;

    background:
        linear-gradient(
            90deg,
            #eaf3ff,
            #fff4e7,
            #eaf9f1
        );

    font-size: 15px;
    font-weight: 800;
}


.cgp-practice-hero__flow i {
    color: #27334a;
    font-style: normal;
}


.flow-build {
    color: var(--cgp-blue);
}


.flow-test {
    color: var(--cgp-orange);
}


.flow-master {
    color: var(--cgp-green);
}


.cgp-practice-hero__heading-area h1 {
    margin: 0;

    color: var(--cgp-text);

    font-size: clamp(34px, 4vw, 57px);
    line-height: 1.08;
    font-weight: 800;
    letter-spacing: -2.3px;

    text-align: center !important;
}


.cgp-practice-hero__heading-area h1 > span {
    display: inline;

    background:
        linear-gradient(
            90deg,
            var(--cgp-blue),
            var(--cgp-purple)
        );

    -webkit-background-clip: text;
    background-clip: text;

    color: transparent;
}


.cgp-practice-hero__heading-area > p {
    margin: 14px auto 0;

    max-width: 700px;

    color: #48546b;

    font-size: 17px;
    line-height: 1.55;

    text-align: center;
}


/* ==========================================================
   PROGRESS CARD
   ========================================================== */

.cgp-practice-hero__progress-card {
    width: 205px;
    flex: 0 0 205px;

    padding: 18px 19px;

    border: 1px solid #edf0f6;
    border-radius: 18px;

    background: rgba(255, 255, 255, .88);

    box-shadow:
        0 16px 45px rgba(30, 51, 95, .12);

    backdrop-filter: blur(10px);
}


.progress-card-title {
    margin-bottom: 14px;

    display: flex;
    align-items: center;
    gap: 8px;

    color: #58627a;

    font-size: 11px;
    font-weight: 800;
}


.progress-icon {
    color: var(--cgp-blue);
    font-size: 18px;
}


.progress-card-row {
    display: flex;
    align-items: center;
    gap: 9px;

    margin: 10px 0;

    color: #26324b;

    font-size: 12px;
}


.progress-card-row > span {
    width: 23px;
    flex: 0 0 23px;

    text-align: center;
}


.progress-card-row strong {
    font-weight: 650;
}


/* ==========================================================
   SLIDER BASE
   ========================================================== */

.cgp-learning-slider {
    position: relative;

    display: flex;
    align-items: center;
}


.cgp-learning-slider__viewport {
    width: 100%;
    overflow: hidden;

    border-radius: 26px;

    box-shadow:
        0 20px 65px rgba(30, 53, 96, .1);
}


.cgp-learning-slider__track {
    width: 100%;

    display: flex;

    transition:
        transform .75s cubic-bezier(
            .22,
            .61,
            .36,
            1
        );

    will-change: transform;
}


.cgp-learning-slide {
    min-width: 100%;

    padding: 35px 42px;

    display: grid;
    grid-template-columns:
        minmax(0, .92fr)
        minmax(420px, .8fr);

    align-items: center;
    gap: 50px;

    min-height: 510px;

    border: 1px solid rgba(0, 0, 0, .04);
}


/* individual slide colours */

.cgp-learning-slide--build {
    background:
        radial-gradient(
            circle at 10% 10%,
            rgba(23, 105, 255, .1),
            transparent 32%
        ),
        linear-gradient(
            110deg,
            #f5f9ff,
            #ffffff 68%
        );
}


.cgp-learning-slide--test {
    background:
        radial-gradient(
            circle at 35% 0,
            rgba(255, 174, 51, .16),
            transparent 34%
        ),
        linear-gradient(
            110deg,
            #fffaf0,
            #ffffff 68%
        );
}


.cgp-learning-slide--master {
    background:
        radial-gradient(
            circle at 5% 0,
            rgba(22, 166, 97, .12),
            transparent 33%
        ),
        linear-gradient(
            110deg,
            #f1fbf6,
            #ffffff 68%
        );
}


/* ==========================================================
   SLIDE CONTENT
   ========================================================== */

.cgp-learning-slide__content {
    max-width: 575px;
}


.slide-number {
    width: 48px;
    height: 48px;

    margin-bottom: 13px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 17px;
    font-weight: 900;
}


.slide-number--blue {
    color: var(--cgp-blue);
    background: #dceaff;
}


.slide-number--orange {
    color: var(--cgp-orange);
    background: #ffe7bb;
}


.slide-number--green {
    color: var(--cgp-green);
    background: #d7f4e5;
}


.slide-label {
    margin-bottom: 20px;

    font-size: 12px;
    font-weight: 850;
    letter-spacing: .4px;
}


.slide-label--blue {
    color: var(--cgp-blue);
}


.slide-label--orange {
    color: var(--cgp-orange);
}


.slide-label--green {
    color: var(--cgp-green);
}


.cgp-learning-slide h2 {
    margin: 0 !important;

    color: var(--cgp-text) !important;

    font-size: clamp(34px, 3vw, 48px) !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    letter-spacing: -1.6px;
}


.cgp-learning-slide h2 > span,
.cgp-learning-slide h2 > small {
    display: block;

    font-size: inherit;
    line-height: inherit;
    font-weight: inherit;
}


.text-blue {
    color: var(--cgp-blue);
}


.text-orange {
    color: var(--cgp-orange);
}


.text-green {
    color: var(--cgp-green);
}


.cgp-learning-slide__content > p {
    max-width: 510px;

    margin: 20px 0 24px;

    color: #536077;

    font-size: 15px !important;
    line-height: 1.65;
}


/* ==========================================================
   FEATURE PILLS
   ========================================================== */

.slide-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;

    margin-bottom: 28px;
}


.feature-pill {
    min-width: 76px;

    padding: 9px 12px;

    border: 1px solid #e7eaf1;
    border-radius: 12px;

    display: flex;
    align-items: center;
    gap: 7px;

    background: rgba(255, 255, 255, .75);

    color: #25334c;

    font-size: 11px;
    font-weight: 700;
}


.feature-pill > span {
    font-size: 17px;
}


/* ==========================================================
   CTA
   ========================================================== */

.cgp-slide-cta {
    min-width: 190px;

    padding: 13px 20px;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 20px;

    border-radius: 9px;

    color: #fff !important;

    font-size: 13px;
    font-weight: 800;

    text-decoration: none !important;

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.cgp-slide-cta:hover {
    transform: translateY(-3px);
    color: #fff !important;
}


.cgp-slide-cta--blue {
    background:
        linear-gradient(
            135deg,
            #1769ff,
            #0754e8
        );

    box-shadow:
        0 12px 25px rgba(23, 105, 255, .22);
}


.cgp-slide-cta--orange {
    background:
        linear-gradient(
            135deg,
            #ff8c18,
            #ff6200
        );

    box-shadow:
        0 12px 25px rgba(255, 110, 0, .2);
}


.cgp-slide-cta--green {
    background:
        linear-gradient(
            135deg,
            #22b86c,
            #0b9452
        );

    box-shadow:
        0 12px 25px rgba(22, 166, 97, .2);
}


/* ==========================================================
   DEMO CARDS
   ========================================================== */

.cgp-demo-card {
    width: 100%;
    max-width: 470px;

    justify-self: end;

    padding: 24px;

    border: 1px solid rgba(27, 52, 89, .08);
    border-radius: 20px;

    background: rgba(255, 255, 255, .94);

    box-shadow:
        0 18px 50px rgba(36, 55, 89, .12);
}


.demo-card-heading {
    margin-bottom: 20px;

    color: #17233c;

    font-size: 13px;
    font-weight: 850;
}


.demo-card-heading--orange {
    color: var(--cgp-orange);
}


.demo-field {
    margin-top: 15px;
}


.demo-field > label {
    margin-bottom: 7px;

    display: block;

    color: #26334a;

    font-size: 10px;
    font-weight: 800;
}


.demo-options {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}


.cgp-practice-hero .demo-option {
    min-height: 34px;

    padding: 7px 11px !important;

    border: 1px solid #e1e6ef !important;
    border-radius: 7px !important;

    background: #fff !important;

    color: #48536b !important;

    font-size: 10px !important;
    font-weight: 650;

    cursor: pointer;
}


.cgp-practice-hero .demo-option.active {
    border-color: #80acff !important;

    color: #075bea !important;

    background: #edf4ff !important;
}


.demo-check {
    display: flex !important;
    align-items: center;
    gap: 8px;

    margin: 8px 0 !important;

    color: #445068 !important;

    font-size: 10px !important;
}


.demo-check input {
    accent-color: var(--cgp-blue);
}


.cgp-practice-hero .demo-add-chapter {
    margin-top: 4px !important;

    padding: 5px 9px !important;

    border: 1px solid #e2e7ee !important;
    border-radius: 6px !important;

    color: #354159 !important;

    background: #fff !important;

    font-size: 9px !important;
}


.demo-main-button {
    width: 100%;

    margin-top: 18px;

    padding: 12px;

    border-radius: 8px;

    display: block;

    text-align: center;

    color: #fff !important;

    text-decoration: none !important;

    font-size: 11px;
    font-weight: 850;
}


.demo-main-button--blue {
    background:
        linear-gradient(
            135deg,
            #1769ff,
            #0754e8
        );
}


.demo-main-button--orange {
    background:
        linear-gradient(
            135deg,
            #ff8f18,
            #ff6500
        );
}


/* ==========================================================
   PYQ SLIDE
   ========================================================== */

.pyq-years-mini {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;

    margin: 10px 0 28px;
}


.pyq-years-mini > span {
    padding: 7px 11px;

    border-radius: 30px;

    background: rgba(255, 255, 255, .8);

    color: #5e6674;

    font-size: 10px;
    font-weight: 750;
}


.pyq-years-mini > span.active {
    color: #fff;

    background: var(--cgp-orange);
}


.pyq-big-year {
    margin-bottom: 16px;

    color: #17233c;

    font-size: 28px;
    font-weight: 850;
}


.pyq-big-year span {
    margin-left: 7px;

    color: var(--cgp-orange);

    font-size: 11px;
}


.pyq-timeline {
    display: flex;
    align-items: center;

    margin-bottom: 22px;
}


.pyq-timeline > span {
    font-size: 9px;
    font-weight: 700;
    color: #4f5a70;
}


.pyq-timeline > i {
    height: 2px;
    flex: 1;

    margin: 0 5px;

    background: #ffd9ae;
}


.pyq-timeline > span.selected {
    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    color: #fff;

    background: var(--cgp-orange);

    box-shadow:
        0 7px 18px rgba(255, 120, 0, .25);
}


.pyq-paper {
    padding: 17px;

    border: 1px solid #edf0f4;
    border-radius: 14px;

    background: #fff;
}


.pyq-paper-top {
    margin-bottom: 12px;

    display: flex;
    align-items: center;
    justify-content: space-between;

    font-size: 10px;
}


.shift-switch {
    display: flex;
    gap: 5px;
}


.shift-switch > span {
    padding: 5px 9px;

    border: 1px solid #e5e7ed;
    border-radius: 5px;

    font-size: 8px;
}


.shift-switch > span.active {
    color: #fff;

    border-color: var(--cgp-orange);

    background: var(--cgp-orange);
}


.pyq-subject-row {
    margin: 7px 0;

    padding: 9px 10px;

    border: 1px solid #edf0f4;
    border-radius: 8px;

    display: grid;
    grid-template-columns: 25px 1fr auto;

    align-items: center;

    color: #28344b;

    font-size: 10px;
}


.pyq-subject-row small {
    color: #697287;

    font-size: 9px;
}


/* ==========================================================
   QUESTION SLIDE
   ========================================================== */

.question-top {
    display: flex;
    justify-content: space-between;
    align-items: center;

    color: #15223b;

    font-size: 10px;
}


.question-top > span {
    color: #f36d18;
}


.question-progress {
    margin-top: 13px;

    color: #697387;

    font-size: 9px;
}


.question-bar {
    width: 100%;
    height: 4px;

    margin: 7px 0 15px;

    overflow: hidden;

    border-radius: 10px;

    background: #edf0f4;
}


.question-bar > span {
    width: 36%;
    height: 100%;

    display: block;

    background:
        linear-gradient(
            90deg,
            var(--cgp-green),
            #55d696
        );
}


.cgp-practice-hero .question-text {
    margin: 0 0 14px;

    color: #263249;

    font-size: 11px !important;
    line-height: 1.55;
}


.question-option {
    min-height: 38px;

    margin: 7px 0;

    padding: 8px 10px;

    border: 1px solid #e6eaf0;
    border-radius: 8px;

    display: flex !important;
    align-items: center;
    gap: 8px;

    color: #3d485d;

    font-size: 9px;
}


.question-option input {
    accent-color: var(--cgp-blue);
}


.question-option--wrong {
    border-color: #ffd7d7;

    background: #fff4f4;
}


.question-option--wrong strong {
    margin-left: auto;

    color: #ef4444;
}


.wrong-message {
    margin-top: 10px;

    color: #ef4444;

    font-size: 9px;
    font-weight: 750;
}


.question-hint {
    margin-top: 9px;

    color: #5a6477;

    font-size: 9px;
    line-height: 1.5;
}


.correct-message {
    margin: 14px -24px 0;

    padding: 10px 24px;

    display: flex;
    justify-content: space-between;

    color: #13794b;

    background: #eefbf4;

    font-size: 9px;
}


.next-question-link {
    margin-top: 14px;

    padding: 10px;

    border: 1px solid #cde9db;
    border-radius: 7px;

    display: block;

    text-align: center;

    color: #118452 !important;

    text-decoration: none !important;

    font-size: 9px;
    font-weight: 750;
}


/* ==========================================================
   SLIDER ARROWS
   ========================================================== */

.cgp-practice-hero .cgp-learning-slider__arrow {
    position: absolute;
    top: 50%;
    z-index: 10;

    width: 46px;
    height: 46px;

    padding: 0 !important;

    border: 1px solid #e8ebf1 !important;
    border-radius: 50% !important;

    display: flex;
    align-items: center;
    justify-content: center;

    color: var(--cgp-navy) !important;

    background: #fff !important;

    box-shadow:
        0 8px 25px rgba(22, 45, 87, .13);

    font-size: 28px !important;
    line-height: 1;

    transform: translateY(-50%);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.cgp-practice-hero .cgp-learning-slider__arrow:hover {
    box-shadow:
        0 13px 32px rgba(22, 45, 87, .2);
}


.cgp-learning-slider__arrow--prev {
    left: -23px;
}


.cgp-learning-slider__arrow--next {
    right: -23px;
}


/* ==========================================================
   NAVIGATION
   ========================================================== */

.cgp-learning-nav {
    margin: 24px 20px 26px;

    display: grid;
    grid-template-columns:
        1fr
        .35fr
        1fr
        .35fr
        1fr;

    align-items: center;
    gap: 12px;
}


.cgp-practice-hero .cgp-learning-nav__item {
    padding: 0 !important;

    border: 0 !important;

    display: flex;
    align-items: center;
    gap: 11px;

    text-align: left;

    background: transparent !important;

    cursor: pointer;

    opacity: .57;

    transition:
        opacity .25s ease,
        transform .25s ease;
}


.cgp-practice-hero .cgp-learning-nav__item.is-active {
    opacity: 1;

    transform: translateY(-2px);
}


.nav-number {
    width: 42px;
    height: 42px;
    flex: 0 0 42px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    color: #fff;

    font-size: 13px;
    font-weight: 850;
}


.nav-number--blue {
    background: var(--cgp-blue);
}


.nav-number--orange {
    background: var(--cgp-orange);
}


.nav-number--green {
    background: var(--cgp-green);
}


.nav-copy {
    display: flex !important;
    flex-direction: column;
    gap: 3px;
}


.nav-copy strong {
    color: #263149;

    font-size: 12px;
}


.nav-copy small {
    color: #6c7588;

    font-size: 9px;
}


.cgp-learning-nav__item:first-child .nav-copy strong {
    color: var(--cgp-blue);
}


.cgp-learning-nav__item:nth-of-type(2) .nav-copy strong {
    color: var(--cgp-orange);
}


.cgp-learning-nav__item:nth-of-type(3) .nav-copy strong {
    color: var(--cgp-green);
}


.nav-connector {
    height: 2px;

    background:
        repeating-linear-gradient(
            90deg,
            #9aa3b4 0 6px,
            transparent 6px 13px
        );
}


/* ==========================================================
   FEATURE CARDS
   ========================================================== */

.cgp-practice-features {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}


.cgp-practice-feature {
    min-height: 92px;

    padding: 17px;

    border: 1px solid #e9ecf3;
    border-radius: 16px;

    display: flex;
    align-items: center;
    gap: 12px;

    background: #fff;

    box-shadow:
        0 7px 22px rgba(30, 50, 87, .045);

    transition:
        transform .25s ease,
        box-shadow .25s ease;
}


.cgp-practice-feature:hover {
    transform: translateY(-5px);

    box-shadow:
        0 14px 30px rgba(30, 50, 87, .1);
}


.cgp-practice-feature > span {
    width: 41px;
    height: 41px;
    flex: 0 0 41px;

    border-radius: 50%;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 18px;
}


.cgp-practice-feature > div {
    display: flex;
    flex-direction: column;
    gap: 3px;
}


.cgp-practice-feature strong {
    color: #2c374f;

    font-size: 10px;
}


.cgp-practice-feature small {
    color: #70798a;

    font-size: 8px;
    line-height: 1.4;
}


.feature-blue > span {
    color: var(--cgp-blue);
    background: var(--cgp-blue-soft);
}


.feature-purple > span {
    color: var(--cgp-purple);
    background: var(--cgp-purple-soft);
}


.feature-green > span {
    color: var(--cgp-green);
    background: var(--cgp-green-soft);
}


.feature-orange > span {
    color: var(--cgp-orange);
    background: var(--cgp-orange-soft);
}


.feature-pink > span {
    color: var(--cgp-pink);
    background: var(--cgp-pink-soft);
}


/* ==========================================================
   TABLET
   ========================================================== */

@media (max-width: 1100px) {

    .cgp-practice-hero__container {
        width: min(100% - 40px, 1000px);
    }

    .cgp-practice-hero__progress-card {
        display: none;
    }

    .cgp-learning-slide {
        grid-template-columns: 1fr 390px;
        gap: 30px;
        padding: 32px;
    }

    .cgp-learning-slide h2 {
        font-size: 36px !important;
    }

    .cgp-practice-features {
        grid-template-columns:
            repeat(3, 1fr);
    }

}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 767px) {

    .cgp-practice-hero {
        padding: 35px 0 30px;
    }

    .cgp-practice-hero__container {
        width: calc(100% - 28px);
    }

    .cgp-practice-hero__top {
        margin-bottom: 22px;
    }

    .cgp-practice-hero__flow {
        padding: 7px 13px;

        gap: 8px;

        font-size: 11px;
    }

    .cgp-practice-hero__heading-area h1 {
        font-size: 33px;

        line-height: 1.08;

        letter-spacing: -1.4px;
    }

    .cgp-practice-hero__heading-area > p {
        font-size: 13px !important;

        line-height: 1.55;
    }

    .cgp-learning-slider__viewport {
        border-radius: 20px;
    }

    .cgp-learning-slide {
        min-height: auto;

        padding: 25px 18px 22px;

        grid-template-columns: 1fr;
        gap: 25px;
    }

    .cgp-learning-slide__content {
        max-width: none;
    }

    .slide-number {
        width: 40px;
        height: 40px;

        margin-bottom: 10px;

        font-size: 14px;
    }

    .slide-label {
        margin-bottom: 12px;
    }

    .cgp-learning-slide h2 {
        font-size: 29px !important;

        letter-spacing: -1px;
    }

    .cgp-learning-slide__content > p {
        margin: 14px 0 18px;

        font-size: 13px !important;
    }

    .feature-pill {
        padding: 7px 9px;

        font-size: 9px;
    }

    .cgp-demo-card {
        max-width: none;

        padding: 18px;

        justify-self: stretch;
    }

    .cgp-learning-slider__arrow {
        display: none !important;
    }

    .cgp-learning-nav {
        margin: 18px 0;

        grid-template-columns: repeat(3, 1fr);

        gap: 8px;
    }

    .nav-connector {
        display: none;
    }

    .cgp-learning-nav__item {
        justify-content: center;
    }

    .nav-copy {
        display: none !important;
    }

    .nav-number {
        width: 38px;
        height: 38px;

        flex-basis: 38px;
    }

    .cgp-practice-features {
        grid-template-columns:
            repeat(2, 1fr);

        gap: 9px;
    }

    .cgp-practice-feature {
        min-height: 80px;

        padding: 12px;

        gap: 9px;
    }

    .cgp-practice-feature > span {
        width: 34px;
        height: 34px;

        flex-basis: 34px;

        font-size: 14px;
    }

    .cgp-practice-feature strong {
        font-size: 9px;
    }

    .cgp-practice-feature small {
        font-size: 7px;
    }

}


/* ==========================================================
   VERY SMALL MOBILE
   ========================================================== */

@media (max-width: 420px) {

    .cgp-practice-hero__heading-area h1 {
        font-size: 29px;
    }

    .cgp-practice-features {
        grid-template-columns: 1fr;
    }

    .cgp-practice-feature {
        min-height: 67px;
    }

}/* Reduce space between header and hero */
header.my-logo {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

.cgp-hero {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

header + .cgp-hero {
    margin-top: 0 !important;
}

.cgp-hero__container {
    padding-top: 0 !important;
}