@import url('https://pro.fontawesome.com/releases/v6.0.0-beta3/css/all.css');
html{font-size: 62.5%;}
body{ width:100%; padding: 0; margin: 0; font: 400 1.6rem/1.2 var(--body_font); color: var(--black); }
img{ display: inline-block; }
h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; text-transform:capitalize; }
a{ padding: 0; margin: 0; outline:none; text-decoration: none; display: inline-block; }
a{-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s; }
ul, ol, li{ padding:0; margin:0; list-style:none; }
span, em{ padding: 0; margin: 0; display: block; font-style: normal; }
/*__________________________ custom_short css_start ____________*/
.ptb{ padding: 6rem 0; } 
.text_left{ text-align: left; }
.text_right{ text-align: right; }
.text_center{ text-align: center; }
.text_white{ color: var(--white); }
.text_black{ color: var(--black); }
.mt-0{ margin-top: 0; }
.mb-0{ margin-bottom: 0; }
.pt-0{ padding-top: 0; }
.pb-0{ padding-bottom: 0; }


p{ font: 400 1.6rem/1.5 var(--body_font); color:var(--body_text_color); letter-spacing:.1rem; text-transform: capitalize; }
h4{font-size: 2.8rem; line-height: 1.2; text-transform: capitalize; color: var(--black);}
h3, h5{font-size: 2.5rem; line-height: 1.2; text-transform: capitalize; color: var(--black);}
h1, h2{font-size: 4.5rem; line-height: 1.2; text-transform: capitalize; color: var(--black); font-weight: 600;}

.btn.btn_hover{  background: var(--brand); color: #fff; z-index: 1;
	&::before, 
	&::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; transition: transform 0.5s; border-radius: 4px; }
    &::before { background: #0083B0; transform: scale(0); transform-origin: bottom right; }
    &::after { background: transparent; border: 2px solid #fff; box-sizing: border-box; transform-origin: top left; transform: scale(1); }
    &:hover::before { transition: transform 0.5s; transform-origin: top left; transform: scale(1); color: #fff; }
    &:hover::after { transition: transform 0.5s; transform-origin: top left; transform: scale(0); }
}
.btn { position: relative; padding: 1.4rem 3rem; color: var(--white); font-size: 1.4rem; letter-spacing: .2rem; border-radius: .5rem;  border: none; text-transform: uppercase; }
/*__________________________ custom_short css____________*/
:root{ 
	--brand: #e82d2d; 
	--second_brand: #0083B0; 
	--body_text_color: #464646;
	--white: #fff; 
	--black: #000; 
	--body_font: "Poppins", sans-serif;
	--graident: -webkit-linear-gradient(to right, #F27121, #E94057, #8A2387); 
}

/*__________________________ custom_short css_end ____________*/
.btm_top .back-to-top{  background-color:var(--black); padding: 1rem 1rem; cursor:pointer; border-radius: .5rem; border: .1rem solid #444; position:fixed; right: 2rem; bottom: 2rem; display:none; }
.btm_top .back-to-top i{ font-size: 1.6rem; color: var(--white); }
h2 em.sub_text{ color: var(--brand); font-size: 1.4rem; }

/*____________________________________________________________________________________ site css start ______________________________________________*/

/*____________________________________________________________________________________ header css start ______________________________________________*/

.header_sec .header_menu{ background: var(--white); box-shadow: rgba(0, 0, 0, .3) 0 1rem 2rem; padding: 2.5rem 0; }
.header_sec .header_menu .navbar .navbar-brand{ position: absolute; left: 39%;  }
.header_sec .header_menu .navbar .navbar-brand img{ width: 15rem; }
.header_sec .header_menu .navbar .head_btn{ position: absolute; right: 0; }
.header_sec .header_menu .navbar .span_drop_down{ position: absolute; top: .5rem; right: -.6rem; }
.header_sec .header_menu .navbar .navbar_seperet{ gap: 0 30rem; justify-content: center; margin-right: 30rem; }
.header_sec .header_menu .navbar .navbar-nav li a{ color: var(--black); font-size: 1.8rem; font-weight: 500; padding: 0 1.5rem; }

.top_header{ padding: .7rem 0; background: var(--second_brand); }
.top_header .left_text { gap: 0 3rem; }
.top_header .left_text a{ gap:0 1rem; color: var(--white); font-size: 1.4rem; }
.top_header .left_text a:hover{ color: var(--brand); }
.top_header .right_text ul{ gap: 0 1rem; }
.top_header .right_text ul li a{ background: var(--white); height: 3rem; width: 3rem; border-radius: 100%; display: flex; justify-content: center; align-items: center; }
.top_header .right_text ul li a i{ color: var(--second_brand); font-size: 1.2rem; }
/* header_sticky_fixed */
/*.header_sec{ width: 100%; position: fixed; top: 0; z-index: 9999;}
.header_sec.fixed .top_header{ display:none; }
.header_sec{ background: rgb(0, 0, 0, .2); }
*/
/*.header_sec .menu_sec li.active a, .header_sec .menu_sec li a.active{ color: var(--brand); }*/
/* drop down menu hover effect */
/*.header_sec .header_menu .navbar-nav{ margin-right: 20rem; }
.header_sec .dropdown:hover .dropdown-menu{ display:block; }
.navbar-expand-lg .navbar-nav .dropdown-menu{ padding: 2rem; width:20rem; }
.navbar-expand-lg .navbar-nav .dropdown-menu li{ padding-bottom: 1rem; }
.navbar-expand-lg .navbar-nav .dropdown-menu li a{ color:var(--brand); padding-left: 0; }
*/




/*____________________________________________________________________ banner css start ______________________________________________*/
.banner_sec { position: relative; }
.banner_sec .swiper { width: 100%; height: 70rem;}
.banner_sec .box img{ height: 100%; object-fit: cover; }
.banner_sec .box{ position: relative; }
.banner_sec .box::after{ opacity: .3; position: absolute; content: ""; background: linear-gradient(to right, #F27121, #E94057, #8A2387); top: 0; left: 0; width: 100%; height: 100%; }
.banner_sec .swiper-button-prev, .banner_sec .swiper-button-next{ color: var(--white); }


/*____________________________________________________________________ banner_form css start ______________________________________________*/

.banner_sec .ban_form_sec{  position: absolute; bottom: -6rem; left: 0; width: 100%; z-index: 555555; }
.banner_sec .ban_form_sec .form_box{ background: #0083b0ba; backdrop-filter: blur(10px) saturate(180%); padding: 2.5rem; border-radius: 1rem;  }
.banner_sec .ban_form_sec .form_box li{ border-right: .1rem solid #fff; padding-right: 8rem;}
.banner_sec .ban_form_sec .form_box li img{ width: 8rem; }
.banner_sec .ban_form_sec .form_box li .txt h4{ font-size: 1.8rem; color: var(--white); padding-top: 1rem; }
.banner_sec .ban_form_sec .form_box li:last-child{ padding: 0; border: 0; }



/*____________________________________________________________________ about_sec css start ______________________________________________*/

.about_sec{ position: relative; z-index: 1; padding-top: 10rem; }
.about_sec::after{ position: absolute; z-index: -1; content: ""; background: url(../images/ab_bg.jpg) repeat; top: 0; left: 0; width: 100%; height: 100%; opacity: .07; }
.about_sec .container{ max-width: 100%; padding: 0 1.5rem; }
.about_sec .text{ text-align: center; width: 75%; margin: 0 auto; margin-bottom: 3rem; }
.about_sec .text p{ padding-top: 2rem; }
.about_sec .images img{ height: 45rem; object-fit: cover; }
.about_sec .images{ margin: 0 1.5rem; }




/*____________________________________________________________________ progrmme css start _______________________________________________________*/
.progrm_sec .container{ max-width: 100%; padding: 0 2rem; }
.progrm_sec .progrm_box{ margin: 0 1rem; margin-top: 2rem; }
.progrm_sec .progrm_box .text{ background: var(--white); border: .1rem solid rgba(0, 0, 0, .2); padding: 2rem; }
.progrm_sec .progrm_box .text h3{ font-size: 2rem; font-weight: 600; padding-bottom: 1rem; }
.progrm_sec .owl-nav.disabled{ display: block;}
.progrm_sec .owl-nav{ display: flex; justify-content: space-between; align-items: center; font-size: 0; }
.progrm_sec .owl-prev { background: var(--brand); width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; position:absolute; top:50%; transform:translateY(-50%); left:-1rem; }
.progrm_sec .owl-next { background: var(--brand); width: 4rem; height: 4rem; display: flex; align-items: center; justify-content: center; border-radius: 100%; position:absolute; top:50%; transform:translateY(-50%); right:-1rem; }
.progrm_sec .owl-prev::before { font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--white); font-size: 1.6rem; }
.progrm_sec .owl-next::before { font-family: "Font Awesome 6 Pro"; content: "\f105"; color: var(--white); font-size: 1.6rem; }
.progrm_sec .progrm_box .text h6 strong{ color: var(--black); }
.progrm_sec .progrm_box .text h6{ color: var(--brand); font-size: 1.6rem; }
.progrm_sec{ padding-bottom: 0; }


/*____________________________________________________________________________ teacher css start ________________________________________________________*/

.techer_box .images{ text-align: center; }
.techer_box .images img{ height: 30rem; width: 100%; object-fit: cover; border-radius: 1rem; }
.techer_box .text { text-align: center; margin-top: ; padding: 3rem; background: linear-gradient(to right, #f2712100, #e9405745, #8a238712);  }
.techer_box { background: var(--white); padding: 0 0 0 0; box-shadow: rgba(0, 0, 0, .3) 0 0 1rem; border-radius: 1rem; margin-top: 3rem; }
.techer_box .text h6{ font-size: 1.4rem; color: var(--brand); padding-top: .5rem; }
.techer_sec .teac_btn a{ color: var(--brand); border-bottom: .2rem solid var(--brand); }
.techer_sec .teac_btn a i{ padding-left: 1rem; transition: all .5s ease; }
.techer_sec .teac_btn a:hover{ color: var(--second_brand); }
.techer_sec .teac_btn a:hover i{ transform: rotate(-45deg); }
.techer_sec .teac_btn{ margin-top: 3rem; }
.techer_sec .row{ margin: 0 -1.5rem; }
.techer_sec .row .teach_paddi{ padding: 0 1.5rem; }

.techer_sec{ position: relative; z-index: 1; }
.techer_sec::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; background: rgba(255, 255, 255, .9); }




/*____________________________________________________________________________ admission css start ________________________________________________________*/

.admision_sec .admision_box { background: var(--white); padding: 3rem 2rem; box-shadow: rgba(0, 0, 0, .3) 0 0 1rem; text-align: center; margin-top: 3rem; }
.admision_sec h4{ color: var(--brand); font-weight: 600; padding-bottom: 2rem; }
.admision_sec .admision_btn{ margin-top: 1rem; }
.admision_sec .admision_main{ margin-top: 3rem; }
.admision_sec .images { margin-right: 3rem; }
.admision_sec form label{ color: var(--black); font-weight: 600; font-size: 1.4rem; padding-bottom: .5rem; }
.admision_sec form .form-control{ height: 4.5rem; padding-left: 1rem; font-size: 1.4rem; color: var(--black); box-shadow: none; }
.admision_sec form .form-control::placeholder{ font-size: 1.4rem; color: #c1c1c1; }
.admision_sec form textarea{ min-height: 15rem; }
.admision_sec form .form-group{ margin-bottom: 2rem; }
.admision_sec form {border: .1rem dashed rgba(0, 0, 0, .3); padding:3rem 2rem; }
.admision_sec .images, .admision_sec .images img { height: 100%; object-fit: cover; }




/*____________________________________________________________________________ cta_sec css start ________________________________________________________*/

.cta_sec { background: #002c4f; position: relative; z-index: 1; }
.cta_sec::after{ content: ""; position: absolute; background: url(../images/texture.jpg) no-repeat center center/cover; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: .3; }
.cta_sec .container{ max-width: 100%; padding: 0 10rem; }
.cta_sec .cta_box { gap: 0 2rem; justify-content: center; flex-direction: column; text-align: center; }
.cta_sec .cta_box h2{ color: var(--white); }
.cta_sec .cta_box p{ color: var(--white); padding: 2rem 0 5rem 0; }
.cta_sec .cta_box a{ color: var(--white); font-size: 4rem; border: .2rem solid transparent;}
.cta_sec .cta_box a:hover{ border: .2rem solid #fff; }




/*____________________________________________________________________________ activi_sec css start ________________________________________________________*/


.activi_sec { background: #0083b014; position: relative; z-index: 1; }
.activi_sec::after{ content: ""; position: absolute; background: url(../images/iefnve.png) no-repeat center center/cover; top: 0; left: 0; width: 100%; height: 100%; z-index: -1; opacity: .3; }
.activi_sec .active_box{  margin-top: 3rem; background: transparent; border-radius: .3rem; gap: 0 2rem; }
.activi_sec .active_box span{ background: #fff;  display: block; width: 7rem; height: 7rem; border: .1rem solid var(--second_brand); border-radius: 100%; display: flex; align-items: center; justify-content: center }
.activi_sec .active_box span img{ width: 2.5rem; ; }
.activi_sec .active_box h4{ color: var(--black); font-size: 2rem; padding: 0 0 .5rem 0; font-weight: 600; }
.activi_sec .active_box p{ color: var(--black); font-size: 1.4rem; }
.activi_sec .row{ margin: 0 -1.5rem; }
.activi_sec .row .active_paddi{ padding: 0 1.5rem; }



/*____________________________________________________________________________ activi_sec css start ________________________________________________________*/

.blog_sec .blog_box{ margin-top: 3rem; }
.blog_sec .blog_box .text{ background: #fdeee9; padding: 2rem; }
.blog_sec .blog_box .text h3{ font-size: 2.2rem; padding: 2rem 0; }
.blog_sec .blog_box .text h3:hover{ color: var(--brand); }
.blog_sec .blog_box .text .time{ gap: 0 2rem; }
.blog_sec .blog_box .text .time em { font-size: 1.4rem; }
.blog_sec .blog_box .text .time em strong{ color: var(--brand); }
.blog_sec .blog_box .text p{ padding-bottom: 3rem; }
.blog_sec .row{ margin: 0 -1.5rem; }
.blog_sec .row .blog_paddi{ padding: 0 1.5rem; }

.blog_sec{ position: relative; }

.blog_sec .blog_ani{ position: absolute; top: 11rem; right: 3rem; z-index: -1;}
.blog_sec .blog_ani img{ width: 15rem; opacity: .8; }

.blog_sec .blog_ani_2{ position: absolute; bottom: 11rem; left: 3rem; z-index: -1;}
.blog_sec .blog_ani_2 img{ width: 15rem; opacity: .8; }


/*____________________________________________________________________________ testimonial css start ________________________________________________________*/

.testi_sec{ position: relative; z-index: 1; overflow: hidden; }
.testi_sec .container{ max-width: 100%; padding: 0 0; }
.testi_sec .images img{ height: 46.8rem; object-fit: cover; }
.testi_sec .testi_text {background: #026186; padding: 6rem 0;}
.testi_sec .testi_slid_box { width: 80%; border-radius: .5rem; margin: 0 auto; margin-top: 3rem; text-align: center; position: relative; z-index: 1; border-radius: 1rem; overflow: hidden; }
.testi_sec .testi_slid_box .images img{ width: 10rem; height: 10rem; border-radius: 100%; margin: 0 auto; object-fit: cover; }
.testi_sec .testi_paddi { padding: 0; }
.testi_sec .testi_slid_box .star{ padding: 2rem 0 1rem 0; }
.testi_sec .testi_slid_box .star li { gap: 0 .5rem; justify-content: center; }
.testi_sec .testi_slid_box .star li i{ color: #fece00; font-size: 1.6rem; }
.testi_sec .testi_slid_box p{ padding: 0 0 3rem 0; color: var(--white); }
.testi_sec .testi_slid_box h4{ font-size: 2rem; color: var(--white); font-weight: 600; }
.testi_sec .testi_slid_box h6{ font-size: 1.4rem; color: var(--white); }
.testi_sec .owl-nav.disabled{ display: block; }
.testi_sec .owl-nav{ display: flex; justify-content: space-between; align-items: center; font-size: 0; }
.testi_sec .owl-prev { background: var(--brand); width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: .2rem; position:absolute; top:50%; transform:translateY(-50%); left:2%; }
.testi_sec .owl-next { background: var(--brand); width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: .2rem; position:absolute; top:50%; transform:translateY(-50%); right:2%; }
.testi_sec .owl-prev::before { font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--white); font-size: 1.6rem; }
.testi_sec .owl-next::before { font-family: "Font Awesome 6 Pro"; content: "\f105"; color: var(--white); font-size: 1.6rem; }





/*____________________________________________________________________________ gallery css start ________________________________________________________*/
.hom_gallery_sec{ padding-bottom: 2rem; padding-top: 0; }
.hom_gallery_sec .container{ max-width: 100%; padding: 0 0; }
.hom_gallery_sec .row{ margin: 0 -1.5rem; }
.hom_gallery_sec .row .hom_galery_paddi{ padding: 0 1.5rem; }
.hom_gallery_sec .images{ padding-top: 3rem; margin: 0 1rem; }
.hom_gallery_sec .bottom_text { text-align: center; margin-top: 3rem; }

.hom_gallery_sec .owl-nav, .hom_gallery_sec .owl-dot{ display: none; }

/*____________________________________________________________________________ footer_sec css start ________________________________________________________*/

.footer_sec { background: #2c2c2c; padding-bottom: 0; padding-top: 3rem; position: relative; z-index: 1; }
.footer_sec::after{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .7); z-index: -1; }
.footer_sec .top_footer{ padding-bottom: 3rem; }
.footer_sec .top_footer .links_box h3{ color: var(--white); font-size: 2rem; font-weight: 600; padding-bottom: 3rem; }
.footer_sec .top_footer .links_box ul li{ padding-bottom: 2rem; }
.footer_sec .top_footer .links_box ul li a{ color: var(--white); font-size: 1.8rem; word-break: break-all; }
.footer_sec .top_footer .ft_logo{ margin-bottom: 3rem; }
.footer_sec .top_footer .ft_logo img{ width: 30rem; } 
.footer_sec .top_footer ul li { gap:0 2rem;  }
.footer_sec .top_footer ul li span{ background: rgba(255, 255, 255, 1.0); width: 4rem; height: 4rem; display: flex; justify-content: center; align-items: center; border-radius: 100%; }
.footer_sec .top_footer ul li span i{ color: var(--brand); font-size: 1.4rem; }
.footer_sec .top_footer ul li p{ color: var(--white); }
.footer_sec .top_footer .links_box small{ font-size: 1.6rem; display: block; color: var(--white); padding-bottom: 3rem; line-height: 1.6; }
.footer_sec .top_footer .links_box .social{ margin-top: 3rem; gap: 0 1rem; }
.footer_sec .top_footer .links_box .social li { background: rgba(255, 255, 255, .3); width: 4rem; height: 4rem; display: flex; justify-content: center; align-items: center; border-radius: 100%; padding-bottom: 0; }
.footer_sec .top_footer form .input-group .form-contral{ height: 5rem; border: none; outline: none; box-shadow: none; padding-left: 2rem; width: 100%; position: relative; }
.footer_sec .top_footer form .input-group a{ position: absolute; right: 0; border-radius: 0; border: none; background: var(--brand); height: 100%; padding: 0 3rem; display: flex; justify-content: center; align-items: center; color: var(--white); }
.footer_sec .top_footer form .input-group a:hover{ background: var(--second_brand); }
.footer_sec .bottom_footer{ padding: 1.5rem 0; background: #000; border-top: .1rem dashed rgba(255, 255, 255, .5); }
.footer_sec .bottom_footer .bottom_ft_fx em{color: var(--white);}
.footer_sec .bottom_footer .bottom_ft_fx em a{ color: var(--brand); font-weight: 600; }
.footer_sec .top_footer ul.useful{ border: .1rem solid rgba(255, 255, 255, .3); padding: 2rem; margin-right: 4rem; }



/*____________________________________________________________________________ fescilites css start ________________________________________________________*/

.fasci_sec .text_box p{ padding-top: 2rem; padding-bottom: 3rem; }
.fasci_sec .text_box .image img{ width: 3.5rem; }
.fasci_sec .text_box .image span{ background: #1882e31f; width: 7rem; height: 7rem; border-radius: 100%; display: flex; align-items: center; justify-content: center; }
.fasci_sec .text_box ul li{ gap: 0 2rem; }
.fasci_sec .text_box ul li .text h4{ font-size: 2.2rem; font-weight: 600; }
.fasci_sec .text_box ul li .text p{ padding-top: .5rem; font-size: 1.4rem; padding-bottom: 0;  }
.fasci_sec .text_box{ margin-right: 4rem; }
.fasci_sec .text_box ul li{ background: transparent; border: .1rem solid rgba(0, 0, 0, .1); padding: 2rem; border-radius: 1rem; transition: all .5s ease; margin-bottom: 2rem; }
.fasci_sec .text_box ul li:hover{ background: #e82d2d15; }
.fasci_sec .images, .fasci_sec .images img{ height: 100%; object-fit: cover; }
.fasci_sec { position: relative; }



.fasci_sec .fasci_ani_1 { position: absolute; top: 6rem; left: 4rem; z-index: -1; }
.fasci_sec .fasci_ani_2 { position: absolute; top: 6rem; right: 4rem; z-index: -1; }
.fasci_sec .fasci_ani_3 { position: absolute; bottom: 6rem; left: 4rem; z-index: -1; }
.fasci_sec .fasci_ani_4 { position: absolute; bottom: 6rem; right: 4rem; z-index: -1; }



/*____________________________________________________________________ call to us 2 css start ______________________________________________*/

.cta_2_sec { background: var(--second_brand); padding: 6rem 0; text-align: center; }



/*____________________________________________________________________ call to us 3 css start ______________________________________________*/

.cta_3_sec { background: #002340; padding: 6rem 0; position: relative; z-index: 1; }
.cta_3_sec::after{ content: ""; position: absolute; background: url(../images/testi_bg.png); width: 100%; height: 100%; top: 0; left: 0; z-index: -1; opacity: .07; }
.cta_3_sec .desc h2{ color: var(--white); }
.cta_3_sec .desc .cta_3_btn { margin-top: 5rem; justify-content: center; gap: 0 2rem; }
.cta_3_sec .desc .cta_3_btn a{ font-weight: 600; }
.cta_3_sec .desc .cta_3_btn a:hover{ color: var(--brand); }
.cta_3_sec .btn.btn_hover {
    &::before { background: #fff; }
}
.cta_3_sec .desc .cta_3_btn .last_btn{ background: transparent; }




/*____________________________________________________________________ banner css start ______________________________________________*/



























/*____________ banner css start ______________________________________________*/
/*____________ owl carrosel css start ______________________________________________*/

/*.owl_carrosel_sec .slide_box img{ height:40rem; object-fit:cover; }*/

/* owl btn */
/*.owl-carousel .owl-nav.disabled{ display:block; }
.owl-carousel .owl-dots.disabled{ display:block; }*/

/* owl_next_and_prev button */
/*.owl_carrosel_sec .owl-nav{ display: flex; justify-content: space-between; align-items: center; font-size: 0; }
.owl_carrosel_sec .owl-prev { background: var(--brand); width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: .2rem; position:absolute; top:50%; transform:translateY(-50%); left:0; }
.owl_carrosel_sec .owl-next { background: var(--brand); width: 3rem; height: 3rem; display: flex; align-items: center; justify-content: center; border-radius: .2rem; position:absolute; top:50%; transform:translateY(-50%); right:0; }
.owl_carrosel_sec .owl-prev::before { font-family: "Font Awesome 6 Pro"; content: "\f104"; color: var(--white); font-size: 1.6rem; }
.owl_carrosel_sec .owl-next::before { font-family: "Font Awesome 6 Pro"; content: "\f105"; color: var(--white); font-size: 1.6rem; }
*/
/* owl_dots button *//*
.owl_carrosel_sec .owl-dots{ display: flex; align-items: center; font-size: 0; position: absolute; left: 50%; transform: translateX(-50%); bottom: 1.6rem; gap: 0 .5rem; }
.owl_carrosel_sec .owl-dots .owl-dot span{ background: transparent; width:2rem; height:2rem; border-radius:100%; display:block; border:1px solid var(--brand); }
.owl_carrosel_sec .owl-dots .owl-dot span::after{ position:absolute; content:"\f111"; top: .2rem; left:3.5px; font-size: 1.2rem; font-family: "Font Awesome 6 Pro"; font-weight: 900; color:var(--black); }*/
/*.owl-dots .owl-dot.active span::after{ position:absolute; content:"\f111"; top: .2rem; left:3.5px; font-size: 1.2rem; font-family: "Font Awesome 6 Pro"; font-weight: 900; color:var(--black); }*/


/*____________ owl carrosel css start ______________________________________________*/
/*____________ footer css start ______________________________________________*/

/*.footer_sec { background: var(--black); padding-bottom: 0; }

.footer_sec .footer_top .links h4{ font: 600 2.5rem/1.2 var(--body_font); color: var(--white); padding-bottom: 2.5rem; }
.footer_sec .footer_top .links .links_list li{ padding-bottom: 1rem; }
.footer_sec .footer_top .links .links_list li a{ font: 400 1.6rem/1.2 var(--body_font); color: var(--white); }
.footer_sec .footer_top .links p{ font: 400 1.4rem/1.5 var(--body_font); color: var(--white); }
.footer_sec .footer_top .links li .link_flex { align-items: baseline; gap: 0 1rem; }
.footer_sec .footer_main .footer_top{ padding-bottom: 0.5rem; }*/

/* footer_bottom */
/*.footer_sec .footer_bottom{ border-top: 1px solid rgba(255, 255, 255, 0.1); padding: 1.5rem 0; text-align: center;}
.footer_sec .footer_bottom h6{ font: 400 1.4rem/1.2 var(--body_font);  color: var(--white); }
.footer_sec .footer_bottom h6 a{ color: var(--primary_color); transition: all .4s; }
.footer_sec .footer_bottom h6 a:hover{ color: var(--primary_color); }

.footer_sec .footer_padding:nth-child(2){ padding-left: 9.3rem; }*/












/*____________ form css start ______________________________________________*/

/*.form_sec .form_main{ background: var(--white); padding: 5rem; border-radius:1rem; box-shadow: rgba(0, 0, 0, 0.15) 0px 0 6px; }
.form_sec .form_main .input-group{ margin-bottom: 1.5rem; }
.form_sec .form_main .input-group .form-control{ height:4.5rem; padding: 0 1.5rem; font: 400 1.3rem/1.2 var(--body_font); color: var(--black); box-shadow:none; }
.form_sec .form_main .input-group textarea.form-control{ min-height:13rem; padding: 1.5rem; }
.form_sec .form_main .input-group button{ border:none; }*/

/*____________ form css end ______________________________________________*/
















/*____________________________________________
                Media Quaries 
______________________________________________*/
@media (min-width: 1200px) and (max-width: 9000px){
/*	.main_header .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 var(--brand); background:#fff !important; padding: 0; border-radius: 0; left: 0; right: inherit; box-shadow: inherit; }
	.main_header .dropdown:hover .dropdown-menu { max-height: 30rem;opacity: 1; visibility: visible; }*/
}

@media screen(min-width:992px) and (max-width: 3000px){
	/*.header_sec .main_header .dropdown:hover .dropdown-menu{ display: block; } */
}


@media only screen and (max-width: 1699px){
	.banner_sec .box img{ height: 72rem; }

}


@media only screen and (max-width: 1520px){

}

@media only screen and (max-width: 1399px){




	.header_sec .header_menu .container{ max-width: 100%; padding: 0 1.5rem; }
	.header_sec .header_menu .navbar .navbar_seperet{ gap: 0 20rem; }
	.banner_sec .ban_form_sec .form_box li{ padding-right: 5rem; }
	.about_sec .text{ width: 97%; }
	.fasci_sec .fasci_ani_1, .fasci_sec .fasci_ani_2, .fasci_sec .fasci_ani_3, .fasci_sec .fasci_ani_4{ display: none; }
	.blog_sec .blog_ani{ top: 3rem; right: 1rem; }
	.blog_sec .blog_ani_2{ bottom: 3rem; left: 1rem; }
	.blog_sec .blog_box .text .time em { font-size: 1.3rem; }
	.blog_sec .blog_box .text .time{ gap: 0 1rem; }
	.blog_sec .blog_box .text h3{ font-size: 2rem; }
	.testi_sec .images, .testi_sec .images img{ height: 100%; }









}

@media only screen and (max-width: 1299px){

}

@media screen and (max-width: 1199px){

.navbar-expand-lg .navbar-toggler{ display: block; position: absolute; right: 0; outline: none; box-shadow: none; }
.header_sec .header_menu .header_menu .get_start_btn{ right:15rem; }
.header_sec .header_menu .navbar .navbar-toggler .navbar-toggler-icon{ display: block; background: var(--black); width: 3rem; height: .4rem; border-radius: .3rem; margin-top: .4rem; opacity: 1; transform: matrix(1, 0, 0, 1, 0, 0); transition: all 0.5s ease-in-out; }
.header_sec.fixed .nav_top .navbar-toggler .navbar-toggler-icon{ background: #000; }
.header_sec .header_menu .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(1){ transform: matrix(1, -1, 0, 1, 0, 0); width: 25px; }
.header_sec .header_menu .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(2){ opacity: 0; width: 0; }
.header_sec .header_menu .navbar .navbar-toggler.showtoggle .navbar-toggler-icon:nth-child(3){ transform: matrix(1, 1, 0, 1, 0, 0); width: 25px; margin-top: -11px; }
.header_sec .header_menu .navbar-toggler:focus{ box-shadow:block; }
.header_sec .header_menu .navbar .navbar-collapse{ position: fixed; top: 0; left: -30.10rem; background: var(--white); z-index: 999999; width: 20.80rem; padding: 2.5rem 1rem; height: 100% !important; transition: all 0.3s; overflow-y: auto; min-height: 100vh; border-right: .5rem solid var(--brand); }
.header_sec .header_menu .navbar .navbar-collapse.show{ left: 0; }
.header_sec .header_menu .navbar-nav.mobile_link{ margin-right: 0; }
.header_sec .header_menu .navbar-nav.mobile_link li a{ color:#000; padding-left: 0; padding: 1.5rem; font-size: 1.5rem; font-weight:600; display:nline-block; width:100%; }
.header_sec .header_menu .navbar .navbar-collapse{ flex-direction: column; margin-right: 0; justify-content: flex-start; }	 	
.header_sec .header_menu .navbar-nav{ flex-direction: column; width: 100%;}
.header_sec .header_menu .navbar-nav li{ padding: 1.5rem 0; border-bottom: .1rem dashed rgba(0, 0, 0, .2); }
.header_sec .header_menu .navbar .span_drop_down { top: 1.5rem; right: 1.4rem; }
.header_sec .header_menu .navbar .head_btn { right: 6rem; }
.header_sec .header_menu .navbar .navbar-brand { left: 0; }
.header_sec .header_menu{ padding: 3rem 0; }

/* header_end */

.banner_sec .ban_form_sec .form_box li{ padding-right: 3rem; }
.cta_sec .container{ padding: 0 1.5rem; }
.blog_sec .blog_box .text h3{ font-size: 1.8rem; padding: 1.5rem 0; }
.blog_sec .blog_box .text p { padding-bottom: 2rem; }
.admision_sec h4{ font-size: 2.2rem; }
.footer_sec .top_footer ul.useful { margin-right: 1rem; }





































}
@media screen and (max-width: 991px){




.banner_sec .ban_form_sec{ position: inherit; bottom: inherit; left: inherit; margin-top: 1rem;  }
.banner_sec .ban_form_sec .form_box{ flex-wrap: wrap;}
.banner_sec .ban_form_sec .form_box li{ margin-top: 3rem; margin-right: 1rem; margin-left: 1rem}
.banner_sec .ban_form_sec .form_box li:nth-child(4){ border: none; }
.about_sec .images_2{ display: none; } 
.about_sec .images{ margin: 0; }
.about_sec .images img { height: 35rem; }
.fasci_sec .text_box{ margin-right: 0; margin-bottom: 3rem; }
.admision_sec .images{ margin-right: 0; padding-bottom: 3rem; }

.footer_sec .top_footer ul.useful{ margin-right: 9rem; }
.footer_sec .top_footer .links_box { margin-top: 3rem; }
.footer_sec .top_footer .ft_logo{ margin-bottom: 0; }













.ptb{ padding: 4rem 0; }
.container{ max-width: 100%; padding: 0 1.5rem; }
h2{ font-size: 3.5rem; }


.admision_sec.ptb{ padding-bottom: 0; }
.footer_sec { padding-bottom: 0; }
}


/*NEW GRID SYSTEM*/
@media screen and (max-width:767px){




.top_header .left_text a em{ display: none; }
.top_header .left_text { gap: 0 1.5rem; }
.banner_sec .ban_form_sec .form_box li{ padding-right: 2rem;}
.banner_sec .ban_form_sec .form_box li{ border: none; }
.cta_sec .cta_box a{ font-size: 3rem; }
.techer_box .text{ padding: 2rem; }
.techer_box .text h3{ font-size: 2rem; }
.footer_sec .top_footer ul.useful{ margin-right: 2rem; }


}

@media screen and (max-width:575px){





.header_sec .header_menu .navbar .navbar-brand img { width: 8rem; }
.header_sec .header_menu .navbar .head_btn a{ padding: 1rem 1rem; font-size: 1rem; }
.header_sec .header_menu .navbar .head_btn { right: 4rem; }
.banner_sec .ban_form_sec .form_box li{ padding: 0; }
.about_sec .images img{ height: 30rem; }
.cta_sec .cta_box a { font-size: 2rem; padding: 1.4rem 2rem; }
.cta_sec .cta_box p { padding: 2rem 0 2rem 0; }
.activi_sec .active_box { margin-top: 2rem; }
.activi_sec .active_box h4{ font-size: 1.8rem; }
.fasci_sec .text_box ul li{ padding: 1rem; gap:0 1rem; }
.fasci_sec .text_box .image img{ width: 3rem; }
.fasci_sec .text_box .image span{ width: 6rem; height: 6rem; }
.fasci_sec .text_box ul li .text h4{ font-size: 1.6rem; }
.fasci_sec .text_box p{ padding-bottom: 2rem; }
.cta_3_sec .desc .cta_3_btn { margin-top: 2rem; }
.cta_3_sec .desc .cta_3_btn a{padding: 1.4rem 1rem;}
.blog_sec .blog_box .text{ padding: 1.5rem; }
.testi_sec .testi_text{ position: 4rem 0; }
.testi_sec .testi_slid_box{ margin-top: 2rem; }
.testi_sec .testi_slid_box p{ padding-bottom: 2rem; }
.admision_sec .admision_main { margin-top: 2rem; }
.admision_sec .images{ padding-bottom: 2rem; }
.admision_sec h4{ font-size: 2rem; }
.admision_sec form{ padding: 2rem; }
.admision_sec .admision_btn{ margin-top: 0; }
.footer_sec .top_footer .links_box h3, .footer_sec .top_footer .links_box small{padding-bottom: 2rem;}
.footer_sec .top_footer .links_box, .footer_sec .top_footer .links_box .social{ margin-top: 2rem; }
.footer_sec .top_footer form .input-group a{ padding: 0 1rem; }
.footer_sec .bottom_footer .bottom_ft_fx { flex-direction: column; gap: 1rem 0; }




h2{ font-size: 2.2rem; }

}

/* emergency use only */
@media screen and (max-width:480px){

}







