.elementor-465 .elementor-element.elementor-element-c30e0b8{--display:flex;--justify-content:center;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-465 .elementor-element.elementor-element-e55a9ef{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;color:var( --e-global-color-secondary );}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-465 .elementor-element.elementor-element-b46dd3e{width:var( --container-widget-width, 72.8% );max-width:72.8%;--container-widget-width:72.8%;--container-widget-flex-grow:0;}.elementor-465 .elementor-element.elementor-element-b46dd3e.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-465 .elementor-element.elementor-element-b46dd3e .elementor-heading-title{font-family:"Schibsted Grotesk", Sans-serif;font-size:56px;font-weight:700;line-height:56px;color:var( --e-global-color-secondary );}.elementor-465 .elementor-element.elementor-element-e618e82{width:var( --container-widget-width, 64.1% );max-width:64.1%;--container-widget-width:64.1%;--container-widget-flex-grow:0;font-family:"Inter", Sans-serif;font-size:18px;font-weight:400;color:var( --e-global-color-secondary );}.elementor-465 .elementor-element.elementor-element-e618e82.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-465 .elementor-element.elementor-element-7133f01{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-465 .elementor-element.elementor-element-21bfb45{--display:flex;}.elementor-465 .elementor-element.elementor-element-4f4b4fc{font-family:"Inter", Sans-serif;font-size:12px;font-weight:400;text-transform:uppercase;}.elementor-widget-icon-list .elementor-icon-list-item:not(:last-child):after{border-color:var( --e-global-color-text );}.elementor-widget-icon-list .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-icon-list .elementor-icon-list-item > .elementor-icon-list-text, .elementor-widget-icon-list .elementor-icon-list-item > a{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-icon-list .elementor-icon-list-text{color:var( --e-global-color-secondary );}.elementor-465 .elementor-element.elementor-element-d49ab69 .elementor-icon-list-icon i{color:var( --e-global-color-secondary );transition:color 0.3s;}.elementor-465 .elementor-element.elementor-element-d49ab69 .elementor-icon-list-icon svg{fill:var( --e-global-color-secondary );transition:fill 0.3s;}.elementor-465 .elementor-element.elementor-element-d49ab69 .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-primary );}.elementor-465 .elementor-element.elementor-element-d49ab69 .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-primary );}.elementor-465 .elementor-element.elementor-element-d49ab69{--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-465 .elementor-element.elementor-element-d49ab69 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-465 .elementor-element.elementor-element-d49ab69 .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:15px;font-weight:500;}.elementor-465 .elementor-element.elementor-element-d49ab69 .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-primary );}.elementor-465 .elementor-element.elementor-element-d49ab69 .elementor-icon-list-text{transition:color 0.3s;}.elementor-465 .elementor-element.elementor-element-b45ae99{--display:flex;}.elementor-465 .elementor-element.elementor-element-e7cee1a{border-style:solid;border-width:1px 1px 1px 1px;border-color:var( --e-global-color-astglobalcolor5 );border-radius:30px 30px 30px 30px;box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);}@media(min-width:768px){.elementor-465 .elementor-element.elementor-element-21bfb45{--width:40%;}.elementor-465 .elementor-element.elementor-element-b45ae99{--width:60%;}}/* Start custom CSS */.cf7-custom-form{
    background:#fff;
    padding:40px;
    border-radius:35px;
    max-width:900px;
    margin:auto;
    font-family:inherit;
}

.cf7-custom-form .form-row{
    display:flex;
    gap:24px;
    margin-bottom:25px;
}

.cf7-custom-form .form-col{
    flex:1;
}

.cf7-custom-form .full{
    width:100%;
}

.cf7-custom-form label{
    display:block;
    font-size:22px;
    font-weight:600;
    color:#23395d;
    margin-bottom:12px;
}

.cf7-custom-form input,
.cf7-custom-form textarea{
    width:100%;
    border:1px solid #d9e1ef;
    border-radius:20px;
    padding:16px 22px;
    font-size:18px;
    color:#23395d;
    background:#fff;
    outline:none;
    box-sizing:border-box;
    transition:.3s;
}

.cf7-custom-form input{
    height:58px;
}

.cf7-custom-form textarea{
    min-height:180px;
    resize:vertical;
}

.cf7-custom-form input:focus,
.cf7-custom-form textarea:focus{
    border-color:#52627d;
    box-shadow:0 0 0 3px rgba(82,98,125,.12);
}

.cf7-custom-form ::placeholder{
    color:#9aa7bf;
}

.cf7-custom-form .submit-btn{
    margin-top:20px;
}

.cf7-custom-form input[type=submit]{
    width:100%;
    background:#9aa7bf;
    color:#fff;
    border:none;
    border-radius:18px;
    height:68px;
    font-size:28px;
    font-weight:700;
    cursor:pointer;
    transition:.3s;
}

.cf7-custom-form input[type=submit]:hover{
    background:#52627d;
}

.cf7-custom-form .wpcf7-spinner{
    display:none;
}

@media(max-width:767px){

.cf7-custom-form{
    padding:25px;
}

.cf7-custom-form .form-row{
    flex-direction:column;
    gap:18px;
}

.cf7-custom-form label{
    font-size:18px;
}

.cf7-custom-form input,
.cf7-custom-form textarea{
    font-size:16px;
}

.cf7-custom-form input[type=submit]{
    font-size:22px;
    height:58px;
}

}

.radio-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.radio-buttons .wpcf7-list-item {
    margin: 5px;
}

.radio-buttons .wpcf7-list-item label {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 16px;
    border: 1px solid #cfd7e3;
    border-radius: 16px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #455468;
    margin: 0;
}

.radio-buttons input[type="radio"] {
    display: none;
}

.radio-buttons input[type="radio"]:checked + .wpcf7-list-item-label {
    color: #fff;
}

.radio-buttons .wpcf7-list-item label:has(input:checked) {
    background: #4a5666;
    border-color: #ddd;
    color: #fff;
}

.custom-contact-form input[type="submit"] {
    width: 100%;
    background: #aeb7c5;
    color: #fff;
    border: 0;
    border-radius: 18px;
    padding: 20px;
    font-size: 24px;
    font-weight: 600;
    cursor: pointer;
    transition: .3s;
}

.custom-contact-form input[type="submit"]:hover {
    background: #8f9aad;
}

.form-note {
    text-align: center;
    color: #9099a7;
    font-size: 16px;
        margin-top: -30px !important;
  
}

.my-form-contact .type-row .wpcf7-list-item label {
    display: inline-flex;
    align-items: center;
}
.my-form-contact .type-row .wpcf7-list-item-label {
    display: inline-block;
    padding: 10px 18px;
    border: 1px solid #d1d5db;
    border-radius: 10px;
    background: #fff;
    color: #4d5c70;
    transition: all .3s ease;
}
.my-form-contact .type-row input[type="radio"]:checked + .wpcf7-list-item-label {
    background: #4d5c70;
    color: #fff;
    border-color: #4d5c70;
}
.my-form-contact .type-row label {
    padding: 0 3px;
    border-radius: 10px;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    color: #34445b;
}
.my-form-contact .form-row,
.my-form-contact .type-row,
.my-form-contact .message-field {
    margin-bottom: 0px; 
}
.my-form-contact p {
    margin: 0;
}
.my-form-contact .form-field {
    margin-bottom: 0px;
}
.my-form-contact .message-field {
    margin-bottom: 12px;
}
.my-form-contact .wpcf7-submit {
    margin-top: 0;
}
.my-form-contact .form-note {
    margin-top: 10px;
}

/* Responsive */

@media (max-width:768px) {
    .custom-contact-form {
        padding: 25px;
    }

    .custom-contact-form .form-row {
        flex-direction: column;
        gap: 20px;
    }

    .radio-buttons {
        gap: 10px;
    }

    .radio-buttons .wpcf7-list-item label {
        width: 100%;
    }
}

/* Remove CF7 extra spacing */
.custom-contact-form p {
    margin: 0 0 10px;
}

.custom-contact-form br {
    display: none;
}

/* Form spacing */
.custom-contact-form {
    padding: 35px;
}

/* Labels */
.custom-contact-form label {
    font-size: 14px;
    margin-bottom: 8px;
}

/* Inputs */
.custom-contact-form input,
.custom-contact-form textarea {
    padding: 14px 18px;
    font-size: 14px;
    border-radius: 14px;
}

/* Rows spacing */
.custom-contact-form .form-row {
    gap: 18px;
    margin-bottom: 5px;
}

/* Textarea */
.custom-contact-form textarea {
    height: 130px;
}

/* Radio buttons */
.radio-buttons {
    gap: 10px;
}

.radio-buttons .wpcf7-list-item label {
    padding: 7px 14px;
    font-size: 14px;
    border-radius: 14px;
}

/* Submit button */
.custom-contact-form input[type="submit"] {
    padding: 15px;
    font-size: 18px;
    border-radius: 14px;
}

/* Bottom note */
.form-note {
    font-size: 13px;
    margin-top: 10px;
}

.bghow{
    position: relative;
    overflow: hidden;
    isolation: isolate;
}

.bghow::before{
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("https://design9labs.com/wp-content/uploads/2026/07/contact-banner.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center right;
    filter: grayscale(100%);
    z-index: -2;
}

.bghow::after{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        90deg,
        rgba(255,186,8,1) 0%,
        rgba(255,186,8,1) 35%,
        rgba(255,186,8,0.85) 50%,
        rgba(255,186,8,0.35) 65%,
        rgba(255,186,8,0) 80%,
        rgba(255,186,8,0) 100%
    );
    z-index: -1;
}

.bghow .e-con-inner{
    position: relative;
    z-index: 2;
    padding: 50px 0 20px;
}

.contact-form-wrapper{
    background:#fff;
    border-radius:25px;
    padding:25px;
}


.form-row{
    display:flex;
    gap:12px;
}


.form-field{
    width:33.33%;
}


.contact-form-wrapper input[type="text"],
.contact-form-wrapper input[type="email"],
.contact-form-wrapper textarea{
    width:100%;
    border:1px solid #cbd3df;
    border-radius:12px;
    padding:12px 15px;
    font-size:13px;
    color:#555;
    background:#fff;
}


.contact-form-wrapper input::placeholder,
.contact-form-wrapper textarea::placeholder{
    color:#8b98aa;
    font-size:13px;
}


/* Radio section one line */
.type-row{
    display:flex;
    align-items:center;
    gap:1px;
    
}


.type-row span{
    font-size:13px;
    color:#65758b;
}


.type-row .wpcf7-list-item{
    margin:0;
}


/* Remove radio circle */
.type-row input[type="radio"]{
    display:none;
}


/* Radio box design */
.type-row label{
    
    padding:0px 13px;
    border-radius:10px;
    cursor:pointer;
    display:inline-block;
    font-size:13px;
    color:#34445b;
}


/* Selected radio */
.type-row input[type="radio"]:checked + span{
    background:#4d5c70;
    color:#fff;
    border-radius:10px;
    padding:10px 18px;
}


/* Message box */
.message-field textarea{
    height:90px;
    resize:none;
}


/* Submit button */
.contact-form-wrapper input[type="submit"]{
    width:100%;
    margin-top:-15px;
    background:#aeb8c5;
    color:#fff;
    border:none;
    border-radius:12px;
    padding:14px;
    font-size:16px;
    font-weight:600;
    cursor:pointer;
}


/* Button ke niche text gap */
.form-note{
    text-align:center;
    color:#8b98aa;
    margin-top:-50px;
    font-size:12px;
}


/* CF7 success/error message spacing */
.wpcf7-response-output{
    margin:8px 0 0 !important;
    padding:5px !important;
}

.hero-section{
    min-height: 60vh;
}

@media (max-width: 1024px){
    .hero-section{
        min-height: 45vh;
    }
}

@media (max-width: 767px){
    .hero-section{
        min-height: 35vh;
    }
}/* End custom CSS */