@font-face
{
font-family:'FontAwesome';
src:url('./fontawesome-webfont.eot');
src:url('./fontawesome-webfont.eot?#iefix') format('embedded-opentype'),
url('../fonts/fontawesome-webfont.woff') format('woff'),
url('../fonts/fontawesome-webfont.ttf') format('truetype'),
url('../fonts/fontawesome-webfont.svg#FontAwesome') format('svg');
font-weight:normal;
font-style:normal
}

@font-face {
font-family: 'Outfit';
src: local('Outfit Light'), local('Outfit-Light'),
url('../fonts/Outfit-Light.woff2') format('woff2'),
url('../fonts/Outfit-Light.woff') format('woff');
font-weight: 300;
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 Regular'), local('Outfit-Regular'),
url('../fonts/Outfit-Regular.woff2') format('woff2'),
url('../fonts/Outfit-Regular.woff') format('woff');
font-weight: normal;
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 Bold'), local('Outfit-Bold'),
url('../fonts/Outfit-Bold.woff2') format('woff2'),
url('../fonts/Outfit-Bold.woff') format('woff');
font-weight: bold;
font-style: normal;
font-display: swap;
}

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

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

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



body {padding: 0;margin: 0;font-family: 'Outfit';font-weight: 400;}
html, body {width: 100%;height: 100%}
a {text-decoration: none;color: #FD484C;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; color: #000;transform: all 0.5s;}
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}   
.other-services-bottum-text .section-title::selection, .services-tabs ul.nav.nav-tabs li a.active .services-text h2::selection, .hero-title::selection{color: #fff;    -webkit-background-clip: text;
-webkit-text-fill-color: #fff;}
img {max-width: 100%;height: auto}
p {font-family: 'Outfit';font-style: normal;font-weight: 400;font-size: 18px;line-height: 28px;color: #666;}
p a {color: #FD484C;}
p strong {color: #FD484C; font-weight: 500;}
p a:hover {color: #017AFF;}
ul, ol, ul li, ol li {margin: 0;padding: 0;}
ul li a, ol li a {color: #FD484C;}
ul li a:hover, ol li a:hover {color: #017AFF;}
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 !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
h1, h2, h3, h4, h5, h6 {font-family: 'Oswald';font-style: normal;font-weight: 600;color: #000;margin-bottom: 15px;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #FD484C;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {color: #FD484C;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {color: #017AFF;}
h1 {font-size: 40px;line-height: normal;}
h2 {font-size: 32px;line-height: normal;}
h3 {font-size: 28px;line-height: normal;}
h4 {font-size: 24px;line-height: normal;}
h5 {font-size: 20px;line-height: normal;}
h6 {font-size: 16px;line-height: normal;}
select::-ms-expand {display: none;}
select {-moz-appearance: none;}
.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;}
.default-css ul li, .default-css ol li { font-family: 'Outfit'; font-style: normal; font-weight: 400; font-size: 18px; line-height: 28px; color: #666; margin: 0 0 7px; }
.default-css ul li a, .default-css ol li a {color: #FD484C}
.default-css ul li strong, .default-css ol li strong {color: #FD484C;font-weight: 600;font-family: 'Outfit';}
.default-css ul li a:hover, .default-css ol li a:hover {color: #017AFF}
.default-css ul li { list-style: none !important; background: url(../images/list-arrow.png) no-repeat; background-position: 0 6px; padding-left: 24px; background-size: 16px; }
.floating-icon { position: fixed; right: -79px; top: 50%; z-index: 11; transform: rotate(-90deg) translateY(-50%); }
.floating-icon a { padding: 9px 23px; display: inline-block; text-align: center; color: #ffffff; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 600; line-height: 28px; border-radius: 4px 4px 0px 0px; background: #FD484C; }
.floating-icon a:hover {color: #fff;background: #017AFF;}
.default-section{ padding: 100px 0; }

.banner-title h1 {
    margin-bottom: 30px !important;
    color: #FFF !important;
    font-family: Oswald !important;
    font-size: 100px !important;
    font-style: normal !important;
    font-weight: 600 !important;
    line-height: 130px !important;
}

/* Mobile fix only for the Things to do in Burnet page TIMOO*/
@media (max-width: 768px) {
  body.page-id-1525 .banner-title h1 {
    font-size: 36px !important;
    line-height: 1.2 !important;
  }
}



.heading-title h2 {
    font-size: 60px !important;
    margin-bottom: 10px !important;
}

.toc-container {
	background: #f8f9fa !important;
	padding: 20px !important;
	margin-bottom: 30px !important;
	border-left: 5px solid #007BFF !important;
	border-radius: 4px !important;
}

.toc-container h3 {
	margin-top: 0 !important;
	font-size: 20px !important;
	color: #007BFF !important;
	font-weight: 600 !important;
	font-family: 'Oswald', sans-serif !important;
}

.toc-list {
	list-style: disc !important; 
	margin: 0;
	padding-left: 20px !important; 
}

.toc-list li {
	margin-bottom: 8px !important;
}

.toc-list li.h1 {
	font-size: 18px !important;
	font-weight: 700 !important;
    background: none !important;
}

.toc-list li.h2 {
	font-weight: bold !important;
	margin-left: 10px !important;
	list-style-type: disc !important;
    background: none !important;
}

.toc-list li.h3 {
	margin-left: 25px !important;
	font-weight: normal !important;
	list-style-type: circle !important;
    background: none !important;
}

.toc-list a {
	text-decoration: none !important;
	color: #333 !important;
}

.toc-list a:hover {
	color: #007BFF !important;
	text-decoration: underline !important;
}

/*--header--*/
.header-section { position: absolute; top: 15px; left: 0; right: 0; z-index: 99; margin: 0 20px; transition: all 0.5s; border-radius: 50.5px; border: 1px solid rgba(255, 255, 255, 0.60); background: rgba(0, 0, 0, 0.20); backdrop-filter: blur(10px); padding: 0 15px 0 20px; }
.header-section.sticky { position: fixed; border:none; background: #253441; top: 0; margin: 0; border-radius: 0; border-bottom: 1px solid rgb(255 255 255 / 29%); }
.header-meuu-right { display: flex; align-items: center; justify-content: space-between; }
.header-section .row {align-items: center;}
.top-head-call { color: #fff; font-family: "Outfit"; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; display: flex; align-items: center; background: #017AFF; border-radius: 45px; padding: 5px 35px 5px 5px; }
.top-head-call figure { margin-right: 23px; width: 50px; height: 50px; flex-shrink: 0; border-radius: 45px; background: #FD484C; text-align: center; line-height: 45px; }
.top-head-call figure img { max-width: 24px;filter: brightness(0) invert(1); }
.top-head-call a { color: #fff; }
.top-head-call a:hover { color: #000000; }


/*--banner--*/
.home-banner { position: relative; z-index: 1; background-repeat: no-repeat; background-position: center; background-size: cover;padding: 170px 0 200px; }
section.home-banner:before { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; opacity: 0.82;z-index: -1; background: #001220; }
.home-banner>img {width: 100%;}
.banner-title { margin-bottom: 30px; color: #FFF; font-family: Oswald; font-size: 100px; font-style: normal; font-weight: 600; line-height: 130px; }
.banner-title strong { color: #FD484C; font-weight: 600; }
.home-banner p { color: #fff; }
.home-banner h2 { color: #FFF; font-size: 22px; font-weight: 500; margin-bottom: 25px;font-family: 'Outfit'; }
.home-banner h3 { color: #FD484C; font-size: 27px; font-weight: 500; line-height: normal; font-family: 'Outfit';}
.home-banner ul { margin-bottom: 20px; }
.home-banner ul li { list-style: none !important; background: url(../images/list-arrow.png) no-repeat; background-position: 0 4px; padding-left: 30px; background-size: 22px; color: #FFF; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px; margin-bottom: 10px; }
.home-banner ul li strong { color: #FD484C; font-weight: 500; }
.banner-top-row { margin-left: -42px; }
.home-banner .col-sm-7 { width: 58%; }
.home-banner .col-sm-5 { width: 42%; }
.banner-left-box { display: flex; flex-direction: column; justify-content: space-between; height: 100%; text-align: right; }
.banner-img-box { border-radius: 665px; background: #FD484C; padding: 0px 10px; max-width: 590px; margin-left: 60px; }
.banner-img-box figure { border-radius: 665px; background: #FFF; padding: 0 0px; overflow: hidden; }
.banner-img-box-child{ border-radius: 665px; background: #FFF; padding: 0px 10px; }
.banner-img-box figure img { width: 100%; height: 100%; object-fit: cover; }
.banner-btn a.theme-btn { margin: 10px 0; width: 100%; }
a.theme-btn.btn-white { background: #fff; }
a.theme-btn.btn-white:hover { background: #FD484C;color: #000; }
.banner-btn a.theme-btn.btn-yellow:hover { background: #fff;color: #000; }




a.theme-btn { display: inline-block; position: relative; padding: 16px 40px; text-align: center; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px;transition: all 0.5s; border-radius: 45px;}
a.theme-btn strong { font-weight: 600; }
a.theme-btn.btn-red {background: #FD484C; color: #fff; }
a.theme-btn.btn-red:hover { background: #017AFF; color: #fff; }
a.theme-btn.btn-blue:hover { background: #FD484C; color: #fff; }
a.theme-btn.btn-blue{ background: #017AFF; color: #fff;}

.heading-title { margin-bottom: 20px; color: #001220; font-family: Oswald; font-size: 70px; font-style: normal; font-weight: 400; line-height: 90px; }
.heading-title strong{ color: #FD484C;font-weight: 600; }

/* logo section */
section.logo-section { margin-top: -75px; position: relative; z-index: 2; margin-left: 138px; }
section.logo-section .col-sm-12 { padding-right: 0; }
section.logo-section .logos { border-radius: 15px 0 0 15px; background: #FFF; box-shadow: 0px 40px 40px 0px rgba(0, 18, 32, 0.20); }
.logos ul li img{transition: all 0.6s;}
.logos ul li:hover img{transition: all 0.6s; transform: scale(.95);}
.logos ul { display: flex; flex-wrap: wrap; justify-content: space-between; padding: 0 50px;align-items: center; }
.logos ul li { list-style: none; text-align: center; padding: 19px 10px; }

/*----------- work-section ---------*/
.work-section { padding: 70px 0; background: #FFF; position: relative; z-index: 1; }
.work-row .row { justify-content: center; }  
.work-section .col-sm-4 { padding: 20px; }
.work-row { max-width: 1200px; margin: 0 auto; }
.work-row .row { justify-content: center; }
.work-section .col-sm-4 { padding: 25px; }
.work-box { position: relative; padding: 45px 23px 55px; transition: all 0.3s; border-radius: 45px; background: #F5F5F5; text-align: center; }
.work-box:hover { background: #FFF4F4; box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.15);}
.work-box h3 { transition: all 0.3s; color: #001220; font-size: 30px; line-height: 40px; font-family: 'Outfit'; }
.work-box:hover h3{ color: #FD484C; }
.work-row .col-sm-4:nth-child(1) { margin-top: 120px; }
.work-row .col-sm-4:nth-child(2) { margin-top: 60px; }
.counter { color: #FD484C; font-family: Outfit; font-size: 30px; font-style: normal; font-weight: 600; line-height: 40px; }
.work-section::after { position: absolute; content: ''; width: 95%; height: 65%; left: 0; bottom: 0; background: url(../images/work-bg-shape.png) no-repeat; background-size: contain; z-index: -1; }



/*----------- services-section ---------*/
section.services-section { position: relative; z-index: 1;background: url(../images/services-background-img.jpg) no-repeat;background-position: center;background-size: cover;padding: 70px 0 110px; }
section.services-section::after{ position: absolute; content: ''; z-index: -1; width: 100%; height: 100%; top: 0; left: 0;opacity: 0.8; background: #000; }
section.services-section .heading-title { color: #fff; }
section.services-section ul { display: flex; flex-wrap: wrap; justify-content: center; }
section.services-section ul li { list-style: none; width: 14.28%; padding: 10px; }
.services-box { transition: all 0.5s; padding: 20px 17px 60px; height: 100% !important; border-radius: 15px; background: #FFF; box-shadow: 0px 0px 26px 0px rgba(0, 18, 32, 0.20); text-align: center; position: relative; }
.services-box:hover { background: #FD484C; }
.services-box figure { width: 118px; height: 118px; text-align: center; margin: 0 auto 17px; border-radius: 50%; line-height: 113px; background: #fff; }
.services-box h3 a { color: #000000; }
.services-box h3 { transition: all 0.5s; color: #000; font-family: Outfit; font-size: 24px; font-style: normal; font-weight: 600; line-height: 32px; margin-bottom: 6px; }
.services-box:hover h3 a { color: #ffffff; }
.services-box:hover h3 { color: #ffffff; }
.services-box p { font-size: 16px;  transition: all 0.5s; line-height: 24px; }
.services-box:hover p { color: #ffffff; }
.services-box figure img { transition: all 0.5s;    transform: rotateY(0deg); }
.services-box:hover figure img { transform: rotateY(360deg); }
.services-box .read-more { position: absolute; left: 10px; right: 10px; bottom: 27px; color: #666; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 500; line-height: 28px; }
.read-more a { color: #666; }
.read-more img { max-width: 20px; margin-left: 5px;transition: all 0.5s; }
.services-box:hover .read-more a{ color: #ffffff; }
.services-box:hover .read-more img{ filter: brightness(0) invert(1); }


/* About */
section.about-section { padding: 120px 0 120px 138px; }
.sub-heading { margin-bottom: 10px; color: #FD484C; font-family: Outfit; font-size: 30px; font-style: normal; font-weight: 600; line-height: 35px; }
.about-img-box { text-align: right; padding: 50px 0 0 35px; }
section.about-section .col-sm-6:last-child { padding-right: 0; }
.count-bx { text-align: center; max-width: 440px; margin: 0 auto; }
.count-digit-row { margin-bottom: 5px; position: relative; z-index: 1; display: flex; justify-content: center; color: #FD484C; font-family: Outfit; font-size: 299px; font-style: normal; font-weight: 600; line-height: 230px; }
.count-digit-row span { color: #017AFF; }
.count-bx p { color: #017AFF; font-family: Outfit; font-size: 22px; font-style: normal; font-weight: 500; line-height: 40px; text-align: right; }
.about-img-box figure { overflow: hidden; border-radius: 15px 0 0 15px; }
.about-img-box figure img { width: 100%; }


/*----------- testimonial-section ---------*/
.testimonial-section { padding: 100px 0; background: #F5F5F5; }
.testimonial-section .row { align-items: center; }
.testimonial-row { margin: 40px auto 0; border-radius: 15px; background: #FFF; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10); padding: 20px; max-width: 1250px; }
.testimonial-row-2 { border-radius: 15px; background: #FFF; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10); padding: 20px; }
.testimonial-row-3 { border-radius: 15px; background: #FFF; box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.10); padding: 45px 40px; }
.testimonial-child { display: flex; align-items: center; }
.testimonial-child > figure img { max-width: 40px; }
.testimonial-child .star { margin: -7px 15px 0; }
.testimonial-child .star img { max-width: 20px; }
.testimonial-child p { margin: 0; }
.testimonial-section .col-sm-4 { width: 28%; }
.testimonial-section .col-sm-6 { width: 57%; }
.testimonial-parent { border-right: 1px solid rgb(102 102 102 / 50%); padding: 0 70px 0 30px; }
.testimonial-box { position: relative; transition: all 0.5s; padding: 20px 0 0; }
.testimonial-box .testi-name { border-top: 1px solid rgb(0 0 0 / 20%); padding-top: 30px; margin-top: 38px; }
.testimonial-box .testi-name h3 { color: #FD484C; font-family: Outfit; font-size: 28px; font-style: normal; font-weight: 400; line-height: 36px; }
.testimonial-slider .owl-stage { display: block; }
.testimonial-slider .owl-item { display: block; flex: 1 0 auto;} 
.testimonial-slider.owl-carousel .owl-dots { display: none!important }
.testimonial-slider.owl-carousel .owl-nav .owl-next, .testimonial-slider.owl-carousel .owl-nav .owl-prev { background-position: center !important; width: 85px; height: 85px; border-radius: 50%; margin: 2em; border: 1px solid #FD484C; display: block; background-size: 48px !important;}
.testimonial-slider.owl-carousel .owl-nav .owl-prev { background:  url(../images/owl-prev.png) no-repeat; }
.testimonial-slider.owl-carousel .owl-nav .owl-next { background: url(../images/owl-next.png) no-repeat; }
.testimonial-slider.owl-carousel .owl-nav .owl-next:hover { background: url(../images/owl-next-hover.png) no-repeat; border-color: #017AFF;}
.testimonial-slider.owl-carousel .owl-nav .owl-prev:hover { background:  url(../images/owl-prev-hover.png) no-repeat;border-color: #017AFF; }
.testimonial-slider.owl-carousel .owl-nav span { display: none }
.testimonial-slider .owl-nav { margin-right: -248px; position: absolute; right: 0; top: 0; bottom: 0; align-content: center; }


/* -------faq-section--------- */
section.faq-section { padding: 100px 0; }
section.faq-section .row { justify-content: center; }
section.faq-section .col-sm-6 { padding: 22px; }
.faq-box .card { margin: 0 0 20px; border-radius: 0; box-shadow: none; border: none; background: #F5F5F5 !important; }
.faq-box .card-header { border: none; padding: 0; cursor: pointer; position: relative; margin: 0 0 0px; background: transparent !important; }
.faq-box .card-header h5, .card-header-title { padding: 20px 80px 20px 33px; position: relative; margin: 0; border-radius: 0; font-family: Outfit; font-size: 20px; font-style: normal; font-weight: 500; line-height: 28px; color: #fd484c; border-bottom: 1px solid #D9D9D9; }
.card-body.default-css { padding: 20px 20px 10px 33px; background: transparent; margin: 0 0px; }
.card-header-title.collapsed { color: #000; box-shadow: none; border: none; background: transparent; }
.card-header-title.collapsed:hover { color: #017AFF !important; }
.faq-box .card-header h5:after, .faq-box .card-header h5:after, .card-header-title::after { content: ""; background: #FD484C url(../images/faq-minus.png) no-repeat center; width: 40px; height: 40px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); right: 11px; border-radius: 4px; border: none; }
.faq-box .card-header h5.collapsed:after, .card-header-title.collapsed::after { background: #017AFF url(../images/faq-pluse.png) no-repeat center; }
.faq-btns { padding-top: 25px; }
.faq-btns a.theme-btn.btn-red { margin-left: 20px; }
.faq-box .card-header-title:hover{ color: #FD484C; }

/*----------- gallery-section ---------*/
.gallery-section .theme-btn { margin-top: 45px; }
.gallery-items > img { width: 100%; object-fit: cover; height: 100%; }
.gallery-items {position: relative;overflow: hidden;margin: 0 0;height: 100%; }
.gallery-row { margin-top: 40px; }
.gallery-section ul { display: flex; align-content: center; flex-wrap: wrap; align-items: center; justify-content: center; vertical-align: middle; flex: 1; }
.gallery-section ul li { background: rgba(255, 255, 255, 0.25); border: none; flex: 1; height: 575px; margin: 0 2px; border-radius: 0px; box-shadow: none; cursor: default; display: flex; align-items: center; justify-content: center; overflow: hidden; transition: 0.5s all ease; }
.gallery-section ul li img { width: 100%; height: 100%; object-fit: cover; }
.gallery-section ul li:hover { flex: 2; background-color: transparent; }
/* */
.gallery-section ul li:hover .gallery-items::after{ opacity: 0; }
.gallery-section.modern-bathroom .gallery-items::after {
    content: none !important;
    display: none !important;
}

/* === Custom Enhancements for Gallery Template === */

/* Fix spacing for Before & After and Modern Bathroom */


.gallery-section:not(.gallery-inn) .col-sm-3 {
    padding: 10px;
}

/* BEFORE & AFTER section layout styling */
.gallery-section.before-after .before-after-pair {
    display: flex;
    flex-wrap: wrap;
    gap: 0;
    border: 2px solid #eee;
    border-radius: 6px;
    overflow: hidden;
    margin-bottom: 20px;
    background-color: #f9f9f9;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.gallery-section.before-after .gallery-items {
    flex: 1 1 50%;
    margin: 0;
    padding: 0;
    border-right: 1px solid #ddd;
}

.gallery-section.before-after .gallery-items:last-child {
    border-right: none;
}

/* Optional: Hover effect */
.gallery-section.before-after .gallery-items img.project-item-images,
.gallery-section.modern-bathroom .gallery-items img.project-item-images {
    transition: transform 0.3s ease;
}

.gallery-section.before-after .gallery-items:hover img.project-item-images,
.gallery-section.modern-bathroom .gallery-items:hover img.project-item-images {
    transform: scale(1.02);
}
.gallery-section.modern-bathroom .col-sm-3 {
  padding-bottom: 10px !important;
}


/* OUR BLOG SECTION CSS START */
.blog-section { padding: 100px 0; }
.blog-wrapper .row {justify-content: center;}
.blog-section .col-sm-4 { padding: 25px; }
.blog-item { transition: all 0.5s ease; height: 100%; position: relative; text-align: center; }
.blog-item figure { border-radius: 15px; overflow: hidden; }
.blog-item figure img { width: 100%; transition: all 0.5s ease; height: 100%; object-fit: cover; }
.blog-content { padding: 15px 0 0; }
.blog-item h4 { color: #000000; font-size: 28px; font-style: normal; font-weight: 500; line-height: 40px; font-family: Outfit; }
.blog-item h4 a { color: #000000; transition: all 0.5s ease; }
.blog-item .read-more { transition: all 0.5s ease; color: #000000; font-family: Outfit; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; }
.blog-item:hover figure img {transform: scale(1.1);}
.blog-item .read-more:hover{ color: #FD484C; }
.blog-item:hover h4 a { color: #FD484C; }

/*--trusted-section--*/
section.guarantee-section { margin-bottom: -175px; }
.guarantee-row { background: url(../images/guarantee-background-img.jpg) no-repeat; border-radius: 45px; position: relative; z-index: 1; padding: 35px 35px; max-width: 1420px; margin: 0 auto; border: 10px solid #fff; }
.guarantee-row::after { position: absolute; content: ''; width: 100%; height: 100%; left: 0; top: 0; border-radius: 38px; opacity: 0.8; background: linear-gradient(180deg, #FD484C 0%, #141416 0.01%); box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.14); z-index: -1; }
section.guarantee-section .row { align-items: center; }
section.guarantee-section .heading-title { color: #FFF; font-size: 80px; font-weight: 500; line-height: 110px; }
section.guarantee-section .heading-title strong { font-weight: 500; }
.guarantee-img { text-align: center; }




/*----------- footer ---------*/
.footer { padding: 255px 0 0px; background: #F5F5F5; box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.14); }
.footer .container{ max-width: 1430px !important; }
.footer .col-sm-3 { width: 29%; }
.footer .col-sm-3:nth-child(2) { width: 20%; }
.footer .col-sm-3:nth-child(3) { width: 22%; }
.ftr-social { margin-top: 35px; }
.ftr-social a { height: 55px; width: 55px; text-align: center; border-radius: 50%; display: inline-block; margin-right: 15px; line-height: 48px; border: 1px solid #017AFF; }
.ftr-social a img { max-width: 28px;}
.ftr-social a:hover img {filter: brightness(0) invert(1);}
.ftr-social a:hover { border-color: #FD484C; background: #FD484C; }
.ftr-title { margin-bottom: 20px; color: #000; font-family: Outfit; font-size: 28px; font-style: normal; font-weight: 500; line-height: 36px; }
.ftr-title strong { color: #FD484C; font-weight: 500; }
.ftr-call-now { display: flex; margin-bottom: 25px; }
.ftr-call-now:last-child { margin-bottom: 0px; }
.ftr-call-now figure { width: 60px; height: 60px; flex-shrink: 0; text-align: center; border: 1px solid #666; border-radius: 50%; line-height: 55px; margin-right: 20px; }
.ftr-call-now figure img { max-width: 26px; }
.ftr-call-inn p { color: #FD484C; font-size: 20px; line-height: 30px; margin: 0; }
.ftr-call-now p a { color: #666; font-size: 18px; font-style: normal; font-weight: 400; line-height: 26px; }
.ftr-call-now p a:hover{ color: #FD484C; }
.ftr-call-inn p strong { color: #666; font-size: 18px; font-weight: 400; line-height: 28px; display: block; }
.ftr-items ul li { color: #666; font-family: Outfit; font-size: 18px; font-style: normal; font-weight: 400; line-height: 28px; list-style: none; margin-bottom: 15px; }
.ftr-items ul li a { color: #666; }
.ftr-items ul li a:hover { color: #FD484C; }
.newsletter-form { position: relative; }
.newsletter-form .medium { padding: 12px 25px 12px 25px !important; display: block !important; height: 60px !important; width: 100% !important; margin: 0px !important; color: #666 !important; font-family: Outfit !important; font-size: 18px !important; font-style: normal !important; font-weight: 400 !important; line-height: 28px !important; box-shadow: none !important; border-radius: 45px !important; border: 1px solid rgba(9, 29, 43, 0.50) !important; background: #ffffff !important; }
.newsletter-form input.button.gform_button { width: auto !important; height: auto !important; display: inline-block !important; cursor: pointer !important; transition: all 0.6s ease-out !important; background-position: center !important; color: #ffffff !important; font-family: Outfit !important; font-size: 22px !important; font-style: normal !important; font-weight: 500 !important; line-height: normal !important; padding: 16px 45px !important; margin-top: 0 !important; border: none !important; border-radius: 45px !important; background: #FD484C !important; }
.newsletter-form input.button.gform_button:hover {background: #000 !important;color: #FD484C !important;}
.newsletter-form .gform_wrapper .gform_footer { position: initial; margin: 0 !important; }
.newsletter-form .medium::-webkit-input-placeholder { /* Edge */ color: #666;opacity: 1;}
.newsletter-form .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */ color: #666;opacity: 1;}
.newsletter-form .medium::placeholder {color: #666;opacity: 1;}
.newsletter-form .gform_body { margin: 0; }
.newsletter-form .gform_wrapper .gfield {
    padding: 0;
}
.gform_confirmation_message { color: #666; }
.footer-menu ul {display: flex;justify-content: center;align-items: center;}
.footer-menu ul li {list-style: none;display: inline-block;position: relative;padding: 10px 1px;font-family: 'Outfit';font-style: normal;font-weight: 400;font-size: 18px;line-height: 23px;color: #666666;}
.footer-menu ul li a:hover {color: #FD484C;}
.footer-menu ul li::after { content: '|'; font-weight: 400; font-size: 18px; line-height: 36px; text-align: center; font-family: 'Outfit'; color: #666666; padding: 0 58px; }
.footer-menu ul li:last-child:after {display: none;}
.footer-menu ul li a {color: #666666;transition: 0.6s;}
.menu-copyright ul {padding: 0;margin: 0;}
.menu-copyright ul li {list-style: none;display: inline-block;position: relative;text-align: center;font-style: normal;font-weight: 400;color: #666;font-size: 18px;font-family: Outfit;line-height: 28px;}
.menu-copyright ul li a {color: #666;}
.menu-copyright ul li a:hover {color: #FD484C;}
.menu-copyright ul li::after {content: '/';color: #666;padding: 0 10px 0 13px;font-family: 'Outfit';font-style: normal;font-weight: 400;font-size: 18px;line-height: 28px;}
.copyright p {margin: 0;}
.menu-copyright {float: right;}
.menu-copyright ul li:last-child:after {display: none;}
.copyright-sections .row {align-items: center;}
.copyright-sections { padding: 17px 0 20px; border-top: 1px solid #D9D9D9; margin-top: 25px; }




.form-hero { padding: 60px 35px; border: none; border-right-width: medium; border-right-style: none; border-right-color: currentcolor; border-radius: 0; border-right: 0; position: relative; background: #FFF; box-shadow: 0px 0px 60px 0px rgba(1, 122, 255, 0.20); }
.modal-body { padding: 0; }
.form-hero .gform_wrapper .ginput_complex select {background: #fff url(../images/select-arrow.png) no-repeat right 13px center!important;background-size: 16px !important;}
.b-form-title strong { color: #fd484c;font-weight: 700; }
.b-form-title { margin-bottom: 20px; position: relative; color: #000; font-family: Oswald; font-size: 60px; font-style: normal; font-weight: 400; line-height: 80px; }
.gform_body {margin: 0 -10px;}
.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 10px 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';font-style: normal;font-weight: 400 !important;font-size: 16px !important;line-height: 22px;color: #666 !important;margin-bottom: 3px;}
.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: 10px 5px 10px 5px !important;
    -webkit-appearance: none;
    resize: none;
    position: relative;
    height: 60px;
    transition: all 1s;
    margin: 0 !important;
    color: #666;
    font-family: Outfit;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    box-shadow: none;
    border-radius: 0;
    border: none;
    background: #FFF;
    border-bottom: 1px solid #D9D9D9;
    min-block-size: 0 !important;
}
.gform_wrapper .medium::-webkit-input-placeholder { /* Edge */
color: #666666;opacity: 1;}
.gform_wrapper .medium:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #666666;opacity: 1;}
.gform_wrapper .medium::placeholder {color: #666666;opacity: 1;}
.gform_wrapper input[type="text"]::-webkit-input-placeholder { /* Edge */
color: #666;opacity: 1;}
.gform_wrapper input[type="text"]:-ms-input-placeholder { /* Internet Explorer 10-11 */
color: #666;opacity: 1;}
.gform_wrapper input[type="text"]::placeholder {color: #666;opacity: 1;}
.form-hero .gform_wrapper .gfield_error input[type="text"],  .form-hero .gform_wrapper .gfield_error textarea,  .form-hero .gform_wrapper .gfield_error select,  .form-hero .gform_wrapper .gfield_error .medium {border-bottom: 1px solid #c02b0a !important;}
.form-hero input.button.gform_button { padding: 16px 60px !important; display: inline-block !important; cursor: pointer !important; border: none; box-shadow: none !important; text-align: center !important; border-radius: 45px !important; transition: all 0.6s !important; background: #FD484C !important; color: #FFF !important; font-family: Outfit !important; font-size: 22px !important; font-style: normal !important; font-weight: 500 !important; line-height: normal !important; }
.form-hero input.button.gform_button:hover {box-shadow: 0px 0px 30px 0px rgba(151, 133, 113, 0.30) !important;background: #FFF !important;color: #000 !important;transition: all 0.6s !important;}
.gform_wrapper textarea.medium {height: 120px!important;display: block;}
.gform_wrapper .gform_footer {padding: 0px 0 0 0px !important;margin: 0px 0 0 0 !important;position: relative;z-index: 1;}
.gform_wrapper .medium.gfield_select {background: #fff url(../images/select-arrow.png) no-repeat right 10px center!important;background-size: 16px !important;}
.modal-dialog {
    max-width: 660px !important;
    position: absolute;
    top: 60px;
    left: 0;
    right: 0;
    transform: inherit !important;
    margin: 0px auto 0;
    width: 95%;
}
.modal.popup-form button.close {
    opacity: 1;
    position: absolute;
    right: -10px;
    top: -10px;
    font-size: 0;
    font-weight: normal;
    color: #fff;
    cursor: pointer;
    border: none;
    z-index: 1;
    background: #000;
    border-radius: 50%;
    width: 50px;
    height: 50px;
}
.modal.popup-form button.close:hover {
    background: #fd484c;
}
.modal.popup-form button.close img {
    max-width: 20px;
}
.modal-backdrop.show { opacity: 0.999;background: url(../images/banner-background.jpg) no-repeat;background-position: center;background-size: cover; }
.popup-form .form-hero { width: 100%; float: none; max-width: 100%; border-radius: 45px;}
.popup-form .modal-content {
  background: transparent;
  border: none;
}
.popup-form .b-form-title {
  text-align: center;
}




/*--inner pages start--*/

section.inner-banner { position: relative; }
.inner-banner>img{width: 100%;}
section.inner-banner::before { content: ''; height: 100%; width: 100%; top: 0; position: absolute; left: 0; opacity: 0.82; background: #001220;}
.page-nav {width: 100%;position: absolute;padding: 16px 0;bottom: 0;left: 0;z-index: 1;}
.page-nav::before { content: ''; height: 100%; position: absolute; bottom: 0; left: 0; z-index: -1; right: 0;background: linear-gradient(90deg, rgba(253, 72, 76, 0.00) 16.98%, #FD484C 36.93%, #FD484C 68.91%, rgba(253, 72, 76, 0.00) 84.29%); }
.page-nav ul li { margin: 0px; color: #FFF; font-family: Outfit; font-size: 20px; font-style: normal; font-weight: 600; line-height: 28px; text-align: center; list-style: none; }
.page-nav ul li span a{color: #000000;}
.page-nav ul li span a:hover, .page-nav ul li span a:hover span, .page-nav ul li span .current-item{color: #000;}
.page-nav ul li span { color: #ffffff; }
.caption-absolute { position: absolute; top: 56%; left: 0; right: 0; width: 100%; transform: translateY(-50%); z-index: 1; text-align: center; } 


/*--about page--*/
.our-mission-top-row { background: #001220; box-shadow: -40px -60px 60px 0px rgba(1, 122, 255, 0.20); padding: 100px 25px; }
section.our-mission-section .section-heading { margin: 0 75px 85px; }
section.our-mission-section .heading-title { color: #fff; }
section.our-mission-section p { color: #fff; }
section.our-mission-section .banner-btn { margin-top: 45px; }
section.our-mission-section .banner-btn a.theme-btn { width: auto; margin: 0; }
section.our-mission-section .banner-btn a.theme-btn.btn-blue { margin-left: 18px; }
section.our-mission-section .col-sm-4 { padding: 15px; }
.our-mission-img img { width: 100%;transition: all 0.5s; }
.our-mission-img figure{overflow: hidden;}
.our-mission-img figure:hover img{ transform: scale(1.1); }

/*--services page--*/
section.services-section.services-inn { background: #fff; padding: 100px 0; }
section.services-section.services-inn::after{ display: none; } 
section.services-section.services-inn .heading-title { color: #001220; }
section.services-section.services-inn ul li { width: 25%; padding: 15px; }

/*--services page--*/
section.location-section { padding: 90px 0; }
.location-box { padding: 0 80px; }
.location-box ul { display: flex ; flex-wrap: wrap; justify-content: center; }
.location-box ul li { width: 20%; list-style: none; padding: 20px; }
.area-location-bx { display: flex ; align-items: center; }
.area-location-bx h6 { margin: 0; color: #000; font-family: Outfit; font-size: 20px; font-style: normal; font-weight: 600; line-height: normal; padding-left: 10px;transition: all 0.5s; }
.area-location-bx:hover h6{ color: #FD484C; }
.area-location-bx img { filter: brightness(0) saturate(100%) invert(31%) sepia(64%) saturate(2375%) hue-rotate(199deg) brightness(101%) contrast(109%); }
section.map-section { padding-bottom: 110px; }
.map-box { background: #FFF; box-shadow: 0px 0px 40px 0px rgba(1, 122, 255, 0.30); padding: 10px; height: 660px; flex-shrink: 0; }
.map-box iframe { width: 100%; height: 100%; }
.map-box img { width: 100%; height: 100%; object-fit: cover;}

/*----------- gallery-page ---------*/
section.gallery-section.gallery-inn { padding: 110px 0; }
section.gallery-section.gallery-inn .row { justify-content: center; }
section.gallery-section.gallery-inn .col-sm-3 { padding: 15px; }
section.gallery-section.gallery-inn .gallery-row { margin: 0; }
section.gallery-section.gallery-inn .gallery-items::after{display: none;} .gallery-section.modern-bathroom .gallery-items::after {
    content: none !important;
    display: none !important;
}
.gallery-items{transition: all 0.5s; }
.gallery-items figure { overflow: hidden; border-radius: 0;transition: all 0.5s;  }
.gallery-items figure img { width: 100%; }
.gallery-section .theme-btn { margin-top: 30px; }
.gallery-item-parent { position: absolute; bottom: 15px; left: 15px; right: 15px; top: 15px;background: rgb(253 72 76 / 80%); overflow: hidden; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); -webkit-transition: .3s; transition: .3s ease; border-radius: 0; }
.gallery-item-text {position: absolute;top: 50%;transform: translateY(-50%);left: 0;right: 0;width: 100%;text-align: center;}
a.example-image-link { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; height: 100px; width: 100px; position: relative; background: #fff; border-radius: 50%; margin: 0 auto; position: relative; }
.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%);}


/*--faqs page--*/
section.faq-section.faq-inn .faq-row { max-width: 1060px; margin: 0 auto; }

/*--contact page--*/
section.contact-inn { padding: 110px 0; }
section.contact-inn .heading-title { margin-bottom: 0px; }
.ftr-call-row { display: flex ; flex-wrap: wrap; }
.ftr-call-row .ftr-call-now { width: 50%; margin-bottom: 30px !important; }
section.contact-inn .map-box { height: 390px; padding: 0; box-shadow: none; }
section.contact-inn .form-hero { height: 100%; align-content: center; }
section.contact-inn .section-heading { margin-bottom: 30px; }
.contact-box { max-width: 660px; margin: 0 0 10px; }
.contact-content { padding-right: 60px; }


/*--wp-pegination inner page--*/
.wp-pegination {padding-top:40px;text-align: center;}
.wp-pagenavi { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center; }
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a {
    width: 60px;
    height: 60px;
    display: inline-block;
    margin: 0 5px !important;
    border: 1px solid #fd484c;
    font-family: 'Oswald';
    line-height: 58px;
    text-align: center;
    border-radius: 4px;
    font-style: normal;
    font-weight: 500;
    font-size: 30px;
    color: #000;
    padding: 0;
}
.wp-pegination a.nextpostslink, .wp-pegination a.previouspostslink {
    background: url(../images/blog-next.png);
    background-repeat: no-repeat !important;
    background-position: center center !important;
    font-size: 0;
    padding: 0;
    margin: 0;
    border: 1px solid #fd484c;
}
.wp-pegination a.nextpostslink:hover, .wp-pegination a.previouspostslink:hover { background: #fd484c url(../images/blog-hover.png); border-color: #fd484c !important; }
.wp-pegination a.previouspostslink {transform: rotate(180deg);}
.wp-pegination span.current, .wp-pegination  {  margin: 0;}
.wp-pegination span.current, .wp-pegination .page:hover { color: #fff; border-color: #fd484c !important; background: #fd484c;  padding: 0;}
span.pages, span.extend, a.last, a.first {display: none;}
nav.navigation.pagination {display: none;}
.wp-pegination a.nextpostslink, .wp-pegination a.previouspostslink{ background-size: 32px !important; }
  

/*--service-detail inner page--*/
section.default-section.inpad {padding: 50px 0;}
section.services-section.nipad {padding-top: 0;}
.search-btn {
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(24, 131, 189, 0.16);
    margin: 0 0 40px;
    padding: 30px 30px;
}
.search-btn form {position: relative}
.search-medium {width: 100%;padding: 15px 70px 15px 15px;border: 1px solid rgba(0, 0, 0, 0.3);height: 60px;background-color: #fff;border-radius: 8px;font-size: 18px;line-height: 28px;color: #414141;font-weight: 400;font-family: Outfit;}
.search-btn button {border: none;position: absolute;top: 15px;width: 40px;right: 9px;background: transparent;height: 30px;}
.search-icon img {
    filter: brightness(0.5);
}
.search-btn button:hover {cursor: pointer}
.sidebar-title { color: #19202D; font-family: Outfit; font-size: 30px; font-style: normal; font-weight: 600; line-height: 36px; margin-bottom: 15px; position: relative; padding-left: 15px; }
.sidebar-title:after { content: ""; position: absolute; top: 0px; left: 0; background: #fd484c; height: 100%; width: 3px; }
.service-detail-list {
    border-radius: 4px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(24, 131, 189, 0.16);
    margin: 0 0 40px;
    padding: 30px 30px;
}
.service-detail-list ul li a:hover {color: #fd484c;}
.service-detail-list ul li.active, .service-detail-list ul li:hover {color: #fd484c;}
.service-detail-list ul li.active a, .service-detail-list ul li a:hover {color: #fd484c;}
.service-detail-list ul {padding: 0;margin: 0;}
.service-detail-list ul li {list-style: none;padding: 10px 0;transition: all 0.5s ease-out;-webkit-transition: all 0.5s ease-out;position: relative;}
.service-detail-list ul li a { font-size: 18px; line-height: normal; color: #666; font-weight: 400; font-family: Outfit; display: block; padding-right: 20px; }
.service-detail-list ul li:last-child {border: none;}
.service-detail-right {padding-left: 50px;}
.services-detail-left h1 { color: #000; font-family: Outfit;}
figure.fimgs {margin-bottom: 20px;}
.service-detail-list ul li::after {
    content: "\f105";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    background-size: cover;
    color: #666;
    font-family: 'FontAwesome';
    font-size: 18px;
    font-weight: 600;
}
.service-detail-list ul li:hover::after, .service-detail-list ul li.active:hover {color: #fd484c;}
.service-detail-list.estimatin-titel {text-align: center;}
figure.fimgs img {border-radius: 4px;background: #FFF;width: 100%;margin-bottom: 0;object-fit: cover;box-shadow: 0px 0px 40px 0px rgba(24, 131, 189, 0.16);}
.service-detail-list-month { color: #fd484c; 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: 4px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(24, 131, 189, 0.16);
}
.estimatin-detail h4 {
    color: #19202D;
    font-family: Outfit;
    font-size: 35px;
    font-style: normal;
    font-weight: 600;
    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: 700;line-height: 40px;}
/* .estimatin-btn a.theme-btn {
    background: #000;
    color: #fff;
    margin-top: 10px;
}
.estimatin-btn a.theme-btn:hover {
    background: #002950 !important;
    color: #fff;
} */
.search-container { margin-bottom: 40px; }
.search-container form { position: relative; }
.search-container .services-detail-search { border-radius: 4px; background: #fd484c; 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 80px 15px 35px; 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; }
.blog-img-single > figure img {
    width: 100%;
    border-radius: 5px;
    height: 100%;
    object-fit: cover;
}
.blog-img-single > figure {
    margin-bottom: 20px;
    border-radius: 5px;
    padding: 5px;
    background: #fff;
    box-shadow: 0px 0px 40px 0px rgba(24, 131, 189, 0.16);
}
section.blog-section.singlepgge {
    padding-top: 0;
}


.pagination-parent {
    padding-top: 30px;
}
.nav-next a, .nav-previous a{
    display: inline-block;
    position: relative;
    padding: 16px 42px;
    text-align: center;
    font-family: Outfit;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 28px;
    border-radius: 45px;
    background: #000;
    color: #fff;
}
.nav-next a:hover, .nav-previous a:hover {background: #FD484C;color: #fff;}
.nav-previous {float: left}
.nav-next {float: right;margin-right: 0;}

.gform_validation_errors {
    display: none !important;
}
.service-detail-right.sticky {
    position: sticky;
    top: 110px;
    right: 0;
}
.service-detail-right .form-hero {
    padding: 30px 30px;
	    margin: 0 0 40px;
}

.blogpage-single-section .col-sm-8 {
		padding: 0 15px;
    }
.blogpage-single-section .col-sm-4 {
		padding: 0 15px;
    }
.ginput_container_phone .validation_message {
    display: none !important;
}
.newsletter-form .gfield {
    margin-bottom: 8px;
}
.ginput_recaptcha {transform:scale(0.77) !important;-webkit-transform:scale(0.77) !important;transform-origin:0 0 !important;-webkit-transform-origin:0 0 !important;}

.ginput_container.ginput_recaptcha.gform-initialized {transform:scale(0.77) !important;-webkit-transform:scale(0.77) !important;transform-origin:0 0 !important;-webkit-transform-origin:0 0 !important;}

.gform_drop_area {
    padding: 15px !important;
    border: 1px solid #D9D9D9 !important;
    box-shadow: none !important;
}
.gform-theme--framework .gfield:where(.gfield--type-fileupload,.gfield--input-type-fileupload) .gform_drop_area::before{display: none !important;}

.form-hero input[type="file"] {display : none;}
.form-hero .button.gform_button_select_files {
    border: none;
    display: inline-block !important;
    padding: 8px 18px !important;
    margin-top: 0;
    color: #FFF !important;
    font-family: Outfit !important;
    font-size: 16px !important;
    font-style: normal !important;
    font-weight: 500 !important;
    line-height: 23px !important;
    border-radius: 45px !important;
    background: #017AFF !important;
}
.form-hero .button.gform_button_select_files:hover {background: #FD484C !important;}
footer.footer.guarantee-remove {
    padding-top: 100px;
}

@media (min-width: 1200px) {
/*------------- mega menu ---------------*/
.menu-top-menu-container {position: relative}
.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;}
.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: #000 !important;}
.mega-menu ul.sub-menu li:hover a {background: transparent !important;color: #FD484C
!important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li {position: relative;padding-left: 30px !important;text-transform: inherit !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li a {background: transparent !important;color: #666 !important;padding: 7px 10px 7px 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: #FD484C
!important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu ul.sub-menu li::before { content: ""; font-size: 18px; color: #FD484C
; font-family: 'FontAwesome'; left: 0; position: absolute; top: 7px; background: url(../images/favicon.png) no-repeat; height: 22px; width: 22px; background-size: 22px; filter: brightness(0); }
.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: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);}



/*------------- mega menu2 CSS---------------*/
.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: 15px;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 25px 25px 25px;}
.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;column-count: 3;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;-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;margin-right: 0px!important;background: transparent !important;border: none;float: none;}
.mega-menu2 ul.sub-menu li a {background: transparent !important;color: #FD484C
!important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children a { padding: 2px 0 !important; margin-left: 0px !important; font-weight: 600; }
.mega-menu2 ul.sub-menu li a:hover {background: transparent !important;color: #FD484C
!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: transparent !important;color: #666 !important;padding: 3px 10px 3px 15px;padding-left: 26px !important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children>a { padding: 5px 0 !important; margin-left: 0px !important; font-weight: 700; color: #000 !important; }
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a:hover {background: transparent !important;color: #FD484C
!important;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li a::after {color: #FD484C
!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: 14px !important; padding-top: 6px !important; font-weight: 400; }
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu a:hover {color: #FD484C
!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; }
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li ul.sub-menu li { padding-left: 15px !important; width: 100%; }
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li::before { content: ""; font-size: 18px; color: #FD484C
; font-family: 'FontAwesome'; left: 0; position: absolute; top: 5px; background: url(../images/favicon.png) no-repeat; height: 22px; width: 22px; background-size: 22px; filter: brightness(0); }
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children::before{display: none;}
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li.menu-item-has-children ul.sub-menu li a:hover { color: #FD484C
!important; }
.navbar-collapse .menu-top-menu-container>ul li.mega-menu2 ul.sub-menu li:hover::before { filter: none; transition: 0.6s; }
.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; background: transparent; box-shadow: none; padding: 0; transform: rotateX(0deg); padding-left: 0px; 
left: 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;}
.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: #FD484C
!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;}
}

@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: 1530px !important;} }
@media (min-width:1700px) { .container {max-width: 1630px !important;} }

@media (max-width:1899px) {
.banner-top-row { margin-left: 0; }
}
@media (max-width:1799px) {
}

@media (max-width:1699px) { 
.default-section{ padding: 80px 0; } 
.container { max-width: 100% !important; padding: 0 45px; }
.banner-top-row { margin-left: 0; }
.home-banner { padding: 170px 0 160px; }
.banner-title { margin-bottom: 30px; font-size: 70px; line-height: 95px; }
section.logo-section { margin-top: -75px; margin-left: 45px; }
.heading-title { margin-bottom: 20px; font-size: 60px; line-height: 75px; }
.services-box h3 { font-size: 20px; line-height: 28px; margin-bottom: 5px; }
.services-box figure img { max-width: 60px; max-height: 60px; }
.services-box figure { width: 98px; height: 98px; margin: 0 auto 15px; line-height: 93px; }
section.about-section { padding: 100px 0 100px 45px; }
.count-digit-row { font-size: 249px; line-height: 180px; }
.count-bx { max-width: 370px; }
.faq-btns a.theme-btn.btn-red { margin-left: 15px; }
.banner-btn a.theme-btn { font-size: 16px; line-height: 24px; }
.floating-icon a { padding: 9px 20px; font-size: 16px; line-height: 24px; }
.floating-icon { right: -70px; }
.gallery-section ul li { height: 455px; }
.blog-section { padding: 80px 0; }
.our-mission-top-row { padding: 80px 25px; }
section.our-mission-section .banner-btn { margin-top: 35px; }
section.our-mission-section .section-heading { margin: 0 45px 65px; }
section.map-section { padding-bottom: 90px; }
section.gallery-section.gallery-inn { padding: 90px 0; }
section.contact-inn { padding: 90px 0; }
.b-form-title { margin-bottom: 20px; font-size: 47px; line-height: 60px; }



}

@media (max-width:1599px) {
.footer-menu ul li::after { padding: 0 48px; }
section.services-section ul li { width: 25%; }

}
@media (max-width:1499px) {
h1 {font-size: 40px;line-height: 45px;}
h2 {font-size: 36px;line-height: 40px;}
h3 {font-size: 32px;line-height: 40px;}
h4 {font-size: 30px;line-height: 40px;}
h5 {font-size: 28px;line-height: 35px;}
h6 {font-size: 26px;line-height: 35px;}
.default-section{ padding: 60px 0; }
.header-section { margin: 0 15px; padding: 0 5px 0 20px; }
.top-head-call { padding: 5px 25px 5px 5px; }
.top-head-call figure { margin-right: 12px; width: 45px; height: 45px; line-height: 42px; }
.top-head-call figure img { max-width: 22px; }
.banner-title { margin-bottom: 20px; font-size: 55px; line-height: 70px; }
.home-banner h2 { font-size: 20px; margin-bottom: 15px; }
.home-banner h3 { font-size: 24px; }
.logos ul li img { max-height: 80px; max-width: 200px; }
.logos ul { padding: 0 40px 0 25px; }
section.logo-section { margin-top: -59px; margin-left: 45px; }
.heading-title { margin-bottom: 15px; font-size: 47px; line-height: 60px; }
.work-section { padding: 60px 0; }
.work-section .col-sm-4 { padding: 15px; }
.work-box h3 { font-size: 25px; line-height: 32px; }
.counter { font-size: 25px; line-height: 32px; }
.work-box { padding: 35px 20px 45px; border-radius: 45px; }
.work-row .col-sm-4:nth-child(2) { margin-top: 40px; }
.work-row .col-sm-4:nth-child(1) { margin-top: 80px; }
.work-section::after { height: 59%;width: 100%; }
section.services-section { padding: 60px 0 70px; }
.services-box .read-more { bottom: 20px; font-size: 16px; line-height: 25px; }
.read-more img { max-width: 18px; margin-left: 4px; }
.services-box { padding: 20px 15px 50px; }
section.about-section { padding: 60px 0 60px 45px; }
.sub-heading { margin-bottom: 10px; font-size: 25px; line-height: 30px; }
.count-digit-row { font-size: 199px; line-height: 130px; }
.count-bx { max-width: 330px; }
.about-img-box { padding: 50px 0 0 15px; }
.testimonial-section { padding: 70px 0; }
.star img { max-width: 32px; }
.testimonial-slider.owl-carousel .owl-nav .owl-next, .testimonial-slider.owl-carousel .owl-nav .owl-prev { width: 65px; height: 65px; background-size: 32px !important; }
.testimonial-slider .owl-nav { margin-right: -230px; }
.testimonial-box .testi-name h3 { font-size: 25px; line-height: 32px; }
section.faq-section { padding: 70px 0; }
section.faq-section .col-sm-6 { padding: 15px; }
.faq-btns { padding-top: 15px; }
a.theme-btn { padding: 14px 30px; font-size: 18px; line-height: 24px; border-radius: 45px; }
.faq-btns a.theme-btn.btn-red { margin-left: 10px; }
.banner-btn a.theme-btn { font-size: 15px; line-height: 22px; padding: 14px 15px; margin: 9px 0; }
.home-banner { padding: 170px 0 120px; }
.gallery-section ul li { height: 400px; }
.gallery-row { margin-top: 15px; }
.gallery-section .theme-btn { margin-top: 30px; }
.blog-section { padding: 60px 0; }
.blog-section .col-sm-4 { padding: 20px; }
.blog-item h4 { font-size: 24px; line-height: 34px; }
.blog-item .read-more { font-size: 18px; line-height: 26px; }
section.guarantee-section .heading-title { font-size: 60px; line-height: 90px; }
.ftr-title { font-size: 25px; line-height: 32px; }
.ftr-call-now figure { width: 50px; height: 50px; line-height: 45px; margin-right: 15px; }
.ftr-call-now figure img { max-width: 23px; }
.ftr-social a { height: 50px; width: 50px; margin-right: 10px; line-height: 43px; }
.ftr-social a img { max-width: 24px; }
.ftr-social { margin-top: 25px; }
.newsletter-form input.button.gform_button { font-size: 18px !important; padding: 13px 35px !important; margin-top: 15px !important; }
.newsletter-form .medium { padding: 8px 20px 8px 20px !important; height: 50px !important; font-size: 16px !important; line-height: 24px !important; }
.form-hero { padding: 40px 35px; }
.b-form-title { font-size: 50px; line-height: 60px; }
.page-nav ul li { font-size: 18px; line-height: 26px; }
.page-nav { padding: 10px 0; }
.caption-absolute { top: 58%; }
section.our-mission-section .banner-btn a.theme-btn.btn-blue { margin-left: 15px; }
.our-mission-top-row { padding: 60px 20px;box-shadow: -20px -30px 50px 0px rgba(1, 122, 255, 0.20); }
section.our-mission-section .banner-btn { margin-top: 25px; }
section.our-mission-section .col-sm-4 { padding: 10px; }
section.our-mission-section .section-heading { margin: 0 25px 45px; }
section.services-section.services-inn { padding: 60px 0; }
.location-box { padding: 0; }
section.location-section { padding: 60px 0; }
section.map-section { padding-bottom: 60px; }
.map-box { height: 520px; }
section.gallery-section.gallery-inn { padding: 60px 0; }
section.gallery-section.gallery-inn .col-sm-3 { padding: 10px; }
.wp-pegination { padding-top: 30px; }
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a { width: 50px; height: 50px; margin: 0 4px; line-height: 50px; font-size: 25px; }
section.contact-inn { padding: 70px 0; }
.b-form-title { font-size: 42px; line-height: 55px; }
.ftr-call-row .ftr-call-now { margin-bottom: 25px !important; }
.contact-content { padding-right: 40px; }
section.contact-inn .map-box { height: 300px; }
.form-hero .gform_wrapper input[type="text"], .form-hero .gform_wrapper textarea, .form-hero .gform_wrapper select, .form-hero .gform_wrapper .medium { height: 52px; }
.gform_wrapper textarea.medium { height: 100px !important; }
.service-detail-right.sticky {
    top: 100px;
}
.service-detail-right {
    padding-left: 30px;
}
	.sidebar-title {
    font-size: 22px;
    line-height: 30px;
    margin-bottom: 15px;
    padding-left: 15px;
}
.service-detail-list {
    margin: 0 0 30px;
    padding: 25px 20px;
}	
	.service-detail-right .form-hero {
    padding: 25px 20px;
    margin: 0 0 30px;
}
	.estimatin-detail h4 {
    font-size: 28px;
    line-height: 35px;
    margin-bottom: 10px;
}
	.estimatin-detail {
    padding: 30px 15px
}
	.service-detail-list ul li a {
    font-size: 16px;
    padding-right: 20px;
}
	.service-detail-list ul li {
    padding: 8px 0;
}
	.service-detail-list ul li::after {
    font-size: 16px;
}
	.search-medium {
    padding: 15px 70px 15px 15px;
    height: 50px;
    font-size: 16px;
    line-height: 28px;
}
	.search-btn {
    margin: 0 0 30px;
    padding: 20px 20px;
}
	.search-btn button {
    top: 9px;
    width: 32px;
    right: 6px;
    height: 30px;
}
.nav-next a, .nav-previous a {
    padding: 9px 34px 11px;
    font-size: 16px;
    line-height: 28px;
}	
	footer.footer.guarantee-remove {
    padding-top: 70px;
}
	
}

@media (max-width: 1399px) {
.banner-btn a.theme-btn { font-size: 13px; }
.gallery-section ul li { height: 375px; }
.ftr-social a {
        height: 40px;
        width: 40px;
        margin-right: 10px;
        line-height: 35px;
    }
.ftr-social a img {
        max-width: 19px;
    }
}

@media (max-width: 1299px) {
.work-section::after { height: 48%; }
.gallery-section ul li { height: 345px; }
.location-box ul li { width: 25%; padding: 15px; }
.b-form-title { font-size: 38px; line-height: 50px; }

}
@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: 30px;line-height: 35px;}
h2 {font-size: 28px;line-height: 35px;}
h3 {font-size: 26px;line-height: 30px;}
h4 {font-size: 24px;line-height: 30px;}
h5 {font-size: 22px;line-height: 25px;}
h6 {font-size: 20px;line-height: 25px;}
.ftr-title { margin-bottom: 10px; }
.default-section{ padding: 40px 0; }
.modal-dialog { max-width: 660px !important; transform: none !important; top: 65px; }
    .modal.popup-form button.close {
        right: -5px;
        top: -5px;
        width: 40px;
        height: 40px;
    }
	.modal.popup-form button.close img {
    max-width: 15px;
}
.close img { max-width: 25px; }
.container { padding: 0 15px; }
.header-section { margin: 0; padding: 15px 0px 15px 0px; position: inherit; top: 0; border-radius: 0; background: #000; backdrop-filter: none; border: none; }
.header-meuu-right { padding-right: 55px; }
.home-banner { padding: 40px 0; }
section.logo-section { margin-top: 0; margin-left: 0; background: #FFF; box-shadow: 0px 40px 40px 0px rgba(0, 18, 32, 0.20); }
section.logo-section .logos { border-radius: 0; box-shadow: none; }
.home-banner .col-sm-5 { width: 100%; }
.home-banner .col-sm-7 { width: 100%; }
.banner-img-box { margin: 0 auto; display: none; }
.home-banner p img { max-width: 90px; }
.banner-title { margin-bottom: 10px; font-size: 35px; line-height: 50px; }
.home-banner h2 { font-size: 18px; margin-bottom: 10px; }
.home-banner h3 { font-size: 20px; }
.home-banner ul li { background-position: 0 5px; padding-left: 22px; background-size: 16px; font-size: 16px; line-height: 24px; margin-bottom: 6px; }
.floating-icon { display: none; }
.banner-title br { display: none; }
.logos ul { padding: 0 10px; }
.logos ul li img { max-height: 60px; max-width: 160px; }
section.logo-section .col-sm-12 { padding: 0; }
.work-section { padding: 40px 5px; }
.heading-title { margin-bottom: 10px; font-size: 35px; line-height: 45px; }
.work-row .col-sm-4:nth-child(2) { margin-top: 0; }
.work-row .col-sm-4:nth-child(1) { margin-top: 0; }
.work-box { padding: 25px 15px 25px; border-radius: 25px; height: 100%; }
.work-box h3 { font-size: 20px; line-height: 28px; }
.work-section .col-sm-4 { padding: 10px; }
.counter { font-size: 20px; line-height: 28px; }
.work-section::after { display: none; }
section.services-section { padding: 40px 0 40px; }
.services-box h3 { font-size: 18px; line-height: 26px; margin-bottom: 5px; }
section.about-section { padding: 40px 0 40px 5px; }
.sub-heading { font-size: 20px; line-height: 22px; }
.about-img-box { padding: 40px 0 0 0px; }
.count-digit-row { font-size: 129px; line-height: 100px; margin-bottom: 5px; }
.count-bx p { font-size: 20px; line-height: 30px; }
.count-bx { max-width: 240px; }
.testimonial-section { padding: 40px 0; }
.star img { max-width: 24px; }
.testimonial-row { margin: 25px auto 0; border-radius: 10px; padding: 15px; }
.testimonial-row-2 { border-radius: 10px; padding: 15px; }
.testimonial-row-3 { border-radius: 10px; padding: 25px 25px; }
.testimonial-child .star img { max-width: 16px; }
.testimonial-parent { padding: 0 35px 0 15px; }
.testimonial-slider.owl-carousel .owl-nav .owl-next, .testimonial-slider.owl-carousel .owl-nav .owl-prev { width: 50px; height: 50px; background-size: 24px !important; margin: 1em; }
.testimonial-slider .owl-nav { margin-right: -160px; }
.testimonial-child > figure img { max-width: 32px; }
.testimonial-child .star { margin: -6px 10px 0; }
.testimonial-box .testi-name h3 { font-size: 20px; line-height: 28px; }
.testimonial-box .testi-name { padding-top: 15px; margin-top: 20px; }
section.faq-section { padding: 40px 0; }
.faq-box .card-header h5, .card-header-title { padding: 15px 55px 15px 20px; font-size: 18px; line-height: 26px; }
.faq-box .card-header h5::after, .faq-box .card-header h5::after, .card-header-title::after { width: 32px; height: 32px; right: 10px; background-size: 20px !important; }
.card-body.default-css { padding: 10px 10px 10px 20px; }
.faq-box .card { margin: 0 0 15px; }
.banner-left-box { max-width: 480px; }
.banner-btn a.theme-btn { padding: 10px 15px; }
a.theme-btn { padding: 11px 23px; font-size: 16px; line-height: 22px; }
.faq-btns { padding-top: 0px; }
.gallery-section ul li { height: 315px; }
.gallery-row { margin-top: 5px; }
.gallery-section .theme-btn { margin-top: 23px; }
.blog-section { padding: 40px 0; }
.blog-item h4 { font-size: 20px; line-height: 26px; }
.blog-item .read-more { font-size: 16px; line-height: 24px; }
.blog-section .col-sm-4 { padding: 15px; }
.footer .col-sm-3:nth-child(2) { width: 100%; }
.footer .col-sm-3:nth-child(3) { width: 100%; }
.footer .col-sm-3 { width: 100%; }
.copyright-sections .col-sm-6 { width: 100%; }
.copyright-sections .col-sm-6:first-child { order: 2; }
.copyright-sections .col-sm-6:last-child { order: 1; }
.footer { padding: 40px 0 0px; }
.ftr-items { text-align: center; padding-bottom: 10px; }
.ftr-title { margin-bottom: 10px; background: #fd484c; color: #fff; font-size: 22px; line-height: 28px; padding: 8px 0; }
.ftr-title strong { color: #000; }
.ftr-call-now { margin-bottom: 0px; display: block; border-bottom: 1px solid #ccc; padding: 15px 0; }
.ftr-call-now figure { margin: 0 auto 12px; }
.ftr-call-inn p { font-size: 18px; line-height: 26px; }
.ftr-items ul li { font-size: 16px; line-height: 24px; margin-bottom: 0; border-bottom: 1px solid #ccc; padding: 8px 0; }
.newsletter { text-align: center; }
.menu-copyright ul li { font-size: 16px; line-height: 24px; display: block; border-bottom: 1px solid #ccc; padding: 7px 0; }
.copyright { text-align: center; padding-top: 7px; }
.menu-copyright ul li::after { display: none; }
.ftr-items ul li:last-child{ border: none; }
.ftr-items .ftr-call-now:last-child { border: none; }
section.guarantee-section { margin-bottom: 0; }
.menu-copyright { float: none; }
.copyright-sections { padding: 0px 0 20px; }
.guarantee-row { border-radius: 25px; padding: 25px 25px;border: 7px solid #fff; } 
.guarantee-row::after { border-radius: 18px; }
section.guarantee-section .heading-title { font-size: 43px; line-height: 60px; }
.ftr-call-inn p strong { font-size: 16px; line-height: 24px; }
.b-form-title { font-size: 30px; line-height: 40px; margin-bottom: 15px; }
.form-hero { padding: 35px 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: 5px 5px 5px 5px !important; height: 45px; }
.gform_wrapper .medium.gfield_select { background: #fff url(../images/select-arrow.png) no-repeat right 5px center !important; background-size: 14px !important; }
.gform_wrapper .gfield { padding: 0 7px 15px; }
.gform_body { margin: 0 -7px; }
.form-hero input.button.gform_button { padding: 12px 40px !important; font-size: 18px !important; }
.gform_wrapper textarea.medium { height: 80px !important; }
.inner-banner>img { width: 100%; height: 300px; object-fit: cover; }
.page-nav { padding: 8px 0; position: inherit; }
.page-nav::before { background: #fd484c; }
.page-nav ul li { font-size: 16px; line-height: 24px; }
.caption-absolute { top: 46%; }
.our-mission-top-row { padding: 40px 16px 16px; }
section.our-mission-section .col-sm-4 { padding: 5px; }
section.our-mission-section .banner-btn a.theme-btn.btn-blue { margin-left: 10px; }
section.our-mission-section .banner-btn { margin-top: 20px; }
section.our-mission-section .section-heading { margin: 0 15px 35px; }
section.services-section.services-inn { padding: 40px 5px; }
section.services-section.services-inn ul li { padding: 10px; }
section.location-section { padding: 40px 0; }
.area-location-bx h6 { font-size: 18px; }
.area-location-bx img { max-width: 26px; }
.map-box { height: 370px; }
section.map-section { padding-bottom: 40px; } 
section.faq-section.faq-inn { padding-bottom: 30px; }
section.gallery-section.gallery-inn { padding: 40px 5px; }
section.gallery-section.gallery-inn .col-sm-3 { padding: 5px; }
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a { width: 40px; height: 40px; margin: 0 3px; line-height: 38px; font-size: 20px; }
.wp-pegination a.nextpostslink, .wp-pegination a.previouspostslink { background-size: 26px !important; }
.wp-pegination { padding-top: 20px; }
a.example-image-link { height: 70px; width: 70px; }
.gallery-item-text img { max-width: 30px; }
.gallery-item-parent { bottom: 10px; left: 10px; right: 10px; top: 10px; }
.ftr-call-row .ftr-call-now { margin-bottom: 20px !important; display: flex ; border: none; padding: 0; }
.ftr-call-row .ftr-call-now figure { margin: 0 12px 0 0; }
.contact-content { padding-right: 10px; }
section.contact-inn { padding: 40px 0; }
section.contact-inn .map-box { height: 220px; }
.service-detail-right {
        padding-left: 0;
    }
	    .sidebar-title {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 10px;
        padding-left: 10px;
    }
	    .service-detail-right .form-hero {
        padding: 20px 15px;
        margin: 0 0 25px;
    }
	    .service-detail-list {
        margin: 0 0 25px;
        padding: 20px 15px;
    }
	.service-detail-list hr {
    margin: 10px 0;
}
	    .service-detail-list ul li a {
        font-size: 14px;
        padding-right: 10px;
    }
	    .service-detail-list ul li::after {
        font-size: 15px;
    }
	.service-detail-list ul li {
        padding: 6px 0;
    }
	    .estimatin-detail h4 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 5px;
    }
	    .estimatin-detail {
        padding: 20px 10px;
    }
	    .search-btn {
        margin: 0 0 25px;
        padding: 20px 15px;
    }
	    .search-medium {
        padding: 9px 40px 9px 15px;
        height: 45px;
        font-size: 15px;
        line-height: 24px;
    }
	.search-btn button {
        top: 6px;
        width: 30px;
        right: 5px;
        height: 28px;
    }
	    .nav-next a, .nav-previous a {
        padding: 9px 24px 11px;
        font-size: 15px;
        line-height: 22px;
    }
	.form-hero .button.gform_button_select_files {
    padding: 6px 12px !important;
    font-size: 14px !important;
    line-height: 20px !important;
}
	footer.footer.guarantee-remove {
    padding-top: 40px;
}
	
}

@media (max-width:1024px) {
section.contact-inn .col-sm-7 { width: 100%;order: 2; }
section.contact-inn .col-sm-5 { width: 100%;order: 1; }
section.contact-inn .form-hero { height: 100%; align-content: center; width: 100%; max-width: 100%; float: none; }
.contact-content { padding-right: 0; padding-top: 25px; }

.logos ul li {
    padding: 15px 5px;
}
	
}

@media (max-width:991px) {
.header-section .col-sm-3 { width: 40%; }
.header-section .col-sm-9 { width: 60%; }
section.services-section ul li { width: 33.33%; }
section.about-section .col-sm-6 { width: 100%; }
.about-img-box { padding: 20px 0 0 0px; } 
.testimonial-section .col-sm-6 { width: 72%; }
.testimonial-section .col-sm-2 { display: none; }
.testimonial-parent { padding: 0 0px 0 15px; border: none; }
.testimonial-slider .owl-nav { margin-right: 0; display: flex; bottom: -11px; top: auto; }
.testimonial-slider.owl-carousel .owl-nav .owl-next, .testimonial-slider.owl-carousel .owl-nav .owl-prev { margin: 0 10px 0 0; }
.testimonial-box .testi-name { padding-top: 22px; margin-top: 20px; }
.testimonial-row-3 { padding: 25px 25px 40px; }
section.faq-section .col-sm-6 { padding: 0px 15px; width: 100%; }
.faq-btns { padding-top: 10px; }
.gallery-section ul li { height: 260px; }
section.services-section.services-inn ul li { width: 33.33%; }
.popup-form .form-hero {
  border-radius: 25px;
}


}

@media (max-width: 900px) {
.logos ul li img { max-height: 50px; max-width: 140px; }
.work-section .col-sm-4 { width: 50%; }
.gallery-section ul li { height: 235px; }
.blog-section .col-sm-4 { width: 50%; }
    section.services-detail .col-sm-8 {
        width: 100%;
    }
    section.services-detail .col-sm-4 {
        width: 100%;
		padding-top: 30px;
    }
.blogpage-single-section .col-sm-8 {
        width: 100%;
    }
.blogpage-single-section .col-sm-4 {
        width: 100%;
		padding-top: 30px;
    }
	
	
	
	

}

@media (max-width:812px) {
p { font-size: 15px; line-height: 22px; }
h1 {font-size: 25px;line-height: 30px;}
h2 {font-size: 22px;line-height: 30px;}
h3 {font-size: 20px;line-height: 25px;}
h4 {font-size: 18px;line-height: 24px;}
h5 {font-size: 16px;line-height: 22px;}
h6 {font-size: 14px;line-height: 20px;}
.default-css ul li, .default-css ol li { font-size: 15px; line-height: 22px; margin: 0 0 3px; }
.default-css ul li { background-position: 0 3px; padding-left: 18px; background-size: 14px; }
.default-css ul { margin-bottom: 10px; }
/* .header-logo img { max-width: 140px; } */
.top-head-call { padding: 3px 20px 3px 4px; font-size: 18px; line-height: 26px; }
.top-head-call figure { margin-right: 10px; width: 40px; height: 40px; line-height: 35px; }
.top-head-call figure img { max-width: 20px; }
.home-banner p img { max-width: 70px; }
.banner-title { margin-bottom: 10px; font-size: 25px; line-height: 36px; }
.home-banner h2 { font-size: 16px;line-height: 24px; }
.home-banner h3 { font-size: 18px;line-height: 24px; }
.home-banner ul li { background-position: 0 5px; padding-left: 18px; background-size: 15px; font-size: 15px; line-height: 22px; margin-bottom: 4px; }
.heading-title { font-size: 25px; line-height: 32px; }
.work-box { padding: 20px 15px 15px; }
.work-box h3 { font-size: 18px; line-height: 26px; }
.services-box p { font-size: 15px; line-height: 22px; }
.services-box h3 { font-size: 16px; line-height: 24px; margin-bottom: 4px; }
.services-box .read-more { bottom: 15px; font-size: 15px; line-height: 22px; }
.services-box { padding: 15px 12px 40px; }
.services-box figure { width: 88px; height: 88px; margin: 0 auto 10px; line-height: 83px; }
.services-box figure img { max-width: 50px; max-height: 50px; }
.count-digit-row { font-size: 79px; line-height: 50px; margin-bottom: 10px; }
.count-bx p { font-size: 18px; line-height: 30px; }
.count-bx { max-width: 200px; }
.testimonial-row { padding: 10px; }
.testimonial-row-2 { padding: 10px; }
.testimonial-child .star img { max-width: 14px; }
.testimonial-child > figure img { max-width: 28px; }
.testimonial-box .testi-name h3 { font-size: 18px; line-height: 26px; }
.testimonial-slider.owl-carousel .owl-nav .owl-next, .testimonial-slider.owl-carousel .owl-nav .owl-prev { width: 40px; height: 40px; background-size: 20px !important; }
.testimonial-slider .owl-nav { bottom: 0px; }
.star img { max-width: 20px; }
.star { margin-top: -5px; }
.faq-box .card-header h5, .card-header-title { padding: 12px 45px 12px 15px; font-size: 16px; line-height: 24px; }
.faq-box .card-header h5::after, .faq-box .card-header h5::after, .card-header-title::after { width: 25px; height: 25px; background-size: 16px !important; }
.card-body.default-css { padding: 10px 10px 10px 15px; }
.banner-btn a.theme-btn { line-height: 22px; padding: 9px 15px; margin: 5px 0; }
.faq-btns a.theme-btn.btn-red { margin-left: 5px; }
a.theme-btn { padding: 10px 20px; font-size: 15px; line-height: 20px; }
.gallery-section ul li { height: 210px; }
.blog-item h4 { font-size: 18px; line-height: 24px; }
.blog-item .read-more { font-size: 15px; line-height: 22px; }
section.guarantee-section .heading-title { font-size: 30px; line-height: 44px; }
.ftr-title { font-size: 20px; line-height: 24px; padding: 6px 0 8px; }
.ftr-call-now figure { margin: 0 auto 10px; width: 40px; height: 40px; line-height: 34px; }
.ftr-call-now figure img { max-width: 20px; }
.ftr-call-inn p { font-size: 16px; line-height: 24px; }
.ftr-call-now p a { font-size: 16px; line-height: 24px; }
.ftr-call-inn p strong { font-size: 15px; line-height: 22px; }
.ftr-items ul li { font-size: 15px; line-height: 22px; padding: 6px 0; }
.newsletter-form .medium { padding: 6px 15px 6px 15px !important; height: 45px !important; font-size: 14px !important; line-height: 22px !important; }
.newsletter-form input.button.gform_button { font-size: 16px !important; padding: 11px 25px !important; margin-top: 0 !important; }
.ftr-social a { height: 40px; width: 40px; margin-right: 5px; line-height: 35px; }
.ftr-social a img { max-width: 20px; }
.menu-copyright ul li { font-size: 15px; line-height: 22px; padding: 6px 0; }
.copyright-sections { padding: 0px 0 15px; }
.b-form-title { margin-bottom: 15px; font-size: 25px; line-height: 32px; }
.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: 5px 5px 5px 5px !important; height: 40px; }
.form-hero { padding: 25px 20px; }
.gform_wrapper .gfield { padding: 0 6px 12px; }
.form-hero input.button.gform_button { padding: 11px 30px !important; font-size: 16px !important; }
.gform_wrapper textarea.medium { height: 70px !important; }
.gform_wrapper .medium.gfield_select { background-size: 14px !important;background: #fff url(../images/select-arrow.png) no-repeat right 0px center !important; }
.inner-banner>img { height: 200px; }
.page-nav { padding: 7px 0; }
.page-nav ul li { font-size: 15px; line-height: 22px; }
.caption-absolute { top: 46%; }
section.our-mission-section .banner-btn a.theme-btn { margin: 5px; }
section.our-mission-section .banner-btn { margin-top: 10px; }
section.our-mission-section .section-heading { margin: 0 10px 25px; }
.our-mission-top-row { box-shadow: -10px -10px 30px 0px rgba(1, 122, 255, 0.20); }
.area-location-bx h6 { font-size: 16px;padding-left: 6px; }
.area-location-bx img { max-width: 22px; }
.map-box { height: 280px; }
.location-box ul li { padding: 10px; }
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a { width: 35px; height: 35px; margin: 0 3px; line-height: 33px; font-size: 18px; }
section.contact-inn .section-heading { margin-bottom: 25px; }
section.faq-section.faq-inn { padding-bottom: 20px; }
    .sidebar-title {
        font-size: 16px;
        line-height: 26px;
        margin-bottom: 10px;
        padding-left: 10px;
    }
	.service-detail-list ul li a {
        font-size: 13px;
        padding-right: 10px;
    }
	    .estimatin-detail h4 {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 5px;
    }
	    .nav-next a, .nav-previous a {
        padding: 8px 20px 8px;
        font-size: 14px;
        line-height: 20px;
    }

}

@media (max-width:767px) {
.logos ul li img { max-height: 40px; max-width: 120px; }

    .header-section .col-sm-9 {
        width: 50%;
    }
	    .header-section .col-sm-3 {
        width: 50%;
    }
}
@media (max-width:700px) {
.logos ul { justify-content: center; }
.logos ul li { padding: 15px 10px; }
section.services-section ul li { width: 50%; }
.gallery-section ul li { height: 180px; }
section.services-section.services-inn ul li { width: 50%; }
.location-box ul li { width: 33.33%; }
section.gallery-section.gallery-inn .col-sm-3 { width: 33.33%; }




}

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

@media (max-width:575px) {
.header-section .col-sm-3 { width: 100%; }
.header-section .col-sm-9 { width: 100%;padding: 0; }
.header-logo { text-align: center; }
.header-meuu-right { padding-right: 0; margin-top: 15px; justify-content: center; }
.header-section { padding: 15px 0px 0px 0px; }
.header-section.sticky { border-bottom: none; }
.banner-title { font-size: 22px; line-height: 30px; }
.work-section .col-sm-4 { width: 100%; }
section.services-section ul li { padding: 7px; }
.count-digit-row { font-size: 59px; line-height: 30px; margin-bottom: 10px; }
.count-bx p { font-size: 16px; line-height: 28px; }
.count-bx { max-width: 170px; }
.testimonial-img { display: none; }
.testimonial-section .col-sm-6 { width: 100%; }
.testimonial-row-3 { padding: 25px 16px 25px; }
.testimonial-child { display: flex; align-items: center; flex-wrap: wrap; justify-content: center; }
.testimonial-child > figure { display: block; width: 100%; margin: 0 auto 10px; text-align: center; }
.testimonial-parent { padding: 0;text-align: center; }
.testimonial-slider .owl-nav { position: inherit; justify-content: center; margin-top: 15px; }
.testimonial-box .testi-name { padding-top: 5px; margin-top: 10px; }
.testimonial-box { padding: 15px 0 0; }
a.theme-btn { font-size: 14px; }
.gallery-section ul li { height: 145px;  margin: 0 1px; }
.gallery-section .theme-btn { margin-top: 15px; }
.blog-section .col-sm-4 { width: 100%; }
.ftr-call-now { padding: 10px 0; }
section.guarantee-section .col-sm-9 { order: 2; }
section.guarantee-section .col-sm-3 { order: 1; }
.guarantee-img img { max-width: 170px; }
section.guarantee-section .heading-title { font-size: 25px; line-height: 35px; }
section.guarantee-section .heading-title br{ display: none; }
.guarantee-row { padding: 25px 20px 15px; border: none; }
.guarantee-img { margin-bottom: 15px; }
section.our-mission-section .section-heading { margin: 0 0px 25px; }
section.our-mission-section .col-sm-4 { width: 33.33%; }
.map-box { height: 220px; padding: 6px; }
section.gallery-section.gallery-inn .col-sm-3 { padding: 2px; }
.gallery-item-parent { bottom: 6px; left: 6px; right: 6px; top: 6px; }
a.example-image-link { height: 50px; width: 50px; }
.gallery-item-text img { max-width: 24px; }
.lb-nav a.lb-prev, .lb-nav a.lb-next { background-size: 18px !important; }
.wp-pegination .page, .wp-pegination span, .wp-pagenavi a { width: 30px; height: 30px; line-height: 27px; font-size: 15px; }
.wp-pegination a.nextpostslink, .wp-pegination a.previouspostslink { background-size: 22px !important; }
.wp-pegination { padding-top: 15px; }
.contact-content { text-align: center; }
.ftr-call-row .ftr-call-now { width: 100%; margin-bottom: 0px !important; display: block; border-bottom: 1px solid #ccc; padding: 15px 0; }
.ftr-call-row .ftr-call-now figure { margin: 0 auto 10px; }
.ftr-call-row .ftr-call-now:last-child { border: none; }
section.contact-inn .section-heading { margin-bottom: 0; }
.top-head-call { padding: 0; font-size: 20px; line-height: 28px; width: 100%; border-radius: 0; text-align: center; }
.top-head-call figure { display: none; }
.top-head-call a { display: block; width: 100%; padding: 6px; }

    .header-logo img {
        max-width: 300px;
    }

}

@media (max-width: 525px) {
.gform_wrapper .gfield.gfield--width-half { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
.location-box ul li { width: 50%; }




}
@media (max-width: 480px) {
section.services-section ul li { width: 100%;padding: 7px 0; }
a.theme-btn { margin: 3px !important; }
.faq-btns { padding-top: 0; }
.gallery-section ul li { height: 120px; }
.gallery-btn { padding-top: 10px; }
.guarantee-img img { max-width: 130px; }
section.our-mission-section .col-sm-4 { width: 100%; }
section.services-section.services-inn ul li { width: 100%;padding: 7px 0; }
section.services-section.services-inn { padding: 40px 0px; }



}
@media (max-width: 420px) {
.gallery-section ul li { height: 105px; }
        .header-logo img {
        max-width: 240px;
    }
}
@media (max-width: 360px) {
.gallery-section ul li { height: 100px; }

}




/* Service Area Section */

.service-areas-dark {
  background-color: #0f1b35 !important;
  padding: 70px 0 !important;
  color: #fff !important;
  margin-bottom: 50px;
}

.section-description {
  margin-bottom: 50px !important;
  transform: translateY(20px) !important;
  animation: fadeInUp 0.6s ease forwards !important;
  animation-delay: 0.4s !important;
}

.service-areas-dark .section-heading .heading-title {
  color: #fff !important;
  transform: translateY(20px) !important;
  animation: fadeInUp 0.6s ease forwards !important;
  animation-delay: 0.2s !important;
}

/* Dropdown styling */
.dropdown-wrapper {
  max-width: 320px !important;
  margin-bottom: 2rem !important;
}

.service-area-select {
  width: 100% !important;
  padding: 12px 18px !important;
  font-size: 1rem !important;
  border-radius: 8px !important;
  border: 2px solid #3b82f6 !important;
  background-color: #0f172a !important;
  color: #f1f5f9 !important;
  font-weight: 600 !important;
  appearance: none !important;
  cursor: pointer !important;
  transition: border-color 0.3s ease !important, background-color 0.3s ease !important;
  background-image: url("data:image/svg+xml;charset=US-ASCII,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23F1F5F9' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat: no-repeat !important;
  background-position: right 15px center !important;
  background-size: 10px 6px !important;
}

.service-area-select:hover,
.service-area-select:focus {
  border-color: #60a5fa !important;
  background-color: #1e293b !important;
  outline: none !important;
}

/* Responsive tweaks */
@media (max-width: 768px) {
  .service-areas-dark .row {
    flex-direction: column !important;
  }

  .service-areas-dark .col-sm-6 {
    max-width: 100% !important;
    margin-bottom: 30px !important;
  }
}