/*
Theme Name: All In One Cleaning Services
Theme URI:
Author: GOPAL P
Author URI:
Description:
Version: 2025.01
*/
@charset "utf-8";
/* CSS Document */

::selection {
color:var(--bs-black);
background:var(--bs-primary);
}

.aligncenter,.gallery-item a{display:block}
.alignleft{float:left; margin-right:15px; margin-bottom:10px}
.alignright{float:right; margin-left:15px; margin-bottom:10px}
.aligncenter{margin-left:auto; margin-right:auto}
.wp-caption{max-width:100%;padding:4px}
.entry-caption, .gallery-caption, .wp-caption .wp-caption-text{font-style:italic; font-size:12px; font-size:.857142857rem; line-height:2;}
.full-img { position:relative;}
.full-img img{ width:100%; height:auto; position:relative; z-index:2;}

#page{ overflow:hidden; padding-top:0;}
.ratio .full-img{min-width:initial; position:absolute; top:0; right:0; bottom:0; left:0; overflow:hidden; flex:0 0 auto; display:flex;}
.ratio .full-img img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.image-fit{min-width:initial; position:relative; overflow:hidden; flex:0 0 auto; display:flex;}
.image-fit img{flex:1 1 auto; align-self:center; justify-self:center; object-fit:cover; height:100%; min-width:100%; width:auto;}
.text-lt p{ color:rgba(0,0,0,0.6);}
.content-mb-32 h1, .content-mb-32 h2, .content-mb-32 h3, .content-mb-32 h4, .content-mb-32 h5, .content-mb-32 h6, .content-mb-32 p, .content-mb-32 ul, .content-mb-32 ol{ margin-bottom:32px;}
.content-mb-20 h1, .content-mb-20 h2, .content-mb-20 h3, .content-mb-20 h4, .content-mb-20 h5, .content-mb-20 h6, .content-mb-20 p, .content-mb-20 ul, .content-mb-20 ol{ margin-bottom:20px;}
.content-mb-24 h1, .content-mb-24 h2, .content-mb-24 h3, .content-mb-24 h4, .content-mb-24 h5, .content-mb-24 h6, .content-mb-24 p, .content-mb-24 ul, .content-mb-24 ol{ margin-bottom:24px;}
.content-mb-16 h1, .content-mb-16 h2, .content-mb-16 h3, .content-mb-16 h4, .content-mb-16 h5, .content-mb-16 h6, .content-mb-16 p, .content-mb-16 ul, .content-mb-16 ol{ margin-bottom:16px;}
.content-mb-10 h1, .content-mb-10 h2, .content-mb-10 h3, .content-mb-10 h4, .content-mb-10 h5, .content-mb-10 h6, .content-mb-10 p, .content-mb-10 ul, .content-mb-10 ol{ margin-bottom:10px;}

.color-fff{ color:var(--bs-white);}
.title-uppercase h1, .title-uppercase h2, .title-uppercase h3, .title-uppercase h4, .title-uppercase h5, .title-uppercase h6{ text-transform:uppercase;}
.title-primary h1, .title-primary h2, .title-primary h3, .title-primary h4, .title-primary h5, .title-primary h6{ color:var(--bs-primary);}
.title-secondary h1, .title-secondary h2, .title-secondary h3, .title-secondary h4, .title-secondary h5, .title-secondary h6{ color:var(--bs-secondary);}
.title-dark h1, .title-dark h2, .title-dark h3, .title-dark h4, .title-dark h5, .title-dark h6{ color:var(--bs-dark);}

.header{ background-color: var(--bs-black);}
.header .pre-header{ background: var(--bs-gradient);}
.header .pre-header .container{ height: 50px;}
.header .pre-header .call{ color: #000; font-weight: 500; text-decoration: none;}
.header .pre-header .call i{ background-color: #000; color: var(--bs-primary); height: 32px; width: 32px; border-radius: 32px; display: flex; align-items: center; justify-content: center;}
.header .pre-header .call span{ margin-left: 10px;}
.header .pre-header .social{ margin-left: auto; display: flex; align-items: center;}
.header .pre-header .social a{ background-color: #000; color: var(--bs-primary); height: 32px; width: 32px; border-radius: 32px; display: flex; align-items: center; justify-content: center; text-decoration: none;}
.header .pre-header .flags{ margin-left:16px}
.header .pre-header .flags a + a{ margin-left:10px;}
.header .pre-header .flags a{height: 32px; width: 32px; display:block}
.header .pre-header .social a + a{ margin-left: 10px;}
.header .pre-header .social a:hover{ color: var(--bs-black); background-color: var(--bs-primary);}
.header .post-header{ background-color: var(--bs-black);}
.header .post-header .container{ height: 105px;}
.header .post-header .container .btn{ margin-left: 48px;}
.header .post-header .container .logo img{ width: 155px;}

.BannerSlider  .slick-prev{ left: 30px;}
.BannerSlider  .slick-next{ right: 30px;}
.home-banner .item .container{ height: 720px;}
.home-banner .item .container h3{ text-transform: uppercase; margin-bottom: 0; color: var(--bs-secondary);}
.home-banner .item .image-fit{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1;}
.home-banner .banner-shape{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 99; pointer-events: none; line-height: 0;}
.home-banner .banner-left-shape{ position: absolute; left: 0; top: 0; bottom: 0; display: flex; align-items: flex-end; z-index: 98; pointer-events: none;}

.section{ position: relative; padding: 80px 0; background-position: center center; background-repeat: no-repeat; background-size: cover; z-index: 10;}
.section-lt{ background-color: var(--bs-light);}

.how-item{ text-align: center;}
.how-item h3{ font-weight: 500;}
.how-item .icon{ margin: 0 auto 32px; height: 160px; width: 160px; border-radius: 50%; background: var(--bs-icon-gradient); position: relative;}
.how-item .icon::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 6px solid rgba(0,0,0,0.1); content: ''; pointer-events: none; border-radius: 50%;}

.about-content{ background: var(--bs-gradient); border-radius: 24px; -webkit-box-shadow: 0 30px 60px 0 rgba(0,0,0,0.1); box-shadow: 0 30px 60px 0 rgba(0,0,0,0.1);}
.about-content ul li + li{ margin-top: 5px;;}
.about-content .full-img img{ border-radius: 20px;}
.about-section:after{ background-color: #fff; content: ''; position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; pointer-events: none; height: 80px;}

.service-section .image-fit{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0.3;}
.service-section .image-fit img{ object-position: top center;}

.service-item{-webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,0.05); box-shadow: 0 20px 40px 0 rgba(0,0,0,0.05); background-color: #fff; overflow: hidden; border-radius: 16px;}
.service-item .content{ padding: 82px 32px 32px; text-align: center;}
.service-item .icon{ margin: 0; height: 100px; width: 100px; border-radius: 50%; bottom: -50px; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); background: var(--bs-icon-gradient); position: absolute; z-index: 10;}
.service-item .icon img{ width: 60%; height: auto;}
.service-item .icon::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 3px solid rgba(0,0,0,0.1); content: ''; pointer-events: none; border-radius: 50%;}

.TestimonialSlider{ margin-left: -12px; margin-right: -12px;}
.TestimonialSlider .slick-prev, .TestimonialSlider .slick-next{ margin-top: 16px;}
.TestimonialSlider .item{ padding-left: 12px; padding-right: 12px; padding-top: 32px;}
.quote-content{ padding: 48px; background-color: #fff; border-radius: 24px; position: relative;}
.quote-content:before{ height: 64px; width: 64px; display: flex; align-items: center; justify-content: center; background: var(--bs-icon-gradient); border: 2px solid rgba(0,0,0,0.1); position: absolute; top: -32px; left: 48px; content: '\f10d'; border-radius: 50%;  font-family:'Font Awesome 6 Free'; font-weight:900; font-size: 32px;}
.quote-content blockquote{ font-style: italic; padding: 0 0 24px;}
.quote-content cite{ display: block; font-style: normal; font-weight: 500;;}
.quote-content cite small{ display: block; color: #5F5F5F; font-size: 14px; text-transform: uppercase;}
.testimonial-section:before{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: var(--bs-gradient); content: ''; opacity: 0.8;}
.testimonial-section .shape-image{ position: absolute; left: 0; right: 0; bottom: 0; z-index: 99; pointer-events: none; line-height: 0;}

.call-to-action h2{ font-size: 34px; }
.call-to-action p{ font-size: 20px;}
.call-to-action{ background-color: var(--bs-primary);  position: relative; overflow: hidden; font-weight: 500;}
.call-to-action .content{ padding-top: 40px; padding-bottom: 40px;  position: relative;}
.call-to-action .content + .content{ background-color: var(--bs-white);} 
.call-link{ font-size: 32px; line-height: 120%; text-decoration: none; text-align: left;}
.call-link strong{ font-size: 57%;}
.call-link .icon{ height: 80px; width: 80px; display: flex; align-items: center; justify-content: center; border-radius: 50%; font-size: 24px; margin-right: 12px;}
.call-link-light{ color: #000;}
.call-link-light .icon{ background-color: var(--bs-black); color: var(--bs-primary);}
.call-link-dark{ color: var(--bs-dark);}
.call-link-dark .icon{ background-color: var(--bs-white); color: var(--bs-primary);}

.form-content{ background: var(--bs-gradient); border-radius: 24px;}
.contact-section .full-img img{ border-radius: 24px;}
.contact-section .d-md-flex{ background-color: #F4F6F0; border-radius: 24px; margin-top: 24px;}
.contact-section .d-md-flex .image{ width: 150px; display: inline-flex;}

.footer{ color: var(--bs-white);  background-color: var(--bs-black); position: relative;}
.footer a{ color: var(--bs-white); text-decoration: none;}
.footer a:hover{ color: var(--bs-white); text-decoration: underline;}
.footer-top{ padding: 60px 0;}
.footer-top .footer-logo img{ width: 190px;}
.footer-top .menu{ margin: 0; padding: 0; list-style: none;}
.footer-top .menu li + li{ margin-top: 12px;}
.footer-top .menu li a{ color: var(--bs-white); text-transform: capitalize; text-decoration: none;}
.footer-top .menu li a:hover{ color:var(--bs-primary)}
.footer-top .social a{ height: 40px; width: 40px; display: flex; align-items: center; justify-content:  center; background-color: var(--bs-primary); color: var(--bs-black); border-radius: 50%; text-decoration: none;}
.footer-top .social a + a{ margin-left: 15px;}
.footer-top .social a:hover{ color: var(--bs-black); background-color: var(--bs-white); text-decoration: none;}
.footer-top .contact-info{ margin-bottom: 0; padding: 0; list-style: none;}
.footer-top .contact-info li{ line-height: 1.2;}
.footer-top .contact-info li + li{margin-top: 20px;}
.footer-top .contact-info .item .icon{ background: var(--bs-primary); height: 40px; width: 40px; color: var(--bs-black); border-radius: 50%; margin-right: 12px;}
.footer-top .contact-info .item strong{ display: block;}
.footer-top .contact-info .item:hover .icon i{ text-decoration: none; }
.footer-top .contact-info li a:hover{ text-decoration: none;}
.footer-bottom{ text-align: center; border-top: 1px solid rgba(255,255,255,0.2); padding: 20px 0}
.footer .image-fit{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; opacity: 0.2;}

.post-item { overflow: hidden; background-color: var(--bs-white); position: relative; -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,0.05); box-shadow: 0 20px 40px 0 rgba(0,0,0,0.05); border-radius:16px}
.post-item .post-content{ padding: 24px; color: var(--bs-body-color);}
.post-item time{ padding: 10px 18px; line-height: normal; background-color: rgba(0,0,0,0.3); backdrop-filter: blur(30px); z-index: 100; position: absolute; top: 24px; right: 24px; color: var(--bs-white); border-radius: 30px; font-size: 15px; font-weight: 500;}

.page-banner{ position:relative; z-index: 2}
.page-banner .container{ height: 400px; color:var(--bs-white);}
.page-banner .image-fit{ position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;}
.page-banner .image-fit:before{background: linear-gradient(270deg, rgba(0,0,0,0.75) 0%, rgba(0,0,0,0.25) 100%); content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2;}
.page-banner a{ color: #fff; text-decoration: none;}

.blog-deatils{ color:#000;}
.blog-deatils .meta{ margin:10px 0; font-size:14px; font-weight:500; }
.blog-deatils .meta .initial{ /*background:#00ACFE;*/ height:50px; width:50px; border-radius:60px; margin-right:16px; color:#fff; font-weight:700;}
.blog-deatils .meta .initial img{height:50px; width:50px; border-radius:60px;}
.blog-deatils .meta time:before{ content:"|"; margin:0 5px 0 3px; float:left;}
.blog-deatils .meta time, .blog-deatils .meta span{ display:inline-block;}
.blog-deatils .full-img{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; margin-bottom: 30px; overflow: hidden;}

.info-row a{ margin: 0; padding: 24px; background: var(--bs-gradient); border-radius: 24px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12); color: #000; text-decoration: none;}
.info-row a i{ margin: 0; height: 60px; width: 60px; border-radius: 50%; background: var(--bs-icon-gradient); z-index: 10; display: flex; align-items: center; justify-content: center; position: relative; margin-right: 12px}
.info-row a i::after{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid rgba(0,0,0,0.1); content: ''; pointer-events: none; border-radius: 50%;}
.info-row a small{ display: block; font-size: 70%;}

.map {padding-bottom: 0; margin-bottom:0; padding-top:0; position: relative; width: 100%; overflow: hidden; height: 350px;}
.map .map-inner { bottom: 0; left: 0; position: absolute; top: 0; width: 100%;}
.map .map-inner iframe { height: 100%; pointer-events: none; width: 100%;}
.contact-form{background: var(--bs-gradient); border-radius: 24px; box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.12);}

.sidebar{box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; padding:30px; border-radius:16px}
.sidebar ul{ margin:10px 0 0 0; padding:0; list-style:none}
.sidebar ul li + li{ margin-top:12px; padding-top:12px; border-top:1px solid #d8d8d8;}
.sidebar ul li a{ display:block; font-size:18px; font-weight:700; color:#000; text-decoration:none;}
.sidebar ul li a:hover{color:var(--bs-primary);}
.sidebar .widget + .widget{ margin-top: 32px} 

.gallery .wpcp-carousel-section.nav-vertical-center{ margin: 0}
.gallery .wpcp-carousel-section.nav-vertical-center .swiper-button-next,
.gallery .wpcp-carousel-section.nav-vertical-center .swiper-button-prev
{ height: 48px; width: 48px; border-radius: 50%; display: flex; align-items: center; justify-content: center; background:#fff !important; color: #000 !important; font-size: 20px !important;}
.gallery .wpcp-carousel-section.nav-vertical-center .swiper-button-next{ right: 20px;}
.gallery .wpcp-carousel-section.nav-vertical-center .swiper-button-prev{ left: 20px;}
.gallery .swiper-pagination{ display: none;}
.gallery .wpcp-carousel-content-wrapper:has(.wpcp-swiper-dots){ margin-bottom:0}


.service-menu{border-radius: 10px; -webkit-box-shadow: 0 20px 40px 0 rgba(0,0,0,0.05); box-shadow: 0 20px 40px 0 rgba(0,0,0,0.05); padding: 16px;}
.service-menu a{padding: 10px; border-radius: 6px; line-height: 1.2; color: #000; font-weight: 700; text-decoration: none;}
.service-menu a + a{ margin-top: 12px}
.service-menu a .icon{ margin: 0; height: 48px; width: 48px; border-radius: 50%; background: var(--bs-icon-gradient); z-index: 10; display: flex; align-items: center; justify-content: center; position: relative; margin-right: 12px}
.service-menu a .icon img{ width: 60%; height: auto;}
.service-menu a .icon::before{ content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 2px solid rgba(0,0,0,0.1); content: ''; pointer-events: none; border-radius: 50%;}
.service-menu a:hover, .service-menu a.active{color: var(--bs-black); background: var(--bs-gradient)}


.section .ewd-ufaq-faq-div{-webkit-box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1); box-shadow: 0 10px 20px 0 rgba(0,0,0,0.1); border: 1px solid #F2F2F2; border-radius: 12px;}
.section .ewd-ufaq-faq-div + .ewd-ufaq-faq-div{ margin-top: 24px;}
.section .ewd-ufaq-faq-title a{ display: flex; align-items: center; padding: 16px 16px; color: #000;}
.section div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol{ order: 2; margin-left: auto;}
.section .ewd-ufaq-faq-title-text{ order: 1; flex-grow: 1;}
.section .ewd-ufaq-faq-body{ padding: 0 16px 16px;}
.section .ewd-ufaq-post-active{ background: var(--bs-gradient); color: 000;}
.section .ewd-ufaq-post-active .ewd-ufaq-faq-title a{ color: #000;}


@media (min-width:320px) {
h1{ font-size:calc(2.1875rem + ((1vw - 3.2px) * 0.8125));}
h2{font-size:calc(1.875rem + ((1vw - 3.2px) * 0.625));}
h3{font-size:calc(1.5rem + ((1vw - 3.2px) * 0.5));}
h4{font-size:calc(1.1875rem + ((1vw - 3.2px) * 0.3125));}
h5{font-size:calc(1.0625rem + ((1vw - 3.2px) * 0.1875));}
.font-18, .section .ewd-ufaq-faq-body{font-size:calc(1rem + ((1vw - 3.2px) * 0.125));}
.font-20{font-size:calc(1rem + ((1vw - 3.2px) * 0.25));}
.font-24{font-size:calc(1rem + ((1vw - 3.2px) * 0.5));}
.h1-70 h1, .h2-70 h2, .h3-70 h3{font-size: calc(2.1875rem + ((1vw - 3.2px) * 3.2407));}
.h1-58 h1, .h2-58 h2, .h3-58 h3{font-size: calc(1.875rem + ((1vw - 3.2px) * 2.5926));}
}

@media (min-width:1400px) {
h1{font-size:48px;}
h2{font-size:40px;}
h3{font-size:32px;}
h4{font-size:24px;}
h5{font-size:20px;}
.font-18, .section .ewd-ufaq-faq-body{font-size:18px;}
.font-20{ font-size:20px;}
.font-24{ font-size:24px;}
.h1-70 h1, .h2-70 h2, .h3-70 h3{font-size: 70px;}
.h1-58 h1, .h2-58 h2, .h3-58 h3{font-size: 58px;}
}

@media (min-width:576px) {
.section .ewd-ufaq-faq-body{ padding: 0 24px 24px;}
.section .ewd-ufaq-faq-title a{ padding: 20px 24px;}
}

@media (min-width:768px) {

}

@media (min-width:992px) {
.call-to-action .container:after{ background-color: var(--bs-white); top: 0; bottom: 0; left: 100%; width: 3000px; position: absolute; content: '';}
}

@media (min-width:1200px) {
}

@media (min-width:1400px) {	
}
@media only screen and (max-width: 767px) {
	.btn {
		padding: 0.55rem 1rem!important;
	}
	.home-banner p {
		font-size: 24px!important;
	}
	.home-banner h2 {
		font-size: 28px!important;
	}
}