/* Global Css */
.desktop_none {
    display: none !important;
}

.mobile_none {
    display: block !important;
}
/* Contact Start */

    .c_form{
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 40px;
    }
.contact_s1{
    background-image: url(../media/contactbg.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 0px;
    margin-top: 150px;
    display: flex;
    justify-content: flex-end;
    gap: 100px;
}
.contact_left{
    padding: 0px;
    display: flex;
    width: 30.5%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 40px;
}
.c_formtitle{
    color: var(--Core-Off-Black, #0F0F0F);
    font-family: Urbanist;
    font-size: 56px;
    font-style: normal;
    font-weight: 400;
    line-height: 140%;
    letter-spacing: 0.56px;
    text-transform: capitalize;
    margin: 0px;
}
.contact_btn{
    display: flex;
    padding: 16px 64px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: var(--Core-Maroon, #9E2A2B);
    border: none;
    color: var(--Core-Off-White, #FAFAFA);
    text-align: center;
    font-family: Urbanist;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.34px;
    text-transform: capitalize;
}
.textboxbar{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
    align-self: stretch;
}
.textboxline{
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 40px;
    align-self: stretch;
}
.c_textbox{
    display: flex;
    padding: 16px 16px 16px 8px;
    align-items: flex-start;
    gap: 8px;
    flex: 1 0 0;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid var(--Base-03, #BDBDBD);
    color: var(--Core-Off-Black, #0F0F0F);
    font-family: Urbanist;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.34px;
    text-transform: capitalize;
}
.c_textarea{
    display: flex;
    height: 100px;
    padding: 16px;
    align-items: flex-start;
    gap: 8px;
    align-self: stretch;
    border: none;
    border-radius: 0px;
    border-bottom: 1px solid var(--Base-03, #BDBDBD);
    background: var(--Core-Off-White, #FAFAFA);
    color: var(--Core-Off-Black, #0F0F0F);
    font-family: Urbanist;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.34px;
    text-transform: capitalize;
}
.form-control:focus{
    border: none;
    box-shadow: none; 
    border-bottom: 1px solid var(--Base-03, #BDBDBD);
}
.captcha_checkboxbar{
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
/* ----------------------- Checkbox ----------------------- */

.r-checkboxF input[type='checkbox']:checked~label:after,
.r-checkboxF input[type='checkbox']:checked~.label:after {
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    opacity: 1;
    visibility: visible;
}


.r-checkboxF>.r-divF>label:before,
.r-checkboxF>.r-divF>.label:before {
    content: "";
    position: absolute;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 6px;
    border: 1px solid #0F0F0F;
    background: #FFF;
    box-sizing: border-box;
    border-radius: 0px;
    top: 5px;
    left: 0px;
}

.r-checkboxF input[type='checkbox'] {
    display: none;
}

.r-checkboxF input[type='checkbox']~label:after,
.r-checkboxF input[type='checkbox']~.label:after {
    content: "✓";
    display: block;
    position: absolute;
    border-radius: 0;
    border: 0;
    font-family: "Poppins";
    font-size: 12px;
    text-align: center;
    line-height: 12px;
    height: 1px;
    width: 1px;
    left: 4px;
    top: 8px;
    transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform: scale(0);
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    -webkit-transition: all .15s ease;
    -ms-transition: all .15s ease;
    transition: all .15s ease;
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
}

.r-checkboxF {
    position: relative;
    margin-bottom: 16px;
}

.r-textF {
    margin-left: 27px;
    margin-top: 0px;
    text-align: left;
}
.login_strongR{
    color: var(--Core-Off-Black, #0F0F0F);
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 0.42px;
    margin: 0px;
}
.terms_policy{
    color: var(--Core-Maroon, #9E2A2B);
    font-family: Urbanist;
    font-size: 14px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 0.42px;
    margin: 0px;
}
/** Checkbox End **/



.contact_right{
    background-color: #FAFAFA;
    padding: 0px;
    display: flex;
    flex-direction: column;
    width: 43%;
}
.contact_righttop{
    padding: 72.5px 64px;
    display: flex;
    flex-direction: column;
    gap: 24px;
}
.contact_title{
    color: var(--Neutral-Near-Black, #0E0E0E);
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 40px;
    font-style: normal;
    font-weight: 400;
    text-transform: capitalize;
    margin: 0px;
}
.contact_subtitlebar{
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.contact_subtitle{
    color: var(--Base-02, #5E5E5E);
    font-family: Urbanist;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 0.51px;
    margin: 0px;
}
.contact_add{
    color: var(--Core-Off-Black, #0F0F0F);
    font-family: Urbanist;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 160%;
    letter-spacing: 0.51px;
    margin: 0px;
}
/* Contact End */
/* Contact Success Start */
.suc_s1{
    background-color: #F6F6F6;
    margin-top: 150px;
    padding: 120px 0px;
}
.suc_c1{
    display: flex;
    flex-direction: column;
    gap: 40px;
    align-items: center;
}
.suc_top{
    display: flex;
    flex-direction: column;
    gap: 24px;
    align-items: center;
    max-width: 400px;
    text-align: center;
}
.suc_icon{
    height: 80px;
}
.success_title{
    color: var(--Core-Off-Black, #0F0F0F);
    text-align: center;
    font-feature-settings: 'liga' off, 'clig' off;
    font-family: Urbanist;
    font-size: 48px;
    font-style: normal;
    font-weight: 400;
    line-height: normal;
    letter-spacing: 1px;
    text-transform: capitalize;
    margin: 0px;
}
.success_subtitle{
    color: var(--Base-02, #5E5E5E);
    text-align: center;
    font-family: Urbanist;
    font-size: 17px;
    font-style: normal;
    font-weight: 400;
    line-height: 160%;
    letter-spacing: 0.45px;
    margin: 0px;
}
.contact_btnblack{
    display: flex;
    padding: 16px 64px;
    justify-content: center;
    align-items: center;
    border-radius: 100px;
    background: var(--Core-Maroon, #0F0F0F);
    border: none;
    color: var(--Core-Off-White, #FAFAFA);
    text-align: center;
    font-family: Urbanist;
    font-size: 17px;
    font-style: normal;
    font-weight: 500;
    line-height: 120%;
    letter-spacing: 0.34px;
    text-transform: capitalize;
}
.fail_btnbar{
    display: flex;
    gap: 40px;
}
/* Contact Success End */




@media only screen and (max-width: 600px) {

    /* Global css */
    .desktop_none {
        display: block !important;
    }

    .mobile_none {
        display: none !important;
    }
    /* Contact Start */
    .contact_s1{
        flex-direction: column;
        background-image: none;
        margin-top: 92px;
        gap: 0px;
    }
    .contact_left{
        width: 100%;
        padding: 64px 24px 40px 24px;
        background-image: url(../media/contact_bgmob.png);
        background-repeat: no-repeat;
        background-size: cover;
        background-position: top center;
        gap: 24px;
    }
    .c_formtitle{
        color: var(--Core-Off-Black, #0F0F0F);
        font-feature-settings: 'liga' off, 'clig' off;
        font-family: Urbanist;
        font-size: 32px;
        font-style: normal;
        font-weight: 400;
        line-height: normal;
        letter-spacing: 1px;
        text-transform: capitalize;
    }
    .textboxline{
        flex-direction: column;
        gap: 32px;
    }
    .c_textbox{
        background-color: transparent;
    }
    .captcha_checkboxbar{
        flex-direction: column;
        gap: 24px;
    }
    .captcha_checkboxbar img{
        width: 100%;
    }
    .c_form{
        width: 100%;
        display: flex;
        flex-direction: column;
        gap: 24px;
    }
    .contact_btn{
        width: 100%;
    }
    .contact_right{
        width: 100%;
    }
    .contact_righttop{
        padding: 40px 24px;
    }
    .contact_title{
        font-size: 32px;
    }
    /* Contact End */


/* Contact Success Start */
.suc_s1{
    margin-top: 92px;
    padding: 59px 24px;
}
.suc_c1{
    padding: 0px;
    gap: 32px;
}
.suc_top{
    gap: 16px;
}
.suc_icon{
    height: 56px;
}
.success_title{
    font-size: 32px;
}
.success_subtitle{
    font-size: 15px;
}
.fail_btnbar{
    flex-direction: column;
    width: 100%;
    gap: 16px;
}
/* Contact Success End */
}




@media only screen and (min-width: 1000px) and (max-width:1199px) {
    .contact_left{
        width: 33%;
        gap: 24px;
    }
    .contact_right{
        width: 45%;
    }
    .contact_s1{
        margin-top: 110px;
    }
    .suc_s1{
        margin-top: 110px;
    }
    .textboxbar{
        gap: 16px;
    }
}

@media only screen and (min-width: 1200px) and (max-width:1348px) {
    .contact_left{
        width: 33%;
        gap: 32px;
    }
    .contact_right{
        width: 45%;
    }
    .contact_s1{
        margin-top: 110px;
    }
    .suc_s1{
        margin-top: 110px;
    }
    .textboxbar{
        gap: 24px;
    }
}

@media only screen and (min-width: 1349px) and (max-width:1439px) {
    .contact_left{
        width: 33%;
    }
    .contact_right{
        width: 45%;
    }
    .contact_s1{
        margin-top: 120px;
    }
    .suc_s1{
        margin-top: 120px;
    }
}

@media only screen and (min-width: 1440px) and (max-width:1499px) {
    .contact_left{
        width: 33%;
    }
    .contact_right{
        width: 45%;
    }
    .contact_s1{
        margin-top: 120px;
    }
    .suc_s1{
        margin-top: 120px;
    }
}

@media only screen and (min-width: 1500px) and (max-width:1599px) {}

@media only screen and (min-width: 1600px) and (max-width:1699px) {
    .contact_s1{
        margin-top: 130px;
    }
    .suc_s1{
        margin-top: 130px;
    }
}

@media only screen and (min-width: 1700px) and (max-width:1799px) {}

@media only screen and (min-width: 1800px) and (max-width:1919px) {}