/*
Theme Name: Hello Elementor Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
/*
Theme Name: Hello Elementor Child
Author: 
Description: Your description goes here
Version: 1.0
Template: hello-elementor

This is the child theme for Hello Elementor theme, generated with Generate Child Theme plugin by catchthemes.

(optional values you can add: Theme URI, Author URI, License, License URI, Tags, Text Domain)
*/
:root {
    --content-width: 90%;
    --theme-color1:#0086ce;
    --theme-color1-rgb: 0, 134, 206;
    --bs-black: #000000;
    --bs-black-rgb: 0, 0, 0;
    --bs-white: #ffffff;
    --bs-white-rgb: 255, 255, 255;
    --transition: all 500ms ease;
    --font-awesome-free: "Font Awesome 7 Free";
    --font-awesome-brands: "Font Awesome 7 Brands";
}

@-moz-document url-prefix() {
    * {
        scrollbar-width: thin;
        scrollbar-color: var(--theme-color1) #efefef;
    }
}

::-webkit-scrollbar-track {
    border-radius: 0px;
     background-color: #b0b0b0;
}
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-thumb {
    background: var(--theme-color1);
    border-radius: 0px;
    transition: var(--transition);
}

::-moz-selection {
    background: var(--theme-color1);
    color: var(--bs-white);
}

::selection {
    background: var(--theme-color1);
    color: var(--bs-white);
}

::-webkit-input-placeholder {
    color: inherit !important;
    opacity: 1;
}

:-ms-input-placeholder {
    color: inherit !important;
    opacity: 1;
}

::-ms-input-placeholder {
    color: inherit !important;
    opacity: 1;
}

::placeholder {
    color: inherit !important;
    opacity: 1;
}

body {
    overflow-y: auto;
    overflow-x: hidden;
    accent-color: var(--theme-color1);
    /* word-break: break-word; */
}

div#page-container {
    overflow-y: visible;
    overflow-x: hidden;
}
body:not(.et-fb) #et-boc .et-l #dd-section {
    z-index: 999999 !important;
}

#wpadminbar {
    z-index: 9999999 !important;
}
.wpcf7-spinner {
    position: absolute;
}

.wpa-test-msg {
    display: block;
    width: 100%;
    float: left;
}
.equal-img,
.equal-img * {
    height: 100%;
    display: flex;
    object-fit: cover;
}
.aspect-ratio-1 img {
    aspect-ratio: 1;
    object-fit: cover;
}

.aspect-ratio-2 img {
    aspect-ratio: 2;
    object-fit: cover;
}

.aspect-ratio-unset img {
    aspect-ratio: unset;
}
.object-fit img {
    object-fit: cover;
}
p:empty {
    padding-bottom: 0;
}

.grecaptcha-badge {
    margin-bottom: 100px !important;
    z-index: 10;
}

div#ht-ctc-chat {
    z-index: 9 !important;
}

/* --main-title-- */
.main-title {
    & h6 {
        align-items: flex-end;
        margin-block: 0;
        position: relative;
        display: inline-block;
        font-weight: 500;
        padding: 7px 12px 7px 27px;
        border-radius: 50px;
        box-shadow: rgb(204, 219, 232) 3px 3px 6px 0px inset, rgba(255, 255, 255, 0.5) -3px -3px 6px 1px inset;
        background-color: var(--bs-white);
        &:before {
            content: "";
            position: absolute;
            left: 12px;
            top: 50%;
            font-weight: normal;
            -webkit-animation: 1s blink ease infinite;
            -moz-animation: 1s blink ease infinite;
            -ms-animation: 1s blink ease infinite;
            -o-animation: 1s blink ease infinite;
            animation: 1s blink ease infinite;
            width: .5rem;
            height: .5rem;
            background: var(--theme-color1);
            border-radius: 100%;
            transform: translateY(-50%);
        }
    }

    & h2 {
        padding-bottom: 0;
    }

    & span {
        color: var(--theme-color1);
    }

    &.et_pb_bg_layout_dark {
        & h5 {
            color: var(--bs-black) !important;
            &::before {
            }
        }
    }
}

@keyframes blink {
    from {
        opacity: 0
    }

    50% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

/* --main-title-close-- */
/* Btn Css */
.elementor-button-link,
.wpr-slider-primary-btn,
.wpr-offcanvas-trigger,
a.bdt-slide-link,
a.wpr-button-effect{
    display: inline-block;
    text-decoration: none !important;
    color: var(--bs-white) !important;
    letter-spacing: 1px;
    padding: 0.8rem 1rem !important;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border: 0 !important;
    line-height: normal;
    border-radius: .5rem !important;
    cursor: pointer;
	text-transform:capitalize !important;
	opacity:1 !important;
    &::before {
        position: absolute;
        content: '';
        inset: 0;
        background: var(--bs-black) !important;
        z-index: -1;
		opacity:1 !important;
    }

    &::after {
        position: absolute;
        content: '';
        width: 0;
        height: 100%;
        inset: 0;
        margin: auto;
        transition: .4s;
        background: var(--theme-color1) !important;
        z-index: -1;
		opacity:1 !important;
    }

    &:hover::after {
        width: 100%;
    }

    & span {
        display: inline-block;
        position: relative;

        &::after {
            content: attr(data-text);
            position: absolute;
            left: 0;
            top: 100%;
            width: 100%;
        }
    }

    &:hover span {
        animation: text-slide 0.3s ease forwards;
    }
}
.wpr-slider-primary-btn:before,
.wpr-offcanvas-trigger:before{
	background: var(--theme-color1) !important;
}
.wpr-slider-primary-btn:after,
.wpr-offcanvas-trigger:after{
	background: var(--bs-black) !important;
}

@keyframes text-slide {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-100%);
    }
    51% {
        transform: translateY(100%);
    }
    100% {
        transform: translateY(0);
    }
}
/* Btn Css Close*/
/*******  | HEADER CODE |  *******/
.wpr-nav-menu .wpr-sub-menu {
    width: 220px !important;
}

/*******  | HOMEPAGE CODE |  *******/
/* Home Slider Sec */

.home-slider-sec .bdt-slide-desc {
    margin: 40px 0px 0px;
    --bdt-position-margin-offset: 0px;
}
.home-slider-sec .bdt-slide-item.swiper-slide {
    height: 100dvh !important;
}
.home-slider-sec .bdt-slide-item.swiper-slide h2 span{
    font-size:unset;
    color:var(--bs-white) !important;
    font-weight:unset;
	-webkit-text-stroke: 1px #0086ce;
}
.home-slider-sec .bdt-slide-item.swiper-slide h2 {
    font-size: clamp(2rem, 0.2031rem + 5.75vw, 4.2375rem);
	color:var(--theme-color1);
    font-weight: 700;
    letter-spacing: 2px;
    -webkit-text-stroke: 1px #fff;
    text-transform: capitalize;
}
.home-slider-sec .bdt-arrows-container.bdt-slidenav-container {
    --ep-swiper-carousel-arrows-ncy: -20px
    gap: 10px;
    & a {
        width: 50px;
        height: 50px;
        position: relative;
        color:transparent;
        display: flex;
        align-items: center;
        justify-content: center;
        background: radial-gradient(245.83% 294.51% at 215.83% 50%, rgb(0 134 206 / 40%) 0%, rgb(0 134 206 / 18%) 100%);
        border: 1px solid rgba(255, 255, 255, 0.2);
        backdrop-filter: blur(7px);
        -webkit-backdrop-filter: blur(2px);
        &.bdt-icon.bdt-slidenav i::before {
            font-size: 22px;
        }
    }
}
.home-slider-sec .contact-form-sec {
        top: 50%;
    border-radius: 10px 10px 10px 10px;
    transform: translateY(-40%);

}
.home-slider-sec form h3 {
    text-align: center;
}
.home-slider-sec form .submit-btn input:hover {
    background: var(--theme-color1) !important;
}
/* Home Slider Sec Close*/

/*--home-about-sec--*/
.circle-box {
    --size: 130px;
    width: var(--size);
    height: var(--size);
    border: 6px solid var(--bs-white);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: rotate 10s linear infinite;
    box-sizing: content-box;
}

.circle-text {
    width: var(--size);
    height: var(--size);
    background: var(--theme-color1);
    border-radius: 50%;
}

.circle-box text {
    fill: var(--bs-white);
    font-size: 20px;
    letter-spacing: 1.5px;
    font-family: var(--et_global_heading_font);
    font-weight: 500;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.circle-box:after {
    content: "";
    position: absolute;
    inset: 30px;
    background: url(/wp-content/uploads/2026/06/favicon.png);
    background-size: contain;
    border-radius: 50%;
}
/*--home-about-sec-close--*/

/* Home Service Sec */
.home-services .ha-slick-item img{
    aspect-ratio:1/1.2;
    object-fit:cover;
	transition:1s;

}
.home-services .ha-slick-content h4{
	letter-spacing:1px;
	font-size: clamp(1rem, 2vw, 1.5rem);
	display: inline-block;
	background: linear-gradient(to right, var(--theme-color1) 50%, var(--bs-white) 50%);
	background-size: 200% 100%;
	background-position: right;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	transition: background-position 0.5s ease;
	text-transform:capitalize;
}
.home-services .ha-slick-item:hover h4{
  background-position:left;
}
.home-services .ha-slick-content{
	z-index:2;
}
.home-services .ha-slick-item {
    overflow:hidden;
    border-radius:.7rem;
    box-shadow: rgba(67, 71, 85, 0.27) 0px 0px 0.25em, rgba(90, 125, 188, 0.05) 0px 0.25em 1em;
}
.home-services .ha-slick-item:before{
    position:absolute;
    content:'';
    background-image: linear-gradient(to top, #000000c2 1%, #00000000 36%);
    inset:0;
    z-index:1;
}
.home-services p.ha-slick-subtitle {
    font-size: clamp(2rem, 6vw, 4rem) !important;
    position:absolute;
    bottom:4rem;
    -webkit-text-stroke:1px var(--bs-white);
    color:transparent;
    font-weight:bold !important;
    letter-spacing:2px;
}
.home-services .ha-slick-item:hover img{
    transform:scale(1.1);
}
.home-services .slick-slide:nth-child(odd){
    margin-top:3rem;
} 
/* Home Service Sec Close*/
/* Contact Page Css */
.contact-sec form.wpcf7-form .wpcf7-text,
.contact-sec form.wpcf7-form textarea{
    background:#ffffff;
    padding:.8rem 1rem;
    border:1px solid #e9e9e9;
    border-radius:.5rem;
}
.contact-sec form.wpcf7-form textarea{
    max-height:7rem;
}
.contact-sec .submit-btn input{
    background:var(--theme-color1) !important;
    color:var(--bs-white);
    padding: 0.8rem 2rem !important;
    letter-spacing:1px;
    border-radius:.5rem !important;
	margin-top:.7rem;
}
.contact-sec .submit-btn input:hover{
    background:var(--bs-black) !important;
}
/* Contact Page Css Close*/

/*--blog-- */
.blog-inner-banner img {
    opacity: 0.5;
}
.blog-inner-text .wp-block-list {
    display: grid;
    gap: 15px;
    color: var(--e-global-color-text);
    font-weight: 400;
}
.home-blog-sec .elementor-element article.wpr-grid-item{
    background:var(--bs-white);
    padding: 1.5rem !important;
    overflow:hidden;
	border-radius:.5rem !important;
	position:relative;
}
.home-blog-sec .wpr-grid-item-excerpt{
    font-size:1rem !important;
}
.home-blog-sec .elementor-element article.wpr-grid-item:before {
    content: "";
    height: 34px;
    width: 40%;
    background-color: #f2f9fd;
    position: absolute;
    bottom: 0px;
    right: -46px;
    transform: skew(-30deg);
    z-index:1;
}
.home-blog-sec .elementor-element h2.wpr-grid-item-title{
    font-size:1.3rem;
    margin-bottom:1rem;
    font-weight:600;
    position: relative !important;
    margin-block:1rem;
    padding-bottom:1.5rem;
}
.home-blog-sec .elementor-element h2.wpr-grid-item-title:before,
.home-blog-sec .elementor-element h2.wpr-grid-item-title:after{
    position:absolute;
    content:'';
    width:5rem;
    height:4px;
    background:var(--theme-color1);
    z-index:1;
    bottom:0rem;
}
.home-blog-sec .elementor-element h2.wpr-grid-item-title:after{
	width:1.5rem;
	background:var(--bs-black);
}
.home-blog-sec .elementor-element h2.wpr-grid-item-title a{
     line-height:1;
    color:var(--theme-color1) !important;
}
.home-blog-sec .elementor-element a.wpr-button-effect{
    margin-top:1rem;
    padding:.7em 1rem !important;
}
.home-blog-sec  .wpr-grid-media-wrap{
    margin:-1.5rem -1.5rem 0rem -1.5rem;
}
.home-blog-sec .wpr-grid-item-date{
    background:var(--theme-color1);
    display:inline-block;
    position:absolute !important;
    top:1rem;
    padding: .4rem .7rem;
    border-radius:.3rem;
    left:0 !important;
    right:auto;
	z-index: 111;
}
.home-blog-sec  .wpr-grid-item-date span{
    color:var(--bs-white);
    font-size:.8rem;
    letter-spacing:1px;
}
.home-blog-sec .wpr-grid-item-date .inner-block{
    margin:0 !important;
}
.home-blog-sec .wpr-grid-image-wrap {
    position:relative;
}
.home-blog-sec .wpr-grid-image-wrap:before{
    position:absolute;
    content:'';
    width:100%;
    height:100%;
    background:#00000075;
    inset:0;
    transition:1s;
    transform:scale(.9);
    opacity:0;
    z-index:1;
}
.home-blog-sec  article.wpr-grid-item:hover .wpr-grid-image-wrap:before{
    transform:scale(1.2);
    opacity:1;
}
.home-blog-sec .wpr-grid-image-wrap img{
   transition:1s;
}
.home-blog-sec  article.wpr-grid-item:hover .wpr-grid-image-wrap img{
    transform:scale(1.1);
}
/*--blog-close- */
/* --popup-- */
.pum-container.popmake button.pum-close {
    background: var(--theme-color1) !important;
    border-radius: 0px !important;
    margin: 0px !important;
    top: 0 !important;
    right: 0 !important;
    width: 50px !important;
    height: 50px !important;
    box-shadow: none !important;
    border: none !important;
    font-size: 25px !important;
}
.pum-container.popmake form.wpcf7-form input.wpcf7-form-control {
    border: 1px solid #d7d7d7;
    padding: .9rem;
    border-radius: .5rem;
    background: var(--bs-white);
}
.pum-container.popmake form.wpcf7-form .custom-form-row p {
    margin: 0px;
}
.pum-container.popmake input.wpcf7-form-control.wpcf7-submit{
    background: var(--bs-black) !important;
    width: fit-content;
    color: var(--bs-white);
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 1.6px;
    padding: .9rem 1.4rem !important;
}
.pum-container.popmake {
    padding: 30px !important;
}
.pum-container.popmake h3 {
    text-align: center;
    font-size: 32px;
    font-weight: 600;
    padding-bottom: 15px;
}
.submit-btn p {
    text-align: center;
}
.pum-container.popmake .submit-btn input:hover{
	background: var(--theme-color1) !important;
}
.wpcf7-response-output {
    border-color: var(--theme-color1) !important;
    color: var(--bs-black) !important;
    font-weight: 400;
    text-align: center;
}
.pum-container.popmake select.wpcf7-form-control.wpcf7-select {
    height: 55px;
}
/* Two-column form layout */
.custom-form-row {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
    margin-bottom: 10px;
}

/* Full width field */
.full-width{
    grid-column:1 / -1;
}

/* Input, select, textarea styling */
.form-field .wpcf7-form-control {
    width: 100%;
    padding: 12px 13px;
    border: 1px solid rgb(221, 221, 221);
    border-radius: 7px;
    font-size: 14px;
    outline: none;
    box-sizing: border-box;
    max-height: 100px;
}
.form-field p {
    padding-bottom: 0;
    margin-bottom: 0;
}

/* Textarea height */
.form-field textarea{
    height:140px;
    resize:none;
}

/* Focus effect */
.form-field input:focus,
.form-field select:focus,
.form-field textarea:focus{

    border-color:#000;
}

/* Submit button */
form .submit-btn input{
    border:none;
    cursor:pointer;
    font-size:16px;
    font-weight:600;
    border-radius: .5rem !important;
    cursor: pointer;
    color: var(--bs-white) !important;
    letter-spacing: 1px;
    padding: 0.8rem 1rem !important;
}


/* --popup-close-- */
/*******  | FOOTER CODE |  *******/

.footer-sec nav.menu-footer-container ul.menu li a{
    position:relative;
    padding-left:25px;
    display:block;
    transition:.7s;
    color: var(--bs-white);
	margin-bottom: .5rem;
}
.footer-sec nav.menu-footer-container ul.menu li a:before{
    position:absolute;
    content:'\f101';
    left:0;
    font-family: 'Fontawesome';
    font-size: 15px;
    top: 2px;
}
.footer-sec nav.menu-footer-container ul.menu li a:hover{
    transform:translateX(6px);
    color:var(--theme-color1);
}
.footer-sec nav.menu-footer-container ul.menu li{
    list-style:none;
}
.footer-sec nav.menu-footer-container ul.menu {
    padding: 0px;
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 0px 10px;
}
.footer-sec .elementor-widget-heading h5.elementor-heading-title{
    position:relative;
    padding-bottom:10px;
}
.footer-sec .elementor-widget-heading h5.elementor-heading-title:before,
.footer-sec .elementor-widget-heading h5.elementor-heading-title:after{
    position:absolute;
    content:'';
    width: 2rem;
    height: 4px;
    background: var(--theme-color1);
    bottom:0;
    left:0;
    z-index:2;
}
.footer-sec .elementor-widget-heading h5.elementor-heading-title:after{
    width: 75%;
    left:14px;
    background:#2c2c2c;
	z-index:1;
}
.copy-right p {
    margin: 0px;
}

/*******  | MEDIA QUERY CODE |  *******/
@media screen and (width >=1024px) and (width <=1200px) {
    
    .wpr-nav-menu-bp-tablet .wpr-nav-menu-container {
        display: none;
    }
    .wpr-nav-menu-bp-tablet .wpr-mobile-nav-menu-container {
        display: block;
    }
    .wpr-mobile-nav-menu:not(.wpr-mobile-mega-menu), .wpr-mobile-nav-menu-container {
        pointer-events:auto !important;
    }
    .call-us-col {
        display: none;
    }
    .logo-col{
        width:60%;
    }
    .menu-col{
        width:40%;
        justify-content: center;
        align-items: end;
    }
    ul.wpr-mobile-nav-menu {
        margin-top: 38px !important;
    }
	.home-slider-sec .bdt-slide-desc {
		width: 80% !important;
	}
}
@media screen and (width <=991px) {
.home-slider-sec .bdt-slide-desc {
    width: 85% !important;
    margin-left: 0px;
    margin-right: 110px !important;
    text-align: left;
    left: 20px;
    transform: translate(0px, -50%);
}
}
@media screen and (width <=767px) {
.footer-sec nav.menu-footer-container ul.menu {
    grid-template-columns: repeat(1, 1fr);
}
.home-slider-sec .bdt-slide-item.swiper-slide {
    height: 80dvh !important;
}
.home-slider-sec .bdt-arrows-container.bdt-slidenav-container {
    & a {
        width: 30px;
        height: 30px;
        &.bdt-icon.bdt-slidenav i:before {
            font-size: 15px;
        }
    }
}
.home-slider-sec .contact-form-sec {
    position: relative !important;
    transform: translate(0);
    inset: 0;
}
.house-cleaning-sec.home-choose-sec .elementor-icon-list--layout-traditional.elementor-widget-icon-list {
    margin-right: auto;
    margin-left: 0;
}
.custom-form-row{
    grid-template-columns:1fr;
    gap: 10px;
}
}