@font-face {
    font-family: 'Outfit';
    src: local('Outfit Bold'), local('Outfit-Bold'),
        url('../fonts/Outfit-Bold.woff2') format('woff2'),
        url('../fonts/Outfit-Bold.woff') format('woff');
    font-weight: 700;
    font-style: normal;
    font-display: swap; 
}

@font-face {
    font-family: 'Outfit';
    src: local('Outfit SemiBold'), local('Outfit-SemiBold'),
        url('../fonts/Outfit-SemiBold.woff2') format('woff2'),
        url('../fonts/Outfit-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
   font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: local('Outfit Medium'), local('Outfit-Medium'),
        url('../fonts/Outfit-Medium.woff2') format('woff2'),
        url('../fonts/Outfit-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Outfit';
    src: local('Outfit Regular'), local('Outfit-Regular'),
        url('../fonts/Outfit-Regular.woff2') format('woff2'),
        url('../fonts/Outfit-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap; 
}


body {padding: 0;margin: 0;font-family: "Outfit";font-weight: 400;overflow-x: hidden !important;}
html, body {width: 100%;}
html{ 
    overflow: inherit!important;
}
a {text-decoration: none;color: #274787;transition: all 0.6s ease-out;-webkit-transition: all 0.6s ease-out;-moz-transition: all 0.6s ease-out;-ms-transition: all 0.6s ease-out;-o-transition: all 0.6s ease-out;}
a:hover {text-decoration: none!important;cursor: pointer}
a:focus {text-decoration: none;transition: all 1s ease}
:focus {outline: none!important;}
::-moz-selection {background-color:#000;color:#fff}
::selection {background-color: #000;color: #fff}
.count::-moz-selection {background-color:#fff;color:#000}
.count::selection {background-color: #fff;color: #000}
img {max-width: 100%;height: auto}
p {font-family: "Outfit";font-style: normal;font-weight: 400;font-size: 18px;line-height: 28px;color: #666;transition: all 0.6s;}
p a {color: #F12424;}
p a:hover {color: #274787;}
p strong {color: #F12424;font-weight: 500;}
li strong {color: #F12424;font-weight: 600;}
ul, ol, ul li, ol li {margin: 0;padding: 0;}
ul li a, ol li a {color: #F12424;}
ul li a:hover, ol li a:hover {color: #274787;}
figure, address {margin: 0;}
input, textarea, select, button {border-radius: 0;-webkit-box-shadow: none;box-shadow: none;outline: none;}
input:focus, textarea:focus, select:focus, button:focus {outline: 0;-webkit-box-shadow: none;box-shadow: none;}
h1, h2, h3, h4, h5, h6 {font-family: "Outfit";font-style: normal;font-weight: 600;color: #000;margin-bottom: 15px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #274787;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {color: #F12424;font-weight: 600;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #274787;}
h1 {font-size: 40px;line-height: 50px;}
h2 {font-size: 32px;line-height: normal;}
h3 {font-size: 28px;line-height: normal;}
h4 {font-size: 25px;line-height: normal;}
h5 {font-size: 22px;line-height: normal;}
h6 {font-size: 20px;line-height: normal;}
select::-ms-expand {display: none;}
select {-moz-appearance: none;}

.modal-backdrop.show { opacity: .9; }
.modal.popup-form button.close {opacity: 1;position: absolute;right: 30px;top: 30px;font-size: 26px;font-weight: normal;color: #fff;cursor: pointer;/* text-shadow: none; */ background: transparent;border: none;}
.modal-body{ padding: 0; }
.popup-form .form-hero { padding: 35px 30px; border-radius: 15px; border: none; background: #F1F4FA; }
.modal-dialog { max-width: 630px !important; position: absolute; top: 60px; left: 0; right: 0; transform: none !important; margin: 0px auto 0; width: 95%; }


.popup-right p { text-align: center; }
.modle-dtl { position: absolute; height: auto; bottom: 0; }
.popup-logo { text-align: center; padding: 30px; }
.popup-dtl { position: relative; }
.popup-dtl-bottum { background: #F5F5F5; position: absolute; bottom: 0; left: 0px; right: 0; padding: 0 15px; }
.popup-dtl-bottum::after { content: ''; height: 55px; width: 100%; top: -50px; position: absolute; background: url(../images/popup-dtl-bottum-layer.png) no-repeat; left: 0; background-size: 100%; }
.popup-dtl-bottum figure { box-shadow: 0px 0px 20px rgba(26, 36, 107, 0.20); width: 90px; height: 90px; background: #fff; border-radius: 50%; text-align: center; line-height: 90px; border: 2px solid #094D9C; margin: -106px 0 15px 50px; position: relative; z-index: 1; }
.popup-dtl-bottum h5 strong { color: #F12424; font-size: 36px; font-weight: 400; line-height: 46px; margin: 0; }
.popup-dtl-bottum h5 { color: #000; font-size: 34px; font-weight: 400; line-height: 46px; }
.popup-dtl-bottum p { color: #FFF; font-family: "Outfit"; font-size: 24px; font-weight: 400; line-height: 28px; background: #094D9C; padding: 13px 10px; margin: 0 -15px 0px; text-align: center; }
.popup-dtl-bottum p a{ color: #274787; }
.popup-dtl-bottum p a:hover{ color: #000; }
.popup-dtl > figure > img { height: 460px; object-fit: cover; }
.popup-right { height: 100%; }
.popup-right .form-hero { height: 100%; }
.popup-right .form-hero .b-form-title { color: #000; font-size: 36px; font-weight: 600; line-height: 28px; margin-bottom: 10px; }
.popup-right .form-hero input.button.gform_button { padding: 13px 30px; width: auto; }


.alignleft {float: left;margin-right: 1.5em;margin-bottom: 15px;margin-top: 8px;}
.alignright {float: right;margin-left: 1.5em;margin-bottom: 15px;margin-top: 8px;}
.aligncenter {clear: both;display: block;margin: 0 auto 15px}
.default-css ul {margin-bottom: 20px;}
.default-css ol {padding-left: 20px;margin-bottom: 15px;}
.default-css ul li, .default-css ol li {font-family:"Outfit";font-style: normal;font-weight: normal;font-size: 18px;line-height: 28px;color: #666;margin: 0 0 10px;}
.default-css ul li a, .default-css ol li a {color: #274787}
.default-css ul li strong, .default-css ol li strong {color: #F12424;}
.default-css ul li a:hover, .default-css ol li a:hover {color: #F12424}
.default-css ul li {list-style: none !important;background: url(../images/check.png) no-repeat;background-position: 0 5px;padding-left: 26px;background-size: 18px;}
.default-css ol li::marker {color: #000;}
section.default-section {padding: 100px 0;}
ul.two-col {display: flex;flex-wrap: wrap;margin-right: -10px;}
ul.three-col {display: flex;flex-wrap: wrap;margin-right: -10px;}
ul.four-col{display: flex;flex-wrap: wrap;margin-right: -10px;}
ul.three-col li {width: 33.33%; padding-right: 10px;}
ul.four-col li {width: 25%; padding-right: 10px;}
ul.two-col li {width: 50%; padding-right: 10px;}




@media (max-width: 900px) {
ul.three-col li {width: 50%;}
}
@media (max-width: 575px) {
ul.two-col {display: block;}
ul.three-col {display: block;}
ul.three-col li {width: 100%;}
ul.two-col li {width: 100%;}
}

.scroll-top { position: fixed; bottom: 25px; right: 20px; width: 50px; height: 50px; cursor: pointer; opacity: 0; visibility: hidden; transition: 0.3s; z-index: 98; background: #fff; border-radius: 50%; border: 1px solid #274787;display: flex; align-items: center; justify-content: center; }
.scroll-top.show { opacity: 1; visibility: visible; }
.scroll-top path { stroke: #274787; stroke-width: 8; fill: none; transition: stroke-dashoffset 0.2s linear; }
.scroll-top:after { content: ""; position: absolute; text-align: center; line-height: normal; font-size: 20px; color: #fff; left: 0; top: 0; height: 100%; width: 100%; cursor: pointer; display: block; background: url(../images/top-next.png) no-repeat; background-size: 24px; background-position: center !important; transform: rotate(-90deg); }

.menu-top-menu-container, .hover-underline { position: relative; }
/* Menu underline */
.menu-top-menu-container::after { content: ""; position: absolute; bottom: 0; left: var(--menu-line-left, 0); width: var(--menu-line-width, 0); height: 1px; background: #F12424; transition: 0.3s ease; }

/* Generic underline */
.hover-underline::after { content: ""; position: absolute; bottom: 0; left: var(--hu-line-left, 0); width: var(--hu-line-width, 0); height: 2px; background: #274787; transition: 0.3s ease; }


.dark-section p , .dark-section .heading-title , .dark-section h1 , .dark-section h2 , .dark-section h3 , .dark-section h4 , .dark-section h5 , .dark-section h6 , .dark-section ul li , .dark-section ol li , .dark-section .sub-heading { color: #fff; }
.dark-section p a:hover , .dark-section h1 a:hover , .dark-section h2 a:hover , .dark-section h3 a:hover , .dark-section h4 a:hover , .dark-section h5 a:hover , .dark-section h6 a:hover{ color: #fff; }
.dark-section .heading-title strong , .dark-section p strong{ color: #F12424; }

.dark-section h1 strong , .dark-section h2 strong , .dark-section h3 strong , .dark-section h4 strong , .dark-section h5 strong , .dark-section h6 strong{ color: #F12424; }

.dark-section p a , .dark-section h1 a , .dark-section h2 a , .dark-section h3 a , .dark-section h4 a , .dark-section h5 a , .dark-section h6 a{ color: #F12424; }



.dark-section .theme-btn.btn-red:hover{background: #fff;color: #274787;}
/*--btns--*/
.theme-btn { display: inline-block; position: relative; padding: 16px 40px; text-align: center; border-radius: 45px; border: none; box-shadow: none; font-family: "Outfit"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px;color: #fff; min-width: 200px;background: #274787; transition:all 1s ease; }
.theme-btn:not(:first-child){margin-left: 18px;}
.theme-btn:hover{background: #F12424;}
.header-btn .theme-btn.btn-white { outline: 1px solid #274787 !important; color: #274787; }
.theme-btn.btn-purple { background: #274787; color: #fff; }
.theme-btn.btn-purple:hover::before{ background: #F12424;}
.theme-btn.btn-purple:hover:hover{background: #F12424;}
.theme-btn.btn-black { background: #000; color: #fff;}
.theme-btn.btn-sky { background: #274787; color: #fff; border-color: #274787; }


.theme-btn.btn-white { color: #274787; background: #FFF; }
.theme-btn.btn-white:hover { color: #fff;outline-color: #F12424 !important; background: #F12424;}

.theme-btn.btn-red { background: #F12424; }
.theme-btn.btn-red:hover { background: #274787;color: #fff; }

.lb-data .lb-details {
    display: none !important;
}


/*--floating-icon--*/
.floating-icon a { padding: 16px 30px; display: inline-block; text-align: center; font-family: "Outfit"; border-radius: 0px; background: #F12424; color: #FFF; font-size: 20px; font-style: normal; font-weight: 400; line-height: 28px;text-transform: uppercase; }
.floating-icon { position: absolute;opacity: 0; transition: opacity 0.5s ease-in-out; z-index: 11; right: -65px; transform: rotate(-90deg); }
.floating-icon a:hover {color: #fff;background: #000;transition: 0.6s;}
.floating-icon.sticky{ position: fixed;  opacity: 1; top: 50%; }

/*--heading--*/
.heading-title { margin-bottom: 15px; color: #000; font-family: Outfit; font-size: 54px; font-style: normal; font-weight: 600; line-height: 60px; }
.heading-title strong{ color: #F12424; font-weight: 700;}
.sub-heading { color: #F12424; font-family: "Outfit"; font-size: 24px; font-style: normal; font-weight: 500; line-height: normal; margin-bottom: 10px; }
.sub-heading strong { color: #F12424; font-weight: 400; }


/*--------- header-section ---*/
.header-section { position: relative; top: 0; left: 0; right: 0; z-index: 99; border-radius: 0; transition: all 0.5s ; padding: 0; background: rgb(255 255 255 / 85%); box-shadow: none;}
header { position: sticky; top: 0 !important; z-index: 9999; left: 0; right: 0; }

.header-section.sticky { background: #fff;box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);
}

.header-section .row { align-items: center; } 
.header-top { padding: 8px 0px; }
.head-call-items { display: flex; align-items: center; justify-content: end; }
.head-call-now { display: flex; align-items: center; margin-left: 30px;flex-shrink: 0; }
.head-call-now figure { border-radius: 4px; background: #F12424; width: 60px; height: 60px; flex-shrink: 0; margin-right: 18px; display: flex; align-items: center; justify-content: center; } 
.head-call-now figure img { filter: brightness(0) invert(1); }
.head-call-now p { margin: 0; color: #000; font-family: Outfit; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; } 
.head-call-now p a { display: block; color: #F12424; font-weight: 600; letter-spacing: 0.16px; font-size: 1.4em; } 
.head-call-now p a:hover{color: #274787;}
.header-btm { background: #274787; text-align: center; padding: 9px 0; }
.header-logo img {will-change: transform; animation: zoomOutInOnce 0.8s ease-in-out 1; animation-fill-mode: both;transition: 0.1s ease-in-out;height: auto;}
@keyframes zoomOutInOnce { 0% { transform: scale(0.25); } 100% { transform: scale(1.0); }; }
.header-btm .container { max-width: 1230px !important; }


.offer-track p{ color: #fff; font-weight: 500;margin: 0;position:relative;z-index:1;border-radius:45px; padding:16px 23px;}
.offer-track p strong { color: #ff9d00; font-weight: 700; padding-right: 2px; }
.offer-marquee { padding-right: 25px; }
.offer-track p span:nth-child(2){ display: none; }
 
.offer-track p::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0px;
    background: url(../images/33.jpg) no-repeat;
    z-index: -1;border-radius:45px;
    background-size: cover;
}
 
.offer-track p::after {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0px;
      background: #274787;opacity:0.9;
    z-index: -1;border-radius:45px;
    
}
.header-top .col-sm-3 {
    width: 15%;
}
.header-top .col-sm-9 {
    width: 85%;
}

.header-btn {
    flex-shrink: 0;
}

/*--banner--*/
.home-banner {
    position: relative;
    align-content: center;
    z-index: 1;
    padding: 180px 0;
    background-size: cover;
        background-position: top center;
    background-repeat: no-repeat;
}
.banner-absolute .row { align-items: center; }
.home-banner::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 1;
       background: linear-gradient(270deg, rgb(255 255 255 / 0%) 0%, rgb(32 62 142) 90%, rgb(32 62 142) 50%);
}
.home-banner::before {
    background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgb(32 62 142 / 99%) 100%, rgba(32, 62, 142, 1) 50%);
}

.banner-btns { padding-top: 10px; }

.banner-title strong { color: #F12424; font-weight: 600; }

.banner-title {
    color: #FFF;
    font-family: Outfit;
    font-size: 68px;
    font-style: normal;
    font-weight: 600;
    line-height: 82px;
    margin-bottom: 15px;
}
.home .banner-title {
    color: #FFF;
    font-family: Outfit;
    font-size: 38px;
    font-style: normal;
    font-weight: 600;
    line-height: 52px;
    margin-bottom: 20px;
}

.banner-caption p {
    color: #FFF;
    font-family: Outfit;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 36px;
}
.banner-caption h2 {
    color: #fff;
    font-size: 30px;
}
.banner-caption p strong {
    color: #ff9d00;
    font-weight: 700;
}
.banner-caption h2 strong{
    color: #ff9d00;
}
.home-banner .video-div { position: absolute; left: 0; top: 0; height: 100%; width: 100%; } 
.home-banner .video-div .wrapper { height: 100%; }
video.fullscreenbg__video { width: 100%; height: 100%; object-fit: cover; } 
.banner-absolute { position: relative; z-index: 2; }

.banner-main-form-div .form-hero { border-radius: 15px; background: #D83533; border-top: 6px solid #274787; padding: 20px 25px 15px; box-shadow: none; max-width: 440px; margin: 0 0 0 auto; height: auto; }
.banner-main-form-div .form-hero .form-b-title { color: #FFF; text-align: center; font-family: Outfit; font-size: 36px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 15px; } 
.banner-main-form-div .form-hero p { color: #fff; text-align: center; margin: 0; } 
.banner-main-form-div .form-hero .gform_wrapper { margin: 0 0 18px !important; } 
.banner-main-form-div .form-hero p:first-letter { color: #274787;font-weight: 700;font-size: 1.25em; }

.form-hero .gfield_validation_message { color: #fff !important; }
.popup-form .form-hero .gfield_validation_message { color: #c02b0a !important; }

.header-section.inner-header.sticky {box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25);}
.banner-star {display: -webkit-box;display: -ms-flexbox;-ms-flex-wrap: wrap;display: inline-block;padding-bottom: 20px;}
.stardx {display: inline-block;position: relative;}
.stardx img {
    margin-top: -13px;
    max-width: 24px;
}
.banner-caption .banner-star p { margin: 0; padding-left: 8px; display: inline-block; color: #fff; font-family: Outfit; font-style: normal; font-weight: 500; letter-spacing: 0.66px; }


/*--------logo-section--------*/
section.logo-section { position: relative; z-index: 1; background: #274787; padding: 20px 0; } 
section.logo-section::before { position: absolute; content: ''; width: 100%; height:100%; left: 0; bottom: 0px; background: url(../images/logo-bg.jpg) no-repeat; z-index: -1; background-size: 100% 100%; } 
.logos-parent-row ul { display: flex; align-items: center; justify-content: space-evenly; }
.logos-parent-row ul li { list-style: none; padding: 10px; }
.logos-parent-row ul li figure img{transition: all 0.5s ease-in-out;}
.logos-parent-row ul li figure:hover img{transform: scale(0.95);}

section.logo-section .logos-parent-row .item{text-align: center;align-content: center;}
section.logo-section .owl-stage { display: flex; }
section.logo-section .owl-item { display: flex; flex: 1 0 auto; justify-content: center; align-items: center; } 



/*----------process-section--------- */
section.process-section { padding: 90px 0 100px; position: relative; z-index: 1; background: #F1F4FA;overflow: hidden; }
section.process-section::after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top:0; background: url(../images/process-lines.png); background-repeat: no-repeat !important;  z-index: -1; background-position: center; }
section.process-section::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top:0;background: url(../images/selectgaragedoors-section-logo.png); background-position: right bottom;background-size: 146px;background-repeat: no-repeat !important;z-index: -1; }
.process-box { text-align: center; position: relative; border-radius: 15px; background: #FFF; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.20); padding: 1px 10px 10px; }
.process-box figure { background: #274787; border: 5px solid #fff; width: 110px; height: 110px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: -55px auto 1px; }
.process-content { border-radius: 15px; background: #F1F4FA; padding: 20px 10px 10px; } 
.process-box h3 { color: #000; font-family: Outfit; font-size: 54px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase; opacity: 0.1; margin: 0; } 
.process-box h4 { color: #000; font-family: Outfit; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; margin-bottom: 10px; }
.process-box:hover h4{ color: #F12424;}
.process-box:hover figure { background: #F12424; }
.process-wrapper .col-sm-4{padding: 15px 44px;width: 25%;} 
.process-wrapper .col-sm-4:nth-child(even) {padding-top: 100px;} 
.process-wrapper { position: relative; z-index: 1; margin: 0px auto 0; padding-top: 80px; } 
.process-wrapper::before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: url(../images/process-border.png); background-repeat: no-repeat !important; z-index: -1; background-position: top 40px left 38%; background-size: inherit;display:none; }
.process-box::before {
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: auto;
    top: 0;
    right: -70px;
    background: url(https://bigeasytest.com/SelectGarageDoorService/wp-content/uploads/2026/05/arrow-pointing-to-right.png);
    background-repeat: no-repeat !important;
    z-index: -1;
    background-size: 48px;    opacity: 0.8;
    background-position: right center;
}
.process-wrapper .col-sm-4:last-child .process-box::before {
  display:none;
}






/* --------services-section-------- */
section.services-section { padding: 100px 0px; position: relative; background-repeat: no-repeat; background-size: cover;z-index: 1;overflow: hidden;}
section.services-section::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top:0;background: url(../images/selectgaragedoors-section-logo.png); background-position: right bottom;background-repeat: no-repeat !important;z-index: -1;}
.service-lists ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 ; }
.service-lists ul li { list-style: none;width: 16.64%; padding: 10px; }
.services-box {
    position: relative;
    text-align: center;
    transition: all 0.5s ease-in-out;
    border-radius: 15px;
    background: #F2F6FF;
    height: 100%;
    overflow: hidden;
    z-index: 1;
    padding: 25px 15px 15px;
}
.services-box figure { width: 120px; height: 120px; background: #F12424; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto 15px; border: 10px solid #fff; }
.services-box h3 { color: #000; font-family: Outfit; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px;margin-bottom: 6px; }
.services-box h3 a{color: #000;}
.services-box:hover h3 a , .services-box:hover h3 , .services-box:hover p{ color: #fff;}
.services-box:hover figure{background: #274787;}
.view-more-details-btn { position: absolute; left: 0; right: 0; bottom: 0; z-index: 1; }
.view-more-details { width: 58px; height: 58px; display: inline-flex; border-radius: 50%; align-items: center; justify-content: center; background: #f2f6ff; border: 5px solid #fff; position: relative; z-index: 1;overflow: hidden; }
.ribbon { position: absolute; top: 18px; left: -94px; width: 295px; text-align: center; transform: rotate(-32deg); background: #F12424; color: #FFF; font-family: "Outfit"; font-size: 13px; font-style: normal; font-weight: 500; line-height: 20px; padding: 7px 0; text-transform: uppercase; z-index: 1; }
.services-box:hover .ribbon{ background: #274787;}
.services-box .view-more-details-btn::after { position: absolute; content: ''; height: 100%; background: url(../images/services-box-bottom-shape.png) no-repeat; background-size: 100% 100%; left: -1px; right: -1px; bottom: -1px; z-index: -1; }
.services-box::before { position: absolute; content: ''; background: #F12424; left: 0; right: 0; bottom: 0px; top: 0; z-index: -1;opacity: 0; transition: all 0.5s ease-in-out;}
.services-box:hover:before{opacity: 1;}


.services-box .view-more-details:hover img{filter: brightness(0) saturate(100%) invert(17%) sepia(79%) saturate(1643%) hue-rotate(206deg) brightness(97%) contrast(84%);transform: scale(0.9);}
section.services-section .service-lists { max-width: 1808px; margin: 0 auto; }
section.services-section.commercial-services::after{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;z-index: -1;opacity: 0.8;
background: #F1F4FA;}
section.services-section.commercial-services .service-lists ul li {width: 16.64%; padding: 10px; }
section.services-section.commercial-services .services-box{ background: #fff;padding: 25px 15px 15px;}
section.services-section.commercial-services .services-box:hover{ background: #F12424;}
section.services-section .section-heading { max-width: 1250px; margin: 0 auto; }
section.services-section.commercial-services .services-box::before{display: none;}
section.services-section.commercial-services::before{display: none;}
section.services-section.commercial-services .services-box figure { border-color: #f7eded; }


/*----------savings-section--------- */
section.savings-section { padding: 100px 0; position: relative; z-index: 1; background-repeat: no-repeat; background-size: cover; }
section.savings-section::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top:0;opacity: 0.8;
background: #000;z-index: -1;}
section.savings-section .col-sm-4 { padding: 20px; }
.savings-box { text-align: center; height: 100%; padding: 25px 22px 35px; position: relative; z-index: 1; text-decoration: none; outline: 1px dashed #fff; outline-offset: -10px; transition: all 0.6s; border-radius: 20px; background: rgb(39 71 135 / 85%); background-size: cover; background-repeat: no-repeat; }
.savings-prize { color: #FFF; font-family: Outfit; font-size: 64px; font-style: normal; font-weight: 800; line-height: 1.1; margin-bottom: 10px; }
.savings-logo { margin-bottom: 20px; } 
.savings-prize sub , .savings-prize sup{ bottom: 0; font-size: .38em; font-weight: 500; text-transform: uppercase; padding-right: 10px; }
.savings-prize sup { top: -1.1em; padding-right: 0px; padding-left: 10px; }
.savings-title {color: #FFF; text-align: center; font-family: Outfit; font-size: 32px; font-style: normal; font-weight: 600; line-height: normal; text-transform: uppercase;margin-bottom: 15px; } 
.savings-box::after { position: absolute; content: ''; top: 0; left: 0; height: 100%; width: 100%; z-index: -1; border-radius: 20px; background: rgb(39 71 135 / 85%); transition: all 0.6s;}
.savings-box:hover::after{opacity: 0.85; background: #F12424;}
.savings-box p { color: #fff; margin-bottom: 5px; }
.savings-call-now { display: flex; align-items: center; justify-content: center; margin-top: 20px; } 
.savings-call-now figure { border-radius: 4px; background: #F12424; width: 36px; height: 36px; flex-shrink: 0; margin-right: 8px; display: flex; align-items: center; justify-content: center; }
.savings-call-now figure img{filter: brightness(0) invert(1);max-width: 18px;}
.savings-call-now p { margin: 0 !important; font-size: 22px; font-weight: 600; } 
.savings-call-now p a{color: #fff;} 
.savings-box:hover .savings-call-now figure{ background: #274787;} 
.savings-wrapper { position: relative; max-width: 1284px; margin: 0 auto; }
.savings-prize .savings-dec, .savings-prize .savings-intro {
    font-size: 0.35em;
    line-height: 1.2;
    text-transform: uppercase;
    margin-top: 5px;
}
.savings-prize .savings-intro strong , .savings-prize .savings-intro b{display:block}

.savings-prize .savings-intro strong {
    font-weight: 400;
    font-size: 0.65em;
    margin-bottom: 5px;
    letter-spacing: 1px;
}
.savings-prize .savings-intro b {
    letter-spacing: 2px;
    font-size: 0.8em;
    font-weight: 600;
    margin: 5px 0;
}
section.proud-section { position: relative; z-index: 1; padding: 140px 0; background-repeat: no-repeat; background-size: 66% 100%; } 
section.proud-section::after { position: absolute; content: ''; top: 0; right: 0; height: 100%; width: 34%; z-index: -1; background: url(../images/specialities-bg-img.jpg) no-repeat; transition: all 0.6s; background-position: top right; background-size: cover; } 
.proud-content { border-radius: 20px; background: #F12424; padding: 45px 45px; position: relative;    overflow: hidden; } 
.proud-logo { position: absolute; left: 40px; bottom: 40px; z-index: 1; }


.dark-section .theme-btn:hover {background: #fff;color: #274787; }
.dark-section .theme-btn.btn-white:hover {background: #274787;color: #fff; }

section.transformation-section { padding: 80px 0 0; position: relative;z-index: 1; }

.transformation-wrapper {
    margin: 25px auto 0;
    max-width: 980px;
}
.before-after-labels-cols h5 {
    margin-bottom: 10px;
}
.twentytwenty-wrapper { border-radius: 15px; overflow: hidden; }
.transformation-slider .item{ transition: all 0.5s ease-in-out; }



.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 1px; margin-left: -0px; }
.twentytwenty-handle { height: 50px; width: 50px; margin-left: -30px; margin-top: -25px; background: #fff; }
.twentytwenty-left-arrow { border-right: 10px solid #F12424; margin-left: -22px; }
.twentytwenty-right-arrow { border-left: 10px solid #e10505; margin-right: -22px; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before { padding: 0 5px; font-size: 18px; font-family: Outfit;background: transparent;letter-spacing:1;font-weight:500; }

.transformation-slider .twentytwenty-handle {opacity: 0;}
.transformation-slider .owl-item.active.center .twentytwenty-handle {opacity: 1;}

.transformation-slider .twentytwenty-overlay{    opacity: 1;}
.transformation-slider .owl-item.active.center .twentytwenty-overlay {opacity: 1;}
.transformation-slider .owl-item.active.center .twentytwenty-before-label , .transformation-slider .owl-item.active.center .twentytwenty-after-label { opacity: 1; }
.transformation-slider .owl-item.active.center .twentytwenty-before-label::after{position: absolute;content: '';width: 100%;height: 100%;left: 0;}


.twentytwenty-horizontal .twentytwenty-handle:before { margin-bottom: 28px; } 
.twentytwenty-horizontal .twentytwenty-handle:after { margin-top: 28px; } 
.transformation-slider .twentytwenty-handle { display: none !important; } 
.transformation-slider .owl-item.active.center .twentytwenty-handle { display: block !important; } 
.transformation-slider .twentytwenty-overlay { display: none !important; } 
/* .transformation-slider .owl-item.active.center .twentytwenty-overlay { display: block !important; position:absolute; top:0; left:0; right:0; width:100%;}  */
.twentytwenty-container img { width: 100%; }
.twentytwenty-overlay:hover {
    background: transparent !important;
    height: auto !important;
}
.before-after-labels-cols {
    display: flex;
    justify-content: space-around;
}

.twentytwenty-before-label, .twentytwenty-after-label {
    height: auto !important;
    top: auto !important;
    bottom: 11px;    opacity: 1 !important;
}
.twentytwenty-overlay{
	    height: auto !important;bottom: 3px; display:none;

}
.twentytwenty-before-label, .twentytwenty-after-label {
    position: absolute;
    top: auto;
    width: 100%;
    border: 15px !important;
}
.gallery-tab ul li .before-after-labels {
    position: absolute;
    z-index: 1;
    top: auto;
    left: 0;
    right: 0;
    bottom: 15px;
}
.gallery-tab ul li .before-after-labels h5 {
    margin: 0;
    color: #fff;
}

/*-----owl-css-----*/
.owl-item { flex: 1 0 auto; }
.owl-stage { display: flex; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { background-position: center !important; width: 70px; height: 70px; margin: 0 12px; border: none; border-radius: 0;top: 50%;
    transform: translateY(-50%); position:absolute; }
.owl-carousel .owl-nav button.owl-prev { background: url(../images/owl-prev.png) no-repeat; left:-95px; }
.owl-carousel .owl-nav button.owl-next { background: url(../images/owl-next.png) no-repeat; right:-95px;}
.owl-carousel .owl-nav button.owl-prev:hover { background: url(../images/owl-prev-hover.png) no-repeat;border-color: #094D9C; }
.owl-carousel .owl-nav button.owl-next:hover { background: url(../images/owl-next-hover.png) no-repeat; border-color: #094D9C;}
.owl-nav span {display: none;}
.owl-nav { text-align: center;margin-top: 0; }


section.payment-options-section { position: relative; z-index: 2; padding: 100px 0 100px;margin-bottom: -100px; } 
section.payment-options-section .row { align-items: center; } 
section.payment-options-section .col-sm-5 { width: 50%; } 
section.payment-options-section .col-sm-7 { width: 50%; } 
.payment-options-img img { border-radius: 15px; } 
.payment-options-img { text-align: right; overflow: hidden; max-width: 540px; margin: 0 50px 0px auto; }
.payment-options-img figure{overflow: hidden;border-radius: 15px;}



/*--------about-section--------*/
section.about-section { padding: 400px 0 110px; position: relative; z-index: 1;background: #274787; } 
/* section.about-section .container{position: relative; z-index: 1; }  */
/* section.about-section .container::before{position: absolute; content: ''; width: 100%; height: 100%; left: 0; top:0;background: url(../images/selectgaragedoors-section-logo2.png); background-position: left bottom;background-repeat: no-repeat !important;} */
section.about-section:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background:url(../images/about-bg-image.jpg)  no-repeat;background-size: cover;} 
section.about-section::before{ position: absolute; content: ''; width: 100%; height: 302px; top: -3px; left: 0; z-index: 1; background-image: url(../images/selectgaragedoors-section-logo2.png), url(../images/about-top-shape.png); background-repeat: no-repeat, no-repeat; background-position: top left, top center; background-size: auto, 100% 100%; }

section.about-section .row{align-items: center;}
section.about-section .col-sm-5 { width: 54%; }
section.about-section .col-sm-7 { width: 46%;} 

.about-content.dark-section .heading-title { font-size: 50px; line-height: 64px; }
.about-content.dark-section{padding-left: 25px;}


.about-div video.fullscreenbg__video { border: 20px solid rgb(255 255 255 / 50%); }
.about-div .wrapper { position: relative; }
.about-div .wrapper img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); cursor: pointer; z-index: 1; transition: all 0.3s ease-in-out; }
.about-div .fullscreenbg__video{ width: 100%; display: block; }

.default-btns { padding-top: 10px; }
.default-btns.text-center { padding-top: 15px; }


.about-contact-items { display: flex; border-radius: 25px; background: #FFF; align-items: center; justify-content: space-between; padding: 20px 30px; margin-top: 80px; }
.about-call-now { display: flex; align-items: center; }
.about-contact-item { padding: 10px; }
.about-call-now { display: flex; align-items: center; }
.about-call-now figure { display: inline-flex; width: 100px; height: 100px; border-radius: 50%; border: 10px solid rgb(245 233 233); background: #F12424; flex-shrink: 0; margin-right: 20px; align-items: center; justify-content: center; }
.about-call-now p { margin: 0; color: #000; font-family: Outfit; font-size: 20px; font-style: normal; font-weight: 500; line-height: normal; }
.about-call-now p a { display: block; color: #F12424; font-size: 1.5em; font-weight: 600; margin-top: 2px; }
.about-call-now p a:hover{color: #274787;}
.ftr-social a { display: inline-block; padding: 0; position: relative; width: 64px; height: 64px; border-radius: 50%; margin: 6px; text-align: center; line-height: normal; overflow: hidden; align-content: center; border: 1px solid #D9D9D9; background: rgba(255, 255, 255, 0.30); backdrop-filter: blur(5px); }
.ftr-social a img { -webkit-transition: .45s ease-in-out; transition: .4s ease-in-out; transform: scale(1); filter: brightness(0) saturate(100%) invert(38%) sepia(0%) saturate(0%) hue-rotate(170deg) brightness(95%) contrast(93%); }

.ftr-social a:hover img { animation: zoomOutIn 0.45s ease-in-out forwards;filter: brightness(0) invert(1);} 
@keyframes zoomOutIn { 0% { transform: scale(1); } 40% { transform: scale(0.85); } 100% { transform: scale(1.0); } }
.ftr-social a:hover{background:#F12424;border-color: #F12424;} 



/*-------cta--section---------*/
section.cta-section { position: relative; padding: 70px 0; background-position: top center; background-repeat: no-repeat; background-size: cover; z-index: 1; }
section.cta-section.dark-section:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: -2;background: rgba(32, 62, 142, 0.90); }
section.cta-section.dark-section .theme-btn.btn-white:hover { color: #fff; background: #F12424; }


/* .fullscreenbg__video::-webkit-media-controls { opacity: 0; transition: opacity 0.3s ease; }
.fullscreenbg__video:hover::-webkit-media-controls { opacity: 1; }
 */

section.cta-section.new::after { background: linear-gradient(270deg, rgba(255, 255, 255, 0) 12%, rgba(32, 62, 142, 0.9) 39%, rgba(32, 62, 142, 1) 100%); }
section.cta-section.new.dark-section .sub-heading { color: #F12424; }
section.cta-section.new::before{position: absolute;content: '';width: 100%;height: 100%;left: 0;top: 0;background: url(../images/lines-transparent.png) no-repeat;background-position: top left;z-index: -1;}



/*--------testimonial-section---------*/
section.testimonial-section { padding: 100px 0; position: relative;z-index: 1;} 
.testimonial-wrapper .row { justify-content: center; }
.testimonial-wrapper { position: relative; } 
.testimonial-wrapper .col-sm-4 { padding: 22px; }
.client-say-box { height: 100%; padding: 20px 18px; position: relative; transition: all 0.6s; border-radius: 45px; background: #FFF; box-shadow: 0 0 20px 0 rgba(1, 30, 69, 0.20); display: flex; flex-direction: column; justify-content: space-between; } 
.client-say-text { padding: 10px 20px 10px; transition: all 0.6s; border-radius: 35px; background: #F2F6FF;  height: 100%; max-height: 420px;
    overflow-x: auto;
 }
.star-parent { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgb(241 36 36 / 30%); padding-bottom: 5px; margin-bottom: 15px; }
.client-say-box .star img { max-width: 24px; } 
.clint-name-parent { display: flex; align-items: center; padding: 15px 0 0 20px; } 
.client-say-box .clint-name-parent figure { margin-right: 15px; flex-shrink: 0; width: 82px; height: 82px; background: #274787; color: #FFF; font-family: Outfit; font-size: 30px; font-style: normal; font-weight: 600; line-height: normal; align-content: center; border-radius: 50%; text-align: center; } 
.client-say-box .clint-name-parent figure img { width: 100%; }
.clients-item-heading h3 { margin: 0; font-family: Outfit; font-size: 24px; font-style: normal; font-weight: 600; line-height: 30px; color: #F12424;margin-right: 10px; } 
section.testimonial-section .section-heading { margin: 0 auto 25px; max-width: 1230px; }
.clint-name-parent figure:last-child { background: transparent; margin: 0 10px 0 auto !important; width: auto !important; height: auto !important; }
.testimonial-slider .item { height: 100%;padding: 22px;
   max-height: 570px;
    overflow-x: auto;    width: 100%; }
.testimonial-slider .owl-dots { margin-top: 35px; text-align: center; display: flex; align-items: center; justify-content: center; }
.testimonial-slider.owl-carousel .owl-nav button.owl-next, .testimonial-slider.owl-carousel .owl-nav button.owl-prev, .testimonial-slider.owl-carousel button.owl-dot { width: 12px; height: 12px; background: rgb(39 71 135 / 40%); border-radius: 50%; margin: 3px; }
.testimonial-slider button.owl-dot.active { height: 30px; width: 30px; background: #F12424; border: 5px solid #eaf1ff; }



/*--------team-section---------*/
section.team-section { padding: 100px 0 ; position: relative; } 
.team-wrapper { max-width: 1248px; margin: 0 auto; } 
section.team-section .row { justify-content: center; } 
.team-wrapper .col-sm-4 { padding: 20px; }
.team-item { position: relative; padding: 20px; height: 100%; text-align: center; border-radius: 45px;transition: all 0.5s ease-in-out; border: 1px solid rgba(0, 0, 0, 0.20); } 
.team-item figure { border-radius: 45px; background: #FFF; box-shadow: 0 0 14px 0 rgba(0, 0, 0, 0.25); overflow: hidden;transition: all 0.5s ease-in-out; }
.team-item figure img{ border-radius: 45px;}
.team-content { padding: 20px 0 0; }
.team-item h3 { color: #000; font-family: Outfit; font-size: 24px; font-style: normal; font-weight: 600; line-height: 30px; margin-bottom: 10px;transition: all 0.5s ease-in-out; } 
.team-item h3 a{color: #000;}
.team-item p b { display: block; color: #000; font-weight: 400; }
.team-item:hover{background: #F12424;}
.team-item:hover h3 , .team-item:hover h3 a , .team-item:hover p  , .team-item:hover p b , .team-item:hover p strong{color: #fff;}
section.team-section::before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; background: url(../images/swing-hub-section-logo.png) no-repeat; background-position: right 1% bottom; background-size: 220px; }


/*--------gallery-section/*--------*/
section.gallery-section { padding: 0px 0; position: relative; z-index: 1; }
.gallery-items>img {width: 100%;object-fit: cover;transition: all 0.5s ease-in-out;    height: 100%;}
.gallery-img > figure > img {width: 100%;transition: all 0.5s ease-in-out;}
.gallery-items:hover>img{transform: scale(1.1);}
.gallery-row-parent {position: relative;}
.gallery-image {overflow: hidden;}
.gallery-row-parent .row {justify-content: center;}
.gallery-row-parent .col-sm-3 {padding: 15px;}
.gallery-image img {width: 100%;transition: all 0.6s; }
.gallery-items:hover .gallery-image img {transform: scale(1.1);}
.gallery-items { position: relative; overflow: hidden; margin: 0 0; height: 100%; border-radius: 15px; transition: all 0.6s; }
.gallery-item .gallery-image {width: 100%;height: 100%;object-fit: cover;}
.gallery-item-parent { position: absolute; bottom: 25px; left: 25px; right: 25px; top: 25px; background: rgb(236 122 71 / 80%); overflow: hidden; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s; transition: .3s ease; border-radius: 4px; }

.gallery-items:hover .gallery-item-parent {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}
.lb-nav a.lb-prev, .lb-nav a.lb-next {opacity: 1 !important;width: 50px !important;height: 50px;top: 50%;position: absolute;transform: translateY(-50%);z-index: 1;}
.lb-nav a.lb-prev {left: 15px !important;}
.lb-nav a.lb-next {right: 15px !important;}
.lb-data .lb-close {background-size: 26px !important;}
.lb-nav {position: static !important;}
.lightbox { position: fixed !important; left: 0; top: 50% !important; transform: translateY(-50%); }
.gallery-tab ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -10px; }
.gallery-tab ul li {     width: 25%; padding: 10px; list-style: none; position:relative; }

.gallery-tabs ul.nav.nav-tabs.mobile-tabs li a::before {content: ""; position: absolute; top: 0px; left: 0px; width: 0; height: 100%; background: #F12424; transition: width 0.4s ease; z-index: -1; border-radius: 45px ;}
.gallery-tabs ul.nav.nav-tabs.mobile-tabs li a:hover::before { width: 100%; }
.gallery-tabs ul.nav.nav-tabs.mobile-tabs li a:hover { background: #F12424;color: #fff; border-color: #F12424;}

section.gallery-section ul.nav.nav-tabs { border: none; padding: 20px 0; justify-content: center; }
section.gallery-section ul.nav.nav-tabs li { padding: 10px; text-align: center; position: relative; }
section.gallery-section ul.nav.nav-tabs li a { display: block; padding: 15px 48px; color: #666; text-align: center; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px; border-radius: 45px; border: 1px solid #d9d9d9; min-width: 160px;position: relative;z-index: 1; transition: all .3s ease-in-out; }
section.gallery-section ul.nav.nav-tabs li a.active {background: #F12424; color: #fff;border-color: #F12424; }
section.gallery-section ul.nav.nav-tabs li a:hover{color: #fff;background: #F12424;border-color: #F12424;}

.gallery-overlay { position: absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: -1; background: rgb(0 0 0 / 80%); display: flex; flex-direction: column; justify-content: space-between; text-align: center; padding: 20px 25px 30px; opacity: 0; transition: all .5s ease-in-out; }
.gallery-items:hover .gallery-overlay { opacity: 1; z-index: 2;}
h3.overlay-title { color: #FFF; font-family: Outfit; font-size: 24px; font-style: normal; font-weight: 600; line-height: 34px; }
.overlay-location { border-radius: 45px; border: 1px solid rgba(241, 36, 36, 0.60); background: #2F2F2F; color: #FFF; text-align: center; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; padding: 7px 20px; } .overlay-tag { color: #FFF; text-align: center; font-family: Outfit; font-size: 16px; font-style: normal; font-weight: 400; line-height: 28px; opacity: 0.6; }
.overlay-top { display: flex; justify-content: space-between; align-items: center; }

section.gallery-section::after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 120px; z-index: -1; background: url(../images/logo-star.png); background-repeat: no-repeat; background-position: left bottom; }

section.why-choose-us-section:has(+ section.gallery-section)::after { display: none; }



/*-----faq-section-----*/
section.faq-section { padding: 0px 0 100px; position: relative; }
.faq-box .card { margin: 0 0 20px; border-radius: 0; background: transparent; box-shadow: none; border: none; }
.faq-box .card-header-title { padding: 25px 60px 25px 30px; position: relative; margin: 0; font-family: "Outfit"; font-style: normal; color: #fff; font-weight: 500; font-size: 22px; line-height: 30px; box-shadow: none; border-radius: 10px; border: 1px solid #D9D9D9; background: #F12424; }
.card-header-title.collapsed { color: #414141; background: #F2F6FF; }
.card-header-title.collapsed:hover {color: #000;}
.faq-box .card-header h5:after, .card-header-title::after { content: ""; background:  url(../images/faq-minus.png) no-repeat center; width: 20px; height: 20px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); right: 22px; }
.faq-box .card-header { border: none; padding: 0; cursor: pointer; position: relative; margin: 0 0 0; background: transparent !important; border-radius: 0; }
.faq-box .card-header h5.collapsed:after, .card-header-title.collapsed::after {background:  url(../images/faq-pluse.png) no-repeat center;box-shadow: none;}
section.faq-section .section-heading { margin-bottom: 35px; }
.faq-box .card-body { margin: 15px 15px 0 30px; border-left: 1px solid #F12424; padding: 10px 0 10px 20px; }


/* services-areas-section */
section.services-areas-section { padding: 100px 0 0;}
.services-areas-lists { padding: 100px 148px 100px 510px; position: relative; z-index: 1; margin-left: -480px; height: 100%; align-content: center; border-bottom-left-radius: 50px; background-repeat: no-repeat; background-size: cover; clip-path: polygon(0% 15%, 20% 0%, 0% 0%, 100% 0, 100% 100%, 0 100%); }
.services-areas-lists:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: #274787;opacity: 0.7; z-index: -1;border-bottom-left-radius: 50px; }
.services-areas-wrapper {padding-left: 60px; }
.services-areas-wrapper .col-sm-5 { width: 48%; }
.services-areas-wrapper .col-sm-7 { width: 52%;padding-right: 0; }
.services-areas-lc-img { position: relative; z-index: 2; margin: 100px 0; height: calc(100% + -200px); text-align:center; }
.services-areas-lc-img figure { overflow: hidden; border-radius: 20px;text-align:center; }
.services-areas-lc-img img { object-fit: cover;border-radius: 20px; }
.services-areas-lists ul { display: flex; flex-wrap: wrap; margin: 0 -10px 15px; }
.services-areas-lists ul li { list-style: none; padding: 10px; break-inside: avoid; width: 33.33%; }
.services-areas-box { display: flex ; align-items: center; }
.services-areas-box figure { margin-right: 7px; width: 20px; height: 20px; flex-shrink: 0; position: relative; top: -4px; }
.services-areas-lists h4 { font-weight: 500; }
.services-areas-box h3 { margin: 0;font-family: 'Outfit'; font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; }
.services-areas-lists h3 a{ color: #666; }
.services-areas-lists h3 a:hover{ color: #CB333B; }
.services-areas-lists.dark-section h3 a{ color: #fff; }
.services-areas-lists.dark-section h3 a:hover{ color: #CB333B; }

.search-container .search-medium::placeholder { color: #414141; opacity: 1; /* Firefox */ }
.search-container .search-medium::-ms-input-placeholder { /* Edge 12 -18 */ color: #414141; }
.search-container { position: relative; }
.fa-search { position: absolute; right: 15px; transform: translateY(-50%); top: 50%; height: 40px; width: 40px; margin: 0; background: url(../images/search.png) no-repeat center; border: none; font-size: 0; background-size: 24px; filter: brightness(0) invert(0.6); }
.ma-box { border-radius: 15px; overflow: hidden; margin: 70px auto 0; }
.ma-box img , .ma-box iframe{ width: 100%;}
.services-areas-btns { text-align: center; padding-top: 30px; }
.services-areas-btns a.theme-btn.btn-red { margin-right: 10px; }



/* -----VIDEO-CSS----- */
.video-section { position: relative; overflow: hidden; }
.video-section figure { position: relative; }
.video-section figure img{width: 100%;}
.radius { width: 70px; height: 70px; border-radius: 100%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; display: flex ; align-items: center; justify-content: center; }
.radius a { z-index: 1; }
.place {background: #fff; z-index: 2; }
.radius .border-animation, .place { display: block; width: 100%; height: 100%; position: absolute; border-radius: 100%; text-align: center; line-height: 69px; }
.radius .border-animation { z-index: 1; }
.ba1 { animation: rounder1 1s linear 1s infinite alternate; background: rgba(255, 255, 255, 0.3); }
@keyframes rounder1 { from { transform: scale(1); } to { transform: scale(1.39); } }
.ba2 { animation: rounder2 1s linear 1s infinite alternate; background: rgba(255, 255, 255, 0.6); }
@keyframes rounder2 { from { transform: scale(1); } to { transform: scale(1.79); } }
.ba3 { animation: rounder3 1s linear 1s infinite alternate; background: rgba(255, 255, 255, 0.9); }
@keyframes rounder3 { from { transform: scale(1); } to { transform: scale(1.99); } }

/* -----VIDEO-MODAL-CSS----- */
.modal-backdrop.show { opacity: .9; }
.video-popup .modal-dialog { max-width: 930px !important; position: absolute; top:0; left: 0; right: 0; transform:inherit !important; width: 94%; border-radius: 0px; margin: 45px auto 0; border: 8px solid #F12424;}
.video-popup .modal-body { border: none; float: none; clear: both; width: 100%; position: relative; padding-bottom: 56.25%; padding-top: 0; height: 0; }
.video-popup .modal-content { border: none; box-shadow: none; }
button.close { opacity: 1; position: absolute; right: 28px; top: 20px; font-size: 36px; font-weight: normal; color: #fff; cursor: pointer; text-shadow: none; background: transparent; border: none;z-index: 1; }
.videoIframe iframe {  display: block; bottom: 100px; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }  
.video-show { position: absolute; top: 50%; transform: translate(-50% , -50%); left: 50%; }


/* OUR BLOG SECTION CSS START */
.blog-section { padding: 100px 0;position: relative;}
.blog-section .section-heading { max-width: 1170px; margin: 0 auto; }
.blog-section .row {justify-content: center;}
.blog-wrapper .col-sm-4 { padding:25px; }
.blog-item { transition: all 0.6s; height: 100%;position: relative;}
.blog-item h3{ color: #000; font-family: "Outfit"; font-size: 24px; font-style: normal; font-weight: 500; line-height: 36px; }
.blog-item h3 a { color: #000; }
.blog-item figure {border-radius: 20px; overflow: hidden; }
.blog-item:hover figure img {transform: scale(1.1);border-radius: 20px;}
.blog-item:hover figure { box-shadow: 0 0 50px 0 rgba(1, 30, 69, 0.20);}
.blog-item figure img {width: 100%; transition: all 0.6s; height: 100%; object-fit: cover;}
.blog-content { padding: 25px 8px 0; }
.view-more { padding-top: 15px; font-size: 20px; color: #F12424; font-weight: 500; border-top: 1px solid #E5E9F4; margin-top: 15px; }
.view-more a{color: #ee0000;}
.blog-item:hover .view-more a , .blog-item:hover h3 a{color: #F12424;}
.blog-inner-dtl-date { position: absolute; top: 10px; left: 10px; z-index: 1; border-radius: 15px; background: #FFF; color: #F12424; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 500; line-height: 24px; text-transform: uppercase; padding: 10px 15px; text-align: center; }
.blog-inner-dtl-date a { color: #F12424; }
.blog-inner-dtl-date a strong { display: block; font-weight: 500; font-size: 1.35em; }


/*----------- footer ---------*/
.ftr-top { position: relative; z-index: 1; padding: 60px 0 70px; }
.ftr-top:after { position: absolute; content: ''; left: -45px; right: -45px; height: 8px; bottom: 0; background: linear-gradient(90deg, rgba(255, 255, 255, 0.00) 0%, #FFF 49.52%, rgba(255, 255, 255, 0.00) 100%); }
footer.footer { position: relative; padding: 0; z-index: 1; background-position: top center; background-repeat: no-repeat; background-size: cover; }
footer.footer:after { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: -2;opacity: 0.7;
background: #274787;}
footer.footer::before { position: absolute; content: ''; width: 100%; height: 100%; top: 0; left: 0; z-index: -1; background-image: url(../images/ftr-logo-shpae.png), url(../images/ftr-shapes.png) , url(../images/lines-transparent.png); background-repeat: no-repeat, no-repeat , no-repeat; background-position: right bottom 44px, bottom left 5% , top left; background-size: auto, 30% , auto;}
footer.footer p { color: #fff; }
.ftr-top-main { position: relative; padding-top: 60px; }
footer.footer .heading-title { color: #fff; } 
.ftr-call figure { flex-shrink: 0; width: 20px; margin-right: 10px; }
.ftr-call { display: flex; padding-bottom: 12px; } 
.ftr-call p{margin: 0;} 
.about-ftr { max-width: 420px; margin: 0 auto; text-align: center; }
.ftr-top-main .col-sm-3:first-child { width: 27%; } 
.ftr-top-main .col-sm-3:nth-child(2) { width: 20%; } 
.ftr-top-main .col-sm-3:nth-child(3){width: 30%;} 
.ftr-top-main .col-sm-3:nth-child(4) { width: 23%; } 
.ftr-items { padding-left: 120px; } 
.ftr-logo { margin-bottom: 45px; }
.ftr-title { color: #F12424; font-family: Outfit; font-size: 22px; font-style: normal; font-weight: 600; line-height: 30px; margin-bottom: 20px; }
.ftr-items ul li { color: #FFF; font-family: "Outfit"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 24px; position: relative; list-style: none; padding-bottom: 15px; } 
.ftr-items ul li a { color: #fff; } 
.ftr-items ul li a:hover{color: #F12424;}
.copyright-section { position: relative; background: #F12424; padding: 8px 0;margin-top: 45px; }
.copyright-menu ul{text-align: right;}
.copyright-menu ul li { color: #FFF; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; list-style: none; display: inline-block; position: relative; } 
.copyright-menu ul li a { color: #fff; } 
.copyright-menu ul li a:hover{color: #000;} 
.copyright-menu ul li:after { content: "|"; padding: 0 15px; }
.copyright-menu ul li:last-child::after{display: none;}
.copyright p a{color: #fff;} 
.copyright p a:hover{color: #000;} 
.copyright p { margin: 0; } 
.ftr-call-row .ftr-call:first-child p { font-size: 22px; line-height: 1.5;font-weight: 600; }
.ftr-call-inn p a{color:#fff;}
.ftr-call-inn p a:hover{   color: #F12424;}


/* -----Newsletter----- */
.newsletter-form form { position: relative; }
.newsletter-form .gform_body { margin: 0 !important; }
.newsletter-form .gform_wrapper .gfield {padding: 0 !important;}
.newsletter-form .gform_wrapper .gfield.gfield--type-captcha {
    padding-top: 10px !important;
}
.newsletter-form .medium { display: block !important; height: 60px !important; width: 100% !important; margin: 0 !important; color: #666 !important; font-family: 'Outfit' !important; font-size: 18px !important; font-style: normal !important; font-weight: 400 !important; line-height: 28px !important; padding: 10px 80px 10px 30px !important; border-radius: 45px !important; box-shadow: none !important; border: none !important; background: #fff !important; }
.newsletter-form input.button.gform_button { display: inline-block !important; cursor: pointer !important; transition: all .6s ease-out; height: 56px !important; width: 56px !important; background: #F12424 url(../images/send.png) no-repeat !important; background-position: center !important; background-size: 30px !important; border-radius: 50% !important; border: none; font-size: 0px !important; margin: 0px !important; color: #fff !important; padding: 0 !important; line-height: 28px !important; font-weight: 600 !important; font-family: 'Outfit' !important; position: absolute; right: 2px; top: 2px; }
.newsletter-form input.button.gform_button:hover{ background: #000  url(../images/send.png) no-repeat !important; background-position: center !important; background-size: 30px !important;}
.newsletter-form .medium::-webkit-input-placeholder { /* Edge */color: #666 !important;opacity: 1;}
.newsletter-form .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666 !important;opacity: 1;}
.newsletter-form .medium::placeholder {color: #666 !important;opacity: 1;}
.newsletter-form input[type="text"]::-webkit-input-placeholder { /* Edge */color: #666 !important;opacity: 1;}
.newsletter-form input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #666 !important;opacity: 1;}
.newsletter-form input[type="text"]::placeholder {color: #666 !important ;opacity: 1;}
.newsletter-form .gform_body { margin: 0}
.newsletter-form .gform-footer.gform_footer.top_label { margin: 0 !important; }



/* -----FORM-CSS----- */
.form-hero { position: relative; right: 0; top: 0; padding: 60px 40px 70px; border-radius: 0px; background: rgba(255, 255, 255, 0.80); box-shadow: 0 0 54px 0 rgba(0, 0, 0, 0.15); height: 100%;align-content: center; }
.form-hero .heading-title { text-align: center; color: #000; }
.form-b-title { color: #000; font-family: "Outfit"; font-size: 40px; font-style: normal; font-weight: 400; line-height: 48px; margin-bottom: 10px; }
.form-b-title strong { color: #A47724; font-weight: 600; }

.form-hero .gform_body {margin: 0 -9px;}
.form-hero .gform_wrapper { max-width: 100% !important; margin: 0 !important; padding: 0px 0 0 !important; }
.gform_wrapper .gform_fields {display: -webkit-box;display: -ms-flexbox;display: flex !important;-ms-flex-wrap: wrap;flex-wrap: wrap;grid-column-gap: 0% !important;grid-row-gap: 0px !important;}
.gform_wrapper.gravity-theme .gform_fields {grid-column-gap: 0 !important;grid-row-gap: 0 !important;}
.gform_wrapper .gfield { padding: 0 9px 20px; clear: both; text-align: left; width: 100%; margin: 0; }
.gform_wrapper .gfield.gfield--width-full {-webkit-box-flex: 0;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;}
.gform_wrapper .gfield.gfield--width-half {-webkit-box-flex: 0;-ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
.form-hero .gform_wrapper .ginput_container {margin: 0!important;padding: 0;position: relative;}
.form-hero .gform_wrapper label.gfield_label {font-family: "Outfit", sans-serif;font-style: normal;font-weight: 300 !important;font-size: 16px !important;line-height: 22px;color: #fff !important;margin-bottom: 3px;}
.form-hero .gform_wrapper .medium::-webkit-input-placeholder { /* Edge */
color: #666;opacity: 1;}
.form-hero .gform_wrapper .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #666;opacity: 1;}
.form-hero .gform_wrapper .medium::placeholder {color: #666;opacity: 1;}
.form-hero input.button.gform_button, .form-hero input.gform_button.button { padding: 16px 45px !important; display: inline-block !important; position: relative !important; cursor: pointer !important; transition: all 1s !important; width: auto !important; color: #fff !important; text-align: center !important; font-family: "Outfit" !important; font-size: 20px !important; font-style: normal !important; font-weight: 500 !important; line-height: 28px !important; border-radius: 45px !important; border: none !important; z-index: 1; background: #274787 !important; }
.form-hero input.button.gform_button:hover { background: #fff !important;color: #000 !important;transition: 0.6s !important;}

.form-hero .gform_wrapper textarea.medium { height: 100px !important; display: block; min-block-size: 100% !important; }
.form-hero .gform_wrapper .gform_footer { padding: 10px 0 0 0 !important; margin: 0 0 0 0 !important; position: relative; z-index: 1;text-align: center;justify-content: center; }

.form-hero .gform_wrapper label { font-size: 20px !important; font-family: "Outfit"; font-style: normal; font-weight: 400; line-height: 28px; color: #000; margin: 0 !important; padding-left: 5px; margin-bottom: 10px !important; }
.form-hero .gform_wrapper .gfield--type-choice .gchoice label.gform-field-label { color: #fff; font-family: "Outfit"; font-size: 18px !important; font-style: normal; font-weight: 400; line-height: 24px; margin-bottom: 5px !important;width: calc(100% - 21px); }
.form-hero .ginput_container.ginput_container_fileUpload, .form-hero .gform_drop_area.gform-theme-field-control { text-align: center; padding: 15px; box-shadow: none !important;border-radius: 4px; border: 1px solid rgba(255, 97, 55, 0.50); background: rgba(255, 255, 255, 0.60); }
.form-hero input[type="file"] { display : none; }
.form-hero .button.gform_button_select_files , .form-hero button.button.gform_button_select_files { border: none !important; display: inline-block !important; letter-spacing: 0.02em !important; padding: 7px 17px !important; text-align: center !important; text-decoration: none !important; transition: all 0.2s !important; color: #FFF !important; font-family: "Outfit" !important; font-size: 16px !important; font-style: normal !important; font-weight: 300 !important; line-height: 24px !important; margin-top: 5px !important; border-radius: 4px !important; background: #fff !important; }
.form-hero .button.gform_button_select_files:hover , .form-hero button.button.gform_button_select_files:hover{background-color: #000 !important;} 
.form-hero .button:hover{background-color: #000;} 
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select, .form-hero .gform_wrapper .medium { width: 100% !important; font-size: 18px !important; padding: 16px 20px 16px 20px !important; -webkit-appearance: none; appearance: none; resize: none; position: relative; height: 60px; transition: all 1s; margin: 0 !important; color: #666 !important; font-family: "Outfit"; font-style: normal; font-weight: 400 !important; line-height: 26px !important; border-radius: 5px !important; box-shadow: none !important; border: none !important; background: #fff; }

.form-hero .gform_wrapper select {background:  #fff url(../images/select-arrow.png) no-repeat right 13px center!important;background-size: 14px !important;}
span.gfield_description.gform_fileupload_rules { color: #fff; }
.form-hero .gform-theme--framework .gfield:where(.gfield--type-fileupload,.gfield--input-type-fileupload) .gform_drop_area::before { color: #fff; }
.form-hero span.gform_drop_instructions { margin-bottom: 5px !important; }
.form-hero .gform-grid-row span.gform-grid-col:first-child{width:100%}
.gfield--type-address{ margin-bottom:12px !important;}
.form-hero .gform_wrapper .ginput_container.gform-grid-row { display: flex ; flex-wrap: wrap; width: 100%; margin: 0 !important; row-gap: 0 !important; margin-inline: 0 !important; }
.form-hero .gform-grid-row span.gform-grid-col { width: 50%; padding: 0 9px 20px; }
/* .form-hero fieldset.gfield.gfield--width-full { padding: 0;margin: 0 !important; } */
.form-hero .gform_wrapper .gfield_validation_message, .gform_wrapper .validation_message { font-size: 14px !important; }
.form-hero fieldset.gfield.gfield--width-full .gfield_description.validation_message.gfield_validation_message { padding: 0 9px 15px !important; margin-top: -10px !important; }

.gform_validation_errors { display: none !important; }
.gfield_description.instruction.validation_message { display: none !important; }
.form-hero .gfield--type-html h3 { color: #000; text-align: center; font-family: "Outfit"; font-size: 40px; font-style: normal; font-weight: 400; line-height: 48px; margin: 35px 0 15px; }
.form-hero .gfield--type-html p strong { font-weight: 700; margin-bottom: 5px; display: inline-block; }
span.gfield_required.gfield_required_text { display: none !important; }


.popup-form .form-hero .gform_wrapper input[type="text"], .popup-form .form-hero .gform_wrapper textarea, .popup-form .form-hero .gform_wrapper select, .popup-form .form-hero .gform_wrapper .medium { border: 1px solid #D9D9D9 !important; }

.popup-form .form-hero input.button.gform_button:hover { background: #000 !important; color: #fff !important; }

.about-ftr .ftr-social a { background: #fff; width: 45px; height: 45px; margin: 3px; border: none; backdrop-filter: none; }
.about-ftr .ftr-social a img { filter: brightness(0); max-width: 18px; }
.about-ftr .ftr-social { padding-top: 25px; }
.about-ftr .ftr-social a:hover{background: #f12424;}
.about-ftr .ftr-social a:hover img{filter: brightness(0) invert(1);}

/*----------inner pages CSS-------*/
.header-section.inner-header { position: relative; background: #ffffff; }
.inner-banner { position: relative; z-index: 1; margin: 0; padding: 0px; background: #fff; }
.inner-banner>img{width: 100%;}
.inner-banner::before { content: ''; height: 100%; width: 100%; top: 0; left: 0; position: absolute;opacity: 0.1;
background: #000;}
.inner-banner .banner-caption { max-width: 100%; }
.inner-banner .banner-title { margin-bottom: 10px; }
.inner-sub-heading { color: #FFF; font-family: Outfit; font-size: 24px; font-style: normal; font-weight: 600; line-height: 40px; margin-bottom: 10px; }
.caption-absolute { position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); z-index: 1; }
.page-nav { position: relative; padding: 11px 0; background: #FFF; box-shadow: 0 4px 40px 0 rgba(0, 0, 0, 0.25); text-align: center; }
.page-nav ul li { margin: 0px; color: #000; font-family: "Outfit"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; list-style: none; }
.page-nav ul li span a{color: #F12424;}
.page-nav ul li span a:hover{color: #000;}
.page-nav ul li span { color: #000; }
.page-nav ul li span a span { color: #f12424; }
.page-nav ul li span a span:hover { color: #000; }

section.about-section.about-page { padding: 100px 0; background: transparent; }
section.about-section.about-page::after , section.about-section.about-page::before{display: none;}
section.about-section.about-page .section-heading { max-width: 1330px; margin: 0 auto 35px; }
.change-color p a{color: #F12424;}
.change-color p a:hover{color: #274787;} 
.change-color p b{color: #000;font-weight: 500;}
.about-img { text-align: right; }
.about-img img{ border-radius: 45px; } 
section.why-choose-us-section { position: relative; padding: 100px 0; }

section.why-choose-us-section .about-div { margin-top: 25px; }
section.why-choose-us-section .about-div video.fullscreenbg__video { border-color: rgb(39 71 135 / 90%); }
section.why-choose-us-section::after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; z-index: -1; background: url(../images/logo-star.png) , url(../images/logo-star.png) ; background-repeat: no-repeat , no-repeat; background-position: left bottom , right bottom; background-size: auto , auto; }

section.why-choose-us-section .about-div{
    border: 20px solid rgb(255 255 255 / 50%);border-color: rgb(39 71 135 / 90%);
}
section.why-choose-us-section .about-div iframe{
    width: 100%;
    display: block;
    height: 690px; 
    object-fit: cover;
	
}

section.services-section.residential-services.about .services-box .view-more-details-btn::after { display: none; }
section.services-section.residential-services.about .view-more-details-btn { bottom: 15px; left: 15px; right: 15px; }
section.services-section.residential-services.about .services-box::before { bottom: 0; }
section.services-section.residential-services.about .view-more-details-btn a { color: #F12424; font-family: Outfit; font-size: 16px; font-style: normal; font-weight: 500; line-height: 22px; }
section.services-section.residential-services.about .services-box:hover .view-more-details-btn a{color: #fff;}
section.services-section.residential-services.about::before {display: none; }

section.services-section.residential-services.about.residential-services-page .service-lists { max-width: 1320px; }
section.services-section.residential-services.about.residential-services-page .service-lists ul li { width: 33.33%; }

section.services-section.residential-services.about::after { position: absolute; content: ''; width: 100%; height: 100%; background: url(../images/logo-star.png) no-repeat; z-index: -1; background-position: left bottom; left: 0; top: 0; }

section.signs-section { position: relative; padding: 100px 0; background: #F2F6FF;z-index: 1 }
section.signs-section .signs-lists { max-width: 1812px; margin: 0 auto; }
.signs-lists ul {display: flex; flex-wrap: wrap; justify-content: center; }
.signs-lists ul li{ list-style: none; width: 25%; padding: 20px; }
.signs-box { position: relative; text-align: center; transition: all .5s ease-in-out; padding: 25px 25px; height: 100%; overflow: hidden; z-index: 1; border-radius: 15px; background: #FFF; }
.signs-box h3 { color: #000; font-family: Outfit; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; margin-bottom: 6px; }
.signs-box figure {width: 120px; height: 120px; background: #F12424; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; margin: 0 auto 15px; border: 10px solid #F2F6FF; }

.signs-content { position: absolute; top: 100%; align-content: center; height: 0; transition: all .3s ease-in-out; padding: 0; overflow: hidden;left: 0; border-radius: 15px;width: 100%; padding: 25px; scrollbar-width: thin; scrollbar-color: #274787 #DFE9EB;}
.signs-box:hover .signs-content { display: block; background: #F12424; position: absolute; top: 0px; left: 0; width: 100%; right: 0; bottom: 0; height: 100%; overflow-y: auto; }
.signs-content h3 , .signs-content p{color: #fff;transition: all .5s ease-in-out;}
.signs-content::-webkit-scrollbar { height: 10px; width: 10px; }
section.signs-section::after { position: absolute; content: ''; width: 100%; height: 100%; background: url(../images/logo-star.png) no-repeat; z-index: -1; background-position: right bottom; left: 0; top: 0; }

section.benefits-section .container-fluid .benefits-lists{ max-width: 1705px !important;margin: 0 auto; }
.benefits-lists ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -10px; } 
.benefits-box { text-align: center; border-radius: 15px; background: #F2F6FF; height: 100%; padding: 40px 20px 15px; position: relative; }
.benefits-box figure { margin: 0 auto 15px; } 
.benefits-lists ul li { width: 20%; padding: 10px; list-style: none; }

section.benefits-section.box-4 .benefits-lists { max-width: 1360px !important; margin: 0 auto; }
section.benefits-section.box-4 .benefits-lists ul li { width: 25%; }

section.why-choose-section.dark-section { background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; }
section.why-choose-section.dark-section:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.88; z-index: -1; }
.why-choose-wrapper { margin-top: 35px; }
.why-choose-wrapper .row { align-items: center; }
.why-choose-wrapper .col-sm-7 { width: 51%; }
.why-choose-wrapper .col-sm-5 { width: 49%; }
.dark-section .img-container figure { border: 5px solid rgb(242 246 255 / 80%); border-radius: 15px;  }
.img-container figure { border-radius: 45px; overflow: hidden; }

section.what-to-expect-section.dark-section { background-repeat: no-repeat; background-size: cover; position: relative; z-index: 1; }
section.what-to-expect-section.dark-section:after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0;opacity: 0.4;
background: #274787; z-index: -1; }
.what-to-expect-wrapper { max-width: 1248px; margin: 0 auto; }
.what-to-expect-wrapper .col-sm-4 { padding: 72px 32px 16px; }
.what-to-expect-box { text-align: center; position: relative; padding: 1px 20px 25px; border-radius: 15px; background: #FFF; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.20); height: 100%;transition: all .5s; }
.what-to-expect-box figure { background: #274787; border: 5px solid #fff; width: 110px; height: 110px; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: -55px auto 35px;transition: all .5s; }
.what-to-expect-box h3 { color: #000; font-family: Outfit; font-size: 24px; font-style: normal; font-weight: 600;transition: all .5s; line-height: normal; }
.what-to-expect-box p { color: #666;transition: all .5s; }
.what-to-expect-box:hover{background: #F12424;}
.what-to-expect-box:hover p{color: #fff;}
.what-to-expect-box:hover h3{color: #fff;}

section.faq-section.faqs-services-page { padding-top: 100px; }

section.services-areas-section.services-areas-page { padding: 100px 0; } 
section.services-areas-section.services-areas-page .services-areas-wrapper { padding: 0; }
section.services-areas-section.services-areas-page .services-areas-lc-img { height: auto; margin: 0 auto 90px; max-width: 1490px; }
section.services-areas-section.services-areas-page .section-heading { margin: 0 auto 35px; } 
section.services-areas-section.services-areas-page .services-areas-lists { padding: 0; margin: 0px auto; clip-path: none; border-radius: 0; height: auto; max-width: 1130px; }
section.services-areas-section.services-areas-page .services-areas-lists:after { display: none; } 
.figcaption { position: absolute; top: 50%; left: 70px; z-index: 3; right: 0; max-width: 510px; transform: translateY(-50%); color: #fff; } 
.figcaption h3 { font-family: Outfit; font-size: 36px; font-style: normal; font-weight: 500; line-height: 57px; text-transform: capitalize; } 
.figcaption h3 a { color: #F12424;display: inline-block; }

section.services-areas-section.services-areas-page .services-areas-box { height: 100%; position: relative;display: block; }
section.services-areas-section.services-areas-page .services-areas-box h3 { font-weight: 400; color: #666; }
p.view-service { margin: 0; }
p.view-service a { color: #F12424; }
p.view-service a { background-image: linear-gradient(to left, #F12424, #F12424 50%, #274787 50%); background-size: 200% 100%; background-position: 100%; display: inline-block; position: relative; -webkit-background-clip: text; -webkit-text-fill-color: transparent; transition: all 0.2s ease-out; -webkit-transition: all 0.3s ease-out; }
p.view-service a:hover { background-position: 0; }

section.savings-section.savings-inn::before , section.savings-section.savings-page::before{display: none;}

section.savings-section.savings-page{padding: 100px 0;}

section.contact-section { position: relative; padding: 100px 0; }
.contact-item { display: flex; flex-wrap: wrap; justify-content: center; margin: 15px -1% 0; }
.contact-item-call { display: flex; width: 31%; padding: 25px 15px; border-radius: 15px; background: #F1F4FA;justify-content: center; margin: 1%; } 
.contact-item-call figure { flex-shrink: 0; margin-right: 15px;width: 50px; } 
.contact-item-call p { margin: 0; } 
section.contact-section .form-hero { margin: 0 auto; max-width: 100%; float: none; padding: 30px 45px 20px; border-radius: 15px; background: #F1F4FA;    box-shadow: none; } section.contact-section .default-css { border-radius: 15px; background: #FFF; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15); padding: 30px 40px 20px; margin-left: 30px; height: 100%; }
section.contact-section .default-css h3 { color: #000; font-family: Outfit; font-size: 46px; font-style: normal; font-weight: 600; line-height: 48px; margin-bottom: 20px; }
section.contact-section .default-css ul li { margin-bottom: 20px; } 
.contact-items { margin-top: 60px; }
.contact-items h3 { color: #000; font-family: Outfit; font-size: 46px; font-style: normal; font-weight: 600; line-height: 56px; }
section.contact-section .form-hero .form-b-title { text-align: center; }
section.contact-section .form-hero p { display: inline-block; margin: 20px 0 0; padding-right: 20px;color: #000; } 
section.services-areas-section.services-areas-inn { padding: 0 0 100px; }
section.blog-section.singlepgge { background: linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(39, 71, 135, 0.1) 100%); }
.transformation-list .wp-pegination { display: flex; justify-content: center; padding-top: 25px; }
.transformation-list ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -20px; }
.transformation-list ul li { width: 33.33%; padding: 20px; list-style: none; }
section.faq-section.default-section { padding: 100px 0; }
section.faq-section.default-section .container { max-width: 1230px !important; }

section.services-section.areas { background: #F2F6FF; margin-bottom: 10px; }
section.services-section.areas::before {display: none; }
section.services-section.areas .section-heading { max-width: 1500px; }
section.services-section.areas .service-lists { max-width: 1600px; }
section.services-section.areas .service-lists ul li { width: 20%; }
section.services-section.areas .service-lists ul li .services-box { padding: 0;background: transparent; }
section.services-section.areas .service-lists ul li .services-box::before { display: none; }
section.services-section.areas .service-lists ul li .services-box:hover h3 a { color: #F12424; }
section.services-section.areas .service-lists ul li .services-box p { color: #666; }
section.services-section.areas .service-lists ul li .services-box:hover p { color: #666; }

section.services-section.commercial-services.areas::after {display: none; }
section.services-section.commercial-services.areas { margin: 0; }
section.services-section.commercial-services.areas .service-lists ul li { width: 16.66%; }
section.services-section.commercial-services.areas .services-box figure { border-color: #fff; }

.default-text.text-center { padding-top: 30px; }

.default-css ul li ul { margin-top: 15px; } 
.default-css ul li ul li { background: url(../images/check-white.png) no-repeat;background-position: 0 5px; padding-left: 26px; background-size: 18px; } 
.blog-page-wrapper-inn { margin: -25px -12px 0; } 
section.blog-section.blog-page .blog-page-wrapper .blog-page-wrapper-inn .col-sm-6 { width: 50%; padding: 25px; }
.blog-page-wrapper { margin-top: 45px; }

.blog-section .blog-page-wrapper-inn .row { justify-content: left; }

section.transformation-section.inn-sidebars { padding: 0 0 100px; }

section.default-section.matters .col-sm-7 { width: 54%; }
section.default-section.matters .col-sm-5{ width: 46%;}
section.default-section.matters .section-heading { padding: 0px 0px 0 130px; margin: 0 auto; max-width: 980px; }
section.default-section.matters .row { align-items: center; }
.img-fluid img { width: 100%; border-radius: 45px 0 0 45px; }
section.default-section.matters .img-fluid img { border-radius: 45px; }
section.default-section.matters { padding-right: 15px; }
section.signs-section .default-btns.text-center , section.benefits-section .default-btns.text-center{ max-width: 1100px; margin: 0 auto; }
section.blog-section.blogpage-single-section + section.service-area-tab-section { background: linear-gradient(0deg,rgba(255, 255, 255, 0) 0%, rgba(242, 246, 255, 1) 100%); }
section.services-section.commercial-services.commercial-page { margin-bottom: 10px; }
section.benefits-section.commercial-page .benefits-lists ul li { width: 25%; }
section.benefits-section.commercial-page .benefits-lists { max-width: 1360px; margin: 0 auto; }
section.benefits-section.box-4 .container { max-width: 1700px !important; }


/* section.benefits-section.box-4::after { position: absolute; content: ''; width: 100%; height: 100%; background: url(../images/logo-star.png) no-repeat; z-index: -1; background-position: right bottom 0px; left: 0; bottom: -70px; } */
section.benefits-section { position: relative; z-index: 1; }




/*--service-detail inner page--*/
section.default-section.inpad {padding: 100px 0;}
section.services-section.nipad {padding-top: 0;}

.search-container { margin: 0 0 40px; }
.search-container form { position: relative; }
.search-container .services-detail-search { border-radius: 4px; background: #182E45; box-shadow: 0px 0px 20px 0px rgba(24, 131, 189, 0.16); height: 70px; width: 100%; color: #FFF; font-family: "Outfit"; font-size: 20px; font-style: normal; font-weight: 400; line-height: 40px; padding: 15px 70px 15px 25px; border: none; }
.search-container .services-detail-search::placeholder { color: #fff; opacity: 1; /* Firefox */ }
.search-container .services-detail-search::-ms-input-placeholder { /* Edge 12 -18 */ color: #fff; }

.search-btn { margin-bottom: 40px; }
.search-btn form { position: relative; }
.search-medium { width: 100%; padding: 15px 72px 15px 20px; height: 78px; font-size: 20px; line-height: 28px; color: #666; font-weight: 400; font-family: "Outfit"; border-radius: 10px; border: 1px solid #E5E9F4; background: #FFF; box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.25) !important; }
.search-btn button { border: none; position: absolute; top: 21px; width: 36px; right: 20px; height: 36px; background: transparent; }
.search-btn button img { filter: brightness(0) invert(0.5); }
.search-btn button:hover {cursor: pointer}
.search-medium::placeholder { color: #666; opacity: 1; /* Firefox */ }
.search-medium::-ms-input-placeholder { /* Edge 12 -18 */ color: #666; }
.sidebar-title { color: #fff; font-family: "Outfit"; font-size: 20px; font-style: normal; font-weight: 600; line-height: 26px; margin: 0 -20px 15px; position: relative; border-radius: 10px; background: #274787; text-align: center; padding: 10px 15px; }
/* .sidebar-title:after { content: ""; position: absolute; top: 0px; left: 0; background: #F12424 ; height: 100%; width: 3px; }  */
.service-detail-list { margin: 0 0 50px; padding: 10px 30px 30px; border-radius: 10px; background: #FFF; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); }
.service-detail-list ul {padding: 0;margin: 0;}
.service-detail-list ul li { list-style: none; padding: 0px 0; transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; position: relative; border-bottom: none; }
.service-detail-list ul li a { font-size: 18px; line-height: normal; color: #666; font-weight: 400; font-family: "Outfit"; display: block; padding: 10px 0px; padding-left: 30px; }
.service-detail-list ul li a:hover, .service-detail-list ul li.active, .service-detail-list ul li.active a, .service-detail-list ul li.active:after, .service-detail-list ul li:hover:after { color: #F12424 !important; }
.estimatin-side.service-detail-list { text-align: center; }
.service-detail-list ul li:last-child {border: none;}
.service-detail-right { padding-left: 70px; }
.services-detail-left h1 { color: #000; font-family: "Outfit";}
.service-detail-list ul li::after { content: ""; position: absolute; top: 23px; transform: translateY(-50%); left: 0; background: url(../images/check.png) no-repeat; background-size: 20px !important; color: #666; font-size: 0; font-weight: 500; height: 20px !important; width: 20px !important; }
.service-detail-list.service-detail-areas ul li::after { background: url(../images/location.png) no-repeat ; }
.service-detail-list.service-detail-areas ul li a{font-size: 20px;font-weight: 500;}

figure.fimgs {margin-bottom: 45px;}
figure.fimgs img { border-radius: 15px; background: #FFF; padding: 6px; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); }
.service-detail-list-month { color: #094D9C ; font-family: "Outfit"; font-size: 18px; font-style: normal; font-weight: 400; line-height: 44px; margin-bottom: 3px; }
.service-detail-list-month.month-2 { position: relative; margin-top: 20px; padding-top: 5px; }
.service-detail-list.service-detail-list-2 p { font-size: 16px; font-weight: 400; line-height: 24px; }
.service-detail-list-month.month-2::after { content: ''; position: absolute; width: 100%; height: 1px; background: rgb(0 0 0 / 10%); top: 0; left: 0px; right: -15px; background-size: cover; }
.service-detail-list.service-detail-list-2 { padding: 35px 15px 15px 35px; }
.estimatin-detail { text-align: center; padding: 40px 15px; border-radius: 10px; background: #FFF; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); }
.estimatin-detail h4 { color: #19202D; font-family: "Outfit"; font-size: 35px; font-style: normal; font-weight: 400; line-height: 50px; margin-bottom: 15px; }
.estimatin-title {margin-bottom: 20px;color: #19202D;text-align: center;font-family: "Outfit";font-size: 30px;font-style: normal;font-weight: 400;line-height: 40px;}
.service-detail-list.estimatin-titel {text-align: center;}
.estimatin-title a{ display: block; }
.estimatin-title a:hover{ color: #094D9C; }
.recent-post { display: flex; padding: 11px 0; align-items: center; border-bottom: none; }
.recent-post:last-child{border: none;}
.recent-post figure { flex-shrink: 0; max-width: 125px; margin-right: 25px; border: none; height: 100%; overflow: hidden; position: relative; border-radius: 20px; }
.recent-post figure img { height: 100%; width: 100%; object-fit: cover;border-radius: 4px; }
.recent-post-dtl h6 { margin-bottom: 5px; font-family: "Outfit"; line-height: 21px; font-size: 14px; font-weight: 600; color: #000; }
.recent-post-dtl h6 a { color: #000; }
.recent-post:hover h6 a{color: #F12424 !important;}
.recent-post-dtl p { margin-bottom: 10px; color: #666; font-size: 14px; line-height: 21px; font-weight: 600; }
.recent-post-dtl p a{color: #F12424;}
.recent-post figure::before { position: absolute; top: 0; left: -75%; z-index: 2; display: block; content: ''; width: 50%; height: 100%; background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%); -webkit-transform: skewX(-25deg); transform: skewX(-25deg); }
.recent-post:hover figure::before { -webkit-animation: shine .5s; animation: shine .5s; }
@-webkit-keyframes shine { 100% { left: 125%; } }
@keyframes shine { 100% { left: 125%; } }
.service-detail-right .service-detail-list:last-child{margin:0 ;}

.blog-img-single > figure img { width: 100%; border-radius: 15px; height: 100%; object-fit: cover; }
.blog-img-single > figure { margin-bottom: 45px; border-radius: 15px; padding: 6px; background: #fff; box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.25); }
.pagination-parent { padding-top: 30px; overflow: hidden;}
.nav-next a, .nav-previous a { display: inline-block; position: relative; padding: 16px 30px; text-align: center; font-family: "Outfit"; font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px; border-radius: 45px; background: #F12424; color: #fff; min-width: 170px; }
.nav-next a:hover, .nav-previous a:hover {background: #094D9C ;color: #fff;}
.nav-previous {float: left}
.nav-next {float: right;margin-right: 0;}

.side-bar-banner { position: relative; background: #094D9C; padding-bottom: 0; text-align: center; border-radius: 4px; overflow: hidden; }
.side-bar-banner figure { margin-bottom: 15px; }
.side-bar-banner figure img{ width: 100%; }
.side-bar-banner h4 { color: #fff; font-size: 36px; padding: 0 15px; }
.sidebar-call { color: #fff; font-family: "Outfit"; font-style: normal; font-weight: 400; font-size: 28px; background: #000; padding: 15px 0; }
.sidebar-call a { color: #fff; }
.sidebar-call a:hover { color: #094D9C; }
.service-detail-right.sticky { position: sticky; top: 200px; }

.form-hero.service-detail-list { background: #F12424; }
.b-form-title { color: #000; text-align: center; font-family: Outfit; font-size: 42px; font-style: normal; font-weight: 600; line-height: 52px; margin-bottom: 20px; }
.rating-item { padding: 25px 0 10px; }
.rating-star { display: flex; align-items: center; justify-content: center; margin-bottom: 5px; }
.rating-item .counter { color: #ff9d00; font-family: Outfit; font-size: 40px; font-style: normal; font-weight: 600; line-height: normal; } 
.service-detail-list .star { margin-left: 10px; } 
section.transformation-section.gallery .transformation-wrapper { margin: 0; }
section.cta-section.new.dark-section { background-position: top right; }
.rating-star .star img { max-width: 24px; }
.rating-item p img { max-width: 80px; }
.savings-box.service-detail-list { padding: 25px 22px 35px; height: auto; border-radius: 20px; background: rgb(39 71 135 / 85%); background-size: cover; background-repeat: no-repeat;    box-shadow: none; }
.service-detail-list.sidebar-btn { box-shadow: none; background: transparent; border-radius: 0; padding: 0; }
.service-detail-list.sidebar-btn .theme-btn { border-radius: 10px; text-transform: uppercase; font-size: 22px; padding: 24px 30px; display: block; }

section.blog-section + section.cta-section.new.dark-section  , section.service-area-tab-section + section.cta-section.new.dark-section{ margin-bottom: 10px; }

section.why-choose-us-section.why-choose-us-inn .col-sm-7 { width: 51%; }
section.why-choose-us-section.why-choose-us-inn .col-sm-5 { width: 49%; }
section.why-choose-us-section.why-choose-us-inn .about-div video.fullscreenbg__video { border: none;border-radius: 10px; }
section.why-choose-us-section.why-choose-us-inn .about-div { margin: 43px 0 0 40px; } 
section.why-choose-us-section.why-choose-us-inn::after { background-size: 160px, 0; }
section.services-areas-section.services-areas-page.faq-page { padding-top: 0; }
section.why-choose-us-section.why-choose-us-inn .section-heading { padding-left: 50px; } 
section.why-choose-us-section .container { max-width: 1730px !important; }

section.services-section.commercial-services.commercial-inner .service-lists ul li { width: 25%; padding: 15px; }
section.services-section.commercial-services.commercial-inner .service-lists ul { margin: 0 -15px; }
section.services-section.commercial-services.commercial-inner .service-lists ul .view-more-details-btn { position: unset; }
section.services-section.commercial-services.commercial-inner .service-lists ul .view-more-details-btn::after{display: none;}
section.services-section.commercial-services.commercial-inner .service-lists ul .view-more-details-btn a { color: #f12424; font-weight: 600; font-size: 18px; }
section.services-section.commercial-services.commercial-inner .services-box:hover .view-more-details-btn a{color: #fff;}

section.blog-section.blog-page .blog-page-wrapper .col-sm-6 { width: 33.33%; padding: 15px; }
section.blog-section.blog-page .blog-page-wrapper { margin-top: 15px; }


/* -----WP-PEGINATION-CSS----- */
.wp-pegination { padding-top: 35px; text-align: center; }
.wp-pagenavi { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: left; padding-left: 10px; }
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a, .page-numbers { width: 42px !important; height: 42px !important; display: inline-block; margin: 6px !important; text-align: center; line-height: normal; border: 1px solid #274787 !important; border-radius: 10px !important; color: #274787 !important; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 600; align-content: center; padding: 0 !important; }
.wp-pegination span.current, .wp-pegination .page:hover, .page-numbers:hover { color: #f12424 !important; border: 1px solid #f12424 !important; }

.wp-pegination a.nextpostslink , .next.page-numbers{ background: url(../images/blog-next.png) !important; background-repeat: no-repeat !important; background-position: center center !important; font-size: 0; ; }
.wp-pegination a.previouspostslink , .prev.page-numbers{ background: url(../images/blog-next.png) !important; background-repeat: no-repeat !important; background-position: center center !important; font-size: 0; transform: rotate(180deg); }
.wp-pegination a.nextpostslink:hover, .next.page-numbers:hover , .wp-pegination a.previouspostslink:hover , .prev.page-numbers:hover{ background:  url(../images/blog-hover.png) !important; border-color: #f12424  !important; background-size: 32px !important; background-repeat: no-repeat !important; background-position: center !important;}
.wp-pegination a.nextpostslink, .wp-pegination a.previouspostslink , .next.page-numbers , .prev.page-numbers{ background-size: 32px !important; background-position: center !important;}
.wp-pegination a.previouspostslink:hover, .prev.page-numbers:hover{border-color: #f12424  !important;}

.gallery-row .wp-pegination { display: flex; justify-content: center; } 
.testimonial-wrapper .wp-pegination {text-align: center; }



/* contact page */
section.service-area-tab-section { padding-bottom: 100px; } 
.service-area-tab-row .row { align-items: center; }
.custom-select { max-width: 760px; }
.custom-select h4 { color: #000; font-family: Outfit; font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; }
.custom-select select { appearance: none; width: 100%; background-color: #fff; cursor: pointer; border-radius: 5px; border: 1px solid #D9D9D9 !important; color: #666; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; padding: 15px 40px 15px 20px; box-shadow: none !important; margin-bottom:30px; }
.fade.in { opacity: 1; }
.service-area-tab { border-radius: 5px; border: 1px solid #D9D9D9; background: #F1F4FA; padding: 20px 20px 10px; display: flex; align-items: center; justify-content: space-between; margin-bottom:40px; } 
.service-area-tab p { margin-bottom: 5px; }
.service-area-tab .default-btns { padding: 0 0 0 10px; flex-shrink: 0; }
.service-area-tab-img figure img { width: 100%; border-radius: 25px; }
section.service-area-tab-section .section-heading p { color: #F12424; font-size: 20px; font-weight: 600; line-height: 24px; }
section.service-area-tab-section .section-heading p a{ color: #F12424; }
section.service-area-tab-section .section-heading p a:hover{ color: #000; }
.service-area-tab-row { padding-top: 20px; }
section.service-area-tab-section .section-heading .heading-title { margin-bottom: 5px; font-size: 45px; line-height: 64px; } 
.inner-banner h4 { color: #FFF; text-align: center; font-family: Outfit; font-size: 24px; font-style: normal; font-weight: 400; line-height: 44px; }
.inner-banner .banner-caption p { font-size: 18px; line-height: 28px; } 
section.contact-section .section-heading { padding-bottom: 20px; } 
section.contact-section .form-hero .gform_wrapper input[type="text"], section.contact-section .form-hero .gform_wrapper textarea, section.contact-section .form-hero .gform_wrapper select, section.contact-section .form-hero .gform_wrapper .medium { border: 1px solid #D9D9D9 !important; } 
section.contact-section .form-hero .gform_wrapper .gform_footer { justify-content: left;text-align: left; } 
.head-top-text{ background: #274787; text-align: center; } 
.head-top-text p { color: #fff; font-family: Outfit; font-size: 24px; font-style: normal; font-weight: 600; line-height: normal; margin: 0; } 
.head-top-text { background:#274787 url(../images/logo-bg.jpg) no-repeat; text-align: center; padding: 11px 115px; border-radius: 45px; vertical-align: middle; margin-right: 30px; background-size: cover; } 
.head-top-text p { color: #fff; font-family: Outfit; font-size: 28px; font-style: normal; font-weight: 600; line-height: normal; margin: 0; }
.head-top-img { margin-right: 30px; }

section.contact-section .form-hero input.button.gform_button:hover { background: #f12424 !important; color: #ffffff !important; }
.form-hero.service-detail-list .b-form-title { color: #fff; }

.contact-main-form-div .form-hero .gfield_validation_message { color: #c02b0a !important; }
.faq-box .card.fseemore{ display: none; }

.faq-box.benefits-lists.mobile-view { display: none; }
.benefits-lists.mobile-view { display: none; }

section.about-location-co.dark-section { background: #001118; }
section.about-location-co:nth-child(even) .row { flex-direction: row-reverse; }
.section-heading-2 .heading-title { font-size: 50px; line-height: 64px; }

section.about-location-co .col-sm-5 { width: 47%; }
section.about-location-co .col-sm-7 { width: 53%; }
section.about-location-co .img-container{margin-right: 10px;}
section.about-location-co.dark-section .img-container { margin: 0; }
.img-container { position: sticky; top: 190px; }
section.about-location-co .section-heading-2 , section.about-location-co .section-heading{ align-content: center; height: 100%; }

section.other-areas-section ul { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -15px;} 
section.other-areas-section ul li { width: 14.28%; list-style: none; text-align: center; padding: 15px 15px; } 
.other-areas-bx { height: 100%; position: relative; } 
.other-areas-bx figure { width: 114px; height: 114px; background: #F2F3F8; border-radius: 50%; display: flex; align-items: center; justify-content: center;transition: all 0.5s; margin: 0 auto 20px;overflow: hidden;border: 1px solid transparent; }
.other-areas-bx figure img{transition: all 1s;}
.other-areas-bx:hover figure img { transform: rotate(5deg) scale(1.4); }
.other-areas-bx:hover figure{border-color: #666;}
.other-areas-bx p { font-size: 20px; }
.other-areas-bx p a { color: #666; }
.other-areas-bx:hover p a { color: #F12424; }
section.other-areas-section .section-heading { margin-bottom: 45px; }

section.testimonial-section.location-co { padding: 0; }

.gallery-items { position: relative; overflow: hidden; margin: 0 0; height: 100%; border-radius: 0px; transition: all 0.6s; }
.gallery-item-parent { position: absolute; bottom: 0; left: 0; right: 0; top: 0; background: rgb(39 71 135 / 54%); overflow: hidden; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s; transition: .3s ease; border-radius: 0px; }
a.example-image-link>img { width: auto !important; }
.gallery-item-text {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    right: 0;
    text-align: center;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    width: 80px;
    height: 80px;
    background: #fff;
    border-radius: 50%;
    margin: 0 auto;
}

.gallery-items:hover .gallery-item-parent {-webkit-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}

section.map-new-section{padding:0 0 100px;}
section.map-new-section .map-box {
    height: 300px;    box-shadow: 0 0 20px 0 rgba(1, 30, 69, 0.20);
    border: 10px solid #F2F6FF;
    border-radius: 20px;
}
section.map-new-section .map-box iframe {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    max-height: 100% !important;
}
section.why-choose-us-section.why-choose-us-inn .about-div iframe {
    height: 420px;
}



.blog-author-box {
    position: relative;
    margin-top: 40px;
    width: 100%;
    flex-wrap: wrap;
    background: #f5f8ff;
    padding: 45px !important;
    border-radius: 10px;
    border: 1px solid rgb(241 36 36 / 20%);
}

.blog-author-box__left {
    width: 30%;
    padding-right: 20px
}

.blog-author-box__left figure img {
    border-radius: 4px;
     border: 4px solid rgb(241 36 36 / 100%);
}

.blog-author-box__left h3 {
    font-size: 30px!important;
    line-height: 38px!important;
    font-family: 'Outfit'!important;
    font-style: normal;
    font-weight: 700!important;
    color: #000;
    margin-bottom: 15px!important;
    text-transform: none!important
}

.blog-author-box__right {
    width: 70%
}

.blog-author-box__right h4 {
    font-size: 28px!important;
    line-height: 36px!important;
    font-family: 'Outfit'!important;
    font-style: normal;
    font-weight: 700!important;
    color: #000;
    margin-bottom: 0px!important;
    text-transform: none!important
}

h4.author-name {
    margin: 0
}

.social-icons a img {
    max-width: 24px
}

.social-icons a {
    display: inline-block;
    margin-right: 10px
}

.author-email {
    padding-top: 10px
}

.social-icons a:hover img {
    filter: brightness(0) saturate(100%) invert(37%) sepia(69%) saturate(5256%) hue-rotate(345deg) brightness(93%) contrast(103%);
}

	    .image-label {
        display: block;
        z-index: 1;
        position: absolute;
        margin-top: 15px;
        text-align: center;
        left: 0;
        right: 0;
        bottom: 20px;
        background: #fff;
        width: 122px;
        margin: 0 auto;
        padding: 6px 10px;
        border-radius: 4px;
    }
.image-label p {
        font-weight: 600;
        color: #000;
        font-size: 21px;
        margin: 0;
    }

.contact-mp-box p a {
    color: #000;
}
.contact-mp-box p a:hover {
    color: #F12424;
}
.contact-page-map-sec{padding-bottom:80px;}
.contact-page-map-sec .row {
    justify-content: center;
}
.contact-page-map-sec .col-sm-4 {
    margin: 15px 0px;
}
.contact-page-map-sec .col-sm-6 {
    margin: 20px 0px;
}
.contact-mp-box {
    text-align: center;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    border-radius: 10px;
    padding: 15px;
	height:100%;
}

.map-col iframe {
    width: 100%;
    height: 365px;
    display: block;
    border-radius: 15px;
    border-width: 5px ;
    border-style: solid;
    border-color: #274787;
    border-image: initial;
}
.contact-mp-box p {
    color: rgb(65, 65, 65);
        font-family: "Outfit";
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 34px;
}
.contact-mp-box p strong {
    color: #F12424;
    display: block;
    font-weight: 500;
    margin-bottom: 7px;
}



section.services-section.residential-services.about .service-lists ul li {
    width: 20%;
}

section.services-section.residential-services.about .service-lists ul li .services-box {
    padding: 25px 15px 65px;
}
.mob-num p{
	font-weight:700px;
}
.offer-track a:hover strong {
    color: #fff;
}
.ftr-call.mob-num p {
    font-size: 25px;
    font-weight: 500;
}
.faq-wrapper.faqs-services-page {
    padding-top: 100px;
}
section.services-section.commercial-services.areas + section.transformation-section {
    padding-bottom: 80px;
}
.proud-logo img {
    width: 400px;
}
.home-banner .col-sm-8 {
    width: 80%;
}

@media (min-width: 1200px) {
/*------------- mega menu ---------------*/

.mega-menu {position: inherit!important}
.mega-menu .hover_mega_menu {visibility: hidden;position: absolute;margin-top: 0;width: 100%;right: 0;border-radius: 0 0 10px 10px;box-shadow: 0 0 5.5px rgb(5 5 5 / 20%);background-color: #fff;box-sizing: border-box;z-index: 999;opacity: 0;-webkit-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s;-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);-ms-transform: rotateX(90deg);transform: rotateX(90deg);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;padding: 25px 25px 25px 25px;border-bottom: 8px solid #274787;}
.mega-menu:hover>.hover_mega_menu {visibility: visible;opacity: 1;-webkit-transform: rotateX(0);-moz-transform: rotateX(0);-ms-transform: rotateX(0);transform: rotateX(0)}
.mega-menu ul.sub-menu li {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;counter-increment: brick-counter;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-right: 15px!important;background: transparent !important;border-bottom: none;text-transform: inherit !important;float: none;}
.mega-menu ul.sub-menu li a {background: transparent !important;color: #414141 !important;}
.mega-menu ul.sub-menu li:hover a {background: transparent !important;color: #274787 !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li {position: relative;padding-left: 26px !important;text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li::before {content: "";font-size: 18px;color: #F12424;font-family: 'FontAwesome';left: 0;position: absolute;top: 5px;background: url(../images/favicon.png) no-repeat;height: 24px;width: 24px;background-size: 22px;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li:hover::before {filter: none;transition: 0.6s;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li a {background: transparent !important;color: #414141 !important;padding: 5px 10px 5px 15px;padding-left: 0 !important;text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li:hover a {background: transparent !important;color: #f12424 !important;}
/* .navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li::before {content: "\f105";font-size: 18px;color: #274787;font-family: 'FontAwesome';left: 0;position: absolute;top: 3px;}
 */
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li:last-child:before {display: block;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li.mega-menu-img {width: 27% !important;padding: 0 !important;margin: 0 0 0 0 !important;float: right;position: absolute !important;top: 25px;right: 25px;bottom: 34px;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li.mega-menu-img::before {display: none;}
.mega-menu .hover_mega_menu ul.sub-menu {position: relative;width: auto;top: 0;opacity: 1;overflow: visible;transform: inherit;transform-origin: inherit;visibility: inherit;column-count: 3;border: none;border-radius: 0;box-shadow: none;transition: inherit;margin: 0;transform: rotateX(0deg);left: 0;}
/*------------- mega menu  2222---------------*/
.mega-menu2 {position: inherit!important}
.mega-menu2 .hover_mega_menu {visibility: hidden;position: absolute;margin-top: 0;width: 100%;border-radius: 0 0 10px 10px;left: -0px;margin-left: 0px;right: 0;box-shadow: 0 0 5.5px rgba(5, 5, 5, 0.20);background-color: #fff !important;box-sizing: border-box;z-index: 999;opacity: 0;-webkit-transition: all .4s ease 0s;-o-transition: all .4s ease 0s;transition: all .4s ease 0s;-webkit-transform: rotateX(90deg);-moz-transform: rotateX(90deg);-ms-transform: rotateX(90deg);transform: rotateX(90deg);-webkit-transform-origin: top center;-ms-transform-origin: top center;transform-origin: top center;padding: 25px 20px 25px 20px; height: auto; border-bottom: 8px solid #274787;}
.mega-menu2:hover>.hover_mega_menu {visibility: visible;opacity: 1;-webkit-transform: rotateX(0);-moz-transform: rotateX(0);-ms-transform: rotateX(0);transform: rotateX(0) ;}
.mega-menu2 .hover_mega_menu ul.sub-menu {position: relative;width: auto;top: 0;opacity: 1;overflow: visible;transform: inherit;transform-origin: inherit;visibility: inherit;border: none;border-radius: 0;box-shadow: none;transition: inherit;margin: 0;transform: rotateX(0deg);left:0;}
.mega-menu2 ul.sub-menu li {-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;counter-increment: brick-counter;margin-right: 0px!important;background: transparent !important;border: none;float: none;        padding: 3px 0 !important;}
.mega-menu2 ul.sub-menu li a {background: transparent !important;color: #274787 !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children a {padding: 0 0 !important;margin-left: 0px !important;}
.mega-menu2 ul.sub-menu li a:hover {background: transparent !important;color: #274787 !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li {position: relative;padding-left: 0 !important;margin-left: 0px !important;text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a {background: 0 0 !important; color: #000 !important; padding: 0 10px 0 15px; padding-left: 0 !important; }
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children>a{padding: 0 0!important;margin-left: 0px !important; color:#000 !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a:hover {background: transparent !important;color: #F12424 !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a::after {color: #274787 !important;top: 21px;display: none;}
/* .navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu {opacity: 1 !important;visibility: visible !important;position: relative;background: transparent;box-shadow: none;padding: 0;transform: rotateX(0deg);padding-left: 0px;padding-bottom: 0;}
*/
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu a {padding-left: 0 !important;padding-top: 0 !important;font-weight: 400;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu a:hover {color: #f12424  !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu>li {position: relative;padding-left: 0 !important;text-transform: inherit !important;float: none;  width: 33.33%;      }
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu li { padding: 2px 0 !important; padding-left: 12px !important; width: 100%; }
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu>li .hover_mega_menu ul.sub-menu>li::before { content: "\f105"; font-size: 14px; color: #414141; font-family: 'FontAwesome'; left: 0; position: absolute; top: 6px; display: block; }
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li>.hover_mega_menu {opacity: 1 !important;visibility: visible !important;position: relative !important;background: transparent;box-shadow: none;padding: 0;transform: rotateX(0deg);padding-left: 0px;height: auto;border: none !important; top:0;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li .hover_mega_menu ul.sub-menu {column-count: 1;}
.navbar-collapse .menu-top-menu-container > ul > li.mega-menu2 .hover_mega_menu ul li a {text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container > ul > li.mega-menu .hover_mega_menu ul li a {text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container > ul > li.mega-menu2 .hover_mega_menu ul li .hover_mega_menu ul li a { font-size: 16px; }
.contact-detail-menu {border-radius: 4px;display: inline-block;width: 100%;padding: 20px 20px 20px;background: #F3F9FF;overflow: hidden;margin: 20px 0 0;text-align: left;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children a:hover {color: #f12424  !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu {margin-left: 0px;margin-top: 0;left: 0 !important;border-bottom: none;left: 0;} 

	.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu{
		display: flex !important;column-count: 3;width: 100%;
        flex-wrap: wrap;
	}
.mega-menu2:hover>.hover_mega_menu>ul.sub-menu {
   width: 100%;   
	
}
	.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li .hover_mega_menu ul.sub-menu li {
    width: 100% !important;
    max-width: 100% !important;
}
	.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu>li.mega-dropdown >.hover_mega_menu  {
    position: absolute !important;top: 30px;
	
}

.navbar-collapse .menu-top-menu-container > ul > li .hover_mega_menu ul li::after{display: none;}

	
}

@media (min-width:1200px) {
.container {max-width: 1180px !important;}
}
@media (min-width:1300px) {
.container {max-width: 1270px !important;}
}
@media (min-width:1400px) {
.container {max-width: 1360px !important;}
}
@media (min-width:1500px) {
.container {max-width: 1440px !important;}
}
@media (min-width:1600px) {
.container {max-width: 1540px !important;}
}
@media (min-width:1700px) {
.container {max-width: 1630px !important;}
}


@media(max-width:1899px) {  
section.why-choose-us-section.why-choose-us-inn::after { background-size: 110px, 0; }
section.gallery-section::after { top: 90px; background-size: 120px; }



}

@media (max-width: 1699px) {
.container { max-width: 100% !important; padding: 0 45px !important; }
.services-areas-lists { padding: 100px 45px 100px 510px; }
.services-areas-wrapper { padding-left: 45px; } 
.heading-title { font-size: 50px; line-height: 64px; }
.banner-title { font-size: 58px; line-height: 80px; }
	  .home .banner-title {
        font-size: 36px;
        line-height: 46px;
    }
.ftr-items { padding-left: 70px; } 
.copyright-menu ul li:after { padding: 0 10px; }
.ftr-top:after { left: -25px; right: -25px; }
section.services-section.residential-services.about::after , section.signs-section::after{ background-size: 150px; } 
.signs-lists ul li { padding: 15px; } 
section.why-choose-us-section::after { background-size: 150px, 150px; }
section.blog-section.blog-page .blog-page-wrapper .blog-page-wrapper-inn .col-sm-6 {padding:15px; }
.blog-page-wrapper-inn { margin: -15px -3px 0; }
.service-detail-right { padding-left: 40px; }
.inner-banner .banner-title { font-size: 50px; line-height: 68px; }
section.default-section.matters .section-heading { padding: 0 35px; }
section.benefits-section.box-4::after { bottom: -60px; background-size: 150px; }
section.why-choose-us-section.why-choose-us-inn::after { background-size: 100px, 0; }
section.why-choose-us-section.why-choose-us-inn .section-heading { padding-left: 0; }
.transformation-list ul li { padding: 15px; }
.transformation-list ul { margin: 0 -15px; }
.testimonial-slider .item { padding: 15px; }
.testimonial-wrapper:has(.testimonial-slider) { margin: 0 -15px; }
.section-heading-2 .heading-title { font-size: 45px; line-height: 60px; }
.process-wrapper .col-sm-4 {
    padding: 15px 20px;
    width: 25%;
}
	.process-wrapper .col-sm-4:nth-child(even) {
    padding-top: 70px;
}
section.why-choose-us-section .about-div iframe {
    height: 670px;
}		
.process-box::before {
    right: -25px;
    background-size: 18px;
}
	

}
@media (max-width: 1599px) {
.head-top-text p { font-size: 24px; margin: 0; }
.head-top-text { padding: 11px 65px; margin-right: 30px; }
.image-label p {
    font-size: 16px;
    margin: 0;
}
.image-label {
    bottom: 10px;
    width: 82px;
    margin: 0 auto;
    padding: 1px 10px;
	}
.home .banner-title {
        font-size: 34px;
        line-height: 44px;
    }	
	
}

@media (max-width: 1499px) {
h1 {font-size: 32px;line-height: 40px;}
h2 {font-size: 28px;line-height: 36px;}
h3 {font-size: 25px;line-height: 32px;}
h4 {font-size: 22px;line-height: 30px;}
h5 {font-size: 20px;line-height: 26px;}
h6 {font-size: 18px;line-height: 24px;}
section.default-section{ padding: 70px 0; }  
section.default-section.inpad { padding: 70px 0; }
.service-detail-right { padding-left: 20px; }
.search-btn { margin: 0 0 30px;}
.nav-next a, .nav-previous a { padding: 13px 25px; min-width: 160px; }	
.estimatin-title { margin-bottom: 10px; font-size: 30px; line-height: 40px; }
.sidebar-call { font-size: 25px; }
.estimatin-side { margin: 0 0 30px;padding: 25px 20px; }
.side-bar-banner h4 { font-size: 30px; }
.service-detail-list { margin: 0 0 35px;padding: 10px 25px 20px; }
.recent-post figure { max-width: 100px; margin-right: 15px; border-radius: 15px; }
.sidebar-title { margin: 0 -15px 15px; }
.service-detail-list.sidebar-btn .theme-btn { font-size: 22px; padding: 20px 30px; }
.estimatin-detail { padding: 30px 15px; }

.container { padding: 0 35px !important; }
.theme-btn { padding: 13px 34px; font-size: 17px; line-height: 28px; min-width: 160px; } 
.theme-btn:not(:first-child) { margin-left: 12px; }
.head-call-now figure { width: 54px; height: 54px; margin-right: 12px; }
.banner-title { font-size: 52px; line-height: 72px; }
.banner-caption p {
        font-size: 20px;
        line-height: 32px;
    }
.home-banner { padding: 110px 0; }
section.process-section { padding: 70px 0; } 
.heading-title { font-size: 42px; line-height: 54px; } 
.default-btns.text-center { padding-top: 20px; }
section.services-section { padding: 70px 0px; }
.service-lists ul li { padding: 10px;width: 20%; } 
section.services-section::before{ background-size: 156px; }
section.savings-section .col-sm-4 { padding: 15px; }
section.services-section.commercial-services .service-lists ul li { width: 20%; } 
section.proud-section { padding: 80px 0; } 
.proud-content { padding: 30px 35px; } 
section.transformation-section { padding: 60px 0 0; } 
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { width: 54px; height: 54px; margin: 0 10px; background-size: 54px !important; }
.payment-options-img { margin: 0 16px 0px auto; }
section.about-section::before { height: 202px; background-size: 146px, 100% 100%; }
.about-content.dark-section { padding-left: 10px; }
.about-content.dark-section .heading-title { font-size: 42px; line-height: 54px; }
.about-div video.fullscreenbg__video { border-width: 12px; }
section.about-section { padding: 250px 0 70px; }
.about-contact-items { padding: 20px 20px; margin-top: 50px; }
.about-call-now p { font-size: 18px; } 
.about-call-now figure { width: 80px; height: 80px; border-width: 7px; margin-right: 10px; padding: 15px; }
.ftr-social a { width: 56px; height: 56px; margin: 3px; } 
.ftr-social a img { width: 26px; }
section.testimonial-section { padding: 70px 0; }
.testimonial-wrapper .col-sm-4 { padding: 15px; }
.client-say-box .clint-name-parent figure { margin-right: 15px; width: 64px; height: 64px; font-size: 22px; }
.clients-item-heading h3 { font-size: 22px; line-height: 28px; } 
.client-say-text { border-radius: 35px; }
.faq-box .card-header-title { padding: 20px 60px 20px 30px; } 
section.services-areas-section { padding: 70px 0 0; }
.services-areas-box h3 { font-size: 18px; line-height: 26px; } 
.services-areas-lc-img { margin: 60px 0; height: calc(100% + -120px); } 
.services-areas-wrapper { padding-left: 35px; }
.services-areas-lists { padding: 60px 35px 60px 290px; margin-left: -280px; }
.blog-section { padding: 70px 0; } 
.blog-wrapper .col-sm-4 { padding: 15px; }
.blog-item h3 { font-size: 22px; line-height: 32px; } 
.blog-content { padding: 15px 5px 0; } 
.ftr-items { padding-left: 25px; } 
.newsletter-form .medium { height: 54px !important; padding: 10px 70px 10px 25px !important; }
.newsletter-form input.button.gform_button { height: 50px !important; width: 50px !important; background-size: 26px !important; } 
.newsletter-form input.button.gform_button:hover { background-size: 26px !important; } 
.savings-title { font-size: 30px; }
.transformation-wrapper { margin: 20px auto 0; } 
.services-areas-wrapper .row { align-items: center; }
section.payment-options-section { margin-bottom: -70px; }
section.savings-section { padding: 70px 0; } 
section.about-section.about-page { padding: 70px 0; }
section.about-section.about-page .section-heading { margin: 0 auto 25px; } 
section.why-choose-us-section { padding: 70px 0; } 
.inner-banner h4 { font-size: 22px; line-height: 38px; margin-bottom: 10px; }
.inner-sub-heading { font-size: 22px; line-height: 36px; }
.page-nav ul li { font-size: 17px; line-height: 26px; }
.page-nav { padding: 10px 0; }
section.contact-section .default-css h3 { font-size: 36px; line-height: 42px; margin-bottom: 20px; }
section.contact-section { padding: 70px 0; } 
.form-b-title { font-size: 35px; line-height: 44px; }
section.service-area-tab-section { padding-bottom: 70px; }
section.service-area-tab-section .section-heading .heading-title { margin-bottom: 5px; font-size: 36px; line-height: 44px; } 
.service-area-tab-row { padding-top: 10px; }
.head-top-text { padding: 10px 40px; margin-right: 20px; } 
.head-top-img img { max-height: 54px; }
.ftr-top-main .col-sm-3:nth-child(2) { width: 18%; } 
.ftr-top-main .col-sm-3:nth-child(3) { width: 32%; }
section.faq-section { padding: 0px 0 70px; }
    .stardx img {
        margin-top: -10px;
        max-width: 20px;
    }
.banner-caption .banner-star p { padding-left: 6px; }
.banner-star { padding-bottom: 10px; }
section.why-choose-us-section .about-div { margin-top: 15px; }
section.why-choose-us-section::after { background-size: 120px, 120px; }
footer.footer::before { background-size: 100px, 30%, 120px; }
section.services-section.residential-services.about::after , section.signs-section::after{ background-size: 120px; }
.signs-lists ul li { padding: 12px; } 
section.signs-section { padding: 70px 0; } 
.benefits-box { padding: 30px 15px 10px; } 
.what-to-expect-wrapper .col-sm-4 { padding: 72px 15px 16px; }
section.faq-section.faqs-services-page { padding-top: 70px; }
.inner-banner .banner-title { font-size: 42px; line-height: 58px; }
.process-box h4 { font-size: 22px; }
.process-box h3 { font-size: 44px; }
section.contact-section .default-css { margin-left: 10px;padding: 30px 35px 20px; }
section.contact-section .form-hero { padding: 30px 35px 20px; }
.service-area-tab { margin-bottom: 30px; }
section.default-section.matters .section-heading { padding: 0 0 0 25px; }
section.services-areas-section.services-areas-page { padding: 70px 0; }
section.services-areas-section.services-areas-page .services-areas-lc-img { margin: 0 auto 60px; }
.figcaption { left: 35px; }
.default-text.text-center { padding-top: 25px; }
section.services-section.areas .service-lists ul li { padding: 15px 10px !important; }
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li::before { font-size: 16px; top: 6px; background-size: 22px; }
section.benefits-section.box-4::after { bottom: -40px; background-size: 120px; }
section.why-choose-us-section.why-choose-us-inn::after { background-size: 70px, 0; }
section.why-choose-us-section.why-choose-us-inn .about-div { margin: 44px 0 0 10px; }
section.gallery-section::after { top: 30px; background-size: 80px; }
section.gallery-section ul.nav.nav-tabs li a { padding: 12px 30px; min-width: 130px; }
section.gallery-section ul.nav.nav-tabs li { padding: 6px; }
section.services-section.commercial-services.commercial-inner .service-lists ul li { padding: 10px; }
section.services-section.commercial-services.commercial-inner .service-lists ul { margin: 0 -10px; }
section.blog-section.blog-page .blog-page-wrapper .col-sm-6 {padding: 12px; }
.section-heading-2 .heading-title { font-size: 40px; line-height: 52px; }
.offer-marquee { padding-right: 25px; } 
.ftr-call-row .ftr-call:first-child p { font-size: 20px; }
section.map-new-section .map-box {
    height:300px;
}
section.map-new-section{padding:0 0 70px;}
    .contact-mp-box p {
        font-size: 20px;
        line-height: 26px;
    }
	    .map-col iframe {
        width: 100%;
        height: 300px;
    }
	.contact-page-map-sec {
    padding-bottom: 60px;
}
section.why-choose-us-section .about-div iframe {
    height: 546px;
}	
section.why-choose-us-section.why-choose-us-inn .about-div iframe {
    height: 340px;
}	
.blog-author-box {
    margin-top: 40px;
    padding: 30px !important;
}	
.blog-author-box__left h3 {
    font-size: 24px !important;
    line-height: 30px !important;
}
	.blog-author-box__right h4 {
    font-size: 24px !important;
    line-height: 30px !important;
}
.offer-track p {
    padding: 15px 20px;
    font-size: 17px;
    line-height: 24px;
}	
.head-call-now {
    margin-left: 15px;
}
.offer-marquee {
        padding-right: 15px;
    }	

    .home .banner-title {
        font-size: 30px;
        line-height: 38px;
    }
	.banner-caption h2 {
    font-size: 22px;line-height: 30px;
}
.ftr-call.mob-num p {
    font-size: 22px;
}
.faq-wrapper.faqs-services-page {
    padding-top: 70px;
}
.proud-logo img {
    width: 300px;
}
	
}

@media (max-width: 1399px) {
section.services-areas-section.services-areas-page .services-areas-lists { max-width: 930px; }
.section-heading-2 .heading-title { font-size: 38px; line-height: 48px; }
section.why-choose-us-section .about-div iframe {
    height: 516px;
}	
section.why-choose-us-section.why-choose-us-inn .about-div iframe {
    height: 320px;
}
    .offer-track p {
        font-size: 15px;
        line-height: 24px;
        padding: 15px 15px;
    }
	
.gallery-item-text {
    width: 60px;
	height: 60px;	}
	section.transformation-section.inn-sidebars { padding: 0 0 70px; }
	
	
	
	
}

@media (max-width: 1299px) {
.banner-title { font-size: 48px; line-height: 68px; } 
.banner-main-form-div .form-hero .form-b-title { font-size: 32px; }
.process-wrapper .col-sm-4 { padding: 15px 15px; } 
section.services-section.commercial-services .service-lists ul li { width: 25%; }
.about-call-now p a { font-size: 1.25em; } 
.ftr-items { padding-left: 10px; }	
.head-top-text p { font-size: 20px; margin: 0; }
.inner-banner .banner-title { font-size: 38px; line-height: 50px; }
.inner-banner h4 { font-size: 20px; line-height: 32px; }
.inner-sub-heading { font-size: 20px; line-height: 32px; }
.section-heading-2 .heading-title { font-size: 35px; line-height: 45px; }
section.other-areas-section ul li { width: 16.66%; }
section.other-areas-section .section-heading { margin-bottom: 25px; }
section.why-choose-us-section .about-div iframe {
    height: 446px;
}
    .offer-track p {
        font-size: 13px;
        line-height: 24px;
        padding: 15px 15px;
    }
section.why-choose-us-section.why-choose-us-inn .about-div iframe {
    height: 286px;
}
    .home .banner-title {
        font-size: 27px;
        line-height: 36px;
    }
.service-lists ul li { padding: 10px;width: 25%; } 	
	
	section.services-section.residential-services.about .service-lists ul li {
    width:25%;
}

	
	
	
}

@media (max-width: 1199px) {
p { font-size: 16px; line-height: 24px; margin-bottom: 10px; }
h1, h2, h3, h4, h5, h6 { margin-bottom: 10px; }
.default-css ul li, .default-css ol li { font-size: 16px; line-height: 24px;; margin: 0 0 5px; }
.default-css ul li { background-position: 0 5px; padding-left: 20px; background-size: 15px; }
.default-css ul { margin-bottom: 15px; }

h1 {font-size: 28px;line-height: 36px;}
h2 {font-size: 25px;line-height: 32px;}
h3 {font-size: 22px;line-height: 30px;}
h4 {font-size: 20px;line-height: 26px;}
h5 {font-size: 18px;line-height: 24px;}
h6 {font-size: 16px;line-height: 22px;}
.default-section{ padding: 40px 0; }
.modal-dialog {transform: none !important; top: 65px; }
.modal.popup-form button.close { right: 15px; top: 15px; font-size: 18px; }
.close img { max-width: 25px; }
.modal.video-popup button.close { right: 15px; top: 15px; font-size: 20px; }
.video-popup .modal-dialog { margin: 60px auto 0; }
.container { padding: 0 15px !important; }  
.heading-title { margin-bottom: 10px; font-size: 32px; line-height: 42px; }
.radius { width: 80px; height: 80px; }
.radius .border-animation, .place { line-height: 79px; }
.place img { max-width: 24px; }

.gallery-row .wp-pegination { padding-top: 30px; }
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a, .page-numbers { margin: 4px !important; }

.wp-pegination { padding-top: 15px; }

.service-detail-right { padding-left: 0; }
.service-detail-list { margin: 0 0 25px; padding: 10px 15px 15px; } 
.sidebar-title { font-size: 18px; line-height: 24px; margin: 0 -5px 10px; }
.service-detail-list hr { margin: 10px 0; }
.service-detail-list ul li a { font-size: 16px; padding: 6px 0 6px 22px; }
.service-detail-list ul li::after { height: 16px !important; width: 16px !important; background-size: 16px !important; top: 17px; } 
.estimatin-detail { padding: 30px 15px; }
.estimatin-side { margin: 0 0 25px; padding: 20px 15px; }
.estimatin-detail h4 { font-size: 20px; line-height: 30px; margin-bottom: 5px; }
.search-btn { margin: 0 0 25px;}
.search-medium { padding: 13px 50px 13px 15px; height: 56px; font-size: 17px; line-height: 24px; } 
.search-btn button { top: 12px; width: 32px; right: 10px; height: 30px; } 
.rating-item .counter { font-size: 36px; }
.rating-item .star img { max-width: 20px; }
.rating-item { padding: 20px 0 10px; }
.service-detail-list.sidebar-btn .theme-btn { font-size: 18px; padding: 16px 25px; } 
.service-detail-list.service-detail-areas ul li a { font-size: 16px; }
.default-css ul li ul li { background: url(../images/check-white.png) no-repeat; background-position: 0 5px; padding-left: 20px; background-size: 15px; }
.default-css ul li ul { margin-top: 8px; }
.pagination-parent { padding-top: 20px; }
.side-bar-banner h4 { font-size: 25px; }
.sidebar-call { font-size: 18px; }
.nav-next a, .nav-previous a { padding: 12px 20px; font-size: 16px; line-height: 22px; min-width: 140px; }
.estimatin-title { font-size: 25px; line-height: 32px; }	
.estimatin-btn a.theme-btn { margin-top: 0px; }	
.blog-img-single > figure { margin-bottom: 15px; }
.lightbox { top: 50% !important; transform: translateY(-50%); }
.ginput_recaptcha {transform:scale(0.77) !important;-webkit-transform:scale(0.77) !important;transform-origin:0 0 !important;-webkit-transform-origin:0 0 !important;}
.header-logo img { max-width: 148px; }
.header-top .col-sm-3 { width: 20%; }
.header-top .col-sm-9 { width: 80%; }
.theme-btn { padding: 12px 25px; font-size: 15px; line-height: 22px; min-width: 120px; } 
.theme-btn:not(:first-child) { margin-left: 8px; } 
.head-call-now figure { width: 46px; height: 46px; margin-right: 10px; } 
.head-call-now figure img { width: 26px; }
.head-call-items { padding-right: 48px; }
.header-btm { background: transparent; padding: 0; }
.head-call-now p { font-size: 15px; line-height: 26px; }
.home-banner { padding: 60px 0; }
.banner-title { font-size: 35px; line-height: 48px;margin-bottom: 10px; }
.banner-caption p br{display: none;}
    .banner-caption p {
        font-size: 18px;
        line-height: 28px;
    }
.banner-main-form-div .form-hero .form-b-title { font-size: 25px; }
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select, .form-hero .gform_wrapper .medium { font-size: 16px !important; padding: 13px 12px 13px 12px !important; height: 50px; line-height: 22px !important; }
.banner-main-form-div .form-hero { border-top-width: 5px; padding: 15px 20px 15px; } 
.gform_wrapper .gfield { padding: 0 7px 15px; }
.form-hero .gform_body { margin: 0 -7px; } 
.form-hero input.button.gform_button, .form-hero input.gform_button.button { padding: 13px 25px !important; font-size: 16px !important; line-height: 24px !important; } 
.form-hero .gform_wrapper .gform_footer { padding: 0px 0 0 0 !important; } 
.logos-parent-row ul li { padding: 10px 35px; }
.head-call-now { margin-left: 15px; }
section.process-section { padding: 40px 0; } 
.process-wrapper .col-sm-4 { padding: 50px 10px 10px !important; }
.process-wrapper { padding-top: 0px;margin: 0 5px; } 
.default-btns.text-center { padding-top: 15px; }
.process-box figure { border-width: 4px; width: 80px; height: 80px; margin: -40px auto 1px;flex-shrink: 0; }
.process-box figure img{max-width: 38px;} 
.process-box h3 { font-size: 35px;flex-shrink: 0; }
.process-box h4 { font-size: 18px; }
.process-wrapper::before { display: none; }
section.services-section { padding: 40px 0px; }
.services-box h3 { font-size: 18px; line-height: 24px; margin-bottom: 6px; }
.services-box { padding: 20px 15px 35px; } 
.services-box figure { width: 90px; height: 90px; margin: 0 auto 12px; border-width: 6px ; }
.services-box figure img { max-width: 42px; max-height: 42px; }
.view-more-details { width: 48px; height: 48px; border-width: 4px ; } 
.view-more-details img{max-width: 24px;}
.ribbon { font-size: 12px; line-height: 15px; padding: 6px 0; }
section.savings-section .col-sm-4 { padding: 12px; }
.savings-prize { font-size: 46px; } 
.savings-prize sub, .savings-prize sup { padding-right: 5px; }
.savings-prize sup { padding-right: 0px; padding-left: 5px; } 
.savings-title { font-size: 22px; }
.savings-call-now p { font-size: 18px; }
section.services-section::before{ background-size: 76px; } 
section.services-section.commercial-services .services-box { padding: 20px 15px 10px; }
.proud-logo { left: 20px; bottom: 20px; max-width: 232px; } 
.proud-content { padding: 20px 25px; }
section.proud-section { padding: 40px 0; } 
section.transformation-section { padding: 40px 0 0; } 
.transformation-wrapper { margin: 20px auto 0;     max-width: 840px;}
.owl-nav { margin-top: 0; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { width: 44px; height: 44px; margin: 0 8px; background-size: 44px !important; } 
	.owl-carousel .owl-nav button.owl-prev {
    left: -60px;
}
	.owl-carousel .owl-nav button.owl-next {
    right: -60px;
}
.payment-options-img { margin: 0 0px 0px auto; }
section.about-section::before { height: 102px; background-size: 76px, 100% 100%; }
section.payment-options-section { margin-bottom: -40px; }
section.savings-section { padding: 40px 0; }
.about-content.dark-section .heading-title { font-size: 30px; line-height: 42px; } 
.about-content.dark-section { padding-left: 0; } 
.about-div video.fullscreenbg__video { border-width: 8px; } 
.about-contact-items { padding: 15px 15px; margin-top: 35px; } 
.about-call-now figure { width: 64px; height: 64px; border-width: 5px; margin-right: 10px; padding: 12px; } 
.about-call-now p { font-size: 16px; }
.ftr-social a { width: 46px; height: 46px; margin: 2px; }
.ftr-social a img { width: 20px; } 
section.testimonial-section { padding: 40px 0; } 
.testimonial-wrapper .col-sm-4 { padding: 12px; } 
.client-say-box .star img { max-width: 18px; } 
.client-say-box { padding: 10px 10px;border-radius: 20px; box-shadow: 0 0 10px 0 rgba(1, 30, 69, 0.20); } 
.client-say-text { border-radius: 15px; padding: 5px 15px 10px;backdrop-filter: none; } 
.star-parent figure img { width: 44px; } 
.clint-name-parent { padding: 12px 0 5px 10px; }
.client-say-box .clint-name-parent figure { margin-right: 10px; width: 50px; height: 50px; font-size: 18px; } 
.clients-item-heading h3 {font-size: 17px; line-height: 24px; }
section.testimonial-section .section-heading { margin: 0 auto 15px; } 
.faq-box .card-header-title { padding: 12px 50px 12px 15px; font-size: 18px; line-height: 26px; }
.faq-box .card { margin: 0 0 15px; }
.faq-box .card-header h5:after, .card-header-title::after { right: 10px; background-size: 16px !important; }
.faq-box .card-body { margin: 10px 0px 0 15px; padding: 10px 0 10px 15px; }
section.services-areas-section { padding: 40px 0 0; }
.services-areas-wrapper { padding-left: 15px; }
.services-areas-lc-img { margin: 40px 0; height: calc(100% + -80px); } 
.services-areas-lists { padding: 40px 15px 40px 224px; margin-left: -230px; border-bottom-left-radius: 20px; } 
.services-areas-lists:after { border-bottom-left-radius: 20px; } 
.services-areas-box h3 { font-size: 16px; line-height: 22px; }
.services-areas-lists ul li { padding: 8px; } 
.services-areas-lists ul { margin: 0 -8px 15px; } 
.services-areas-lists h4{font-size: 18px;} 
.blog-section { padding: 40px 0; }
.blog-wrapper .col-sm-4 { padding: 12px; }
.blog-item h3 { font-size: 18px; line-height: 26px; }
.view-more { padding-top: 10px; font-size: 16px; margin-top: 12px; } 
.ftr-top { padding: 40px 0 40px; } 
.ftr-top:after { left: 0; right: 0; height: 4px; } 
.sub-heading { font-size: 18px; }
.ftr-items ul li { font-size: 16px; line-height: 22px; padding-bottom: 10px; }
.ftr-title { font-size: 20px; line-height: 26px; margin-bottom: 12px; } 
.about-ftr { max-width: unset; } 
.ftr-logo { margin-bottom: 35px; } 
.copyright-menu ul li { font-size: 16px; line-height: 24px; }
.copyright-menu ul li:after { padding: 0 6px; } 
.ftr-top-main { padding-top: 40px; } 
.copyright-section { padding: 8px 0; margin-top: 25px; } 
.scroll-top { width: 40px; height: 40px; } 
.ftr-logo img { max-width: 200px; } 
.newsletter-form .medium { height: 50px !important; padding: 10px 60px 10px 20px !important; font-size: 16px !important; line-height: 24px !important; } 
.newsletter-form input.button.gform_button { height: 46px !important; width: 46px !important; background-size: 24px !important; } 
.newsletter-form input.button.gform_button:hover { background-size: 24px !important; }
footer.footer::before { background-size: 70px, 25%, 70px; background-position: right bottom 44px, bottom left 1%, top left; }
.services-areas-wrapper { padding-left: 0; margin: 0; }
.services-areas-wrapper .col-sm-7 { padding-right: 0; } 
.banner-caption { max-width: 625px; }
.process-box { height: 100%; display: flex; flex-direction: column; }
.process-content { height: 100%; }
section.proud-section .col-sm-6 { width: 60%; }
section.faq-section .section-heading { margin-bottom: 25px; }
section.process-section::before { background-size: 76px; }
.popup-form .form-hero { padding: 25px 20px; }
.b-form-title { font-size: 32px; line-height: 42px; margin-bottom: 15px; }
section.about-section.about-page { padding: 40px 0; }
section.why-choose-us-section { padding: 40px 0; }
.page-nav ul li { font-size: 16px; line-height: 22px; }
.page-nav { padding: 7px 0; box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.2); }
.inner-banner h4 { font-size: 18px; line-height: 28px; }
.inner-sub-heading { font-size: 18px; line-height: 26px; }
.inner-banner .banner-caption p { font-size: 16px; line-height: 26px; }
section.faq-section { padding: 0px 0 40px; }
section.about-section { padding: 130px 0 40px; } 
section.contact-section { padding: 40px 0; } 
.form-b-title { font-size: 28px; line-height: 34px; } 
section.contact-section .form-hero p { margin: 10px 0 0; padding-right: 10px; } 
section.contact-section .form-hero { padding: 25px 15px 15px; } 
section.contact-section .default-css h3 { font-size: 28px; line-height: 32px; margin-bottom: 14px; } 
section.contact-section .default-css ul li { margin-bottom: 14px; }
section.contact-section .default-css { padding: 25px 15px 15px; margin-left: 0; }
.form-hero .gform_wrapper textarea.medium { height: 90px !important; }
section.service-area-tab-section .section-heading .heading-title { margin-bottom: 5px; font-size: 28px; line-height: 34px; }
section.service-area-tab-section .section-heading p { font-size: 18px; line-height: 22px; } 
.custom-select h4 { font-size: 18px; line-height: 24px; } 
.custom-select select { font-size: 17px; line-height: 28px; padding: 12px 30px 12px 15px; margin-bottom: 20px; }
.service-area-tab { padding: 15px 15px 8px; margin-bottom: 20px; } 
.service-area-tab p { margin-bottom: 2px; }
section.service-area-tab-section { padding-bottom: 40px; } 
.head-top-text { padding: 8px 20px; margin-right: 10px; } 
.head-top-text p { font-size: 18px; margin: 0; }
.head-top-img { margin-right: 15px; } 
.head-top-img img { max-height: 46px; }
section.cta-section { padding: 40px 0; } 
.ftr-items { padding-left: 0px; }
.caption-absolute { position: relative; top: 0; transform: none; padding: 40px 0; min-height: 290px; align-content: center; }
.inner-banner>img { height: 100%; object-fit: cover; position: absolute; z-index: -1; }
.about-img img { border-radius: 25px; }
    .stardx img {
        margin-top: -7px;
        max-width: 18px;
    }
.banner-btns { padding-top: 5px; }
section.cta-section.new::before { background-size: 110px; }
section.about-section.about-page .section-heading { margin: 0 auto 15px; }
section.about-section .about-wrapper .row { align-items: inherit; }
section.why-choose-us-section::after { background-size: 60px, 60px; }
section.blog-section.blog-page + section.cta-section.new.dark-section , section.service-area-tab-section + section.cta-section.new.dark-section{ margin-bottom: 5px; } 
.service-lists ul { margin: 0 -3px; } 
.savings-wrapper { max-width: 100%; margin: 0 3px; } 
.testimonial-wrapper { margin: 0 3px; }
.blog-wrapper { margin: 0 3px; } section.default-section { padding: 40px 0; }
section.services-section.residential-services.about::after, section.signs-section::after { background-size: 60px; }
section.signs-section { padding: 40px 0; } 
.signs-lists ul li { padding: 10px; }
.signs-lists ul { margin: 0 -5px; }
.signs-box h3 { font-size: 18px; line-height: 24px; }
.signs-box figure { width: 90px; height: 90px; margin: 0 auto 12px; border-width: 6px; }
.signs-box figure img { max-width: 42px; max-height: 42px; }
.signs-content { padding: 12px; }
.signs-box { padding: 25px 15px; }
.benefits-box figure { margin: 0 auto 10px; }
.benefits-box figure img{max-width: 32px;} 
.benefits-box { padding: 20px 15px 10px; }
.what-to-expect-box h3 { font-size: 20px; }
.what-to-expect-box figure { border-width: 4px ; width: 80px; height: 80px; margin: -40px auto 15px; }
.what-to-expect-box figure img { max-width: 38px; } 
.what-to-expect-wrapper .col-sm-4 { padding: 52px 12px 12px; }
section.faq-section.faqs-services-page { padding-top: 40px; }
.why-choose-wrapper { margin-top: 25px; }
.what-to-expect-box { padding: 1px 15px 15px; }
.what-to-expect-wrapper { max-width: 100%; margin: 0 3px; }
section.blog-section.blog-page .blog-page-wrapper .blog-page-wrapper-inn .col-sm-6 { padding: 12px; }
.blog-page-wrapper-inn { margin: -12px 0px 0; } 
.blog-page-wrapper { margin-top: 25px; }
figure.fimgs { margin-bottom: 25px; }
.blog-img-single > figure { margin-bottom: 25px;}
.service-detail-right.sticky { top: 110px; } 
.recent-post figure { max-width: 80px; margin-right: 15px; border-radius: 15px; }
.wp-pagenavi { padding-left: 0; } 
.inner-banner .banner-title { font-size: 30px; line-height: 42px; }
.service-area-tab-img figure img { border-radius: 20px; }
.recent-post { padding: 8px 0; }
.services-areas-lists h4 a { display: inline-block; }
section.default-section.matters .section-heading { padding: 0; }
.img-fluid img { border-radius: 25px 0 0 25px; }
section.default-section.matters .img-fluid img{border-radius: 25px;}
.search-container { margin: 0 0 25px; }
.fa-search { right: 7px; background-size: 20px; }
section.services-areas-section.services-areas-page { padding: 40px 0; }
.figcaption { left: 15px; }
.figcaption h3 { font-size: 22px; line-height: 36px; }
section.services-areas-section.services-areas-page .services-areas-lc-img { margin: 0 auto 35px; } 
.default-text.text-center { padding-top: 20px; }
section.services-section.areas { margin-bottom: 5px; }
section.services-section.commercial-services.areas .service-lists ul li { width: 20%; }
section.services-section.areas .service-lists ul { margin: 0 -10px; }
section.default-section.matters { padding-right: 0; }
.modal-dialog { max-width: 490px !important; }
section.services-section.commercial-services.commercial-page { margin-bottom: 5px; }
section.benefits-section.box-4::after { bottom: -20px; background-size: 60px; }
section.why-choose-us-section.why-choose-us-inn .about-div { margin: 38px 0 0 0px; }
section.why-choose-us-section.why-choose-us-inn::after { display: none; }
section.gallery-section::after { display: none; }
h3.overlay-title { font-size: 18px; line-height: 28px; }
.gallery-overlay { padding: 15px 20px 20px; }
.overlay-location { font-size: 14px; line-height: 20px; padding: 7px 15px; }
.overlay-tag { font-size: 13px; line-height: 20px; }
section.gallery-section ul.nav.nav-tabs li a { padding: 11px 20px; min-width: 110px; font-size: 16px; line-height: 22px; }
section.gallery-section ul.nav.nav-tabs { padding: 10px 0 15px; }
.gallery-overlay .default-btns { padding-top: 5px; }
.transformation-list ul li { padding: 10px; }
.transformation-list ul { margin: 0 -10px; }
section.logo-section { padding: 15px 0; }
.testimonial-slider .item { padding: 10px; }
.testimonial-wrapper:has(.testimonial-slider) { margin: 0 -10px; }
section.blog-section.blog-page .blog-page-wrapper { margin-top: 5px; }
.why-choose-wrapper .row { align-items: unset; }
section.services-section.commercial-services.commercial-inner .service-lists ul .view-more-details-btn a { font-size: 16px; }
.img-container { top: 120px; }
.img-container figure { border-radius: 25px; }
section.about-location-co .img-container { margin-right: 0; }
ul.four-col li { width: 33.33%; }
.section-heading-2 .heading-title { font-size: 30px; line-height: 40px; }
.other-areas-bx figure { width: 90px; height: 90px; margin: 0 auto 15px; }
.other-areas-bx p { font-size: 18px; }
section.default-section.matters .row { align-items: unset; }
.img-fluid { position: sticky; top: 120px; }
.testimonial-slider button.owl-dot.active { height: 20px; width: 20px; border-width: 4px; }
.blog-inner-dtl-date { border-radius: 10px; font-size: 16px; line-height: 20px; padding: 8px 10px; }
.offer-marquee { padding-right: 10px; }
.offer-track p { font-size: 16px; line-height: 22px; }
.ftr-call-row .ftr-call:first-child p { font-size: 18px; }
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu a, .navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a , .navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li a{ background-image:none !important; background-size: unset !important; background-position: unset !important; -webkit-background-clip: unset !important; -webkit-text-fill-color: unset !important; display: block !important; }
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu a:hover, .navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a:hover , .navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li a:hover { background-image: none !important; background-size: unset !important; -webkit-background-clip:  unset  !important; -webkit-text-fill-color:  unset !important; background-position: 0 !important; }

a.example-image-link {
    width: 60px;
    height: 60px;
	}

	section.map-new-section .map-box {
    height:300px;
}
	section.map-new-section{padding:0 0 40px;}
	    .map-col iframe {
        width: 100%;
        height: 280px;
    }
	    .contact-mp-box p {
        font-size: 18px;
        line-height: 24px;
    }
	.contact-page-map-sec {
    padding-bottom: 40px;
}
section.why-choose-us-section .about-div {
        border-width: 15px;
    }	
	section.why-choose-us-section .about-div iframe {
    height: 394px;
}
.blog-author-box {
    margin-top: 30px;
    padding: 15px !important;
}	
.blog-author-box__left h3 {
    font-size: 16px !important;
    line-height: 22px !important;
    margin-bottom: 12px !important;
}	
.blog-author-box__right h4 {
    font-size: 18px !important;
    line-height: 26px !important;
}	
	
	.offer-track {
        width: 300px;
    }
	.offer-track p::before{display:none;}	
	.offer-track p::after{display:none;}
	.offer-marquee { overflow: hidden; width: 100%; text-align: center; padding: 0; margin-right: 15px; }
.offer-track{ display: none; }
.offer-track.mobile{ display: flex !important; white-space: nowrap; animation: marquee 8s linear infinite;will-change: transform;width:max-content; }
.offer-track.mobile p{ padding: 0 5px; margin: 0;background:transparent;border-radius:0 ;color:#000; }

@keyframes marquee{ from{ transform: translateX(0); } to{ transform: translateX(-50%); } }
	
    .home .banner-title {
        margin-bottom: 10px;
    }	
	section.services-section.residential-services.about .service-lists ul li {
    width: 25%;
}

section.services-section.residential-services.about .service-lists ul li .services-box {
    padding: 25px 15px 65px;
}
	
.ftr-call.mob-num p {
    font-size: 18px;
}	
section.payment-options-section {
    padding: 40px 0 50px;	
	}
	.faq-wrapper.faqs-services-page {
    padding-top: 40px;
}
	.offer-track.mobile:hover {
    animation-play-state: paused;
}
	.offer-track.mobile p a:hover strong{
		    color: #F12424;
	}	
		section.transformation-section.inn-sidebars { padding: 0 0 40px; }
	section.services-section.commercial-services.areas + section.transformation-section {
    padding-bottom: 40px;
}
	.proud-logo img {
    width: 200px;
}
.process-box::before {
    right: -19px;
    background-size: 14px;
    background-position: right top 60px;
}	
	
	
	
}

@media (max-width: 1024px) {
section.faq-section .col-sm-10 { width: 100%; } 
.service-lists ul li { width: 33.33%; } 
section.services-section.commercial-services .service-lists ul li { width: 33.3%; }
section.proud-section .col-sm-6 { width: 70%; } 
.about-content.dark-section .heading-title { font-size: 28px; line-height: 42px; } 
.about-call-now p { font-size: 15px; }

.footer-menu li:after { display: none; }
footer.footer { padding-top: 0px; text-align: center; }
footer.footer .col-sm-2 , footer.footer .col-sm-3 , footer.footer .col-sm-4 , footer.footer .col-sm-5 , footer.footer .col-sm-6 , footer.footer .col-sm-7 , footer.footer .col-sm-8 , footer.footer .col-sm-9{ width: 100% !important;padding: 0 12px; }
.ftr-item ul { column-count: 1; }
.col-sm-5 .ftr-item { margin: 0; }
.ftr-title { margin: 5px 0; color: #fff; background: #F12424; padding: 7px; }
.ftr-items ul li { padding: 8px 0; border-bottom: 1px solid rgb(255 255 255 / 20%); }
.ftr-items ul li:last-child{border: none;}
.col-sm-4 .ftr-items { float: none; }
.footer-menu li { display: block; padding: 8px 0; border-bottom: 1px solid rgb(102 102 102 / 20%); }
.footer-menu li:last-child{border: none;}
.ftr-title.mobile { display: block; }
.footer-menu { margin-top: 20px; border-top: none; padding: 0; }
.copyright-section .col-sm-6:first-child{order: 2;}
.copyright-section .col-sm-6:last-child{order: 1;}
.copyright-menu ul { text-align: center; }
.copyright-menu ul li::after { display: none; }
.copyright-menu ul li { display: block; padding: 8px 0; border-bottom: 1px solid rgb(255 255 255 / 30%); } 
.copyright { padding-top: 8px; } 
.copyright-section { padding: 0px 0 10px; margin-top: 5px; } 
.ftr-logo img { max-width: 230px; } 
.ftr-call { display: block; padding: 10px 0; border-bottom: 1px solid rgb(255 255 255 / 20%); }
.ftr-call:last-child{border: none;} 
.ftr-call figure { width: 22px; margin: 0 auto 10px; } 
footer.footer::before , footer.footer::after {display: none; } 
.ftr-logo { margin-bottom: 25px; } 
.about-ftr { max-width: 420px; margin: 0 auto 25px; }
.home-banner .col-sm-8 { width: 60%; }
.home-banner .col-sm-4 { width: 40%; }
.service-area-tab { padding: 15px 15px 15px; margin-bottom: 20px; display: block; }
.service-area-tab .default-btns { padding: 5px 0 0px; }
.benefits-lists ul li { width: 25%; }
.inner-banner h4 br{display: none;}
section.services-section.commercial-services.commercial-inner .service-lists ul li { width: 33.33%; }
section.services-section.commercial-services.commercial-inner .service-lists ul .view-more-details-btn a { font-size: 16px; }
.ftr-call-row .ftr-call:first-child figure { width: 28px; }
	section.why-choose-us-section .about-div iframe {
    height: 350px;
}
section.why-choose-us-section.why-choose-us-inn .about-div iframe {
    height: 246px;
}
	section.services-section.residential-services.about .service-lists ul li {
    width:33.33%;
}
    .home-banner {
        padding: 60px 0;
    }	
	
	

}

@media (max-width: 991px) {
.heading-title { font-size: 28px; line-height: 36px; }   
.about-call-now p { font-size: 13px; } 
.services-areas-lists ul li { width: 50%; }
.banner-title { font-size: 32px; line-height: 44px;margin-bottom: 10px; } 
.savings-title { font-size: 16px; margin-bottom: 10px; }
.savings-box p { font-size: 15px; line-height: 22px; }
.savings-call-now figure img { max-width: 16px; }
.savings-call-now figure { width: 32px; height: 32px; margin-right: 8px; }
.savings-call-now p { font-size: 16px; }
.savings-prize { font-size: 32px; }
.head-call-now p a { letter-spacing: 0px; font-size: 17px; } 
.head-top-text { padding: 11px 15px; margin-right: 10px; } 
.head-call-now p { font-size: 13px; line-height: 22px; }
.head-top-text p { font-size: 16px; margin: 0; } 
.header-btn .theme-btn { padding: 9px 18px; }
.head-top-img img { max-height: 40px; }
.head-call-now figure { width: 40px; height: 40px; margin-right: 8px; }
section.about-section.about-page .col-sm-7 { width: 100%; }
section.about-section.about-page .col-sm-5 { width: 100%; }
section.about-section.about-page .about-img { text-align: center; margin-top: 10px; }
section.about-section.about-page .about-img img{ width: 100%; }
.benefits-lists ul li { width: 33.33%; }
.head-call-now figure img { width: 22px; }
.head-top-img { margin-right: 8px; }
.head-call-now { margin-left: 10px; }
section.services-areas-section.services-areas-page .services-areas-lists ul li { width: 33.33%; }
section.benefits-section.box-4 .benefits-lists ul li { width: 33.33%; }
.caption-absolute { min-height: 240px; }

section.gallery-section ul.nav.nav-tabs { padding: 10px 0 15px; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; white-space: nowrap; scroll-behavior: smooth; justify-content: space-between; scrollbar-width: none; -ms-overflow-style: none; }
section.gallery-section ul.nav.nav-tabs::-webkit-scrollbar { display: none; }
section.gallery-section ul.nav.nav-tabs::-webkit-scrollbar { display: none; }
.testimonial-slider .owl-dots { margin-top: 25px; }
section.savings-section .col-sm-4 { padding: 6px; }
.savings-wrapper { margin: 0 6px; }
.savings-logo { max-width: 120px; margin: 0 auto 20px; } 
.section-heading-2 .heading-title { font-size: 24px; line-height: 30px; }
section.other-areas-section ul li { width: 20%; } 
section.about-location-co ul.four-col li { width: 50%; }
.offer-track p { font-size: 15px; line-height: 20px; }
section.why-choose-us-section.why-choose-us-inn .about-div iframe {
    height: 226px;
}
.gallery-tab ul li {
    width: 50%;
	}
    .gallery-item-text {
        width: 40px;
        height: 40px;
    }
.gallery-item-text>img {
    width: 20px;
}
	.twentytwenty-handle {
    height: 35px;
    width: 35px;    margin-left: -20px;
	}
	    .transformation-wrapper {
        margin: 20px auto 0;
        max-width: 750px;
    }
	
}

@media (max-width: 900px) {

section.proud-section .col-sm-6 { width: 100%; }
.proud-logo { display: none; } .banner-title { font-size: 28px; line-height: 44px; }
.banner-caption p { font-size: 18px; line-height: 28px; } 
.proud-content {padding: 20px 20px; background: rgb(241 36 36 / 90%); }
.about-contact-items { flex-wrap: wrap;justify-content: center; }
.testimonial-wrapper .col-sm-4 { padding: 12px; width: 50%; }
.services-areas-wrapper .col-sm-5 { width: 100%;order: 2; }
.services-areas-wrapper .col-sm-7 { width: 100%;order: 1; padding: 0;} 
.services-areas-lc-img { margin: 40px 0 0px; height: auto; } 
.services-areas-lists ul li { width: 33.33%; } 
.blog-wrapper .col-sm-4 { width: 50%; }
.services-areas-lists { padding: 40px 12px 40px 12px; margin-left: 0; border-bottom-left-radius: 0; clip-path: none; }
.services-areas-lists:after { border-bottom-left-radius: 0; }

section.contact-section .default-css { padding: 20px 15px 15px; }
section.contact-section .form-hero { padding: 25px 15px 25px; } 
.form-b-title { font-size: 23px; line-height: 30px; }
section.contact-section .default-css h3 { font-size: 24px; line-height: 30px; margin-bottom: 14px; }
section.contact-section .section-heading { padding-bottom: 10px; } 
.head-top-text p { font-size: 14px; margin: 0; }

.head-top-text { padding: 10px 11px; margin-right: 10px; } 


.signs-lists ul li { width: 33.33%; } 
.why-choose-wrapper .col-sm-7 { width: 100%;order: 2; } 
.why-choose-wrapper .col-sm-5 { width: 100%;order: 1; }
.why-choose-wrapper .img-container { margin-bottom: 20px; }
.dark-section .img-container figure img{width: 100%;}
section.services-section.areas .service-lists ul li { width: 25%; }
section.services-section.commercial-services.areas .service-lists ul li { width: 25%; }

section.why-choose-us-section.why-choose-us-inn .col-sm-5 { width: 100%; order: 1; }
section.why-choose-us-section.why-choose-us-inn .col-sm-7 { width: 100%; order: 2; }
section.why-choose-us-section.why-choose-us-inn .about-div { margin: 0 0 25px; }

.gallery-tab ul li { padding: 5px; }
.gallery-tab ul { margin: 0 -5px; }
.gallery-items { border-radius: 10px; }
.caption-absolute { min-height: 220px; }
section.blog-section.blog-page .blog-page-wrapper .col-sm-6 { width: 50%; }





a.example-image-link {
    width: 50px;
    height: 50px;
	}
a.example-image-link>img {
    width: 23px !important;
}
section.why-choose-us-section.why-choose-us-inn .about-div iframe {
    height: 446px;
}
    .transformation-wrapper {
        margin: 20px auto 0;
        max-width: 660px;
    }

}

@media (max-width: 812px) {
p { font-size: 15px; line-height: 22px; }
h1 {font-size: 25px;line-height: 32px;}
h2 {font-size: 22px;line-height: 30px;}
h3 {font-size: 20px;line-height: 26px;}
h4 {font-size: 18px;line-height: 24px;}
h5 {font-size: 16px;line-height: 22px;}
h6 {font-size: 15px;line-height: 20px;}
.default-css ul { margin-bottom: 10px; }  
.default-css ul li, .default-css ol li { font-size: 15px; line-height: 22px; margin: 0 0 5px; }
.default-css ul li { background-position: 0 5px; padding-left: 18px; background-size: 12px; }
.radius { width: 60px; height: 60px; }
.radius .border-animation, .place { line-height: 59px; } 
.place img { max-width: 20px; }
.lb-nav a.lb-prev, .lb-nav a.lb-next { width: 30px !important; height: 40px; background-size: 15px !important; }

@keyframes rounder1 { from { transform: scale(1); } to { transform: scale(1.29); } }
@keyframes rounder2 { from { transform: scale(1); } to { transform: scale(1.59); } }
@keyframes rounder3 { from { transform: scale(1); } to { transform: scale(1.89); } }

.sidebar-title { font-size: 18px; line-height: 26px; }	
.estimatin-detail h4 { font-size: 18px; line-height: 26px; margin-bottom: 5px; }
.nav-next a, .nav-previous a { padding: 11px 20px; font-size: 15px; line-height: 20px; min-width: 130px; }
.search-btn { margin: 0 0 15px; }
.service-detail-list { margin: 0px 0 15px; }
.blog-img-single > figure { margin-bottom: 10px; }
.service-detail-right .form-hero { margin: 0px 0 15px; }	
figure.fimgs { margin-bottom: 15px; }
.blog-img-single > figure { margin-bottom: 15px;padding: 5px; }
.estimatin-title { font-size: 22px; line-height: 32px; }
.pagination-parent { padding-top: 15px; }
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a, .page-numbers { width: 32px !important; height: 32px !important; margin: 3px !important; font-size: 14px; }
.wp-pegination a.nextpostslink, .wp-pegination a.previouspostslink, .next.page-numbers, .prev.page-numbers { background-size: 24px !important; }
.wp-pegination a.nextpostslink:hover, .wp-pegination a.previouspostslink:hover, .next.page-numbers:hover, .prev.page-numbers:hover { background-size: 24px !important; }	

.banner-main-form-div .form-hero .form-b-title { font-size: 20px; }
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select, .form-hero .gform_wrapper .medium { font-size: 15px !important; padding: 11px 15px 11px 15px !important; height: 44px; line-height: 20px !important; } 
.banner-main-form-div .form-hero { border-top-width: 4px; padding: 15px 15px 15px; }
.form-hero input.button.gform_button, .form-hero input.gform_button.button { padding: 12px 20px !important; font-size: 15px !important; line-height: 20px !important; } 
.banner-main-form-div .form-hero p { font-size: 14px; line-height: 20px; }
.banner-title { font-size: 25px; line-height: 34px; } 
.banner-caption p { font-size: 16px; line-height: 24px; } 
.gform_wrapper .gfield { padding: 0 4px 13px; } 
.form-hero .gform_body { margin: 0 -5px; } 
.logos-parent-row ul li { padding: 10px 25px; }
section.logo-section { padding: 10px 0; } 
.banner-main-form-div .form-hero .gform_wrapper { margin: 0 0 12px !important; }
.theme-btn { padding: 10px 20px; font-size: 14px; line-height: 20px; min-width: 114px; }
.theme-btn:not(:first-child) { margin-left: 4px; }
.head-call-items { padding-right: 50px; }
.header-logo img { max-width: 128px; }
.heading-title { margin-bottom: 10px; font-size: 25px; line-height: 32px; }
.process-wrapper .col-sm-4 { padding: 40px 6px 10px !important; }
section.process-section::before { background-size: 46px; }
.process-wrapper { margin: 0 6px; }
section.about-section::before { height: 40px; background-size: 36px, 100% 100%; }
section.about-section { padding: 80px 0 40px; }
section.payment-options-section { margin-bottom: 0; }
section.services-section::before{ background-size: 66px; } 
.about-content.dark-section .heading-title { font-size: 24px; line-height: 32px; }
.sub-heading { font-size: 16px; }
.faq-box .card-header-title { padding: 12px 50px 12px 15px; font-size: 16px; line-height: 22px; }
.faq-box .card-body { margin: 10px 0px 0 15px; padding: 10px 0 10px 10px; } 
.container { padding: 0 12px !important; }
.service-lists ul li { padding: 6px; } 
.service-lists ul { margin: 0 -6px; }
.ribbon { font-size: 8px; line-height: 15px; padding: 6px 0; top: 8px; left: -71px; width: 200px; } 
section.services-section.commercial-services .service-lists ul li { padding: 6px; }

.services-box figure { width: 80px; height: 80px; margin: 0 auto 12px; border-width: 5px; } 
.services-box figure img { max-width: 40px;max-height: 40px; } 
.default-btns.text-center { padding-top: 10px; }
.b-form-title { font-size: 25px; line-height: 32px; margin-bottom: 10px; }
.inner-banner h4 { font-size: 16px; line-height: 24px; }
.inner-sub-heading { font-size: 16px; line-height: 24px; }
.inner-banner .banner-caption p { font-size: 15px; line-height: 24px; }
.page-nav ul li { font-size: 15px; line-height: 20px; }
.form-b-title { font-size: 20px; line-height: 28px; }
section.contact-section .default-css h3 { font-size: 22px; line-height: 28px; margin-bottom: 10px; }
section.service-area-tab-section .section-heading .heading-title { margin-bottom: 5px; font-size: 22px; line-height: 30px; }
section.service-area-tab-section .section-heading p { font-size: 16px; line-height: 20px; } 
.custom-select select { font-size: 16px; line-height: 24px; padding: 10px 25px 10px 12px; margin-bottom: 15px; }
.service-area-tab { padding: 10px 10px 10px; margin-bottom: 15px; }
section.services-section.residential-services.about .view-more-details-btn a { font-size: 15px; }
.stardx img { margin-top: -7px; max-width: 16px; }
.banner-caption .banner-star p { padding-left: 4px; }
section.why-choose-us-section::after { background-size: 60px, 60px; }
.testimonial-wrapper { margin: 0; } 
.blog-wrapper { margin: 0; } 
.signs-box figure { width: 80px; height: 80px; margin: 0 auto 12px; border-width: 5px; }
.signs-box figure img { max-width: 40px;max-height: 40px; }
.signs-box .signs-content h3 { display: none; }
.signs-content h3, .signs-content p { color: #666; } 
.signs-content { padding: 0; position: initial !important; height: auto !important; border-radius: 0; overflow: visible;background: transparent !important; } 

.signs-lists ul li { padding: 6px; }
.signs-lists ul { margin: 0 -6px; }
.benefits-lists ul li { padding: 6px; } 
.benefits-lists ul { margin: 0 -6px; } 

.why-choose-wrapper { margin-top: 20px; }
.signs-box { padding: 20px 15px; }

section.services-detail .col-sm-4 { width: 100%; }
section.services-detail .col-sm-8 { width: 100%; }
.blogpage-single-section .col-sm-4 { width: 100%; }
.blogpage-single-section .col-sm-8 { width: 100%; }	
.service-detail-right.sticky { position: inherit; top: 0; }	
.service-detail-right { margin-top: 30px; }
section.blog-section.blogpage-single-section .col-sm-4 { width: 100%; }
.blog-page-wrapper .col-sm-8 { width: 100%; }
.blog-page-wrapper .col-sm-4 { width: 100%; }
.inner-banner .banner-title { font-size: 25px; line-height: 34px; }
.ftr-title { font-size: 18px; line-height: 24px; } 
.ftr-items ul li { padding: 7px 0; font-size: 15px; line-height: 20px; }
.copyright-menu ul li { padding: 7px 0; line-height: 20px; font-size: 15px; }
.head-call-now p a { font-size: 15px; } 
.star-parent figure img { width: 40px; }
.client-say-box .star img { max-width: 16px; } 
.form-hero .gform_wrapper textarea.medium { height: 75px !important; }
.form-hero .gform_wrapper select { background: #fff url(../images/select-arrow.png) no-repeat right 10px center !important; background-size: 12px !important; }
.search-container { margin: 0 0 20px; }
.default-text.text-center { padding-top: 15px; }
.modal-dialog { max-width: 410px !important; }
section.benefits-section.box-4::after { bottom: 0px; background-size: 40px; }
h3.overlay-title { font-size: 16px; line-height: 24px; }
.gallery-overlay { padding: 10px 10px 15px; }
.overlay-location { font-size: 12px; line-height: 18px; padding: 5px 10px; }
.overlay-tag { font-size: 11px; line-height: 18px; }
.gallery-overlay .default-btns .theme-btn { padding: 9px 15px; font-size: 13px; line-height: 18px; min-width: auto; }
section.gallery-section ul.nav.nav-tabs li { padding: 5px; }
.caption-absolute { min-height: 200px; }
.transformation-list ul li { padding: 6px; }
.transformation-list ul { margin: 0 -6px; }
section.services-section.commercial-services.commercial-inner .service-lists ul li { padding: 6px; }
section.services-section.commercial-services.commercial-inner .service-lists ul { margin: 0 -6px; } 
.clients-item-heading h3 {font-size: 16px; line-height: 22px; } 
.client-say-box .clint-name-parent figure { margin-right: 10px; width: 40px; height: 40px; font-size: 14px; }
.services-box h3 { font-size: 16px; line-height: 22px; margin-bottom: 5px; }
.process-box h4 { font-size: 16px;margin-bottom: 5px;}
.process-box h3 { font-size: 20px; } 
.process-box figure img { max-width: 30px; } 
.process-box figure { border-width: 4px; width: 70px; height: 70px; margin: -35px auto 1px; flex-shrink: 0; }
.blog-item h3 { font-size: 16px; line-height: 22px; } 
.view-more { padding-top: 8px; font-size: 15px; margin-top: 10px; }
.faq-box .card { margin: 0 0 10px; }
.what-to-expect-box figure img { max-width: 34px; }
.what-to-expect-box figure { border-width: 4px; width: 70px; height: 70px; margin: -35px auto 10px; } 
.what-to-expect-box { padding: 1px 10px 10px;border-radius: 10px; } 
.what-to-expect-box h3 { font-size: 16px; }
.what-to-expect-wrapper .col-sm-4 { padding: 40px 6px 10px; } 
.what-to-expect-wrapper { margin: 0 6px; }
.signs-box h3 { font-size: 17px; line-height: 24px; }
section.faq-section .section-heading { margin-bottom: 15px; }
.service-detail-list ul li a { font-size: 15px; padding: 6px 0 6px 20px; }
.service-detail-list ul li::after { height: 14px !important; width: 14px !important; background-size: 14px !important; top: 17px; }
.testimonial-slider .owl-dots { margin-top: 15px; margin-bottom: 10px; }
.img-fluid { top: 100px; } 
.img-container { top: 100px; }
section.other-areas-section ul li { padding: 10px 10px; }
section.other-areas-section ul { margin: 0 -10px; }
.other-areas-bx figure { width: 80px; height: 80px; margin: 0 auto 12px; } 
.other-areas-bx figure { width: 80px; height: 80px; margin: 0 auto 12px; }
section.other-areas-section ul li { width: 25%; }
.ftr-call-row .ftr-call:first-child p { font-size: 17px; }
.blog-inner-dtl-date {font-size: 14px; line-height: 18px; padding: 8px 10px; }
.about-ftr .ftr-social a { width: 40px; height: 40px; margin: 2px; display: inline-flex; align-items: center; justify-content: center; }
    .process-wrapper .col-sm-4 {
        width: 50%;
    }
	section.map-new-section .map-box {
    height:300px;
}
    .contact-mp-box p {
        font-size: 16px;
        line-height: 22px;
    }	
	    .map-col iframe {
        height: 235px;
    }
	    .map-col {
        margin-bottom: 0;
    }
	    .contact-page-map-sec .col-sm-4 {
        width: 50%;
        margin: 7px 0px;
    }
	section.why-choose-us-section .about-div iframe {
    height: 290px;
}

    section.why-choose-us-section .about-div {
        border-width: 10px;
    }	
	section.why-choose-us-section.why-choose-us-inn .about-div iframe {
    height: 400px;
}
	
.image-label p {
        font-size: 14px;
        margin: 0;
    }	
	    .image-label {
        bottom: 4px;
        width: 62px;
        margin: 0 auto;
        padding: 1px 10px;
    }
	    .default-css ul li ul li {
        background: url(../images/check-white.png) no-repeat;
        background-position: 0 5px;
        padding-left: 18px;
        background-size: 12px;
    }
.transformation-wrapper {
        margin: 20px auto 0;
               max-width: 560px;

    }	
	
	.process-box::before {
 display:none;
}	
	
	
}

@media (max-width: 767px) {
.header-top .col-sm-9 { width: 100%;padding: 0; } 
.header-top .col-sm-3{ width: 100%; }
.head-call-items { padding-right: 0; display: block; } 
.head-call-now { margin-left: 0; position: absolute; top: 22px; right: 60px; } 

.header-btn { display: flex; justify-content: center; background: #f12424; }
.header-top { padding: 10px 0px 0; }
.header-logo { margin-bottom: 10px; }
/* .header-btn .theme-btn.btn-red { border-right: 1px solid #fff; } */
.head-top-text { padding: 6px 15px; margin-right: 0; border-radius: 0; } 
.head-top-text p { font-size: 18px; margin: 0; } 
.head-top-img { margin: 0 auto 5px; text-align: center; }

.home-banner .col-sm-4 { width: 100%; } 
.home-banner .col-sm-8 { width: 100%; } 
.banner-main-form-div .form-hero { border-top-width: 4px; padding: 15px 15px 15px; max-width: 100%; margin: 30px auto 0; }
.banner-caption { max-width: 100%; text-align: center; } 
.banner-title br{display: none;}

.header-btn .theme-btn { display: block; min-width: auto; width: 100%; border-radius: 0; margin: 0 !important;font-size: 18px; }

.header-section { position: relative; }

section.about-section .col-sm-7 { width: 100%; } 
section.about-section .col-sm-5 { width: 100%; }
.about-div { margin-bottom: 20px; }
section.contact-section .col-sm-7 { width: 100%; } 
section.contact-section .col-sm-5 { width: 100%; } 
section.contact-section .default-css ul li { margin-bottom: 8px; } 
section.contact-section .default-css { margin: 20px 0 0;height: auto;}
section.why-choose-us-section .about-div { margin-top: 10px; margin-bottom: 0; }

section.default-section.matters .col-sm-7 { width: 100%;order: 2; }
section.default-section.matters .col-sm-5 { width: 100%;order: 1;padding: 0 12px; }
.img-fluid img { border-radius: 20px; }
section.default-section.matters .img-fluid img{ border-radius: 20px; }
.img-fluid { margin-bottom: 20px; }
    .home-banner {
        padding: 50px 0;
        background-size: cover;
        background-position: top center;
        border: 2px solid #fff;
        border-right: 0;
        border-left: 0;
    }
    .home-banner::before {
        background: rgb(32 62 142 / 80%);
    }
	
.heading-title br{display: none; }
.offer-marquee { padding-right: 10px; position: absolute; top: 34px; right: 210px; max-width: 260px; }

section.why-choose-us-section.why-choose-us-inn .about-div iframe {
    height: 360px;
}
.gform_wrapper .gfield.gfield--width-half {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}
	    .default-css ul li ul li {
        white-space: break-spaces;
    }
	
	
	
	

}

@media (max-width: 700px) {
section.service-area-tab-section .col-sm-6 { width: 100%; padding: 10px 12px; }
.custom-select h4 { font-size: 16px; line-height: 22px; } 
.service-area-tab-row { padding-top: 0; }
.benefits-lists ul li { width: 50%; }
section.services-section.areas .service-lists ul li { width: 33.33%; }
section.services-section.commercial-services.areas .service-lists ul li { width: 33.33%; }
section.benefits-section.box-4 .benefits-lists ul li { width: 50%; }
.gallery-tab ul li { width: 50%; }
.caption-absolute { min-height: 180px; }
.service-lists ul li { width: 50%; }
section.services-section.commercial-services .service-lists ul li { width: 50%; }
section.services-section.commercial-services.commercial-inner .service-lists ul li { width: 50%; }

section.services-section.residential-services.about.residential-services-page .service-lists ul li { width: 50%; }
.signs-lists ul li { width: 50%; }
section.savings-section .col-sm-4 { width: 50%; }
section.about-location-co .col-sm-5 { width: 100%;order: 1; }
section.about-location-co .col-sm-7 { width: 100%;order: 2; }
section.about-location-co .img-container { margin-bottom: 20px; }
section.about-location-co.dark-section .img-container { margin: 0 0 20px; }
section.about-location-co ul.four-col li { width: 33.33%; }
section.other-areas-section ul li { width: 33.33%; }
.img-container { position: unset; }
.offer-marquee { max-width: 200px; }
    section.why-choose-us-section .about-div iframe {
        height: 260px;
    }
section.why-choose-us-section.why-choose-us-inn .about-div iframe {
    height: 330px;
}

.gallery-item-text {
    width: 40px;
    height: 40px;
}	
	.gallery-item-text img {
    max-width: 20px;
    width: auto;
}
	section.services-section.residential-services.about .service-lists ul li {
    width:50%;
}	
    .transformation-wrapper {
        margin: 20px auto 0;
        max-width: 440px;
    }	
}

@media (max-width: 600px) {
section.payment-options-section .col-sm-5 { width: 100%; } 
section.payment-options-section .col-sm-7 { width: 100%; } 
.payment-options-img { max-width: 100%; margin: 0 auto 20px; text-align: center; }
section.benefits-section.box-4::after { display: none; }
.process-wrapper .col-sm-4 { width: 50%; }
.what-to-expect-wrapper .col-sm-4 { width: 50%; }
.offer-marquee { max-width: 180px; }


}

@media (max-width: 575px) {
.head-call-now figure { width: 34px; height: 34px; margin-right: 5px; }
.head-call-now figure img { width: 18px; } 
.header-logo img { max-width: 102px; }
.head-call-now { top: 15px; right: 58px; }
.offer-marquee { padding: 5px 15px; position: absolute; top: 0; right: 0; max-width: 100%; margin: 0; background: #274787; } 
.offer-track { display: block; } 
.offer-track.mobile { display: none !important; }
.offer-track p strong {    font-weight: 600;}
.offer-track p { color: #fff; padding: 0;}
.header-section:has(.offer-marquee) .header-top{ padding-top:60px; }
.header-section:has(.offer-marquee) .header-top .head-call-now { top: 68px; }

.testimonial-wrapper .col-sm-4 { padding: 12px; width: 100%; }
section.savings-section .col-sm-4 { padding: 5px 5px; }
.head-call-now p { font-size: 13px; line-height: 20px; }
.savings-wrapper { margin: 0 7px; }
.logos-parent-row ul li { padding: 10px 10px; }
.transformation-slider .item { transform: scale(1); } 
.transformation-wrapper { margin: 20px auto 0;        max-width: 100%; }
.transformation-slider .twentytwenty-overlay { display: block; opacity: 1; } 
.transformation-slider .twentytwenty-before-label { opacity: 1; }
.transformation-slider .twentytwenty-after-label { opacity: 1; }
.transformation-slider .twentytwenty-handle { display: block !important; opacity: 1; }
.about-contact-items { display: block; text-align: center;border-radius: 10px; }
.about-call-now { display: block; }
.about-call-now figure { margin: 0 auto 10px; padding: 12px; }
.about-contact-item { padding: 15px 0; border-bottom: 1px solid #ccc; }
.about-contact-item:last-child{border-bottom: 0;} 
.faq-box .card-header-title { padding: 10px 40px 10px 15px; font-size: 16px; line-height: 22px; } 
.faq-box .card-header h5:after, .card-header-title::after { right: 10px; background-size: 14px !important; } 

.blog-item:hover figure { box-shadow: 0 0 20px 0 rgba(1, 30, 69, 0.20); } 
.proud-content { padding: 40px 15px;border-radius: 0px;background: rgb(241 36 36 / 85%);text-align: center; }
section.proud-section .col-sm-6 { padding: 0; }
section.proud-section { padding: 0; background-size: cover; }
section.proud-section::after { display: none; }
.banner-btns { padding-top: 5px; } 
.services-content p { font-size: 13px; line-height: 18px; } 
.services-box h3 { font-size: 14px; line-height: 18px; margin-bottom: 5px; } 
.popup-form .form-hero { padding: 20px 15px; }
.banner-title { font-size: 22px; line-height: 30px; } 
.inner-banner h4 { font-size: 15px; line-height: 20px; } 
.inner-banner .banner-caption p { font-size: 14px; line-height: 20px; } 
section.service-area-tab-section .section-heading .heading-title { margin-bottom: 5px; font-size: 20px; line-height: 26px; }
section.cta-section.new::after { background: #274787; }
section.cta-section.new::before { background-size: 70px; }
section.why-choose-us-section::after { display: none; }
section.services-section.residential-services.about::after, section.signs-section::after { display: none; }
.inner-banner .banner-title { font-size: 22px; line-height: 30px; }
section.services-section::before { display: none; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before { font-size: 16px; }
section.services-areas-section.services-areas-page .services-areas-lists ul li { padding: 5px 8px; }
section.services-areas-section.services-areas-page .services-areas-box h3 { font-size: 14px; line-height: 20px; }
p.view-service { font-size: 14px; line-height: 22px; }
.services-areas-lc-img img { min-height: 220px;border-radius: 10px;}
.figcaption h3 { font-size: 16px; line-height: 28px; }
section.gallery-section ul.nav.nav-tabs li a { padding: 9px 18px; min-width: 100px; font-size: 14px; line-height: 20px; }
section.gallery-section ul.nav.nav-tabs li { padding: 3px; }
.caption-absolute { min-height: 150px; }
.transformation-list ul li {width: 50%;}
h3.overlay-title { font-size: 13px; line-height: 20px; margin-bottom: 5px; } 
.gallery-overlay .default-btns .theme-btn { padding: 8px 15px; font-size: 12px; line-height: 16px; min-width: auto; } 
.overlay-tag { font-size: 10px; line-height: 14px; } 
.overlay-location { font-size: 11px; line-height: 14px; padding: 5px 10px; }

.savings-box { padding: 22px 10px 15px; outline-offset: -5px; border-radius: 10px; }
.savings-logo {max-width: 90px; } 
.savings-prize { font-size: 28px; }
.savings-title { font-size: 13px; } 
.savings-box p { font-size: 12px; line-height: 17px; }
.savings-call-now figure img { max-width: 14px; } 
.savings-call-now figure { width: 26px; height: 26px; margin-right: 6px; } 
.savings-call-now p { font-size: 13px; } 
.savings-box::after { border-radius: 10px; }
.savings-call-now { margin-top: 15px; }
.services-content p { display: none; }
/* .view-more-details-btn { display: none; }  */
.services-box { padding: 20px 10px 25px; border-radius: 10px; }
	    section.services-section.commercial-services.commercial-inner .service-lists ul .view-more-details-btn a {
        font-size: 14px;
    }
	section.services-section.commercial-services.commercial-inner .service-lists ul .view-more-details-btn {
    position: absolute;    bottom: 4px;display:none;
}
	section.services-section.residential-services.about .view-more-details-btn {
    display: none;
}
.signs-content p { display: none; } 
.services-box::before { bottom: 0; } 
section.services-section.residential-services.about .services-box { padding-bottom: 20px; }
section.services-section.residential-services.about.residential-services-page .service-lists ul li { width: 33.33%; }
.ribbon { font-size: 7px; line-height: 7px; padding: 5px 0 3px; top: 10px; left: -70px; width: 190px; }
.services-box figure img { max-width: 30px; max-height: 30px; }
.services-box figure { width: 70px; height: 70px; margin: 0 auto 10px; border-width: 4px; }
.signs-box h3 { font-size: 15px; line-height: 20px; } 
.service-lists ul li { width: 33.33%;padding: 3px; }
.service-lists ul { margin: 0 -3px; }
section.services-section.commercial-services .service-lists ul li { width: 33.33%;padding: 3px; } 
.heading-title { font-size: 22px; line-height: 28px; }
section.process-section .col-sm-4.wow { animation: none !important; visibility: visible !important; }
.sub-heading { font-size: 15px; } 
.services-areas-box h3 { font-size: 15px; line-height: 20px; }
.services-areas-lists h4 { font-size: 16px; }
.scroll-top { bottom: 50px; } 
.ftr-logo img { max-width: 160px; }
.newsletter-form .medium { height: 44px !important; padding: 10px 54px 10px 15px !important; font-size: 14px !important; line-height: 18px !important; }
.newsletter-form input.button.gform_button { height: 40px !important; width: 40px !important; background-size: 20px !important; } 
.newsletter-form input.button.gform_button:hover { background-size: 20px !important; } 
.benefits-lists.desktop-view { display: none; }
.faq-box.benefits-lists.mobile-view { display: block !important; }
.process-box { border-radius: 10px; } 
.process-content { border-radius: 10px; padding: 15px 10px 10px; }
.banner-caption p { font-size: 14px; line-height: 20px; } 
.stardx img { margin-top: -5px; max-width: 13px; }
.dark-section .img-container figure { border-width: 4px ; border-radius: 10px; }
section.services-section.commercial-services.commercial-inner .service-lists ul li { width: 33.33%; }
section.default-section.matters .img-fluid img { border-radius: 10px; }
.img-fluid { margin-bottom: 15px; }
.faq-box .card-body { margin: 10px 0px 0 10px; padding: 0px 0 1px 10px; }
.custom-select select { font-size: 15px; line-height: 22px; }
.service-area-tab-img figure img { border-radius: 10px; } 
section.contact-section .form-hero { border-radius: 10px; }
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select, .form-hero .gform_wrapper .medium { padding: 11px 10px 11px 10px !important; } 
.services-areas-lc-img figure { border-radius: 10px; }
.search-medium { padding: 12px 50px 12px 15px; height: 50px; font-size: 15px; line-height: 20px;border-radius: 0; }
.search-btn.sebtnx{ position: sticky; top: 113px; z-index: 2; }
.search-btn { margin: 0 -12px 15px; }
section.services-section.areas .service-lists ul li { padding: 10px 10px !important; }
.theme-btn { font-size: 13px; line-height: 20px; padding: 10px 20px; min-width: 100px; }
section.blog-section.blog-page .blog-page-wrapper .blog-page-wrapper-inn .col-sm-6 { width: 50%;}
.blog-img-single > figure img { border-radius: 10px; }
.blog-img-single > figure { border-radius: 10px; }
.nav-next a, .nav-previous a { padding: 11px 20px; font-size: 13px; line-height: 18px; min-width: 110px; }
.savings-box.service-detail-list { padding: 22px 15px 20px; border-radius: 10px; }
.testimonial-slider .owl-stage { display: block; }
.testimonial-slider .owl-item { display: block; }
	    .testimonial-slider .item {
        max-height: initial;
        overflow-x: initial;height:auto;
    }
.faq-box.benefits-lists .card-header-title.collapsed { color: #274787; }
.faq-box.benefits-lists .card-header-title::after { content: ""; background: url(../images/benefits-faq-minus.png) no-repeat center; width: 20px; height: 20px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); right: 10px; background-size: 12px !important; }
.faq-box.benefits-lists .card-header-title.collapsed::after  {background:  url(../images/benefits-faq-pluse.png) no-repeat center;box-shadow: none;}
.client-say-box { border-radius: 10px;height: auto;display: block; }
  .client-say-text {
    max-height: initial;
    overflow-x: auto;
    height: 250px;
  }
	
.testimonial-slider .owl-item {
    height: 350px;
} 
	
	
.faq-box.benefits-lists .card-header-title figure { margin-right: 5px; display: inline-block; position: relative; top: -1px; }
.faq-box.benefits-lists .card-header-title img { max-width: 16px; }
.faq-box.benefits-lists .card-header-title.collapsed img { filter:none; }
.faq-box.benefits-lists .card-header-title img { filter: brightness(0) invert(1); }
.benefits-lists ul li { width: 100%; position: sticky; top: 120px;  }
section.benefits-section.box-4 .benefits-lists ul li { width: 100%; }
.benefits-box figure { margin: 0px 4px 0 0; display: inline-block; flex-shrink: 0; position: relative; top: -1px; }
.benefits-box p { display: inline; color: #274787; font-weight: 500; }
.benefits-box figure img { max-width: 16px; }
.benefits-box { padding: 12px 15px 12px; text-align: left; border-radius: 10px; border-top: 1px solid rgb(241 36 36 / 40%); }
section.services-section.commercial-services.commercial-inner .service-lists ul li { padding: 3px; }
section.services-section.commercial-services.commercial-inner .service-lists ul { margin: 0 -3px; }
.services-areas-lists h4 br{display: none;}
.inner-banner { background: #000; }
.blog-item figure { border-radius: 10px; }
.search-btn button { top: 9px; width: 30px; right: 10px; height: 30px; }
.payment-options-img img { border-radius: 10px; }
.payment-options-img figure { border-radius: 10px; }
.twentytwenty-wrapper { border-radius: 10px; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev { width: 40px; height: 40px; margin: 0 7px; background-size: 38px !important; position: relative;
        top: auto;
        transform: inherit;}
.inner-sub-heading { font-size: 14px; line-height: 22px; }
	    .owl-carousel .owl-nav button.owl-next {
        right: auto;
    }
	    .owl-carousel .owl-nav button.owl-prev {
        left: 0;
    }
   .owl-nav {
        margin-top: 15px;
    }
section.services-section.commercial-services .services-box { padding: 20px 10px 25px; }
.faq-box.benefits-lists.mobile-view{ display:none !important; }
.faq-box.benefits-lists.mobile-view { display:block !important; }
.benefits-lists.mobile-view { display: block !important; }
.default-btns { text-align: center; }
.img-container figure { border-radius: 10px; }
.section-heading-2 .heading-title { font-size: 22px; line-height: 28px; } 
.other-areas-bx figure { width: 66px; height: 66px; margin: 0 auto 10px; }
.other-areas-bx p { font-size: 16px; }
section.other-areas-section .section-heading { margin-bottom: 20px; }
.header-section.inner-header.sticky { box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.25); }
.recent-post figure { max-width: 80px; margin-right: 10px; border-radius: 10px; }
.testimonial-slider.owl-carousel .owl-nav button.owl-next, .testimonial-slider.owl-carousel .owl-nav button.owl-prev, .testimonial-slider.owl-carousel button.owl-dot { width: 6px; height: 6px; margin: 2px; }
.testimonial-slider button.owl-dot.active { height: 18px; width: 18px; border-width: 4px; }
	section.map-new-section .map-box {
    height:300px;
}
    section.why-choose-us-section .about-div iframe {
        height: 250px;
    }
section.why-choose-us-section.why-choose-us-inn .about-div iframe {
    height: 280px;
}
.blog-author-box__left {
    margin: 0 auto 20px;
    width: 100%;
    padding-right: 0;
    text-align: center;
}
	.blog-author-box__right {
    width: 100%;
    text-align: center;
}
	
    .offer-track {
        width: auto;
        max-width: 320px;
        margin: 0 auto;
    }
    .home .banner-title {
        font-size: 25px;
        line-height: 34px;
        margin-bottom: 10px;
    }	
	    .banner-caption h2 {
        font-size: 18px;
        line-height: 26px;
    }
	.gallery-tab ul li .gallery-item-text {
    top: 40%;
	}
	
	section.services-section.residential-services.about .service-lists ul li {
    width:33.33%;
}

section.services-section.residential-services.about .service-lists ul li .services-box {
    padding: 20px 10px 18px;
}
    .scroll-top {
        width: 36px;
        height: 36px;
    }	
	.scroll-top:after {
    background-size: 16px;
}

    .gallery-tab ul li {
        width: 100%;
    }

	.before-after-container {
    aspect-ratio: 16/9;     /* fixed ratio maintain karega */
    width: 100%;
    overflow: hidden;
}

.before-after-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}
    .about-img img {
        border-radius: 10px;
    }	
	    section.default-section.matters .img-fluid img {
        border-radius: 10px;
        aspect-ratio: 4 / 3;
        object-fit: cover;
    }
	.savings-prize .savings-dec, .savings-prize .savings-intro {
    font-size: 0.45em;
    line-height: 1.2;
}
	
	
	
}

@media (max-width: 525px) {
.gform_wrapper .gfield.gfield--width-half { -webkit-box-flex: 0; -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.form-hero .gform-grid-row span.gform-grid-col { width: 100%; }
.services-areas-lc-img img { min-height: 180px; }
.services-areas-lists ul li { width: 50%; } 
    .contact-page-map-sec .col-sm-4 {
        width: 100%;
        margin: 7px 0px;
    }

	.contact-page-map-sec .col-sm-6{
		 width: 100%;
        margin: 10px 0px;
	}
	
}

@media (max-width:480px) {

.logos-parent-row ul { justify-content: center; flex-wrap: wrap; } 
.logos-parent-row ul li { padding: 10px 15px; width: 33.33%;text-align: center; } 
.logos-parent-row ul li figure img { max-height: 50px; max-width: 90px; }
.blog-wrapper .col-sm-4 { width: 100%; }
.signs-box { padding: 20px 15px 15px;border-radius: 10px; }
section.process-section::before { display: none; }
.services-areas-lc-img img { min-height: 170px; }
.caption-absolute { min-height: 130px; }
section.blog-section.blog-page .blog-page-wrapper .blog-page-wrapper-inn .col-sm-6 { width: 100%;}
section.services-areas-section.services-areas-page .services-areas-lists ul li { width: 50%; }
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a, .page-numbers { width: 26px !important; height: 26px !important; margin: 3px !important; font-size: 13px; border-radius: 4px !important; }
.wp-pegination a.nextpostslink, .wp-pegination a.previouspostslink, .next.page-numbers, .prev.page-numbers { background-size: 20px !important; }
section.blog-section.blog-page .blog-page-wrapper .col-sm-6 { width: 100%; }
section.about-location-co ul.four-col li { width: 50%; }
    section.why-choose-us-section .about-div iframe {
        height: 250px;
    }
section.why-choose-us-section.why-choose-us-inn .about-div iframe {
    height: 250px;
}

}

@media (max-width:420px) {
.header-btn .theme-btn { padding: 9px 15px; }
section.payment-options-section { margin-bottom: 25px; }
.banner-btns { padding-top: 1px; }
.figcaption h3 { font-size: 14px; line-height: 24px; }
.services-areas-lc-img img { min-height: 160px; }
.transformation-list ul li {width: 100%;}
h3.overlay-title { font-size: 12px; line-height: 18px; margin-bottom: 2px; }
.gallery-overlay .default-btns .theme-btn { padding: 7px 12px; font-size: 11px; line-height: 14px; min-width: auto; }
.process-wrapper .col-sm-4 { width: 100%; } 
.what-to-expect-wrapper .col-sm-4 { width: 100%; }
section.process-section::after { display: none; }
	section.map-new-section .map-box {
    height:270px;
}

}

@media (max-width:390px) {
/* .service-lists ul li { width: 50%; }
section.services-section.residential-services.about.residential-services-page .service-lists ul li { width: 50%; }
section.services-section.commercial-services .service-lists ul li { width: 50%; }
section.services-section.commercial-services.commercial-inner .service-lists ul li { width: 50%; }
section.services-areas-section.services-areas-page .services-areas-lists ul li{width: 50% !important;}
section.services-section.areas .service-lists ul li { width: 50%; }
section.services-section.commercial-services.areas .service-lists ul li { width: 50%; } */
    section.why-choose-us-section .about-div iframe {
        height: 240px;
    }
section.why-choose-us-section.why-choose-us-inn .about-div iframe {
    height: 240px;
}
	
	
	
}

@media (max-width:360px) {
section.other-areas-section ul li { width: 50%; }
.offer-track p { font-size: 15px; line-height: 20px; }



}