body {
    margin: 0;
    padding: 0;
    background: #fff;
    font-size: 16px;
    font-family: 'Poppins', sans-serif;
    overflow-x: hidden;
    color: #383838;
    line-height: 22px;
}
html, body{
    overflow-x: hidden;
}
html{
  margin: 0 !important;
}
*{ margin: 0; padding: 0;}


p {
  font-weight: 400;
  font-size: 20.4px;
  line-height: 168.5%;
  color: #000000;
  margin: 0; 
  padding: 0;
}
body img{
  max-width: 100%;
}

body h1 {
  font-size: 30px;
  font-weight: normal;
}

body h2 {
  font-weight: normal;
  font-weight: 400;
  font-size: 50px;
  line-height: 135.5%;
  color: #000000;
}

body h3 {
  font-weight: normal;
  font-weight: 500;
  font-size: 23.459px;
  line-height: 200%;
  color: #383838;
}
body h4 {
  font-size: 24px;
  font-weight: normal;
}
body h5 {
  font-size: 22px;
  font-weight: normal;
}
body h6 {
  font-size: 20px;
  font-weight: normal;
}

body li {
  list-style: none;
}
body a {
  text-decoration: none;
  color: #383838;
}
body a:hover {
  text-decoration: none;
}

body label {
  margin: 0;
  font-weight: normal;
}


.set-inner-box .thirv-exp {
    width: 150px;
    box-shadow: 0 0 0;
    margin: 0;
    height: auto;
}

.set-inner-box img:not(img.thirv-exp){width: 50px; height: 50px;}


@media (min-width: 1200px){
.container-xl, .container-lg, .container-md, .container-sm, .container {
     max-width: 80% !important;
    width: 100%;
}
}


@media (min-width: 1500px){
.container-xl, .container-lg, .container-md, .container-sm, .container {
     max-width: 81% !important;
    width: 100%;
}
}
@media (min-width: 2561px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 79% !important;
    width: 100%;
}
}

@media (min-width: 1921px){
.container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 81% !important;
    width: 100%;
}

}

.mr-bottom {
    margin-bottom: 102px;
}


.com-bt {
    background: #6996DA;
    border-radius: 9px;
    color: #fff;
    padding: 21px 64px;
    display: inline-block;
    font-size: 30px;
}

.left-inner img {
    width: 100%;
}
.page-template-business-air-conditioning section.inner-middle.mr-bottom, 
.page-template-domestic-air-conditioning section.inner-middle.mr-bottom  {
    margin-bottom: 0;
}
/*************

inner pages banner

*************/



.in-banner-pic {
    position: relative;
    z-index: 2;
}
.in-banner-pic::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.4);
    z-index: 10;
}
.in-banner-pic img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    height: 90vh;
     object-position: top;
}

.in-banner-cont {
    position: absolute;
    top: 62%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    width: 1520px;
        z-index: 10;
}


.in-hd-tex {
    max-width: 1016px;
    margin: 0 auto;
}
.bn-threcol ul li img {
    -o-object-fit: contain;
       object-fit: contain;
    min-height: auto;
}
.bn-threcol ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
}
.bn-threcol ul li{
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.bn-threcol {
    margin-top: 33px;
    text-align: center;
}
.in-hd-tex h1 {
    font-weight: 600;
    font-size: 69.6px;
    line-height: 117.5%;
    text-align: center;
    color: #FFFFFF;
    max-width: 680px;
    margin: 0 auto;
}

.in-hd-tex p {
    font-weight: 300;
    font-size: 19.2px;
    line-height: 29px;
    text-align: center;
    color: #FFFFFF;
    margin-top: 20px;
    max-width: 1055px;
    margin: 20px auto 0 auto;
}
.bn-threcol li span {
    color: #fff;
    font-weight: 300;
    padding-left: 15px;
}


.bn-threcol .com-bt{
  margin-top: 40px;
}




/*servce slider*/



.ser-slid-inner {
    position: relative;
}

.ser-more-slide {
    background: #F6F6F6;
    padding: 15px 15px 15px 15px;
    overflow: hidden;
    position: relative;
}
.ser-img h3 {
    padding-top: 20px;
}
.ser-img img {
    width: 100%;
}
.ser-cont h3, .ser-img h3 {
    margin-top: 5px;
    font-size: 22px;
    line-height: 1.5;
}
.ser-more-slide:hover .ser-cont p {
    visibility: visible;
}
.ser-cont span {
    color: #C4C4C4;
}

.ser-cont p {
    font-size: 14.322px;
    padding-top: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    visibility: hidden;
}
.owl-carousel{
    position: relative;
}

.ser-cont {
    position: absolute;
    left: 0;
    top: 0;
    background: #f6f6f6;
    padding: 15px;
    height: 100%;
    -webkit-transition: 400ms;
    transition: 400ms;
    width: 100%;
    visibility: hidden;
    opacity: 0;
}
.ser-more-slide:hover .ser-cont {
    visibility: visible;
    opacity: 1;
}
.owl-nav {
    position: absolute !important;
    top: 50%;
    left: 0;
    right: 0;
}

.owl-nav .owl-prev {
    position: absolute;
    left: -75px;
}

.owl-nav .owl-next {
    right: -75px;
    position: absolute;
}

.owl-nav button::after {
    content: "\f054";
    position: absolute;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
}

.owl-nav button span {
    font-size: 0px !important;
}

.owl-nav button.owl-prev::after {
    content: "\f053";
}

.partner-log img {
    height: 70px;
    -o-object-fit: contain;
       object-fit: contain;
}
.site-partner.mr-bottom {
    margin-bottom: 128px;
}


/*************

inner pages banner

*************/


.set-inner-box {
    text-align: center;
    border: 8px solid rgba(105, 150, 218, 0.09);
   /* -webkit-filter: drop-shadow(0px 0px 19px rgba(0, 0, 0, 0.25));
    filter: drop-shadow(0px 0px 19px rgba(0, 0, 0, 0.25));*/
    min-height: 264px;
    padding: 20px;
    height: 100%;
}
.set-inner-box h2 {
    font-size: 28px;
}


/*request a quote*/


.request-inner {
    padding: 0;
    text-align: center;
    position: relative;
    z-index: 10;
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translateX(-50%);
}

section.reques-qout.mr-bottom {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    position: relative;
}

.request-inner h4 {
    margin: 0;
    color: #fff;
    font-size: 30px;
    font-weight: 700;
}


section.reques-qout.mr-bottom::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9;
}

.request-inner p {
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
}

.requ-btn {
    color: #fff;
    background: #1428a0;
    margin-top: 10px;
    display: inline-block;
    padding: 10px 23px;
    border-radius: 5px;
}

label.pop-lb {
    display: block;
    color: #1428A0;
    padding-bottom: 8px;
}
.pop-text-ar {
    height: 100px;
}
.pop-com {
    width: 100%;
    margin-bottom: 20px;
    padding: 5px 10px;
    border: 1px solid #7a7a7a;
}
.pop-com:focus {
    outline: none;
    border: 1px solid #000000;
}
.pop-com:focus {
    outline: none;
    border: 1px solid #000000;
}
.contact-popup div#exampleModal {
    padding-right: 0 !important;
}
.in-pop {
    color: #fff;
    background: #1428a0;
    margin-top: 10px;
    display: inline-block;
    padding: 10px 23px;
    border-radius: 5px;
    border: none;
    text-transform: capitalize;
}
.cont-form {
    padding-bottom: 25px;
}
.cont-form br {
    display: none;
}
.in-pop:hover {
    background: #6996DA;
}

span.captcha-image span.cf7ic_instructions {
    font-size: 16px;
}


.we-provide{
    position: relative;
}

.overlay-img{
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 35%;
}
.type-rm.with-bg {
    padding: 2.6% 0;
}

.overlay-img2 {
    position: absolute;
    z-index: 99;
    top: 15%;
    left: 50%;
    width: 35%;
    transform: translateX(-50%) scale(1.2);
}
.bnr-img {
    width: 100%;
}


/*26-12-2023 popup*/

.ac-cont-popup .in-box {
    padding: 0;
}

.ac-cont-popup .modal-dialog {
    max-width: 830px;
}

.red-pop {
    border: none;
    text-align: left;
    background: none;
    font-size: 18px;
    color: #6996da;
    display: inline-block;
    border-radius: 5px;
    vertical-align: middle;
    text-decoration: underline;
    text-underline-offset: 5px;
}

.in-box .in-box {
    font-size: 16px;
    text-underline-offset: 5px;
}

.ac-cont-popup .article {
    padding: 0 15px 20px 15px;
}

@media (max-width: 991px){

.in-box .red-pop {
    font-size: 16px;
    text-underline-offset: 5px;
}

}


.ben-cont { text-align: center; padding: 20px; background: #FFFFFF; border: 1px solid rgba(105, 150, 218, 0.36); min-height: 260px; position: relative; }
.beni-inner { text-align: center; }
.ben-cont img { margin-bottom: 28px; position: relative; z-index: 10; max-width: 80px; }
.ben-cont p { font-size: 20px; line-height: 30px; text-align: center; color: #747474; transition: 500ms; position: relative; z-index: 10; }
.ben-cont::before { height: 100%; width: 0; content: ""; position: absolute; background: #6996DA; left: 0; top: 0; transition: 500ms; }
.ben-cont:hover::before{ width: 100%; }
.ben-cont:hover p { color: #fff; }
.col-inr{height: 100%;}
.overlay-img2:hover { filter: drop-shadow(2px 4px 6px black); }


.in-box label { font-weight: 500; font-size: 33.6px; line-height: 168.5%; color: #9F9F9F; }
.in-box h2 { font-weight: 500; font-size: 50px; color: #383838; }
.in-box p { text-align: justify; font-weight: 400; font-size: 20.4px; line-height: 168.5%; color: #000000; }
.in-box #section { word-wrap: break-word; }
.in-box .moretext { display: none; }
.in-box { display: flex; flex-direction: column; justify-content: center; height: 100%; padding-left: 5vw; padding-right: 5vw; padding-top: 20px; padding-bottom: 20px; }
.inner-middle > .row > div { margin: 0; padding: 0; }
.read-more-content { max-height: 405px; overflow: hidden; transition: max-height 0.3s ease-out; }
ul.inn-list { margin-top: 1rem; padding-left: 21px; }
ul.inn-list li { font-size: 20.4px; line-height: 1.5; color: #000000; list-style: circle; }