@import url(effect.css);

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:wght@400;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Marcellus&display=swap');
/* Fonts */

html { margin: 0; padding:0; overflow-x:hidden;}
body{
font-family: 'Bai Jamjuree', sans-serif; font-weight:normal; padding:0; color:var(--blue); font-weight:400; padding-right:0!important; overflow-x:hidden;
font-size:15px;
line-height:1.4;
}

/*	--------------------------------------------------
Global Reset & Standards
-------------------------------------------------- */

img{border:0;}

*{ box-sizing:border-box;
}
*:hover{
}

a{color:var(--brown); text-decoration:none;
-webkit-transition:all .2s ease-in-out;
-moz-transition:all .2s ease-in-out;
-ms-transition:all .2s ease-in-out;
-o-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
}
a:hover{text-decoration:none; color:var(--blue);}

h1, h2, h3, h4, h5{margin:0 0 15px; padding:0; font-weight:400!important; font-family:'Marcellus';}

:root{--blue:#273656; --dark:#4674a4; --yellow:#4190d6;}

@keyframes wiggle {
0%{transform:rotate(0deg);}
80%{transform:rotate(0deg);}
85%{transform:rotate(5deg);}
95%{transform:rotate(-5deg);}
100%{transform:rotate(0deg);}
}


.container{width:1170px; max-width:95%;}


/* Header */
.header-area{position:static; display:block; float:left; width:100%; margin-top:0.5px; left:0; right:0; top:0; z-index:100; padding:0 15px; z-index:9999;}

#myHeader{margin:0; position:relative; z-index:100; float:left; width:100%; clear:both; z-index:9999; margin-bottom:0px;}
.logo{position:relative; display:block; text-align:center;}
/*.logo:before{ position:absolute; left:-50%; right:-10%; top:-5px; bottom:-20px; background:var(--dark); content:''; display:block; z-index:-1;  transform: skew(-45deg);
-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.2);
}*/
.logo img{height:65px; transition:all .2s ease-in-out; padding:0;}
#myHeader.sticky{position:fixed; left:0; right:0; top:0; margin-top:0; padding:0 2%; width:100%; background:#fff;
-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.2);
}
#myHeader.sticky .logo img{height:55px;}

.callBox{ position:relative; padding-left:50px; color:#fff;}
.callBox i{position:absolute; left:0; font-size:42px; color:var(--blue);}
.callBox a{display:block;  font-weight:700; margin-bottom:0; line-height:1.1; color:#fff;}

ul.topBox{ margin:0; padding:0; list-style-type:none; background:var(--blue); overflow:hidden; padding:5px; margin-bottom:5px; float:right;}
ul.topBox li{display:inline-block; margin:0 5px; position:relative;}
ul.topBox li a{padding:0 10px; color:#fff; font-weight:600; position:relative; z-index:2;}
ul.topBox li i{color:#fff;}
ul.topBox li a:hover{color:var(--yellow);}
ul.topBox li:last-child:before{position:absolute; right:-100%; left:-10px; top:-30px; bottom:-30px; content:''; display:block; background:var(--yellow);}
ul.topBox li:last-child a:hover{color:var(--blue);}

.project-slider{position:relative; float:left; clear:both; width:100%; background:#fff; display:block; overflow:hidden;}
.project-slider h2{font-size:30px; margin-bottom:30px; font-weight:700; color:var(--blue);}
.project-slider .container{position:relative; bottom:0px;}
.project-slider .container .content{position:absolute; left:0; bottom:0;background:#fff; width:50%; padding:40px 50px 40px 0;}
.project-slider .container .content:before{position:absolute; left:-100%; right:100%; top:0; bottom:0; background:#fff; content:''; display:block;}
.project-slider .content a{display:inline-block; color:var(--blue); padding:12px; border:2px var(--blue) solid;font-weight:700; width:230px; text-align:center;}
.project-slider .content a:hover{background:var(--blue); color:#fff;}


.welcomeArea{display:block; overflow:hidden; clear:both; padding:60px 0; position:relative;}
.welcomeArea h3{ font-size:22px; font-weight:600; color:var(--dark); margin-bottom:0px;}
.welcomeArea h2{display:block; overflow:hidden; font-size:60px; color:var(--blue);}
.welcomeArea p{margin:0 auto 25px; font-size:16px; line-height:1.5;}
.welcomeArea a{display:inline-block; color:var(--blue); padding:12px; border:2px var(--blue) solid;font-weight:700; width:230px; text-align:center;}
.welcomeArea a:hover{background:var(--blue); color:#fff;}
.welcomeArea img{border-radius:50%; filter: drop-shadow(12px 11px 0px var(--yellow));}

.projectsArea{padding:0 0 60px; background:var(--dark) no-repeat center bottom url('../images/serviceBg.jpg') fixed; background-size:cover; background-blend-mode:overlay; display:block; overflow:hidden; clear:both; z-index:100; position:relative;}
.projectsArea:before{position:absolute; left:0; right:0; top:0; height:50%; content:''; display:block; background:#fff;}
.projectsArea h1{font-size:42px; text-align:center; margin-bottom:10px; font-weight:700;}
.projectsArea h1 + p{text-align:center; font-size:24px; margin-bottom:30px;}
.projectsArea > div{position:relative; z-index:5;}
.projectsArea .item{background:#fff; padding:20px;}
.projectsArea .owl-carousel .owl-nav button.owl-next, .projectsArea .owl-carousel .owl-nav button.owl-prev{padding:8px 14px!important; border-radius:50%; background:#fff;color:var(--dark);}
.projectsArea .owl-carousel .owl-nav button.owl-next:hover, .projectsArea .owl-carousel .owl-nav button.owl-prev:hover{background:var(--yellow)!important;}
.projectsArea img{width:100%; margin-bottom:15px;}
.projectsArea .item h4{font-size:18px; margin-bottom:10px;}
.projectsArea .item p{font-size:14px;}

.maintananceArea{padding:60px 0; display:block; overflow:hidden;}
.maintananceArea p{font-size:20px; margin-bottom:50px;}
.maintananceArea [class^="col"]{margin-bottom:30px;}
.maintananceArea [class^="col"] a img{max-width:100%; width:150px; border-radius:50%; margin-bottom:20px; outline:2px var(--yellow) dotted; outline-offset:5px; transition:all .2s ease-in-out;}
.maintananceArea [class^="col"] a:hover img{outline-offset:10px;}
.maintananceArea [class^="col"] span{display:block; overflow:hidden; clear:both; font-weight:700; margin-bottom:16px;}
.maintananceArea > div > a{display:inline-block; color:var(--blue); padding:12px; border:2px var(--blue) solid;font-weight:700; width:230px;}
.maintananceArea > div > a:hover{background:var(--blue); color:#fff;}


.testimonialsArea{ background:#333 url('../images/parallax-img-01.jpg') no-repeat center center fixed; background-size:cover; background-blend-mode:overlay; padding:100px 0 80px; position:relative;}
.testimonialsArea h2{color:#fff; margin-bottom:40px; font-size:48px; text-align:center;}

.newsBox .item{ background:#fff;}
.newsBox .item > div{display:block; overflow:hidden; padding:20px;}
.newsBox .item > div h3{font-size:20px; margin:5px 0 25px; min-height:100px;}
.newsBox .item > div small{font-weight:600; font-size:12px; color:var(--dark);}
.newsBox .item > div small i{margin-right:3px; position:relative; top:-1px;}
.owl-theme .owl-nav.disabled + .owl-dots {margin-top: 50px!important;}

.highlightArea{color:#fff; background:var(--dark); clear:both; overflow:hidden; padding:60px 0; position:relative; text-align:center;}
.highlightArea > div{position:relative; z-index:100;}
.highlightArea h4{display:block; clear:both; font-size:42px; color:#fff; margin-bottom:10px;}
.highlightArea h4 + p{font-size:20px; margin-bottom:30px;}
.highlightArea > div > a{display:inline-block; color:#fff; padding:12px; border:2px #fff solid;font-weight:700; width:230px;}
.highlightArea > div > a:hover{background:#fff; color:var(--blue);}
.highlightArea > svg{position:absolute; bottom:-1px; left:0;right:0; width:100%; fill:var(--blue); z-index:5;}
.highlightArea .row{margin-bottom:30px;}
.highlightArea .row [class^="col-"]{position:relative; margin-bottom:20px;}
.highlightArea .row [class^="col-"] > div{text-align:left; border:1px #ddd solid; padding:25px 25px 10px; background:#fff; color:#222; border-radius:10px;
box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;}
.highlightArea .row [class^="col-"] > div h5{margin-bottom:10px; color:#fff;}

.highlightArea [class^="col-"] > div > div{display:block; margin-bottom:5px; font-weight:700; color:#222;}
.highlightArea [class^="col-"] > div > strong{display:block; margin-bottom:15px; overflow:hidden; font-size:22px; font-weight:500;}
.highlightArea [class^="col-"] > div > strong i{font-size:15px; position:relative; top:-3px; margin-right:5px; color:var(--dark);}
.highlightArea [class^="col-"] > div span{width:80px; height:16px; display:inline-block; margin-left:5px; top:3px; position:relative; background:transparent url('../images/stars.png') no-repeat left top;}
.highlightArea [class^="col-"] > div span.star-4{background-position:left top -16px;}
.highlightArea [class^="col-"] > div span.star-3{background-position:left top -32px;}
.highlightArea [class^="col-"] > div span.star-2{background-position:left top -48px;}
.highlightArea [class^="col-"] > div span.star-1{background-position:left top -64px;}
.highlightArea [class^="col-"] > div > small{font-size:14px; color:#666; display:block; clear:both; margin-bottom:15px;}
.highlightArea [class^="col-"] > div > big{ display:flex; align-items: center; justify-content: space-between; width: 100%; overflow: hidden; padding:10px 0 0; border-top:1px #ddd solid; vertical-align:top;}
.highlightArea [class^="col-"] > div > big img{float:right;}


.referandearn{display:block; overflow:hidden; clear:both; padding:30px 0 0; background:#eee; font-size:18px;}
.referandearn h3{font-size:36px;}
.referandearn p{margin-bottom:20px;}
.referandearn a{display:inline-block; color:#fff; padding:8px 30px; border:2px var(--blue) solid; background:var(--dark);}
.referandearn a:hover{background:var(--blue);}

.footerArea{background:var(--blue); padding:40px 0; display:block; color:#fff; overflow:hidden; clear:both;}
.footer-logo img{height:55px;}
.footerArea ul{margin:0; padding:0; list-style-type:none; text-transform:uppercase;}
.footerArea ul li{margin-bottom:8px;}
.footerArea ul li a{color:#fff; font-size:14px;}
.footerArea ul li a:hover{color:var(--light);}
.footerArea [class^="col-"]{position:relative;}
.footerArea [class^="col-"]:before{position:absolute; left:-30px; width:40px; top:0; bottom:0; border-left:2px #fff dotted; content:'';display:block;}
.footerArea [class^="col-"]:first-child:before{border:none;}
.footerArea [class^="col-"] h4{font-size:18px;  margin-bottom:15px; position:relative;}
.footerArea [class^="col-"] h4 i{position:absolute; left:-25px;}
.footerArea [class^="col-"] > a{display:block; clear:both; color:#fff; padding:3px 0; font-size:16px;}
.footerArea [class^="col-"] > a i{margin-right:5px;}
.footerArea [class^="col-"] > a:hover{color:var(--yellow);}

ul.social-links{margin:0; padding:5px 0; list-style-type:none; display:block; overflow:hidden; clear:both;}
ul.social-links li{display:inline-block; margin:0 2px;}
ul.social-links li a{text-align:center; color:var(--dark); display:block; border:1px var(--dark) solid; width:30px; height:30px; text-align:center; border-radius:5px;}
ul.social-links li a i{font-size:15px; line-height:30px;}
ul.social-links li a:hover{background:var(--yellow); color:#fff;}

.footerArea ul.social-links li a{color:#fff; border:1px #fff solid;}
.footerArea ul.social-links li a:hover{background:var(--yellow); color:#fff;}

.footerBottom{background:#fff; padding:15px; display:block; font-size:16px; position:relative;}
.footerBottom ul{ float:right; margin:0; padding:0; list-style-type:none;}
.footerBottom ul li{ display:inline-block;}
.footerBottom ul li a{ display:block; padding:0 8px; color:var(--dark); border-left:1px var(--dark) solid; line-height:1;}
.footerBottom ul li:first-child a{border:none;}
.footerBottom ul li a:hover{color:var(--blue);}




#scroll-icon {
    position:fixed;
    right:10px;
    bottom:10px;
    cursor:pointer;
    width:30px;
    height:30px;
    background-color:var(--blue);
    text-indent:-9999px;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    z-index:99999;
}
#scroll-icon span {
    position:absolute;
    top:50%;
    left:50%;
    margin-left:-8px;
    margin-top:-12px;
    height:0;
    width:0;
    border:7px solid transparent;
    border-bottom-color:#ffffff
}
#scroll-icon:hover {
    background-color:var(--dark);
    opacity:1;
    filter:"alpha(opacity=100)";
    -ms-filter:"alpha(opacity=100)";
}


.innerBanner{height:300px;}
.innerBanner img{object-fit:cover;}
.cleanBanner{background:#ddd; height:100px;}


.innerContentArea{display:block; width:100%; clear:both; padding:0; float:left;background:#eee;background: linear-gradient(0deg, #eee 0%, #fff 100%);}
.innerContentArea > div{background:#fff; position:relative;top:-50px; margin-bottom:-50px; padding:40px; border-radius:40px;
box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 1px, rgba(0, 0, 0, 0.07) 0px 2px 2px, rgba(0, 0, 0, 0.07) 0px 4px 4px, rgba(0, 0, 0, 0.07) 0px 8px 8px, rgba(0, 0, 0, 0.07) 0px 16px 16px;
}
.innerContentArea p{}

.innerContentArea h1{font-size:30px; margin-bottom:5px;}
.innerContentArea h1 + h2{font-size:22px; color:var(--dark);}

.gallery-title
{
    font-size: 36px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
.gallery-title:after {
    content: "";
    position: absolute;
    width: 7.5%;
    left: 46.5%;
    height: 45px;
    border-bottom: 1px solid #5e5e5e;
}
.filter-button
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #42B32F;
    margin-bottom: 5px;

}
.filter-button:hover
{
    font-size: 18px;
    border: 1px solid #42B32F;
    border-radius: 5px;
    text-align: center;
    color: #ffffff;
    background-color: #42B32F;

}
.btn-default:active .filter-button:active
{
    background-color: #42B32F;
    color: white;
}

.port-image
{
    width: 100%;
}

.gallery_product
{
    margin-bottom: 30px;
}


.filterBtnDesign{margin-bottom:30px;}
.filterBtnDesign .btn-default{font-size:14px; color:var(--dark); border-color:var(--dark); font-weight:600;}
.filterBtnDesign .btn-default:hover, .filterBtnDesign .btn-default.active{ background:var(--dark); color:#fff;}

.gallery_product img{width:100%;}
.gallery_product > div{position:relative; overflow:hidden; clear:both; display:block;}
.gallery_product > div:after{position:absolute; content:''; display:block; left:0; right:100%; top:0; bottom:0; background:rgba(5,25,80,0.8);transition:all .2s ease-in-out;}
.gallery_product > div:hover:after{right:0;}
.gallery_product > div > div{position:absolute;bottom:0; left:0; right:0; padding:0 25px; opacity:0; color:#fff; z-index:5;text-align:left;transition:all .3s ease-in-out;}
.gallery_product > div:hover > div{padding:25px; opacity:1;}
.gallery_product > div > div a{background:var(--dark); color:#fff; display:inline-block; padding:5px 15px; font-size:14px;}
.gallery_product > div > a{position:absolute; right:-50px; top:-50px; z-index:10; background:var(--dark);color:#fff!important; padding:10px 18px; font-size:22px; border-bottom-left-radius: 20px; transition:all .4s ease-in-out;}
.gallery_product > div:hover > a{right:0; top:0;}
.gallery_product > div > a:hover, .gallery_product > div > div a:hover{background:#fff; color:var(--dark)!important;}

a.designBnt{display:inline-block; padding:8px 8px 8px 20px; letter-spacing:1px; background:var(--blue); color:#fff; font-size:16px; font-weight:600; text-transform:uppercase;}
a.designBnt i{margin-left:10px; background:var(--dark); padding:8px;}
a.designBnt:hover{background:var(--dark);}
a.designBnt:hover i{background:#fff; color:var(--dark);}

.guidingArea{text-align:left; font-size:17px; display:block; overflow:hidden;}
.guidingArea h4{font-size:18px; color:var(--dark);margin-bottom:10px; font-weight:700;}
.guidingArea h3{font-size:36px; margin-bottom:20px;}
.guidingArea ul{ margin:0 0 20px;padding:0; list-style-type:none;}
.guidingArea ul li{ margin:0 0 12px; padding:0 0 0 30px; position:relative;}
.guidingArea ul li:before{content:'\f00c'; display:block; position:absolute;left:0; top:3px; color:var(--dark); font-family:'Font Awesome 5 free'; font-weight:900;}
.guidingArea h1{font-weight:700; margin-bottom:25px;}
.guidingArea h1 + h2, .guidingArea h2{font-size:26px; color:var(--dark);}


.sideContactBox{display:block; overflow:hidden; padding:22px; border:1px var(--dark) solid;}
.sideContactBox h4{font-size:24px; color:var(--blue); margin-bottom:15px;}
.sideContactBox ol{margin:0 0 30px; padding:0; list-style-type:none;}
.sideContactBox ol li{margin-bottom:4px;}
.sideContactBox a{letter-spacing:0!important; font-size:16px!important; text-transform:none; width:100%; display:block; overflow:hidden; line-height:30px;}
.sideContactBox a i{float:right;}
.sideContactBox p{font-size:15px;}


.aboutSection h1{font-size:30px!important; color:var(--dark)!important;}
.aboutSection h2{font-size:38px!important; color:var(--blue)!important;}
.aboutSection p{font-size:18px; line-height:1.7; margin-bottom:30px;}
.aboutSection img{width:100%;}


.teamArea ul{margin:0;padding:0; list-style-type:none;}
.teamArea ul li{width:16%; display:inline-block; margin:0.15%;}
.teamArea ul li img{width:100%; cursor:pointer;}

.team-image{transition: all 0.3s ease-in-out; filter: grayscale(100%);}
.team-image.active {filter: grayscale(0%);}

.teamDetails{padding:50px 40px 0; border-bottom:2px var(--dark) dotted;}
.teamDetails [class^="col-"]:first-child{border-right:2px var(--dark) dotted;}
.teamDetails p{}
.teamDetails img{margin-bottom:15px;}
.teamDetails h4{font-size:36px; margin-bottom:5px;}
.teamDetails h5{font-size:18px; margin-bottom:15px;}
.two-column-content {
    column-count: 2;
    column-gap: 30px; /* Adjust gap between columns */
    padding: 10px;
    font-size: 16px; /* Adjust as needed */
    line-height: 1.6; /* Improves readability */
}

.team-info {
    display: none; /* Initially hidden */
    opacity: 0;
    transform: scale(0.9);
    position: relative;
    transition: all 0.3s ease-in-out; /* Animation for show/hide */
}
.team-info.show {
    display: block;
    opacity: 1;
    transform: scale(1); /* Zoom effect */
}

.team-info.hide {
    opacity: 0;
    transform: scale(0.9); /* Shrink effect */
    transition: all 0.3s ease-in-out; /* Smooth hide */
}
.close-btn {
    position: absolute;
    top: -10px;
    left: -10px;
    padding: 5px 10px;
    background: #e74c3c;
    color: #fff;
    border: none;
    cursor: pointer;
    font-size: 14px;
    border-radius: 3px;
    z-index:100;
}

.close-btn:hover {
    background: #c0392b;
}


.about4BoxArea{display:block; overflow:hidden; padding:30px 0; position:relative;}
.about4BoxArea:before{content:''; display:block;left:0; right:25%; top:200px; bottom:0; background:#262626 url('../images/about-bg.jpg') no-repeat center center fixed; background-blend-mode:soft-light; background-size:cover; position:absolute; border-bottom-right-radius:100px}
.about4BoxArea .col-md-8{padding:60px 60px 30px; color:#fff;}
.about4BoxArea .col-md-8 p{font-size:18px;}
.about4BoxArea .col-md-3 > div{padding:30px; background:var(--dark); color:#fff; position:relative;}
.about4BoxArea .col-md-3 big{font-size:40px; line-height:1; margin-top:100px; font-weight:600; display:block;margin-bottom:10px;}
.about4BoxArea .col-md-3 small{font-size:18px;}
.about4BoxArea .col-md-3 > div i{position:absolute; right:30px; top:30px; font-size:34px;}
.about4BoxArea .col-md-3:nth-child(even) > div{background:var(--blue)}


.contactSection [class^="col-"]{margin-bottom:30px;}
.contactSection p{font-size:17px;}
.contactSection input[type="text"], .contactSection textarea{display:block; height:50px; padding:0 10px; border:1px #ddd solid; width:100%;}
.contactSection textarea{height:120px; padding:10px;}
.contactSection input[type="submit"]{display:inline-block; padding:15px 25px; border:none; letter-spacing:1px; background:var(--blue); color:#fff; font-size:16px; font-weight:600; text-transform:uppercase;}
.contactSection input[type="submit"]:hover{background:var(--dark);}

.contactSection div.wpforms-container-full .wpforms-form .wpforms-field {
  padding: 7px 0!important;
  clear: both;
}

.contactSection div.wpforms-container-full .wpforms-form textarea.wpforms-field-large {
  height: 120px!important;
}

.contactSection div.wpforms-container-full .wpforms-form button[type="submit"]{
  background-color: var(--blue)!important;
  border: none!important;
  color: #fff!important;
  


display: inline-block;
  padding: 15px 25px!important;
  border: none;
  letter-spacing: 1px;
 
  
  font-size: 16px!important;
  font-weight: 600;
  text-transform: uppercase;
	
	
}



/* Floating WhatsApp Button */
.whatsapp-float {
position: fixed;
bottom: 15px;
left: 15px;
background-color: #25d366;
color: white;
width: 60px;
height: 60px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-size: 30px;
box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.2);
z-index: 1000;
text-decoration: none;
}

.whatsapp-float:hover {
background-color: #1ebea5;
}




.nxtserviceArea h1{font-size:42px; text-align:center; margin-bottom:10px; font-weight:700;}
/*.nxtserviceArea h1 + p{text-align:center; font-size:24px; margin-bottom:30px;}*/
.nxtserviceArea [class^="col-"]{display: inline-block;}
.nxtserviceArea [class^="col-"] div{background:rgba(0, 0, 0, 0.1); padding:20px; display: block; margin-bottom: 30px; }
.nxtserviceArea [class^="col-"] img{width:100%; margin-bottom:15px;}
.nxtserviceArea [class^="col-"] h4{font-size:18px; height: 40px; margin-bottom:10px;}
.nxtserviceArea [class^="col-"] p{font-size:14px;  }

.sub-menu-toggle{ display: none!important;}

container-full .wpforms-form .wpforms-field {
    padding: 6px 0!important;
    clear: both;
}

.maintenanceArea{
	padding:70px 0;
}

.maintenanceBox{
	background:#fff;
	border-radius:20px;
	overflow:hidden;
	box-shadow:0 0 15px rgba(0,0,0,0.08);
	height:100%;
	transition:0.4s;
}

.maintenanceBox:hover{
	transform:translateY(-5px);
}

.maintenanceImg img{
	height:250px;
	object-fit:cover;
}

.maintenanceText{
	padding:25px;
}

.maintenanceText h3{
	font-size:24px;
	margin-bottom:15px;
}

.maintenanceText h3 a{
	color:#000;
	text-decoration:none;
}

.maintenanceText p{
	font-size:15px;
	line-height:28px;
	margin-bottom:20px;
}

.themeBtn{
	display:inline-block;
	padding:12px 28px;
	background:#273656;
	color:#fff;
	border-radius:50px;
	text-decoration:none;
}
.themeBtn:hover{
	color:#fff;
}
@media(max-width:991px){

	.maintenanceGrid{
		grid-template-columns:repeat(2,1fr);
	}

	.maintenanceContent h2{
		font-size:38px;
	}

}

@media(max-width:767px){

	.maintenanceGrid{
		grid-template-columns:1fr;
	}

	.maintenanceArea{
		padding:70px 0;
	}

	.maintenanceContent h2{
		font-size:30px;
	}

}

/*------------------------------------*\
    Media Queries
\*------------------------------------*/

@media screen and (max-width: 1920px) and (min-width: 1600px){}


@media (max-width: 991px){
.logo img{margin-bottom:0; max-width:100%; transition:.5s ease-in-out;padding:10px 0;}
ul.topBox{padding:10px; border-radius:0; text-align:center; margin-bottom:-10px; position:relative; z-index:100;}
ul.topBox li:first-child{display:none;}
ul.topBox li{margin:0!important; width:50%; float:left;}
.header-area{margin:0; padding:0 0px;}
#myHeader.sticky{position:fixed; padding:0 15px 15px;}
#myHeader, .topBox{width:100%;}
#myHeader.sticky #menu-button{top:-45px!important;}

#main-nav{ background:var(--dark); padding: 0;}

.footerArea:before{top:50%; left:0%; }
.footerArea [class^="col-"] > div{display:block; overflow:hidden;}

.scheduleLesson h3{text-align:center; font-size:30px; margin-bottom:100px;}
.scheduleLesson .row [class^="col-"]:first-child{padding-right:15px;}
.scheduleLesson:before{bottom:50%; right:0;}
.scheduleLesson .row [class^="col-"]:last-child{padding-left: 15px; padding-top:80px; text-align:center;}
.scheduleLesson > img{top: 45%;}

.welcomeArea h2 {font-size: 36px;}

.serviceArea h2{font-size:36px;}
.serviceArea ul li{display:inline-block; margin:10px 5px;}

.footerArea [class^="col-"] h4 i{position:static;}


.innerBanner {height: 150px;}
.innerContentArea > div{padding:30px;}
.aboutSection h2{font-size:34px!important;}
.aboutSection img{margin-top:20px;}
a.designBnt{padding: 8px 8px 8px 10px; font-size:14px;}
.about4BoxArea .col-md-8{ padding:30px 40px 15px;}
.about4BoxArea::before{width:100%; border-bottom-right-radius: 30px;}


.teamArea ul li {width: 32%; margin-bottom:5px;}
.teamDetails{padding:40px 15px 0;}
.teamDetails [class^="col-"]:first-child {border-bottom: 2px var(--dark) dotted; border-right:0;}
.two-column-content{column-count: 1; column-gap: 0; padding:10px 0 0;}
.innerContentArea h1{font-size:26px; margin-bottom:5px;}
.innerContentArea h1 + h2{font-size:20px; color:var(--dark);}

.gallery-title
{
    font-size: 26px;
    color: #42B32F;
    text-align: center;
    font-weight: 500;
    margin-bottom: 70px;
}
}

@media (max-width: 767px){
.header-area{margin-top:0.5px; background:#fff;}

.project-slider img{height:250px; object-fit:cover;}
.project-slider .container .content{ width:100%; padding:20px; position:relative; top:-80px; margin-bottom:-80px; text-align:center;}
.project-slider .container .content:before{display:none;}
.project-slider h2{font-size:18px; margin-bottom:15px;}

.welcomeArea{padding:30px 0; text-align:center;}
.welcomeArea h2{font-size:22x;}
.welcomeArea [class^="col-"]{margin-bottom:30px;}

.serviceArea h2 img{ display:none;}
.serviceArea [class^="col-"]:first-child{margin-bottom:25px;}
.serviceArea [class^="col-"] > div h4{font-size:22px;}
.serviceArea .row{margin-bottom:20px;}
.serviceArea .row:last-child{margin-bottom:0;}

.maintananceArea h2{font-size:20px;}

.testimonialsArea > div{text-align:center;}
.testimonialsArea h3{font-size:32px;}
.testimonialsArea .carousel-item{padding:30px;}
.testimonialsArea .carousel-item p{font-size:16px;}

.highlightArea h4, .highlightArea h4 strong{font-size: 30px; line-height:1.2; padding:5px 0 10px}
.highlightArea [class^="col-"]{margin-bottom:30px;}

.referandearn{text-align:center;}


.footerArea{ text-align:center;}
.footerArea [class^="col-"]{margin-bottom:20px;}
.footerArea ul{margin:10px 0;}

.footerBottom{text-align:center;}
.footerBottom ul{ text-align:center; display:block; float:none; padding-top:10px;}


.projectImg{height:300px; object-fit:cover;}
.guidingArea h1{font-size:20px;}

}

@media (max-width: 500px){
}

@media (max-width: 360px){
}