/* Fonts */

@import url("https://fonts.googleapis.com/css2?family=Lexend:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Khula:wght@300;400;600;700;800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Anek+Latin:wght@100..800&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap");

:root {
    --lexend: "Lexend", sans-serif;
    --gowun: "Gowun Dodum", sans-serif;
    --khula: "Khula", sans-serif;
    --anek: "Anek Latin", sans-serif;
    --roboto: "Roboto", sans-serif;
    --manrope: "Manrope", sans-serif;
}

/* Fonts */

body {
    font-family: "Roboto", sans-serif;
    font-size: 14px;
    line-height: 1.5;
    background: #f5f5f5;
}

.locale-change-button {
    cursor: pointer;
    flex-shrink: 0;

    & img {
        width: 21px;
        height: 15px;
    }
}

.locale-change-button-mobile {
    display: none;
    cursor: pointer;
    flex-shrink: 0;
    margin-right: 40px;

    & img {
        width: 21px;
        height: 15px;
    }

    @media (max-width: 768px) {
        display: block;
    }
}

.others {
    color: #555;
    font-size: 12px;
}

.modal__message {
    margin-top: 25px;
    text-align: center;
    font-size: 14px;
    color: #45465b;
}

.modal_title {
    margin-top: 15px;
    padding: 10px;
    display: flex;
    justify-content: center;
    font-size: 16px;
    font-weight: 600;
    color: #45465b;
}

.modal_subtitle {
    display: flex;
    justify-content: center;
    font-size: 14px;
    color: #45465b;
}

.modal__text_desc {
    font-size: 10px;
    padding: 10px;
    display: flex;
    text-align: start;
    line-height: 1.1;
}

.col-auto {
    padding: 10px;
}

.modal__content {
    background: rgba(250, 234, 225, 0.15);
    width: 100%;
}

.modal-auth-wrapper {
    display: flex;
}

@media (max-width: 768px) {
    .modal--auth {
        margin: 0;
        top: 0;
        left: 0;
        border-radius: 0;
        border: none;
        box-shadow: none;
        position: absolute;
        max-width: none;
        width: 100%;
    }
}

@media (min-width: 768px) {
    .modal--auth {
        box-shadow: 0 10px 25px 0 rgba(0, 0, 0, 0.1);
        max-width: 500px;
        width: 100%;
        margin: 100px auto 20px;
        border-radius: 5px;
    }
}

.modal__list {
    padding: 0;
    border-top: 1px solid #eaeaea;
}

.list_dec {
    border-bottom: 1px solid #eaeaea;
}

.modal__list ul {
    list-style: none;
    padding-bottom: 5px;
    padding-left: 0px;
}

.modal__list li a {
    display: block;
    color: #222;
    text-decoration: none;
    padding-left: 10px;
}

.modal__image {
    width: auto;
    height: 35px;
    margin-top: 20px;
    text-align: center;
}

.modal__list li:hover {
    background: #fefefe;
}

.webinar__header {
    font-size: 15px;
    margin-top: 10px;
    padding-top: 10px;
}

.webinar__header_bold {
    font-size: 14px;
    margin-top: 10px;
    padding-top: 10px;
    font-weight: 700;
    text-align: center;
}

.webinar__description {
    font-size: 13px;
    margin-top: 10px;
    padding-bottom: 10px;
}

.webinar__description_bold {
    font-size: 13px;
    margin-top: 10px;
    padding-bottom: 10px;
    display: flex;
    flex-direction: column;
    text-align: center;
}

.social-icons {
    margin-top: 10px;
    text-align: center;
    margin-bottom: 10px;
}

.field-info {
    font-size: 8px;
    color: #555;
}

.social-icons a {
    margin: 0 10px;
    font-size: 24px;
    color: #555; /* İkon rengi */
}

.social-icons a:hover {
    color: #007bff; /* Hover sırasında ikon rengi */
}

.button2 {
    align-items: center;
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 14px;
    color: #45465b;
}

.forminput {
    width: 100%;
    padding: 5px;
    border-radius: 5px;
    font-size: 14px;
    color: #45465b;
    align-items: center;
}