@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&display=swap');

/*===== Pre CSS =====*/
body{ margin: 0; padding: 0; font-size: 14px; font-weight: normal; color: #333;    font-family: "Jost", sans-serif; background: #fff; }
p,  span, table, th, tr, td, img, ul, ol, li{   font-family: "Jost", sans-serif; }
h1, h2, h3, h4, h5, h6,a,span{ margin: 0; padding: 0;   font-family: "Jost", sans-serif;}
ul,ol{padding-left: 0px;}
img{width: 100%;height: auto;}

/*===== Go To Top Section =====*/
#back-top { display: block; position: fixed; bottom: 15px; right: 14px; text-align: center; z-index: 99999; }
#back-top a { display: block; text-decoration: none;  }
#back-top a .fa{ width: 40px; height: 40px; padding-top: 10px; font-size: 18px; border-radius: 5px; opacity: 1; color: #fff; background: #000; border: #fff solid 1px; transition: all linear 0.3s; }
#back-top a .fa:hover{ background: #fff; color: #000; border-color: #000; transform: scale(1.05,1.05);  }

/*===== Mobile Menu =====*/
.mobile_menu{ display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 9; }
.menu_icon_box{ position: fixed; top: 0; left: 0; z-index: 9999999999; display: block; width: 100%; background: #000; height: 57px;border-bottom: 1px solid #fff;  }
.tab_button{ float: left; }
.tab_button a{ display: inline-block; padding: 7px 10px; margin-top: 12px; font-size: 10px; text-align: center; text-transform: uppercase; color: #fff; background: transparent; border: #fff solid 1px; border-radius: 5px; box-sizing: border-box; text-decoration: none; }
.tab_button a:hover{ background: #16FAD9; border: #16FAD9 solid 1px; }
.tab_button1{ margin-left: 15px; margin-right: 5px; }

.menu_icon{ position: fixed; top: 15px; right: 15px; width: 30px; height: 30px; padding: 1px 5px; background: transparent; box-sizing: border-box; cursor: pointer; z-index: 999; }
.menu_icon span{ width: 100%; height: 2px; display: block; background: #fff; margin: 5px 0; border-radius: 5px; transition: all linear 0.3s; }
.menu_icon.active{ color: #fff; padding: 8px 3px 0; }
.menu_icon.active span{ position: absolute;     width: 85%; }
.menu_icon.active span:nth-child(1){ transform: rotate(45deg); }
.menu_icon.active span:nth-child(3){ transform: rotate(-45deg); }
.menu_icon.active span:nth-child(2){ display: none; }

.mobile_slideLogo{ display: block; text-align: center; }
.mobile_slideLogo img{ display: inline-block; float: none;  padding: 15px; margin-bottom: 15px; border-radius: 5px; width: 60%; height: auto;background: #fff; }
.sidebar{ padding: 65px 15px; position: fixed; top: 0; left: -100%; z-index: 99999; overflow-y: scroll; width: 100%; height: 100%; background: #000; text-align: center; box-sizing: border-box; z-index: 999999; transition: all linear 0.3s; }
.sidebar.active{ left: 0; }
.sidebar ul li{ list-style: none; }
.sidebar ul li a{ position: relative; display: block; padding: 10px 15px; border: #fff solid 1px; text-align: left; color: #fff; margin-bottom: 1px; text-transform: uppercase; text-decoration: none; font-size: 14px; font-weight: 400; border-radius: 5px; }
.sidebar ul li a::before{ content: ""; position: absolute; top: 0; left: 0; z-index: -1; padding: 12px 0; height: 100%; width: 0%; background: #fff; transition: all linear 0.3s; }
.sidebar ul li a:hover::before{ width: 100%; }
.sidebar ul li a:hover{color: #000;}
.sidebar ul li.active{ background: #fff; border-radius: 5px; }
.sidebar ul li.active a{color: #000;}


/*-- Modern Social Media Icon Display --*/
.social_media_block{ display: block; position: fixed; bottom: 15px; left: 15px; z-index: 999; }
.share_icon .fa-solid{ position: absolute; left: 0; bottom: 0; z-index: 2; cursor: pointer; width: 52px; height: 52px; border-radius: 50%; background: #fff; color: #000; font-size: 24px; text-align: center; padding: 14px 0 0 0; transition: all linear 0.3s; }
.share_icon .fa-solid:hover{ transform: rotate(360deg); color: #fff; background: #000; }
.social_icon{ position: relative; overflow-y: hidden; border-bottom-left-radius: 52px; border-bottom-right-radius: 52px; transition: all linear 0.3s; }
.social_icon.active{ padding-top: 52px; }
.social_icon ul{ position: relative; display: block; text-align: center; transform: translateY(100%); transition: all linear 0.3s; }
.social_icon.active ul{ transform: translateY(-52px); }
.social_icon ul li{ list-style: none; }
.social_icon ul li .fa-brands{ width: 50px; height: 50px; border-radius: 50%; border: none; background: #0e59a9; color: #fff; font-size: 24px; text-align: center; padding: 13px 0px 0 0; transition: all linear 0.3s; }
.social_icon ul li .fa-brands:hover{ transform: rotate(360deg); }
.social_icon ul li:nth-child(1) .fa-brands{ background: #3d5a96; color: #fff; }
.social_icon ul li:nth-child(2) .fa-brands{ background: #F71919; color: #fff; }
.social_icon ul li:nth-child(3) .fa-brands{ background-image: linear-gradient(#8221b3, #c22268, #db8a40); color: #fff; }
.social_icon ul li:nth-child(4) .fa-brands{background:linear-gradient(-120deg,#4285f4, #34a853, #fbbc05, #ea4335);}

/* Wrapper */
.wrapper{ margin: 0; padding: 0; overflow: hidden; }
.transition{ transition: all linear 0.3s; }

/*===== Header Section =====*/

header{position: absolute; z-index: 9999; width: 100%;}
.header-page{position: relative;}
.header-top{padding: 15px 0;background: #03633D; transition: all 0.4s ease-in-out;}
.header-top ul{display: flex;justify-content: space-between;align-items: center;margin: 0; flex-wrap: wrap; row-gap: 20px;}
.header-top ul li{display:  flex;align-items: center;gap: 20px; color: #fff; }
/* header buttom */

.header-bottom{position: relative; padding:15px 0 ; margin-top: 20px; transition: all 0.4s ease-in-out;}

/* Sticky header-bottom */

/* When sticky: the outer wrapper (#header-bottom-wrapper) becomes full-width with background */
#header-bottom-wrapper.header-bottom-sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    margin-top: 0 !important;
    padding: 0 !important;
    transition: all 0.4s ease-in-out;
    border-radius: 0;
}
/* Inner container constrains content to max-width 1320px when sticky */
#header-bottom-wrapper.header-bottom-sticky .header-bottom-inner {
    max-width: 1320px;
    margin: 0 auto;
    padding: 0 15px; /* Standard container padding */
}

#header-bottom-wrapper.header-bottom-sticky .header-bottom {
    padding: 6px 0 !important; /* Even smaller padding when sticky */
    margin-top: 0;
}

#header-bottom-wrapper.header-bottom-sticky .logo img {
    max-width: 65px; /* Shrunk logo even more when sticky */
}

#header-bottom-wrapper.header-bottom-sticky .navbar .navbar-nav > li > a {
    font-size: 18px;
    padding: 0 10px;
}

#header-bottom-wrapper.header-bottom-sticky .navbar .navbar-nav > li:last-child a {
    padding: 8px 18px;
    margin-left: 20px;
}
/* Legacy: in case the class is applied to #header-bottom directly */
.header-bottom-sticky {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9999;
    background: #fff;
    box-shadow: 0 2px 16px rgba(0,0,0,0.13);
    margin-top: 0 !important;
    transition: all 0.4s ease-in-out;
    padding: 10px 15px !important;
}
@media (max-width: 1200px) {
    .navbar .navbar-nav > li > a {
        padding: 0 10px;
        font-size: 13px !important;
    }
}

  
.header-bottom-sticky::before {display: none;}
#header-bottom-spacer {display: none;}
.header-bottom::before{content: ''; position: absolute; top: 0; left: 50%; width: 110%; height: 100%; background: #1815E2; border-radius: 10px; transform: translateX(-50%); z-index: -1;}
.header-bottom .row{align-items: center;}
.logo{padding-left: 40px;}
.logo img{width: 100%;max-width: 110px;height: auto; transition: all 0.4s ease-in-out; filter: drop-shadow(0 0 3px #fff) drop-shadow(0 0 3px #fff) drop-shadow(0 0 3px #fff) drop-shadow(0 0 3px #fff) drop-shadow(0 0 3px #fff) drop-shadow(0 0 3px #fff);}
.navbar{ padding: 0; }
.navbar .navbar-nav{ display: flex;flex-direction: row;justify-content: space-between;align-items: center; margin: 0; padding: 0;  width: 100%; }
.navbar .navbar-nav > li{ display: inline-block; list-style: none; float: none; margin: 0; padding: 0; }
.navbar .navbar-nav > li > a{ position: relative; display: inline-block; padding: 0 12px;  border-radius: 0; color: #000; background: transparent;font-size: 16px;line-height: 26px;font-weight: 600; text-decoration: none;   font-family: "Jost", sans-serif; transition: all linear 0.3s; }
      
.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > .active > a,
.navbar .navbar-nav > .active > a:hover,
.navbar .navbar-nav > .active > a:focus,
.navbar .navbar-nav > .open > a:hover,
.navbar .navbar-nav > .open > a:focus,
.navbar .navbar-nav > .open > a{ color: #000; background: transparent; }

/* Non-sticky header: white text for readability against the solid blue background */
#header-bottom-wrapper:not(.header-bottom-sticky) .navbar .navbar-nav > li > a {
    color: #fff;
}
#header-bottom-wrapper:not(.header-bottom-sticky) .navbar .navbar-nav > li > a:hover,
#header-bottom-wrapper:not(.header-bottom-sticky) .navbar .navbar-nav > li > a:focus,
#header-bottom-wrapper:not(.header-bottom-sticky) .navbar .navbar-nav > .active > a,
#header-bottom-wrapper:not(.header-bottom-sticky) .navbar .navbar-nav > .active > a:hover,
#header-bottom-wrapper:not(.header-bottom-sticky) .navbar .navbar-nav > .active > a:focus,
#header-bottom-wrapper:not(.header-bottom-sticky) .navbar .navbar-nav > .open > a:hover,
#header-bottom-wrapper:not(.header-bottom-sticky) .navbar .navbar-nav > .open > a:focus,
#header-bottom-wrapper:not(.header-bottom-sticky) .navbar .navbar-nav > .open > a {
    color: #fff;
}


.navbar .navbar-nav > li:first-child a{padding-left: 0;}
.navbar .navbar-nav > li:last-child{ margin-right: 20px; }
.navbar .navbar-nav > li:last-child a{ padding: 14px 24px;background:#03633D;color: #fff;margin-left: 40px;border-radius: 30px;}
.navbar .navbar-nav > li:last-child a:hover{background: #000;color: #fff;}

/* Dropdown Menu */
/* padding-top creates an invisible hover bridge between the nav link and the dropdown,
   so the menu does not vanish when moving the cursor diagonally downward. */
.navbar .navbar-nav > li .serv_dropdown_menu{ display: none; position: absolute; z-index: 999999; padding-top: 15px; background: transparent; top: 26px; margin-left: 0; width: 200px; overflow-x: hidden; transition: all linear 0.3s; border-radius: 10px;}
.navbar .navbar-nav > li .serv_dropdown_menu li{ display: block; width: 100%; list-style: none; text-align: left; margin: 0; }
.navbar .navbar-nav > li .serv_dropdown_menu li a{ display: block; padding: 10px 15px; text-align: left; font-size: 16px; font-weight: 400; text-decoration: none; background: #000000; color: #fff; border-top: rgba(255, 255, 255, 0.2) solid 1px; border-radius: 0; transition: all linear 0.3s; }
.navbar .navbar-nav > li .serv_dropdown_menu li:first-child a{ border-top: none; border-radius: 8px 8px 0 0; }
.navbar .navbar-nav > li .serv_dropdown_menu li:last-child a{ border-radius: 0 0 8px 8px; }
.navbar .navbar-nav > li .serv_dropdown_menu li a:hover{ padding-left: 20px; color: #000000; background: #ffffff; }
.navbar .navbar-nav > li .serv_dropdown_menu li a .fa{ float: none; margin-right: 5px; font-size: 14px; }

/* My Own Custom Dropdown Animation */
.navbar .navbar-nav > li:hover .serv_dropdown_menu{ display: block; animation: slide-up .5s ease-out; }
@keyframes slide-up {
      0% { opacity: 0; transform: translateY(15%); }   
    100% { opacity: 1; transform: translateY(0); }
}
@keyframes leftright {
      0% { left:calc(100% + 50px); }  
      50% { left:calc(100% + 25px); }  
      100% { left:calc(100% + 50px); }  
    
}


/*===== Banners Section =====*/
.banner{position: relative;}
.banner-slider-1{background: url(../img/banner.png) no-repeat top center; background-size: cover; padding-top: 200px;}
.banner-slider-2{background: url(../img/banner2.png) no-repeat top center; background-size: cover; padding-top: 200px;}
.banner img{ width: 100%; max-height: 860px;object-fit: cover;object-position: top;}
.banner-small-title{font-family: Jost;font-weight: 700;font-size: 18px;line-height: 150%;}
.banner-title{font-family: Jost;font-weight: 600;font-size: 56px;line-height: 150%;font-size: 56px;}
.kw-students{color: #03633D;}
.kw-wisdom{color: #1815E2;}
.banner-desc{font-family: Jost;font-weight: 600;font-size: 16px;line-height: 150%;letter-spacing: 0%; margin-top: 23px; margin-bottom: 45px;}
.banner-btn{padding: 12px 24px;  background:#03633D; color: #fff;text-decoration: none; font-weight: 600;font-size: 16px;line-height: 150%; transition: all linear 0.3s; border-radius: 30px;}
.btn-svg{rotate: 90deg;}
.banner-btn:hover{background: #1815E2;color: #fff;}
.banner-girl{position: relative; width: 100%; height: auto; z-index: 4;}
.banner-girl::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 480px;
    background: url("../img/girl-bg.png") no-repeat center/contain;
    z-index: -1;
    animation: top-down-banner 3s ease-in-out infinite;
}
@keyframes top-down-banner {
  0%{transform: scale(1);}
  50%{transform: scale(1.15);}
  100%{transform: scale(1);}
}
    
.banner-boy img{position: relative; z-index: 1;}
.banner-boy{position: relative; width: 100%; height: auto; z-index: 4;}
.banner-boy::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 480px;
    background: url("../img/boy-bg.png") no-repeat center/contain;
    z-index: -1;
    animation: top-down-banner 3s ease-in-out infinite;
}
@keyframes top-down-banner {
  0%{transform: scale(1);}
  50%{transform: scale(1.15);}
  100%{transform: scale(1);}
}
    
.banner-boy img{position: relative; z-index: 1;}

/* ==== Pre-Primary Section ==== */
.pre-banner{
  position: relative; 
}
.pre-banner-img{ background: url(../img/pre-banner.png) no-repeat; background-position: center; background-size: cover; padding: 350px 0 0; width: 100%; height: 100%; position: relative; z-index: 1;}
.pre-banner-text h2{font-family: "Jost" , sans-serif;font-weight: 600;font-size: 56px;line-height: 150%;letter-spacing: 0%; margin-bottom: 20px;}
.pre-banner-text p{font-family: "Jost" , sans-serif;font-weight: 400;font-size: 16px;line-height: 150%;letter-spacing: 0%;}
.banner-pre-girl img{
    width: 110%;
    height: auto;
    padding-bottom: 0!important;
}
.pre-banner-text{
  padding-bottom: 100px;
}
.pre-primary-about-us{padding: 100px 0 80px;}
.pre-primary-about-us-text h2{font-family: "Jost" , sans-serif;font-weight: 500;font-style: Medium;font-size: 48px;line-height: 150%;letter-spacing: 0%; margin-bottom: 20px;}
.pre-primary-about-us-text p{font-family: "Jost" , sans-serif;font-weight: 400;font-style: Regular;font-size: 16px;line-height: 150%;letter-spacing: 0%;
}
.pre-primary-about-us-text img{
  margin-bottom: 20px;
  max-width: 135px;
  width: 100%;
  height: auto;
}
.pre-primary-features-box{box-shadow: -1px 1px 3px 0px rgba(0, 0, 0, 0.1);box-shadow: -3px 5px 6px 0px rgba(0, 0, 0, 0.09);box-shadow: -7px 12px 8px 0px rgba(0, 0, 0, 0.05);box-shadow: -12px 21px 10px 0px rgba(0, 0, 0, 0.01);box-shadow: -19px 33px 11px 0px rgba(0, 0, 0, 0);box-shadow: 2px -1px 14px 0px rgba(0, 0, 0, 0.25); border-radius: 30px;
}
.pre-primary-features-box:hover{transform: translateY(-10px); transition: all 0.3s ease;}
.features-text h2{font-family: "Jost" , sans-serif;font-weight: 600;font-size: 20px;line-height: 150%;letter-spacing: 0%; margin: 20px 0 16px;}
.features-text p{font-family: "Jost" , sans-serif;font-weight: 400;font-size: 16px;line-height: 150%;letter-spacing: 0%;}
.pre-primary-features{padding: 8px 0 60px;}
/*===== Common Section =====*/
.section-title{ margin-bottom: 40px;color: #000;}
.section-title h4{  font-family: "Jost", sans-serif;font-weight: 600;font-size: 20px;line-height: 150%;letter-spacing: 0;color: #03633D;position: relative;}
.section-title h4 img{max-width: 30px;height: 30px;}
.section-title h2{  font-family: "Jost", sans-serif;font-weight: 600;font-size: 32px;line-height: 50px;letter-spacing: 0;margin: 12px 0 25px;}
.section-title p{  font-family: "Jost", sans-serif;font-weight: 400;font-size: 16px;line-height: 26px;letter-spacing: 0;margin-bottom: 10px;}
.section-header-gap{margin-bottom: 60px;}
.events-line {display: inline-block;width: 50px;height: 2px;background-color: #1a7a4a; vertical-align: middle; margin-left: 20px; animation: snakeLine 6s ease-in-out infinite;transform-origin:left center;}
@keyframes snakeLine{
    0%{
        transform: scaleX(1) translateY(0);
        border-radius: 0;
    }
    20%{
        transform: scaleX(1.1) translateY(-2px);
        border-radius: 50px;
    }
    40%{
        transform: scaleX(0.9) translateY(2px);
        border-radius: 50px;
    }
    60%{
        transform: scaleX(1.1) translateY(-2px);
        border-radius: 50px;
    }
    80%{
        transform: scaleX(0.95) translateY(1px);
        border-radius: 50px;
    }
    100%{
        transform: scaleX(1) translateY(0);
        border-radius: 0;
    }
}
@media (max-width: 550px) {
  .banner-inner{
    padding-top: 40px ;
  }
}
.site-link{text-align: left;margin-top: 35px;}
.site-link a{ display: inline-block; padding: 11px 22px;  background:#03633D; color: #fff; letter-spacing: 0; font-weight: 700;font-size: 18px;line-height: 28px;text-decoration: none; transition: all linear 0.3s; }
.site-link a:hover{background: #000;color: #fff; }


/*===== Welcome Section  =====*/
.welcome-section {
  padding: 100px 0;background: #fff;position: relative;overflow: hidden; position: relative; z-index: 4;
}
.welcome-section::before{content: ''; position: absolute; background: url(../img/about-background.png) no-repeat; background-size: contain;  bottom: -70%; right: 0; width: 10%; height: 100%;z-index: 1; animation: top-down 3s ease-in-out infinite;}
/* --- Photo Grid --- */
.welcome-photo-grid {
 
}
.welcome-photo-tall {

}
.welcome-photo-tall img {width: 100%;height: 100%;min-height: 340px;object-fit: cover;border-radius: 12px;}
.welcome-photo-stack {grid-column: 2;grid-row: 1;display: flex;flex-direction: column;gap: 12px;}
.welcome-photo-top img {width: 100%;height: 180px;object-fit: cover;border-radius: 50%;aspect-ratio: 1 / 1;max-height: 180px;}
.welcome-photo-bottom img {width: 100%;height: 155px;object-fit: cover;border-radius: 12px;}
.welcome-photo-wide {grid-column: 2;grid-row: 2;}
.welcome-photo-wide img {width: 100%;height: 155px;object-fit: cover;border-radius: 12px;}
/* ----- pre -primary section */
.pre-primary-section{
  background: url(../img/pre-section.png) no-repeat;
  background-size: cover;
  background-position: center;
  padding: 70px 0 100px;
  }

/* --- Text Content --- */
.welcome-text-content {padding-left: 50px;}
.welcome-label {display: flex;align-items: center;gap: 12px;margin-bottom: 16px;}
.welcome-label span {font-size: 16px;font-weight: 700;color: #0d5c44;font-family: "Jost", sans-serif;position: relative;padding-bottom: 4px;}
.welcome-label span::after {content: '';display: block;position: absolute;top: 45%;right: -110%;width: 100%;height: 2px;background: #0d5c44;border-radius: 2px;}
.welcome-heading {font-family: "Jost", sans-serif;font-size: 30px;font-weight: 800;color: #111;line-height: 1.25;margin-bottom: 18px;}
.welcome-desc {font-family: "Jost", sans-serif;font-size: 14px;font-weight: 400;color: #444;line-height: 1.85;margin-bottom: 28px;}

/* --- Education System Card --- */
.welcome-edu-card {display: flex;align-items: flex-start;gap: 16px;background: #0d5c44;border-radius: 10px;padding: 22px 24px;max-width: 420px;}
.welcome-edu-card-icon {flex-shrink: 0;width: 48px;height: 48px;background: rgba(255,255,255,0.15);border-radius: 50%;display: flex;align-items: center;justify-content: center;}
.welcome-edu-card-icon .fa {font-size: 22px;color: #fff;}
.welcome-edu-card-body h5 {font-family: "Jost", sans-serif;font-size: 16px;font-weight: 700;color: #fff;margin-bottom: 8px;}
.welcome-edu-card-body p {font-family: "Jost", sans-serif;font-size: 13px;font-weight: 400;color: rgba(255,255,255,0.88);line-height: 1.7;margin: 0;
}

@media (max-width: 992px) {
  .welcome-text-content { padding-left: 0; margin-top: 30px; }
  .welcome-heading { font-size: 26px; }
}
@media (max-width: 576px) {
  .welcome-photo-grid { grid-template-columns: 1fr; }
  .welcome-photo-tall, .welcome-photo-stack, .welcome-photo-wide {
    grid-column: 1; grid-row: auto;
  }
  .welcome-photo-tall img { min-height: 200px; }
  .welcome-photo-top img { border-radius: 12px; height: 180px; }
  .welcome-heading { font-size: 22px; }
}
/*===== Our Team Section =====*/
.our-team{padding: 70px 0px 100px; background:url(../img/Our-team-bg.png) no-repeat;background-size: cover;}
.our-team .owl-carousel .owl-dots.disabled { display: block !important; margin-top: 45px;}
#team-slider .item{padding:0 10px; }
.team-card{position: relative;width: 100%;box-shadow: 2px 2px 14px 0px #00000026;overflow: hidden;border-radius: 10px;}
.team-card img{width: 100%;object-fit: cover; display: block; transition: all linear 0.3s;}
.team-card:hover img{transform: scale(1.1);}
.team-card-info{position: absolute; padding: 15px;background: #1815E2;bottom: 20px;left: 20px; right: 20px;color: #fff;}
.team-card-info h5{font-family: "Jost", sans-serif; font-size: 18px; line-height: 150%; font-weight: 500; letter-spacing: 0%;}
.team-card-info p{font-family: "Jost", sans-serif; font-size: 16px; line-height: 150%; font-weight: 400; letter-spacing: 0%; margin-top: 8px; margin-bottom: 0;!important}

/*===== Blog Section =====*/
.blog-section{padding:70px 0 100px; position: relative;}
.blog-section::before{content: ''; position: absolute; top: 0; right: 0; bottom: 0; width: 10%; height: 100%; background: url(../img/Blog-background.png) no-repeat; z-index: -1; animation: top-down 3s ease-in-out infinite;}
@keyframes top-down {
  0% {transform: scale(1);}
  50%{transform: scale(1.05);}
  100%{transform: scale(1);}
}
.blog-card-content{margin-top: 22px; color: #000;}
.blog-card-content h4{font-family: "jost", sans-serif;font-size: 20px; font-weight: 500;line-height: 150%;}
.blog-card-content p{font-family: "jost", sans-serif;font-size: 16px; font-weight: 400;line-height: 150%; padding: 18px 0 20px;}
.blog-card-content a{font-family: "jost", sans-serif;font-weight: 500;font-size: 16px;line-height: 150%;text-decoration: underline; color: #03633D;}

/*===== Join Us Section =====*/
.join-us {padding: 50px 0; position: relative; z-index: 1;}
.join-us-container{position: relative;}
.join-us::before {content: ''; position: absolute; top: 0; left: -5%; width: 110%; height: 100%; background: #03633D; border-radius: 10px; z-index: -1;}
.from-box{width: 100%;padding: 12px 20px;border-radius: 15px;background: #F2F2F2; color: #000;border: none; display: block;}
.from-box::placeholder{color: #000;}
.join-us-title{font-family: Jost;font-weight: 600;font-size: 32px;line-height: 200%;letter-spacing: 0%; color: #fff;}
.join-is-para{font-family: Jost;font-weight: 400;font-size: 16px;line-height: 150%;letter-spacing: 0%; padding-top: 23px; color: #fff;}
.join-us .banner-btn{background: #1815E2;}

/*===== Why Choose Us Section =====*/
.why-choose-us{ padding: 80px 0px ;}
.wcu-card img{max-width: 100px;}
.wcu-card h4{font-weight: 500;font-size: 18px;line-height: 28px;color: #000;margin: 20px 0;}
.wcu-card p{font-weight: 400;font-size: 16px;line-height: 26px; color:#00000099;}


/*===== Testimonials Section =====*/
.testimonials{background: #fff;}
.testimonials .section-thumbnail{height: 650px;}
.testimonials .section-thumbnail img{max-width: 400px;height: 100%;object-fit: cover;object-position: top;}
.testimonials .section-title{margin-top: 70px;}
.testimonials .section-content{max-width: 975px;margin: auto;}
.testimonials-content h4{  font-family: "Jost", sans-serif;font-weight: 700;font-size: 18px;line-height: 28px; letter-spacing: 0;}
.testimonials-content p{  font-family: "Jost", sans-serif;font-weight: 600;font-size: 18px;line-height: 32px; letter-spacing: 0;}
.sender{display: flex;align-items: center;gap: 30px;margin-top: 35px;}
.sender img{max-width: 50px;}


/*===== Project Gallery Section =====*/
.project{ padding: 80px 0 50px; background: url('https://jasperusa.sfo3.cdn.digitaloceanspaces.com/CM-Accounts-Ltd/gallery-bg.webp')no-repeat top;background-size: cover; }
.project ul{ display: flex; flex-wrap: wrap; }
.project ul li{ list-style: none; }
.project-content-item{ position: relative; overflow: hidden; margin-bottom: 30px; }
.project-content-item img{ width: 100%; height: 220px;object-fit: cover;border-radius: 10px; }
.project-content-item a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center;  color: #fff; text-decoration: none; font-size: 30px; font-weight: 700; cursor: pointer; transition: all linear 0.3s; }
.project-content-item a .fa{ position: relative; opacity: 0;  color: #fff;  }
.project-content-item a.overlayer-box{ background: rgba(0,0,0,0.5); }
.project-content-item a:hover{ background: rgba(0,0,0,0.5); }
.project-content-item a:hover .fa{ opacity: 1; }
.project-content-item a.overlayer-box:hover{ background: rgba(0,0,0,0.7); }
.project-content-item a.overlayer-box span{ display: inline-block; padding: 12px 48px; border-radius: 25px; text-decoration: none; background:#03633D;border: 1px solid #fff; color: #fff; font-size: 16px;font-weight: 600;   font-family: "Jost", sans-serif; transition: all linear 0.3s; }
.project-content-item a.overlayer-box span:hover{ background: #000; }
#gallery-title-box{ position: absolute; z-index: 2; bottom: 0; left: 0; right: 0; top: auto !important; background: #03633D;border-radius:0 0 10px 10px ; color: #fff !important; text-align: center; padding: 10px; font-size: 16px; font-weight: 600; font-family: "Jost", sans-serif; text-decoration: none; transition: background 0.3s ease; }
#gallery-title-box:hover{ background: #1815E2; color: #fff; }
.project-page .project{background: #fff;}


/*===== events-section =====*/
.events-section{padding: 70px 0 50px 0 ;}
   /* ===== Events Section ===== */
.events-section {background-color: #fff;}
.events-label {color: #1a7a4a;font-size: 0.95rem;display: flex;align-items: center;gap: 10px;}
.events-heading {font-size: 2rem;line-height: 1.25;color: #111;}
.events-desc {font-size: 0.95rem;line-height: 1.65;color: #555;max-width: 460px;}
.btn-events-explore {background-color: #1a7a4a;color: #fff;border-radius: 30px;padding: 10px 26px;font-size: 0.9rem;font-weight: 600;border: none;transition: background-color 0.25s ease;}
.btn-events-explore:hover {background-color: #155e38;color: #fff;}

    /* ===== Event Cards ===== */
.event-card {border-radius: 14px;overflow: hidden;background: #f4f4f4;display: flex;flex-direction: column;}
.event-card-img-wrap {position: relative;flex-shrink: 0;}
.event-img {width: 100%;height: 100%;object-fit: cover;display: block;transition: transform 0.35s ease;}
.event-card-large .event-img {height: 320px;}
.event-card:hover .event-img {transform: scale(1.04);}
.event-date-badge {position: absolute;bottom: -14px;left: 14px;background-color: #1a7a4a;color: #fff;font-size: 0.78rem;font-weight: 600;padding: 8px 35px;border-radius: 20px;}
.event-date-badge-large { position: absolute;bottom: -20px;left: 14px;background-color: #1a7a4a;color: #fff;font-size: 0.78rem;font-weight: 600;padding: 12px 60px;border-radius: 20px;}
.event-card-body {flex: 1;background-color: #f4f4f4;}
.event-title {font-size: 1rem;color: #111;}
.event-card-large .event-title {font-size: 1.15rem;}
.event-desc {color: #000;line-height: 150%;font-size: 1rem;padding: 35px 25px 25px 0;}
.p-custom {padding: 50px 25px 25px;}
@media (max-width: 1650px) {
        .event-card-large .event-img {
            height: 265px;
        }
    }

    @media (max-width: 1200px) {
        .event-card-large .event-img {
            height: 190px;
        }
    }


/*===== Home Free Estimate Section =====*/
.home-free-estimate{ padding: 80px 0px;background-color: #F6F6F6;position: relative;z-index: 1;}
.home-free-estimate::before{position: absolute;content: "";top: 0;right: 0;width: 45%;height: 100%;background:#32446F;z-index: -1;}
.home-free-estimate-form{  padding:35px; background:#fff;box-shadow: 0px 15px 33px 0px #0000001A, 0px 61px 61px 0px #00000017, 0px 136px 82px 0px #0000000D, 0px 242px 97px 0px #00000003, 0px 378px 106px 0px #00000000;}
.home-free-estimate-form h2{  font-family: "Jost", sans-serif;font-weight: 700;font-size: 24px;line-height: 28px;letter-spacing: 0;color: #000;margin-bottom: 30px;text-align: center;}
.home-free-estimate-form ul{padding-left: 0;}
.home-free-estimate-form ul li{ list-style: none; }
.home-free-estimate-form ul li:last-child{ text-align: center; }
.home-free-estimate-form-control{ height: 48px; border: #fff solid 1px; border-radius: 2px; background: #E0E0E0CC;margin-bottom: 25px;font-weight: 500;font-size: 18px;line-height: 26px;color: #4F4F4F;}
.home-free-estimate-form-control::placeholder{color: #4F4F4F;  font-family: "Jost", sans-serif;font-weight: 400;font-size: 16px;line-height: 26px;}
.btn-home-free-estimate-form-control{ display: inline-block;text-align: center;width: 100%; padding: 10px;background:#03633D; color: #fff; font-size: 16px;text-transform: uppercase; border: 1px solid #fff; text-decoration: none; border-radius: 4px; transition: all linear 0.3s; }
.btn-home-free-estimate-form-control:hover{ background: #fff;color: #000; }
.home-free-estimate-form textarea{min-height: 150px;}
.home-free-estimate-form .form-control:focus{box-shadow: none;border-radius: 0;background: transparent; color: #000;border: 1px solid #FFFFFFCC;}
.free-estimate-certs{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 20px;}
.free-estimate-certs div{width: 46%;}
.free-estimate-certs div img{max-width: 250px;height: auto;}

/* Footer Section */

.footer-section{background: url(../img/footer.png) no-repeat top;background-size: cover; padding: 130px 0 40px; position: relative;  margin-top: -50px;}
.footer-page{padding: 70px 0 40px; margin-top: 0px;}
.footer-section .footer-text img{max-width: 130px;height: auto;margin-bottom: 30px;}
.footer-section .footer-text h4{font-weight: 600;font-size: 20px;line-height: 28px;color: #03633D;margin-bottom: 30px;}
.footer-section .footer-text p{font-weight: 400;font-size: 16px;line-height: 26px;color: #000;}
.footer-link li{list-style: none; padding: 0 0 18px 0;}
.newsletter-form{display: inline-block; width: 100%; height: 48px; border-radius: 30px; border: none; color: #00000099; padding:12px 20px; background: #F2F2F2;}
.newsletter-btn{background: #03633D; display: inline-block; padding: 12px 88px; font-size: 16px; font-weight: 500;  letter-spacing: 4%; color: #fff; border: none; border-radius: 30px; margin-top: 20px;}
.footer-section .footer-text ul{padding-left: 0;}
.footer-section .footer-text ul li{ list-style: none; }
.footer-section .footer-text ul li a{text-decoration: none;color: #000;font-weight: 400;font-size: 16px;line-height: 26px;}
.footer-section .footer-text ul li a:hover{color: #03633D;}
.footer-contact-info ul li{ position: relative; padding-left: 65px; list-style: none; color: #000; font-size: 14px; line-height: 24px;margin-bottom: 45px; }
.footer-contact-info ul li::before{ content: ''; position: absolute; top: 50%; left: 0; transform: translateY(-50%); color: #fff; font-size: 16px; font-family: 'FontAwesome'; width: 42px; height: 42px; border-radius: 2px; background: #03633D; display: flex; justify-content: center; align-items: center; }
.footer-contact-info ul li:nth-child(1)::before{ content: '\f095'; }
.footer-contact-info ul li:nth-child(2)::before{ content: '\f041'; }
.footer-contact-info ul li:nth-child(3)::before{ content: '\f1ac'; }
.footer-contact-info ul li:nth-child(4)::before{ content: '\f0e0'; }
.footer-contact-info ul li span{ display: block; font-size: 12px; margin-bottom: 10px; } 

/*===== Footer Section =====*/
.copyright{ padding: 20px 0;background: #03633D; ;}
.copyright-content p{ color: #fff;font-size: 16px;font-weight: 400;line-height: 30px; text-align: center;margin-bottom: 0;   }
.copyright-content p a{ color: #fff; text-decoration: none;font-size: 16px;line-height: 26px;font-weight: 700;  font-family: "Jost", sans-serif;}     

/*===== Slider Plugins =====*/
#banner-slider .owl-buttons{ display: none; }
#banner-slider .owl-dots { position: absolute; left: 50%; top: 90%; transform: translate(-50%,0); z-index: 9; }
#banner-slider .owl-dots .owl-dot span{ width: 15px; height: 15px; border-radius: 50%; background: #fff; border: none; opacity: 1; }
#banner-slider .owl-dots .active span{ background: #000; }

#testimonials-slider .owl-dots{ display: none; }
#testimonials-slider .owl-nav{ display: none; }
#testimonials-slider .owl-nav .owl-prev{ position: absolute; top: 50%; left: -20px; transform: translateY(-50%); font-family: 'FontAwesome'; text-align: center; width: 48px; height: 48px; border: none; background: #fff; color: #000; font-size: 40px; border-radius: 50%; opacity: 1; display: flex; justify-content: center; align-items: center; z-index: 999; transition: all linear 0.3s; }
#testimonials-slider .owl-nav .owl-next{ position: absolute; top: 50%; right: -20px; transform: translateY(-50%); font-family: 'FontAwesome'; text-align: center; width: 48px; height: 48px; border: none; background: #fff; color: #000; font-size: 40px; border-radius: 50%; opacity: 1; display: flex; justify-content: center; align-items: center; z-index: 999; transition: all linear 0.3s; }
#testimonials-slider .owl-nav .owl-prev:hover,
#testimonials-slider .owl-nav .owl-next:hover{ background: #16FAD9; color: #fff; }
#testimonials-slider .owl-nav .owl-prev span{ margin-right: 5px; margin-bottom: 5px; }
#testimonials-slider .owl-nav .owl-next span{ margin-left: 5px; margin-bottom: 5px; }



/*-- OWL-CAROUSEL CONFIGS --*/
#testimonials-slider .owl-item img{ width: initial; }

/*===== Pages Breadcrumb =====*/
.content-banner{ padding: 30px 0; background: #151515; }
.breadcrumb{ padding: 10px 15px; margin: 0; margin-bottom: 0; color: #151515; background: #fff; border-radius: 0;    font-family: "Jost", sans-serif; text-transform: uppercase; font-weight: 400; font-size: 16px; }
.breadcrumb a{ color: #000; text-decoration: none; }
.breadcrumb .fa{  display: inline-block; margin: 0 10px; font-size: 11px; font-weight: 700; margin-top: 4px; }

/*===== Content Pages =====*/
.content{ width: 100%;}
.content-block{ background: transparent; }
.sectiontitleunderline{ display: block; width: 80px; height: 2px; margin: 0 0 30px; background: #000; }
.content h2{ text-transform: uppercase; font-size: 24px;line-height: 34px; color: #000; font-weight: 900;    font-family: "Jost", sans-serif; margin-bottom: 10px; }
.content h3{ text-transform: uppercase; font-size: 18px;line-height: 26px; color: #000; font-weight: 700;    font-family: "Jost", sans-serif; margin-bottom: 10px; }
.content h4{ text-transform: uppercase; font-size: 20px; line-height: 28px; color: #000; font-weight: 700;    font-family: "Jost", sans-serif; margin-bottom: 10px; }
.content p{ font-size: 16px; line-height: 30px;    font-family: "Jost", sans-serif; color: #000; margin-bottom: 15px; }
.content ol,
.content ul{ margin:0 ; padding: 0; margin-bottom: 15px; }
.content li{ margin-left: 18px; line-height: 30px; font-size: 16px;    font-family: "Jost", sans-serif; color: #000; }

/*===== 404 || Page Not Found =====*/
.content-banner .page-not-found-title{ color: #fff; }
.page_not_found{ display: block; text-align: center; padding: 50px; }
.page_not_found h2{ font-size: 120px; color: #34495e; }
.page_not_found p{ font-size: 18px; color: #34495e; text-align: center; }
.page_not_found a{ display: inline-block; padding: 10px 25px; background: #c0392b; color: #fff; border-radius: 3px; text-decoration: none; }
.page_not_found a:hover{ background: #e74c3c; }

/*===== Latest Testimonials and Form Page =====*/
.content .reviewsblock{ padding: 15px 0; background: #000; width: 100%; text-align: center; }
.content .reviewsblock h4{ margin-bottom: 0; text-transform: uppercase; color: #fff; font-size: 24px; font-weight: 700; }
.reviewsform{ padding: 15px; background: #eee; min-height: 150px; width: 100%; }
.reviewsformstyle{ height: 44px; border-radius: 0; border: #666 solid 1px; color: #666; margin-bottom: 15px; }
.reviewsform input::placeholder{ color: #666; }
.reviewsform textarea::placeholder{ color: #666; }
.btn-reviewsformstyle{ display: block; text-transform: uppercase; width: 100%; color: #fff; background: #000; border: none; padding: 10px 16px; font-size: 18px; border-radius: 0; transition: all linear 0.3s; }
.btn-reviewsformstyle:hover{ background: #2ecc71; }

/* Bootstrap(v5.2.3) Accordion */
.testimonials-page{ display: block; margin-top: 15px; }
.testimonials-page .accordion-button:focus,
.testimonials-page .accordion-button:active,
.testimonials-page .accordion-button{ padding-bottom: 13px; background: #000; color: #fff; box-shadow: none; }
.testimonials-page .accordion-button.collapsed{ background: #fff; color: #000; }
.testimonials-page .accordion-button:not(.collapsed)::after{ content: '\f107'; font-family: 'fontawesome'; font-size: 18px; color: #fff; text-decoration: none; background-image: initial; }
.testimonials-page .accordion-button.collapsed::after{ content: '\f107'; font-family: 'fontawesome'; color: #000; text-decoration: none; background-image: initial; }

/*===== Latest Contact Form =====*/

/*===== Latest Free Estimate Form =====*/
.free-estimate-form .form-title{ padding: 10px 15px; background: #03633D; color: #fff; }
.free-estimate-form .form-group{ position: relative; overflow: hidden; margin: 0; margin-bottom: 30px; }
.free-estimate-form .form-group .fa{ position: absolute; top: 22px; z-index: 2; height: 100%; width: 50px; background: #03633D; text-align: center; padding-top: 15px; color: #fff; font-size: 18px; }
.free-estimate-form .form-group .sms{ height: 100%; }
.free-estimate-form .form-group label{color: #fff;}
.free-estimate-form .free-estimate-form-control{ padding-left: 65px; height: 50px; border-color: #666; border-radius: 0; }
.free-estimate-form .free-estimate-form-control::placeholder{ color: #666; }
.free-estimate-form textarea.free-estimate-form-control{ height: 200px; }
.free-estimate-form .btn-free-estimate-form-control{ width: 150px; color: #fff; background-color: #03633D; border: none; border-radius: 30px; padding: 12px 24px; font-size: 16px; line-height: 1.5; transition: all linear 0.3s; }
.free-estimate-form .btn-free-estimate-form-control:hover{ background: #1815E2; }


/*===== Project Gallery Section =====*/
.project-page ul{ display: flex; flex-wrap: wrap; }
.project-page ul li{ list-style: none;margin: 0;padding: 1px; }
.project-page .project-content-item{ position: relative; overflow: hidden; margin-bottom: 1px; height: 300px;}
.project-page .project-content-item img{ width: 100%; height: 100%;object-fit: cover; }
.project-page .project-content-item a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; justify-content: center; align-items: center; text-transform: uppercase; color: #fff; background: transparent; text-decoration: none; font-size: 30px; font-weight: 700; cursor: pointer; transition: all linear 0.3s; }
.project-page .project-content-item a .fa{ position: relative; opacity: 0;  color: #fff;  }
.project-page .project-content-item a.overlayer-box{ background: rgba(0,0,0,0.5); }
.project-page .project-content-item a:hover{ background: rgba(0,0,0,0.5); }
.project-page .project-content-item a:hover .fa{ opacity: 1; }
.project-page .project-content-item a.overlayer-box:hover{ background: rgba(0,0,0,0.7); }
.project-page .project-content-item a.overlayer-box span{ display: inline-block; padding: 15px 40px 13px; border-radius: 5px; text-decoration: none; background: #E36221; color: #fff; font-size: 16px; font-family: 'Viga', sans-serif; transition: all linear 0.3s; }
.project-page .project-content-item a.overlayer-box span:hover{ background: #E36221; }



/*===== Book Now Page Style =====*/
.book-now-page .section-title h2 { margin-top: 5px; margin-bottom: 20px; }
.booking-info-sidebar { background: #fdfdfd; padding: 40px; border-radius: 10px; border: 1px solid #eee; height: 100%; box-shadow: 0 10px 30px rgba(0,0,0,0.05); }
.sidebar-contact-list { margin: 30px 0; }
.contact-item { display: flex; align-items: flex-start; gap: 20px; margin-bottom: 25px; }
.contact-item i { width: 45px; height: 45px; background: #32446F; color: #fff; display: flex; align-items: center; justify-content: center; border-radius: 5px; font-size: 18px; flex-shrink: 0; }
.contact-item h5 { font-weight: 700; font-size: 16px; color: #000; margin-bottom: 2px; }
.contact-item p { margin-bottom: 0; color: #555; }

.why-book-with-us { margin-top: 40px; border-top: 1px solid #eee; padding-top: 30px; }
.why-book-with-us h3 { font-size: 18px; font-weight: 700; margin-bottom: 20px; }
.why-book-with-us ul { padding-left: 0; list-style: none; }
.why-book-with-us ul li { display: flex; align-items: center; gap: 10px; font-weight: 500; font-size: 15px; margin-bottom: 12px; }
.why-book-with-us ul li i { color: #906D0E; font-size: 18px; }

.booking-form-wrapper { background: #fff; padding: 50px; border-radius: 10px; box-shadow: 0 15px 50px rgba(0,0,0,0.1); border-top: 5px solid #906D0E; }
.form-header { margin-bottom: 40px; text-align: center; }
.form-header h3 { font-size: 28px; font-weight: 800; color: #32446F; margin-bottom: 10px; }
.form-header p { color: #666; font-size: 16px; }

.custom-form-group label { font-weight: 600; color: #333; margin-bottom: 8px; font-size: 15px; }
.custom-form-group .form-control { height: 55px; background: #f9f9f9; border: 1px solid #e0e0e0; border-radius: 5px; padding: 12px 20px; font-size: 15px; transition: all 0.3s ease; }
.custom-form-group textarea.form-control { height: auto; }
.custom-form-group .form-control:focus { border-color: #906D0E; background: #fff; box-shadow: 0 0 10px rgba(144, 109, 14, 0.1); outline: none; }

.btn-booking-submit { width: 100%; height: 55px; border: none; background:#03633D; color: #fff; font-size: 18px; font-weight: 700; border-radius: 5px; cursor: pointer; transition: all 0.3s ease; display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 10px; }
.btn-booking-submit:hover { background: #000; transform: translateY(-3px); box-shadow: 0 10px 20px rgba(0,0,0,0.15); }
.btn-booking-submit i { transition: transform 0.3s ease; }
.btn-booking-submit:hover i { transform: translateX(5px); }


/*========== Responsive ==========*/

@media (max-width: 1350px){
      .navbar .navbar-nav > li > a {padding: 0 10px; font-size: 16px;}
      /* .banner img{max-height: unset;min-height: 960px;} */
      .banner-content-box h1 {font-size: 52px;}


      .section-title h2 {  font-size: 29px; line-height: 39px;}


      .wcu-card {margin-bottom: 33px;}

      .footer-content ul li,.footer-content ul li a{font-size: 14px;}
      .footer-quick-link{padding-left: 0;}

}
@media (max-width: 1230px){
      .navbar .navbar-nav > li > a {padding: 0 10px; font-size: 15px;}
  

}
@media (max-width: 1099px){
     /*=====Social Media =====*/
      .share_icon .fa{ width: 45px; height: 45px; font-size: 18px; }
      .social_icon ul li .fa{  width: 43px; height: 43px; font-size: 18px; }
      .social_icon.active ul li:nth-child(1) .fa{ bottom: 188px; }
      .social_icon.active ul li:nth-child(2) .fa{ bottom: 145px; }
      .social_icon.active ul li:nth-child(3) .fa{ bottom: 102px; }
      .social_icon.active ul li:nth-child(4) .fa{ bottom: 59px; }

      /*===== Enable Header Menu Default in Small Device =====*/
      .mobile_menu{ display: block; width: 0; }
      .mobile_menu.active{ width: 100%; }
      .serv_dropdown_menu{ padding-left: 30px; }

      /*========== Body Section ===============*/
      .header{ padding: 57px 0 0px;}
      .header-bottom{ display: none; }
      .section-title br{display: none;}


      .banner-content{bottom: unset;top: 50%;}
      .banner-content-box br{display: none;}
      .banner-content-box h1 {font-size: 35px;line-height: 52px;}
     
     .home-free-estimate-form{margin-left: 0;}

}

@media (max-width: 992px){
      /* .banner img{min-height: 560px;} */

      /* .header{position: unset;} */
      .footer-logo{width: 100%;max-width: 200px;margin-bottom: 1.5rem;}
      .footer-quick-link{padding-left: 0;}
      .footer-top-inner ul li br{display: none;}

      .booking-info-sidebar { margin-bottom: 40px; }
    .wcu-card {padding: 35px 15px; border-bottom: 2px solid;}

}

/* Meduim Device */

@media (max-width: 767px){

      /*===== Go To Top =====*/
      #back-top{ right: 15px; bottom: 25px; }
      #back-top a { width: 40px; height: 40px;  }
      #back-top a .fa{ font-size: 16px; margin-top: 10px; }

     
      .logo {text-align: center;}
      .header-bottom{background: transparent;}
      .header-contact ul{display: block;margin-top: 30px;}
       .header-contact ul li{margin: 10px 0;}

      .banner-content-box h1 {font-size: 21px;line-height: 36px; }
      .banner-content-box a { padding: 10px 28px;font-size: 16px;}

      .welcome{padding: 40px 0;}
      .welcome .row{flex-direction: column-reverse;}
      .welcome .section-thumbnail{margin-top: 1.5rem;}


      .section-title h2 { font-size: 22px;}
      .site-link a {padding: 12px 37px}

      .why-choose-us{padding: 40px 0;}
      .why-choose-us .section-title p{width: 100%;}
      .wcu-content ul{padding-left: 25px;}


@media (max-width: 767px) {
    .booking-form-wrapper { padding: 30px 20px; }
    .booking-info-sidebar { padding: 30px 20px; }
    .form-header h3 { font-size: 24px; }

    /* Testimonials */
    .testimonials{padding: 30px 0;}
    .testimonials .section-content{padding: 20px;}
    .testimonials .section-thumbnail{height: unset;text-align: center;}
    .testimonials .section-thumbnail img{max-width: 100px;height: auto;}
    .testimonials .site-link{text-align: center;}

     
      .home-free-estimate{padding: 40px 0;}
      .home-free-estimate .section-title{padding-top: 0;}
      .home-free-estimate-form{margin-top: 1.5rem;padding: 20px;}
      .home-free-estimate::before{top: unset;bottom: 0;width: 100%;height: 45%;}

      .footer{padding-bottom: 0;}
      .footer-top-inner ul{flex-wrap: wrap;gap: 50px;}
      .footer-content h4 {margin: 43px 0 25px;}
      .footer-quick-link, .footer-hours-of-operation{padding-left: 0;}
      .footer-content p{width: 100%;}
      .copyright span{display: block;}

      /*===== ALL Slider Section =====*/ 
      #banner-slider .owl-pagination{ top: 80%; }

      /*===== Pages Section =====*/
      .content{padding: 50px 0;}
      .content-banner{ padding: 10px 0;background: #000; }
      .content h2{ font-size: 24px; }
      .sectiontitleunderline{ margin: 0 0 15px; }
      .breadcrumb .fa{ margin: 5px; }
      .content p{ font-size: 16px; line-height: 26px; margin-bottom: 10px; }

      .project-page ul li{width: 50%;}
      .copyright-content{flex-direction: column;}

}}

      /*===== inner pages  =====*/
.innerpage-top-banner{background: url(../img/inner-banner.png) no-repeat center;background-size: cover; width: 100%;height: 300px;position: relative; margin-top: -170px;}
.breadcrumbe{padding:16px 40px; background-color: #03633D; color: #fff;border-radius: 10px; transform: translateY(200px);
}
.breadcrumbe a{color: #fff; font-size: 18px; text-decoration: none;}
/* innerpage paddings */
.inner-page{padding: 70px 0 50px;}
.inner-page-content{padding: 50px 0;}

/* ABOUT US INNER PAGE */

.mission-vision{padding: 70px 0 100px; background: #F2F2F2;}
.mission{padding-bottom: 100px;}
.mission-img img{width: 100%; height: auto; background-size: contain;}
.mission-content h2{font-size: 20px; font-weight: 500; line-height: 150%; color: #03633D; margin-bottom: 20px;}
.mission-content p{font-size: 16px; font-weight: 400; line-height: 150%; color: #000;}
.welcome-desc1{padding-top: 39px;}
	

/* ===== Blogs inner Page ===== */

 .main-img {width: 100%; height: 400px; object-fit: cover; border-radius: 10px; margin-bottom: 30px;}
 .main-title {font-size: 25px;font-weight: 500;color: #000;margin-bottom: 20px;line-height: 1.5;font-family: inherit;}
 .main-desc {font-size: 16px;color: #666;line-height: 1.5;font-family: inherit;}
 .aside-blog-item {display: block;margin-bottom: 35px;cursor: pointer;transition: transform 0.3s ease, background 0.3s ease;padding: 10px;border-radius: 10px;}
 .aside-blog-item:hover {background: #fdfdfd;transform: translateY(-4px);box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);}
 .thumb-img {width: 100%;height: 250px;object-fit: cover;border-radius: 10px;margin-bottom: 20px;}
 .aside-title {font-size: 20px;font-weight: 700;color: #222;margin-bottom: 12px;line-height: 1.4;font-family: inherit;}
 .aside-desc {font-size: 14px;color: #777;line-height: 1.6;margin-bottom: 0;}
@media (max-width: 991px) {.main-img {height: 300px;}.thumb-img {height: 200px;}}
@media (max-width: 767px) {.main-img {height: 250px;margin-bottom: 15px;}.main-title {font-size: 22px;}}


/* ===== FAQS INNER PAGE CSS===== */
.faq-card {background: #ffffff;border-radius: 8px;box-shadow: 0 4px 15px rgba(0, 0, 0, 0.04);margin-bottom: 20px;padding: 22px 25px;border: 1px solid #f2f2f2;}
.faq-header {display: flex;justify-content: space-between;align-items: center;cursor: pointer;}
.faq-title {font-size: 16px;font-weight: 600;margin: 0;color: #000;}
.faq-body {padding-top: 15px;font-size: 14px;color: #333;line-height: 1.6;}
.faq-header .faq-icon::after {content: "\00D7";font-size: 22px;font-weight: 400;color: #000;transition: transform 0.3s ease;}
.faq-header.collapsed .faq-icon::after {content: "\25BC";font-size: 14px;color: #000;}

/* ==== notice ===== */
.notice-box{width: 100%; height: auto; background: #fff; border-radius: 10px; padding: 30px; box-shadow: 2px 2px 14px 10px #0000001A; transition: all 0.3s ease; cursor: pointer; margin-bottom: 40px; row-gap: ;}
.notice-img{width: 100%; height: auto; border-radius: 20px; background-color: #fff;}
.notice-img img{width: 100%; height: auto; border-radius: 20px; object-fit: cover}
.notice-content{padding-left:30px ;}
.notice-content h4{font-size: 20px;font-weight: 600;color: #000;margin-bottom: 20px;line-height: 1.5;font-family: inherit;}
.notice-content h6{font-size: 16px;font-weight: 400;color: #000;margin-bottom: 40px;line-height: 1.5;font-family: inherit; background: #fff; box-shadow: 2px 2px 15px 10px #0000001A; padding: 13px 30px; display: inline-block; border-radius: 30px;}
.notice-content p{font-size: 16px;font-weight: 400;color: #000;margin-bottom: 20px;line-height: 1.5;font-family: inherit;}
.notice-content a{margin-top: 40px; display: inline-block; bottom: 0;}
.btn-svg-down{transform: rotate(90deg);}


/* ==== Contact Us inner ===== */
.contact-left-side{width: 100%; height: auto; background: #03633D; border-radius:20px 20px 0 0; padding:  35px 35px 30px ; box-shadow: 2px 2px 14px 10px #0000001A; transition: all 0.3s ease; cursor: pointer;}
.left-side-content{color: #fff;}
.left-side-content ul{list-style: none;padding: 0;margin: 0;}
.left-side-content ul li{display: flex;align-items: center;margin-bottom: 20px; border-bottom: 1px solid #fff; padding: 25px 0;}
.left-side-content ul li .icon{width: 50px; height: 50px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center;}
.left-side-content ul li .icon i{font-size: 20px;color: #03633D;}
.left-side-content ul li .content-contact{padding-left: 20px;}
.left-side-content ul li .content-contact h4{font-family: Jost;font-weight: 400;font-style: Regular;font-size: 16px;line-height: 150%; margin-bottom: 8px;}
.left-side-content ul li .content-contact p{font-family: Jost;font-weight: 500;font-style: Regular;font-size: 18px;line-height: 150%; margin: 0!important;}
.left-side-content ul li:last-child{border-bottom: none; padding-bottom: 0;}
.left-side-content ul li:nth-child(1){padding-top:0 ;}
.left-side-img{width: 100%; height: auto; border-radius: 20px; background-color: #fff;}
.contact-left-side:nth-child(2){padding: 0;}
/* right side */
.contact-right-side{padding-left: 30px;}
.right-side-content {padding-bottom: 30px;}
.right-side-content h4{font-family: Jost;font-weight: 500;font-size: 32px;line-height: 150%; margin-bottom: 20px;}
.right-side-content p{font-family: Jost;font-weight: 400;font-size: 16px;line-height: 150%;}
/* form */
.from-box-contact{margin-bottom: 30px;}
.from-box-contact label{font-family: Jost;font-weight: 400;font-size: 14px;line-height: 150%; color: #000; margin-bottom: 12px;}
.from-box-contact input{width: 100%; height: auto; border-radius: 30px; padding:10px 15px; border: 0.3px solid #000;}
.from-box-contact textarea{width: 100%; height: auto; border-radius: 20px; padding: 15px; border: 0.3px solid #000;}
.btn-contact-form-control{padding: 12px 24px; color: #fff; background-color: #03633D; border-radius: 30px;font-size: 16px; font-family: "Jost" , sans-serif; font-weight: 600; line-height: 1.5;letter-spacing: 4%; border: none; transition: all 0.3s ease;}
.btn-contact-form-control:hover{color: #fff; background-color: #1815E2;}
.googlemap {height: 500px;overflow: hidden;border: #eee solid 1px;}


/* =====gallery inner==== */
 #category-desc {font-size: 16px;color: #000;min-height: 28px;transition: opacity 0.3s ease;}
    .filter-bar {display: flex;flex-wrap: wrap;gap: 20px;margin-bottom: 60px;justify-content: center;}
    .filter-btn {padding: 10px 25px;border-radius: 30px;border: 1.5px solid #1815E2;background: transparent;color: #1815E2;font-size: 14px;font-weight: 500;letter-spacing: 0.5px;cursor: pointer;transition: all 0.25s ease;}
    .filter-btn:hover {border-color: #03633D;color: #03633D;}
    .filter-btn.active {background: #03633D;border-color: #03633D;color: #fff;font-weight: 600;}

    /* ── Gallery card ── */
    .gallery-item {transition: opacity 0.35s ease, transform 0.35s ease;margin-bottom: 24px;}
    .gallery-item.hide {opacity: 0;transform: scale(0.96);pointer-events: none;position: absolute;visibility: hidden;}
    .gallery-card {border-radius: 12px;overflow: hidden;position: relative;background: #fff;box-shadow: 0 4px 24px rgba(0, 0, 0, 0.4);cursor: pointer;}
    .gallery-card img {width: 100%;height: 220px;object-fit: cover;display: block;transition: transform 0.45s ease;}
    .gallery-card:hover img {transform: scale(1.06);}

    /* overlay label */
    .card-overlay {position: absolute;bottom: 0;left: 0;right: 0;padding: 12px 16px;background: linear-gradient(transparent, rgba(0, 0, 0, 0.75));color: #fff;font-size: 0.82rem;font-weight: 400;letter-spacing: 0.2px;opacity: 0;transition: opacity 0.3s ease;}
    .gallery-card:hover .card-overlay {opacity: 1;}

    .card-overlay .tag {font-size: 0.7rem;background: #03633D;color: #fff;padding: 2px 8px;border-radius: 20px;font-weight: 600;margin-bottom: 4px;display: inline-block;}

    /* ── No results message ── */
    #no-results {display: none;text-align: center;padding: 60px 0;color: #000;}ß