@font-face {

  font-family: 'Lexend Regular';

  src: url(../fonts/Lexend/static/Lexend-Regular.ttf);

}

@font-face {

  font-family: 'Lexend Medium';

  src: url(../fonts/Lexend/static/Lexend-Medium.ttf);

}

@font-face {

  font-family: 'Lexend Light';

  src: url(../fonts/Lexend/static/Lexend-Light.ttf);

}

@font-face {

  font-family: 'Lexend Bold';

  src: url(../fonts/Lexend/static/Lexend-Bold.ttf);

}


.blog-detail-inner span i{
  color: #243a78 !important;
}


* {

  margin: 0;

  padding: 0;

  box-sizing: border-box;

}

a {

  text-decoration: none !important;

  

}

body {

  /* font-family: ; */

  font-size: 18px;

  font-weight: normal;

  font-family: 'Lexend Light' !important;



}

p {

    /* font-family:; */

    /* color: ; */

    font-weight: 400;

    margin: 0 !important;

}



h1,

h2,

h3,

h4,

h5,

h6 {

  /* font-family:; */

  /* color: ; */

  font-family: 'Lexend Medium' !important;





}





h1 {

  font-size: 40px;

}



h2 {

  font-size: 59px !important;

  color: #243a78 !important;

  font-weight: 700;

  font-family: 'Lexend Bold' !important;

}

.section-padding{

  padding: 124px 0px;

}

.section-margin{

  margin: 100px 0px;

}

h3 {

  font-size: 30px;

  margin-bottom: 15px;



}



h4 {

  font-size: 24px;

}



h5 {

  font-size: 20px;

}



h6 {

  font-size: 16px;

}

ul {

  margin: 0px;

  padding: 0px;

  list-style: none;

  font-family: 'Roboto Medium';



}

img {

  max-width: 100%;

}



a:not([href]):not([class]),

a:not([href]):not([class]):hover {

  color: inherit;

  text-decoration: none;

}



a:focus,

.button:focus {

  text-decoration: none;

  outline: none;

}



a:focus,

a:hover {

  color: inherit;

  text-decoration: none;

}







button:hover {

  cursor: pointer;

}



button:focus {

  outline: 0;

}



.uppercase {

  text-transform: uppercase;

}



.capitalize {

  text-transform: capitalize;

}



body{

  background-color: #faf6f2;

}

.container {

  max-width: 1387px;

}

/* header-section */



.header-sec .header-inner{

  margin: auto;

    display: flex;

    align-items: center;

    

}
.banner-section-outer{
  position: relative;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height:100%
}
.banner-section-outer::after{
  content: '';
  background-color: #000;
  position: absolute;
  opacity: 0.4;
  top: 0;
  width: 100%;
  height: 100%;

}
.header-sec{

  position: sticky;

  top: 0;

  

  background-color: #faf6f2;

  padding-bottom: 12px;

  text-align: center;

  z-index: 99999;

  

  box-shadow: 0 -10px 24px -2px gray;



}

.header-inner{

  display: flex;

  justify-content: space-between;

}

.banner-inner{

  position: relative;
    z-index: 1;
color : white;


}

.banner-inner .content-inner{

  width: 100%;

}

.banner-inner .image-inner{

  width: 50%;

}
.banner-inner .image-inner img{
  border-radius: 13px !important;
}

.section-padding{

  padding: 100px 0px;

}

.banner-inner .content-inner h1{

  font-size: 59px;

  margin-bottom: 15px;

  /* color: #243a78; */

  font-weight: 700;





}

.banner-inner .content-inner h3{

  font-size: 26px;

  /* color: #243a78; */

}

.banner-inner .content-inner p{

  font-size: 23px;

  margin-bottom: 30px !important;

  /* color: #243a78; */

}

.button {

  background-color: #243a78;

  padding: 14px 28px;

  border-radius: 30px;

  width: fit-content;

  color: #faf6f2;

  border: none;

  height: fit-content;

  cursor: pointer;





}

.button a{

  color: white;

  font-weight: 700;



}

.button:hover {

  background-color: #485fd4;

}



.logo-inner{

  max-width: 150px;

  width: 100%;

}

.button i{

  margin: 0px 11px 0px 0px;



}

.button-inner{

  display: flex;

  gap: 26px;

  align-items: center;

  

}

.button-inner {

  color: #243a78

}

.button-inner .icon-btn a{

  color: #243a78;

  /* margin-left: 3px; */

  text-decoration: none;



}

.button-inner .star-inner{

  display: flex;

  gap: 5px;

  margin-bottom: 6px;

}

.header-review{

  text-align: left;

}

.top-header{

  padding: 12px 10px;

  background-color: #243a78;

  text-align: center;

  margin-bottom: 15px;

  color:white;

}

.top-header p{

  font-size: 17px;

}

.top-header p a{

  color: white;

  

  text-decoration: none;



}



.montessori-sec{

 background-color: #243a78;

 color: #faf6f2;

 text-align: center;

 position: relative;

}

.montessori-sec h2{

  color: white !important;

  margin-bottom: 30px;

  position: relative;

    z-index: 9;

}

.montessori-sec p{

font-size: 20px;

}

.montessori-inner-content p{



}

.montessori-inner-content{

  width: 80%;

  margin: 0 auto;

  position: relative;

    z-index: 9;

}

.montessori-detail img{

  width: 100px;

    height: 100px;

  position: absolute;



}

.montessori-detail .fill-current1 img{

  left: 12%;

}

.montessori-detail .fill-current2 img{

bottom: 10%;

left: 5%;

}

.montessori-detail .fill-current3 img{

  right: 12%;

}

.montessori-detail .fill-current4 img{

bottom: 10%;

right: 5%;

}

.image-inner .fill-current2 img{

  width: 162px;

  height: 162px;

  position: absolute;

  bottom: -41px;

  left: -40px;

}

.image-inner{

  position: relative;

  

}

.image-inner .fill-current3 img{

  width: 162px;

  height: 162px;

  position: absolute;

  top: -41px;

  right: 4px;

}





/* what we offer */

.wt-we-inner-detail{

  width: 31%;

  /* padding: 39px; */

  background-color: #485fd4;

  border-radius: 13px;



}

.wt-we-inner-detail .image{

  width: 100%;

  height: 330px;

  margin-bottom: 35px;

}
.wt-we-inner-detail .content-inner p{
  color: #243a78;
}
.wt-we-inner-detail .image img{

  width: 100%;

  height: 100%;

  object-fit: cover;

  border-radius: 13px;

}
.btn-inner .button:hover{
background-color: #485fd4 !important;
}
.wt-we-offer-inner{

  display: flex;

  gap: 40px;

  flex-flow: row wrap;

}

.wt-we-inner-detail .name-btn{

  text-align: start;

  display: flex;
 flex-direction: column;
  justify-content: space-between;

  align-items: flex-start;


  gap: 15px;
  padding: 0px 25px 30px 25px;



}

.wt-we-inner-detail .name-btn a h3{

  color: #263b75;

  text-align: start;

}

.what-we-offer-inner h2{

  margin-bottom: 55px;

  text-align: center;



}

 .rgt-btn{

  gap: 11px;
  display: flex;
  align-items: center;

  height: 43px;

  display: flex;

  cursor: pointer;

  border-radius: 50px;

  justify-content: center;

  align-items: center;



}

.rgt-btn:hover{

  /* background-color: white */



}



.rgt-btn span{
 color: white;
 font-weight: 600;
}



 .rgt-btn i{

  color: white;

}
.rgt-btn:hover i{
  color : #243a78;
}
.rgt-btn:hover span{
  color : #243a78;
  
}

 .rgt-btn{

  /* padding: 15px; */

}
.wt-we-inner-detail{
box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;

}
.wt-we-inner-detail:nth-child(1){

  background-color: #42c782;

  position: relative;

    z-index: 9;

}

.wt-we-inner-detail:nth-child(2){

  background-color: #84b2cf;



  position: relative;

  z-index: 9;

}

.wt-we-inner-detail:nth-child(3){

  background-color: #a09bd4;


  position: relative;

    z-index: 9;

}

.wt-we-inner-detail:nth-child(4){

  background-color: #9bd4c4;


  position: relative;

    z-index: 9;

}

.wt-we-inner-detail:nth-child(5){

  background-color: #b7cb82;



  position: relative;

    z-index: 9;

}

.wt-we-inner-detail:nth-child(6){

  background-color: #d29bd4;


  position: relative;

    z-index: 9;

}

.wt-we-inner-detail:nth-child(7){

  background-color: #d4bb9b;


  position: relative;

    z-index: 9;

}

.wt-we-inner-detail:nth-child(8){

  background-color: #6ca8aa;



  position: relative;

    z-index: 9;

}

.wt-we-inner-detail:nth-child(9){

  background-color: #42c782;

  rotate: 3deg;

  position: relative;

    z-index: 9;

}

.what-we-offer-inner{

  position: relative;

}

.wt-we-sec{

  margin-bottom: 70px;

}

.wt-we-sec .fill-current2 img{

  position: absolute;

  right: 0;

  top: 0;

  width: 150px;

  height: 150px;

  transform: scaleX(1) translateX(67%);

}

.banner-inner .btn-inner{

  display: flex;

  gap: 20px;



}



.banner-inner .btn-inner .button {

  background-color: #243a78;

  padding: 14px 28px;

  border-radius: 30px;

 

  display: flex;

  justify-content: center;

  border: none;

  height: fit-content;

  cursor: pointer;

}

.name-btn h3{
  color: #243a78;
  font-size: 21px;
  margin-bottom: 0px;
}

.name-btn:hover .rgt-btn span{
color : #243a78;
}
.blog-name:hover .rgt-btn i{
  color : #243a78;

}
.wt-we-inner-detail .name-btn h3:hover{

  color: white;

}






/* ---------------- contact form */



#contact-form {

  /* background-color: #263b75; */

}

.etr-contact-form {

  display: flex;

  justify-content: space-between;

  gap: 20px;

  

}

.etr-contact-form-left {

  width: 50%;

  color: #243a78;



}

.etr-contact-form-left p{

  font-size: 20px;

}

.etr-contact-form-left h2 {

  /* color: white; */

  margin-bottom: 30px;

  text-transform: capitalize;

}

.etr-contact-form-left .form-control {

  border-radius: 0;

  font-size: 15px;

  height: 50px;

  color:#000;

  border: none;

}

.etr-contact-form-left .form-control:focus {

  border: none;

  outline: 0;

  box-shadow: none;

}

.etr-contact-form-left .form-group {

  margin-bottom: 22px;

}

.etr-contact-form-right{

  width: 50%;

}

.etr-contact-form-right iframe{

  width: 100%;

  height: 100%;

}

.etr-contact-form-left{

/*  padding: 100px;*/

}

.magnific-img img {

  width: 100%;

  height: auto;

}

.contact-map-sec .container-fluid{

  padding : 0px !important

}

.etr-btn-div{

  background: white;

  padding: 11px 25px;

  border-radius: 50px;

  font-weight: 700;

cursor: pointer;

  width: fit-content;



}

.etr-btn-div:hover{

  background-color: #dbe5ff;

}

.etr-btn-div a{

  color: #243a78;

}

.etr-btn-div a i{

  margin-left: 10px;

}

.schedule-outer h2{

  text-align: center;

}

.schedule-outer .schedule-inner p{

  margin-top: 20px;

  font-size: 20px;

  text-align: center;

  color: #243a78;

}



/* footer section */

.footer-inner{

  display: flex;

  justify-content: space-between;

  gap: 90px;

  border-top: 1px solid #243a78;

  padding: 100px 0px 0px 0px;

}

.footer-inner .footer-logo-detail .logo{

  width: 190px;



}

.footer-inner .footer-logo-detail .logo img{

  width: 100%;

}

.footer-logo-detail .footer-address{

  font-size: 20px;

  color:#243a78;

  /* width: 40%; */

}

.footer-logo-detail .logo{

  margin-bottom: 30px;

}

.footer-inner .footer-logo-detail{

  width: 40%;

}

.footer-inner .footer-hours{

  width: 40%;

}

.footer-inner .footer-reviews{

  width: 40%;

}

.footer-logo-detail .footer-address{

margin-bottom: 28px;

}

.footer-logo-detail .footer-address p:hover a{



}

.footer-inner .footer-social{

  display: flex;

 gap:15px;



}

.footer-social div{

  width: 50px;

   height: 50px;

   border-radius: 50px;

  border: 2px solid #243a78;

  display: flex;

  justify-content: center;

  align-items: center;

  cursor: pointer;



}

.footer-social div i{

  font-size: 25px;

  color: #243a78;

  



}

.footer-social div:hover{

  background-color: #243a78;

  border-color:#243a78 ;

}

.footer-social div:hover i{

  color: white;

}

.footer-hours{

  color: #243a78;

}

.footer-hours p{

  font-size: 20px;

  margin-bottom: 5px;

}

 .footer-inner{

  color: #243a78;

 }

.footer-inner a{

  color: #243a78;

}

.footer-sec{

  padding-bottom: 50px;

  margin-top: 50px;

}



.Es8downQlxiASDyltHtn iframe::-webkit-scrollbar {

  display: none !important;

  width: 0px !important;  /* Remove scrollbar space */

  background: transparent !important;  /* Optional: just make scrollbar invisible */

}

.review-sec h2 {
  text-align: center;
  margin-bottom: 30px;

}

.page-not-found{ 

  display: flex;

  justify-content: center;

  flex-direction: column;

  height: 40vh;

  padding-top: 30px;

  align-items: center;

}



.page-not-found {

  color : #263b75;

}



.page-not-found h2{ 

font-size : 75px !important;

margin-bottom: 20px !important;



}

.page-not-found h3{ 

  margin-bottom: 20px;

}

.etr-contact-form-left p{

  margin-bottom: 20px !important;

}

.banner-inner .image-inner img {
  
    border-radius: 13px !important;
}

.etr-contact-form-right {
    width: 50%;
    border: 15px solid #243A78 !important;
    border-radius: 13px;
}

.etr-contact-form {
    display: flex;
    justify-content: space-between;
    gap: 50px;
}

/* ------------------------------------------------------------- */


/* lightbox section slider */
.bri-video-gallery {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  grid-gap: 15px;
  padding: 0px; 
  margin: 0 auto;
  box-sizing: border-box;
}

.bri-video-gallery .gallery-item {
  position: relative;
  width: 100%;
  height: 300px;
  background: #000;
  cursor: pointer;
  overflow: hidden;
}

.bri-video-gallery .gallery-item img {
  position: relative;
  display: block;
  width: 115%;
  height: 300px;
  object-fit: cover;
  transition: all 350ms ease-in-out;
}

.north-cascades-img {
  object-position: 50% 30%;
}

.bri-video-gallery .gallery-item .gallery-item-caption {
  padding: 32px;
  font-size: 1em;
  color: #fff;
  text-transform: uppercase;
}

.bri-video-gallery .gallery-item .gallery-item-caption,
.bri-video-gallery .gallery-item .gallery-item-caption > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bri-video-gallery .gallery-item:hover img {
  opacity: 0.3;
  transform: translate3d(0, 0, 0);
}

.bri-video-gallery .gallery-item .gallery-item-caption {
  text-align: left;
} 

.mfp-iframe-holder .mfp-content {
width:100% !important;
}
.mfp-iframe-holder .mfp-content img{
width:100% !important;
}


  .bri-logo-list-inner li{
  list-style: none;
  width: 70%;
  }
  .bri-logo-list-inner li img{
      width: 100%;
  }

.bri-logo-list-inner .item {
  align-items: center;
  color: white;
  display: flex;
  justify-content: center;
}
.bri-logo-list-inner .owl-stage{
  display: flex;
  align-items: center;
}

.bri-logo-list-inner .owl-nav {
  display: none !important;
}

.bri-logo-list-inner{
  margin: 30px 0px;
}


.bri-logo-list-inner .owl-dots{
  display: flex;
  justify-content: center;
}
.bri-logo-list-inner .owl-dots button{
  width: 15px !important;
  height: 15px !important;
  margin: 10px !important;
  border-radius: 50px;
  border: 2px solid #0093d0 !important;
}

.bri-logo-list-inner .owl-dot.active{
  background-color: #0093d0 !important;
}

.bri-testimonials-section .bri-testimonials-inner {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 45px;
  justify-content: center;   
}
.ratting-star i{
  color: #f7b934;
  font-size: 21px;
}
.bri-home-testimonials-div a span{
  color: #0093d0 !important;
  font-size: 18px;
  text-align: center;
}



.bri-home-testimonials-div {
  text-align: center;
  background-color: #FFFFFF;
  border-radius: 7px;
  padding: 50px 39px 34px 39px;
  -webkit-box-shadow: 0px 0px 18px -3px rgba(0, 0, 0, 0.75);
  -moz-box-shadow: 0px 0px 18px -3px rgba(0, 0, 0, 0.75);
  box-shadow: 0px 0px 18px -3px rgba(0, 0, 0, 0.75);
  width: 31%;
}
.bri-testimonials-section .ratting-star{
  margin: 20px 0px;
}

.bri-google-logo{
  text-align: center;
}
.bri-google-logo span{
  padding: 13px;
  border-radius: 8px;
  background-color: #f74a70;
}
.bri-google-logo{
  margin: 30px 0px;
}
.bri-google-logo span i{
  color: white;
  font-size: 22px;
}
.bri-home-testimonials-div span {
  color: #0093d0;
  font-size: 18px;
  font-weight: 600;


}
.bri-home-testimonials-div p{
  font-size: 17px;
  text-align: left;


}
.gallery-item-caption  a{
  width: 100% !important;
  height: 100% !important;
  object-fit: fill !important;
}



.blog-detail-inner h2{
  margin-bottom : 30px !important;
  margin-top: 10px;
}
.blog-detail-inner span i{
  margin-right: 8px;
}

.blog-detail-content p{
 margin-bottom: 10px !important; 
 font-size: 19px;

}
.blog-detail-content ul li{
  font-size: 19px;
}

.blog-detail-content img{
  box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;  
  margin: 9px 0px 20px 0px !important;
}
.blog-detail-inner span{
  font-size: 20px;
}
.blog-detail-content ul li{
   font-size: 20px !important;
}
.blog-detail-sec .container{
  max-width: 1100px !important;

}

 .wt-we-block .name-btn {
  flex-direction: row !important;
}
.wt-we-block .rgt-btn {
width: 44px !important;
    height: 44px !important;
    border-radius: 50px !important;
    background: #243a78 !important;
    padding: 15px !important;
}
.wt-we-block .rgt-btn:hover {

background-color: white !important;
}

.wt-we-block .rgt-btn:hover i{
  color: #243a78 !important;
}

.wpcf7 form .wpcf7-response-output {
    color: #fff;
    font-size: 15px;
}