@import url('./contact-responsive.css');

/**
 * CONTENTS
 *
 * CONTACT
 *   General
*/

/*------------------------------------*\
  # CONTACT
\*------------------------------------*/

/* ---------General--------- */

    .contact-main-bottom{
        padding: 80px 30px;
        background-color: var(--turquoise);
        color: white;
    }

/* ---------Contact Form--------- */

    .contact-main-info-content-text{
        border: none !important;
    }
    .contact-main-bottom p{
        color: white !important;
    }
    .contact-main-bottom input{
        border-radius: 40px;
        border: 1px solid var(--border-gray);
    }
    .kvkk-text{
        border-radius: 30px;
        background-color: rgba(255,0,0,0.3) !important;
        border: 2px solid rgba(255,0,0,0.7);
        margin: 40px 0;
        padding: 20px;
        align-items: center;
        transition: 250ms all !important;
    }
    .kvkk-text:has(input:checked){
        background-color: rgba(0, 255, 0, .2) !important;
        border: 2px solid rgba(0,255,0, .7)
    }
    .kvkk-text input{
        border-radius: 100px !important;
        overflow: hidden;
    }
    .kvkk-text label{
        color: white;
    }
    .contact-main-bottom button a.compact-button{
        background-color: #fff !important;
        color: black;
        border: 1px solid var(--border-gray) !important;
        width: 304px;
        max-width: 80vw;
        padding-right: 0 !important;
        padding-left: 0 !important;
    }
    .g-recaptcha, .contact-button{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    
/*------------------------------------*\
  ## END CONTACT
\*------------------------------------*/