body,h2,h3,h4,html,p{font-family:RobotoFlex-Regular; }
.quiz.img_Quiz ul,.quiz2 .answer ul,body,html,section.inner__page .block,ul.accordion-list{padding:0}
@font-face {font-family: RobotoFlex-Regular; src: url(../font/RobotoFlex-Regular.ttf);}
@font-face { font-family: times-new-roman; src: url(../font/times-new-roman.ttf);}
::selection{color:#fff;background:#112493}
*{margin:0;padding:0;outline:none}
ol,ul{padding-left:0}
html,body{width:100%;overflow-x:hidden}
a{text-decoration:none;font-family:"Inter",sans-serif}
he{-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
h2, h3 {font-weight: 500;line-height: 35px;}
h4 {font-weight: 600;line-height: 30px;}
a{text-decoration: none;}
strong {-webkit-text-stroke-width: thin;}
p.breadcrumb__list span:last-child {color: rgb(0 132 62);font-weight: 600;}
/* ===================================
services
====================================== */
.inner__page.services button{padding:12px;border:1px solid #ddd;width:100%;text-align:left;font-size:16px;margin-top:10px}
.inner__page.services button i{float:right}
.inner__page.services .panel p{margin:0;padding:20px;background:#fff;border:1px solid #ddd}
.inner__page.services .panel p span{font-weight:600}
.inner__page.services button span{font-weight:600;margin-right:10px}
.inner__page.services .panel{display:none; padding: 0px;}
.inner__page .accordion {width: 100%;padding: 15px;border: none;background: #f5f5f5;text-align: left; cursor: pointer;position: relative; margin: 10px auto;}
.inner__page.accordion i {float: right; transition: transform 0.3s ease;}
.inner__page.accordion.active i { transform: rotate(180deg);}
.inner__page .panel {display: none;padding: 15px;background: #fff; border: 1px solid #ddd;border-top: none;}
/* ===================================
section Innerbox
====================================== */
.section-padding{padding:15px 0}
.section-box{background:#fff;border-radius:10px;padding:20px;box-shadow:0 6px 20px #00000014;margin-bottom:40px}
.section-box h2{font-weight: 700;margin-bottom: 15px;color: rgb(2 158 75);text-align: left;margin-bottom: 0;margin-top: 0px !important;font-size: 22px;}
.section-box h3{font-weight:600;margin-top:30px}
ul{padding-left:18px}
ul li{margin-bottom:8px}
.highlight{font-weight:600}
.store-btn img{max-width:160px;margin:10px}
.cta-app-download{padding:50px 30px}
.app-store-img{max-width:170px}
.store-btn a img{transition:transform .3s ease,box-shadow .3s ease;border-radius:6px}
.store-btn a:hover img{transform:scale(1.05);box-shadow:0 10px 25px #0003}
/* ===================================
Contact Sales
====================================== */
.form-bg.active{display:block}
.form-bg{position:fixed;left:0;top:0;background: #474646b5;width:100%;height:100%;z-index: 9999;display:none}
.form_block.request_demo.active{opacity:1;z-index:9999}
.form_block.request_demo{position:fixed;z-index:-1;top:50%;width:630px;left:50%;background:#fff;transform:translate(-50%,-50%);padding:40px;border-radius:25px;box-shadow:0 0 19px 0 #00000042;opacity:0;transition:.5s}
.close_form{position:absolute;right:20px;top:10px;font-size:29px;cursor:pointer}
.form_block.request_demo h3{text-align:center;margin-bottom:30px;color:#00358e;font-weight:600;font-size:34px;text-transform:uppercase}
.form_block.request_demo h3 span{color:#f90}
form#contact1{display:flex;flex-wrap:wrap}
form#contact1 > div{width:50%;margin-bottom:10px}
form#contact1 > div label { margin-bottom: 8px; color: #333;font-size: 16px;}
form#contact1 > div input{width:95%;padding:8px 15px;color:#000 !important; font-size: 14px;}
form#contact1 > div{width:50%;margin-bottom:10px}
form#contact1 > div:last-child{width:100%}
form#contact1 > div{width:50%;margin-bottom:10px}
.form_block.request_demo button.read_more_new{background:#00358e;color:#fff;padding:9px 20px;min-width:150px;border-radius:15px!important;margin:20px auto auto!important;display:block;border:0;text-transform:uppercase;letter-spacing:2px}
form#contact1{display:flex;flex-wrap:wrap}
/* ===================================
book A demo
====================================== */
.orangr{color:#e99e30}
.heading-sec-title-mid{line-height:1.25;margin-bottom:0!important;font-size:30px;color:#333;margin-bottom:0;text-transform:capitalize;font-family:SF-Pro-Display-Light}
.heading-sec-subtitle-mid{color: #e99e30;font-size:27px;font-weight:700;font-family:SF-Pro-Display-Regular}
.heading-sec-subtitle-mid a{color:#00843E}
.heading-sec-mid h5{font-weight:500;font-size:16px;color:#7b7b7b;text-transform:capitalize}
.tab-content p a{color:#333}
.heading-sec-mid p{text-align:left;font-weight:500;font-size:16px;color:#333;text-transform:capitalize;margin-bottom:15px}
.heading-sec-subtitle-para{color:#696969;font-size:16px;text-align:center;margin-top:20px;line-height:normal}
.heading-sec-subtitle-para span{font-size:16px; background: linear-gradient(360deg, #3f638dff 0%, #183453ff 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
/* ===================================
All btn
====================================== */
.gbtn .btn-warning{height: 42px;line-height:23px !important;}
.btn-warning {width: fit-content;padding: 10px 20px;border-radius: 15px;border: 1px solid #000000;color: #fff;font-size: 16px;text-transform: capitalize;display: flex;align-items: center;justify-content: center;background:linear-gradient(180deg, #3F638D 0%, #183453 100%);transition: all 0.3s ease;}
.btn-warning:hover,
.btn-warning:active,
.btn-warning:focus{color: #fff;background: linear-gradient(180deg, #3F638D 45%, #3F638D 86%);border-color: #3F638D !important;box-shadow: none !important;}
.btn-outline-warning {width: fit-content;padding: 10px 12px;border-radius: 15px;border: 1px solid #183453;color: #fff;font-weight: 600;font-size: 12px;text-transform: capitalize;display: flex;align-items: center;justify-content: center;transition: all 0.3s ease;
background: transparent; color: #183453;}
.btn-outline-warning:hover,
.btn-outline-warning:active,
.btn-warning:focus{background: linear-gradient(180deg, #3F638D 45%, #3F638D 86%);border-color: #3F638D !important;box-shadow: none !important; color: white;}
.btn-outline-primary{border-radius:5px;color:#026eab;font-weight:600;text-transform:uppercase;font-size:14px;display:flex;align-items:center;justify-content:center;outline:#026eab 2px solid;padding:15px;width:fit-content;min-width:150px}
.btn-outline-primary:hover{color:#fff;background:linear-gradient(180deg,#026eab 45%,#0879b9 86%);border-color:#fff}
.btn-outline-primary:active{color:#fff;background:linear-gradient(180deg,#026eab 45%,#0879b9 86%);border-color:#fff}
.thm-btn{position:relative;display:inline-block;vertical-align:middle;-webkit-appearance:none;appearance:none;outline:none!important;color:#fff;transition:all .5s linear;overflow:hidden;z-index:1;letter-spacing:1px;background:#2b73e5;border-radius:15px;padding:14px 30px;font-weight:600;font-size:20px;text-transform:capitalize;cursor:pointer}
.thm-btn:before{position:absolute;content:"";background-color:#16243d;width:120%;height:0;padding-bottom:120%;top:-110%;left:-10%;border-radius:50%;transform:translate3d(0,68%,0) scale3d(0,0,0);z-index:-1}
.thm-btn:hover::after{transform:translate3d(0,0,0);transition-duration:.05s;transition-delay:.4s;transition-timing-function:linear}
.thm-btn:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";transform:translate3d(0,-100%,0);transition:transform .4s cubic-bezier(0.1,0,0.3,1);z-index:-1;background:linear-gradient(180deg,#f90f 45%,#ffb444ff 86%)}
.thm-btn:hover{color:#fff}
.thm-btn-orange{position:relative;display:inline-block;vertical-align:middle;-webkit-appearance:none;appearance:none;outline:none!important;color:#fff;transition:all .5s linear;overflow:hidden;z-index:1;letter-spacing:1px;background:#ffba0a;border-radius:15px;padding:14px 30px;font-weight:600;font-size:20px;text-transform:capitalize}
.thm-btn-orange:before{position:absolute;content:"";background-color:#16243d;width:120%;height:0;padding-bottom:120%;top:-110%;left:-10%;border-radius:50%;transform:translate3d(0,68%,0) scale3d(0,0,0);z-index:-1}
.thm-btn-orange:hover::after{transform:translate3d(0,0,0);transition-duration:.05s;transition-delay:.4s;transition-timing-function:linear}
.thm-btn-orange:after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";transform:translate3d(0,-100%,0);transition:transform .4s cubic-bezier(0.1,0,0.3,1);z-index:-1;background:linear-gradient(180deg,#250000 45%,#410000 86%)}
.thm-btn-orange:hover{color:#fff}
.btn-box { margin: 14px; }
.group-btn { display: flex; align-items: flex-end; justify-content: center; margin-bottom: 20px; }
.btn-box p { color: #5f5f5f; font-size: 20px; font-weight: 600; }
/* ------------------------------------
Scrool Bar
---------------------------------------*/
::-webkit-scrollbar {width: 9px;}
::-webkit-scrollbar-track {width: 14px;border-radius: 50px;border: solid 2px #e6e6e6;}
::-webkit-scrollbar-thumb {background: rgb( 175 175 175 );border-radius: 50px;width: 0;height: 25%;transition: 0.5s ease;cursor: pointer;}
Handle on hover::-webkit-scrollbar-thumb:hover {background: red;}
/* ACCORDION */
.accordion {margin: 40px auto;}
.accordion-list {list-style: none;padding: 0;margin: 0;}
.accordion-item {border-bottom: 1px solid #ddd;}
.accordion-header {cursor: pointer;padding: 15px;background: #f7f7f7;}
.accordion-title {display: flex;justify-content: space-between; align-items: center;margin: 0;font-size: 18px;}
/* CONTENT */
.accordion-content {padding: 0 15px; max-height: 0;overflow: hidden; transition: max-height 0.3s ease;}
.accordion-item.active .accordion-content { max-height: 200px; padding-bottom: 15px;}
.accordion-item.active i {transform: rotate(180deg);transition: 0.3s;}
/* entab-blog-module */
.entab-blog-module-inner {text-align: left;}
.entab-blog-module-inner{background:#f8f9fb;border:1px solid #e7ebf0;padding:40px 30px;border-radius:6px; }
.entab-blog-module-inner h3 {margin-top: 0;color: #000;padding-bottom: 5px;font-size: 19px !important;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical; overflow: hidden;text-overflow: ellipsis;height: 48px;line-height: 26px !important;}
.entab-blog-module-inner p{color:#000;font-size:16px!important;margin-bottom:20px!important;text-align:left!important;line-height:23px!important;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.btnblog{display:inline-block;background-color:#2b73e5;color:#fff;padding:10px 20px;text-decoration:none;border-radius:4px;font-weight:400;font-size:14px;transition:background-color .3s ease,color .3s ease}
.btnblog i{display:inline-block;margin-left:5px;transition:transform .3s ease}
.btnblog:hover{background-color:#dc8400;color:#fff}
.btnblog:hover i{transform:translateX(5px)}
.entab-blog-module {background: #fff; border: 1px solid #e7ebf0;padding: 10px;border-radius: 6px;text-align: center; transition: transform 0.3s ease, box-shadow 0.3s ease;}
.entab-blog-module:hover { transform: translateY(-5px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);}
.entab-blog-module-inner img {transition: transform 0.3s ease;}
.entab-blog-module:hover .entab-blog-module-inner img {transform: scale(1.05);}
.entab-blog-module-inner {background: #f8f9fb;border: 1px solid #e7ebf0;padding: 40px 30px;border-radius: 6px;text-align: left;transition: background-color 0.3s ease;background: linear-gradient(135deg, #ffe6f0 0%, #fce1ff33 50%, #f8f9fb 100%); border: 1px solid #f3d4e5; padding: 40px 30px; border-radius: 10px; text-align: left; transition: all 0.4s ease; box-shadow: 0 4px 12px rgba(255, 182, 193, 0.25);}
.entab-blog-module:hover .entab-blog-module-inner {background-color: #ffffff;}
.blog-banner {background-image: url(https://webapi.entab.info/api/image/ENTABWEBSITE/public/images/Entab-banner-bg.jpg), linear-gradient(275deg, rgba(205, 214, 229, 1) 0, rgba(211, 246, 242, 1) 100%);padding:120px 0px; background-size: 100% 100%;border-bottom-left-radius: 100px;border-bottom-right-radius: 100px; margin-top: 80px;}
.blog-banner h1 {color: #2b73e5;text-transform: uppercase;letter-spacing: -1px;font-size:32px;text-align: center;padding-bottom: 0px;}
.blog-banner p { color: #333; font-size:20px; text-align: center; line-height:30px;}
.entab-blog-module-inner img{ padding-bottom: 10px;}
#clients-slider{ height: 220px !important;}
.module-inner{text-align:center;margin:0 auto 60px;padding:36px 0}
.module-inner-alt{background:#f5f8ff;border-radius:15px;padding:0px 30px}
.module-inner h1{font-size:27px;font-weight:800;margin-bottom:12px;color:#00358e;letter-spacing:1px;position:relative;display:inline-block}
.module-inner a{color:#00358e}
.module-inner h1::after{content:"";display:block;width:60px;height:3px;background-color:#00358e;margin:8px auto 0;border-radius:2px}
.module-inner h3{font-size:21px;font-weight:800;margin:12px 0;color:#0050d4;letter-spacing:1px;position:relative; text-align: center;}
.module-inner h3::after{content:"";display:block;width:60px;height:3px;background-color:#0050d4;margin:8px auto 0;border-radius:2px}
.module-inner h4{font-size:15px;font-weight:600;color:#0050d4;margin-bottom:5px;text-transform:uppercase;letter-spacing:1.5px}
.module-inner p{font-size:16px!important;color:#333;margin-bottom:1px;margin-left:auto;margin-right:auto;margin-top: 20px; text-align:center!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:28px!important}
.module-inner img{border-radius:15px;max-width:100%;height:auto;box-shadow:0 8px 25px #00358e26;margin-top:30px ;height: 315px;}
.module-inner img:hover {transform: scale(1.03); transition: transform 0.3s ease, box-shadow 0.3s ease;box-shadow: 0 12px 30px #00358e40;}
.module-inner center a { color: #00358e !important;}
.module-inner center a:hover {color: white !important;}
.features-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:40px;max-width:960px;margin-left:auto;margin-right:auto}
.feature-card{background:#fff;box-shadow:0 4px 20px #00358e1a;border-radius:15px;padding: 30px 20px;flex:1 1 440px;display:flex;gap:20px;transition:transform .3s ease,box-shadow .3s ease;align-items:flex-start;border-left:6px solid transparent ;justify-content:center;}
.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00358e40}
.feature-card:nth-child(1) { border-left-color: #007bff; }
.feature-card:nth-child(2) { border-left-color: #28a745; }
.feature-card:nth-child(3) { border-left-color: #ffc107; }
.feature-card:nth-child(4) { border-left-color: #17a2b8; }
.feature-card:nth-child(5) { border-left-color: #6f42c1; }
.feature-card:nth-child(6) { border-left-color: #fd7e14; }
.feature-card:nth-child(7) { border-left-color: #dc3545; }
.feature-card:nth-child(8) { border-left-color: #20c997; }
.feature-card:nth-child(9) { border-left-color: #6610f2; }
.feature-card:nth-child(10) { border-left-color: #e83e8c; }
.feature-card .icon{font-size:40px;color:#00358e;flex-shrink:0;margin-top:4px;min-width:48px;text-align:center}
.feature-card .content h3{margin-top:0;margin-bottom:12px;color:#00358e;font-weight:700;font-size:18px;letter-spacing:.02em;line-height:1.2;transition:color .3s ease;text-align:center}
.feature-card:hover .content h3{color:#0050d4}
.feature-card .content p{margin:0;font-size:16px;line-height:1.6;color:#444}
.feature-card .content p.textalign_left{text-align: left !important;}
.norborderdesn{margin: 0px;padding: 10px;background: #ffeaea70;box-shadow: inherit;border: none;}
.norborderdesn h3{font-size: 15px !important;padding: 0;margin: 0;line-height: 25px !important;margin-bottom: 0px !important;}
.norborderdesn h3::after{margin: 0px;background: none;}
.norborderdesncollapse{display: block;}
.norborderdesncollapse .accordion-body{text-align:left;}
.norborderdesncollapse .accordion-button{padding:10px;border: none;box-shadow: inherit;color:#000;}
.norborderdesncollapse .accordion-item{margin:0px;border-bottom: solid 1px #eee;}
.noflex{display: block;max-width: 500px;}
.noflex .norborderdesn{display: block;max-width: 500px;margin-bottom:20px;}
.clr{clear: both;}
.modulenewtable p{text-align:left;margin: 0px;}
.modulenewtable td, .modulenewtable th{border: solid 1px #eee;padding: 10px;}
.middle_container{padding: 20px 0;}
.feature_middle_container { background: linear-gradient(135deg, #e3f2fd, #bbdefb);padding: 30px;border-radius: 12px; text-align: center;box-shadow: 0 6px 18px rgba(0, 0, 0, 0.08);transition: all 0.3s ease;height: 100%;display: flex;align-items: center;}
.feature_middle_container:hover { background: linear-gradient(135deg, #42a5f5, #1e88e5);transform: translateY(-6px); box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);}
.feature_middle_container p {font-size: 1.1rem;font-weight: 500;letter-spacing: 0.3px;}
.feature_middle_container:hover p{color: white;}
@media (max-width: 768px){
.container.middle_container .row{gap: 20px;}
}
.module_lead_seo{z-index:999999!important}
.blog-enquiry{z-index:999999!important}
li.accordion-item{list-style:none;box-shadow:2px 3px 11px grey;margin-bottom:15px}
h2.accordion-title{margin:5px 0;background: rgb(0 114 54);color:#fff;padding:4px 10px;font-size:17px;cursor:pointer;line-height: 25px;}
.accordion-contents{padding:5px 15px}
.accordion-title i{float:right}
.close_form{position:absolute;right:0;top:0;padding:6px 10px;border-radius:50%;cursor:pointer}
.close_form:hover,.erp-software h3 span,.sub-menu ul li a:hover,h4.green{color:#00843e}
small.iTag{font-family:times-new-roman;font-size:119%;text-transform:lowercase}
sup{font-size:62%;margin-left:3px;font-family:times-roman}
ul.termslist li{list-style:decimal;line-height:28px;font-size:17px;margin-bottom:10px}
ul.termslist li > ol li{list-style:upper-roman;line-height:28px;font-size:17px;margin-bottom:auto;margin-top:6px}
ul.termslist li > ol li + ul.subterms li{list-style:lower-latin}
li.btn_blk{color:#fff;font-size:15px;padding:7px 6px!important;margin:3px;border-radius:7px}
li.btn_blk:hover{color:#fff}
.content_block button a,
.form-block form#subsform h3,
.form-block form#subsform label,
li div.active p:first-child,
li.btn_blk a,
li.btn_blk:hover a,
li.select-educator-name.active .educator-flex > div p:first-child {color: #fff;}
.light--blue-erp,
.light--blue-erp a,
.view-more.exploreMore.lightColor,
.view-more.exploreMore.lightColor a,
li.btn_blk:hover,
li.exploreMore {background: #00843e;}
.sub-menu{position:absolute;top:91%;box-shadow:#000 1px 3px 5px 0;left:0;width:100%;max-width:97%;background:#fff}
.rating span,.sub-menu{display:block}
.slideshow-container_selection{display:flex;justify-content:center;text-align:center}
.slideshow-container_selection > div{margin:-160px 24px 24px;width:16%;z-index:9;border-radius:12px;padding:3px 20px 50px;height:400px;position:relative;color:#fff;min-height:434px;overflow:hidden}
.overlay-slide1,.overlay-slide2,.overlay-slide3{position:absolute;top:0;width:100%;left:0;visibility:hidden;opacity:0;transition:.5s}
.carousel img,.exploreMore:hover a,.overlay-slide1 img,.overlay-slide2 img,.overlay-slide3 img,section{width:100%}
.content_block{position:absolute;top:40%;z-index:99;left:5%;transform:translate(0,-50%);color:#fff}
ul#bannerSlider li{position:relative;display:none}
.content_block h3{font-size:38px;margin:0;line-height:48px}
.content_block p{margin:11px 0 0;font-size:22px;text-transform:capitalize}
.content_block button{background:green;padding:10px 17px;color:#fff;font-size:16px;border-radius:7px;margin-top:50px;box-shadow:none;border:none}
.overlay-slide1.active,.overlay-slide2.active,.overlay-slide3.active{opacity:1;visibility:visible}
.btn_blk.btn3,.slideshow-container_selection > div:first-child,.slideshow-container_selection > div:first-child ul{background:#025974}
.btn_blk.btn2,.slideshow-container_selection > div:nth-child(2),.slideshow-container_selection > div:nth-child(2) ul{background:#db5b34}
.btn_blk.btn1,.slideshow-container_selection div:nth-child(3),.slideshow-container_selection div:nth-child(3) ul{background:#dc9400}
.slideshow-container_selection div img{width:70%;margin:10px 0 0}
.slideshow-container_selection div h3{font-size:24px;color:#fff;margin:15px 0 0;font-weight:500;min-height:40px}
.slideshow-container_selection div p{font-size:14px;color:#fff;line-height:28px;padding:0;text-align:center;margin:0}
.slideshow-container_selection div ul{list-style:circle;transition:.5s;color:#fff;background:inherit;width:80%;font-weight:100;padding-left:19px;text-align:left;height:152px;position:absolute;left:17px;margin-top:0;overflow:hidden}
.slideshow-container_selection div ul li{font-size:16px;line-height:26px}
.slideshow-container_selection div:hover ul{height:70%;bottom:20px;margin:0;overflow:visible;padding-top:33px}
.sub-menu ul li a{display:flex;align-items:center}
.sub-menu ul{flex-direction:column;padding:10px 30px}
.sub-menu ul::-webkit-scrollbar{background:#fff;width:4px}
.sub-menu ul::-webkit-scrollbar-thumb{background:#00843e;border-radius:15px}
.sub-menu ul li a img{width:70px;margin-right:15px;padding-left:0}
.sub-menu ul li{list-style:none;border-bottom:1px solid #ddd;width:100%;padding:16px 0}
.mobile-app-details ul li:last-child,.sub-menu ul li:last-child{border-bottom:0}
.sub-menu ul li h4{margin:0;font-weight:500;letter-spacing:.5px;font-size:18px}
.sub-menu ul li p{margin:6px 0;line-height:26px;font-size:16px}
li.selected-list p{width:49%;display:inline-block}
li.selected-list{margin-top:10px!important;display:flex}
li.selected-list img{width:50px!important;margin-right:9px!important}
div.exploreMore:hover::before{width:103.5%;height:115%}
.green_btn,.green_btn a{background:#00843e!important}
.green_btn::before{border:1px solid #00843e!important}
ul#contentSlider li .exploreMore a{background:0 0;color:inherit!important}
li.exploreMore:hover a::before{left:-7px;width:107%;height:126%;top:-6px}
li.exploreMore::before{content:"";width:100%;height:97%;position:absolute;bottom:-9%;transition:.5s;right:-3%;border:1px solid green}
.carousel{position:relative;margin-top:85px}
.carousel__section{width:max-content;background:#fff0;position:absolute;bottom:160px;left:50px;z-index:99;margin:auto auto -80px}
ul#contentSlider li{list-style:none;min-width:220px}
ul#contentSlider{padding-left:0}
.carousel_block{text-align:center;border-right:1px solid #ffffff3b;margin:20px 10px;box-shadow:#ddd 0 0 5px 0;padding:10px;background:#011633;width:170px;border-radius:12px}
.support-contact .d-flex > div:last-child,ul#contentSlider li:last-child .carousel_block{border-right:0}
.carousel_block h3{color:#fff;font-size:14px;font-weight:400}
.carousel_block img{width:140px;margin:auto}
.carousel__section ul.lSPager.lSpg{width:max-content;bottom:-9px;position:absolute;left:20px}
ul#contentSliderBanner li img{width:100%;float:right;height:890px}
ul#contentSlider + .lSAction{position:absolute;display:flex;align-items:center;justify-content:center;right:0;bottom:0}
.exploreMore.light--blue,.exploreMore.light--blue a{background:#060000}
.stages > div:after,.stages > div:nth-child(2):after,.stages > div:nth-child(3):after{background:radial-gradient(white,#f1f1f1)}
.Email a{color:#000;font-family:RobotoFlex-Regular}
.Email{width:max-content;top:75%;position:absolute;background:#fff;left:-3.5%;transform:translate(-50%,-50%) rotate(-91deg);padding:0 11px}
.exploreMore,.exploreMore a{position:relative;background:#1f0000}
.carousel__section ul li h2{font-size:45px;margin-top:0;padding:30px 30px 0;margin-bottom:0}
.carousel__section .demo{position:relative;background:#fff0}
.carousel__section ul li h2 span{background:#333049;line-height:64px;padding:0 7px;display:block;color:#fff;width:max-content;margin-bottom:20px}
.carousel__section ul li h4{color:#fff;margin-top:11px;padding:0 30px;font-weight:500}
.carousel__section ul li p{color:#000;line-height:35px;padding:0 30px;font-size:18px}
.exploreMore{margin:20px 20px 40px;width:max-content;min-width:200px;padding:8px 4px;border-radius:8px}
.exploreMore a{font-weight:500;font-size:15px;transition:.5s;display:block;z-index:99;width:91%;margin:auto;height:100%;color:#fff!important;text-align:center}
.exploreMore i{margin-left:12px;font-weight:600;float:right}
.social-media{position:absolute;left:102%;bottom:0}
.social-media ul li img{margin:auto;height:103%!important}
.social-media ul{padding:6px 0;background:#fff;border-radius:0 10px 10px 0}
.social-media ul li{list-style:none;padding:5px}
.social-media ul li a{display:flex;transition:.5s;text-align:center;border:1px solid #c5c5c5;padding:10px;border-radius:50%;width:17px;height:17px;cursor:pointer}
.social-media ul li a:hover img{filter:invert(1)}
.social-media ul li a i{color:#221e3a}
p.breadcrumb__list{font-size:13px!important}
.social-media ul li:first-child:hover a{background:#0073b1}
.social-media ul li:nth-child(2):hover a{background:#38529a}
.social-media ul li:nth-child(3):hover a{background:#1c96e8}
ul#contentSlider + .lSAction > a{left:unset;border-radius:0;background-position:-32px 0;right:10px;top:unset;opacity:1;bottom:0!important}
.Inner_box-list{width:100%;margin:40px 20px 0;border-radius:12px;border:10px solid #f5bf27;position:relative;top:0;transition:.5s;padding:15px;text-align:center}
.stages,.teacher-app ul li{margin-bottom:30px;position:relative}
.Inner_box-list .content{font-weight:700}
.inner-tags h3,li.exploreMore{margin-bottom:0;padding:0}
.block{display:flex;padding:90px 30px;overflow:hidden;position:relative;align-items:flex-start}
.block__box{width:65%;padding-right:50px}
.block__box ul{padding:0 25px}
.block__box-container{display:flex}
.block__box-content{display:flex;margin-top:40px;z-index:9;align-items:flex-start;flex-wrap:wrap;justify-content:space-evenly}
.block__box:nth-child(2){width:35%;background:#04994a;position:relative;padding:0}
.stages:before,.teacher-app table thead{background:#ddd}
.stages:before,.stages > div:after,.teacher-app ul li:before{position:absolute;top:50%;content:"";transform:translate(-50%,-50%)}
.block__box:nth-child(2) ul li{color:#fff;line-height:26px;margin-left:20px}
.block__box:nth-child(2) ul li strong{color:#bbf7ac;-webkit-text-stroke-width:unset}
.learner-app .block__box{width:100%}
.teacher-app ul li{width:43%;padding:10px 10px 10px 27px;list-style:none;box-shadow:-4px 3px 9px -4px #a5a5a5;margin-right:35px;border-radius:4px}
.teacher-app ul,ul.tags{display:flex;flex-wrap:wrap;padding-left:0}
.teacher-app ul li:before{width:16px;height:9px;background:#7b76ad;left:0;border-radius:3px}
.stages{display:flex;justify-content:space-between;margin-top:49px}
img.k-12-img{margin:29px auto 40px;display:block;max-width:100%}
.stages > div{border:2px solid #ddd;width:20%;position:relative;padding:0 20px;border-radius:15px;background:#fff}
.stages > div:after{left:100%;width:30px;height:30px;border-radius:50%;border:5px solid #ddd}
.stages:before{width:100%;height:2px;left:50%}
.stages > div:nth-child(4):after{background:radial-gradient(white,#a8aae3)}
.stages > div h4 span{display:block;font-size:30px;color:#dc9400;margin-top:-48px;background:#fff;width:max-content;padding:0 20px;margin-bottom:20px}
.stages > div:nth-child(2) h4 span{color:#579a28}
.stages > div:nth-child(3) h4 span{color:#db5b34}
.stages > div:nth-child(4) h4 span{color:#0c7da1}
.stages > div h4{margin-bottom:0;color:#000}
.teacher-app table{border:1px solid #ddd}
.teacher-app table th{padding:15px 20px 10px}
.teacher-app table td{min-width:220px;text-align:center;padding:4px 10px}
.heading,.quick-link div,.teacher-app .table-responsive{margin-bottom:30px}
.heading{margin-bottom:30px;margin-top:30px}
.logo-learner-block img{float:left;margin:0 auto;display:block}
.teaching-modules{display:flex;flex-wrap:wrap;margin-top:30px}
.teaching-modules > div img{height:50px;float:left;margin-right:19px}
.teaching-modules > div{width:28%;padding:20px 30px;box-shadow:0 0 5px 0 #ddd;margin:10px;transition:.5s ease-in;border-radius:19px}
.teaching-modules > div:hover{box-shadow:0 0 10px 0 #b1b1b1}
.teaching-modules > div h3{color:#00843e;margin:14px 0 0}
.quick-link div:last-child,.teaching-modules > div p{margin-bottom:0}
.block__box:nth-child(2) h1{font-size:36px;margin:0;color:#fff;padding:30px 30px 0;font-family:RobotoFlex-Regular;font-weight:400}
.block__box-container .block__box-list{cursor:pointer;width:100%;margin:40px 20px 0;border-radius:12px;border:1px solid #04994a;position:relative;top:0;transition:.5s}
.block__box-container .block__box-list img{height:190px;margin:auto;padding:30px 30px 80px;display:block}
.block__box-container .block__box-list .content{margin:0;padding:15px 0;background:#04994a;text-align:center;font-size:18px;font-family:RobotoFlex-Regular;color:#fff;height:17px;position:absolute;transition:.5s;bottom:0;border-radius:0 0 12px 12px;overflow:hidden;width:100%;align-items:center}
.block__box-container .block__box-list button{padding:4px 9px;margin-top:23px;background:#ffffffe8;border:2px solid #fffffff2;font-size:15px;border-radius:3px;cursor:pointer}
.block__box-container .block__box-list .content i{position:absolute;right:18px;top:16px;color:#fff}
.block__box-container .block__box-list::after,.block__box-content > div h4::before,.img-blk::after,ul#erp-software-slider li::after{content:"";width:81%;height:20px;border-radius:50%;background:radial-gradient(#9b9999,#cbcbcb,#c0c0c000);position:absolute;bottom:-7%;left:50%;box-shadow:#ddd 0 0 20px 11px;transform:translate(-50%,-50%);transition:.5s;z-index:-1}
.block__box-content > div img{width:75px;transition:.5s;display:block;margin:0;position:relative}
.block__box-container .block__box-list:hover{top:-20px}
.block__box-content > div:hover img{margin-top:-7px;margin-bottom:7px}
.block__box-container .block__box-list:hover::after{bottom:-13%}
.block__box-content > div{text-align:center;padding:20px 8px;display:flex;width:16%;flex-direction:column;align-items:center;justify-content:space-between;margin-bottom:30px}
.block__box-content > div h4{font-size:18px;margin-top:29px;text-transform:capitalize;position:relative;color:#262626;font-family:RobotoFlex-Regular;margin-bottom:10px}
.block__box-content > div p{margin:3px;font-size:16px;line-height:26px;text-align:center}
.block__box:nth-child(2) p{font-size:19px;padding:0 30px;line-height:2;color:#fff;margin-top:0}
.block__box:nth-child(2) > div{display:flex;width:100%;align-items:center;justify-content:space-between;overflow:hidden;margin:0}
div.exploreMore::before{content:"";width:99%;height:97%;bottom:-4px;right:-4px;transition:.5s;position:absolute;border:1px solid #1f0000;border-radius:8px}
.exploreMore.light--blue.buynow-form::before{border:1px solid #060000}
.dark__block{display:flex;background:url(https://webapi.entab.info/api/image/ENTABWEBSITE/public/images/22-yrs-banner.webp) center;padding:24px 0;color:#fff;justify-content:space-around;overflow:hidden;position:relative;width:100%;margin:auto}
.dark__block .dark__block-box{position:relative;z-index:999;display:flex;align-items:center}
.dark__block .dark__block-box .dark__block-img img{width:81px;background:#fff;padding:14px 15px;margin:auto;position:relative;display:block;border-radius:7px}
.blog-blk-6,.contact-block,.dark__block--container,.quiz3 .answer,.support-contact .d-flex,.team-member{display:flex}
.dark__block--container .dark__block-list{width:100%;margin:30px 6px 0;text-align:center}
.dark__block--container .dark__block-list p{width:248px;font-size:16px;margin-top:50px;color:#000;font-weight:600;text-align:center;line-height:20px}
.dark__block--container .dark__block-list .dark__block-img{width:max-content;position:relative;margin:auto}
.dark__block--container .dark__block-list .dark__block-img1,.dark__block--container .dark__block-list:nth-child(3) .dark__block-img3{width:100%;height:100%;background:linear-gradient(45deg,#040000,#000);border-radius:5px;left:50%;transform:scale(1.051) rotate(18deg);top:50%;position:absolute;transition:.5s}
.decades-blk{display:flex;width:430px;align-items:center;margin-left:auto;position:relative;margin-bottom:0}
.decades-blk > div::before{content:"";width:100%;height:100%;position:absolute;transition:2s;left:0;background:#071321;bottom:0}
.active .decades-blk > div::before{height:0}
.view-more.exploreMore.light--blue-erp::before,.view-more.exploreMore.lightColor::before{border:1px solid #00843e}
.star{position:absolute;background:url(https://webapi.entab.info/api/image/ENTABWEBSITE/public/images/sparkle.webp) 0 0 / contain no-repeat;overflow:hidden}
.erp-slider-block,.video-icon{background:#fff;transition:.5s}
.star.star-1{width:50px;height:34px;top:110px;left:50px}
.star.star-2{width:33px;height:37px;bottom:10%;left:194px}
.star.star-3{width:34px;height:30px;top:62%;left:54px}
.star.star-4{width:58px;height:60px;top:16px;left:162px}
.star.star-5{width:74px;height:70px;top:32%;left:24px}
.star.star-6{width:58px;height:60px;top:40%;left:14px}
.dark__block .dark__block-box > img{width:320px}
.decades-blk h2 img{width:92px;margin-right:20px;filter:drop-shadow(#a9a9a9 2px 4px 6px)}
.decades-blk div span{display:block;font-size:10px}
.decades-blk > div{padding:15px;position:relative}
.decades-blk h3{font-size:55px;display:flex;flex-direction:column;color:#071321;line-height:46px}
.decades-blk h3 span{font-size:23px;margin-top:18px;color:#828282;font-weight:500}
.video-blk-list p{font-size:0;margin:0;padding:0;display:none}
.dark__block::before{content:"";position:absolute;left:-457px;width:740px;height:740px;top:-43%;background:#1d1750;border-radius:41% 46%;transform:rotate(116deg) scale(1.2);z-index:9}
.dark__block--container .dark__block-list:nth-child(2) .dark__block-img2{width:100%;height:100%;background:linear-gradient(45deg,#040000,#000);border-radius:5px;left:50%;transform:scale(1.051) rotate(18deg);top:50%;transition:.5s;position:absolute}
.dark__block--container .dark__block-list:nth-child(4) .dark__block-img4{width:100%;height:100%;background:#446f2f;border-radius:5px;left:50%;transform:scale(1.051) rotate(18deg);top:50%;position:absolute;transition:.5s}
.dark__block .dark__block-box:nth-child(2),.ed-talk-video .video,.video-blk-list,ul#erp-software-slider li{position:relative}
.k12-block .heading h3{font-size:40px;margin-bottom:0;font-weight:500}
.clr-40{width:100%;height:60px}
.heading p{text-align:center;font-size:18px;color:grey}
#managementERP{background:#f6f6f6;margin-top:55px}
#k-12{margin-top:5px}
.k12-block .heading h3 span{color:#04994a}
.k12-block .k12-block__container{display:flex;align-items:center;width:90%;margin:auto}
.k12-block--list:nth-child(2){padding-top:37px}
.campuskidz_block > div,.download-app .app-download > div,.k12-block--list:nth-child(2) img{width:100%}
.k12-block .heading,.live_lab .module_flex > div h3{text-align:center;margin-bottom:0}
.k12-block--list .video-blk{display:flex;justify-content:space-around}
.video-blk-list{width:220px;margin:0 20px}
.video-blk-list img{width:100%;position:relative}
.video-blk-list::before{content:"";width:96%;height:94%;position:absolute;border-radius:50%;background:#5eb660;transform:scale(0.9);bottom:-3px;left:16px}
.video-blk-list:hover .video-icon{bottom:15%;right:-1%}
.video-icon{position:absolute;right:5%;z-index:99;bottom:6%;width:35px;display:flex;height:35px;border:3px solid #5eb660;align-items:center;justify-content:center;border-radius:50%;color:#5eb660;text-align:center;cursor:pointer;font-size:30px}
.k12-block--list ul{padding-left:31px;margin-bottom:0;margin-top:10px}
.k12-block--list ul li{padding:7px 0;font-size:16px;line-height:24px}
.main_video .video-blk{display:flex;align-items:center;justify-content:space-evenly;margin-top:20px;flex-wrap:wrap}
.k12-block--list{width:100%;position:relative}
.k12-block--list:nth-child(2) .video-blk .video-blk-list::before{content:"";width:95%;height:91%;position:absolute;border-radius:50%;background:#4faa84;transform:scale(1);bottom:-2px;left:0}
.k12-block--list:nth-child(2) .video-blk .video-blk-list:nth-child(2)::before {
content: "";
width: 95%;
height: 91%;
position: absolute;
border-radius: 50%;
background: #4eaa82;
transform: scale(1);
bottom: -7px;
left: 2px;
}
.k12-block {
position: relative;
padding: 0 35px 30px;
}
.k12-block--list h3 {
font-size: 22px;
margin-bottom: 0;
}
.k12-block .bg-icon1 {
position: absolute;
left: 64%;
top: 20%;
animation: 2s infinite alternate bounce;
}
.k12-block .bg-icon2 {
top: 66%;
left: 7%;
position: absolute;
animation: 1.9s infinite alternate bounce;
}
.k12-block .bg-icon3 {
left: 43%;
position: absolute;
top: 36%;
animation: 1.8s infinite alternate bounce;
}
.k12-block .bg-icon4 {
right: 50px;
top: 2%;
position: absolute;
animation: 1.7s infinite alternate bounce;
}
.k12-block .bg-icon5 {
right: 19%;
top: 24%;
position: absolute;
animation: 1.6s infinite alternate bounce;
}
.k12-block .bg-icon6 {
position: absolute;
left: 0;
top: 35%;
animation: 1.5s infinite alternate bounce;
}
.k12-block .bg-icon7 {
position: absolute;
right: 2%;
top: 48%;
animation: 1.4s infinite alternate bounce;
}
.k12-block .bg-icon8 {
left: 3%;
top: 4%;
position: absolute;
animation: 1.3s infinite alternate bounce;
}
.k12-block .bg-icon9 {
position: absolute;
left: 39%;
top: 17%;
animation: 1.2s infinite alternate bounce;
}
@keyframes bounce {
0% {
margin-top: 0;
}
100% {
margin-top: 10px;
}
}
.block__box:nth-child(2) img {
height: 250px;
}
.getInTouch.exploreMore {
margin: 60px auto auto;
min-width: 190px;
}
.k12-block--list .video-blk .video-blk-list:nth-child(2) .video-icon {
color: #5eb660;
border: 3px solid #5eb660;
}
.k12-block--list:nth-child(2) .video-blk .video-blk-list .video-icon {
border: 3px solid #4daa81;
color: #4eaa82;
}
.k12-block--list:nth-child(2)
.video-blk
.video-blk-list:nth-child(2)
.video-icon {
border: 3px solid #4eaa82;
color: #4eaa82;
}
.erpSoftware {
display: flex;
position: relative;
z-index: 9;
}
.erp-tabs,
.modules,
.pre-school-tabs,
.select1 {
display: flex;
align-items: center;
justify-content: center;
}
ul#erp-software-slider li:nth-child(4n + 1) h4::after {
background: #e9bfbf;
}
ul#erp-software-slider li:nth-child(4n + 2) h4::after {
background: #ade4d1;
}
ul#erp-software-slider li:nth-child(4n + 3) h4::after {
background: #dedea0;
}
ul#erp-software-slider li:nth-child(4n + 4) h4::after {
background: #c1b7e3;
}
.erpSoftware .lSSlideOuter .lSPager.lSpg > li a {
width: 18px;
height: 5px;
}
.erp-software h3 {
font-size: 40px;
margin: 0;
position: relative;
width: max-content;
}
ul#erp-software-slider li:nth-child(4n + 1) .erp-slider-block .rhex {
background: #ffdede;
}
ul#erp-software-slider li:nth-child(4n + 2) .erp-slider-block .rhex {
background: #cff9eb;
}
ul#erp-software-slider li:nth-child(4n + 3) .erp-slider-block .rhex {
background: #f3f3bc;
}
ul#erp-software-slider li:nth-child(4n + 4) .erp-slider-block .rhex {
background: #e7e0ff;
}
.erp-slider-block h4::after {
content: "";
width: 50%;
height: 2px;
background: red;
position: absolute;
left: 50%;
bottom: -7px;
transform: translate(-50%, -50%);
}
.erp-slider-block img {
margin: auto auto 17px;
display: block;
width: 50px;
position: relative;
}
.erpSoftware > div > img {
width: 90%;
display: block;
margin-left: auto;
margin-top: -64px;
}
.erpSoftware > div:first-child {
width: 100%;
margin-top: 50px;
}
.erpSoftware > div:nth-child(2) {
width: 33%;
}
.erp-slider-block {
width: 74%;
margin: 35px auto 50px;
border: 1px solid #ddd;
padding: 17px;
border-radius: 10px;
overflow: hidden;
position: relative;
z-index: 9;
min-height: 285px;
}
.block__box-container .block__box-list .content p {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
margin: 15px 0 0;
width: 95%;
text-align: center;
font-size: 16px;
line-height: 26px;
}
.erp-slider-block h4 {
text-align: center;
font-size: 18px;
margin: 40px 0 20px;
position: relative;
line-height: 28px;
font-weight: 500;
text-transform: capitalize;
}
.erp-software {
background: #f6f6f6;
padding: 0 40px 60px;
position: relative;
overflow: hidden;
}
ul#erp-software-slider li::before {
content: "";
width: 82%;
height: 79%;
position: absolute;
border: 2px solid #000;
border-radius: 11px;
left: 14px;
top: 21px;
z-index: 9;
transition: 0.5s;
}
ul#erp-software-slider li::after {
bottom: 26px;
width: 67%;
}
.erp-slider-block:hover {
margin-top: 4px;
}
ul#erp-software-slider li:hover::before {
top: 41px;
}
ul#erp-software-slider li:hover::after {
bottom: 5px;
}
.rhex {
width: 6em;
height: 10.32em;
border-radius: 1em/0.5em;
background: orange;
transition: opacity 0.5s;
cursor: pointer;
position: absolute;
transform: rotate(29deg) translate(-50%, -50%);
left: 33%;
top: 4%;
}
.mobile__apps,
.modules > div > div,
footer {
background: #f6f6f6;
}
.rhex::after,
.rhex::before {
position: absolute;
width: inherit;
height: inherit;
border-radius: inherit;
background: inherit;
content: "";
}
.circle__Rays::after,
.circle__Rays::before {
width: 100%;
height: 100%;
left: 0;
top: 0;
content: "";
}
.circle__Rays,
.circle__Rays::before {
border: 1px solid #00843e;
position: absolute;
}
.rhex::before {
transform: rotate(60deg);
}
.rhex::after {
transform: rotate(-60deg);
}
.erp-software > p {
width: 100%;
text-align: center;
}
.erp-software h3::before {
width: 32%;
height: 2px;
position: absolute;
left: 0;
bottom: -10px;
}
.circle__Rays {
width: 210px;
height: 210px;
right: 0;
top: -14%;
opacity: 0.2;
border-radius: 50%;
animation: 2s infinite alternate scale;
}
@keyframes scale {
0% {
transform: scale(0.8);
}
100% {
transform: scale(1);
}
}
.circle__Rays::before {
border-radius: 50%;
opacity: 0.5;
transform: scale(1.5);
}
.circle__Rays::after {
position: absolute;
border: 1px solid #00843e;
border-radius: 50%;
transform: scale(1.25);
opacity: 0.5;
}
.rays1,
.rays1::before {
border: 0.5px solid #00843e;
height: 100%;
width: 100%;
}
.rays1 {
border-radius: 50%;
transform: scale(1.75);
opacity: 0.5;
}
.rays1::before {
content: "";
position: absolute;
left: 0;
top: 0;
border-radius: 50%;
transform: scale(1.15);
}
.rays1::after {
content: "";
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
border: 0.5px solid #00843e;
border-radius: 50%;
transform: scale(1.3);
}
.ed-talk,
.module_block,
.quiz3 .answer ul li:first-child,
.view-more.exploreMore {
margin-top: 40px;
}
.preSchool__management {
display: flex;
overflow: hidden;
}
.preSchool__management p.sub-heading {
margin-bottom: 70px;
}
.preSchool__management-container {
display: flex;
align-items: flex-start;
justify-content: center;
width: 90%;
margin: auto;
}
.preSchool__management-container .preSchool__management-list {
width: 100%;
padding: 23px 6px;
}
.mobile__apps-content h3,
.our-engagements h3,
.preSchool__management h3 {
font-size: 40px;
position: relative;
font-weight: 700;
width: max-content;
margin: auto;
}
.mobile__apps-content ul li > div::before {
content: "";
width: 33%;
background: green;
position: absolute;
height: 2px;
bottom: 0;
transform: translate(-50%, -50%);
left: 50%;
}
.preSchool__management h3 span {
color: #00843e;
}
.preSchool__management > div:first-child::before {
content: "";
width: 620px;
height: 570px;
background: #d3fee7;
left: -150px;
bottom: -160px;
border-radius: 50%;
position: absolute;
}
.preSchool__management > div:first-child {
position: relative;
margin-top: 160px;
width: 40%;
margin-bottom: 50px;
}
.preSchool__management > div:first-child img {
width: 85%;
margin-left: 60px;
position: relative;
}
.preSchool__management .circle__Rays {
right: 39%;
top: -4%;
z-index: -1;
border: 1px solid #000;
opacity: 0.1;
}
.preSchool__management .circle__Rays::after,
.preSchool__management .circle__Rays::before {
border: 1px solid #000;
}
.preSchool__management .rays1,
.preSchool__management .rays1::after,
.preSchool__management .rays1::before {
border: 0.5px solid #000;
}
.preSchool__management-container .preSchool__management-list img {
margin: auto;
display: block;
width: 102px;
}
.preSchool__management-container .preSchool__management-list p {
text-align: center;
font-size: 16px;
position: relative;
transition: 0.5s;
min-height: 72px;
margin-top: 30px;
line-height: 28px;
}
.preSchool__management-container .preSchool__management-list:hover p,
.submit-form {
margin-top: 20px;
}
.preSchool__management > div:nth-child(2) {
padding: 49px 80px;
width: 60%;
text-align: center;
}
img.shape1,
img.shape2 {
position: absolute;
height: auto;
right: 50px;
width: 140px !important;
}
img.shape1 {
bottom: -91px;
animation: 5s infinite alternate rotate;
}
@keyframes rotate {
0% {
transform: rotate(0);
}
100% {
transform: rotate(45deg);
}
}
img.shape2 {
right: -40px;
top: -90px;
margin-top: 0;
margin-bottom: 0;
margin-left: 0;
animation: 2s infinite alternate bounce1;
margin-right: 0 !important;
}
@keyframes bounce1 {
0% {
top: -90px;
}
100% {
top: -100px;
}
}
.happy-clients{ padding:70px 0px 10px 0px;}
.engagement-blk img {
height: 110px;
}
.engagement-blk:hover img {
filter: grayscale(1);
}
.engagement-blk {
text-align: center;
padding: 17px 10px;
transition: 0.5s;
border-radius: 7px;
}
.engagement-blk p {
margin-top: 23px;
text-align: center;
line-height:18px;
color: rgb(0, 53, 142);
font-weight: bold;
font-size: 14px;
}
.our-engagements {
width: 80%;
text-align: center;
margin: auto;
padding: 40px 0 60px;
}
.our-engagements .demo {
margin-top: 50px;
}
.our-engagements h3 span {
color: #009044;
}
.our-engagements h3 {
text-align: center;
margin: auto auto 10px;
}
.mobile__apps {
display: flex;
align-items: flex-end;
overflow: hidden;
}
.download,
.rating {
background: #fff;
box-shadow: #b9b9b9 0 0 14px 0;
border-radius: 10px;
transition: 0.5s;
}
.mobile__apps .mobile__apps-img > img {
width: 97%;
margin-bottom: -41px;
position: relative;
margin-left: 60px;
transition: 0.5s;
}
.awards-list > div > div:hover,
.green-bg:hover,
.mobile__apps-content ul li > div:hover,
.module-selection ul li.active,
.payment_block button:hover,
.subscription_block > div button:hover {
background: #00843e;
color: #fff;
}
.mobile__apps .mobile__apps-img:hover > img {
transform: rotate(4deg);
}
.block__box-content > div h4::before {
top: -40%;
height: 10px;
opacity: 0.5;
}
.mobile__apps-img:hover .download {
transform: rotate(13deg);
}
.mobile__apps-img:hover .rating {
transform: rotate(350deg);
bottom: 9%;
}
.mobile__apps-content ul li {
list-style: none;
font-size: 23px;
width: 100%;
color: #000;
margin-right: 9px;
padding: 0 5px;
}
.mobile__apps-content ul {
display: flex;
padding-left: 0;
margin-top: 13px;
align-items: center;
}
.apps-blk,
.preschool__functions.benifits {
justify-content: center;
}
.mobile__apps-content ul li > div {
position: relative;
text-align: center;
padding: 10px;
width: 96%;
background: rgb(255 255 255);
text-transform: uppercase;
font-size: 20px;
transition: 0.5s;
}
.mobile__apps-content h3 {
margin-left: auto;
margin-bottom: 10px;
}
.apps-blk {
display: flex;
margin-top: 71px;
margin-bottom: 60px;
}
.apps-blk div img {
width: 100px;
margin-right: 14px;
margin-bottom: 19px;
}
.apps-blk div ul li img {
width: 23px;
margin: 0 5px 0 0;
}
.preSchool__management-container .preSchool__management-list p::before {
content: "";
width: 30%;
background: #00843e;
height: 3px;
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: -22%;
border-radius: 13px;
}
.apps-blk > div {
margin-right: 8px;
border-radius: 21px;
text-align: center;
display: flex;
width: 30%;
align-items: center;
flex-direction: column;
}
.download img,
.rating img {
width: 50px;
vertical-align: middle;
}
.mobile__apps-content ul li p {
width: max-content;
text-align: center;
font-size: 14px;
color: #000;
font-weight: 400;
}
.ans-blk-flex,
.ans-block,
.campuskidz_block,
.educator-flex,
.mobile-blk,
.mobile__apps-content ul li a,
.website-development .d-flex {
display: flex;
align-items: center;
}
.mobile__apps-content ul li img,
img.centerd-img {
margin: auto;
display: block;
}
.apps-blk > div p {
font-size: 17px;
color: #252525;
margin: 0;
font-weight: 500;
text-align: revert;
}
.mobile__apps-content h3 span,
h3.video-heading {
color: #00843e;
}
.mobile__apps-content {
width: 60%;
padding: 60px;
text-align: center;
}
.mobile__apps-img::before {
content: "";
width: 700px;
height: 700px;
background: #00843e;
position: absolute;
border-radius: 50%;
bottom: -20px;
left: 150px;
}
.mobile__apps-img {
position: relative;
width: 40%;
}
.block::after,
.block::before,
.download,
.rating {
position: absolute;
}
.rating i {
color: #fec007;
}
.breadcrumb .carousel__section a,
.download,
p.breadcrumb__list {
color: #000;
}
.download {
top: 13%;
right: 141px;
padding: 5px 20px;
font-size: 37px;
transform: rotate(-8deg);
display: none;
}
.rating {
top: 36%;
font-size: 32px;
transform: rotate(357deg);
right: 7%;
padding: 18px 30px;
height: fit-content;
}
ul#contentSlider li .exploreMore {
margin-top: 40px;
color: #221e3a;
margin-bottom: 80px;
background: #fff !important;
}
ul#contentSlider li div.exploreMore::before {
border: 1px solid #fff;
}
.block::before {
content: "";
width: 560px;
height: 510px;
border-radius: 50%;
right: -230px;
top: -90px;
background: #d6e9df;
}
.block::after {
content: "";
width: 16px;
height: 84%;
background: #04994a;
left: 0;
border-radius: 0 20px 20px 0;
}
.center-text,
.payment_block > div .payment_details h3,
.thankYou p,
footer h3 {
text-align: center;
}
footer {
box-shadow: #e5e5e5 0 0 5px 0;
margin-top: 25px;
}
.footer-blk {
display: flex;
width: 90%;
margin: auto;
padding: 40px 0 20px;
}
.contact-details {
width: 26%;
}
.footer-blk .download-app,
.payment_block > div .pack_details {
width: 30%;
}
.app-download p a:hover {
color: #009044 !important;
}
.download-app {
width: 80%;
}
.contact-details > div {
display: flex;
width: 100%;
padding: 18px 0 7px;
border-bottom: 1px solid #ddd;
}
.contact-details > div i {
font-size: 30px;
margin-right: 20px;
}
.quick-link {
width: 40%;
padding: 10px 30px;
}
.quick-link p {
line-height: 30px;
margin-bottom: 0;
font-size: 16px;
margin-top: 10px;
}
.quick-link div h4 {
font-size: 20px;
font-weight: 500;
padding: 3px 0 0;
width: max-content;
margin: 0;
}
.contact-details > div p {
font-size: 15px;
line-height: 28px;
margin: 0;
}
.contact-details > div:last-child {
border-bottom: 0;
padding: 0;
}
.social-link ul li {
list-style: none;
margin: 5px 13px;
font-size: 24px;
color: grey;
}
.social-link ul li img {
width: 35px;
}
.social-link ul {
display: flex;
align-items: center;
justify-content: center;
padding-left: 0;
}
.app-download h4 {
font-weight: 500;
font-size: 18px;
margin-bottom: 10px;
margin-top: 0;
}
.app-download img {
width: 95px;
margin-right: 20px;
border-radius: 50%;
}
.app-download {
display: flex;
align-items: center;
margin: 20px -130px 30px auto;
box-shadow: #bdbdbd 0 1px 20px 0;
padding: 16px 20px;
width: 100%;
border-radius: 12px;
z-index: 99;
position: relative;
}
.breadcrumb .carousel__section ul li:first-child,
.breadcrumb .carousel__section ul li:nth-child(2),
.selected__block {
display: none;
}
.features > div,
.modules > div > div,
.selection {
box-shadow: #ddd 0 0 5px 0;
}
.app-download p {
font-size: 16px;
margin-bottom: 0;
margin-top: 0;
padding: 2px 0;
text-align: left;
display: flex;
}
.app-download p a,
.form-block .submit-form > div {
margin-right: 15px;
}
.download-app .app-download {
box-shadow: none;
padding: 0;
margin-left: 0;
}
.app-download p i {
float: right;
font-weight: 600;
}
.contact-details > div h4 {
font-size: 19px;
font-weight: 500;
margin: 0;
}
footer a {
font-weight: 400;
color: inherit !important;
}
.block__box-container .block__box-list:hover .content {
height: 94%;
border-radius: 12px;
display: flex;
flex-direction: column;
align-items: center;
color: #fff;
font-weight: 500;
justify-content: center;
}
.chart-view {
position: absolute;
right: 60px;
width: 900px;
bottom: 130px;
transition: 1s;
height: 600px;
}
.breadcrumb .carousel__section p {
font-size: 14px;
text-transform: uppercase;
color: #000;
margin: 0;
}
p.breadcrumb__list span {
margin: 0 10px;
}
p.breadcrumb__list a {
margin-right: 10px;
}
.breadcrumb img {
margin-left: auto;
width: 100%;
display: block;
}
.modules > div {
min-height: 202px;
margin: 10px;
position: relative;
}
.modules > div > div {
padding: 20px 20px 10px;
position: relative;
transition: 0.5s;
}
.modules > div > div:hover {
position: absolute;
z-index: 9;
box-shadow: #abaaaa 0 0 20px 0;
top: 0;
}
.modules > div > div:hover p {
-webkit-line-clamp: unset;
}
.modules .modules__heading {
display: flex;
align-items: center;
font-size: 19px;
font-weight: 500;
}
.modules .modules__heading img {
margin-right: 20px;
}
.modules > div p {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
text-align: center;
overflow: hidden;
}
.selected__block ul li {
display: flex;
margin-bottom: 0;
align-items: center;
}
.img-right {
float: right;
margin-left: 10px;
}
.selected__block[data-target="1"] {
display: block;
}
.portal__block img {
width: 300px;
float: left;
margin-right: 25px;
}
.breadcrumb {
position: relative;
margin-top:85px;
}
.breadcrumb .carousel__section ul li span {
color: #333049;
line-height: 46px;
margin-bottom: 0;
font-size: 36px;
width: max-content;
display: block;
position: relative;
font-weight: 700;
padding: 0;
}
.breadcrumb .carousel__section {
color: #fff;
width: max-content;
min-height: max-content;
padding: 10px 20px;
background: #fff;
box-shadow: 1px -1px 20px 0 #bfbfbf;
bottom:100px;
}
.article-block li,
.breadcrumb .carousel__section ul li {
list-style: none;
}
.breadcrumb .carousel__section ul {
padding-left: 0;
position: relative;
margin: 0;
}
.heading h1,
.heading h3 {
text-align: center;
font-size:30px;
position: relative;
font-weight:600;
width: max-content;
margin: auto;
max-width: 100%;
line-height:30px;color: #00358e;
padding-top:20px;
padding-bottom:20px;
}
.heading h13::after,
.heading h3::after {
content: "";
width: 66%;
height: 2px;
background: radial-gradient(rgb(203 203 203), transparent);
position: absolute;
transform: translate(-50%, -50%);
left: 50%;
top: 117%;
}
.inner__page .heading p {
text-align: center;
font-size: 20px;
color: #727272;
}
.green-border,
.inner__page .erp__software .heading h3,
h2.youtube-head a {
color: green;
}
.buyNow label,
.close_work,
.inner__page .erp__software .heading h3 span {
color: #000;
}
.inner__page h3.sub-heading,
.selected__block h4,
p.blue-text {
color: #2f2483;
font-weight: 500;
}
.inner__page p {
font-size: 17px;
line-height: 28px;
text-align: justify;
}
.erp__software {
width: 100%;
margin: auto;
}
.article-block ul,
.mobile-blk ul,
.payment_block > div .pack_details ul,
.payment_block > div .payment_details ul,
.selected__block ul,
ul#bannerSlider,
ul.list_view {
padding-left: 0;
}
ul.list_view li {
position: relative;
list-style: none;
padding: 8px 8px 8px 28px;
line-height: 28px;
}
ul.list_view li:before {
content: "";
width: 15px;
height: 15px;
background: radial-gradient(transparent, #007839);
position: absolute;
left: 0;
top: 35%;
border-radius: 50%;
}
.inner__page h3.sub-heading {
font-size: 27px;
}
.selection {
display: flex;
background: #fff;
padding: 30px;
margin: 60px 0 70px;
border-radius: 14px;
}
.selection__block ul li {
list-style: none;
padding: 8px 10px;
border-radius: 5px;
font-size: 15px;
justify-content: space-between;
color: #fff;
margin-bottom: 10px;
cursor: pointer;
}
.selection__block ul li a {
display: flex;
align-items: center;
font-size: 15px;
justify-content: space-between;
width: 100%;
color: #fff !important;
font-weight: 400 !important;
}
.selection__block ul,
.subscription_block > div ul {
padding-left: 0;
margin: 0;
}
.selected__block h4 {
font-size: 25px;
margin-bottom: 0;
}
.selected__block h4.sub-head {
font-size: 19px;
color: #000;
}
.selected__block ul li img {
margin-right: 20px;
width: 42px;
}
.selected__block ul li p span {
color: #000;
font-weight: 600;
}
.portal .heading h3 {
font-size: 30px;
font-weight: 500;
color: #000 !important;
}
.portal__block h4 {
font-size: 20px;
text-transform: uppercase;
font-weight:600;
}
.inner__page p b {
font-weight: 600;
}
.portal {
width: 100%;
margin: 40px auto auto;
}
.portal__block {
background: #fff;
width: 97%;
margin: 40px 0;
border-radius: 10px;
padding: 25px;
align-items: flex-start;
box-shadow: #ababab 0 0 7px -1px;
}
.portal__block > div {
padding: 0 30px;
}
.selection .selection__block {
width: 25%;
padding: 20px 12px 8px;
background: #2f2483;
border-radius: 15px;
margin-right: 40px;
}
.benifit1,
.benifit2,
.benifit3,
.benifit4,
.benifits,
.buyNow.active,
.forgotPassword,
.form-block .form::before,
.img_block.active .zoom-overlay,
.login_btn,
.module_block > div,
.question-answer-blk a#prev,
.quiz.img_Quiz ul li .ans-blk-flex .img_block .close_img,
.request_demo,
.select-article,
.selection .selection__block li i,
.subscribe_btn,
a.submit-gorget,
section.inner__page .block::after,
section.inner__page .block::before {
display: none;
}
ul.selection__list li.active {
background: rgba(255, 255, 255, 0.12);
}
.features > div:hover p,
.login_btn.active,
.module_block > div.active,
.request_demo.active,
.select-article.active,
.selected__block:first-child,
.subscribe_btn.active,
ul.selection__list li.active i {
display: block;
}
.selection__content {
width: 78%;
}
.modules {
flex-wrap: wrap;
}
.modules > div {
width: 48%;
}
.management__software {
width: 90%;
margin: auto;
padding: 50px 0;
}
p.blue-text {
margin-top: 40px;
font-size: 22px;
}
.management-modules {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: flex-start;
}
.management-modules > div {
margin: 38px 0;
width: 16.5%;
text-align: center;
}
.management-modules > div p {
font-size: 16px;
text-align: center;
font-weight: 600;
}
.management_img {
width: 170px;
height: 170px;
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #dadada;
border-radius: 50%;
overflow: hidden;
transition: 0.5s;
margin: auto;
}
.management-modules > div:hover .management_img {
border: 2px solid green;
}
.management-modules img {
height: auto;
width: 100%;
}
.features,
.input-list {
display: flex;
flex-wrap: wrap;
margin-top: 40px;
justify-content: center;
}
.features > div {
width: 20%;
margin: 21px 16px 20px;
border-radius: 10px;
position: relative;
padding: 10px 16px;
}
.features__head {
display: flex;
font-size: 17px;
align-items: center;
font-weight: 500;
}
.features__head img {
margin-right: 16px;
height: 50px;
}
.features__head > div {
display: flex;
width: 100%;
justify-content: space-between;
align-items: center;
line-height: 26px;
}
.features__head > div i {
float: right;
}
.features p::-webkit-scrollbar {
width: 2px;
background: #fff;
}
.features p::-webkit-scrollbar-thumb {
background: #00843e;
}
.features p {
margin: 4px 0 0;
font-size: 15px !important;
}
.management-blk {
margin-top: 60px;
}
.features-blk,
.management-blk h3 {
margin-bottom: 20px;
font-size: 27px;
font-weight: 500;
}
.preschool__management__software {
width: 90%;
margin: auto auto 80px;
padding-top: 60px;
}
.preschool__functions {
flex-wrap: wrap;
display: flex;
justify-content: flex-start;
margin: 60px 0;
position: relative;
}
.preschool__functions > div {
width: 19%;
transition: 0.5s;
padding: 12px 25px 11px;
display: flex;
align-items: center;
border-radius: 8px;
margin: 16px;
box-shadow: 0 0 14px -4px #ddd;
}
.preschool__functions::before {
content: "";
width: 100%;
height: 5px;
background: #fff;
bottom: 0;
position: absolute;
left: 0;
}
.preschool__functions.benifits > div {
border: 0;
width: 40%;
}
.preschool__functions > div:hover {
box-shadow: 0 0 19px -4px #a7a7a7;
}
.title_head h3 {
font-size: 27px;
font-weight: 600;
}
.preschool__functions > div img {
width: 42px;
margin-right: 14px;
}
.campuskidz__content ul {
padding-left: 16px;
}
.ans-block.wid-60_img .answer,
.campuskidz_block > div > img {
width: 90%;
}
.preschool__functions.benifits > div img,
.quiz3 .answer ul li img {
width: 50px;
}
.campuskidz {
display: flex;
margin-top: 30px;
}
.campuskidz__content {
padding: 0 40px;
width: 65%;
}
.buttons {
display: flex;
margin-top: 40px;
}
.buttons > div a {
display: flex;
align-items: center;
box-shadow: #d1d1d1 0 0 16px 0;
margin-right: 24px;
padding: 5px 16px;
border-radius: 7px;
}
.buttons > div h6 {
margin: 5px 0 0;
}
.buttons > div img {
width: 40px;
margin-right: 15px;
}
.buttons > div p {
font-size: 18px;
margin: 0;
}
.campuskidz__content ul li {
transition: 0.5s;
list-style: none;
padding: 16px 12px 16px 50px;
position: relative;
box-shadow: 0 0 5px 0 #ddd;
margin-bottom: 20px;
font-size: 19px;
}
.campuskidz__content ul li:hover {
box-shadow: 0 0 12px 0 #9b9b9b;
}
.campuskidz__content ul li::before {
content: "";
width: 63px;
height: 70px;
position: absolute;
left: -21px;
top: -6px;
background: grey;
}
.form,
.form__block,
.form__img {
position: relative;
}
.campuskidz__content ul li:first-child::before {
background: url(https://webapi.entab.info/api/image/ENTABWEBSITE/public/images/1.webp);
background-size: 100% 100%;
}
.campuskidz__content ul li:nth-child(2)::before {
background: url(https://webapi.entab.info/api/image/ENTABWEBSITE/public/images/2-before.webp) 0 0/100% 100%;
}
.campuskidz__content ul li:nth-child(3)::before {
background: url(https://webapi.entab.info/api/image/ENTABWEBSITE/public/images/3-before.webp) 0 0/100% 100%;
}
.campuskidz__content ul li:nth-child(4)::before {
background: url(https://webapi.entab.info/api/image/ENTABWEBSITE/public/images/4.webp) 0 0/100% 100%;
}
.campuskidz__content ul li:nth-child(5)::before {
background: url(https://webapi.entab.info/api/image/ENTABWEBSITE/public/images/5.webp) 0 0/100% 100%;
}
.campuskidz__content h3 {
font-weight: 500;
}
.form {
display: flex;
align-items: center;
justify-content: center;
padding: 40px 60px;
margin: 12px;
background: #221e3a;
}
.form::before {
content: "";
width: 100%;
opacity: 0.5;
height: 100%;
position: absolute;
background: url(https://webapi.entab.info/api/image/ENTABWEBSITE/public/images/bg-texture.webp);
}
.form__block {
width: 90%;
}
.form__img {
width: 40%;
}
.ans-block,
.ans-block.dropping-container .element-to-drag .drag-img img,
.blog-list img,
.blog-page > div.blog-list,
.contact-block div img,
.coverage-list > div img,
.demo-images img,
.demo-section > div img,
.edu-banner,
.educator-flex > div,
.form__img img,
.input-list select,
.module_flex > div img,
.newsletters > div img,
.our-story-blk > div,
.our-story-yr img,
.pop-up-video video,
.quiz3 .ans-bloc,
.quiz4 .answer,
.videos-video-block .video img,
section.inner__page .block .block__box {
width: 100%;
}
form#contact h3,
form#contact p {
text-align: center;
color: #fff;
}
.input-list > div {
width: 48%;
margin-bottom: 20px;
color: #fff;
padding: 5px;
}
.input-list input,
.input-list select {
display: block;
width: 93%;
padding: 12px;
border-radius: 4px;
border: 0 solid #000;
background: #fff;
margin-top: 10px;
}
.submit-form .btn {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.submit-form .btn div {
float: right;
margin: 0 10px;
}
.submit-form .btn div button {
float: right;
cursor: pointer;
}
form#contact {
padding: 0 20px 40px;
}
.read_more_new {
background: #00358e !important;
color: #fff !important;
padding: 9px 20px !important;
border-radius: 15px !important;
margin-top: 20px !important;
margin: auto !important;
display: block !important;
text-transform: uppercase !important;
letter-spacing: 2px !important;
}
.warning-banner-bar {
display: none;
}
.submit-form .btn .readmorebtn2:first-child button {
background: #2275c5;
border: 2px solid #5ca3e7;
min-width: 140px;
}
form#contact h3 {
font-size: 33px;
font-weight: 500;
margin-bottom: 12px;
}
.campuskidz > div:first-child {
width: 35%;
}
.campuskidz > div > img {
width: 91%;
}
.padding-40 {
width: 90%;
margin: auto;
padding:0px 0;
min-height: 600px;
}
.website-development .d-flex h3 {
font-size: 26px;
font-weight: 500;
}
.website-development .d-flex ul li::before {
content: "";
width: 0;
left: 0;
height: 0;
border-left: 8px solid transparent;
border-right: 7px solid transparent;
border-top: 14px solid rgb(179 179 179);
top: 50%;
transform: translate(-50%, -50%) rotate(155deg);
position: absolute;
}
.website-development .d-flex ul li {
position: relative;
padding-left: 30px;
margin-bottom: 19px;
font-family: RobotoFlex-Regular;
line-height: 28px;
}
.website-development .d-flex ul {
padding-left: 0;
list-style: none;
}
.mobile-app-details,
.website-development .d-flex > div {
width: 50%;
}
.helpdesk .d-flex {
display: flex;
margin-bottom: 20px;
margin-top: 30px;
}
.helpdesk .d-flex h3 {
font-size: 28px;
font-weight: 500;
}
.awards-list,
.benifit1 ul,
.benifit2 ul,
.benifit3 ul,
.benifit4 ul,
.coverage-list,
.feature_block1 ul,
.feature_block2 ul,
.feature_block3 ul,
.feature_block4 ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.awards-list h4,
.awards-list p {
margin: 0;
text-align: center;
font-size: 15px !important;
line-height: 24px !important;
}
.awards-list img {
max-width: 100%;
}
.awards-list > div > div {
padding: 12px 10px;
text-align: center;
transition: 0.5s;
height: 100%;
}
.awards-list > div > div h4 {
font-weight: 600;
line-height: 22px;
font-size: 15px;
margin-bottom: 5px;
}
.awards-list > div {
box-shadow: rgb(221 221 221) 0 0 16px 0;
margin: 10px;
width: 18%;
border-radius: 10px;
overflow: hidden;
}
.awards-recognition > h3 {
font-size: 28px;
font-weight: 500;
text-align: center;
margin-top: 40px;
margin-bottom: 11px;
}
.team-member > div h4 span {
color: #038d44;
font-size: 18px;
}
.team-member > div {
text-align: left;
box-shadow: rgb(197 197 197) 0 0 20px -2px;
margin: 20px;
border-radius: 20px;
display: flex;
padding: 15px;
flex-direction: column;
width: 50%;
}
.ed-talk ul li a,
.flexBox {
align-items: center;
display: flex;
}
.team-member > div img {
margin: 10px auto;
display: block;
border-radius: 50%;
border: 2px solid #00843e;
width: 200px;
height: 200px;
}
.coverage-list > div h4,
.coverage-list > div p {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.team-member > div h4 {
font-weight: 500;
font-size: 22px;
margin-bottom: 0;
margin-top: 20px;
text-align: center;
}
.team-member p {
margin: 0;
line-height: 34px;
}
.team-member > div:hover {
box-shadow: rgb(122 122 122) 0 0 12px -2px;
}
.team-member > div > div {
padding: 10px;
transition: 0.5s;
text-align: left;
}
p.sub-heading {
text-align: center;
color: rgb(76 76 76);
margin-bottom: 20px;
font-size: 17px !important;
margin-top: 0 !important;
font-weight: 400;
}
.coverage-list > div {
width: 29%;
margin: 16px 10px;
box-shadow: #d7d7d7 0 0 11px 0;
padding: 17px;
border-radius: 11px;
}
.coverage-list > div h4 {
font-weight: 600;
font-size: 19px;
-webkit-line-clamp: 2;
text-transform: capitalize;
line-height: 28px;
}
.coverage-list > div a {
color: inherit;
}
.coverage-list > div p {
-webkit-line-clamp: 6;
}
.flexBox {
justify-content: center;
margin-bottom: 30px;
}
.flexBox > div {
box-shadow: #000 0 0 5px 0;
cursor: pointer;
margin: 15px;
}
.newsletters > div,
.videos-video-block .video {
box-shadow: rgb(149 149 149 / 55%) 0 0 10px 0;
}
.flexBox img {
width: 100%;
clear: both;
}
.flexBox > div p {
margin: -7px 0 0;
background: #00843e;
padding: 5px 2px;
text-align: center;
color: #fff;
font-size: 18px;
}
h2.youtube-head {
font-size: 18px;
text-align: center;
width: 100%;
color: #393185;
word-break: break-all;
}
.videos-video-block {
display: flex;
justify-content: center;
flex-wrap: wrap;
margin-top: 20px;
}
.videos-video-block .video {
margin: 1%;
width: 31%;
text-align: center;
background: rgb(0 132 62);
}
.videos-video-block .video p {
margin: 0;
padding: 1px 8px 4px;
color: rgb(255 255 255);
text-align: center;
}
.video-img {
height: max-content;
}
.ed-talk ul li .video-img img,
.ed-talk ul li a,
.front_video iframe,
.video-overlay {
height: 100%;
width: 100%;
}
.ed-talk button {
margin: 15px 2px;
}
.ed-talk ul {
display: flex;
flex-wrap: wrap;
justify-content: center;
padding: 0;
}
.ed-talk ul li {
width: 25%;
margin-bottom: 20px;
list-style: none;
}
.video-overlay img {
width: 50px;
border-radius: 50%;
height: 230px;
object-fit: contain;
object-position: center;
}
.ed-talk ul li > div {
width: 90%;
box-shadow: #bdbdbd 0 0 5px 0;
margin: auto;
border-radius: 5px;
overflow: hidden;
}
.ed-talk ul li a {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
transition: 0.5s;
justify-content: center;
opacity: 0;
}
.video-overlay {
background: rgba(0, 0, 0, 0.25);
position: absolute;
left: 0;
display: flex;
top: 0;
align-items: center;
justify-content: center;
}
.ed-talk-video .video p {
text-align: center;
margin: 0;
padding: 0 0 6px;
font-weight: 500;
font-size: 17px;
}
.ed-talk-video .video {
height:200px; border-radius:0px 0px 0 0 !important;
}
.ed-talk-video .video img {
border-radius: 0px 0px 0px 0px;
}
.newsletters {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: flex-start;
text-align: center;
margin-top: 40px;
}
.newsletters > div {
margin: 0 1% 40px;
width: 23%;
}
.newsletters p {
margin: -7px 0 0;
background: rgb(0 132 62);
color: #fff;
padding: 5px 0;
text-align: center;
}
.entab-wrapper {
display: flex;
padding-top: 20px;
}
.entab-card {
margin: auto;
background: #ffffff;
padding: 45px 50px;
border-radius: 16px;
box-shadow: 0 12px 30px rgba(0, 0, 0, 0.08); margin: 20px;
}
.entab-card h2 {
font-size:25px;
color: #1e3a8a;
margin-bottom: 18px;
}
.entab-card p {
font-size: 16px;
color: #374151;
margin-bottom: 18px;
}
.entab-list {
list-style: none;
padding: 0;
margin: 25px 0 30px;
}
.entab-list li {
padding-left: 32px;
margin-bottom: 14px;
position: relative;
font-size: 16px;
color: #1f2937;
}
.entab-list li::before {
content: "✔";
position: absolute;
left: 0;
top: 0;
color: #2563eb;
font-weight: bold;
}
.entab-note {
font-size: 16px;
font-style: italic;
color: #111827;
border-left: 4px solid #2563eb;
padding-left: 15px;
}
.entab-divider {
height: 60px;
}
.address img {
vertical-align: middle;
width: 25px !important;
}
.address {
background: #ededed;
padding: 10px 20px;
border-radius: 11px;
border: 1px solid #ddd;
width: 64%;
}
.address h3,
.support-contact h3 {
font-size: 20px;
color: rgb(59 45 167);
text-align: center;
margin-bottom: 40px;
line-height: 26px;
}
.support-contact .d-flex > div {
text-align: center;
width: 100%;
border-right: 1px solid #ddd;
}
.support-contact .d-flex > div img {
width: 29px;
vertical-align: middle;
}
.support-contact .d-flex > div > div {
margin-bottom: 11px;
font-size: 18px;
font-weight: 600;
}
.support-contact .d-flex > div > div a {
font-weight: 400;
font-size: 16px;
}
.connect-us {
display: flex;
justify-content: flex-start;
margin-top: 30px;
}
.connect-us img {
width: 30px;
vertical-align: middle;
}
.connect-us p {
margin: 8px 0;
}
.connect-us > div {
width: 100%;
padding: 5px 13px 10px;
background: #edecec;
margin: 6px;
border-radius: 6px;
}
.blog-innerPage > img,
.blog-list > img,
.demo-content h3,
.form-block {
margin-bottom: 20px;
}
.connect-us h3 {
font-size: 17px;
font-weight: 500;
color: green;
}
.connect-us h4 {
font-weight: 600;
color: #000;
font-size: 18px;
}
.connect-us > div i {
color: #00843e;
margin-right: 6px;
align-items: center;
}
.demo-section {
display: flex;
padding: 40px 0;
align-items: center;
}
.demo-section > div {
width: 100%;
padding: 0 25px;
}
.img-content img {
margin-right: 10px;
width: 45px !important;
}
.img-content {
display: flex;
width: 228px;
align-items: center;
background: #fff;
box-shadow: #d9d9d9 0 0 5px 0;
padding: 5px;
position: absolute;
top: 50px;
left: 40px;
border-radius: 11px;
font-size: 17px;
animation: 3s infinite alternate zooming-image;
text-align: left;
}
@keyframes zooming-image {
0% {
transform: scale(0.9);
}
100% {
transform: scale(1);
}
}
.demo-images {
position: relative;
min-width: unset;
}
.content3 {
left: -10px;
top: 47%;
}
.content4 {
top: 72%;
}
.content2 {
left: unset;
right: 34px;
}
.content5 {
left: unset;
right: 0;
top: 50%;
}
.button-tabs,
.video-back {
left: 0;
top: 0;
height: 100%;
}
.demo-content ul {
padding-left: 0;
display: flex;
flex-wrap: wrap;
}
.demo-content ul li,
.form-block {
align-items: center;
display: flex;
}
.demo-content ul li img {
width: 46px;
margin-right: 20px;
}
.demo-content ul li {
line-height: 32px;
font-size: 18px;
width: calc(50% - 54px);
border-radius: 12px;
box-shadow: 0 0 5px 0 #d1d1d1;
padding: 17px;
margin: 10px;
}
.form-block {
margin-top: 50px;
}
.form-block .form {
margin: 0;
}
.form-block form#contact {
padding: 10px 0;
}
.form-block .input-list {
margin-top: 0;
}
.form-block .input-list input,
.form-block .input-list select {
margin-top: 6px;
border: 1px solid #ddd;
}
.form-block .input-list label {
color: rgb(255 255 255);
}
.form-block .input-list > div {
width: 47%;
padding: 5px 6px;
}
.form-block h3 {
font-size: 35px;
color: #2f2483;
font-weight: 400;
margin: 0 23px 31px 0;
line-height: 58px;
}
.form-block p {
font-size: 21px;
font-weight: 500;
}
.form-block .submit-form {
margin: auto;
display: flex;
width: max-content;
align-items: center;
}
.blog-list,
.eduzone,
.module_flex,
.our-vission-mission,
.quiz4 .answer ul {
flex-wrap: wrap;
display: flex;
}
.form-block .submit-form > div button {
padding: 9px 20px;
background: rgb(2 133 63);
border: 1px solid #ddd;
border-radius: 6px;
font-size: 17px;
cursor: pointer;
color: #fff;
}
.form-block .form {
padding: 40px 30px;
border-radius: 7px;
margin-left: 40px;
background: #393185;
box-shadow: rgb(199 199 199) 0 0 8px 1px;
}
.demo-section > div h3 {
font-size: 34px;
font-weight: 500;
color: #2f2483;
}
.blog-content p,
.blog-content p b,
.eduzone .selectedu p,
.select-educator-list > p {
display: -webkit-box;
-webkit-box-orient: vertical;
overflow: hidden;
}
.eduzone .selectedu {
width: 23%;
box-shadow: rgb(171 171 171 / 89%) 0 0 11px -3px;
margin: 10px 10px 25px;
border-radius: 4px;
overflow: hidden;
transition: 0.2s;
padding-bottom: 25px;
}
.blog-list .blog:hover,
.eduzone .selectedu:hover {
box-shadow: rgb(134 134 134) 0 0 14px -3px;
transform: scale(1.02);
}
.eduzone .selectedu a {
color: #fff;
margin: 20px;
background: #118a49;
padding: 4px 8px;
border-radius: 5px;
}
.blog-list .blog img,
.eduzone .selectedu img {
width: 100%;
height: 250px;
}
.eduzone .selectedu p {
padding: 20px;
margin: 0 0 14px;
text-align: left;
font-size: 17px;
line-height: 28px;
text-transform: capitalize;
-webkit-line-clamp: 2;
height: 2.6rem;
}
.our-story-blk,
.select-educator {
display: flex;
align-items: flex-start;
}
.select-educator ul#content-slider-educator {
width: 22%;
padding-left: 0;
margin-top: 0;
margin-right: 50px;
overflow-y: scroll;
height: 1440px;
}
.select-educator ul#content-slider-educator img {
width: 100%;
border: 4px solid #fff;
border-radius: 5px;
}
.select-educator ul#content-slider-educator li {
list-style: none;
cursor: pointer;
}
.article-block h3 {
font-size: 24px;
text-align: center;
font-weight: 500;
color: #2f2483;
}
.educator-flex img {
margin-right: 15px;
width: 90px !important;
}
.educator-flex > div p {
margin: 0;
text-align: left;
line-height: 25px;
}
.select-educator-list {
background: #ededed;
border-radius: 5px;
padding: 15px 12px;
margin: 0 0 16px;
width: 88%;
}
.select-educator-list > p {
-webkit-line-clamp: 2;
margin: 0;
text-align: left;
line-height: 21px;
font-size: 16px;
}
.educator-flex > div p:first-child {
font-size: 15px;
color: rgb(0 0 0);
}
.educator-flex > div p:nth-child(2) {
font-size: 15px;
line-height: 29px;
font-weight: 600;
}
.article-block ul li i {
color: #00b300;
font-size: 20px;
margin-right: 5px;
}
.article-block ul li {
line-height: 32px;
margin-bottom: 10px;
font-size: 18px;
}
li.select-educator-name.active > div {
background: #00843e;
color: rgb(255 255 255 / 87%);
}
ul#content-slider-educator li .active .educator-flex > div p:first-child {
color: red;
}
.article-block {
width: 76%;
}
.article-block ul li b {
color: #000;
margin-right: 5px;
font-weight: 500 !important;
}
.inner-tags p {
font-size: 16px;
color: #767676;
margin: 0;
}
.blog-page {
align-items: flex-start;
display: flex;
}
.blog-page > div.tag-list {
width: 23%;
padding: 11px 20px;
background: #f9f9f9;
box-shadow: #a3a3a3 0 0 5px 0;
}
.blog-list h3 {
margin-top: 30px;
text-align: center;
}
.blog-list .blog {
width: 31%;
box-shadow: #ababab 0 0 11px -3px;
margin: 10px 10px 20px;
border-radius: 4px;
overflow: hidden;
position: relative;
transition: 0.2s;
}
.blog-content {
padding: 20px;
}
.blog-content p {
margin: 4px 4px 20px;
-webkit-line-clamp: 7;
font-size: 16px;
font-weight: 400;
color: #646464;
}
ul.tags li {
list-style: none;
border: 1px solid;
margin: 2px;
padding: 0 5px;
font-size: 14px;
background: #fff;
text-transform: capitalize;
}
.blog-content p b {
-webkit-line-clamp: 2;
font-size: 20px;
color: rgb(0 0 0);
text-align: center;
}
.blog-content h6 {
font-size: 12px;
text-transform: uppercase;
color: #00843e;
margin: 0 0 15px;
font-weight: 600;
position: absolute;
top: 8px;
background: #fff;
padding: 7px 15px;
border-radius: 5px;
box-shadow: rgb(126 126 126 / 35%) 0 0 5px 0;
}
.green-bg {
border: 2px solid #00843e;
}
.select-category {
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
margin-top: 20px;
}
.select-category > div {
width: 100%;
text-align: center;
margin: 2px;
padding: 5px;
cursor: pointer;
color: rgb(0 0 0);
}
.blog-innerPage,
.blog-page h3,
.preschool__functions > div p {
text-align: left;
}
.blog-content-inner h3,
.blog-list h3,
.inner-tags h3 {
color: #2f2483;
font-weight: 500;
}
.purple-bg {
border: 2px solid #603faf;
}
.purple-bg:hover {
background: #603faf;
color: #fff;
}
.orange-bg {
border: 2px solid #bf8e36;
}
.orange-bg:hover {
background: #bf8e36;
color: #fff;
}
.cyan-bg {
border: 2px solid #279b9b;
}
.cyan-bg:hover {
background: #279b9b;
color: #fff;
}
.pink-bg {
border: 2px solid #cf4e65;
}
.pink-bg:hover {
background: #cf4e65;
color: #fff;
}
.brown-bg {
border: 2px solid #a14444;
}
.brown-bg:hover {
background: #a14444;
color: #fff;
}
.purple-border {
color: #2c0689;
}
.orange-border {
color: #c57f00;
}
.brown-border {
color: #871818;
}
.pink-border {
color: #cf4e65;
}
.blog-innerPage p span {
color: green;
font-weight: 500;
font-size: 17px;
}
.blog-innerPage img {
margin: auto;
display: block;
width: 100%;
}
.blog-page h3 {
margin-top: 10px;
width: 100%;
margin-bottom: 10px;
font-size: 23px;
}
.blog-content-inner {
display: flex;
align-items: center;
margin: 10px 0;
}
.blog-list {
padding-right: 30px;
}
.blog-content-inner > div img {
min-width: 350px;
}
.blog-content-inner:nth-child(2n) > div:nth-child(2) {
padding-left: 30px;
}
.centerd-img {
max-width: 600px;
margin: auto;
}
.blog-content-inner:nth-child(odd) > div:first-child {
margin-right: 30px;
}
.blog-innerPage p.sub-heading {
color: rgb(2 158 75);
text-align: left;
margin-bottom: 0;
font-size: 25px !important;
margin-top: 30px !important;
}
.midhead{ color: rgb(2 158 75);
text-align: left;
margin-bottom: 0;
font-size: 25px !important;
margin-top: 30px !important;}
.inner-tags h3 {
font-size: 22px;
}
.blog-list h3 {
font-size: 26px;
}
.blog-content-inner li {
margin-bottom: 18px;
}
.blog-content-inner h3 {
font-size: 23px;
}
.blog-content-inner li b,
.blog-innerPage li b,
ul.margin_0 li b {
font-weight: 500;
color: #000;
font-size: 17px;
margin-right: 5px;
}
.blog-innerPage .heading ~ div h3 {
font-size: 20px;
font-weight: 500;
color: #2f2483;
}
.blog-innerPage strong {
font-weight: 500;
color: rgb(49 32 182);
}
.strange-internal img {
min-width: 200px !important;
}
.thankYou img {
width: 260px;
margin: auto;
display: block;
}
.thankYou h3 {
font-size: 28px;
font-weight: 500;
text-align: center;
}
.our-vission-mission > div:first-child {
background: #00843e;
width: 100%;
color: #fff;
padding: 20px 40px 10px;
border-radius: 10px;
}
.our-vission-mission > div:first-child img,
.payment_block > div .payment_details ul li span,
.portal__block:nth-child(odd) img {
float: right;
margin-left: 20px;
}
.our-vission-mission > div:first-child h3 {
color: #fff;
margin: 0;
}
.our-story-yr {
width: 32%;
padding: 20px;
float: right;
}
.our-story-yr p {
font-weight: 700;
text-align: center;
color: green;
font-size: 24px;
}
.our-vission-mission h3 {
color: #2f2483;
font-size: 23px;
font-weight: 600;
margin-bottom: 5px;
}
.breadcrumb li p {
padding: 0 !important;
}
.inner__page li a,
.inner__page p a {
font-weight: 500;
color: green;
}
.school-mobile-app .mobileModule {
margin-bottom: 60px;
}
.mobile-blk .app-download img {
width: 90px;
margin-right: 20px;
border-radius: 50%;
}
.mobile-blk .app-download {
display: flex;
align-items: center;
margin: 20px 0;
box-shadow: #bdbdbd 0 1px 20px 0;
padding: 4px 20px;
width: 86%;
border-radius: 12px;
z-index: 9999;
position: relative;
background: #fff;
}
.quiz1 .ans-block,
table {
margin-top: 30px;
}
.mobile-blk .app-download p a {
color: #000 !important;
font-weight: 400;
}
.mobile-blk .app-download h4 {
font-weight: 600;
font-size: 16px;
margin-bottom: 7px;
}
.mobile-blk .app-download p {
font-size: 14px;
margin-bottom: 0;
margin-top: 0;
padding: 2px 0;
line-height: 20px;
}
.mobile-blk .app-download p i {
float: right;
font-weight: 600;
margin-left: 10px;
}
.mobile-app__content {
width: 87%;
padding: 10px 30px 10px 40px;
}
.mobile-app__img {
width: 65%;
position: relative;
}
.mobile-app__img img {
width: 100%;
position: relative;
z-index: 9;
height: auto;
}
.mobile-app-details ul li span {
display: block;
font-size: 25px;
text-transform: uppercase;
color: #000;
}
.mobile-app-details ul li {
margin-bottom: 0;
list-style: none;
position: relative;
background: rgba(221, 221, 221, 0);
padding: 20px 50px;
overflow: hidden;
color: #8f8f8f;
}
.mobile-app-details ul {
padding: 0 40px 40px;
position: relative;
}
.mobile-app__img::after {
content: "";
width: 200px;
height: 2px;
position: absolute;
transform: translate(-50%, 50%);
top: 28%;
left: 87%;
border-top: 2px dashed #c1bdbd;
}
.mobile-app-details ul li::before {
content: "";
width: 53px;
height: 2px;
position: absolute;
left: 0;
border-top: 2px dashed #c1bdbd;
top: 50%;
transform: translate(-50%, -50%);
}
.mobile-app-details ul::before {
content: "";
width: 2px;
height: 68%;
position: absolute;
left: 41px;
top: 46%;
transform: translate(-50%, -50%);
border-left: 2px dashed #c1bdbd;
}
.mobile-blk > div {
width: 100%;
padding: 2px;
max-height: 410px;
position: relative;
}
.mobile-blk > div p.sub-heading {
color: #000;
text-align: center;
font-weight: 700;
font-size: 19px !important;
}
.mobileModule-list {
box-shadow: #ddd 0 0 5px 0;
padding: 20px;
border-radius: 30px;
margin-top: 30px;
background: rgba(237, 237, 237, 0.33);
}
.mobileModule-list h3 {
text-align: center;
font-size: 26px;
font-weight: 500;
color: #2f2483;
}
.button-tabs {
position: absolute;
width: 100%;
}
.download-mobile__app {
background: #fff;
padding: 6px 12px 6px 5px;
border-radius: 12px;
box-shadow: #000 0 0 12px -7px;
width: max-content;
display: flex;
align-items: center;
justify-content: center;
position: absolute;
}
.download-mobile__app:nth-child(2) {
position: absolute;
right: 8px;
top: 40%;
}
.download-mobile__app:nth-child(3) {
bottom: 53px;
}
.button-tabs img {
width: 66px;
margin: auto 12px auto auto;
display: block;
}
.download-mobile__app p i {
float: right;
margin-left: 10px;
line-height: 28px;
}
.mobileModule-list ul li img {
margin-right: 20px;
width: 50px;
}
.mobileModule-list ul li {
display: flex;
margin-bottom: 12px;
align-items: center;
position: relative;
width: 78%;
background: #fff;
margin-left: 20px;
padding: 20px 10px;
border-radius: 8px;
box-shadow: 0 0 20px 0 #ddd;
}
.download-mobile__app p {
margin-top: 0;
margin-bottom: 0;
font-size: 14px;
line-height: 29px;
}
p.mobile_app_tabs {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
p.mobile_app_tabs a {
transition: 0.5s;
border: 1px solid #ddd;
padding: 4px 13px;
margin: 12px;
color: #393185 !important;
}
p.mobile_app_tabs a:hover {
background: green;
color: #fff !important;
}
.mobile-blk ul li img {
width: 40px;
}
.mobile-blk > div:nth-child(2) > img {
width: auto;
margin: auto;
display: block;
}
.scrollbar::-webkit-scrollbar {
width: 10px;
background: #dcdcdc;
border-radius: 20px;
}
.scrollbar::-webkit-scrollbar-thumb {
background: #00843e;
border-radius: 20px;
}
.scrollbar {
max-height: 352px;
overflow-y: scroll;
position: relative;
}
.preschool__functions.pre-benifits > div {
width: 23%;
}
.preschool__functions.pre-benifits > div p {
font-size: 16px;
margin: 0;
text-align: left;
}
.login_btn form > div,
.wid_less img {
width: 100% !important;
}
.wid_less {
width: 36% !important;
}
.benifit1 ul li,
.benifit2 ul li,
.benifit3 ul li,
.benifit4 ul li,
.feature_block1 ul li,
.feature_block2 ul li,
.feature_block3 ul li,
.feature_block4 ul li {
width: 39%;
vertical-align: middle;
display: flex;
}
.select1 button {
margin: 12px;
background: 0 0;
padding: 0;
border: 0;
font-size: 20px;
}
.select1 button.active {
color: #00843e;
font-weight: 600;
}
h4.sub-heading {
font-size: 20px;
color: #2f2483;
font-weight: 500;
}
.menu_blog {
width: 100% !important;
margin-bottom: 20px !important;
}
.tablescroll.table-responsive td {
border: 1px solid #ddd;
border-collapse: collapse;
padding: 0 20px;
}
table {
border-collapse: collapse;
}
tr[valign] {
background: #ededed;
}
.sub-menu ul li > h4 {
width: 49%;
}
p.breadcrumb__list span:last-child {
color: rgb(0 132 62);
font-weight: 500;
}
.video-back {
position: fixed;
background: rgba(0, 0, 0, 0.28);
width: 100%;
z-index: 999999;
display: none;
}
.buyNow,
.pop-up-video {
position: fixed;
top: 50%;
display: none;
left: 50%;
transform: translate(-50%, -50%);
}
.pop-up-video {
width: 60%;
background: #000;
z-index: 9999999;
box-shadow: #a5a5a5 0 0 16px 0;
border: 5px solid #000;
}
.close-popup,
.close-video.index-close {
width: 40px;
color: #fff;
height: 40px;
cursor: pointer;
}
.close-video.index-close {
position: absolute;
font-size: 39px;
line-height: 0;
right: -15px;
top: -21px;
background: #000;
align-items: center;
justify-content: center;
box-shadow: #747474 0 0 9px 3px;
border-radius: 50%;
text-align: center;
border: 2px solid #000;
z-index: 999;
}
.buyNow {
background: #fff;
box-shadow: #000 0 0 50px 2px;
border-radius: 20px;
z-index: 99999;
}
#particles-js,
.close-popup,
.count-particles,
.form_block,
.play_icon,
canvas {
position: absolute;
}
.buyNow input {
border: 1px solid #ddd;
width: 88%;
}
.buyNow .btn.submit-form {
display: flex;
justify-content: center;
}
.close-popup,
.form_block form {
display: flex;
align-items: center;
}
.buyNow .btn.submit-form button {
padding: 6px 17px;
margin: 5px;
background: #2f2483;
color: #fff;
border-radius: 5px;
border: 2px solid #2f2483;
font-size: 16px;
font-weight: 400;
}
.close-popup {
right: -10px;
top: -10px;
font-size: 28px;
background: #000;
justify-content: center;
border-radius: 50%;
border: 5px solid #fff;
}
.buyNow h3 {
text-align: center;
font-size: 28px;
font-weight: 500;
}
.exploreMore.light--blue.buynow-form {
background: rgb(6 92 47);
}
.mobile__apps-content .view-more.exploreMore {
margin: 40px auto 10px;
}
.form_block {
right: 9px;
top: 96%;
padding: 10px 29px;
width: 500px;
box-shadow: #919191 -2px 4px 5px -1px;
border-radius: 5px;
z-index: 999;
display: block;
}
.form_block form {
justify-content: center;
flex-wrap: wrap;
}
.form_block form > div {
width: 50%;
margin-bottom: 20px;
}
.form_block form div select {
width: 93%;
padding: 9px;
margin-top: 4px;
border: 1px solid #8c8c8c;
border-radius: 3px;
}
span.forgotFeild {
cursor: pointer;
}
a.btn2.subscribe_tab_btn {
cursor: pointer;
color: green;
}
.otp,
.payment_plan,
.subscription_plan {
min-height: 100vh;
background: #e3e3e3;
}
.otp_logo,
.payment_plan_logo,
.subscription_logo {
margin: auto;
display: block;
width: max-content;
padding: 40px 0 0;
}
.otp_block input[type="submit"] {
padding: 10px 30px;
font-size: 21px;
border: 0;
border-radius: 7px;
margin-top: 20px;
background: #e3e3e3;
}
.form_block form div input {
width: calc(92% - 18px);
padding: 9px;
margin-top: 4px;
border: 1px solid #8c8c8c;
border-radius: 3px;
}
.form_block form > div label {
font-size: 14px;
}
.form_block button,
.submit-gorget,
.submit-login,
input[type="submit"] {
cursor: pointer;
width: max-content !important;
margin: 12px auto auto;
display: block;
padding: 6px 20px !important;
font-size: 15px;
text-transform: uppercase;
background: #cacaca;
border: 2px solid #c1c1c1 !important;
font-weight: 700;
border-radius: 15px !important;
transition: 0.2s ease-in;
}
.form_block h3,
.form_block p {
margin-top: 0;
margin-bottom: 20px;
text-align: center;
}
.form_block h3 {
font-size: 23px;
}
.login_btn form > div input {
width: 95%;
}
.login_btn form > div span {
color: grey;
font-size: 14px;
float: right;
margin-top: 9px;
}
canvas {
display: block;
vertical-align: bottom;
top: 30px;
}
#particles-js {
width: 100%;
height: 100%;
background-image: url("");
background-repeat: no-repeat;
background-size: cover;
background-position: 50% 50%;
top: 0;
}
.count-particles {
background: #002;
top: 48px;
left: 0;
width: 80px;
color: #13e8e9;
font-size: 0.8em;
text-align: left;
text-indent: 4px;
line-height: 14px;
padding-bottom: 2px;
font-family: Helvetica, Arial, sans-serif;
font-weight: 700;
border-radius: 0 0 3px 3px;
}
.js-count-particles {
font-size: 1.1em;
}
#stats,
.count-particles {
user-select: none;
}
#stats {
border-radius: 3px 3px 0 0;
overflow: hidden;
}
.play_icon {
top: 41%;
width: 50px;
left: 50%;
transform: translate(-50%, -50%);
height: 50px;
background: red;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
box-shadow: 0 0 8px 0 #fff;
}
.concept-module-popup .close-module-popup::before {
content: "Close "; /* Text or icon you want */
display: inline-block;
margin-right: 8px; /* space between text/icon and the actual close icon */
font-size: 16px; /* adjust size */
color: #fff; /* adjust color */
}
.concept-module-popup,
.live_lab,
.practice_worksheet {
position: fixed;
top: 50%;
transform: translate(-50%, -50%);
border-radius: 12px;
display: none;
left: 50%;
}
.play_icon i {
color: #fff;
font-size: 40px;
}
.module_flex > div {
width: 31%;
box-shadow: 0 0 5px 0 #5e5e5eba;
position: relative;
margin: 1% 1% 15px;
cursor: pointer;
}
.module_flex p {
text-align: center;
font-size: 14px;
color: #707070;
margin: 0;
}
.module_flex > div h3 {
font-size: 18px;
font-weight: 400;
color: #000;
text-align: center;
margin: 0 0 10px;
}
.module-selection ul {
display: flex;
padding-left: 0;
list-style: none;
justify-content: center;
flex-wrap: wrap;
}
.concept-module-popup {
z-index: 99999;
width: 60%;
height: auto;
background: #fff;
overflow: hidden;
box-shadow: 0 0 9px 2px #767676;
padding: 20px;
}
.concept-module-popup .close-module-popup {
position: absolute;
right: 0;
background: #000;
color: #fff;
padding: 15px;
top: 0;
cursor: pointer;
}
.module_block h3 {
margin-bottom: 0;
font-size: 22px;
color: #00843e;
}
.module-selection ul li {
padding: 6px 20px;
margin: 0 10px;
font-weight: 500;
cursor: pointer;
}
.live_lab,
.practice_worksheet {
background: #fff;
box-shadow: 0 0 17px 0 #838383;
z-index: 999999;
min-width: 900px;
overflow-x: hidden;
min-height: 500px;
padding: 0;
margin: 0;
width: 1300px;
max-width: 98%;
}
.live_lab::-webkit-scrollbar,
.practice_worksheet::-webkit-scrollbar {
background: #fff;
width: 0;
}
.close_lab,
.close_work {
position: absolute;
right: 12px;
top: 12px;
font-size: 26px;
cursor: pointer;
z-index: 99;
color: #fff;
}
.live_lab > h3 {
padding: 7px 14px;
color: #fff;
background: rgb(4 153 74);
text-align: left;
margin: 0;
}
.live_lab > p,
.result-data > div {
padding: 0 15px;
}
.live_lab .module_flex {
justify-content: center;
padding: 0 15px 20px;
}
.otp_block,
.payment_block,
.subscription_block {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
min-height: 64vh;
background: #fff;
width: 80%;
margin: 40px auto 0;
border-radius: 8px;
}
.back_layer,
.back_layer1 {
height: 100%;
position: fixed;
left: 0;
top: 0;
z-index: 99999;
display: none;
}
.otp-input-fields input {
padding: 5px;
font-size: 20px;
width: 50px;
height: 40px;
margin: 6px;
border: 1px solid #000;
text-align: center;
border-radius: 6px;
}
.pack_details .plans,
.subscription_block > div {
position: relative;
padding: 60px 20px 30px;
transition: 0.5s;
text-align: center;
}
.otp-input-fields input::-webkit-inner-spin-button,
.otp-input-fields input::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.subscription_block {
flex-direction: row;
justify-content: space-evenly;
padding-top: 90px;
}
.subscription_block > div {
width: 22%;
border: 5px solid #fff;
border-radius: 11px;
box-shadow: 0 0 7px 0 #a7a7a7;
}
.subscription_block > div:first-child {
background: #d9c97c;
}
.plans.plan2,
.subscription_block > div:nth-child(2) {
background: #adddad;
}
.subscription_block > div:nth-child(3) {
background: #cfad6f;
}
.subscription_block > div button {
font-size: 18px;
background: #fff;
padding: 5px 20px;
border-radius: 6px;
transition: 0.5s;
cursor: pointer;
border: 2px solid #bdbdbd;
margin-top: 20px;
}
.subscription_block > div ul li {
list-style: none;
margin-bottom: 10px;
}
.subscription_block > div h3 {
font-size: 27px;
text-transform: uppercase;
}
.subscription_block > div:hover {
transform: scale(1.1);
box-shadow: 0 0 13px 0 #a7a7a7;
}
.payment_block > div {
display: flex;
justify-content: space-around;
width: 100%;
}
.payment_block > div .payment_details ul li {
list-style: none;
min-width: 280px;
margin-bottom: 8px;
}
.payment_block > div .pack_details ul li {
margin-bottom: 4px;
list-style: none;
}
.payment_block button {
transition: 0.5s ease-in;
font-size: 16px;
cursor: pointer;
padding: 9px 24px;
text-transform: uppercase;
margin-top: 40px;
border: 1px solid #ddd;
background: #fff;
border-radius: 4px;
font-weight: 600;
}
.payment_block > div .payment_details ul li.net {
font-size: 20px;
border-top: 1px solid #e1e1e1;
color: #00843e;
margin-top: 16px;
padding-top: 5px;
}
.pack_details .plans {
width: 100%;
border: 5px solid #fff;
border-radius: 11px;
box-shadow: 0 0 7px 0 #a7a7a7;
}
.pack_details .plans h2,
.subscription_block .plans h2 {
background: #fff;
position: absolute;
transform: translate(-50%, -50%);
top: -10%;
left: 50%;
font-size: 50px;
width: 130px;
height: 130px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 50%;
border: 2px solid #fff;
box-shadow: 0 0 7px 0 #a7a7a7;
}
.quiz1 .answer ul li,
.quiz1 .answer ul li span {
background: #e7c001;
align-items: center;
display: flex;
}
.app-download p img {
border-radius: 0;
height: auto;
width: 20px !important;
margin-right: 2px;
vertical-align: middle;
}
.back_layer {
width: 100%;
background: #000000e0;
}
.back_layer1 {
width: 100%;
background: #00000082;
}
.quiz2 .answer ul li.active.correct,
.slideCount li.active.correct .ans-blk-flex {
background: #595 !important;
}
.quiz7 .answer ul li.active,
.quiz7 .answer ul li.active .ans-blk-flex {
background: #595;
color: #fff;
}
.search input {
width: 100%;
margin: 10px 0;
padding: 12px 5px;
background: #fff;
border-color: #e2e2e2;
border-radius: 12px;
}
.search {
position: relative;
background: #f3f3f3;
border-radius: 15px;
padding: 5px 15px;
margin-bottom: 25px;
}
.search i {
position: absolute;
right: 26px;
top: 23px;
font-size: 25px;
}
.search input:focus-visible {
outline: -webkit-focus-ring-color auto 0;
}
.blog-innerPage ul li {
line-height: 32px;
margin-bottom: 3px;
list-style: disc;
font-size: 16px;
font-weight: 400;
}
.live_lab,
.practice_worksheet .question-answer-blk .mcqs {
max-height: 80vh;
overflow: scroll;
}
.live_lab,
.practice_worksheet .question-answer-blk .mcqs::-webkit-scrollbar {
width: 0;
}
.mcqs {
width: 100%;
margin: auto;
padding-top: 30px;
min-height: 520px;
padding-bottom: 60px;
}
.question-answer-blk {
position: relative;
margin: auto;
padding: 0 25px;
}
.quiz1 .answer ul li {
list-style: none;
border: 2px solid #e7c001;
margin: 22px 0 40px;
padding: 6px 30px 6px 40px;
position: relative;
border-radius: 20px 0 63px 20px;
transition: 0.5s;
font-size: 17px;
line-height: 24px;
width: 77%;
min-height: 40px;
color: #fff;
cursor: pointer;
max-width: 751px;
font-family: Poppins, sans-serif;
}
.quiz1 .answer ul li:nth-child(odd){align-self:flex-end}
.quiz1 .answer ul{display:flex;flex-direction:column;padding:0;margin:0}
.quiz1 .answer ul li span{position:absolute;width:55px;height:55px;border:5px solid #fff;border-radius:50%;justify-content:center;font-weight:700;font-size:30px;box-shadow:0 0 0 5px #e7c001,0 0 0 15px #e7c00147;top:-7px;left:-37px}
.quiz1 .answer ul li:nth-child(2){border:2px solid #bf9c68;background:#bf9c68}
.quiz1 .answer ul li:nth-child(2) span{background:#bf9c68;box-shadow:0 0 0 5px #bf9c68,0 0 0 15px #bf9c6857}
.quiz1 .answer ul li:nth-child(3){border:2px solid #208eab;background:#208eab}
.quiz1 .answer ul li:nth-child(3) span{background:#208eab;box-shadow:0 0 0 5px #208eab,0 0 0 15px #208eab2b}
.quiz1 .answer ul li:nth-child(4){border:2px solid #2275c5;background:#2275c5}
.quiz1 .answer ul li:nth-child(4) span{background:#2275c5;box-shadow:0 0 0 5px #2275c5,0 0 0 15px #2275c526}
.quiz1 .answer ul li:nth-child(2):after{background:linear-gradient(306deg,#b18f5d 50%,#715ae500 50%)}
.quiz1 .answer ul li:nth-child(3):after{background:linear-gradient(306deg,#167c97 50%,#715ae500 50%)}
.quiz1 .answer ul li:nth-child(4):after{background:linear-gradient(306deg,#1d67af 50%,#715ae500 50%)}
.quiz1 .answer ul li:after{content:"";position:absolute;border-radius:0 0 10px;width:56px;height:95%;display:flex;align-items:center;background:linear-gradient(306deg,#d9b506 50%,#715ae500 50%);justify-content:center;font-size:18px;top:-1px;left:92%;transform:skewX(10deg);background-size:100% 100%}
.quiz1 .answer ul li.active,.quiz1 .answer ul li:hover{background:#448f44;color:#fff;border:2px solid #448f44;box-shadow:0 0 5px 0 #000}
.quiz1 .answer ul li:hover span{background:#448f44;box-shadow:0 0 0 5px #448f44,0 0 0 15px #008f0059}
.quiz1 .answer ul li:hover:after{background:linear-gradient(306deg,#057a05 50%,#715ae500 50%)}
.quiz.img_Quiz .question,.quiz1 .question,.quiz2 .question,.quiz3 .question,.quiz4 .question,.quiz5 .question,.quiz6 .question,.quiz7 .question{padding:6px 51px 6px 100px;position:relative;line-height:33px;font-size:17px;font-family:Poppins,sans-serif}
.question + p{font-size:18px;color:#007839;margin:0}
.quiz3:before{content:"";background:url(images/ans-img3.webp) 0 0/100% 100%;width:226px;height:215px;position:absolute;left:50%;bottom:-4%;transform:translate(-50%,0);z-index:9}
.quiz3 .answer ul li span{padding:15px 20px;background:#6d7cb9;left:-11px;top:0;color:#fff;font-size:26px;border-radius:50%;margin-top:-180px;margin-left:-50px}
.quiz3 .answer ul li .close{opacity:0}
.quiz3 .answer ul li:nth-child(2n) span{margin-left:50px}
.quiz3 .ans-block > img{width:70%}
.quiz2 .answer ul li{list-style:none;padding:40px 10px;margin-left:60px;transition:.5s ease-in;width:34%;border-radius:20px;min-height:49px;display:inline-flex;align-items:center;justify-content:center;background:#cdffbf;vertical-align:top;cursor:pointer;text-align:center;font-size:18px;box-shadow:6px 0 5px 0 #dbdbdb;position:relative;line-height:27px;margin-bottom:35px}
.quiz2 .answer ul li:nth-child(2),.quiz4 ul li:nth-child(2){background:#c0ffe6}
.quiz2 .answer ul li:nth-child(3),.quiz4 ul li:nth-child(3){background:#ccf}
.quiz2 .answer ul li:nth-child(4),.quiz4 ul li:nth-child(4){background:#ffb4b4}
.quiz1 .answer ul li.active:after{background:linear-gradient(306deg,#398139 50%,#715ae500 50%)}
.quiz1 .answer ul li.active span{background:#448f44;box-shadow:0 0 0 5px #448f44,0 0 0 15px #448f445e}
.quiz1 .answer ul li.active.correct span{background:#008f00;box-shadow:0 0 0 5px #008f00,0 0 0 15px #008f0052}
.quiz1 .answer ul li.active.correct:after{background:linear-gradient(306deg,#007600 50%,#715ae500 50%)}
.ans-block img{width:40%}
.quiz2 .answer{position:relative;margin-top:20px;min-height:290px;width:100%;padding-left:20px}
.quiz2 .answer ul li:before{content:"";width:109%;height:16px;border-radius:50%;position:absolute;bottom:-9px;background:#c9c7c7;z-index:-1}
.quiz.img_Quiz .question span,.quiz1 .question span,.quiz2 .question span,.quiz3 .question span,.quiz4 .question span,.quiz5 .question span,.quiz6 .question span,.quiz7 .question span{font-size:23px;font-weight:700;margin-right:10px;vertical-align:middle;background:#ffc100;border-radius:13px;position:absolute;width:70px;height:70px;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);left:4%;top:50%}
.quiz7 li.active,.quiz7 li:hover{transform:scale(1.1);box-shadow:0 0 20px 2px #303030}
.quiz2 .answer ul li span{background:#000;color:#fff;padding:11px 15px;position:absolute;top:-20px;font-size:24px;left:-20px;border-radius:50%}
.quiz2 .answer ul li.active,.quiz2 .answer ul li:hover,.quiz4 .answer ul li:hover,.quiz6 .answer ul li.active .ans-blk-flex,.quiz6 .answer ul li:hover .ans-blk-flex{background:#448f44;color:#fff;box-shadow:0 0 5px 0 #000}
.quiz3 .answer ul{flex-wrap:wrap;padding-left:0;width:50%;position:relative;display:flex;flex-direction:column}
.quiz3 .answer ul li{margin:-90px 0 25px 35px;background:#fff;padding:8px;height:170px;border:none;width:170px;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 0 15px 0 #d3cbcb}
.quiz3 .ans-block .drag-img{margin:0 auto auto}
.quiz3 .ans-block{width:50%;padding:0 7px;margin-top:20px;position:relative}
.quiz3 .answer ul li:nth-child(2n){align-self:center;margin-left:-92px}
.questions.text-justify{font-size:15px;line-height:32px}
.quiz3 .answer ul li .drag{margin-left:0}
.quiz3 .answer ul li:nth-child(2n) .drag{margin-left:-100px}
.quiz3{margin-bottom:60px;position:relative}
.triangle{position:absolute;left:-10px;font-size:30px;color:grey;animation:6s infinite rotate-triangle}
.element-to-drag .close{position:absolute;right:0;background:#232323;top:0;color:#fff;padding:0 4px;border-radius:50%;cursor:pointer}
.triangle.tri2{left:unset;right:16px;top:70%;animation:8s infinite rotate-triangle}
.quiz4 ul li .circle{width:10px;height:10px;background:#f000;border-radius:50%;border:2px solid grey;position:absolute;bottom:20%;left:10px}
@keyframes rotate-triangle {
0%{transform:rotate(0)}
100%{transform:rotate(360deg)}
}
.quiz4 ul li .line{position:absolute;right:15px;top:30%}
.ans-block.dropping-container .element-to-drag{width:100px}
.quiz4 ul li .line:before{content:"~~";position:absolute;left:0;top:0;font-size:30px;letter-spacing:-5px;color:grey}
.quiz4 li{width:190px;height:190px;display:flex;align-items:center;justify-content:center;background:#e5a302;margin:27px 15px;border-radius:50%;position:relative;font-weight:700;text-transform:capitalize;transition:.5s}
.quiz4 li:nth-child(2),.quiz4 li:nth-child(4){margin-left:110px;margin-top:81px;margin-bottom:-11px}
.quiz4 ul li span{position:absolute;background:#363636;left:0;color:#fff;font-size:20px;top:0;padding:15px 19px;border-radius:50%}
.quiz4 ul li:first-child{background:#cdffbf}
.quiz4 ul li:before{content:"";width:96%;height:96%;position:absolute;border:1px solid #000;border-radius:50%;left:14px;z-index:-1;top:-1px}
.quiz4 .answer ul li.active{background:#448f44;color:#fff}
a#next,a#prev{font-size:20px;margin:9px;position:absolute;background:#e9e9e9;padding:8px 15px;border-radius:5px;cursor:pointer;bottom:4px}
a#next{right:9px}
.quiz5 .blank-feild{line-height:40px;width:96%;padding:0 20px}
.quiz5 .answer{display:flex;margin-top:40px;flex-direction:column-reverse}
.quiz5 .blank-feild li{display:inline-block;min-width:80px;height:40px;border:1px solid #ddd;border-radius:20px;vertical-align:middle;margin:5px 8px;padding:0 15px;text-align:center}
.ans-feild{display:flex;flex-wrap:wrap;padding-left:40px;align-items:flex-start;width:1080px;min-height:350px}
.ans-feild .dropzone {padding: 41px;font-size: 20px;align-items: center;margin: 0 20px 20px;display: inline-flex;border-radius: 50%;box-shadow: inset 0 0 15px -7px #729cbd;}
.ans-feild .dropzone:nth-child(3n + 1) {padding: 50px 30px;box-shadow: inset 0 0 15px -7px #75b782;animation: 2s infinite alternate bounce-q1;}
.ans-feild .dropzone:nth-child(3n + 2) { box-shadow: inset 0 0 15px -7px #672893; animation: 2s infinite alternate bounce-q2;}
.ans-feild .dropzone:nth-child(3n + 3) { animation: 2s infinite alternate bounce-q3;}
@keyframes bounce-q3 { 0% {margin-top: 20px;}100% {margin-top: 0; }}
@keyframes bounce-q2 {0% {margin-top: 0;}100% {margin-top: 20px;}}
@keyframes bounce-q1 { 0% {margin-top: 20px;}100% {margin-top: 10px;}}
.ans-feild-q5{display:flex;flex-wrap:wrap;margin-bottom:20px}
.dropzone .qno{display:inline;padding:10px 18px;background:#8fd1a3;border-radius:50%;font-size:25px;margin-left:-5px;vertical-align:middle;margin-right:14px;box-shadow:inset -4px 3px 5px 0 #fff,-4px 3px 5px 0 #d5d5d5;border:2px solid #fff}
.ans-feild-q5 .dropzone{margin:18px;background:#ebebeb;min-width:200px;border-radius:30px;padding:3px 0;font-weight:600;text-transform:capitalize}
.quiz6 ul{padding-left:0;display:inline-block}
.quiz6 ul li{margin:30px 25px;position:relative;width:19%;display:inline-flex;border-radius:20px}
.quiz6 .ans-blk-flex{position:relative;background:#fff;box-shadow:0 2px 13px 0 #cbcbcb;display:flex;align-items:center;padding:20px;border-radius:28px;transition:.5s;width:100%}
.quiz6 .ans-blk-flex i{position:absolute;right:-14px;background:#e7c001;padding:7px 6px;color:#fff}
.quiz6 ul li:before{position:absolute;content:"";width:102%;height:100%;background:#e7c001;left:0;top:0;border-radius:30px}
.quiz6 .ans-blk-flex .q-num{font-size:2rem;padding:0 10px;position:absolute;top:-20px;background:#fff;left:-16px;border-radius:12px;color:#000;box-shadow:0 0 10px -5px #000}
.quiz6 ul li:nth-child(4n + 2) .ans-blk-flex .q-num:before,
.quiz6 ul li:nth-child(4n + 2) .ans-blk-flex i,
.quiz6 ul li:nth-child(4n + 2):before { background: #62ab20;}
.quiz6 ul li:nth-child(4n + 3) .ans-blk-flex .q-num:before,
.quiz6 ul li:nth-child(4n + 3) .ans-blk-flex i,
.quiz6 ul li:nth-child(4n + 3):before { background: #208eab;}
.quiz6 ul li:nth-child(4n + 4) .ans-blk-flex .q-num:before,.quiz6 ul li:nth-child(4n + 4) .ans-blk-flex i,.quiz6 ul li:nth-child(4n + 4):before{background:#2275c5}
.quiz6 ul li:nth-child(4n + 2) .ans-blk-flex .q-num:after{border-top:10px solid #69ad2b}
.quiz6 ul li:nth-child(4n + 3) .ans-blk-flex .q-num:after{border-top:10px solid #2b92ad}
.quiz6 ul li:nth-child(4n + 3) .ans-blk-flex i:after{border-left:16px solid #2b92ad}
.quiz7 .ans-blk-flex .q-num{width:76%;overflow:hidden;padding:4px 0;position:relative;display:inline-block;text-align:center;vertical-align:middle;font-size:2rem;color:#fff;margin-top:0;margin-left:0;background:linear-gradient(141deg,#c50097,#ff4f00);border-radius:0 10px 20px 0;box-shadow:3px 3px 9px -2px #00000094}
.quiz7 li:hover{border:2px solid #595959}
.quiz7 li.active{border:2px solid green}
.quiz6 ul li:hover:before{box-shadow:0 0 5px 2px #595}
.quiz6 ul li:hover .q-num:before{background:#fff!important}
.quiz6 ul li:hover .q-num:after{border-top:10px solid #fff!important}
.quiz6 li:hover .ans-blk-flex i:after{border-left:16px solid #595!important}
.quiz7 .answer ul li{position:relative;width:39%;display:inline-block;box-shadow:0 0 14px 1px #979797;margin:27px 25px;transition:.5s}
.quiz7 .ans-blk-flex{display:block;position:relative}
.quiz7 .ans-blk-flex p{display:block;width:94%;padding:10px 13px;font-size:18px}
.quiz7 .ans-blk-flex i{font-size:1.5rem;padding:12px;display:inline-block;vertical-align:middle;color:#0e0e0e;width:9%;text-align:right;text-shadow:2px 2px 6px #000000d1;float:right}
.quiz7 .ans-blk-flex .q-num:before{content:"";width:100%;height:122%;position:absolute;left:0;top:0;transform:rotate(184deg);background:linear-gradient(133deg,#ffffff00 60%,#ffffff30 20%)}
.quiz7 .ans-blk-flex .q-num:after,.zoom-overlay{width:100%;height:100%;position:absolute;left:0;top:0}
.quiz7 .ans-blk-flex .q-num:after{content:"";background:linear-gradient(137deg,#ffffff00 60%,#ffffff30 20%)}
.quiz7 .answer ul li:nth-child(4n + 2) .q-num{background:linear-gradient(141deg,#6100c5,#1f8589)}
.quiz7 .answer ul li:nth-child(4n + 3) .q-num{background:linear-gradient(141deg,#e9d600,#fb0000)}
.quiz7 .answer ul li:nth-child(4n + 4) .q-num{background:linear-gradient(141deg,#002dcf,#00ebfb)}
.quiz7 .ans-blk-flex:before{content:"";width:30%;height:30px;background:#5a5a5a;position:absolute;top:6px;transform:translate(-50%,-50%);left:50%;border-radius:20px;box-shadow:0 0 6px 0 #000}
.quiz.img_Quiz ul li .ans-blk-flex{box-shadow:0 0 10px 0 #e1e1e1;margin-bottom:40px;border-radius:4px}
.quiz.img_Quiz ul li .ans-blk-flex .img_block{width:20%;background:#f5f5f5;padding:10px;position:relative}
.quiz.img_Quiz ul li .ans-blk-flex .img_block img{width:100%;object-fit:contain;max-height:190px}
.quiz.img_Quiz ul li .ans-blk-flex p{padding:20px;width:80%}
.quiz.img_Quiz ul li{list-style:none;position:relative}
.zoom-overlay{transition:.5s;cursor:pointer;opacity:0;display:flex;align-items:center;justify-content:center;font-size:24px;background:radial-gradient(#fff,#00000000)}
.videoIcon.active,.zoom-overlay:hover{opacity:1}
.img_block.active{position:absolute!important;width:100%!important;z-index:9}
.first-slide:before,.resultDiv:before{content:"";width:200px;height:10%;bottom:0}
.quiz.img_Quiz ul li .ans-blk-flex .img_block.active img{width:auto;margin:auto;display:block;max-width:100%;max-height:unset}
.quiz.img_Quiz ul li .ans-blk-flex .img_block.active{box-shadow:0 0 11px -3px #000;border-radius:7px;top:0}
.quiz.img_Quiz ul li .ans-blk-flex .img_block.active .close_img{display:block;position:absolute;top:-7px;right:4px;cursor:pointer;font-size:42px}
.quiz.img_Quiz ul li:first-child .list_num{color:#e7c001}
.quiz.img_Quiz ul li:first-child{border-left:4px solid #e7c001}
.quiz.img_Quiz ul li:nth-child(2) .list_num{color:#62ab20}
.quiz.img_Quiz ul li:nth-child(2){border-left:4px solid #62ab20}
.quiz.img_Quiz ul li:nth-child(3) .list_num{color:#208eab}
.quiz.img_Quiz ul li:nth-child(3){border-left:4px solid #208eab}
.quiz.img_Quiz ul li:nth-child(4) .list_num{color:#2275c5}
.quiz.img_Quiz ul li:nth-child(4){border-left:4px solid #2275c5}
.quiz.img_Quiz ul li .list_num{text-shadow:0 0 5px;padding:7px;font-size:50px;font-weight:600;position:absolute;right:0;top:-30px}
div#chartdiv{display:block;width:400px;height:400px}
#chartdiv,#chartdiv div{margin:-.5em auto;text-align:center;width:400px;height:390px}
.chartContainer{width:600px;height:350px;padding:20px;max-width:93%}
.result{display:flex;width:100%;justify-content:center;align-items:center;position:relative;height:350px;padding:15px 0}
.result-data{display:flex;flex-direction:row}
.date-time p{font-size:19px}
.QAstyle span{display:block;padding:9px 20px;border:1px solid;text-align:center;margin-bottom:20px;width:max-content;border-radius:5px;min-width:130px;font-size:23px}
.QAstyle span.greendot{border:1px solid green;color:green}
.QAstyle span.reddot{border:1px solid #ff2f00;color:#ff2f00}
.QAstyle span.orangedot{border:1px solid #ff870b;color:#ff870b}
.result-data .date-time h5{font-size:50px;margin:0;color:green;text-transform:uppercase}
.submit-all button{background:green;color:#fff;border:0;padding:9px 18px;font-size:20px;text-transform:capitalize;border-radius:12px;margin-top:20px;margin-left:auto;display:block;cursor:pointer;margin-right:10px;position:absolute;bottom:10px;right:0;z-index:9}
.resultDiv:before{background:#fff;position:absolute;right:0;z-index:99}
.first-slide:before{position:absolute;left:0;z-index:9}
.resultDiv{position:absolute;top:0;background:#fff;height:100%;width:100%;left:0}
.resultDiv > h3{background:#040000;margin:0;padding:13px;color:#fff;font-size:26px}
.img-category{display:flex;align-items:center;margin-top:40px}
.concept-backoverlay,.front_video{display:none;z-index:99999;position:fixed}
.img-category div span{position:absolute;top:-10px;right:-10px;width:20px;height:20px;background:#dbdbdb;display:flex;align-items:center;font-weight:700;justify-content:center;padding:10px;border-radius:50%;box-shadow:0 0 5px 0 #ababab}
.img-category div{position:relative;margin:15px}
.img-category div img{border-radius:8px}
.ans-block textarea{width:100%;border:1px solid #ddd;margin-top:20px}
.img_quiz img{max-width:100%;margin:auto;display:block}
.quiz6 ul li img{width:100%;height:160px;max-width:100%;object-fit:contain}
.ans-block.wid-60_img{width:70%;margin:20px auto auto}
.quiz1 .ans-block.wid-60_img .answer ul li:after{left:94%}
img.wid-100{max-width:100%;float:unset}
.contact-img{width:30%;float:right}
.concept-backoverlay{width:100%;height:100%;left:0;top:0;background:#000000d1}
.concept-module-popup object{object-fit:cover;width:100%!important;height:auto!important;min-height:470px}
.front_video{left:50%;top:50%;width:60%;height:580px;transition:.5s;box-shadow:0 0 17px 2px #000;border:7px solid #fff;transform:translate(-50%,-50%);background:#fff}
.front_video .close{cursor:pointer;position:absolute;top:-20px;right:-23px;background:#fff;font-size:34px;box-shadow:0 0 5px 2px #fff;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}
.videoIcon{opacity:0;position:fixed;right:24px;bottom:40px;line-height:0;z-index:999;cursor:pointer;border-radius:6px}
.videoIcon img{width:180px}
.live_lab{width:60%}
.videoIcon h3{font-weight:600;margin:0;text-align:center}
.FlagIcon{transition:5s;position:fixed;bottom:0;right:100%;z-index:9999;cursor:pointer}
.FlagIcon.active{right:-215px}
.FlagIcon img{width:500px}
ul#bannerSlider li:first-child{display:block!important}
.erp-slider-block p{margin:14px 0 0;width:100%;text-align:center;font-size:14px;line-height:24px}
.educator-flex + p{margin-top:10px}
button.educator-btn a{padding:8px 9px;display:block;font-size:18px;color:#fff}
button.educator-btn{background:#dc9400;border:0;border-radius:5px;box-shadow:0 0 6px 0 #979797}
p.sub-heading a{font-weight:inherit;color:inherit!important}
img.right-img{width:430px;float:right;margin-left:30px}
img.left-img{width:430px;float:left;margin-right:30px}
.blog-blk-6 > div{box-shadow:-15px 12px 10px -11px #c9c9c9;padding:20px;width:100%;background:#f5f5f5;margin:20px;border-left:9px solid #025974;border-radius:10px;background:linear-gradient(49deg,#f5f5f5 80%,transparent 50%)}
.blog-blk-6 > div p.sub-heading{margin-top:6px!important}
/* guideline */
.guideline_blk h1{text-align:center;font-family:'Times New Roman',Times,serif;font-weight:700;color:#FF4848}
.guideline_blk h3{font-size:25px;margin-bottom:-10px;color:#3d3d3d;font-family:Mulish;font-weight:700}
.guideline_blk .care{display:flex;justify-content:center;gap:0 17px}
.guideline_blk .care img{height:80px;margin:auto;display:block}
.guideline_blk .developername img{height:80px;margin:auto;display:block}
.guideline_blk h6{text-align:center;color:#42598c;font-family:'Mulish';font-weight:700}
.guideline_blk .developername p{text-align:center;font-size:13px;margin:0;font-weight:700;color:#555453;font-family:Mulish}
.guideline_blk .care p{text-align:center;color:#555453;font-family:Mulish;font-weight:700;font-size:13px;margin-bottom:0}
.guideline_blk .developername{margin:auto;margin-top:15px;box-shadow:0 5px 15px -7px #00000069;width:77%}
.guideline_blk .appname{margin:auto;margin-top:15px;box-shadow:0 5px 15px -7px #00000069;width:77%}
.guideline_blk .educationapp p{text-align:center;font-size:20px;font-family:Mulish;color:#4f4f4f;padding:35px;font-weight:700}
.guideline_blk .educationapp{margin-top:15px;box-shadow:0 5px 15px -7px #00000069;width:95%}
.guideline_blk .contents ol li{color:#3c5389;font-family:Mulish;font-weight:700;font-size:18px;margin-bottom:20px}
.guideline_blk .contents ul li{color:#000;font-weight:400;font-size:16px;margin:0;text-align:justify;padding:0}
.guideline_blk .contents ul.level1{list-style:disc}
.guideline_blk .contents ul.level2{list-style:circle;padding:0}
.guideline_blk .contents ul.level3{padding:0}
.guideline_blk .contents span{color:#3c5d9f;font-weight:600}
.guideline_blk .contents{margin-top:40px}
.guideline_blk .contents ol{column-count:2;column-gap:40px;list-style-position:inside}
.guideline_blk .note p{font-style:italic}
.guideline_blk .contents img{width:30%;opacity:21%;position:absolute;z-index:-1;right:0;bottom:0}
.noStyleForAnchorTag{color:#000!important}
.inner__page h2.sub-heading{color:#2f2483;font-size:25px;font-weight: bold;}
.forAdjustingThePadding{padding-top:30px;padding-bottom:30px;}
.selection{margin-top:0!important;margin-bottom:70px!important}
.portal .heading h2{font-size:30px;font-weight:500;color:#000!important}
.heading h2{text-align:center;font-size:40px;position:relative;font-weight:500;width:max-content;margin:auto;max-width:100%;line-height:48px}
.heading h2::after{content:"";width:66%;height:2px;background:radial-gradient(#cb0000,transparent);position:absolute;transform:translate(-50%,-50%);left:50%;top:117%}
.title_head h2{font-size:27px;font-weight:600}
h2.green{color:#00843e}
.heading h2{text-align:center;font-size:30px;position:relative;font-weight:500;width:max-content;margin:auto;max-width:100%;line-height:30px}
.mobileModule-list h2{text-align:center;font-size:26px;font-weight:500;color:#2f2483}
.form_block.modal_content .modal_text p a{color:#000}
.form_block.modal_content .modal_text p a:hover{color:#ffb444ff}
/* ------------------------------------
Light Slider
---------------------------------------*/
.lSSlideOuter .lSPager.lSpg > li {
padding: 30px 5px 10px !important;
}
li.lslide {
margin: 0;
}
.lSSlideOuter {
overflow: hidden;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lightSlider:before,
.lightSlider:after {
content: " ";
display: table;
}
.lightSlider {
overflow: hidden;
margin: 0;
}
.lSSlideWrapper {
max-width: 100%;
overflow: hidden;
position: relative;
}
.lSSlideWrapper > .lightSlider:after {
clear: both;
}
.lSSlideWrapper .lSSlide {
-webkit-transform: translate(0px, 0px);
-ms-transform: translate(0px, 0px);
transform: translate(0px, 0px);
-webkit-transition: all 1s;
-webkit-transition-property: -webkit-transform, height;
-moz-transition-property: -moz-transform, height;
transition-property: transform, height;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
position: relative;
}
.lSSlideWrapper .lSFade > * {
position: absolute !important;
top: 0;
left: 0;
z-index: 9;
margin-right: 0;
width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
opacity: 0;
-webkit-transition-delay: 0;
transition-delay: 0;
-webkit-transition-duration: inherit !important;
transition-duration: inherit !important;
-webkit-transition-property: opacity;
transition-property: opacity;
-webkit-transition-timing-function: inherit !important;
transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > .active {
z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > .active {
opacity: 1;
}
.lSSlideOuter .lSPager.lSpg {
margin: 10px 0 0;
padding: 0;
text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
cursor: pointer;
display: inline-block;
padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
background-color: #b4adad87;
border-radius: 30px;
display: inline-block;
height: 8px;
overflow: hidden;
text-indent: -999em;
width: 8px;
position: relative;
z-index: 99;
-webkit-transition: all 0.5s linear 0;
transition: all 0.5s linear 0;
}
.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
background-color: #494343;
}
.lSSlideOuter .media {
opacity: 0.8;
}
.lSSlideOuter .media.active {
opacity: 1;
}
.lSSlideOuter .lSPager.lSGallery {
list-style: none outside none;
padding-left: 0;
margin: 0;
overflow: hidden;
transform: translate3d(0px, 0px, 0px);
-moz-transform: translate3d(0px, 0px, 0px);
-ms-transform: translate3d(0px, 0px, 0px);
-webkit-transform: translate3d(0px, 0px, 0px);
-o-transform: translate3d(0px, 0px, 0px);
-webkit-transition-property: -webkit-transform;
-moz-transition-property: -moz-transform;
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
overflow: hidden;
-webkit-transition: border-radius 0.12s linear 0 0.35s linear 0;
transition: border-radius 0.12s linear 0 0.35s linear 0;
}
.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
display: block;
height: auto;
max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before,
.lSSlideOuter .lSPager.lSGallery:after {
content: " ";
display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
clear: both;
}
.lSAction > a {
width: 32px;
display: block;
top: 50%;
height: 32px;
background-image: url(../img/controls.webp);
cursor: pointer;
position: absolute;
z-index: 99;
margin-top: -16px;
opacity: 0.5;
-webkit-transition: opacity 0.35s linear 0;
transition: opacity 0.35s linear 0;
}
.lSAction > a:hover {
opacity: 1;
}
.lSAction > .lSPrev {
background-position: 0 0;
left: 10px;
}
.lSAction > .lSNext {
background-position: -32px 0;
right: 10px;
}
.lSAction > a.disabled {
pointer-events: none;
}
.cS-hidden {
height: 1px;
opacity: 0;
filter: alpha(opacity=0);
overflow: hidden;
}
.lSSlideOuter.vertical {
position: relative;
}
.lSSlideOuter.vertical.noPager {
padding-right: 0 !important;
}
.lSSlideOuter.vertical .lSGallery {
position: absolute !important;
right: 0;
top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
width: 100% !important;
max-width: none !important;
}
.lSSlideOuter.vertical .lSAction > a {
left: 50%;
margin-left: -14px;
margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
background-position: 31px -31px;
bottom: 10px;
top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
background-position: 0 -31px;
bottom: auto;
top: 10px;
}
.lSSlideOuter.lSrtl {
direction: rtl;
}
.lSSlideOuter .lightSlider,
.lSSlideOuter .lSPager {
padding-left: 0;
list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider,
.lSSlideOuter.lSrtl .lSPager {
padding-right: 0;
}
.lSSlideOuter .lightSlider > *,
.lSSlideOuter .lSGallery li {
float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,
.lSSlideOuter.lSrtl .lSGallery li {
float: right !important;
}
@-webkit-keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@keyframes rightEnd {
0% {
left: 0;
}
50% {
left: -15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@keyframes topEnd {
0% {
top: 0;
}
50% {
top: -15px;
}
100% {
top: 0;
}
}
@-webkit-keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@keyframes leftEnd {
0% {
left: 0;
}
50% {
left: 15px;
}
100% {
left: 0;
}
}
@-webkit-keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
@keyframes bottomEnd {
0% {
bottom: 0;
}
50% {
bottom: -15px;
}
100% {
bottom: 0;
}
}
.lSSlideOuter .rightEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lSSlideOuter .leftEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .rightEnd {
-webkit-animation: topEnd 0.3s;
animation: topEnd 0.3s;
position: relative;
}
.lSSlideOuter.vertical .leftEnd {
-webkit-animation: bottomEnd 0.3s;
animation: bottomEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
-webkit-animation: leftEnd 0.3s;
animation: leftEnd 0.3s;
position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
-webkit-animation: rightEnd 0.3s;
animation: rightEnd 0.3s;
position: relative;
}
.lightSlider.lsGrab > * {
cursor: -webkit-grab;
cursor: -moz-grab;
cursor: -o-grab;
cursor: -ms-grab;
cursor: grab;
}
.lightSlider.lsGrabbing > * {
cursor: move;
cursor: -webkit-grabbing;
cursor: -moz-grabbing;
cursor: -o-grabbing;
cursor: -ms-grabbing;
cursor: grabbing;
}
.alumnidisplay-none {
display: none;
}
ul.contact-info div p {
margin-bottom: 0;
font-size: 14px;
font-weight: 600;
}
/* student-reg-content css */
.student-reg-content h2,h3{text-align:left;margin-bottom:20px;font-size:20px}
.blog-entab-container p{color:#141414;text-align:justify}
.blog-entab-container div{margin-bottom:30px}
.blog-entab-container .student-online-features img{display:block;margin:auto;width:50%}
.blog-entab-container .student-online-key-features h2{font-weight:700;text-align:center;text-decoration:underline}
.blog-entab-container .entab-one-choice img{display:block;margin:auto;width:50%}
.blog-entab-container .nep.new h1{text-align:center;font-size:32px;position:relative;font-weight:500;max-width:100%;line-height:1.25}
.blog-entab-container h4{margin-bottom:20px!important;margin-top:20px!important;color:#2f2483;font-size:22px;font-weight:500}
.blog-entab-container .nep.new h4{font-size:22px;color:#2f2483;font-weight:500}
.blog-entab-container h5 strong{font-size:18px;color:#2f2483;font-weight:500}
.blog-entab-container h5{font-size:18px;color:#3e2ccb;font-weight:500}
.blog-entab-container .nep.new h3{text-align:left;font-size:20px}
.blog-entab-container .nep.new ol li{list-style:decimal;font-size:17px;line-height:32px;text-align:justify}
.blog-entab-container .nep.new li > h3{text-align:left;font-size:20px;margin:0}
#first_image_blog_release_image{float:right;padding:20px;border-radius:33px}
.blog-entab-container img{margin:auto;display:block;margin:10px auto;display:block}
#first_image_blog_release_image{max-width:375px}
.blog-entab-container ul li{list-style:circle}
.blog-entab-container .photo-blog img{max-width:100%;height:auto}
.entab-one-choice ul {list-style-type: disc;padding-left: 20px;margin: 10px 0;}
.entab-one-choice ul li {font-size: 16px;line-height: 1.6;color: #333333;margin-bottom: 8px;}
.blog-entab {
background: #2881e4;
margin-bottom: 20px;
border: solid 1px #eee;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
background: linear-gradient(
180deg,
rgba(255, 255, 255, 1) 0%,
rgb(150 217 255 / 57%) 100%
);
border-radius: 20px;
height: 50px;
}
.blog-entab img {
width: 30%;
display: none;
}
.blog-entab p {
margin: 0;
line-height: 55px;
font-size: 15px;
text-align: left;
}
.blog-entab-container img:nth-of-type(1) {
margin: auto;
display: block;
}
/* blog_seo_entab */
.custom-card{border:none;border-radius:1rem;box-shadow:0 6px 15px #00000026;transition:transform .2s ease-in-out;margin:0 0 20px}
.custom-card:hover{transform:translateY(-5px)}
.custom-card img{border-top-left-radius:1rem;border-top-right-radius:1rem;height:360px;padding:10px;object-fit:cover;object-position:center;border-radius:30px}
.card-title{font-size:22px;font-weight:700;text-transform:uppercase;margin-bottom:.75rem;text-align:left;color:#1a1a1a;min-height:48px}
.card-text{font-size:.95rem;line-height:1.5;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:68px;text-align:left}
.date{font-size:.8rem;color:gray;margin-bottom:1rem}
/* .btn-primary{border-radius:30px;padding:.4rem 1.5rem;font-weight:500;transition:background-color .3s ease;background:linear-gradient(180deg,#5569bb,#273055);color:#fff;border:solid 1px #030f42;margin:15px 0 0}
.btn-primary:hover{background:green} */
.breadcrumb{position:relative}
.breadcrumb img{width:100%;height:auto}
.breadcrumb .carousel__section ul{padding-left:0;position:relative;margin:0}
.breadcrumb .carousel__section p{font-size:14px;text-transform:uppercase;color:#000;margin:0}
.breadcrumb__list{letter-spacing:2px}
.breadcrumb__list a{color:#000;font-weight:600}
.logo_img{width:10%;position:absolute;top:1px;z-index:99;left:15px}
.innerbody{min-height:600px}
.innerbody h1{font-size:26px;font-weight:800;margin-bottom:12px;color:#00358e;letter-spacing:1px;position:relative;display:inline-block}
.innerbody h1::after{content:"";display:block;width:60px;height:3px;background-color:#00358e;margin:8px auto 0;border-radius:2px}
.innerbody h2{font-size:21px;font-weight:800;color:#0050d4;letter-spacing:1px;position:relative;text-align:center}
.innerbody h2::after{content:"";display:block;width:60px;height:3px;background-color:#0050d4;margin:8px auto 0;border-radius:2px}
.innerbody h3{font-size:21px;font-weight:800;margin:12px 0;color:#0050d4;letter-spacing:1px;position:relative;text-align:center}
.innerbody h3::after{content:"";display:block;width:60px;height:3px;background-color:#0050d4;margin:8px auto 0;border-radius:2px}
.innerbody h4{font-size:17px;font-weight:600;color:#0050d4;text-transform:uppercase;letter-spacing:1.5px;text-align:center;margin:20px auto}
.innerbody p{font-size:16px!important;color:#333;text-align:center!important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:28px!important;margin:20px auto 1px}
.innerbody ul li{text-align:left;line-height:29px;color:#141414;font-size:17px}
.innerbody p .left_image{height:356px;float:right;padding:20px;border:2px solid #333;border-radius:20px;margin:20px}
#footer .copyright-text{border-style:dashed;border-width:1px 0 0;border-color:#7e7e7e61;transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow .3s;padding:10px 0 0;color:#044970;font-size:13px;letter-spacing:0;text-align:center;background-color:#deebff}
.magnify-image.image-ready{display:block!important}
.photo-blog img{width:100%;border-radius:12px;object-fit:cover;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #00000026;border:2px solid #333;padding:20px;border-radius:20px}
.photo-blog img:hover{transform:scale(1.05);box-shadow:0 6px 18px #00000040;cursor:pointer}
.video-popup{position:relative;display:inline-block;margin:20px auto;text-align:center}
.video-popup .video-thumb{max-width:100%;border-radius:15px;box-shadow:0 6px 20px #00000040;max-height:276px}
.video-popup .video-thumb_blog{max-height:522px!important}
.video-popup .video-play-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#fffe;color:#273055;font-size:32px;font-weight:700;border-radius:50%;width:70px;height:70px;line-height:70px;text-align:center;box-shadow:0 4px 15px #0000004d;transition:all .3s ease;text-decoration:none}
.video-popup .video-play-btn:hover{background:linear-gradient(180deg,#5569bb,#273055);color:#fff;transform:translate(-50%,-50%) scale(1.1)}
.innerbody h1,.innerbody h2{position:relative}
.innerbody h1::after,.innerbody h2::after{content:"";display:block;width:60px;height:4px;margin-top:10px;border-radius:2px}
#buttom_whatsapp{position:fixed;bottom:20px;right:20px;background:#25d366;border:none;border-radius:50%;padding:12px;cursor:pointer;z-index:1000;box-shadow:0 6px 15px #0000004d;transition:transform .3s ease}
#buttom_whatsapp img{width:35px;height:35px}
#buttom_whatsapp:hover{transform:scale(1.1)}
.features-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:30px;margin-top:40px;max-width:960px;margin-left:auto;margin-right:auto}
.feature-card{background:#fff;box-shadow:0 4px 20px #00358e1a;border-radius:15px;padding:30px 20px;flex:1 1 440px;display:flex;gap:20px;transition:transform .3s ease,box-shadow .3s ease;align-items:flex-start;border-left:6px solid transparent;min-height:200px}
.feature-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #00358e40}
.feature-card:nth-child(1){border-left-color:#007bff}
.feature-card:nth-child(2){border-left-color:#28a745}
.feature-card:nth-child(3){border-left-color:#ffc107}
.feature-card:nth-child(4){border-left-color:#17a2b8}
.feature-card .icon{font-size:40px;color:#00358e;flex-shrink:0;margin-top:4px;min-width:48px;text-align:center}
.feature-card .content h3{margin-top:0;margin-bottom:12px;color:#00358e;font-weight:700;font-size:18px;letter-spacing:.02em;line-height:1.2;transition:color .3s ease;text-align:center}
.feature-card:hover .content h3{color:#0050d4}
.feature-card .content p{margin:0;font-size:16px;line-height:1.6;color:#444}
.p_left p{text-align:left!important}
.flex-list{display:flex;flex-wrap:wrap;gap:16px;padding:0;margin:0;list-style-position:inside}
.flex-list li{flex:1 1 calc(33.33% - 16px);box-sizing:border-box}
/* Media Quiry */
@media (max-width: 1600px) {
img.left-img,img.right-img{width:400px}
.demo-content ul li{width:45%}
.stages > div p{text-align:left;font-size:16px}
.slideshow-container_selection div h3{font-size:21px}
.rhex{left:35%}
.blog-list .blog img,.preSchool__management-container,.website-development .d-flex > div img{width:100%}
.teaching-modules > div{width:27%}
.management-modules > div{width:25%}
.slideshow-container_selection > div{width:18%;margin-top:-217px}
.mySlides img{height:auto;margin-top:100px}
.carousel::before{height:767px;left:-50%}
ul#contentSliderBanner li img{width:82%;float:right}
.breadcrumb img{width:100%;height:auto}
.chart-view{width:640px;height:400px}
img.shape1,img.shape2{width:80px!important}
canvas#myChart{max-height:430px}
.carousel__section ul li h2{padding:10px 23px 0;font-size:28px}
.carousel__section ul li p{font-size:14px;line-height:29px}
.carousel__section{width:420px;min-height:400px}
.carousel__section ul li h2 span{line-height:51px;margin-bottom:15px}
.block__box-container .block__box-list img{height:170px;max-width:100%;padding:5px}
.block__box-container .block__box-list{margin:28px;width:94%;padding:10px 0}
.block__box-content > div{padding:4px;min-width:143px;width:28%}
.block__box-content > div img{width:51px}
.block__box:nth-child(2) p{font-size:17px;margin:10px 0}
.block__box:nth-child(2) h1{font-size:31px}
.block{padding:90px 40px}
.dark__block .dark__block-box > img{width:320px}
.dark__block .dark__block-box .dark__block-img img{width:59px}
.dark__block--container .dark__block-list p{font-size:14px}
.decades-blk h3{font-size:29px}
.decades-blk h2 img{width:68px}
.decades-blk div span{font-size:8px}
.dark__block--container .dark__block-list{width:100%;margin:30px 12px 0;text-align:center}
.dark__block::before{left:-36%;top:-44%}
.dark__block::after{width:680px;height:865px;top:-175%}
.decades-blk{margin-bottom:28px;justify-content:center;width:339px}
.k12-block .k12-block__container{width:91%}
.erp-software::before{right:-369px;top:-260px}
.erpSoftware > div:nth-child(2){width:40%}
.preSchool__management-container .preSchool__management-list img{width:72px}
.preSchool__management p{font-size:18px}
.img-blk{position:relative;width:39%;margin-bottom:62px}
.mobile__apps-content ul li{font-size:19px}
.mobile__apps-content ul li > div{font-size:16px}
.mobile__apps-content p{font-size:17px}
.apps-blk > div p{font-size:15px}
.apps-blk div ul li img{width:28px}
.apps-blk div img{width:80px}
.footer-blk{display:flex;width:90%}
.features > div,.footer-blk .download-app{width:28%}
ul#contentSlider{min-height:370px}
.select-category > div{width:44%}
.preschool__functions.pre-benifits > div{width:80%}
}
@media (max-width: 1400px) {
.eduzone .selectedu img{width:100%;height:200px}
.eduzone .selectedu p{font-size:16px;line-height:24px;-webkit-line-clamp:3;overflow:hidden;height:6rem}
.block__box-container .block__box-list img{height:80%}
.block__box-content{flex-wrap:wrap;justify-content:center;margin-top:40px}
.block__box-container .block__box-list:hover .content{height:89%}
.learner-app .block__box{margin-top:40px}
.block__box-content > div{width:32%;margin-bottom:50px}
.videoIcon img{width:179px}
.videoIcon h3{font-size:14px;line-height:26px}
.exploreMore{font-weight:400;margin:20px}
.front_video{height:460px}
ul.tags li{font-size:16px}
.educator-flex{display:flex;align-items:center;flex-direction:column}
.app-download p a,.contact-details > div p,.quick-link p{font-size:15px;margin-top:5px}
.app-download h4{font-size:14px!important;line-height:20px;margin-bottom:2px!important}
.block__box-container .block__box-list .content,.preSchool__management p{font-size:16px}
.subscription_block .plans h2{font-size:50px;width:100px;height:100px}
.buttons > div{padding:11px 0}
.buttons > div img{width:34px}
.block__box:nth-child(2) img{height:165px}
#k-12{margin-top:0}
.k12-block{padding:0 35px 30px}
.block__box:nth-child(2) h1{padding:30px 19px 0;font-size:28px}
.block__box-content > div p{margin:3px;font-size:16px;line-height:26px}
.block__box-container .block__box-list{margin:0 10px 10px;width:98%}
.block__box{width:66%;padding-right:27px}
.block__box-content > div h4{font-size:17px;margin-bottom:6px}
.teaching-modules > div{width:27%;padding:20px 23px}
.stages > div{width:20%;padding:0 11px}
.sub-menu ul{flex-direction:column;padding:0 15px;max-height:560px;overflow-y:scroll}
.management-modules > div{width:25%;margin:14px 0}
.preschool__functions > div{margin:10px}
.preschool__functions.pre-benifits > div p,.rating{font-size:18px}
.apps-blk > div{width:100%}
.preSchool__management-container .preSchool__management-list p{min-height:0}
.mobile__apps-content{padding:50px 40px}
.apps-blk div img{margin-right:11px}
.apps-blk > div p{font-weight:600;font-size:14px}
.apps-blk div ul li img{width:21px}
.dark__block::before{left:-41%;top:-64%}
.dark__block .dark__block-box > img{width:231px}
.dark__block--container .dark__block-list p{width:168px}
.decades-blk h3 span{font-size:20px;margin-top:-2px;color:#828282}
.slideshow-container_selection > div{width:22%;margin-top:-110px}
.preSchool__management > div:nth-child(2){padding:79px 43px}
.buyNow{width:60%}
.footer-blk{display:flex;width:97%}
.blog-list .blog,.form-block .input-list > div{width:47%}
.breadcrumb .carousel__section ul li span{margin-bottom:11px;font-size:33px}
.chart-view{bottom:60px}
.k12-block .k12-block__container{width:100%;margin:0}
.block__box-container .block__box-list .content i{right:8px}
img.shape1{bottom:-12px}
img.shape2{margin-top:300px!important}
.preSchool__management p.sub-heading{margin-bottom:20px}
.view-more.exploreMore{z-index:9}
.mobile__apps-content h3,.our-engagements h3,.preSchool__management h3{font-size:33px}
.img-blk > div img{width:39px}
.img-blk > div{margin-bottom:12px}
.download{font-size:20px;right:60px;top:10%}
.download img,.rating img{width:30px}
.mobile__apps-content ul li > div{font-size:14px}
.circle__Rays{position:absolute;width:110px;height:110px}
.preSchool__management > div:first-child::before{width:530px;height:530px}
.portal__block{margin:40px 0}
.features > div{width:27%}
.inner__page p{font-size:18px;line-height:32px}
.select-educator-list > p{-webkit-line-clamp:2;line-height:28px}
.preschool__functions > div p{line-height:28px}
.selected__block img{width:410px}
.coverage-list > div{width:28%}
.form-block h3{min-width:300px}
.select-educator ul#content-slider-educator{width:25%;margin-right:30px;height:1500px}
.educator-flex img{width:170px!important}
.carousel__section ul li h2{font-size:25px;display:flex;flex-wrap:wrap}
ul#contentSlider li .exploreMore{margin-bottom:30px}
.carousel__section ul li p{font-size:13px;line-height:23px}
.carousel__section{min-height:360px}
ul#contentSlider{min-height:340px}
ul#contentSliderBanner li img{width:88%}
.carousel::before{width:894px}
}
@media (max-width: 1298px) {
.dark__block::before{left:-47%;top:-64%}
}
@media (max-width: 1200px) {
.eduzone .selectedu,.newsletters > div{width:30%}
.eduzone .selectedu img{width:100%;height:170px}
.demo-images{position:relative;min-width:unset}
.demo-content ul li{width:100%;margin:10px 0}
.form-block .form{margin-left:0}
.block__box:nth-child(2) ul li{line-height:30px;font-size:16px}
.blog-page,.campuskidz,.demo-section,.modules .modules__heading,.our-story-blk,li.selected-list{flex-direction:column}
.sub-menu ul li > h4,.teacher-app ul li{width:100%}
.inner__page p{font-size:15px;line-height:26px}
.wid_less{width:70%!important}
.live_lab,.practice_worksheet .question-answer-blk .mcqs{max-height:80vh;overflow:scroll;min-height:76vh}
.subscription_block{width:90%}
.selected__block img{width:310px}
.modules > div{width:47%}
.teaching-modules > div{padding:20px 14px}
.decades-blk h3 span{font-size:16px;margin-top:-2px;color:#540000}
.stages,.team-member{flex-wrap:wrap}
.stages > div{width:47%;margin-bottom:43px}
.stages:before,.stages > div:after{display:none}
.decades-blk{width:289px;margin-bottom:0}
.dark__block::before{left:-600px;top:-64%}
.dark__block .dark__block-box:nth-child(2),.demo-section:nth-child(odd),.form-block,.quiz5 .answer{flex-direction:column-reverse}
.dark__block--container{margin:0;width:100%}
.blog-page > div.tag-list,.breadcrumb img,.dark__block--container .dark__block-list p,.select-category > div,ul#contentSliderBanner li img{width:100%}
.block__box:first-child{width:100%!important;padding-right:0!important}
.block__box-container .block__box-list{margin:28px 12px}
.preSchool__management > div:nth-child(2){padding:39px 43px}
.slideshow-container_selection div h3{font-size:22px;color:#fff;margin:10px 0 0}
.slideshow-container_selection > div{width:26%;border-radius:12px;padding:10px 9px 40px;height:460px}
.buyNow{width:80%}
.buyNow form#contact{padding:0 40px 30px}
.connect-us{flex-wrap:wrap;display:flex;justify-content:space-between}
.connect-us > div{margin:8px 0;width:46%}
.our-story-blk > div{width:100%!important;padding-left:0;padding-right:0}
.chart-view{width:400px;height:300px}
li.btn_blk{padding:7px 10px;cursor:pointer}
.k12-block--list .video-blk .video-blk-list{width:156px}
.k12-block .k12-block__container{background-size:100% 103%}
.erp-software::before{content:"";width:730px;height:730px}
.circle__Rays{right:37%;top:-6%}
.img-blk{margin:25px 25px 61px}
.engagement-blk img{height:100px}
.apps-blk > div ul{margin:3px 0}
.apps-blk > div{margin-right:1px;border-radius:21px}
.apps-blk > div p{width:100%;text-align:center}
.mobile__apps-img::before{content:"";width:430px;height:430px}
.footer-blk .download-app{width:27%}
.app-download img{width:62px!important}
.mobile-blk .app-download{margin:15px 0;padding:4px 10px}
.mobile-blk .app-download h4{font-weight:600;font-size:14px;margin-bottom:5px;line-height:24px}
.mobileModule-list ul li{display:flex;margin-bottom:22px;align-items:center;position:relative;width:70%;background:#fff;margin-left:20px;padding:15px 10px;border-radius:8px}
.block{flex-direction:column;padding:30px 40px}
.block__box{margin-top:40px;padding-left:0;width:100%!important}
.selection .selection__block{width:27%;padding:20px 16px 8px}
.modules > div > div{box-shadow:#ddd 0 0 5px 0;background:#f6f6f6;padding:14px 9px 10px;position:relative}
.modules .modules__heading img{margin-right:0;margin-bottom:10px}
.coverage-list > div,.features > div{width:42%}
.campuskidz > div{width:100%;padding:0}
form#contact{padding:0 10px}
.form{padding:19px 30px}
.awards-list > div{width:22%}
.team-member > div{flex-direction:column;justify-content:center;align-items:center;width:100%}
.team-member > div img{margin:10px auto}
.form-block h3,.form-block p{text-align:center;margin-right:0}
.select-educator ul#content-slider-educator{width:31%}
.blog-list .blog{width:48%;margin:0 9px 20px}
.ed-talk ul li{width:33%}
.carousel__section{min-height:360px;padding-top:0}
.app-download p{display:flex;flex-direction:column;line-height:27px}
.question-answer-blk{width:95%;padding:0 5px}
.quiz4 li:nth-child(2),.quiz4 li:nth-child(4){margin-left:14px}
.ans-feild{width:100%;padding-left:0}
.quiz1 .answer ul li:after{width:66px;top:-2px;left:92%!important}
.our-story-yr img{margin:auto;max-width:100%;display:block;width:auto}
.guideline_blk .educationapp p{padding:24px}
}
@media (max-width: 991px) {
.form_block.request_demo {width: 80% !important;}
.entab-wrapper {display: block;}
.entab-divider { height:10px;}
.breadcrumb,header > div > ul > li{position:relative}
img.left-img,img.right-img{width:300px}
.blog-innerPage .heading h1{font-size:31px;line-height:35px}
.features > div,.mobileModule-list:first-child .mobile-blk > div:nth-child(2) > img,.quiz3 .answer ul{width:40%}
.erpSoftware > div:first-child,.erpSoftware > div:nth-child(2),.our-story-yr,.selected__block img,.stages > div,li.selected-list p,ul#contentSliderBanner li img{width:100%}
.concept-module-popup{width:90%;padding:10px}
.connect-us h4 span{display:block;margin-top:7px;font-size:15px;font-weight:500}
.contact-img{float:unset;margin:auto;width:60%}
.address{width:95%}
.select-educator-list > p{font-size:14px}
.preschool__functions.pre-benifits > div,.preschool__functions > div{width:39%}
.portal__block img,.portal__block:nth-child(odd) img{width:50%;display:block;margin:auto;float:unset}
.quiz1 .answer ul li{margin-left:50px}
.breadcrumb{max-height:237px}
.sub-menu,.sub-menu ul,header > div{position:static}
.decades-blk,.wid_less{margin:auto}
.k12-block .bg-icon3{left:81%}
.k12-block .bg-icon5{right:16%;top:26%}
.k12-block .bg-icon1{left:83%}
.decades-blk h3{font-size:33px}
.block__box-content > div p{width:80%}
.content_block{top:47%;left:5%;width:270px}
.live_lab,.practice_worksheet{min-width:80%;width:90%}
.live_lab .module_flex,.practice_worksheet .question-answer-blk .mcqs{max-height:450px;overflow:scroll}
.ans-block.wid-60_img{width:80%!important;padding:0}
.star.star-6{left:57%}
.star.star-5{left:37%}
.star.star-4{left:42%}
.star.star-3{left:56%}
.star.star-2{left:48%}
.star.star-1{left:58%}
.subscription_block > div{width:84%;margin:40px 0}
.subscription_block,.support-contact .d-flex{flex-wrap:wrap}
.btn_blk:before{display:none!important}
li.showSub:before{transform:rotate(179deg)}
.sub-menu ul li{width:94%}
header.active li{padding:16px 18px}
.campuskidz_block > div > img,.carousel::before,header ul li:hover .sub-menu,header > div > ul{display:none}
.showSub .sub-menu{display:block!important}
.helpdesk .d-flex:nth-child(2),.helpdesk .d-flex:nth-child(2n),.mobileModule-list:nth-child(odd) .mobile-blk,.preSchool__management,.website-development .d-flex:nth-child(2){flex-direction:column-reverse}
.resultDiv{top:0;width:105%!important;left:-9px;z-index:9}
.result{flex-direction:column;height:auto!important}
.resultDiv:before{right:50px;height:61px;width:110px}
.form-block .input-list > div,.module_flex > div,.newsletters > div,.videos-video-block .video{width:48%}
.teaching-modules > div{width:43%}
.management-modules > div{width:33%}
.mobile-blk > div:nth-child(2) > img{width:auto!important;max-width:100%}
.wid_less{width:46%!important}
.ans-block,.campuskidz_block,.educator-flex,.erpSoftware,.flexBox,.form,.mobile-blk,.mobile__apps,.select-educator,.slideshow-container_selection{flex-direction:column}
.campuskidz > div:first-child{width:65%;margin:auto auto 20px}
.slideshow-container_selection > div a{display:flex;align-items:center}
.close_form,ul.menu_button{display:block}
.slideshow-container_selection > div a div{width:99%}
.dark__block .dark__block-box{justify-content:center}
.block__box-content > div{padding:2px;width:49%;margin-bottom:20px;justify-content:flex-start}
.block__box-content{flex-wrap:wrap;margin-top:40px}
header.active .menu-bar img{width:30px}
.content_block h3{font-size:26px;color:red;margin-bottom:9px;line-height:37px}
.content_block p{font-size:18px;color:red;margin:auto;line-height:28px;text-align:left}
.content_block button{padding:5px 10px;font-size:14px;margin-top:10px}
.slideshow-container_selection div ul{position:static;height:unset;width:93%}
.slideshow-container_selection div:hover ul{height:unset;margin:unset}
.slideshow-container_selection div:hover p{opacity:1}
.slideshow-container_selection > div{margin:20px auto auto;width:93%;height:unset;padding-bottom:15px;min-height:auto}
.clr-40{width:100%;height:20px}
li.btn_blk{width:max-content;text-align:center;display:inline-block}
.mySlides img{height:auto;margin-top:0}
.block__box-container .block__box-list{margin:6px}
.pop-up-video{width:90%}
header.menuActive > div > ul{max-height:81vh;overflow-y:scroll;position:absolute;top:100%;left:1%;box-shadow:#bbb 0 0 5px 0;width:95%;padding:20px 11px}
header li.exploreMore{margin:16px 30px 10px}
.support-contact .d-flex > div{width:33%;margin:10px 0}
.breadcrumb .carousel__section ul{margin:5px 0}
.breadcrumb .carousel__section ul li span{margin-bottom:11px;font-size:25px;line-height:32px}
.breadcrumb .carousel__section p{font-size:14px;width:100%;text-align:center;line-height:26px}
p.breadcrumb__list{font-size:13px!important}
.breadcrumb img{height:auto}
.helpdesk .d-flex,.website-development .d-flex{flex-direction:column;align-items:center;justify-content:center}
.chart-view{bottom:0;width:90%;height:90%}
.menu-bar{display:block;z-index:999;cursor:pointer}
.block{padding:0 40px 40px}
.sub-menu ul{max-height:unset;flex-direction:column;padding:10px 13px;top:0}
.sub-menu{box-shadow:#ddd 1px 0 5px 0}
.menu-bar img{width:30px;margin-right:0;float:right;padding-left:0;margin-left:auto}
header{background:#fff;align-items:center}
header > ul{width:50%;position:fixed;right:0;padding-top:60px;background:#fff;height:100vh;overflow:scroll;padding-right:20px;top:0;z-index:999}
.dark__block .dark__block-box > img{margin:auto;display:block}
.dark__block::before{left:0;transform:unset;top:0;width:100%!important;height:40%!important;border-radius:0 0 0 150px}
.quick-link{padding:10px 0}
.footer-blk{width:91%;flex-direction:column;padding:20px 0 10px}
.dark__block--container .dark__block-list p{margin:30px auto auto;display:block}
.carousel__section ul li h2 span{display:inline}
.carousel__section{position:relative;width:69%;margin:20px 0;padding-top:6px}
.carousel img{width:100%;float:unset;height:unset!important}
.carousel img.abs_block{width:auto;bottom:97px;height:60%!important}
.dark__block,.k12-block .k12-block__container{overflow:hidden;padding-top:0;flex-direction:column}
.k12-block--list .video-blk .video-blk-list{width:216px}
.k12-block .k12-block__container{background:0 0;padding:0 20px;width:91%}
.erpSoftware > div > img{width:67%;margin-top:0;margin-right:auto}
.erp-software::before{bottom:0;top:unset;width:630px;height:630px;right:-189px}
.preSchool__management > div:first-child{margin-top:40px;width:100%;display:none}
.preSchool__management > div:nth-child(2){width:92%;padding:39px 35px}
.img-blk{width:44%;margin:20px 20px 80px}
.mobile__apps-img{width:68%;display:none}
.mobile__apps-content{width:92%;padding:35px}
.article-block,.blog-page > div.tag-list,.contact-details,.erp-software > p,.footer-blk .download-app,.form__block,.form__img,.mobile__apps .mobile__apps-img > img,.quick-link,.select-category > div,.website-development .d-flex > div{width:100%}
.download{right:20%}
.k12-block{padding:35px 35px 50px;overflow:hidden}
.circle__Rays{right:unset;top:unset;left:-60px;bottom:-71px}
header img{width:140px;background:0 0}
.carousel .demo{background:#0c1d29}
.carousel{height:max-content;margin-bottom:30px;margin-top:73px}
.portal__block{flex-direction:column;align-items:center;width:94%;margin:40px auto;padding:15px}
.portal__block:nth-child(odd){flex-direction:column-reverse;margin:auto auto 40px}
.portal{padding:30px 0;width:100%}
.awards-list > div{width:30%}
.select-educator ul#content-slider-educator{display:flex;width:100%;overflow:scroll hidden;height:max-content;margin-top:30px}
.select-educator ul#content-slider-educator li{min-width:230px;margin:0 10px}
.educator-flex img{margin:auto;max-height:128px;width:97%!important}
.blog-list .blog{width:47%}
.blog-page > div.tag-list{padding:11px 10px}
.ed-talk ul li{width:50%}
.preSchool__management > div:first-child img{width:50%;margin:auto;display:block}
.preSchool__management > div:first-child::before{left:12%}
.quiz6 ul li{width:88%}
.quiz3 .answer ul li:nth-child(2n){margin-left:0}
.quiz3 .answer ul li{align-self:center;margin-top:0;margin-left:0}
a#next,a#prev{bottom:0}
.quiz1 .answer ul li:nth-child(odd){align-self:flex-start}
.quiz1 .answer ul li:after{width:57px;top:-2px;left:90%!important}
.guideline_blk .educationapp p{font-size:17px;padding:10px}
.guideline_blk .developername img{height:61px}
.guideline_blk .care img{height:61px}
.guideline_blk .appname{width:95%}
.guideline_blk .contents ol{column-count:1}
.guideline_blk .contents img{position:fixed}
}
@media (max-width: 767px) {
.form_block.request_demo h3 {font-size: 18px;}
input { border-radius:5px}
.form_block.request_demo {width: 90% !important;}
header.showHeader a img{margin-bottom:0}
.blog-banner h1{font-size:25px}
.blog-innerPage .heading h1{font-size:23px;line-height:35px}
.connect-us > div,.eduzone .selectedu{width:45%}
.demo-images .img-content,.erp-slider-block h4{font-size:16px}
.demo-images .img-content img{width:40px!important}
.logo-learner-block img{float:unset}
.features{margin-top:0}
.front_video{height:370px;width:90%}
.concept-module-popup object{min-height:320px}
.address{width:90%}
.form-block .form{padding:20px 16px;border-radius:7px}
.input-list input,.input-list select{display:block;width:87%}
.form-block .input-list > div{width:47%}
.blog-list .blog,.blog-page > div.tag-list,.campuskidz > div:first-child,.erpSoftware > div > img,.features > div,.form_block form div select,.form_block form > div,.module_flex > div,.modules > div,.preschool__functions.pre-benifits > div,.selection__content,.tablescroll.table-responsive table{width:100%}
.video-img,.videos-video-block .video img{height:auto!important}
.slideCount.quiz1.cls1.padding-left ul{padding-left:60px}
.block__box-container .block__box-list:hover .content{padding:7px 0}
.block__box-container .block__box-list .content i{right:7px}
.block{padding:0 1px 40px 13px}
.question-answer-blk{width:95%;padding:0 5px}
.quiz2 .answer ul li{margin-left:50px}
.sub-menu ul li h4{margin-bottom:5px;width:100%;font-size:16px;line-height:26px}
.block__box-container .block__box-list .content p,.mobile__apps-content ul li p{font-size:14px}
.blog-content-inner,.blog-page,.contact-block,.sub-menu ul li{flex-direction:column}
.star.star-6{left:62%}
.star.star-5{left:27%}
.star.star-4{left:32%}
.star.star-3{left:31%}
.star.star-2{left:38%}
.star.star-1{left:65%}
.heading h3::after{top:105%}
.payment_block{width:90%;padding-bottom:20px;margin-bottom:20px}
.otp-input-fields input{padding:5px;font-size:18px;width:35px;height:26px;margin:6px;border:1px solid #000;text-align:center;border-radius:6px}
.payment_block > div > div{padding:20px;width:86%!important}
.logo-learner-block,.payment_block > div{flex-direction:column;align-items:center}
.otp_logo{padding:20px 0 0}
.carousel{margin-top:105px}
.breadcrumb{max-height:164px}
.module-selection ul li{padding:6px 10px;margin:0}
.benifit1 ul li,.benifit2 ul li,.benifit3 ul li,.benifit4 ul li,.feature_block1 ul li,.feature_block2 ul li,.feature_block3 ul li,.feature_block4 ul li{width:87%}
.learner_content{padding-left:0}
.teaching-modules > div{width:100%;margin:11px 0}
.management-modules > div{width:50%}
.wid_less{width:76%!important}
.mobileModule-list ul li{padding:10px}
.menu-bar{position:absolute;top:20px;right:0}
.our-engagements .demo{margin-top:40px}
.mobile__apps-content > ul li{width:47%;margin-bottom:13px}
.mobile__apps-content > ul li:first-child{width:100%;text-transform:capitalize}
header.menuActive > div > ul{width:94%;max-height:81vh;overflow-y:scroll}
.apps-blk > div p{font-size:18px;margin-bottom:9px}
.apps-blk div ul li img{width:29px}
.apps-blk div img{width:100px}
.dark__block::before{height:36%!important}
.block__box,.block__box:first-child{padding-right:0!important;width:100%!important}
li.btn_blk{padding:4px 7px!important}
.sub-menu ul li p{font-size:14px;margin:0;line-height:22px;text-align:left}
.buyNow form{max-height:77vh;overflow-y:scroll}
.buyNow .input-list > div{width:100%;margin-bottom:20px;color:#fff}
.block__box-container .block__box-list{margin:19px 5px;width:30%}
.block__box-container .block__box-list img{height:100px;margin:auto;padding:10px 10px 50px;display:block}
.block__box-container .block__box-list .content{font-size:15px;height:17px}
.tablescroll.table-responsive{overflow-x:scroll}
.tablescroll.table-responsive table td{min-width:160px}
.carousel__section{left:40px;width:80%}
.block__box-container{flex-direction:row;flex-wrap:wrap;justify-content:center}
.block__box-content > div{margin-bottom:20px}
.dark__block--container .dark__block-list{width:30%;margin:30px 8px}
.dark__block--container{flex-wrap:wrap;width:100%;justify-content:center}
.dark__block--container .dark__block-list p{margin:30px auto auto}
.erp-software::before{width:420px;height:420px}
.buttons,.preSchool__management-container{flex-wrap:wrap}
.preSchool__management-container .preSchool__management-list{width:46%;padding:3px 6px}
.img-blk{width:46%;margin:20px 16px 80px 0}
.mobile__apps-content > ul{flex-wrap:wrap;justify-content:center}
.mobile__apps-content ul li{width:50%;font-size:21px}
.apps-blk > div{width:100%;padding:10px 3px 20px}
.apps-blk{flex-wrap:wrap;margin-top:25px;margin-bottom:0}
.quick-link{padding:0}
canvas#myChart{max-height:280px}
.selection{flex-direction:column;padding:10px}
.selection .selection__block{width:92%}
.preschool__functions > div{width:38%}
.buttons > div{margin-bottom:70px}
.breadcrumb .carousel__section{padding:4px 23px;width:80%;max-width:100%;top:100%}
.awards-list > div,.coverage-list > div,.team-member > div{margin:10px 6px;width:42%}
.team-member > div{padding:20px;width:100%}
.awards-list > div > div h4{max-width:100%}
.videos-video-block .video{width:100%;margin-bottom:20px}
.videos-video-block .video p{margin:-8px 0;z-index:9;position:relative}
.blog-content-inner:nth-child(2n){flex-direction:column-reverse}
.apps-blk ul li,.contact-block > div{width:100%!important}
.preSchool__management > div:first-child img{display:unset;width:100%}
.preSchool__management > div:first-child::before{left:-10%}
.breadcrumb .carousel__section ul li span{font-size:25px;line-height:23px}
.preschool__functions > div p{margin:0}
.quiz1 .question span,.quiz2 .question span,.quiz3 .question span,.quiz4 .question span{left:5%}
.quiz1 .question,.quiz2 .question,.quiz3 .question,.quiz4 .question{padding:6px 5px 6px 100px}
.first-slide:before,.quiz1 .answer ul li:after{display:none}
.quiz1 .answer ul li{border-radius:20px 0 0 20px;width:80%;margin:20px 0}
.quiz2 .answer{width:100%;padding-left:0}
.ans-block.wid-60_img{width:70%!important}
.photo-blog .col-6{margin-bottom:15px}
.video-popup .video-play-btn{width:55px;height:55px;font-size:24px;line-height:55px}
}
@media (max-width: 575.98px) {
form#contact1 > div input {width: 100%;}
form#contact1 > div {width: 100%;}
.form_block.request_demo {top: 50%;width: 100%;left: 50%;padding:20px;height: 90%;overflow-y: scroll;border-radius: 4px;}
.circle-block-1 .item-select{height:42px;background:#fff;border-radius:65px!important;font-size:12px!important}
.group-btn {display: grid;align-items: center; justify-content: center; text-align: center;}
.btn-box {margin: 2px;}
.btn-box p {text-align: center;margin-bottom: 0px;}
.innerbody p .left_image{float:none;display:block;margin:15px auto;max-width:90%}
.cta-app-download {padding: 40px 20px;}
.app-store-img {max-width: 150px;}
}
@media (max-width: 540px) {
.block__box-content > div p,.contact-img,.eduzone .selectedu,.management-modules > div,img.left-img,img.right-img{width:100%}
.blog-innerPage p.sub-heading{font-size:22px!important;line-height:37px}
.eduzone .selectedu p{padding:10px;font-size:16px;-webkit-line-clamp:unset;overflow:visible;height:auto}
.FlagIcon img{width:450px}
.FlagIcon.active{right:-191px}
.videoIcon img{width:149px}
.teaching-modules > div h3{margin-bottom:5px}
.stages > div h4 span{font-size:20px}
.scrollbar{max-height:100%;overflow-y:hidden;position:inherit}
.Email,.content_block,.img-content,.social-media{position:static}
.concept-module-popup{width:90%;padding:5px;height:auto}
.inner__page p{margin-top:0;font-size:17px}
.inner__page .heading p{padding:0;margin:10px 0 5px;font-size:18px}
.dark__block--container .dark__block-list p,.mobile__apps-content p{font-size:16px}
.erpSoftware > div:first-child{margin-top:20px}
.mobile__apps-content ul li p{font-size:16px;margin:0}
.apps-blk ul li:first-child,p.sub-heading{margin-bottom:0}
#managementERP{margin-top:15px}
.banner-img,.block::before,.carousel__section ul.lSPager.lSpg,.carousel__section::before,.quiz3:before,.resultDiv:before{display:none}
.awards-list,.coverage-list,.mobile-blk .app-download,.slideshow-container_selection > div a{flex-direction:column}
.awards-list > div,.coverage-list > div{width:90%;margin:10px auto}
.content_block h3{font-size:20px;margin-bottom:0;line-height:29px}
.content_block p{margin-top:0;font-size:14px;line-height:26px}
.result-data{display:flex;flex-direction:column}
.block__box-container .block__box-list img{height:150px;font-size:16px}
.block__box-container .block__box-list:hover .content{height:89%}
.campuskidz > div > img{margin:auto;display:block}
.k12-block .bg-icon4{right:10px;top:0;opacity:.5}
.k12-block .bg-icon8{opacity:.5}
.k12-block--list{background:#ffffffab}
.otp-input-fields input{font-size:18px;width:22px;margin:3px}
.buyNow,.otp_block{width:90%}
.input-list{display:flex;flex-wrap:wrap;margin-top:10px;justify-content:space-between}
.form{padding:19px 20px}
.campuskidz__content ul li::before{width:56px;height:71px}
.mobileModule-list h3,.sub-menu ul li{margin-top:0}
.mobile-blk > div{max-height:unset;padding:0}
.mobileModule-list ul li{margin-left:3px;padding:10px;width:90%}
.erp-slider-block{width:77%;padding:10px;min-height:255px}
.carousel__section ul li h4,.carousel__section ul li p,.content_block{padding:0 20px}
ul#erp-software-slider li::before{left:24px;top:22px;width:78%;height:74%}
.k12-block .k12-block__container{padding:0;width:100%}
.dark__block--container .dark__block-list{width:42%}
.block__box ul,.k12-block--list ul{padding:0 11px 0 20px}
.ans-block.wid-60_img{width:100%!important}
.quiz6 .ans-blk-flex .q-num{font-size:2rem;padding:0 10px;position:absolute;top:-11px;background:#fff;left:-26px;border-radius:12px;color:#000;box-shadow:0 0 10px -5px #000}
.our-vission-mission > div:first-child img{float:unset;margin:auto auto 20px}
.our-vission-mission > div:first-child{padding:20px 20px 0}
.buttons > div{margin-right:8px;padding:5px 16px;margin-bottom:30px}
.campuskidz__content ul{padding-left:20px}
.mobile__apps-content > ul{flex-wrap:wrap}
.preschool__functions.benifits > div{border:0;width:100%;margin:10px 0}
li.btn_blk{padding:4px 7px!important;margin:1px 3px}
ul.menu_button{display:flex;width:100%;margin:10px 0}
.block__box-content > div{width:100%;border:0}
.content_block{transform:unset;color:#000;min-height:120px;width:90%}
.sub-menu{background:#f7f7f7;box-shadow:none;width:100%;max-width:100%;margin-top:14px}
.support-contact .d-flex > div{width:49%;margin:10px 0}
.chart-view{bottom:0}
.erp-tabs{flex-direction:column;align-items:center;margin-top:20px}
.pre-school-tabs{display:flex;flex-direction:column;justify-content:center;align-items:center}
.view-more.exploreMore{z-index:9;margin:10px auto}
.mobile__apps-img::before{width:360px;height:360px}
header > div > ul{width:91%;z-index:999}
header img{z-index:9999}
.social-media ul{display:flex;align-items:center;justify-content:center;border-radius:5px;width:50%;margin:40px auto auto;padding:0}
.carousel__section ul li h2{padding:0 20px;font-size:21px}
.block__box-container .block__box-list{flex-direction:column;align-items:center;width:100%;margin:16px 6px;padding:0}
.block__box:nth-child(2) p{padding:7px 20px 0}
.block__box{margin-top:10px;padding:0!important}
.block{padding:0 10px 20px;margin-top:0}
.block::after{width:100%;height:10px;display:none;top:0;border-radius:0}
.block__box:nth-child(2) > div img{flex-direction:column;align-items:flex-end;display:none}
.dark__block::before{height:29%!important}
.decades-blk{flex-wrap:wrap;align-items:center;justify-content:center;width:100%}
.decades-blk h3{width:auto;text-align:left;margin:0;font-size:36px}
.dark__block--container{width:100%;align-items:center;justify-content:center}
.k12-block .heading h3{font-size:26px}
.k12-block{padding:35px 20px 50px}
.erp-software{padding:20px 20px 60px}
.erp-software h3{width:100%;font-size:33px}
.k12-block--list .video-blk .video-blk-list{width:50%;margin:0}
.k12-block--list .video-blk{flex-direction:row}
.Email{transform:unset;width:100%;padding:4px 0;text-align:center;background:#dfdfdf;margin-bottom:20px}
.carousel__section{width:100%;left:0;margin-top:0;padding:0 0 20px}
.preSchool__management > div:first-child img,.quiz3 .answer ul li:nth-child(2n){margin-left:0}
.preSchool__management > div:first-child::before{width:400px;height:400px}
.img-blk{width:100%;margin:20px 0 80px}
.mobile__apps-img{width:100%}
.mobile__apps-content{width:87%;padding:22px;margin-top:30px}
.mobile__apps-content h3,.our-engagements h3,.preSchool__management h3{font-size:33px;width:100%;margin-bottom:20px;text-align:center}
.mobile__apps .mobile__apps-img > img{width:100%}
.preSchool__management > div:nth-child(2){width:92%;padding:39px 13px}
.preSchool__management-container .preSchool__management-list{width:100%;padding-bottom:0}
.preSchool__management-container .preSchool__management-list p{min-height:max-content;margin-top:20px}
.exploreMore,.preSchool__management-container{margin-bottom:30px}
.our-engagements{width:90%;padding:30px 0 50px}
.our-engagements .demo{margin-top:10px;background:0 0}
.engagement-blk img{height:200px}
.breadcrumb .carousel__section{display:block;width:100%;margin:0 0 15px;font-weight:500;padding:5px 0;position:static}
.breadcrumb .carousel__section ul{width:88%;margin:auto}
.form-block .input-list > div input,.input-list > div input{width:91%}
.submit-form .btn{flex-direction:column;align-items:center;justify-content:center}
.submit-form .btn button.read_more_new{float:unset;margin:auto;display:block}
.submit-form .btn div{width:100%;margin-bottom:20px}
.preschool__management__software{margin-bottom:0;padding:0}
.heading h3{font-size:26px;line-height:38px;margin-bottom:15px}
.padding-40{padding:20px 0}
section.inner__page{margin-top:30px;padding:0}
.video-img{height:max-content}
.demo-section > div h3{font-size:24px}
.img-content{margin-bottom:20px;width:100%}
.form-block h3{min-width:100%;font-size:29px}
.form-block .form{padding:20px 10px}
.form-block{padding:20px 14px}
.sub-menu ul li a{display:flex;flex-direction:row;text-align:left;align-items:center}
.portal__block > div{padding:0 10px}
.connect-us > div,.ed-talk ul li,.form-block .input-list > div,.helpdesk .d-flex img,.input-list > div,.newsletters > div,.portal__block img,.preschool__functions.pre-benifits > div,.preschool__functions > div,.selected__block img{width:100%;margin:10px 0}
header > div{display:flex;justify-content:space-between;padding:0;width:100%}
.buyNow form#contact{padding:0 30px}
header ul li.active{border-bottom:1px solid #00843e}
.carousel img.abs_block{width:auto;bottom:0;height:100%!important}
.block__box-container .block__box-list .content{align-items:center;font-size:16px}
.block__box:nth-child(2) h1{font-size:26px;padding:20px 20px 0}
.carousel{margin-top:130px}
.slideshow-container_selection div img{margin-top:10px}
.slideshow-container_selection div{width:93%}
.block__box:first-child{width:100%!important}
.ans-feild .dropzone{margin:10px}
.quiz7 .ans-block ul{padding-left:0;margin:auto;width:90%}
.quiz7 .answer ul li{width:90%;margin:30px 0}
.quiz2 .answer ul li:nth-child(2n),.quiz3 .answer ul li,.quiz4 li:nth-child(2),.quiz4 li:nth-child(4){margin-top:0;margin-left:0}
.quiz4 .answer ul{flex-direction:column;align-items:center}
.quiz2 .answer ul li{width:88%}
.quiz2 .answer ul{width:90%;padding-left:22px}
.quiz1 .question span,.quiz2 .question span,.quiz3 .question span,.quiz4 .question span{left:9%}
.quiz3 .answer ul li{align-self:center}
.mcqs .answer ul li{font-size:18px;margin-left:0}
.quiz1 .question span,.quiz2 .question span,.quiz3 .question span,.quiz4 .question span,.quiz5 .question span,.quiz6 .question span,.quiz7 .question span{position:inherit;margin:auto;width:51px;height:51px}
.quiz3 .answer{display:flex;flex-direction:column-reverse;align-items:center}
.quiz1 .question,.quiz2 .question,.quiz3 .question,.quiz4 .question,.quiz5 .question,.quiz6 .question,.quiz7 .question{font-size:16px;line-height:26px;padding:15px 0}
.quiz4 li{margin:40px 40px 40px 0 !important}
.quiz1 .answer ul li span{width:35px;height:35px;font-size:18px}
.slideCount.quiz1.cls1.padding-left ul{padding-left:49px}
.quiz1 .answer ul{padding-left:40px}
.quiz1 .answer ul li{padding:6px 17px 6px 20px;font-size:16px}
.quiz6 ul li{width:87%;margin-left:28px!important;margin-right:0}
.erp-slider-block h4{font-size:18px}
.title_head h3{font-size:24px;font-weight:500}
}
@media (max-width: 360px) {
.carousel{margin-top:145px}
}