/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Nov 27 2025 | 13:02:17 */
/* ============================
   CONTACT FORM STYLING
   Form ID: #contactform
=============================== */

/* Wrapper */
#contactform .select-caret-down-wrapper {
    font-size: 11px;
    inset-inline-end: 10px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    display: none;
}
/* All input + textarea */
#contactform input[type="text"],
#contactform input[type="email"],
#contactform input[type="tel"],
#contactform select,
#contactform textarea {
    width: 100%;
    padding: 14px;
    border: 1px solid #007CFB;
    border-radius: 6px;
    font-size: 16px;
    background: #fff;
    transition: all 0.3s ease;
}

/* Input Focus */
#contactform input:focus,
#contactform textarea:focus,
#contactform select:focus {
    border-color: #53A653;
    box-shadow: 0 0 6px rgba(83,166,83,0.3);
}

/* Labels */
#contactform label {
    font-weight: 600;
    display: block;
    margin-bottom: 5px;
}
.page-id-1778 .main_banner .ct-heading .item--title {
        font-size: 82px !important;
        white-space: nowrap;
	text-transform: uppercase;
    }

.main_banner .ct-heading .item--title {
        font-size: 82px !important;
        white-space: nowrap;
	text-transform: uppercase;
    }
/* ===========================
   FILE UPLOAD FIELD
============================== */

/* Hide the ugly default input */
#contactform input[type="file"] {
    opacity: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: absolute;
    z-index: 3;
}

/* Styled upload container */
#contactform .elementor-field-type-upload {
    position: relative;
    height: 140px;
    background: #f7fff5;
    border: 2px dashed #007CFB;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    flex-direction: column;
    cursor: pointer;
    transition: 0.3s ease;
}

/* On Hover */
#contactform .elementor-field-type-upload:hover {
    background: #f8f8f8;
    border-color: #000E39;
}

/* Upload icon emoji or custom */
#contactform .elementor-field-type-upload:before {
    content: "⬆️";
    font-size: 40px;
    color: #53A653;
    display: block;
    margin-bottom: 10px;
}

/* Upload text */
#contactform .elementor-field-type-upload:after {
    content: "Click to upload photos";
    font-size: 16px;
    color: #444;
}

/* ===========================
   SELECT DROPDOWN (Nice Select)
============================== */
#contactform .nice-select {
    height: 48px;
    line-height: 48px;
    border-radius: 6px;
    border: 1px solid #dcdcdc !important;
}

#contactform .nice-select.open .list {
    border-radius: 6px;
}
/* Checkbox row styling for Contact Form */
#contactform .elementor-field-subgroup {
    display: flex;
    align-items: center;
    gap: 10px;
}

/* Keep checkbox + label in one line */
#contactform .elementor-field-option {
    display: flex;
    align-items: center; /* Correct alignment */
    flex-wrap: nowrap;
    margin-top: 5px;
}

/* Checkbox styling & positioning */
#contactform input[type="checkbox"] {
    width: 20px;
    height: 20px;
    margin-right: 12px;
    margin-top: -15px; /* Fine tune vertical alignment */
    cursor: pointer;
}

/* Label styling */
#contactform .elementor-field-option label {
    font-size: 16px;
    font-weight: 400;
    color: #333;
    cursor: pointer;
    line-height: 1.4;
    display: inline-block;
    margin: 0;
}

/* ===========================
   SUBMIT BUTTON
============================== */

/* Replace ONLY the sticky header desktop logo */
.ct-header-main.scroll-down.h-fixed .ct-header-branding .logo-dark img {
    content: url("https://cleanwithnafe.com/wp-content/uploads/2025/11/Untitled.png") !important;
}
/* Replace logo when header is sticky */
#ct-header.ct-header-main.h-fixed.scroll-up .ct-header-branding img,
#ct-header.ct-header-main.h-fixed.scroll-down .ct-header-branding img {
    content: url("https://cleanwithnafe.com/wp-content/uploads/2025/11/Untitled.png") !important;
}
.ct-header-button.style1 .btn {
    color: #fff !important;
}
#ct-header-wrap .ct-topbar-layout2 {
    color: #fff !important;
}
.main_banner {
    margin-top: -160px;
}
.main_banner .ct-image-single.ct-no-effect {
    visibility: hidden;
}
.ct-wg-author.widget {
    display: none;
}

.ct-testimonial-carousel1 .item--image-inner {
    background: white;
}

#ct-header-wrap.ct-header-layout4 .ct-main-menu > li > a {
    color: #fff;
}
.admin-bar #ct-header-wrap #ct-header.h-fixed a {
    color: #000;
}
/* Desktop */
#pagetitle.page-title.bg-image {
    background-color: #0e0e0e;
    padding: 260px 0;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    margin-top: -160px !important;
}
/* Preloader – 3 colour combination */
#ct-loadding .loading-infinity div:nth-child(1) span {
    background-color: #00239B !important; /* Dark Blue */
}

#ct-loadding .loading-infinity div:nth-child(2) span {
    background-color: #597BDF !important; /* Light Blue */
}

#ct-loadding .loading-infinity div:nth-child(3) span {
    background-color: #007CFB !important; /* Soft Light Blue */
}

#ct-loadding .loading-infinity div:nth-child(4) span {
    background-color: #597BDF !important; /* Light Blue again */
}


/* Mobile Fix */
@media (max-width: 767px) {
    #pagetitle.page-title.bg-image {
        padding: 140px 0 !important;   /* reduce padding so image won’t cut */
        margin-top: -100px !important;  /* less negative margin */
        background-position: top center !important;
    }
	.service-vid-icon .ct-fancy-box-layout1.style10 {
    padding: 14px;
    border: 1px dashed rgba(22, 40, 92, 0.2);
    border-radius: 10px;
    display: block;
    flex-wrap: nowrap;
}
}
/* Mobile css */
@media (max-width: 767px){
	.ct-slick-slider .ct-carousel-inner {
    margin: 0;
    overflow: hidden;
}
	#ct_portfolio_carousel-22cd4a1 .ct-carousel-inner {
    overflow: hidden;
    margin: 0;
}
	#ct-header-wrap {
    background: transparent;
}
	    .ct-header-button-mobile {
       
        text-align: left;
    }#ct-header-wrap .ct-header-button.style1 {
    padding: 0 0px;
}
#ct-header-wrap.ct-header-layout4 #ct-menu-mobile .btn-nav-mobile span,
#ct-header-wrap.ct-header-layout4 #ct-menu-mobile .btn-nav-mobile:before,
#ct-header-wrap.ct-header-layout4 #ct-menu-mobile .btn-nav-mobile:after {
    background-color: #fff !important;
}

	.page-id-8410 #ct-menu-mobile .btn-nav-mobile span,
.page-id-8410 #ct-menu-mobile .btn-nav-mobile:before,
.page-id-8410 #ct-menu-mobile .btn-nav-mobile:after {
    background-color: #000000 !important;
}
#ct-header.ct-header-main.h-fixed.scroll-up #ct-menu-mobile .btn-nav-mobile span,
#ct-header.ct-header-main.h-fixed.scroll-up #ct-menu-mobile .btn-nav-mobile:before,
#ct-header.ct-header-main.h-fixed.scroll-up #ct-menu-mobile .btn-nav-mobile:after {
    background-color: #000000 !important;
}
#ct-header.ct-header-main.h-fixed.scroll-down #ct-menu-mobile .btn-nav-mobile span,
#ct-header.ct-header-main.h-fixed.scroll-down #ct-menu-mobile .btn-nav-mobile:before,
#ct-header.ct-header-main.h-fixed.scroll-down #ct-menu-mobile .btn-nav-mobile:after {
    background-color: #000000 !important;
}
    .header-mobile-search {
        position: relative;
        margin-bottom: 12px;
        display: none;
    }
	.page-id-1778 .main_banner .ct-image-single.ct-no-effect {
    visibility: hidden;
    padding-top:0px;
    margin-top:0px;
    height: 180px;
}
.main_banner .ct-image-single.ct-no-effect {
    visibility: hidden;
    padding-top:0px;
    margin-top:0px;
    height: 30px;
}
	.page-id-1778 .main_banner .ct-heading .item--title {
        font-size: 42px !important;
        white-space: normal;
		text-transform: capitalize;
    }
	.main_banner .ct-heading .item--title {
        font-size: 42px !important;
        white-space: normal;
		text-transform: capitalize;
    }
}