@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Bubblegum+Sans&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
:root{
    --pColor:#008C99;
}

a{
    text-decoration:none !important;
}

.btn-close:focus{
    outline:none !important;
    box-shadow:none !important;
}

.Mobilemenu{
    display:none;
}

body{
    font-family: "Poppins", sans-serif !important;
}

.carousel-caption{
    left:0% !important;
    right:50% !important;
}







#header{
   background-image: url('../../images/header_bg.png');
}

#header #contact a{
      color:#000;
      text-decoration:none;
      font-size: 13px;
}

#header #contact .row{
    text-align: end;
}
 
.logo img{
    width:200px !important;
    height:70px !important;
}

.navbar{
    position:sticky !important;
    top:0;
    width:100%;    
    z-index:999;
    background-color:#fff;   
   
}

.navbar::after{
    content:"";
    background-image:url('../../images/sub_menu_bg.jpg');
    width:100%;
    height:3px;
    position: absolute;
    top:0;
    z-index:999;    
    background-repeat: repeat;
}

.navbar::before{
    content:"";
    background-image:url('../../images/sub_menu_bg.jpg');
    width:100%;
    height:3px;
    position: absolute;
    bottom:0;
    z-index:999;    
    background-repeat: repeat;
}

.navbar ul li{
   border-right: 1px solid #b8b7b7;   
   padding:0px 7px;
}

.navbar ul li > ul li {border-bottom:1px solid #b8b7b7 !important; border-right: 0px solid !important;}
.navbar ul li > ul li:last-child{border-bottom:0px solid red !important; border-right: 0px solid !important;}


.nav-icons:last-child{
    background-color:#6420AA;
}

.nav-icons:nth-child(2){
    background-color:#5356FF; 
}

.nav-icons:nth-child(3){
    background-color:#FE0000;
}

.nav-icons{
    margin-left: 10px;  
    padding:2px 8px;  
    border-radius:5px;
    color:#fff;
}

.nav-icons i{
     font-size:21px;  
}

.dropdown-item:active{
    background:#fff !important;
    color:#000 !important;
}
/*====================Slider Css======================================*/


#homeslider{
    height:500px;
}

#homeslider h5{
     font-size: 35px;
     background:#008C99;
     display:inline-block;
     padding:10px 25px;
     border-radius: 4px;
}

#homeslider .carousel-inner img{
  height:500px;
  object-fit: cover;
  object-position: top;
}

#afac{
    margin:40px 0px;
}

#afac .card{
     border:none;
}

#afac .card img{
    width:200px;
    height:200px;
    border-radius:50px;
    border:4px solid var(--pColor);
}

#afac .card .card-title{
      font-size:25px;
      font-family: "Bubblegum Sans", sans-serif;
      font-weight:400 !important;
  }
  

#afac .card p{
  font-size:14px;
}

#payl{
    background-color: var(--pColor);
    background-image: url('../images/homepage/cloud-bg.png');
    background-repeat: repeat;
    padding:30px 0px;   
} 


#payl .card{
    border:none;
    margin-bottom:20px;
}

#payl h3{
    margin-bottom:25px;
    color:#fff;
    font-size: 30px;
    font-weight:600;
}

#payl .card img{
    width:100%;
    height:250px;
    object-fit:cover;
    object-position:center;
    border: 3px solid #fff;
}

#payl .card .card-title{
    font-family: "Bubblegum Sans", sans-serif;
    font-size:30px;
    text-align: center;
}


#staff{
    padding:30px 0px;  
    background-color:var(--pColor);
    background-image: url('../images/texture.png');
}

#staff h3{
    margin-bottom:25px;
    font-size: 30px;
    color:#fff;
    font-weight:600;
}

#staff .card {
    border:4px solid #fff;
    border-radius:0px;
    overflow: hidden;
}
   
#staff img{
    transform: scale(1);
    transition: 0.4s ease;
    cursor: pointer;
}


#staff img:hover{
   transform: scale(1.2);
}

/*=============================== Footer Css========================================*/

footer{
    background-image: url('../images/footer_bg.png');
    width:100%;
    height:100%;
    background-position: center top;
    position: relative;
    padding-top:80px;
    padding-bottom:40px;
    background-color:#ffff;
    
}

footer::before{
    content:"";
    position: absolute;
    background-image: url('../images/footer_top_bg.png');
    top:0;
    left:0;
    width:100%;
    height:50px;
    background-repeat: no-repeat;
    background-position: center top;   
}

/* 
footer::after{
    content:"";
    position: absolute;
    background-image: url('../images/footer_strip.jpg');
    top:0;
    left:0;
    width:100%;
    height:50px;
    background-repeat: no-repeat;      
} */


footer p{
    font-size: 13px;
    padding-top: 10px;
}

footer #contact h6{
    font-size: 14px;
    color:#000;
    margin:20px 0px;
}
footer #contact h6 a{
    font-size: 14px;
    color:#000;    
}

.copyright{
    background-color: var(--pColor);
    padding:20px 0px;
    color:#fff;
    font-size:13px;
    position: relative;
}

.copyright::after{
    content:"";
    background-image:url('../../images/sub_menu_bg.jpg');
    width:100%;
    height:3px;
    position: absolute;
    top:0;
    z-index:999;    
    background-repeat: repeat;
}
.copyright a{
  color:var(--pColor);
  background-color: #fff;
  padding:2px 5px;
  border-radius:3px;
  text-decoration:none;
}

.copyright span{
    font-size:14px;
    margin-right: 70px;
    position: relative;
}

.copyright span::after{
    content:"";
    background-image:url('../images/homepage/footer_arrow.png');
    width:100%;
    height:10px;
    position: absolute;
    top:5px;   
    z-index:999;    
    background-repeat: no-repeat;  
}

/*================================ About US=============================*/

#aboutus-header{
    height:150px;
    display: flex;
    align-items: center;
    background-color:#73D5F0;
}

#aboutus-header nav{
    background-color:#fff; 
    border-radius:3px; 
}


#aboutus-header nav .breadcrumb{
    margin: 0px !important;
    padding:5px 4px;   
}

#aboutus-header nav .breadcrumb li{
    font-size:13px;  
    font-weight: 600;
}


#aboutus-slider{
    height:640px;
}

#aboutus-slider .carousel-inner img{
    height:640px;
    object-fit:cover;
    object-position: top;
}

#abouts-content{
    padding:40px 0px;
}

#abouts-content p{
    font-size:14px;
}

/*========================Contactus===============================*/


#contact-header{
    height:150px;
    display: flex;
    align-items: center;
    background-color:#73D5F0;
}

#contact-header nav{
    background-color:#fff; 
    border-radius:3px; 
}


#contact-header nav .breadcrumb{
    margin: 0px !important;
    padding:5px 4px;   
}

#contact-header nav .breadcrumb li{
    font-size:13px;  
    font-weight: 600;
}


#contact-form{
    padding:50px 0px;
}

#contact-form h4{
    margin-bottom:30px;
}

#contact-form textarea{
    border-radius: 0px;
    height:150px !important;
}

#contact-form .form-control{
    border-radius: 0px;
    height:50px;
}

#contact-form .form-control:focus{
    outline:none;
    box-shadow: none;
}

#contact-form .form-control::placeholder{
    font-family: "Bubblegum Sans", sans-serif;
    font-size:17px;
}

#contact-form .mail-btn{
    height:40px;
    color:#fff;
    background-color:rgb(1,80,87);
    border:none;
    padding:4px 20px;
    font-size: 13px;
}

#form-border{     
    border: 6px solid transparent;
    border-image: url('../../images/contact_form_bg.png') 20 round;
    box-shadow: inset 0 3px 3px 0 rgba(0,0,0,.1);
    -webkit-box-shadow: inset 0 3px 3px 0 rgba(0,0,0,.1);
    padding:30px;         
    border-radius:0px;
}


#contact-form .card .card-header{
    background-color: #008C99;
    color:#fff;
    font-size: 22px;
    border:0px;
}

#contact-form .card .card-body{
    padding:0px;
}

#contact-form .card .card-body .list-group-item{
    padding:14px 10px;
}

#contact-form .card .card-body .ca{
    font-style: italic;
    color:#cf571b;
}

#contact-form h6{
    color:#000;
}

#contact-form h6 span{
    color:var(--pColor);
}

#address{
    padding-bottom: 40px;
}


#address .card .card-header{
    background-color: #008C99;
    color:#fff;
    font-size: 22px;
    border:0px; 
}

#address .card .card-body .ca{
    font-style: italic;
    color:#cf571b;
}

#address .card .card-body{
    padding:0px;
}

#address .card .card-body .list-group-item{
    padding:10px 10px;
}


#address h6{
    color:#000;
}

#address h6 span{
    color:var(--pColor);
}

/*==============================review-section============================*/

#review-section{
    margin:40px 0px;
}


#review-section .box{
     background-color:#008C99;
     color:#fff; 
     position: relative;
     border-radius:10px;
}

#review-section .box::after{
    content: "";
    position: absolute;
    width:25px;
    height:25px;
    background-color:#008C99;
    left:30px;
    bottom:-10px;
    transform: rotate(45deg); 
    
}

#review-section .img-box{
    width:85px;
    height:auto;
    border:1px solid var(--pColor);
}

#review-section .img-box h6{
   font-size:11px;
   background-color: var(--pColor);
   color:#fff;
   margin-bottom: 0px;
   padding:3px 1px;
   text-align: center;
}


#review-section .img-box img{
   padding:2px;
   height:100%;
   width:100%;
   object-fit:cover;
   object-position: top;
}

#review-section .box p{ 
    font-size:13px;  
    position: relative; 
    padding:10px 60px; 
}

#review-section .box p::before{ 
    content: "";  
    position: absolute;
    left:18px;
    top:30%;
    font-size:50px;
    background-image: url('../images/quote1.png');
    height:35px;
    width: 35px;
    background-repeat: no-repeat;   
}


#review-section .box p::after{ 
    content: "";  
    position: absolute;
    right:20px;
    top:55%;
    background-image: url('../images/quote1.png');
    height:35px;
    width: 35px;
    background-repeat: no-repeat;
    transform: rotate(180deg);   
}

/*========================Activities===========================================*/

#activites-section{
    padding-top:40px;
    padding-bottom:20px;
}


#activites-section h4{
  margin-bottom: 30px;  
  font-size:30px;
  font-weight:600;
}

#activites-section h3 .in-class{
    background-color: #008C99;
    color:#fff;    
    font-weight:600;
    font-size: 23px;    
}

#activites-section .card{
    border:4px solid var(--pColor);
    margin-bottom: 20px;
    overflow: hidden;
    height:250px;
    border-radius:0px;
}

#activites-section .card  img{
    transition:all 0.2s ease-in-out;
    cursor: pointer;
    width:100%;
    height:250px;
    object-fit: cover !important;
    object-position: center !important;
    border-radius:0px;
}

#activites-section .card  img:hover{
     transform: scale(1.2);
}

#imgInner{
     background-image:  url('../../images/contact_form_bg.png');
}

#exampleModal h3{
    font-family: "Bubblegum Sans", sans-serif; 
}


/*====================Gallery==================================*/

#gallery-header{
    height:150px;
    display: flex;
    align-items: center;
    background-color:#73D5F0;
}

#gallery-header nav{
    background-color:#fff; 
    border-radius:3px; 
}


#gallery-header nav .breadcrumb{
    margin: 0px !important;
    padding:5px 4px;   
}

#gallery-header nav .breadcrumb li{
    font-size:13px;  
    font-weight: 600;
}
#gallery{
    padding:40px 0px;
}

#gallery h3{
    text-align: center;
    margin-bottom:30px;
}

#gallery .card{
    height:250px;
    object-fit: cover;
    object-position: top;
    border: 4px solid var(--pColor);
    overflow: hidden;  
    margin-bottom:10px !important;  
}

#gallery .card img{
    width:100%;
    height:250px;
    object-fit: cover;
    object-position: top;
    transition: all 0.4s ease-in-out;
}

#gallery .card img:hover{
   transform: scale(1.2);
}

#video-review .card{
    border:4px solid var(--pColor);
}

#video-review .card img{
    width:100%;
}

#gallery .card-header-title{
 background: var(--pColor) !important;
 margin-bottom:20px;
 color:#fff;
 padding:5px 0px !important;
 text-align: center;
}

#gallery  h3 .in-class {
    background-color: #008C99;
    color: #fff;
    font-weight: 600;
    font-size: 23px;
}



.gallery .card{
    height:250px;
    object-fit: cover;
    object-position: top;
    border: 4px solid var(--pColor);
    overflow: hidden;  
    margin-bottom:0px !important;  
}

.gallery .card img{
    width:100%;
    height:250px;
    object-fit: cover;
    object-position: top;
    transition: all 0.4s ease-in-out;
}

.gallery .card img:hover{
   transform: scale(1.2);
}


.gallery .card-header-title{
 background: var(--pColor) !important;
 margin-bottom:20px;
 color:#fff;
 padding:5px 0px !important;
 text-align: center;
}

.classroom .card{
    margin-bottom:15px !important;
}


/*====================================Mediaquery Css ==========================*/

@media(max-width:467px){


    #homeslider h5{font-size: 19px; padding:5px 10px;}
    #playschool{ margin-top:30px;}
    #staff .card{ margin-bottom:15px;}
    .Mobilemenu{font-family: "Bubblegum Sans", sans-serif; display:block; font-weight: 600; font-size:20px; color:#000;}
    #header #contact .row{ text-align: center;}
    #header #contact .row{ text-align: center;}
    #header #header-logo{ text-align: center; margin-bottom: 10px;}
    .navbar-toggler:focus{ outline:none !important; box-shadow: none !important;}
    .navbar ul li {border-bottom: 1px solid #b8b7b7; border-right: 0px !important;}
    #activites-section .card{height:250px;}
    #activites-section .card a img{height:250px;}
    .navbar .dropdown-menu{ margin-bottom: 15px;}
    #video-review .card{ margin-bottom:10px;} 
    .owl-nav{ text-align: center;}  
    .owl-nav .owl-prev,.owl-next{ font-size:60px !important;}
}