/*
Theme Name: Surabhi Theme
Theme URI: 
Description: Custom WordPress theme for Surabhi
Version: 1.0
Author: Sourav
Author URI: 
License: 
License URI: 
Tags: 
Text Domain: surabhi-theme
*/

.fl-item2-show {
    display: block !important;
    margin-bottom: 30px;
}/* CF7 Fixes for Teckko Theme */
/* --- General Reset --- */
.form-contact-us .wpcf7-form-control-wrap {
    display: block;
    position: relative;
    width: 100%;
}

.form-contact-us fieldset {
    border: none;
    padding: 0;
    margin: 0;
}

/* --- Input & Select Size/Shape --- */
.form-contact-us input[type="text"],
.form-contact-us input[type="email"],
.form-contact-us input[type="tel"],
.form-contact-us input[type="number"],
.form-contact-us textarea,
.form-contact-us select,
.form-contact-us .nice-select {
    width: 100% !important;
    border-radius: 5px;
    border: none;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    box-shadow: none;
    max-width: 100%;
    margin-bottom: 0;
    padding: 17px 21px;
    /* Default */
}

/* Specific Inputs padding */
.form-contact-us input[type="text"],
.form-contact-us input[type="email"],
.form-contact-us input[type="tel"],
.form-contact-us input[type="number"] {
    padding: 17px 42px 17px 21px !important;
    height: auto;
}

/* Nice Select Dimensions */
.form-contact-us .nice-select {
    height: 58px;
    line-height: 56px;
    padding-left: 21px !important;
    padding-right: 42px !important;
    float: none;
    display: block;
    margin-bottom: 0 !important;
}

/* Textarea Dimensions */
.form-contact-us textarea {
    height: 154px;
    padding: 20px !important;
    resize: none;
}

/* --- LIGHT MODE --- */
.form-contact-us input,
.form-contact-us textarea,
.form-contact-us select,
.form-contact-us .nice-select {
    background-color: var(--white) !important;
    color: var(--main-dark) !important;
}

.form-contact-us .nice-select .list {
    background-color: var(--white);
}

/* --- DARK MODE --- */
.form-contact-us.style-bg-dark-2 input,
.form-contact-us.style-bg-dark-2 textarea,
.form-contact-us.style-bg-dark-2 select,
.form-contact-us.style-bg-dark-2 .nice-select {
    background-color: var(--main-dark) !important;
    color: var(--white) !important;
    border: 1px solid #343444;
}

.form-contact-us.style-bg-dark-2 .nice-select .list {
    background-color: var(--main-dark);
    border: 1px solid #343444;
}

.form-contact-us.style-bg-dark-2 .nice-select .option {
    color: var(--white);
}

.form-contact-us.style-bg-dark-2 .nice-select .option:hover,
.form-contact-us.style-bg-dark-2 .nice-select .option.selected.focus {
    background-color: #2c3e50;
}

.form-contact-us.style-bg-dark-2 i {
    color: var(--white);
}

.form-contact-us.style-bg-dark-2 label {
    color: var(--white);
}

/* Icons Position */
.form-contact-us fieldset.position-relative {
    position: relative;
    display: block;
    width: 100%;
}

.form-contact-us i.icon-user,
.form-contact-us i.icon-email,
.form-contact-us i.icon-phone {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    z-index: 5;
    pointer-events: none;
}

/* Submit Button */
.form-contact-us input[type="submit"] {
    background-color: var(--primary) !important;
    color: var(--white) !important;
    font-weight: 700;
    width: auto !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 19px 46px !important;
    margin-top: 20px;
}

.form-contact-us input[type="submit"]:hover {
    background-color: var(--main-dark) !important;
}/* Grid Layout Fixes for Contact Form */
.form-contact-us .cols {
    display: flex;
    justify-content: space-between;
}

.form-contact-us .mb-37 {
    margin-bottom: 37px;
}

.form-contact-us .g-30 {
    gap: 30px;
}

.form-contact-us .item {
    flex: 1;
    /* Equal width */
    width: 50%;
    /* Fallback */
    min-width: 0;
}

.form-contact-us .wpcf7-form-control-wrap {
    width: 100%;
    max-width: 100%;
}

.form-contact-us .mb-40 {
    margin-bottom: 40px;
}

/* Ensure nice-select doesn't break out or shrink unduly */
.form-contact-us .nice-select {
    width: 100% !important;
}

/* Media Query for Mobile */
@media (max-width: 767px) {
    .form-contact-us .cols {
        flex-direction: column;
        gap: 20px;
    }

    .form-contact-us .item {
        width: 100%;
        margin-bottom: 0;
    }

    .form-contact-us .mb-37 {
        margin-bottom: 20px;
    }
}/* CF7 Fixes for Teckko Theme - Final Alignment Fix */

/* --- General Reset --- */
.form-contact-us .wpcf7-form-control-wrap {
    display: block;
    position: relative;
    width: 100%;
}

.form-contact-us fieldset {
    border: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

/* --- Common Input Styles --- */
.form-contact-us input[type="text"],
.form-contact-us input[type="email"],
.form-contact-us input[type="tel"],
.form-contact-us input[type="number"],
.form-contact-us select,
.form-contact-us .nice-select {
    width: 100% !important;
    height: 56px !important;
    /* Fixed height for perfect alignment */
    border-radius: 5px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: normal;
    /* Reset line height */
    box-shadow: none;
    margin-bottom: 0;
    box-sizing: border-box;
    display: block;
}

/* Padding Adjustment */
.form-contact-us input[type="text"],
.form-contact-us input[type="email"],
.form-contact-us input[type="tel"],
.form-contact-us input[type="number"] {
    padding: 0 45px 0 20px !important;
    /* Vertical center via line-height/height or padding? Use flex-like padding if height fixed */
    padding: 18px 45px 18px 20px !important;
    /* height 56px approx: 16px text + 20px*2 = 56px */
    line-height: 20px;
    /* Text height */
}

/* Select Box Padding */
.form-contact-us select {
    padding: 18px 45px 18px 20px !important;
    line-height: 20px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
}

/* Textarea */
.form-contact-us textarea {
    width: 100% !important;
    height: 154px;
    padding: 20px !important;
    resize: none;
    border-radius: 5px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    box-sizing: border-box;
    display: block;
    margin-bottom: 0;
}

/* --- DARK MODE ALIGNMENT & COLORS --- */
/* Inputs */
.form-contact-us.style-bg-dark-2 input,
.form-contact-us.style-bg-dark-2 textarea,
.form-contact-us.style-bg-dark-2 select {
    background-color: #142125 !important;
    color: var(--white) !important;
    border: 1px solid #343444;
}

/* Icons (Absolute Positioned) */
.form-contact-us.style-bg-dark-2 i {
    color: var(--white);
}

.form-contact-us fieldset.position-relative i.icon-user,
.form-contact-us fieldset.position-relative i.icon-email,
.form-contact-us fieldset.position-relative i.icon-phone {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    z-index: 5;
    pointer-events: none;
    font-size: 16px;
    line-height: 1;
    margin-top: 0;
    /* ensure no weird offsets */
}

/* Select Arrow (Custom SVG) */
.form-contact-us.style-bg-dark-2 select {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
    background-repeat: no-repeat;
    background-position: right 20px center;
}

/* Labels */
.form-contact-us label {
    margin-bottom: 12px;
    display: block;
    color: var(--main-dark);
    font-weight: 500;
}

.form-contact-us.style-bg-dark-2 label {
    color: var(--white);
}

/* Layout Spacing */
.form-contact-us .cols {
    display: flex;
    justify-content: space-between;
    gap: 30px;
}

.form-contact-us .item {
    flex: 1;
    min-width: 0;
}

.form-contact-us .mb-37 {
    margin-bottom: 37px;
}

.form-contact-us .mb-40 {
    margin-bottom: 40px;
}

/* Light Mode Defaults */
.form-contact-us input,
.form-contact-us textarea,
.form-contact-us select {
    background-color: var(--white);
    color: var(--main-dark);
}

.form-contact-us i {
    color: var(--main-dark);
}

.form-contact-us select {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
    background-repeat: no-repeat;
    background-position: right 20px center;
}

/* Mobile Responsive */
@media (max-width: 767px) {
    .form-contact-us .cols {
        flex-direction: column;
        gap: 20px;
    }

    .form-contact-us .mb-37 {
        margin-bottom: 20px;
    }
}

/* Submit Button */
.form-contact-us input[type="submit"] {
    background-color: var(--primary) !important;
    color: var(--white) !important;
    font-weight: 700;
    width: auto !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 19px 46px !important;
    margin-top: 20px;
    height: auto !important;
    /* Button height might need to be auto */
}

.form-contact-us input[type="submit"]:hover {
    background-color: var(--main-dark) !important;
}/* CF7 Additional Fixes for Subject Field */

/* Ensure labels are visible in light sections */
.form-contact-us label {
    margin-bottom: 12px;
    display: block;
    color: var(--main-dark) !important;
    font-weight: 500;
}

/* Dark mode labels */
.form-contact-us.style-bg-dark-2 label {
    color: var(--white) !important;
}

/* Fix select dropdown alignment and appearance */
.form-contact-us select,
.form-contact-us .wpcf7-form-control.wpcf7-select {
    width: 100% !important;
    height: 56px !important;
    border-radius: 5px;
    font-family: "Inter", sans-serif;
    font-size: 16px;
    line-height: normal;
    box-shadow: none;
    margin-bottom: 0;
    box-sizing: border-box;
    display: block;
    padding: 18px 45px 18px 20px !important;
    background-color: var(--white) !important;
    color: var(--main-dark) !important;
    border: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
    background-repeat: no-repeat;
    background-position: right 20px center;
}

/* Dark mode select */
.form-contact-us.style-bg-dark-2 select,
.form-contact-us.style-bg-dark-2 .wpcf7-form-control.wpcf7-select {
    background-color: #142125 !important;
    color: var(--white) !important;
    border: 1px solid #343444;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>');
}

/* Ensure proper spacing for select field wrapper */
.form-contact-us .item .wpcf7-form-control-wrap {
    width: 100%;
    display: block;
}

/* Fix label positioning for all fields */
.form-contact-us .item label {
    position: static !important;
    margin-bottom: 15px;
}/* CRITICAL FIX: Subject Field Label and Select Alignment */

/* Force label visibility - highest priority */
.form-contact-us .item label,
.form-contact-us fieldset label,
.form-contact-us label.sub-title {
    color: #19272B !important;
    /* main-dark color */
    opacity: 1 !important;
    visibility: visible !important;
    display: block !important;
    margin-bottom: 15px !important;
    font-weight: 500 !important;
    font-size: 16px !important;
}

/* Dark mode labels override */
.form-contact-us.style-bg-dark-2 .item label,
.form-contact-us.style-bg-dark-2 fieldset label,
.form-contact-us.style-bg-dark-2 label.sub-title {
    color: #ffffff !important;
}

/* Select field complete reset and fix */
.form-contact-us .item select,
.form-contact-us select,
.form-contact-us .wpcf7-select,
.form-contact-us .wpcf7-form-control.wpcf7-select {
    width: 100% !important;
    height: 56px !important;
    padding: 18px 45px 18px 20px !important;
    background-color: #ffffff !important;
    color: #19272B !important;
    border: none !important;
    border-radius: 5px !important;
    font-family: "Inter", sans-serif !important;
    font-size: 16px !important;
    line-height: normal !important;
    box-sizing: border-box !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 20px center !important;
    cursor: pointer !important;
    margin: 0 !important;
}

/* Dark mode select override */
.form-contact-us.style-bg-dark-2 .item select,
.form-contact-us.style-bg-dark-2 select,
.form-contact-us.style-bg-dark-2 .wpcf7-select,
.form-contact-us.style-bg-dark-2 .wpcf7-form-control.wpcf7-select {
    background-color: #142125 !important;
    color: #ffffff !important;
    border: 1px solid #343444 !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') !important;
}

/* Ensure select wrapper doesn't interfere */
.form-contact-us .item .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    position: relative !important;
}/* FINAL FIX: Perfect Alignment for Subject/Select Field */

/* Remove any conflicting margins/padding on the item wrapper */
.form-contact-us .item {
    flex: 1;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
}

/* Ensure fieldset doesn't add extra spacing */
.form-contact-us .item fieldset,
.form-contact-us .item fieldset.position-relative {
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    width: 100% !important;
}

/* Label spacing - consistent for all fields */
.form-contact-us .item label,
.form-contact-us label.sub-title {
    display: block !important;
    margin-bottom: 15px !important;
    margin-top: 0 !important;
    padding: 0 !important;
    color: #19272B !important;
    font-weight: 500 !important;
    font-size: 16px !important;
    line-height: 1.5 !important;
}

/* Dark mode labels */
.form-contact-us.style-bg-dark-2 .item label,
.form-contact-us.style-bg-dark-2 label.sub-title {
    color: #ffffff !important;
}

/* Perfect input alignment - all inputs same height */
.form-contact-us input[type="text"],
.form-contact-us input[type="email"],
.form-contact-us input[type="tel"],
.form-contact-us input[type="number"] {
    width: 100% !important;
    height: 56px !important;
    padding: 0 45px 0 20px !important;
    line-height: 56px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 5px !important;
    background-color: #ffffff !important;
    color: #19272B !important;
    font-family: "Inter", sans-serif !important;
    font-size: 16px !important;
}

/* Perfect select alignment - EXACTLY match inputs */
.form-contact-us select,
.form-contact-us .wpcf7-select,
.form-contact-us .wpcf7-form-control.wpcf7-select {
    width: 100% !important;
    height: 56px !important;
    padding: 0 45px 0 20px !important;
    line-height: 56px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    border: none !important;
    border-radius: 5px !important;
    background-color: #ffffff !important;
    color: #19272B !important;
    font-family: "Inter", sans-serif !important;
    font-size: 16px !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') !important;
    background-repeat: no-repeat !important;
    background-position: right 20px center !important;
    background-size: 12px !important;
    cursor: pointer !important;
}

/* Dark mode inputs */
.form-contact-us.style-bg-dark-2 input[type="text"],
.form-contact-us.style-bg-dark-2 input[type="email"],
.form-contact-us.style-bg-dark-2 input[type="tel"],
.form-contact-us.style-bg-dark-2 input[type="number"] {
    background-color: #142125 !important;
    color: #ffffff !important;
    border: 1px solid #343444 !important;
}

/* Dark mode select */
.form-contact-us.style-bg-dark-2 select,
.form-contact-us.style-bg-dark-2 .wpcf7-select,
.form-contact-us.style-bg-dark-2 .wpcf7-form-control.wpcf7-select {
    background-color: #142125 !important;
    color: #ffffff !important;
    border: 1px solid #343444 !important;
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="6 9 12 15 18 9"></polyline></svg>') !important;
}

/* Ensure wrapper doesn't interfere */
.form-contact-us .wpcf7-form-control-wrap {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Grid layout - ensure perfect alignment */
.form-contact-us .cols {
    display: flex !important;
    gap: 30px !important;
    margin-bottom: 0px !important;
}

.form-contact-us .cols .item {
    flex: 1 !important;
}

/* Remove any extra spacing from CF7 */
.form-contact-us .wpcf7-form-control {
    margin: 0 !important;
}
.mega-menu-list li.active > a {
    color: #ff6600;
    font-weight: 600;
}
.form-contact-us label{
	margin-bottom:0px !important;
}
.form-contact-us .item label, .form-contact-us label.sub-title{
/* 	margin-bottom:0px !important; */
}
.section-form .right{
	padding:0 0;
	}
.form-contact-us select, .form-contact-us .wpcf7-select, .form-contact-us .wpcf7-form-control.wpcf7-select{
margin-top:15px !important;	
}
.section-inner.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}
i {
/*     margin-top: 8px !important; */
}
.quote-cta.text-center.mt-40 h3 {
    margin-bottom: 30px;
}
i.icon-close {
    margin: 0 auto;
    padding: 0;
    margin: 0 !important;
}