/*@use "variables" as *;
@use "media-query" as *;*/

.Contact_form_main_new{
    border-bottom: 1px solid #060709;
    .Contact_form_inner_new{display:flex;
        .Contact_form_mainleft_new{ width: calc(100% - 40.965%); padding-right: 128px;
            .Contact_form_innerleft_new{
                width: 656px;
                position: sticky;
                top: 80px;
                .Contact_form_innerleft_mainlists_new{
                    .Contact_form_innerleft_innerlists_new{display:flex; align-items: center;
                        .Contact_form_innerleft_innerlists_title_first_new{ min-width:70px; text-align:center; font-family: var(--font-heading--family); font-size: 112px; font-weight: 500; line-height: 100%; letter-spacing: -2.24px;text-transform: uppercase;}
                        .Contact_form_innerleft_innerlists_mainmedia_new{overflow: hidden; font-family: var(--font-heading--family); width:63px; height:80px; border-radius: 100px; border: 10px solid #060709; background: #060709;
                            .Index_custom_contact_form_marquee{
                                margin-top:-10px;
                                span{display:flex; align-items:center;}
                                .js-marquee-wrapper{display:flex; align-items:center;
                                    .js-marquee{
                                        display:flex; align-items:center;
                                    }
                                }
                                .Contact_form_innerleft_innerlists_innermedia_new{ position: relative; padding-bottom: 80px; width:800px;
                                    img{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%;}
                                    video{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%;}
                                }
                            }
                        }
                        .Contact_form_innerleft_innerlists_title_new{ font-family: var(--font-heading--family);  font-size: 112px; font-weight: 500; line-height: 100%; letter-spacing: -2.24px;text-transform: uppercase;}
                    }
                }
            }
        }
        .Contact_form_mainright_new{ width:40.965%;
            .Contact_form_innerright_new{
                .Contact_form_innerright_maininfo_new{
                    .Contact_form_innerright_innerinfo_new{ font-size: 32px;font-weight: 500;  line-height: 112%; font-family: var(--font-heading--family);
                        p{margin: 0px 0px 16px 0px; 
                            &:last-child{margin: 0px;}
                        }
                    }
                }
                .Contact_form_innerright_mainform_new{padding-top: 40px;
                    .Contact_form_innerright_innerform_new{
                        margin:0 -8px;

                        .has-error .help-block{
                            font-size:14px; padding-top:6px;
                        }
                        .alert{
                            font-size:14px; padding-top:6px;
                        }

                        .contact-form__form {
                            display: flex;
                            flex-direction: row;
                            gap: 0;
                            flex-wrap: wrap;
                        }

                        label {
                            font-weight: 600;
                            font-size: 14px;
                            display: inline-block;
                            margin-bottom: 2px;
                        }
                        .element-group {
                            margin-bottom: 24px;
                            padding: 0 8px;
                        }

                        .element-group.cs-width-50 {
                            width: 50%;
                            padding: 0 8px;
                            vertical-align: top;
                        }

                        .element-group.cs-width-100 {
                            width: 100%;
                            padding: 0 8px;
                            vertical-align: top;
                        }

                        .radio-group > div {
                            margin-bottom: 6px;
                            float: left;
                            margin-right: 15px;
                            display: flex;
                            align-items: center;
                        }
                        
                        input:not([type="radio"]):not([type="checkbox"]), select,  textarea {
                            appearance: none;
                            -webkit-appearance: none;
                            -moz-appearance: none;
                            outline: none;
                            -webkit-outline: none;
                            -moz-outline: none;
                            -o-outline: none;
                            box-shadow: none;
                            width: 100%;
                            box-sizing: border-box;
                        }

                        .radio-group {
                            overflow: hidden;
                            clear: both;
                        }

                        .contact_accept_new_OuterCS {
                            .radio-group {
                                div {
                                    input {
                                        opacity: 0;
                                        width: 24px;
                                        height: 24px;
                                        position: absolute;
                                        margin: 0 0 0 4px;
                                    }
                                }
                            }
                        }

                        .contact-form__error, .contact-form__success{
                            width:100%;
                        }
                        

                        .contact_input_new_OuterCS{
                            label{ display: none; }
                            input{
                                border: 1px solid #060709; background: #FFF; height: 48px; border-radius:0; padding:8px 8px 8px 22px;
                                color: #282828;
                                font-family: var(--font-gopher--family);
                                font-size: 14px;
                                font-weight: 700;
                                line-height: 100%;
                                text-transform: uppercase;
                                caret-color: transparent;
                            }
                            input:-webkit-autofill {
                                -webkit-text-fill-color: #060709 !important;
                                box-shadow: 0 0 0 1000px var(--input-bg, #fff) inset;
                            }

                            input:focus {
                                background: #fff url(footer_input_gif.gif) no-repeat left 0px center;
                                background-size: auto 32px;
                            }

                            input.typing {
                                background: #fff;
                                caret-color: #000;
                            }
                        }

                        .contact_textarea_new_OuterCS{
                            margin-bottom: 40px;
                            label{ display: none; }
                            textarea{
                                border: 1px solid #060709; background: #FFF; height: 48px; border-radius:0; padding:17px 22px 17px 22px;
                                color: #282828;
                                font-family: var(--font-gopher--family);
                                font-size: 14px;
                                font-weight: 700;
                                line-height: 100%;
                                text-transform: uppercase;
                                caret-color: transparent;
                                height: 160px;
                                display: flex;
                            }
                            textarea:-webkit-autofill {
                                -webkit-text-fill-color: #060709 !important;
                                box-shadow: 0 0 0 1000px var(--input-bg, #fff) inset;
                            }

                            textarea:focus {
                                background: #fff url(footer_input_gif.gif) no-repeat left 0px top 8px;
                                background-size: auto 32px;
                            }

                            textarea.typing {
                                background: #fff;
                                caret-color: #000;
                            }
                        }

                        .contact_accept_new_OuterCS{
                            margin-bottom:40px;
                            > label{ display: none; }
                            .radio-group{
                                div{
                                    margin:0;
                                    label{ 
                                        font-family: var(--font-gopher--family);
                                        font-size: 14px;
                                        font-weight: 700;
                                        line-height: 100%;
                                        position: relative;
                                        padding:5px 0 5px 32px;
                                        &:before{
                                            content:'';
                                            position: absolute;
                                            left:0;
                                            top:50%;
                                            background-size:100%;
                                            width: 24px; height: 24px;
                                            transform: translate(0, -50%);
                                            border: 2px solid  #060709;
                                            background:  #FFF;
                                        }
                                        &:after{
                                            content:'';
                                            position: absolute;
                                            left:4px;
                                            top:50%;
                                            background: #fff url(accept_checkmark.svg) no-repeat left 0px top 0px;
                                            background-size:100%;
                                            width: 16px; height: 16px;
                                            transform: translate(0, -50%);
                                            display: none;
                                        }
                                    }
                                    input:checked + label{
                                        &:after{
                                            display: block;
                                        }
                                    }
                                }
                            }
                        }

                        .contact_checkbox_new_OuterCS{
                            > label{
                                font-family: var(--font-gopher--family);
                                font-size: 16px;
                                font-weight: 700;
                                line-height: 100%;
                                padding-bottom:24px;
                                margin:0;
                                &:after{ display: none; }
                            }
                            .radio-group{ 
                                display: flex; gap:16px; flex-wrap: wrap; 
                                div{
                                    margin:0;
                                    input{ 
                                        opacity: 0;
                                        width: 24px;
                                        height: 24px;
                                        position: absolute;
                                        margin: 0 0 0 4px;
                                    }
                                    label{ 
                                        font-family: var(--font-gopher--family);
                                        font-size: 14px;
                                        font-weight: 700;
                                        line-height: 100%;
                                        text-transform: uppercase;
                                        padding:16px 15px 16px 41px;
                                        border: 1px solid #060709;
                                        background: #FFF;
                                        position: relative;
                                        &:before{
                                            content:'';
                                            position: absolute;
                                            left:15px;
                                            top:50%;
                                            background: url(contact_icon_1.svg) no-repeat center center;
                                            background-size:100%;
                                            width: 18px; height: 18px;
                                            transform: translate(0, -50%);
                                        }
                                    }
                                    input:checked + label{
                                        background: #060709;
                                        color: #fff;
                                    }
                                }
                                div:nth-child(2){
                                    label{
                                        &:before{
                                            background: url(contact_icon_2.svg) no-repeat center center;
                                            background-size:100%;
                                        }
                                    }
                                }
                                div:nth-child(3){
                                    label{
                                        &:before{
                                            background: url(contact_icon_3.svg) no-repeat center center;
                                            background-size:100%;
                                        }
                                    }
                                }
                                div:nth-child(4){
                                    label{
                                        &:before{
                                            background: url(contact_icon_4.svg) no-repeat center center;
                                            background-size:100%;
                                        }
                                    }
                                }
                            }
                        }

                        .contact_select_new_OuterCS{
                            > label{
                                font-family: var(--font-gopher--family);
                                font-size: 16px;
                                font-weight: 700;
                                line-height: 100%;
                                padding-bottom:16px;
                                margin:0;
                                display: block;
                                &:after{ display: none; }
                            }
                            .custom-dropdown-wrapper { position: relative; width: 100%; }
                            .cd-selected { cursor: pointer; transition: .35s; display: block;  padding: 13px 47px 13px 23px; 
                                font-family: var(--font-gopher--family);
                                font-size: 16px;
                                font-weight: 700;
                                line-height: 100%;
                                border: 1px solid #282828;
                                background: #FFF;
                                min-height:44px;
                                position: relative;
                                &:after{
                                    content:'';
                                    position: absolute;
                                    right:23px;
                                    top:50%;
                                    background: url(contact_arrow.svg) no-repeat center center;
                                    width: 16px; height: 16px;
                                    transform: translate(0, -50%);
                                }
                                &.open{
                                    &:after{
                                        transform: translate(0, -50%) rotate(180deg);
                                    }
                                }
                            }
                            .cd-options { display: none; width: 100%; position:absolute; background: #fff; border: 1px solid #282828; border-top: none; border-bottom: none; margin: 0; padding: 0; list-style: none; z-index: 1; }
                            .cd-options.open { display: block; }
                            .cd-options li { padding: 13px 47px 13px 23px; 
                                font-family: var(--font-gopher--family);
                                font-size: 16px;
                                font-weight: 700;
                                line-height: 100%; cursor: pointer; border-bottom: 1px solid #282828; }
                            .cd-options li.active { display: none; }
                        }
                    }
                }
            }
        }
    }
    .Contact_form_innerleft_mainmedia_new{
        padding:40px 48px 0 0;
        .Contact_form_innerleft_innermedia_new{ 
            position:relative; width:100%; padding-bottom:100%; 
            img{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%; border-radius:100%;  }
            video{width:100%; position:absolute; object-fit:cover; top:0; left:0; bottom:0; right:0; height:100%; border-radius:100%;  }
        }
    }
}

.shopify-challenge__container{
    padding:60px 0;
}
body:has(.shopify-challenge__container) .Contact_form_main_new{
    display: none;
}

@media(min-width:0px) and (max-width:749px){

    .Contact_form_main_new{
        .Contact_form_inner_new{ display:block;
            .Contact_form_mainleft_new{ width:100%; padding-right:0px;
                .Contact_form_innerleft_new{
                    width: 100%;
                    position: relative;
                    top:0;
                    .Contact_form_innerleft_maintitle_new{
                        .Contact_form_innerleft_innertitle_new{
                            *{font-size:40px; text-align:center; line-height: 104%; letter-spacing:0; }
                        }
                    }
                    .Contact_form_innerleft_mainlists_new{
                        .Contact_form_innerleft_innerlists_new{justify-content:center; gap:1px;
                            .Contact_form_innerleft_innerlists_title_first_new{ min-width:25px; font-size:40px; text-align:center; line-height: 104%; letter-spacing:0; }
                            .Contact_form_innerleft_innerlists_mainmedia_new{ width:24px; height:30px; border: 4px solid #060709;
                                .Index_custom_contact_form_marquee{
                                    margin-top:-4px;
                                    .Contact_form_innerleft_innerlists_innermedia_new{ padding-bottom: 30px; width:660px; }
                                }
                            }
                            .Contact_form_innerleft_innerlists_title_new{ font-size:40px; text-align:center; line-height: 104%; letter-spacing:0; }
                        }
                    }
                    .Contact_form_innerleft_maintitle_new{ text-align:center; }
                }
            }
            .Contact_form_mainright_new{width:100%; padding-top: 32px;
                .Contact_form_innerright_new{
                    .Contact_form_innerright_maininfo_new{
                        max-width: 297px;
                        margin: auto;
                        text-align: center;
                        .Contact_form_innerright_innerinfo_new{font-size: 18px; line-height: 120%; }
                    }
                    .Contact_form_innerright_mainform_new{
                        padding-top: 32px;
                        
                        .Contact_form_innerright_innerform_new{
                            
                            .contact_textarea_new_OuterCS{
                                margin-bottom: 24px;
                            }

                            .contact_accept_new_OuterCS{
                                margin-bottom:24px;
                            }

                            .contact_checkbox_new_OuterCS{
                                .radio-group{ 
                                    width:100%;
                                    div{
                                        width:100%;
                                        label{ 
                                            width: 100%;
                                        }
                                    }
                                }
                            }

                            .element-group.cs-width-50{
                                width:100%;
                            }

                            .submit_button_new{ 
                                width:100%; 
                                .submit-button {
                                    margin: 0;
                                    width: 100%;
                                }
                            }
                        }
                    }
                }
            }
        }
        .Contact_form_innerleft_mainmedia_new{
            padding:32px 0px 0 0;
        }
    }
}
@media(min-width:750px) and (max-width:989px){
   
    .Contact_form_main_new{
        .Contact_form_inner_new{ 
            .Contact_form_mainleft_new{ 
                width:50%;
                padding-right: 56px;
                .Contact_form_innerleft_new{
                    width: 299px;
                    top:40px;
                    .Contact_form_innerleft_maintitle_new{
                        .Contact_form_innerleft_innertitle_new{
                            *{font-size:50px; line-height: 104%; letter-spacing:0; }
                        }
                    }
                    .Contact_form_innerleft_mainlists_new{
                        .Contact_form_innerleft_innerlists_new{
                            .Contact_form_innerleft_innerlists_title_first_new{ min-width:32px; font-size:50px; line-height: 104%; letter-spacing:0; }
                            .Contact_form_innerleft_innerlists_mainmedia_new{ width: 28px;
                                height: 36px;
                                border: 5px solid #060709;
                                .Index_custom_contact_form_marquee{
                                    margin-top:-5px;
                                    .Contact_form_innerleft_innerlists_innermedia_new{ padding-bottom: 36px; width:660px; }
                                }
                            }
                            .Contact_form_innerleft_innerlists_title_new{ font-size:50px; line-height: 104%; letter-spacing:0; }
                        }
                    }
                }
            }
            .Contact_form_mainright_new{
                width:50%;
                .Contact_form_innerright_new{
                    .Contact_form_innerright_maininfo_new{
                        .Contact_form_innerright_innerinfo_new{font-size: 22px; }
                    }
                    .Contact_form_innerright_mainform_new{padding-top: 32px;

                    }
                }
            }
        }
        .Contact_form_innerleft_mainmedia_new{
            padding:32px 0px 0 0;
        }
    }
}

@media(min-width:990px) and (max-width:1439px){
    
     .Contact_form_main_new{
        .Contact_form_inner_new{
            .Contact_form_mainleft_new{ padding-right: 70px;
                .Contact_form_innerleft_new{
                    width: 448px;
                    .Contact_form_innerleft_maintitle_new{
                        .Contact_form_innerleft_innertitle_new{
                            *{font-size: 80px;}
                        }
                    }
                    .Contact_form_innerleft_mainlists_new{
                        .Contact_form_innerleft_innerlists_new{
                            .Contact_form_innerleft_innerlists_title_first_new{ min-width:32px; font-size:80px; }
                            .Contact_form_innerleft_innerlists_mainmedia_new{ width: 48px;
                                height: 60px;
                                border: 8px solid #060709;
                                .Index_custom_contact_form_marquee{
                                    margin-top:-8px;
                                    .Contact_form_innerleft_innerlists_innermedia_new{ padding-bottom: 60px; }
                                }
                            }
                            .Contact_form_innerleft_innerlists_title_new{ font-size:80px; }
                        }
                    }
                }
            }
            .Contact_form_mainright_new{
                width:50%;
                .Contact_form_innerright_new{
                    .Contact_form_innerright_maininfo_new{
                        .Contact_form_innerright_innerinfo_new{font-size: 26px; }
                    }
                    .Contact_form_innerright_mainform_new{

                    }
                }
            }
        }
        .Contact_form_innerleft_mainmedia_new{
            padding:32px 0px 0 0;
        }
    }
}