body
{
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    font-family: "Arial";
    overflow-x:hidden;
}
.wrapper{
	margin: 0;
	padding: 0;
	float: left;
	width: 100%;
}
.padding{
	padding: 0;
}


body a {text-decoration: none;    color: inherit;}
ul{list-style: none;margin: 0;padding: 0;}
p:last-child{margin: 0; padding: 0;}
p, h1, h2, h3, h4, h5, h6 {margin: 0;}


@font-face {
  font-family: "Arial";
  src: url("../fonts/Arial/Arial-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial Bold";
  src: url("../fonts/newArial-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial Italic";
  src: url("../fonts/newArial-Italic.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Arial Bold Italic";
  src: url("../fonts/newArial-BoldItalic.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Arial CE";
  src: url("../fonts/newArialCE-Regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial CE Bold";
  src: url("../fonts/newArialCE-Bold.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Arial Black";
  src: url("../fonts/newArialBlack.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}


.wrapper {
  margin: 0;
  padding: 0;
  width: 100%;
  box-sizing:border-box;
}




html {
    overflow-x: hidden;
}

figure {
  margin: 0;
}

ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

p:last-child {
  margin: 0;
  padding: 0;
}

p,h1,h2,h3,h4,h5,h6 {margin: 0;}



.common-padding {padding: 60px 0px;}
.common-sec h1{font-size: 64px; line-height: 74px; padding: 0 0 10px 0; font-weight: 500; color: #fff;font-family: "Bai Jamjuree";}
.common-sec h2 {font-size: 36px;line-height: 50px;text-align: center;padding: 0 0 25px 0;font-weight: 600;font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif;color:#0E87CC;}
.common-sec h3{font-size: 25px; line-height: 36px; font-weight: 600; padding: 0 0 20px 0px;color: #0E87CC;font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif;letter-spacing: 0.5px;}
.common-sec p {font-size: 20px;line-height: 30px;color: #000;padding: 0 0 10px 0;font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif;}
a:hover {color: inherit;}
.header {position:unset;top: 0;z-index: 99999;width: 100%;padding: 10px 0;background:#fff;}
.menu ul li a {transition:0.5s;color: #0E87CC!important;padding: 0px 10px!important;font-size: 18px;font-weight: 600;font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif;display: inline-block;letter-spacing: 0.5px;background: transparent;position:relative;line-height:28px;}
.menu .nav-item{margin:0 14px 0 0;}
.menu nav{padding:0;}
.menu .nav-item:last-child{margin:0 0 0 12px;}
.menu ul li a:hover{color:#A6C137!important;}

.header-btn a{border:2px solid #EE3F2B;}

.header-btn a{line-height:24px;}

.navbar-nav .header-btn a{color:#fff!important;background: #be1e2d;border-radius: 0px;margin: 0 0 0 22px;border:2px solid #be1e2d;padding: 7px 12px 7px 12px !important;}

.navbar-expand-md .navbar-collapse {justify-content: right;}
.slider {position: relative;}
.sticky {position: fixed !important;top: 0;width: 100%;background-color: #191919;color: #000 !important;z-index: 999;display: block;box-shadow: 0px 7px 6px #bfb7b7a8;}


.slider .carousel-item img {width: 100%;}
.carousel-control-prev img {transform: rotate(180deg);}
.navbar-nav{align-items:center;}

.carousel .carousel-item{background: #000;}
.carousel .carousel-item img{width:100%;opacity: 0.6;}
#slider .carousel-item{background:#000;}

.slider-content { position: absolute; top: 50%; left: 0; right: 0; z-index: 999; transform: translate(0px, -50%); }
#slider{position:relative}
.slider-content-col h1 { font-size: 58px; font-weight: 600;line-height:70px; color: #fff;text-shadow: 1px 1px 4px rgb(25, 25, 25);text-transform: uppercase;}
.slider-content-col h1 span{color:#eac392;}
.slider-content-col{text-align:left;}
.slider-content-col p{font-size: 16px;line-height: 25px; font-weight: 600;  color: #000;margin: 10px 0 0 0;}
.slider-content-col a { color: #fff !important; background: #A6C137; padding: 8px 16px !important; display: inline-block; font-size: 16px; line-height: 24px; font-weight: 600; font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif; margin: 30px 0; border: 1px solid #A6C137; border-radius: 0px; }


.logo{text-align:center;}

.top-header {padding: 12px 0 12px 0;background: #0E87CC;text-align:right;}
.top-header a{color: #fff; font-size: 18px; line-height: 28px; font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif;}

.menu ul li::after{content:'';width:0%;display:block;height:1px;background:#A6C137;transition:0.5s;}
.menu ul li:hover::after{width:100%;}

.phone-number::after{content:unset!important;}


#collapsibleNavbar{justify-content: end;}
.logo p{font-size: 30px; line-height: 42px; color: #fff; text-transform: uppercase; font-weight: 600;font-family: "Cormorant Garamond", serif;}
.menu ul .phone-number a{color: #fff !important; background: #A6C137; padding: 8px 16px!important; display: inline-block; font-size: 18px; line-height: 24px; font-weight: 600; font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif; margin: 0px 0 0 0; border: 1px solid #A6C137; border-radius: 0px;}
.top-header p { color: #fff; font-size: 18px; line-height: 28px; font-weight: 500; font-family: "Arial", "Arial Bold", "Arial Italic", "Arial Bold Italic", "Arial CE", "Arial CE Bold", "Arial Black", sans-serif; }
.logo img{width:80%;}
.slider-content-col a:hover{background:#0E87CC;border: 1px solid #0E87CC;}

.navbar-nav .phone-number a:hover{background:#0E87CC!important;color:#fff!important;border:1px solid #0E87CC;}
.carousel .carousel-control-next, .carousel .carousel-control-prev{width: 7%;}
.slider-content .row{justify-content:start!important;}

.slider-icons{display:flex;justify-content: space-between;}
.slider-icons-inner{text-align:center;background: #fff;width: 33%;padding: 12px;border-radius: 10px;}
.slider-icons-inner-2{margin:0 10px;}

.top-header-col{display: flex; justify-content: end;}
.top-header-col p{font-size: 18px;}
.top-header-col p a{font-size: 18px;}
.top-header-col .top-header-mail{margin:0 40px 0 0;}

.welcome-sec-txt{padding:0 90px 0 12px;}
.welcome-sec{background:#f2f2f2;}

.residential-commercial-txt p{color:#000;}

.residential-commercial-txt ul li{font-size: 18px; line-height: 25px; color: #000; padding: 0 0 10px 0;list-style-type: disclosure-closed;}
.residential-commercial-txt ul li::marker{color:#A6C137;}
.residential-commercial-txt ul{padding:0 0 0 22px;}

.residential-commercial-txt .what-we-offer{color: #000;}
.next-row{padding-top:30px;}

.residential-commercial-img img{outline: 6px solid #fff; outline-offset: -18px; box-shadow: -2px -2px 10px rgb(228 228 228);}

.slider-icons-inner img{opacity:1!important;width:auto!important;height:55px;}



.block-section-inner{text-align:center;}
.block-section-inner h3{text-align:left;}
.block-section-inner img{width:100%;height: 400px; object-fit: cover;}
.block-section-content{text-align:left;padding-top: 35px;}
.block-section-inner{border: 1px solid #0E87CC9e;padding: 30px; width: 100%;}
.block-section-col{display:flex;}
.block-section-col{padding:0 34px;}

.desktop-heading{display:block;}
.mobile-heading{display:none;}
.services-include ul li{font-size: 18px; line-height: 25px; padding: 0 0 5px 0; list-style-type: disclosure-closed;}
.new-blocks-col-inner p{font-size:18px;line-height: 26px;}
.services-include ul{padding:0 0 0 22px;}
.new-blocks-content{padding: 24px;}
.new-blocks-col-inner{border: 1px solid #0E87CC9e;background: #0e87cc2b;transition: 0.4s;}
.new-blocks-col-inner h3{font-size: 23px;line-height: 30px;}
.services-include ul li::marker{color: #A6C137;}
.services-include{padding-top: 12px;}
.new-blocks-col{display:flex;}
.new-blocks-col-btm{margin-top:30px;}
.new-blocks{background: #f5f5f5;}
.new-blocks .container{max-width: 1450px;}
.new-blocks-col-inner img{width:100%;}

.new-blocks-col-inner:hover{background:#0E87CC;}
.new-blocks-col-inner:hover p{color:#fff;}
.new-blocks-col-inner:hover h3{color:#fff;}
.new-blocks-col-inner:hover ul li{color:#fff;}
.new-blocks-col-inner:hover img{filter: grayscale(1);}



@media (min-width: 1200px) and (max-width: 1399.98px) {
    
    .menu ul li a{padding: 0px 10px !important;font-size: 15px;}
    .menu .nav-item{margin: 0 10px 0 0;}
    .menu ul .phone-number a{padding: 5px 12px !important;font-size: 15px;border-radius: 0px;line-height:23px;}
    .slider-content-col p {font-size: 13px;}
    .slider-content-col h1 {font-size: 46px;line-height: 62px;}
    .top-header-col p a{font-size: 15px;}
    .top-header-col p{font-size: 15px;}
    .block-section-inner h3{font-size:20px;}


}