@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
body{
    font-family: "Inter", serif;
    font-weight: 400;
    font-size: 18px;
}

img{ max-width: 100%;}

p{
    font-size: 18px;
    line-height: 30px;
    color: #5c5c5c;
}
.h1{font-size: 42px;}
.h2{font-size: 38px;}
.h3{font-size: 32px;}
.h4{font-size: 28px;}
.h5{font-size: 24px;}
.bold{ font-weight: 700;}
.mediun{font-weight: 500;}

.fs-1{ font-size: 28px  !important;}
.fs-2{ font-size: 24px !important;}
.fs-3{ font-size: 20px !important;}
.fs-4{ font-size: 18px !important;}
.fs-5{ font-size: 14px !important;}

.bg-dark{ background-color: #F5F7FA !important;}

.primary-list li{ padding-left: 40px; position: relative; margin-bottom: 1rem; }
.primary-list li::before{content: "\f105";position: absolute;left: 0;top: 5px;width: 30px;height: 30px;border-radius: 100%;border: 2px solid #000;background-color: #d76060;font-family: "Font Awesome 6 Pro";font-weight: 400;text-align: center;line-height: 28px;font-size: 24px;}
.primary-list li:last-child{ margin: 0;}



.benefits-list li .item{text-decoration: none;display: flex;align-items: center;justify-content: center;background-color: #fff;border-radius: 10px;margin-bottom: 1.5rem;padding: 1rem; transition: all 400ms ease; border: 1px solid #ddd; }
.benefits-list li .item i{background-color: #F5F7FA;border-radius: 100%;display: inline-block;padding: .5rem;margin-right: 1rem;min-width: 66px;height: 66px;}
.benefits-list li .item:hover{ background-color: #C63232; box-shadow: rgb(198 50 50) 0px 13px 27px -5px, rgb(198 50 50) 0px 8px 16px -8px;}
.benefits-list li .item:hover i{background-color: #FFA5AA;}
.benefits-list li .item:hover .title,.benefits-list li .item:hover p{ color: #fff;}
.benefits-list li .item .title{ color: #5c5c5c; margin-bottom: 0;}
.benefits-list li .item .title{ font-size: 22px;}
.benefits-list li .item p{font-size: 16px;margin: 0px; line-height: 26px;}

header{ background-color: #FAFAFA; box-shadow: 0 10px 15px #1919191a; position: sticky; top: 0; z-index: 9;}
header .navbar-expand-lg .navbar-nav .nav-link{ padding: .5rem 1rem;}
header .navbar-expand-lg .navbar-nav .nav-link:hover{color: #C63232;font-weight: 600; }
header .navbar-expand-lg .navbar-nav .active .nav-link{ color: #C63232; font-weight: 600; }
.btn-primary{ background-color: #C63232 !important;  border: none; padding: .6rem 1.5rem;border-radius: 40px; transition: all 400ms ease; }
.btn-primary:hover{ background-color: #e73b3b !important;
    box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;}
.peragraph{ font-size: 40px;}

.comman_section{ padding: 30px 0;}

#Gamifies_learning .carousel-inner{ position: relative;}


.banner_bg{ background-image: url('../img/banner.png'); background-position: center top; background-repeat: no-repeat; }

.learning_banner a{ text-decoration: none; color: #000000;  transition: all 400ms ease;}

.feature-list li a:hover .item .title{color: #C63232;}
.feature-list li a:hover .item span{ background-color: #C63232; color: #fff;}
.feature-list li a:hover .item {box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;}

.learning_banner{ background-color: #F5F7FA;}
.primary-color{ color: #C63232;}
.heading{color: #C63232; margin-bottom: 2rem; text-align: center; font-size: 38px;}
.sub-heading{font-size: 30px;}



.brand_list{ list-style: none; }
.brand_list li { max-width: 200px;}
.brand_list li  .item{ padding: .5rem; display: flex; align-items: center; justify-content: center;}
.brand_list li img{  width: auto !important;  }
.brand_list  .owl-stage{ display: flex;}
.brand_list  .owl-stage .owl-item{border: 1px solid #ddd;border-radius: 10px;min-height: 80px;align-items: center;justify-content: center;display: flex;}


.vision_list{ list-style: none;}
.vision_list li{ margin: 2rem 0;}

.feature-list li{  margin-top: 2rem;}
.feature-list li .item img{ height: 80px; width: auto; margin: 1rem 0;}
.feature-list li .item{
    align-items: center;
    background-color: #fff;
    border-radius: 30px;
    position: relative;
    border: 1px solid #ddd;
    margin: 0 auto;
    text-align: center;
    padding: 1.5rem;
    padding-top: 2rem;
    min-height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}


.feature-list li .item span{
    position: absolute;
    top: 0;
    font-size: 12px;
    left: 50%;
    padding: .2rem .5rem;
    background-color: rgba(0, 0, 0, 0.05);
    font-weight: 600;
    width: 80%;
    transform: translateX(-50%);
    font-size: 16px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}
.feature-list li .item .title{
    color: #333;
    margin-bottom: 1rem;
    font-size: 28px;
    font-weight: 600;
}


.services_list li{ margin-top: 2rem;}
.services_list li .item{ background: rgba(221, 221, 221, 1); padding: 2rem; border-radius: 24px;}
.services_list li img{ height: 150px; width: auto;}
.services_list li .title{ font-size: 24px; font-weight: 600; margin: 1rem 0;}
.overlay{ position: relative; }
.overlay .content{   padding: 1rem 0;}

.slider_bg{  padding: 2rem;border-radius: 10px;background: linear-gradient(180deg, #F7F7F7 0%, #E2E2E2 100%);box-shadow: inset 0 0 53px 0 #a39e9e;font-size: 18px;}
.slider_bg .media{ display: flex; flex-direction: column; align-items: center;}
.slider_bg .media img{ height: 160px;}
.slider_bg .media .media-body ul li{ margin-top: 1rem;}

.benefitsAi_list .media .media-body ul{ padding-left: 50px; margin-bottom: 2rem;}

.benefitsAi_list li .title{ font-size: 1.2rem; font-weight: 600;}
.benefitsAi_list li .media{ display: flex;}
.benefitsAi_list li .media img{ height: 100px;}

.benefits_list li { padding: 20px 0;}

.applications_list li img{ height: 120px;}
.applications_list li{ margin: 1rem 0;}

.choose_teacher li{ position: relative;}
.choose_teacher li img{}

.game-section .carousel-control-prev-icon{ background-image: url('../img/next_icon.png'); background-repeat: no-repeat;height: 1.5rem;width: 1.5rem;}
.game-section .carousel-control-next-icon{ background-image: url('../img/next_icon.png'); transform: rotate(180deg); height: 1.5rem;width: 1.5rem;}
.game-section .carousel-control-next{ right: -20px;}
.game-section .carousel-control-prev{ left: -20px;}


.vision_list .flex-grow-1{  border: 2px solid rgba(139, 139, 139, 1); border-radius: 20px; padding: 2rem; min-height: 200px;}
.vision_list  img{ width: 160px; }
.vision_list li .title{ color: #B59CFA; margin-bottom: 1rem; font-weight: 600; font-size: 24px;}
.vision_list li:last-child .title{ color: #FFC250;}

.about_feature .item{ border: 1px solid #8B8B8B;  border-radius: 10px; padding: 1.5rem; height: 100%; text-align: center;}
.about_feature .item .title{ min-height: 50px; margin-bottom: 0;}
.about_feature .item p{ margin-bottom: 0;}


.contact_info .title{ font-size: 28px; margin-bottom: 1rem; font-weight: 600;}
.contact_info a{  color: #C63232; text-decoration: none;}
.contact_info address ul li{ padding-left: 50px; margin-bottom: 1.5rem; background-image: url('../img/icon_map.png'); background-repeat: no-repeat; }
.contact_info address ul li:last-child{ margin-bottom: 0;}

.contact_info address ul li .title{ font-size: 20px; margin-bottom: 0;}

.contact_info address ul li p{ font-size: 16px; line-height: 20px;}
.contact_info address a{ text-decoration: none; color: #000000;}
.contact_info address a.primary-color{ color: #C63232;}
.contact_info  .sub-heading{ font-size: 22px; font-weight: 600;}
.contact_info form label{ font-size: 16px; font-weight: 500; }
.contact_info  .social_bar{ display: inline-block;}
.contact_info form label{ font-size: 16px; font-weight: 500; }
.contact_info  .social_bar { margin: 1rem -1rem;}
.contact_info  .social_bar  li{ display: inline-block; padding:0 1rem;}
.contact_info  .social_bar img{ width: 60px; }

.media_list li { margin-top: 2rem;}
.media_list li p{ padding:0; border-radius: 20px; overflow: hidden; border: #ddd 2px solid;cursor: pointer; }
.media_list li p video{ max-height: 320px; max-width: 100%;}

.comman_section.blog .modal .modal-dialog .modal-content .modal-body #modalContent video{width: 300px;}
.blog_lisitng .card{ background-color: #F5F5F5; border-radius: 24px; padding: 0; overflow: hidden;  text-decoration: none;
    display: flex;
    height: 100%;
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.blog_lisitng.all_blogs li{ margin-top: 2rem;}
.blog_lisitng.all_blogs .card img{ height: 250px; }

.blog_lisitng .card .video_blog video{ max-width: 320px;}
.blog_lisitng .card .video_blog{  display: flex;align-items: center;justify-content: center;background: #460a65;}
.blog_lisitng .card:hover{ box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;  transition: all 400ms ease;}
.blog_lisitng .card:hover .title{ color: #C63232;}
.blog_lisitng .card .card-body{ padding: 1rem; flex: 0;}
.blog_lisitng .card .card-body img{ border-radius: 24px; }
.blog_lisitng .card .card-content{ padding:0 1rem 1rem 1rem;}
.blog_lisitng .card .card-content P{ color: #aaa3a3;}
.blog_lisitng .card .card-content .title{ font-size: 22px;}
.blog_lisitng .card .card-content  .detail{ display: flex; justify-content: space-between; align-items: center;}
.blog_lisitng .card .card-content  .detail .auth { display: flex; align-items: center; justify-content: center;}
.blog_lisitng .card .card-content  .detail p{ font-size: 16px; margin: 0;}
.blog_lisitng .card .card-content  .detail .auth p{ margin: 0; color: #C63232;}
.blog_lisitng .card .card-content  .detail .auth i{ width: 42px; height: 42px; border-radius: 100%; background-color: #ddd; display: inline-block; margin-right: 5px; }

.testimonials-view .quotes{ position: relative;}
.testimonials-view .quotes::before{ content: "\f10d"; font-family: "Font Awesome 6 Pro"; font-weight: 900; color: #C63232;}
.testimonials-view .quotes::after{ content: "\f10e"; font-family: "Font Awesome 6 Pro"; font-weight: 900; color: #C63232;}
.testimonials-view  .owl-nav{  position: absolute;bottom: 0;right: 0;}
.testimonials-view .auth{ display: flex; align-items: center;}
.testimonials-view   .auth i { width: 60px; height: 60px; border-radius: 100%; margin-right: 1rem;}
.testimonials-view   .auth i img{ width: auto;}
.testimonials-view .owl-nav .owl-prev span,.testimonials-view .owl-nav .owl-next span{
    display: none;
}
.testimonials-view .owl-nav .owl-prev ,.testimonials-view .owl-nav .owl-next{ position: relative;}
.testimonials-view.owl-theme .owl-nav [class*='owl-']:hover{ background: transparent !important; color: #888;}
.testimonials-view .owl-nav .owl-prev::after ,.testimonials-view .owl-nav .owl-next::after{ content: "\f178";  font-family: "Font Awesome 6 Pro"; font-weight: 400; font-size: 30px; }
.testimonials-view .owl-nav .owl-prev::after {  content: "\f177";  }

.primary-tab .nav{ display: flex; width: 100%; margin: 0 -5px;}
.primary-tab .nav li{ width: 100%; padding: 0 15px; margin: .5rem 0;}
header .dropdown-item:focus,header .dropdown-item:hover{ background-color: #ffcfcf ; color: #000; font-weight: 500; z-index: 99;}

.primary-tab .nav li .nav-link{ background-color: #C4C4C4; color: #fff; width: 100%; font-size: 18px;  }
.primary-tab .nav li  .nav-link.active{  background-color: #C63232; font-weight: 700; }

.primary-tab  .accordion-button{ border: 1px solid #ddd; margin: 1rem 0; border-radius: 12px; font-size: 18px; font-weight: 600;}
.primary-tab  .accordion-button:not(.collapsed){ background-color: #C63232;  color: #fff; border-radius: 12px;}

.primary-tab  .accordion-item{ border: none;}
.primary-tab .accordion-item:first-of-type>.accordion-header .accordion-button,.primary-tab  .accordion-item:last-of-type>.accordion-header .accordion-button.collapsed{ border-radius: 12px;}
.primary-tab  .accordion-collapse{ margin: 1rem 0; border-radius: 10px; background-color: #F5F5F5;}

.site_Policy{padding: 2rem; border-radius: 10px; background: linear-gradient(180deg, #F7F7F7 0%, #E2E2E2 100%); min-height: 400px;   box-shadow: inset 0 0 53px 0 #a39e9e; font-size: 18px;}
.accordion-button:not(.collapsed)::after{ background-image: url('../img/arrow_up.png');}
.accordion-button::after{ background-image: url('../img/arrow_down.png');}
.primary-tab .accordion-body h4{ font-size: 18px;}
.primary-tab .accordion-button:focus{ outline: none; border: none; box-shadow: none;}
.blog_lisitng.single_post  .card .card-title{ font-size: 24px;}
.blog_lisitng.single_post  .card img{ width: 100%;}
.blog_lisitng.single_post  .card .single_post_thumb{ display: inline-block; width: 100%; max-height: 500px; overflow: hidden;}
.blog_lisitng.single_post .card .card-title .auth{ display: none; min-width: 80px; height: 80px; margin-right: 1rem; }
.blog_lisitng .card .card-title .auth{ min-width: 52px; height: 52px; display: inline-block; background-color: #D9D9D9; border-radius: 100%; margin-right: .5rem;}
.blog_lisitng .card .card-title{ font-size: 18px; line-height: 30px; font-weight: 600; display: flex; align-items: center;}
.blog_lisitng .card .card-text{ font-size: 17px; font-weight: 400; color: #666;}
.blog_lisitng .card a{ color: #C63232;  text-decoration: none; font-size: 18px; font-weight: 600; display: flex; align-items: center; }
.blog_lisitng .card a i{ margin-left: .5rem;}
.contact_info form .form-control{ padding:.5rem 1rem; color: #000; min-height: 45px; border-radius: 32px; box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;}
.contact_info form .form-control::placeholder {
    color: #999;
    opacity: 1; /* Firefox */
  }

  .contact_info form .form-control::-ms-input-placeholder { /* Edge 12 -18 */
    color: #999;
  }

.custom_tabs li .title{ cursor: pointer; border: 1px solid #ddd; padding: 1rem 1.5rem; background-color: #fff; margin: 1rem 0;border-radius: 12px;font-size: 18px;font-weight: 600;display: flex; justify-content: space-between; }
.custom_tabs li.active .title { background-color: #C63232; color: #fff;  }
.custom_tabs li:first-child  .tab_body{ display: block;}
.custom_tabs li  .tab_body{background-color: #f5f5f5;  display: none; border-radius: 12px; }
.custom_tabs li.active  .tab_body{  padding: 1rem 1.5rem; }
.custom_tabs li .arrow-icon{ line-height: 20px; color: #000; font-size: 2rem;   transition: transform 0.8s ease;}
.custom_tabs li .arrow-icon i{ line-height: 10px;}
.custom_tabs li.active .arrow-icon{ color: #fff;  transform: rotate(180deg);; }


footer{ background-color: #1C1C24; color: #fff;}
footer p{ color: #eee; font-size: 16px;}
footer input{ border: 1px solid #6C6868; background-color: transparent; border-radius: 40px; width: 100%; padding: .5rem 1rem; text-align: center; color: #ddd; }
footer input::placeholder{ color: #6C6868;  font-size: 16px; }
footer input:focus{ outline: none; box-shadow: none; }
footer a{ display: inline-block; color: #fff; text-decoration: none; font-size: 14px;}
footer a:hover{ color: #eee;}
footer ul.inline li{ display: inline-block; padding-right: 1rem;}
footer ul.inline li:last-child{ padding-right: 0;}
footer .social-list li{ display: inline-block; margin-right: 1rem; margin-top: 1rem;}
footer .social-list li a{ display: inline-block; font-size: 22px; width: 42px; height: 42px; border-radius: 100%; background-color: #C63232; text-align: center; line-height: 44px;}
footer .social-list li a:hover{ background-color: #e73b3b; color: #eee; }
footer address p{ color: #ccc;}
footer ul li a{ color: #ccc;}
footer ul li a:hover{ color: #fff;}
.sub-footer{ background-color: #14141C; padding: 2rem 0;}






@media (min-width: 576px) {
    .slider_bg .media{ flex-direction: row; align-items: start;}
    .primary-tab .nav{  margin: 0 -15px;}
    .primary-tab .nav li{ width: 20%; }
    .comman_section{ padding: 60px 0;}

    footer ul.inline li{  padding: 0 1rem;}

    .testimonials_primary .carousel .item .item-body{background-image: url('../img/clientbg.png');background-size: contain;background-repeat: no-repeat;width: 620px;min-height: 420px;display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 6rem 2rem 3rem 4rem; background-color: transparent; border-radius: 0;}
    .testimonials_primary .carousel-control-next{ right: -100px;}
    .testimonials_primary .carousel-control-prev{ left: -100px;}

    .game-section .carousel-control-next{ right: -100px;}
    .game-section .carousel-control-prev{ left: -100px;}
    .overlay .content{ position: absolute; z-index: 9; bottom: 0; padding: 2rem;}
    .overlay .content p{ color: #fff;}
    .game-section .carousel-control-next{ right: -100px;}
    .game-section .carousel-control-prev{ left: -100px;}
    .game-section .carousel-control-prev-icon{height: 3rem;width: 3rem;}
    .game-section .carousel-control-next-icon{height: 3rem;width: 3rem;}




}

@media (min-width: 768px) {
    .comman_section.blog .modal .modal-dialog .modal-content .modal-body #modalContent video{width: 500px;}

}
@media (min-width: 992px) {


    .testimonials_primary .carousel .item{ flex-direction: row;}
    .game-section .carousel-control-next{ right: -100px;}
    .game-section .carousel-control-prev{ left: -100px;}
    .game-section .carousel-control-prev-icon{height: 3rem;width: 3rem;}
    .game-section .carousel-control-next-icon{height: 3rem;width: 3rem;}
    #Gamifies_learning .carousel-inner::after{ position: absolute; width: 100%; height: 100%;content: ""; background-image: url('../img/slider/slide_bg.png'); background-repeat: no-repeat; background-position: center 50px; background-size: 760px;}


 }
@media (min-width: 1200px) {
    .comman_section.blog .modal .modal-dialog .modal-content .modal-body #modalContent video{width: 800px;}

 }


@media (min-width: 1400px) {

    .container{max-width: 1200px;}
}