﻿.sub_title {
    color: #40C1C5;
    font-family: Open Sans;
    font-size: 12px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    text-transform: uppercase;
    margin-bottom: 40px;
}

.title {
    color: #0D437F;
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.78px;
    text-transform: uppercase;
}

.company_name {
    color: #0D437F;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.54px;
    text-transform: uppercase;
    margin-top: 40px;
}

.address {
    color: #0D437F;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.info {
    color: #0D437F;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}

.info > div + div {
    margin-left: 50px;
}

.info strong {
    color: #0D437F;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.54px;
    text-transform: uppercase;
}

.contacts {
    background-color: #40C1C5;
    padding: 48px 0;
    position: relative;
    z-index: -1;
}

.contacts p.section_desc {
    color: #FFF;
    /* TWT/text-body */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 128.571% */
}

.contacts .title {
    color: #FFF;
    font-family: Montserrat;
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0.78px;
    text-transform: uppercase;
}

.contacts .custom_contact_select {
    display: flex;
    width: 240px;
    padding: 4px 12px 4px 40px;
    justify-content: space-between;
    align-items: center;
    border-radius: 12px;
    border: 1px solid #40C1C5;
    background: #FFF;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    color: #0D437F;
}

.contacts .custom_contact_select_box {
    position: relative;
    width: fit-content;
}

.contacts .custom_contact_select_box::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0px;
    width: 35px;
    height: 35px;
    background-image: url("/assets/img/layout/select-pin-icon.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: 10px center, right 10px center;
    background-size: 22px 22px, 16px 16px;
    z-index:99999;
}

.contacts .custom_contact_select_box::after {
    content: '';
    position: absolute;
    right: 15px;
    top: 0px;
    width: 35px;
    height: 35px;
    background-image: url("/assets/img/layout/select-arrow.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: 10px center, right 10px center;
    background-size: 18px 18px, 12px 12px;
    z-index: 99999;
}

.contacts .contact-box {
    margin-top: 47px;
}

.contacts .contact-box .rounded {
    border-radius: 16px !important;
}

.contacts .contact-box p {
    text-align: left;
}

.contacts .contact-box p img {
    width: 20px;
    height: 20px;
}

.contacts .contact-box a {
    margin: 15px 0 0 10px;
    color: #0D437F;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.contacts .contact-box a:hover {
    text-decoration: none;
}

.contacts .contact-box .time p {
    color: #0D437F;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.contacts .contact-box .time strong {
    color: #0D437F;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.54px;
    text-transform: uppercase;
}

.contacts .contact-box .bankInfo p {
    color: #0D437F;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px; /* 128.571% */
}

.contacts .contact-box .bankInfo strong {
    color: #0D437F;
    font-family: Montserrat;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 122.222% */
    letter-spacing: 0.54px;
    text-transform: uppercase;
}

.contacts .office_boxes {
    border-top: 1px solid #fff;
    display: none;
}

.contacts .office_boxes.active {
    display: flex;
}


.contacts .office-box {
    vertical-align: top;
    border-radius: 16px;
}

.contacts .office-box .rounded {
    border-radius: 16px !important;
}

.contacts .office-box:nth-child(n+3) {
    margin-top: 25px;
}

.contacts .office-box h3 {
    color: #0D437F;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.6px;
    margin-bottom: 45px;
}

.contacts .office-box p a {
    color: #424242;
    /* TWT/text-body */
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px; /* 128.571% */
    margin-left: 15px;
}

.contacts .office-box a.show_map {
    color: #40C1C5;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    text-decoration-line: underline;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.main-swiper-button-prev-custom,
.main-swiper-button-next-custom {
    position: absolute;
    top: 50%;
    z-index: 10;
    width: 40px;
    height: 40px;
    transform: translateY(-50%);
    cursor: pointer;
}

.main-swiper-button-prev-custom {
    left: -50px;
}

.main-swiper-button-next-custom {
    right: 22px;
}

div.partners-links > div {
    align-items: center;
}

.partner-icon {
    width: 100px;
    height: 50px;
}

.partners-container {
    background: #44bcc5;
}

.partners-title {
    color: #FFF;
    font-family: "Montserrat";
    font-size: 26px;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0.78px;
    text-transform: uppercase;
}

.partners-swiper-button-next {
    display: inline-block;
    position: absolute;
    top: 0;
    right: 150px;
    cursor: pointer;
}

.partners-swiper-button-prev {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 150px;
    cursor: pointer;
}

.partners-swiper-button-next img, .partners-swiper-button-prev img {
    filter: invert(100%) sepia(0%) saturate(7489%) hue-rotate(216deg) brightness(105%) contrast(105%);
}

div.partners-swiper > div > div.swiper-slide {
    text-align: center;
}

@media(max-width:767px) {
    main .pt-3 {
        padding-top: 0 !important;
    }

    .info > div + div {
        margin-left: 0;
    }

    .main-swiper-button-prev-custom {
        left: 0;
    }

    .main-swiper-button-prev-custom img {
       width: 100%;
       height: 100%;
    }

    .main-swiper-button-next-custom {
        right: 0;
    }

    .main-swiper-button-next-custom img {
        width: 100%;
        height: 100%;
    }

    .mt-92 {
        margin-top: 50px !important;
    }

    .contacts .office-box + .office-box {
        margin-top: 25px;
    }
}
/* Ana slider: komşu slide'lar yanlardan taşıp görünüyordu (container overflow:visible).
   Swiper'ın gizlediği slide'ları kırpmak için overflow:hidden + Figma radius.
   NOT: sadece .swiper-main-slider'a — .main-slider-wrapper'a verilirse dışarı taşan
   prev/next okları kırpılır. */
.swiper-main-slider {
    overflow: hidden;
    border-radius: 16px;
}
