@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ padding: 0px; margin: 0px; list-style: none; font: normal 1.6rem/2.4rem 'Capriola', sans-serif; color: var(--body-text-color); }
p{padding: 0px; margin: 0px;}
a{padding: 0px; margin: 0px; outline: none;}
ul{ list-style: none; padding: 0px; margin: 0px;}
label{ list-style: none; padding: 0px; margin: 0px;}
ul li{ padding: 0px; margin: 0px;}
h1,.h1, h2,.h2, h3,.h3, h4,.h4, h5,.h5, h6,.h6{padding: 0px; margin: 0px;}
input[type="text"]::-webkit-placeholder { opacity: 1;  }
input[type="text"]::-moz-placeholder { opacity: 1;}
input[type="password"]::-webkit-placeholder { opacity: 1;}
input[type="password"]::-moz-placeholder { opacity: 1;}
input[type="search"]::-webkit-placeholder { opacity: 1;}
input[type="search"]::-moz-placeholder { opacity: 1;}
input[type="email"]::-webkit-placeholder { opacity: 1; }
input[type="email"]::-moz-placeholder { opacity: 1;}
input[type="tel"]::-webkit-placeholder { opacity: 1;}
input[type="tel"]::-moz-placeholder { opacity: 1;}
textarea::-moz-placeholder { opacity: 1;  }
textarea::-webkit-placeholder { opacity: 1;}
a:hover{ outline: none !important; text-decoration: none;}
a:active{ outline: none !important; text-decoration: none;}
a{ text-decoration: none !important;}
a:hover, a:focus{ text-decoration: inherit !important;}
a,::after,::before,img{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }


:root{
    --black: #000;
    --white: #ffffff;
    --brand: #f42d4a;
    --yellow: #FFC000;
    /* --yellow: #c49511; */
    --green: #5c9232;
    --blue: #1AB9FF;
    --heding: #12265A;
    --background: #FCF9F4;
    --body-text-color: #767678;
}


@keyframes move{
    0% {
        offset-distance: 0%;
    }
    100% {
        offset-distance: 90%;
    }
}

/* @keyframes hvr-buzz-out{
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
} */

@keyframes oscillate-rotation{
    0% {
        transform: rotate(0) scale(1) skew(0deg);
    }
    10% {
        transform: rotate(-25deg) scale(1) skew(0deg);
    }
    
    20% {
        transform: rotate(25deg) scale(1) skew(0deg);
    }
    30% {
        transform: rotate(-25deg) scale(1) skew(0deg);
    }
    40% {
        transform: rotate(25deg) scale(1) skew(0deg);
    }
    50% {
        transform: rotate(0) scale(1) skew(0deg);
    }
    100% {
        transform: rotate(0) scale(1) skew(0deg);
    }
}

@keyframes movingX{
    0% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
    50% {
        -webkit-transform: translateX(50px);
        transform: translateX(50px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}


@keyframes hero-border{
    0% {
        -webkit-border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;
        -moz-border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;
        border-radius: 51% 49% 77% 23%/65% 50% 50% 35%;
    }
    100% {
        -webkit-border-radius: 30% 70% 28% 72%/53% 69% 31% 47%;
        -moz-border-radius: 30% 70% 28% 72%/53% 69% 31% 47%;
        border-radius: 30% 70% 28% 72%/53% 69% 31% 47%;
    }
}

@keyframes bounce-y{
    0% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    50% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@keyframes circle-ripple{
    0% {
        box-shadow: 0 0 0 0 rgba(244,45,74,.3),0 0 0 1em rgba(244,45,74,.3),0 0 0 3em rgba(244,45,74,.3),0 0 0 5em rgba(244,45,74,.3);
      }
      100% {
        box-shadow: 0 0 0 1em rgba(244,45,74,.3),0 0 0 3em rgba(244,45,74,.3),0 0 0 5em rgba(244,45,74,.3),0 0 0 8em rgba(244,45,74,0);
      }
}

@keyframes circle{
    0% {
        opacity: 1;
      }
      40% {
        opacity: 1;
      }
      100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes pxl_scale1{
    0% {
        transform: scale(1);
        opacity: .67;
      }
      100% {
        transform: scale(2.2);
        opacity: 0;
      }
}



/* top_button */
.top_btn {background: var(--brand);  bottom: 1rem; color: var(--white); height: 4rem; opacity: 0; overflow: hidden; position: fixed; right: 1rem; width: 4rem; z-index: 9999;  text-align: center; display: inline-block; border-radius: .5rem; }
.top_btn i{font-size: 1.7rem; line-height: 4rem;}
.top_btn.show{opacity: 0.7;}
.top_btn:hover {bottom: .3rem; opacity: 1; color: var(--white);}

em{font-style: normal;}
.img_flud{max-width: 100%;}
p{font-size: 1.5rem;}
h1,h2{font-size: 3rem; font-weight: 700; line-height: 4rem; text-transform: capitalize; text-align: center; color: var(--heding);}
.ptb{padding: 6rem 0;}
.inner_ptb2{padding: 6rem 0 3rem;}
.ft_ptb{padding: 8rem 0;}
.inner_ptb{padding: 4rem 0 6rem;}
.heding{font-size: 1.7rem; font-weight: 600; position: relative; padding: 0 0 .8rem !important; display: inline-block; width: 100%; color: var(--brand); text-align: center; text-transform: capitalize; line-height: 1.7rem;}
.sess_txt{font-size: 4rem; padding: 1.5rem 0 0 !important;}
/*.heding:before{content: ""; background: url(../images/hedding.jpg) no-repeat center center; width: 12rem; height: 5rem; position: absolute; background-size: 100%; left: 50%; top: 0;-ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);} */
.more{display: inline-block; text-transform: capitalize; text-align: center; background-color: var(--yellow); color: var(--white); font-weight: 500; line-height: 4.3rem; padding: 0 2.5rem; border-radius: 0.5rem; position: relative; z-index: 1; height: 4.5rem; margin-top: 2rem;}
.more::before{content: ""; position: absolute; left: .3rem; top: .3rem; right: .3rem; bottom: .3rem; background: var(--white); border-radius: inherit; z-index: -1; opacity: 0; visibility: hidden; transform: scale(0.2); transition: all ease .4s;}
.more:hover::before{opacity: 1; visibility: visible; transform: scale(1);}
.more:hover{color: var(--yellow);}
.hidden_sec{overflow: hidden; position: relative;}
/* .fixe_back{background-attachment: fixed !important;} */




/*header*/
.header_sec{width: 100%;}
.header_menu{padding: 1rem 0;}
/* .header_sec{width: 100%; position: absolute; left: 0; top: 2rem; z-index: 99;} */
.heder_top{background: var(--green); width: 100%; padding: .8rem 0;}
.heder_top .d-flex{align-items: center; justify-content: space-between;}
.heder_top ul li{display: inline-block; margin-right: 1rem; position: relative;}
.heder_top ul li:last-child{margin-right: 0;}
.heder_top ul li{font-size: 1.3rem;}
.heder_top ul li a{color: #e2e3e2;}
.heder_top ul li a:hover{color: var(--white);}
.heder_top ul li i{padding-right: .2rem;}
.top_rt ul li{padding-right: 1.5rem;}
.top_rt ul li::before{position: absolute; content: ''; border: .1rem dashed var(--white); height: 2rem; width: .1rem; top: .2rem; right: 0;}
.top_rt ul li:last-child::before{display: none;}
.top_rt ul li:last-child{padding-right: 0;}
.nav_top{border: none; min-height: auto; box-shadow: none; border-radius: 0px;}
.nav_top .dropdown-menu li a{ font-size: 13px;}
.menu_sec li{position: relative; text-transform: capitalize; font-size: 1.7rem;}

.navbar-brand img{width: 12rem;}
.menu_sec li a{display: inline-block; padding-right: 2rem; color: var(--black);  font-weight: 500;}
.menu_sec li:last-child a{padding-right: 0;}
.menu_sec li a:hover,.menu_sec li.active a{color: var(--brand);}
.icon_bar{position: absolute; right: 0; top: 2rem;}
.icon_bar span{font-size: 1.2rem; color: var(--body-text-color); line-height: 1rem; text-transform: capitalize;}
.icon_bar strong{color: var(--green); font-size: 1.8rem;}
.icon_bar img{width: 4rem; -webkit-transform: rotateZ(-5deg); -ms-transform: rotate(-5deg); transform: rotateZ(-5deg);}
.icon_bar a img{-webkit-transform: rotateZ(0deg); -ms-transform: rotate(0deg); transform: rotateZ(0deg); animation: oscillate-rotation 1s infinite ease-in-out;}




/*@keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-2rem);-ms-transform:translateY(-2rem);transform:translateY(-2rem);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
.header_sec.fixed{position: fixed; left: 0; top: 0; z-index: 9999; animation-name: animationFade; animation-duration: 1s; animation-fill-mode: both; background: var(--darkcolor1); background: var(--white); box-shadow: 0 0 7px 0px #ccc;}
.header_sec.fixed .heder_top{display: none;}*/
   
/* @keyframes animationFade{0%{opacity:0;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);}
100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}} */
.header_sec.fixed{position: fixed; left: 0; top: 0; z-index: 99; background: var(--darkcolor1); background: var(--white); box-shadow: 0 0 .7rem 0 #ccc;}
.header_sec.fixed .heder_top{display: none;}




   
/*banner*/  
.bannersec{width: 100%; position: relative;}
/* .bannersec::before{position: absolute; left: 0; bottom: 0; background: url(../images/banner_bg1.png)no-repeat bottom center; width: 100%; height: 100%; content: ""; z-index: 1; background-size: 100%;} */
.banner_shape{position: absolute; z-index: 1; -webkit-animation: movingX 8s linear infinite; animation: movingX 8s linear infinite;}
.ban_img1{left: 13.9rem; top: 8.4rem;}
.ban_img2{bottom: 8.4rem; left: 9.9rem;}
.ban_img3{right: 13.9rem; top: 8.4rem;}
.ban_img4{bottom: 8.4rem; right: 9.9rem;}
.banner_box{width: 100%; padding: 14rem 0; position: relative; z-index: 1;}
/* .banner_box::before{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .3);}  */
.benner_text, .benner_text img{position: relative;}
/* .benner_text img{-webkit-animation: movingX 8s linear infinite; animation: movingX 8s linear infinite;} */
/* .benner_text::before{background: url(../images/banner_shape.png)no-repeat left center; background-size: 100%; content: ""; position: absolute; left: 0; top: 0; width: 50rem; height: 50rem; z-index: -1;} */

/* .benner_text strong{width: 100%; display: inline-block; font-size: 6rem; color: var(--black); padding: 1.5rem 0; line-height: 7rem;} */
.benner_text p{color: var(--white);}
/* .banner_title{position: absolute; display: block; pointer-events: auto; left: 50%; top: 50%; z-index: 6; visibility: visible; -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);} */
.banner_box::before{position: absolute; content: ""; left: 0; top: 0; width: 100%; height: 100%; background: linear-gradient(90deg, #0A0A0A 0%, rgba(10, 10, 10, 0) 81.54%); z-index: -1;}
.banner_title strong{color: var(--white); line-height: 6.5rem; font-weight: 800; font-size: 5.5rem; display: block;}
.banner_title strong span{color: var(--green); font-size: 3.5rem; padding: .5rem 0;}
.banner_title strong em{display: block; color: var(--yellow);}
.bannersec .carousel-indicators {bottom: inherit; left: inherit; margin-right: 0; top: 50%; flex-direction: column; -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); right: 2rem; margin-bottom: 0;}
/* .bannersec .carousel-indicators [data-bs-target]{width: 1.8rem; border: .3rem solid var(--brand); border-radius: 100%; height: 1.8rem; margin-bottom: 1rem;} */
.bannersec .carousel-indicators [data-bs-target]:last-child{margin-bottom: 0;}
.bannersec .carousel-indicators{justify-content: center; display: flex;} 
.bannersec .carousel-indicators li{margin: 2rem 0 !important;}
.bannersec .carousel-indicators [data-bs-target]{pointer-events: all; margin: 0 1rem 1.5rem; -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; display: inline-block; position: relative; background: transparent; opacity: 1;}
.bannersec .carousel-indicators [data-bs-target]::before{display: block; top: 0; left: 0; content: ""; top: 50%; left: 50%; position: absolute; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: .7rem; height: .7rem; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-clip: border-box; background: var(--white);  -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.bannersec .carousel-indicators [data-bs-target]::after{display: block; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; content: ""; width: 2rem; height: 2rem; border: .1rem dashed var(--brand); -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-clip: border-box; zoom: 1; filter: alpha(opacity=0); -webkit-opacity: 0; -moz-opacity: 0; opacity: 0; position: absolute; left: .5rem; top: -.8rem;}
.bannersec .carousel-indicators [data-bs-target].active:before {background: var(--white);}
.bannersec .carousel-indicators [data-bs-target].active:after {zoom: 1; filter: alpha(opacity=100); -webkit-opacity: 1; -moz-opacity: 1; opacity: 1; border-color: var(--white);}
.banner_title .more {background-color: var(--brand);}
.banner_title .more:hover { color: var(--brand); }



/* rating_sec */
.rating_box{box-shadow: 0 0 2rem 0 rgb(62 28 131 / 10%); transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s; margin-top: -5.5rem; padding: 2rem; position: relative; background: var(--white); border-radius: .5rem; z-index: 1;}
/* .rating li{display: inline-block; margin: .8rem .2rem 0 0 !important; padding: 0 !important; border: none !important;}
.rating li::before{display: none;}
.rating li:last-child{margin-right: 0;}
.bold_icon::before, .liner_icon::before {font: normal 1.4rem/1 FontAwesome; content: "\f006"; color: #FFC107;}
.bold_icon::before{content: "\f005";} */
.rating_info strong{font-size: 3.5rem; color: var(--green);}
.top_inner{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: flex; width: 5rem; height: 5rem; align-items: center; justify-content: center; background: rgba(255, 87, 34, 0.11); color: #ff5722; font-size: 2rem; border-radius: 50%; border: .1rem dashed #ff5722;}
.features_box_content h4{color: var(--heding); font-size: 1.8rem; line-height: 2.5rem;}
.style2 .top_inner{color: #906AD4; background: #906AD41F; border-color: #906AD4;}
.style3 .top_inner{color: #09B9B1; background: #09B9B11F; border-color: #09B9B1;}
.style4 .top_inner{color: #7CBF2F; background: #7CBF2F1F; border-color: #7CBF2F;}

/* about_sec */
/* .about_box{text-align: center; z-index: 1;} */
/* .about_box::before{position: absolute; content: ""; height: 100%; width: 100%; background: var(--heding); left: 0;  top: 0; z-index: -1; border-radius: 50%; -webkit-transition: 0.5s; transition: 0.5s; -webkit-animation: border-transform-default 10s linear infinite alternate forwards; animation: border-transform-default 10s linear infinite alternate forwards;}
.about_box::after{position: absolute; content: ""; height: 100%; width: 100%; background-color: var(--green); left: 0; right: 0; top: 0; z-index: -1; border-radius: 50%; -webkit-transition: 0.5s; transition: 0.5s; -webkit-animation: border-transform-default 50s linear infinite alternate forwards; animation: border-transform-default 50s linear infinite alternate forwards;} */
.about_box img {-webkit-border-radius: 51% 49% 77% 23%/65% 50% 50% 35%; -moz-border-radius: 51% 49% 77% 23%/65% 50% 50% 35%; border-radius: 51% 49% 77% 23%/65% 50% 50% 35%; -webkit-animation: hero-border 5s linear infinite alternate; -moz-animation: hero-border 5s linear infinite alternate; -o-animation: hero-border 5s linear infinite alternate; animation: hero-border 5s linear infinite alternate; border: .5rem solid var(--green);}
.about_sec{position: relative;}
.about_sec .shap2 img{width: 20rem;}
.about_sec .shap2{position: absolute; z-index: -1; top: 1rem; right: 1rem;}
.inner_banner .banner_box::before{display: none;}








/*core_value*/
.core_img img{width: 15rem; height: 15rem; object-fit: cover; border-radius: 100%; border: .3rem dashed var(--white); padding: 1rem;}
.core_box{background: var(--brand); padding: 2.5rem 1rem; border-radius: 2rem; margin-top: 3.5rem; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms;}
.core_text span{width: 100%; display: inline-block; font-size: 2rem; color: var(--white); padding-top: 2rem; font-weight: 600;}
.core_text p{color: var(--white);}
.core_value p{padding: 1rem 1.5rem 0 1.5rem;}
.core_img{-webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms;}
.core_box:hover .core_img{transform: rotateY(180deg);}
.core_box:hover{margin-top: 2rem;}





/*activity*/
.activity_box img{width: 13rem; height: 10rem; object-fit: cover;}
.activity_box{margin-top: 1.5rem;}
.acti_img img{width: 35rem; height: 32rem; object-fit: cover;}
.game{border-radius: 100%; width: 5rem; height: 5rem; text-align: center; position: relative;}
.game::before{display: block; content: ""; width: 6rem; height: 6rem; border-radius: 50%; background-clip: content-box; border: .1rem dashed #ff4880;  position: absolute; top: -.5rem; left: -.5rem;}
.game i{color: var(--white); line-height: 5rem; font-size: 1.8rem;}
.pro{padding-top: 5rem;}
.fst{background: var(--brand)!important;}
.fst::before{border-color: var(--brand);}
.snd{background: var(--yellow)!important;}
.snd::before{border-color: var(--yellow);}
.thd{background: var(--green)!important;}
.thd::before{border-color: var(--green);}
.fth{background: var(--blue)!important;}
.fth::before{border-color: var(--blue);}
.item_title{font-size: 2.4rem; margin-bottom: 1rem; color: var(--heding);}
.activity .ac_img{width: 7rem;}
.activity .ac_img2{width: 14rem;}
.activity .ban_img2 {bottom: 0.4rem; left: .5rem;}
.activity .ban_img4{bottom: 0.4rem; right: 5.5rem;}
.activity  .ban_img1 { top: 0;}




/*success*/
.success_box h3{font-size: 3rem; font-weight: 500; padding-bottom: 1.5rem; color: var(--heding);}
.mi_vi{margin-top: 1.5rem;}
.mi_vi h4{font-size: 2rem; padding-bottom: 1.5rem; color: var(--heding); font-weight: 600;}
.mi_vi{margin-top: 2rem;}
.success_box p{color: var(--body-text-color);}
.success .row.justify-content-center{flex-direction: row-reverse;}


/*testimonial*/

/* /* .client_img span{width: 100%; display: inline-block; color: var(--brand); padding-top: .5rem;}
.quote{position: absolute; left: 1rem; top: 3rem;}
.client_say:after{position: absolute; bottom: -2rem; left: 6rem; content: ''; width: 0; height: 0; border-left: 0 solid transparent; border-right: 2rem solid transparent; border-top: 2rem solid var(--white);} */
/* .testimonial{background: url(../images/bgdots1.png)no-repeat left center/cover, url(../images/bgdots2.png)no-repeat right center/cover;} */

/* .testimonial .owl-carousel .owl-item img{display: inline-block !important; width: 6rem !important; border-radius: 100%; height: 6rem; object-fit: cover;}
.testimonial .owl-nav.disabled{font-size: 0; margin-top: 2rem; display: flex; align-items: center; justify-content: center;}
.testimonial .owl-prev, .testimonial .owl-next{border: .1rem dashed var(--brand); width: 4rem; height: 4rem; background: none; border-radius: 100%;}
.testimonial .owl-prev:before, .testimonial .owl-next:before{font: normal 1.8rem/3.6rem FontAwesome; color: var(--brand); content: "\f060";}
.testimonial .owl-next:before{content: "\f061";}
.testimonial .owl-next{margin-left: .8rem;}
.testimonial .owl-item{padding: 2rem;}

.owl-dots{display: none;} */

.testimonial_box{position: relative; display: block; background: var(--white); border-radius: .5rem; box-shadow: 0px .8rem 2rem 0 rgba(0, 0, 0, 0.03);  padding: 6.1rem 2.5rem 5rem; margin-top: 3rem;}
.testimonial_img img{width: 8rem !important; height: 8rem; object-fit: cover; border-radius: 100%;}
.testimonial_txt strong{display: block; color: var(--brand); font-size: 2rem; text-transform: capitalize; padding-bottom: .4rem;}
.clicnt_rating_sec{position: absolute; top: -1rem; right: 0; display: block; background: var(--brand); padding: .6rem 3rem .6rem; border-radius: 1rem;  border-top-right-radius: 1rem; border-top-right-radius: 0; z-index: 5;}
.rating li{display: inline-block; margin: 0 .2rem 0 0 !important; padding: 0 !important; border: none !important;}
.rating li::before{display: none;}
.rating li:last-child{margin-right: 0;}
.bold_icon::before, .liner_icon::before {font: normal 1.4rem/1 FontAwesome; content: "\f006"; color: var(--white);}
.bold_icon::before{content: "\f005";}
.qution_icon{position: absolute; display: flex; align-items: center; justify-content: center; top: 1.8rem; right: -2rem; width: 4rem; height: 4rem; background: var(--brand); border: .5rem solid var(--white); border-radius: 50%; margin: 0 auto; z-index: 2; color: var(--white);}
.testimonial{background: url(../images/bgdots1.png)no-repeat left center/cover, url(../images/bgdots2.png)no-repeat right center/cover;}
.testimonial .owl-carousel .owl-item img{display: inline-block !important; width: 6rem !important; border-radius: 100%; height: 6rem; object-fit: cover;}
.testimonial .owl-nav.disabled{font-size: 0; margin-top: 2rem; display: flex; align-items: center; justify-content: center;}
.testimonial .owl-prev, .testimonial .owl-next{border: .1rem dashed var(--brand); width: 4rem; height: 4rem; background: none; border-radius: 100%;}
.testimonial .owl-prev:before, .testimonial .owl-next:before{font: normal 1.8rem/3.6rem FontAwesome; color: var(--brand); content: "\f060";}
.testimonial .owl-next:before{content: "\f061";}
.testimonial .owl-next{margin-left: .8rem;}
.testimonial .owl-item{padding: 2rem;}
.testimonial .owl-dots{display: none;}



/*img_sec*/
.img_sec{background-size: cover;}

/*footer_sec*/
.footer_sec{background: url(../images/ft_bg.png)no-repeat center center/cover, linear-gradient(100.88deg,#ebfffe .6%,#fff6eb);}
.footer_top{padding: 4rem 0 1rem;}
.footer_sec ul li{display: inline-block;}
.footer_sec ul li a, .footer_sec ul li{color: var(--heding);}
.footer_sec ul li a{display: inline-block; font-size: 1.6rem; padding-bottom: 1rem;}
.footer_text{padding-bottom: 3rem;}
.footer_sec p{color: var(--body-text-color);}
.footer_text strong{width: 100%; display: inline-block; color: var(--heding); padding-bottom: 2rem; font-size: 2.2rem; text-transform: capitalize;}
.footer_sec ul li a:hover{color: var(--brand);}
.footer_sec .ft_gallery a img{margin: 0 0 1rem; width: 100%; border-radius: .5rem;}
.footer_top .collum:nth-child(2) .footer_text, .footer_top .collum:nth-child(3) .footer_text{padding-left: 5rem;}
/* .footer_bootom{padding: 1rem 0;} */
.footer_bootom .d-flex{justify-content: space-between; border-top: .1rem solid rgba(72,72,72,.8); padding: 1.5rem 0;}
.footer_bootom a{color: var(--heding);}
.footer_bootom p a:hover{color: var(--brand);}
.footer_bootom p{color: var(--heding);}
.giv li{position: relative; padding-left: 2.5rem; margin-bottom: 1rem; width: 100%;}
.giv li:last-child{margin-bottom: 0;}
.giv li i{position: absolute; left: 0; top: .5rem; color: var(--brand);}
.footer_top .collum:nth-child(4) .footer_text{padding-left: 2rem;}
.ft_menu li{width: 50%; float: left;}
.footer_top{width: 100%; display: inline-block; }
.footer_text{display: inline-block; width: 100%;}
.ft_gallery a{position: relative; overflow: hidden; display: block;}
.ft_gallery_overlay{display: flex;justify-content: center;align-items: center; color: var(--white); position: absolute; top: 50% !important; left: 50% !important; z-index: 2; content: ''; width: 0; height: 0; background: rgba(255,255,255,.2); border-radius: 100%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); opacity: 0; width: 100%; height: 100%;}
.ft_gallery_overlay i {font-size: 1.5625rem;}
.ft_gallery a:hover .ft_gallery_overlay{ -webkit-animation: circle .75s; animation: circle .75s;}
.ft_social_icon li{display: inline-block;} 
.ft_social_icon li a{width: 3.5rem; height: 3.5rem; border: .1rem solid var(--body-text-color); display: flex !important; align-items: center; justify-content: center; border-radius: 100%; padding: 0 !important; margin-right: .5rem;}
.ft_social_icon li a:hover{background: var(--brand); color: var(--white) !important; border-color: transparent;}
.ft_social_icon li:last-child a{margin-right: 0;}






/*about_page*/
.breadcrumb_sec{margin-bottom: 0;}
.inner_banner .banner_box{padding: 4rem 0; position: relative;}
.inner_banner .benner_text{display: flex; align-items: center; justify-content: space-between;}
/* .inner_banner .banner_box::before{background: rgba(17, 17, 17, 0.5) none repeat scroll 0 0; content: " ";  height: 100%; left: 0; position: absolute; top: 0; width: 100%; z-index: 0;} */
.inner_banner .banner_box .benner_text h1{font-size: 4rem; text-transform: capitalize;  padding-bottom: 0;}
.inner_banner .breadcrumb_sec .breadcrumb-item{font-size: 1.5rem; }
.benner_text .breadcrumb-item a, .benner_text .breadcrumb-item+.breadcrumb-item::before{color: var(--heding);}
.benner_text .breadcrumb-item + .breadcrumb-item {padding-left: 0; color: var(--brand);}
.benner_text .breadcrumb-item+.breadcrumb-item::before{content: "//"; padding: 0 .8rem;}
.about_sec .row{align-items: center;}
.about_box p{color: var(--body-text-color);}
.about_box h2{padding-bottom: 2rem;}
.program_box{background: var(--background); padding: 3rem 2rem; margin-top: 3rem; border-radius: 1rem;}
.prog_text{padding-top: 2rem;}
.prog_text p{color: var(--body-text-color);}
.prog_text span{width: 100%; display: inline-block; color: var(--brand); padding: 1rem 0;}
.time_sec .row{align-items: center; margin-top: 2rem;}
.time_sec .row:nth-child(even){flex-direction: row-reverse;}

.time_img img{height: 20rem; object-fit: cover; padding: 2rem; border-radius: 2rem; box-shadow: 0 0 1rem rgb(0 0 0 / 10%);}
.time_text{padding-left: 2rem;}
.time_text em{width: 100%; display: inline-block; font-style: normal; font-size: 2.2rem; padding-bottom: 2rem; color: var(--green);}
.time_text p{color: var(--body-text-color);}
.experience {position: absolute; left: 0; bottom: -2rem; width: 29rem; height: 10.1rem; background-image: url(../images/exp.png); padding: 3.5rem; font-size: 2.2rem; line-height: 2.2rem; color: var(--white); font-weight: 700; -webkit-box-shadow: 0 2.5rem 4rem rgb(0 0 0 / 24%); box-shadow: 0 2.5rem 4rem rgb(0 0 0 / 24%); -webkit-animation: bounce-y 10s infinite linear; animation: bounce-y 10s infinite linear; display: flex; align-items: center; justify-content: space-between; z-index: 5; background-size: 100%;}
.experience .count {font-size: 7rem; line-height: 1em; font-weight: 700; margin-right: 1.5rem;}
/* .inner_about_box img{max-width: 30rem;} */
/* .anim_icons{position: absolute; left: 0; top: 0; left: 0; height: 100%; width: 100%; max-width: 1170px; margin: 0 auto;} */
.anim_icons .icon {position: absolute; background-position: center; background-repeat: no-repeat; background-size: 100%;}
.icon_paper_plan {width: 278px; height: 317px; background-image: url(../images/icon_paper_plan.png); position: absolute; left: 0; top: 0; background-size: 100%;}
.icon_dotted_map{top: 0; left: -4rem; width: 41.5rem; height: 33.2rem; background-image: url(../images/icon_dotted_map.png);}
.inner_about_box img{position: relative; z-index: 2; border-radius: 1rem;}

/* .count_sec{margin-top: 6rem; background-attachment: fixed !important; position: relative;}
.count_sec::before{background: var(--green); position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; opacity: .8;}
.count_box{display: block; width: 100%;  margin-bottom: 3rem; padding: 2.5rem 1.5rem; background: url(../images/cloud-small.png)no-repeat center top var(--white); -webkit-box-shadow: 0 1.4rem 2.2rem rgba(42, 135, 158, 0.14); box-shadow: 0 1.4rem 2.2rem rgba(42, 135, 158, 0.14); -webkit-border-radius: 1.2rem; border-radius: 1.2rem; text-align: center; position: relative;}
.cout_img i{font-size: 4rem; color: #1AB9FF;} 
.cout_txt{margin-top: 2rem;}
.cout_txt strong{font-size: 4.2rem; font-weight: 400; color: var(--heding);}
.cout_txt span{color: #3B4757;}
.counter_title {display: block; width: 100%; font-size: 2rem; color: #3B4757; padding-top: 1rem;} */

.youtub_vedio_sec{margin-top: 2rem; position: relative;}
.youtb_info{margin-top: 3rem;}
.youtb_info{overflow: hidden; border-radius: 1rem; position: relative;}
.play_btn{position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); color: var(--white) !important; width: 7rem; height: 7rem; border-radius: 100%; text-align: center; cursor: pointer; background: var(--brand); animation: circle-ripple linear 3s linear infinite; -webkit-animation: circle-ripple 3s linear infinite;}
.play_btn i{line-height: 7rem; font-size: 2.5rem;}

.wel_img{border-radius: 1rem; overflow: hidden; margin-top: 2rem;}




/*classroom_page*/
/* .classroom{background: var(--background);} */
.class_box{padding: 2rem; background: var(--white); border-radius: 2rem; margin-top: 2rem; -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    -khtml-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    -moz-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    -ms-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    -o-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    box-shadow: 0 4px 20px rgba(0,0,0,.15);}
.class_text{padding-top: 2rem;}
.class_text span{width: 100%; display: inline-block; font-size: 2rem; color: var(--black); padding-bottom: 1.5rem;}
.class_text span:hover{color: var(--brand);}
.classroom .row{text-align: left;}
.class_text p{color: var(--body-text-color);}
.class_box:hover .class_img img{transform: scale(1.05); transition: 0.5s;}
.class_img{border-radius: .5rem; overflow: hidden;}
.class_img img{height: 20rem; object-fit: cover;}


/*teachers_page*/
.teachers_sec{position: relative;}
.top_shap{position: absolute; left: 50%; top: 0; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); z-index: -1;}
.teachers_sec h2{padding-bottom: 1.5rem;}
.teachers_sec p{color: var(--body-text-color);}
/* .teachers_sec{background: var(--background);} */
.teachers_img{overflow: hidden; border-radius: 1rem; position: relative;}
.teachers_img img{transition: 0.5s; height: 30rem; object-fit: cover;}
.teachers_box:hover .teachers_img img{transform: scale(1.05); transition: 0.5s;}
.teachers_box{background: var(--white); padding: 1rem 1rem 0 1rem; box-shadow: 0 1rem 2rem rgb(0 0 0 / 15%); border-radius: 1rem; margin-top: 3.5rem;}
.teachers_text{padding: 2rem 0;}
.teachers_text h3{font-size: 2rem; font-weight: 500; padding-bottom: .5rem;}
.teachers_text h3 a{color: var(--heding);}
.teachers_box:hover .teachers_text h3 a{color: var(--green);}
.teachers_text h5{font-size: 1.5rem;}
.sc_div {position: absolute; bottom: 1rem; right: 1rem;   z-index: 9; text-align: center; border-radius: 2rem; padding: 1rem;}
.sc_div i {color: var(--white); display: flex;  font-size: 1.4rem; line-height: 2.5rem; overflow: hidden; cursor: pointer; align-items: center; justify-content: center;}
.sc_div ul {opacity: 0; transition: 0.5s; transform: translateY(5rem); width: 3.5rem; padding: 1rem 0 3rem;}
.sc_div:hover ul {opacity: 1; transition: 0.5s; transform: translateY(3.5rem); background: var(--green); border-radius: 2rem;}
.sc_div ul li {margin-bottom: .5rem;}
.sc_div ul li a{color: var(--white);}
.sc_div_info{background: var(--green); display: inline-block; width: 3.5rem; height: 3.5rem; border-radius: 2rem; position: relative;}
.sc_div_info i{line-height: 3.5rem; font-size: 1.5rem;}

.overlay{position: relative; overflow: hidden; display: block;}
.overlay:hover .ft_gallery_overlay {-webkit-animation: circle .75s;animation: circle .75s;}








/*teachers_details*/
.teachers_detalis_box h3{color: var(--black); font-weight: 600; text-transform: capitalize; font-size: 3rem; padding-bottom: 1rem;}
.teachers_detalis_box h5{color: var(--brand); text-transform: capitalize; font-size: 2rem; padding-bottom: 2rem;}
.teachers_detalis_box ul li{display: inline-block;}
.follow li a{display: inline-block; font-weight: 500; background: var(--brand); color: var(--white); padding: 1rem; border-radius: 100%; font-size: 2rem; width: 4rem; height: 4rem; -webkit-transition: all 300ms linear 0ms; -khtml-transition: all 300ms linear 0ms; -moz-transition: all 300ms linear 0ms; -ms-transition: all 300ms linear 0ms; -o-transition: all 300ms linear 0ms; transition: all 300ms linear 0ms;}
/*.follow li:hover a{margin-top: 2.5rem;}*/
.follow{margin-top: 2rem;}
.background_color2{background: var(--blue)!important;}
.background_color3{background: var(--yellow)!important;}
.background_color4{background: var(--green)!important;}
.teachers_detalis_box img{border: .2rem dashed var(--blue); padding: .5rem; height: 40rem; object-fit: cover;}
.teachers_detalis_box ul li{display: inline-block;}
.teachers_detalis_box ul li a{display: inline-block;}
.teachers_detalis_box .prodot li{display: block;}
.prodot li b{color: var(--blue); width: 100%; display: inline-block;}
.prodot{margin-top: 2rem;}
.prodot li i{font-size: 2.8rem; padding-right: 1rem; font-weight: 400;}
.prodot li a{color: var(--heding); padding-top: 1rem;}
.prodot li a:hover{color: var(--brand);}

.teachers_details .row:last-child .teachers_detalis_box{padding-left: 2rem;}





/*pasonal_details*/
.pasonal_details h3{font-size: 2.5rem; font-weight: 600; text-transform: capitalize; color: var(--black); padding-bottom: 2rem;}
.pasonal_details p{padding-bottom: 1.5rem;}
.pasonal_txt{color: var(--heding); padding: 1rem .5rem; text-align: center; margin-top: 2rem; background: var(--white); -webkit-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    -khtml-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    -moz-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    -ms-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    -o-box-shadow: 0 4px 20px rgba(0,0,0,.15);
    box-shadow: 0 4px 20px rgba(0,0,0,.15); border-radius: .5rem;}


/*event_page*/
.event_sec .event_box:nth-child(even) .row{flex-direction: row-reverse;}
.event_sec .row .event_text{padding-left: 1rem;}
.event_sec .event_box:nth-child(even) .event_text{text-align: right; padding: 0 1rem 0 0;}
.event_sec .row{align-items: center; }
.event_img img{border-radius: 1rem; box-shadow: 0 1rem 2rem rgb(0 0 0 / 15%);}
.event_text h3{font-size: 2.2rem; font-weight: 500; padding-bottom: 1rem; color: var(--brand); text-transform: capitalize;}
.event_text p{color: var(--body-text-color);}


.event_img{position: relative;}
.play{position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: rgba(255, 255, 255, 0.7); width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; font-size: 1.8rem; color: var(--brand); }
/* .play i{color: var(--brand);  padding: 1rem; position: relative;} */
.play::before{content: ""; position: absolute; z-index: 0; left: 0; top: 0; display: block; width: 100%; height: 100%; background-color: rgba(255,255,255,.63); border-radius: 50%; animation: pxl_scale1 1500ms ease-out infinite; -webkit-animation: pxl_scale1 1500ms ease-out infinite; z-index: -2;}
.event_box{padding: 3rem 2rem; box-shadow: rgba(100,100,111,0.2) 0 .7rem 2.9rem 0; background: var(--white); margin-top: 3rem; border-radius: 1rem;}




/*contact_page*/
.map_sec iframe{width: 100%; height: 40rem;}
.input_type input[type="text"], .input_type input[type="tel"], .input_type input[type="email"], .input_type textarea{width: 100%; height: 5rem; border-radius: 1rem; box-shadow: none; outline: none; padding: 0 2rem; color: var(--body-text-color); border: 0.1rem solid rgba(118, 118, 120, 0.3); font-size: 1.6rem;} 
.input_type input[type="text"]:placeholder, .input_type input[type="tel"]:placeholder, .input_type input[type="email"]:placeholder, .input_type textarea:placeholder{color: grey; opacity: 1;}
.input_type input[type="text"]:focus, .input_type input[type="tel"]:focus, .input_type input[type="email"]:focus, .input_type textarea:focus{border-color: var(--brand);}
.input_type textarea{height: 100px; resize: none; padding: 1.5rem;}
.input_type{margin-bottom: 2rem;}
.input_type button{color: var(--white); cursor: pointer; background: var(--brand); height: 5rem; padding: 0 4rem; border-radius: 1rem; border: none;}
.contact_sec .from .col{-webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; width: 100%; min-height: 1px; padding: 0 1.5rem;}
.contact_sec .from .col:nth-child(5){-ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%;}
/*.contact_sec .input_type input[type="button"]:hover{background: var(--white); color: var(--brand);}*/
.contact_box h2{padding-bottom: 2rem;}
.contact_sec .input_type button{border: none;}

.location_box{background: #FFEAE0; padding: 4rem 2rem; border-radius: 1rem; height: auto !important; min-height: 18rem;}
.ones{background: #EAF5FF  !important;}
.twos{background: #FFFAEF !important;}
/*.location_box i{font-size: 2.5rem; background: var(--white); color: var(--brand); border-radius: 1rem; width: 5rem; height: 5rem; line-height: 5rem;}*/
.location_box ul li a{color: #7A7A7A;}
.location_box ul li b{color: #13293d;}
.location_box ul li a:hover{color: var(--heding);}
.location_box h5{font-size: 2rem; text-transform: capitalize; padding: 0 0 .5rem 0; color: var(--heding); margin-bottom: 1rem;}
.location_box span{color: #7A7A7A;}
.contact_txt ul li{margin-top: 1rem;}
.contact_txt ul li:first-child{margin-top: 0;}
.contact_box{padding: 4rem; background: var(--white); border-radius: 2rem; box-shadow: 0 0 2.5rem -1rem rgba(0, 0, 0, 0.15); position: relative; overflow: hidden;}


.contact_box::before{content: ""; width: 100px; height: 100px; border: .1rem dashed var(--brand); position: absolute; z-index: 11; left: -4rem; top: -4rem; border-radius: 100%;}
.contact_box::after{content: ""; width: 100px; height: 100px; border: .1rem dashed var(--brand); position: absolute; z-index: 11; right: -4rem; bottom: -4rem; border-radius: 100%;}
/*.contact_sec .shap{position: absolute; top: 10%; left: 40%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; max-width: 100px; -webkit-animation: moveLeftBounce 3s linear infinite; animation: moveLeftBounce 3s linear infinite;}*/

.contact_sec{position: relative;}
.contact_sec .shap{position: absolute; top: 3rem; left: 2rem; offset-path: path("M20,20 C20,100 200,0 200,100"); animation: move 3000ms infinite alternate ease-in-out;}
.contact_sec .shap img{width: 10rem;}







/* class_room_details_page */
.cl_dtls_lt{border-radius: 1rem; overflow: hidden;}
.cl_dtls_lt img{border-radius: 1rem;}
.revire{background: var(--brand); border-radius: 1rem; padding: 2rem; margin-top: 2rem; position: relative;}
.quote_icon{position: absolute; left: 2rem; top: 2rem; color: var(--white); font-size: 2.5rem;}
.revire strong{font-size: 2rem; text-align: right; text-transform: capitalize; display: inline-block; width: 100%; margin-top: 1rem;}
.course_features_sec{width: 100%; display: inline-block; }
.course_features_sec ul li{margin: 2rem 1.5rem 0 0; color: var(--heding); display: inline-block;}
.course_features_sec ul li:last-child{margin-right: 0;}
.course_features_sec ul li i{padding-right: .2rem;}
.features_icon i{color: #A32CFF;}
.features_icon1 i{color: #1AB9FF;}
.features_icon2 i{color: #FF6666;}
.features_icon3 i{color: #FAB319;}
.features_icon4 i{color: #0028a1;}
.follow_sec li{display: inline-block; margin: 1rem .5rem 0 0;}
.follow_sec li a{display: inline-block; width: 4rem; height: 4rem; border-radius: .5rem; border: .1rem solid var(--brand); text-align: center; color: var(--brand);}
.follow_sec li a i{line-height: 3.9rem;}
.follow_sec li a:hover{color: var(--white); background-color: var(--brand);}
.follow_sec li:last-child{margin-right: 0;}
.follow_sec strong{color: var(--heding); font-size: 2rem;}
.rt_box{border-radius: 1rem; background-color: var(--white); box-shadow: 0 0 1rem 0 rgb(136 136 136 / 10%); padding: 2rem;}
.dtls_title{color: var(--heding); margin-bottom: 2rem; font-size: 2.1rem;}
.cl_gallery_box ul{display: flex; flex-wrap: wrap; margin: -.7rem;}
.cl_gallery_box ul li{padding: 7px; width: calc(100% / 3); flex-grow: 1;}
.cl_gallery_box ul li img{border-radius: .5rem;}
.cl_dtls_img img{width: 10rem; border-radius: .5rem;}
.cl_dtls_txt h3{color: var(--heding);}
.cl_dtls_txt span{font-size: 1.4rem; color: var(--body-text-color); display: block; margin-top: .5rem;}
.popular_class li{margin-bottom: 1.5rem;}
.popular_class li:last-child{margin-bottom: 0;}
.popular_class ul li a:hover h3{color: var(--brand);}

/* pegination_sec */
/* .pegination_sec ul li{display: inline-block; margin-top: 5rem;}
.page_number{color: var(--brand); padding: .3; background: transparent; min-height: 4rem; min-width: 4rem; line-height: 3.2rem; font-size: 1.4rem; border-width: .1rem; border-style: solid; margin: 0 .3rem; text-align: center; display: inline-block; border-color: #cccccc; display: flex; align-items: center; justify-content: center; border-radius: .5rem; font-weight: 700; background: var(--white);}
.page_number:hover{background: var(--brand); color: var(--white); border-color: transparent;}
.pegination_sec ul li .current{background: var(--brand); color: var(--white); border-color: transparent;} */

/*-----------------------------21-1-24------------------------------*/
.social_flex{justify-content: space-between; margin-top: 1rem;}
.ab_count_sec{background-attachment: fixed !important; position: relative;}
.ab_count_sec::before{position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ""; background: rgba(0, 0, 0, .2);}
.ab_count_sec p{color: rgba(255, 255, 255, .7);}
.ph_mun_img img{width: 6rem; margin-right: 2rem;}
.ph_mun{justify-content: center; align-items: center; padding-top: 2rem;}
.ph_mun_txt{color: var(--white); font-size: 3rem;}

.error_haedaing{font-size: 30rem; color: var(--brand); font-weight: 800; line-height: 35rem;}













@media (min-width: 992px) and (max-width: 9000px){

    .nav_top .dropdown .dropdown-menu { -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;
    -o-transition: all 0.3s;transition: all 0.3s; max-height: 0; display: block; opacity: 0; visibility: hidden;  margin:0; border: none; border-bottom: .2rem solid #ccc; 
    background:#fff !important; width: 10.50rem; padding: 0; border-radius: 0; left: 0; right: inherit; padding: .5rem .8rem .8rem; box-shadow: inherit; }

    .nav_top .dropdown:hover .dropdown-menu { max-height: 30rem;opacity: 1; visibility: visible; }

}

/*responsive*/
@media only screen and (max-width: 1399px){

    .menu_sec{padding-right: 20rem;}

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

    .header_sec{position: relative; left: 0; top: 0;}

}

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

    .menu_sec li a{font-size: 1.6rem; padding-right: 1.5rem;}
    .menu_sec{padding-right: 16rem;}
    .icon_bar{right: 1rem;}
    /* .benner_text strong{font-size: 3.5rem; padding: 1rem 0; line-height: 4rem;} */
    .banner_title strong span {padding: 0.8rem 0;}
    .activity .ban_img1 {left: 8.9rem;}
    .activity .ac_img { width: 6rem; }
    .item_title {font-size: 2rem;margin-bottom: .8rem;}
    .activity .ac_img2 {width: 12rem;}
    .activity_box .flex-grow-1.ms-5{margin-left: 2rem !important;}
    .ft_menu li{font-size: 1.5rem;}
    .footer_top .collum:nth-child(2) .footer_text, .footer_top .collum:nth-child(3) .footer_text {padding-left: 3rem;}
    /* .footer_text strong {font-size: 1.8rem; } */
    /* .footer_sec .ft_gallery a img{width: 6rem; height: 8rem;} */
    .testimonial .owl-item {padding: 1rem;}
    .sess_txt {padding: 0 0 0 !important;}
    


    /*teachers_page*/
    .icon_sec{padding: 0; padding-top: 2rem;}
    .teachers_text{padding: 1.5rem 0;}

    /*teachers_details*/
    .prodot{margin-top: 1rem;}
    .prodot li a{padding-top: .5rem;}


    /*contact_page*/
    .map_sec iframe{height: 30rem;}

    /*contact_page*/
    .location_box {flex-direction: column; padding: 3rem 2rem; min-height: 22rem;}
    .contact_txt.text-start.ms-4{margin: 1rem 0 0 0 !important; text-align: center !important;}
    .location_box h5 {margin-bottom: 0rem;}

    /* about_page */
    .inner_banner .banner_box .benner_text h1 {font-size: 4rem;}

    /*-------------------23-1-24--------------------------------------*/
    .menu_sec { padding-right: 22rem;}

    /*------------------------------27-1-24-----------------------------*/
    .banner_box {padding: 12rem 0;}
    
    
}

@media only screen and (max-width: 991px){
    
    .nav_top .navbar-toggler {color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem;}
    .nav_top .navbar-toggler .icon-bar {display: block; width: 3rem; height: .4rem; border-radius: .3rem; background-color: var(--brand); opacity: 1; -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;}
    .nav_top .navbar-toggler .icon-bar + .icon-bar {margin-top: .4rem;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(2){opacity: 0;  width: 0px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(3) {-webkit-transform: matrix(1, 1, 0, 1, 0, 0); transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px;}
    .nav_top .navbar-toggler.showtoggle .icon-bar:nth-child(1) {-webkit-transform: matrix(1, -1, 0, 1, 0, 0); transform: matrix(1, -1, 0, 1, 0, 0); width: 25px;}


    .nav_top .navbar-toggler{color: transparent; border: none; padding: 1rem; -webkit-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; margin-right: -1rem;}




    .ptb{padding: 5rem 0;}
    .inner_ptb{padding: 3rem 0 5rem;}
    .nav_top .navbar-collapse {position: fixed; top: 0; left: -30.10rem; background: #fff;  z-index: 999999; width: 20.80rem; padding: 2.5rem 1rem; height: 100% !important; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; overflow-y: auto; min-height: 100vh; border-right: .2rem dashed var(--brand);}
    .nav_top .navbar-collapse.show {left: 0;}
    .menu_sec {padding-right: 0;}
    /* .banner_box {padding: 2rem 0;} */
    .banner_box {padding: 7rem 0;}
    .rating_box {margin-top: 3rem; padding: 0 2rem 2rem;}
    .item_box{margin-top: 2rem;}
    /* p{font-size: 1.4rem;} */
    /* h1, h2{font-size: 2.1rem; font-weight: 600; line-height: 3.5rem; margin-bottom: .5rem;} */
    .core_img img{width: 12rem; height: 12rem; border: .2rem dashed var(--white); padding: .5rem;}
    .core_text span{font-size: 1.8rem; padding: 1.5rem 0 .8rem;}
    .success_box h3{font-size: 2.2rem; padding-bottom: 1rem;}
    .mi_vi{margin-top: 1rem;}
    .mi_vi h4{padding-bottom: 1rem;}
    .footer_top .collum:nth-child(3) .footer_text{padding-left: 0;}
    .footer_top .collum:nth-child(2) .footer_text{padding-left: 0;}
    /* .footer_text strong{padding-bottom: 1.7rem; font-size: 1.7rem;} */
    .menu_sec li a{padding: 1.5rem; display: inline-block; width: 100%; border-bottom: .1rem dashed var(--brand);}
    .icon_bar{right: 5rem; top: 1.7rem;}
    .core_value p{padding: 0;}
    .teachers_text{padding: 1.5rem 0 1rem;}
    .icon_sec{padding-top: 1.5rem;}
    .about_box p{text-align: left;}
    .teachers_box {margin-top: 2.5rem;}
/*    .activity .ban_img4 {bottom: -1.6rem;}*/
    .activity .ban_img3 {top: 3.4rem;}
    .activity .ac_img2 {width: 10rem;}
    .success .row.justify-content-center{margin-top: 1rem;}
    .footer_top .collum:nth-child(4) .footer_text {padding-left: 0;}
    .success_box p{padding-bottom: .7rem;}
    /* .footer_sec .ft_gallery a img{height: 7rem;} */
    .menu_sec li:last-child a{border-bottom: none;}
    .ft_ptb{padding: 6rem 0;}
    .event_box{padding: 1.5rem;}

    .activity .ac_img{width: 5rem;}



    .teachers_img img{height: 29rem;}

    .about_box img{width: 50rem !important;}

   


    /*about_Page*/
    .time_img img{height: 15rem; padding: 1rem;}
    .about_box h2{padding-bottom: 1.5rem; text-align: left;}
    .prog_text{padding-top: 1rem;}
    .program_box{padding: 2rem 1rem;}
    .time_text em{font-size: 2rem; padding-bottom: 1rem;}
    .class_text{padding-top: 1.4rem;}
    .inner_about_box{padding-bottom: 2rem;}

    /*classroom_page*/
    .class_text span{padding-bottom: .8rem;}
    .class_text{padding-top: 1.6rem;}
    .classroom .more{padding: 0 2rem; margin-top: 2rem; line-height: 4rem; font-size: 1.4rem;}
    .class_text span{font-size: 1.8rem;}

    /*teachers_page*/
    /* .teachers_text h3{font-size: 1.8rem;} */
    .teachers_text h5{font-size: 1.4rem;}
    .teachers_sec h2{padding-bottom: 1rem;}

    /*teachers_detalis*/
    .teachers_detalis_box img{height: 30rem;}
    .pasonal_txt{padding: 1.5rem;}
    .teachers_detalis_box h3{font-size: 2.3rem; padding-bottom: .8rem;}
    .teachers_detalis_box h5{font-size: 1.8rem; padding-bottom: 1rem;}
    .pasonal_details h3{font-size: 2.2rem; padding-bottom: 1rem;}
    .teachers_detalis_box p{padding-top: 1rem;}


    /*event_page*/
    .event_text h3{font-size: 1.9rem; padding-bottom: 1rem; text-align: left;}
    .event_text p{text-align: left;}
    .event_sec .more{padding: 0 2rem; margin-top: 2rem; line-height: 4rem; font-size: 1.4rem;}
    .event_box {padding: 2rem; margin-top: 2rem;}

    /*contact_page*/
    .contact_box img{width: 100%;}
    .map_sec iframe{height: 30rem;}
    .location_box{padding: 2rem 1rem;}
    .location_box i{font-size: 2.5rem; width: 7rem; height: 5rem;}
    .location_box h5{font-size: 1.9rem; padding: 1.2rem 0;}
    .location_box {margin-top: 1rem;}

    /* class_details_page */
    .cl_dtls_rt{margin-top: 2.5rem;}
    .contact_sec h2{font-size: 3rem; margin-bottom: 2.5rem;}

    /*--------------------------------------------------23-1-24--------------------------*/
    .menu_sec{padding-right: 0;}

    /*---------------------------------------27-1-24------------------------------------*/
    .banner_title strong {line-height: 5.5rem; font-size: 4.5rem;}
    .teachers_details .row:last-child .teachers_detalis_box {padding: 2rem 0 0 0;}
    .inner_banner .banner_box .benner_text h1 {font-size: 3.5rem;}
    .error_haedaing {font-size: 24rem; line-height: 27rem;}

}

@media only screen and (max-width: 767px){
    
    .container{max-width: 100%; padding: 0 1.5rem;}
    .ptb{padding: 4rem 0;}
    .inner_ptb{padding: 2rem 0 4rem;}
    .benner_text span{font-size: 1.7rem;}
    .navbar-brand img{padding-left: 0;}
    .about_box h2{padding-bottom: 1rem;}
    /* .teachers_text{padding: 1rem 0;} */
    .teachers_box{padding: 1rem;}
    .icon_sec{padding-top: 1rem;}
    .bannersec .carousel-indicators {bottom: 0; left: 50%; top: inherit; right: inherit; flex-direction: inherit; -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); transform: translateX(-50%); margin: 0;}
    .bannersec .carousel-indicators [data-bs-target] {margin: 0 0 1.5rem;}
    .benner_text img{max-width: 35rem;}
    /* .benner_text{text-align: center;} */
    /* .benner_text strong {font-size: 3.5rem; padding: 1rem 0; line-height: 4rem;} */
    .banner_title strong span {font-size: 2.5rem; padding: 0;}
    /* .benner_text .more{margin-top: 1rem;} */
    .core_box {margin-top: 2.5rem;}
    .activity .ban_img4 {bottom: 5.4rem;}
    .activity_box {margin-top: 0;}
    .activity .ban_img1 {left: 1rem;}
    .testimonial .owl-nav.disabled {margin-top: 1rem;}
    .footer_text strong {padding-bottom: 1.2rem;}
    /* .testimonial h2 {padding-bottom: 1rem;} */
    /* p{font-size: 1.4rem;} */
    h1, h2{font-size: 2.5rem; line-height: 3.5rem; margin-bottom: .5rem;}
    /* h1, h2{font-weight: 600; line-height: 3rem; margin-bottom: .5rem;} */
    .sess_txt { font-size: 3rem;}
    /* .footer_text strong{font-size: 1.6rem;} */
    /* .about_sec .shap2{top: inherit; bottom: 1rem;} */
    
    .icon_paper_plan{width: 250px; height: 300px;}
    .experience .count{font-size: 6rem; margin-right: 1rem;}
    .class_box{padding: 1.5rem;}
    .event_sec .row .event_text{padding-left: .8rem;}

    .navbar-brand img{width: 10rem;}
    .features_box_content h4{font-size: 1.7rem;}
    .about_sec .shap2 img{width: 15rem;}
    .activity .ac_img2{width: 8rem;}
    .activity .ban_img2{bottom: 0.1rem;}
    .activity .ac_img{width: 4rem;}
    .activity .ban_img4{right: 6rem;}
    /* .footer_sec .ft_gallery a img{width: 7rem;} */
    .testimonial_box {margin-top: 2rem;}



    /*about_Page*/
    .inner_banner .banner_box{padding: 4rem 0;}
    .time_text{padding-left: 0;}    
    .program_box{margin-top: 1.5rem;}
    .time_img img{height: 13rem;}
    .time_text em{font-size: 1.8rem; padding-bottom: 1rem;}
    .inner_banner .benner_text { flex-direction: column;}
    .inner_banner .banner_box .benner_text h1 { margin-bottom: 1rem; }

    /*teachers_page*/
    /* .teachers_text h3{font-size: 1.5rem;} */
    .icon_sec ul li i{font-size: 1.3rem;}

    /*teachers_deatils*/
    /* .teachers_details .row:last-child .teachers_detalis_box{padding-left: 0; padding-top: 1rem;} */
    .pasonal_details h3{font-size: 2rem;}

    /*event_page*/
    .event_text h3{font-size: 1.7rem;}

    /*contact_page*/
    .contact_sec .input_type{margin-bottom: 1rem;}
    .contact_sec .input_type input[type="button"]{height: 4rem; padding: 0 3rem;}    
    .map_sec iframe{height: 25rem;}

    /*----------------------------------------------23-1-24-------------------------*/
    /* .benner_text.text-center{text-align: left !important;}
    .banner_title{left: 9.5rem; -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);} */

    /*---------------------------------------27-1-24------------------------------*/
    .inner_banner .banner_box .benner_text h1 {font-size: 3rem;}
    .error_haedaing {font-size: 13rem; line-height: 17rem;}
    
}

@media only screen and (max-width: 575px){
    .benner_text{width: 100%;}
    .header_menu {padding: .5rem 0;}
    .icon_bar ul li i{font-size: 1.3rem;}
    .menu_sec li a{padding-right: 0;}
    /* .more{padding: 0 1.7rem; font-size: 1.3rem;} */
    .heding{font-size: 1.5rem; padding-bottom: .5rem;}
    .footer_top .collum:nth-child(2) .footer_text{padding-left: 0;}
    .acti_img img{width: 30rem; height: 27rem;}
    /* .success .more{padding: 0 2rem; margin-top: 2rem; line-height: 4rem; font-size: 1.4rem;} */
    /* .footer_text strong{padding-bottom: .8rem; font-size: 1.5rem;} */
    .icon_bar{right: 4.5rem; top: 1.1rem;}
    .class_text span{font-size: 1.7rem;}
    .class_text span{padding-bottom: .9rem;}
    .icon_bar ul li i{padding: .9rem;}
    .top_rt ul li span{display: none;}
    .icon_bar .flex-grow-1.ms-3{display: none;}
    /* .benner_text strong {font-size: 4rem; line-height: 5rem;} */
    .bannersec .carousel-indicators [data-bs-target] {margin: 0 0 0.8rem;}
    .benner_text .more {padding: 0 1.5rem;}
    /* .benner_text img {display: none;} */
    .banner_box {padding: 5rem 0;}
    /* .banner_title { position: relative;  display: block;  left: inherit; top: inherit; transform: inherit;} */
    .features_box_content h4 {font-size: 1.5rem; line-height: 2rem;}
    .top_inner{width: 4rem; height: 4rem; font-size: 1.8rem; line-height: 4rem;}
    .pro {flex-direction: column;}
    .activity .ban_img3{right: 5.9rem; top: 10.4rem;}
    .activity .ac_img2{width: 8rem; }
    .activity .ban_img4{bottom: 28.4rem; right: 14.5rem;}
    .activity .ban_img2{left: inherit; right: 5rem;}
    .success_box h3 {font-size: 1.8rem; padding-bottom: 1rem; line-height: 2.5rem;}
    .success .row.justify-content-center {margin-top: 0;}
    .mi_vi{margin-top: 1rem;}
    .client_say {padding: 2rem;}
    .quote{top: 0; right: 2rem;}
    .footer_bootom .d-flex{flex-direction: column; text-align: center;}
    .copy_txt{padding-bottom: .5rem;}
    .navbar-brand img{width: 7rem;}
    .mi_vi h4{font-size: 1.8rem; padding-bottom: .6rem;}
    /* .footer_sec .ft_gallery a img{width: 7rem;} */
    .ft_ptb{padding: 5rem 0;}
    .experience{bottom: -5rem;}
    .inner_about_box img{max-width: 29rem;}
    .event_sec .row .event_text{padding-left: 0;}
    .contact_sec .input_type input[type="text"], .input_type input[type="tel"], .input_type input[type="email"], .input_type textarea{padding: 0 1.5rem; font-size: 1.4rem;}
    .quote{font-size: 2.9rem;}
    .client_img{padding-top: 2rem;}
    .footer_sec ul li a{font-size: 1.5rem; padding-bottom: .6rem;}
    .icon_bar img{width: 2.7rem;}
    /* .navbar-brand img{width: 5rem;} */
    .rating_box{padding: 0 1.8rem 1.8rem;}
    .item_box{margin-top: 1.5rem;}
    /* h1, h2{font-weight: 500; font-size: 1.9rem;} */
    h1, h2 { font-size: 2.2rem; line-height: 3.2rem;}
    .experience .count{font-size: 5rem; margin-right: .7rem;}
    .contact_sec .shap img{width: 5rem;}
    .about_box img { width: 100% !important; }
    .sess_txt {font-size: 2.5rem;}
    .testimonial_txt strong {font-size: 1.5rem;}
    .testimonial_box {padding: 5rem 1.5rem 3rem;}
    .footer_top {padding: 4rem 0 0rem;}
    .footer_text { padding-bottom: 2rem;}
   

    /*about_Page*/
    .inner_banner .banner_box{padding: 3rem 0;}
    .time_text{margin-top: 1rem;}
    /* .anim_icons{margin-top: 2rem;} */
    .experience{width: 23rem; height: 8rem; padding: 2.5rem; font-size: 1.8rem; line-height: 2rem;}
    .icon_paper_plan{width: 150px;}
    .icon_dotted_map{width: 34rem; height: 24rem;}
    .inner_banner .banner_box .benner_text h1 {font-size: 3rem;}
    .youtb_info { margin-top: 2rem;}
  

    /*teachers_page*/
    /* .teachers_box{margin-top: 1rem;} */

    /*teachers_detalis*/
    .teachers_detalis_box1{padding-top: 0 !important;}
    .teachers_detalis_box p {padding-top: 0;}
    .teachers_detalis_box h3{font-size: 2rem; padding-bottom: .7rem;}
    .teachers_detalis_box h5{font-size: 1.7rem; padding-bottom: 1rem;}
    .pasonal_details h3{font-size: 1.9rem; padding-bottom: 1rem;}
/*    .follow{padding-bottom: 1rem;}*/
    
    /*event_page*/
    .event_text{margin-top: 2rem; padding-left: 0;}
    .event_text h3 {padding-bottom: .5rem;}
    .pegination_sec ul li { margin-top: 3rem;}

    /* classroom_details_page */
    .class_box {padding: 1rem;}
    .revire{padding: 1.5rem;}
    .course_features_sec ul{text-align: left !important;}
    .course_features_sec ul li{width: 100%; margin: 1rem 0 0 0;}
    .revire strong {font-size: 1.8rem;}

    /* contact_page */
    .contact_sec h2 {font-size: 2.1rem; margin-bottom: 1.5rem; }
    .contact_box {padding: 2rem; border-radius: 1rem;}
    .map_sec iframe {height: 20rem;}

    /*-----------------------------23-1-24------------------------------------*/
    .benner_text img {width: 31rem !important;}
    .banner_title {left: 8rem;}

    /*------------------------------27-1-24----------------------------------*/
    .banner_title strong {line-height: 3.5rem; font-size: 2.5rem;}
    .social_flex {flex-direction: column; justify-content: center; align-items: center;}
    .prodot { margin-top: 2rem; }
    .ph_mun{flex-direction: column;}
    .ph_mun_img img {margin: 0 0 1.5rem 0;}
    .ph_mun_txt {font-size: 2.5rem;}

 
    
}

@media only screen and (max-width: 480px){
    .activity .ban_img4 {bottom: 30.4rem;}
  
}