html {
    font-size: 14px;
    position: relative;
    min-height: 100%;
}

body {
    font-family: Calibri, sans-serif;
    overflow-x: hidden;
}

*, *:focus, *:hover {
    outline: none;
}

.mt-72 {
    margin-top: 72px;
}


.mt-62 {
    margin-top: 62px;
}

.mt-66 {
    margin-top: 66px;
}

.mt-92 {
    margin-top: 92px;
}

.cursor-pointer {
    cursor: pointer;
}

ul {
    list-style-type: none;
    padding: 0px;
    margin: 0px;
}

.c-pointer {
    cursor: pointer !important;
}

section.blog_top_bar {
    padding: 10px 0;
    background-color: rgba(13, 67, 127, 1);
    min-height: 52px;
    display: flex;
    align-items: center;
}

section.blog_top_bar h1 {
    margin: 0;
    text-align: left;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.4;
    color: rgba(255, 255, 255, 1);
    font-family: "Open Sans", sans-serif;
    word-wrap: break-word;
    overflow-wrap: break-word;
    max-width: 100%;
}

section.blog_top_bar .lang {
    text-transform: uppercase;
    vertical-align: text-bottom;
    flex-shrink: 0;
}

#ddlLangsMenu.active::after {
    transform: rotate(180deg);
    transition: transform 0.2s ease;
}

section.blog_top_bar .row {
    display: flex;
    align-items: center;
    width: 100%;
}

section.blog_top_bar .col-7 {
    min-width: 0;
    flex: 1;
}

section.blog_top_bar .col-5 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-wrap: wrap;
    gap: 10px;
    flex-shrink: 0;
    min-width: fit-content;
}

section.blog_top_bar .col-5 .nav-link {
    flex-shrink: 0;
    display: inline-flex;
    align-items: center;
}

#langMenu {
    display: none;
    position: absolute;
    right: 30%;
    top: 40px;
    padding: 12px 24px;
    background-color: #0D437F;
    z-index: 0;
    border-radius: 0px 0px 16px 16px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
#langMenu a.dropdown-item {
    color: #ffffff;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    position:relative;
}

#langMenu a.dropdown-item.selectedLang {
    color: #40C1C5;
}

#langMenu a.dropdown-item:hover {
   background-color: inherit;
}

#langMenu a.dropdown-item:after {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 12px;
    height: 12px;
    padding: 2px;
    background-color: transparent;
    border-radius: 50%;
    border: 1px solid #ffffff;
}

#langMenu a.dropdown-item.selectedLang:after {
    padding: 3px;
    background-color: #40C1C5;
    border-color: #40C1C5;
}

.offices_btn {
    display: inline-flex;
    vertical-align: text-bottom;
    background-color:#fff;
    border-radius:8px;
    padding: 2px 6px;
    flex-shrink: 0;
    justify-content: center;
    align-items: center;
}

.offices_btn a {
    color: #0D437F;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    word-wrap: break-word;
    overflow-wrap: break-word;
}

.offices_btn a:hover {
   text-decoration: none;
}

.offices_btn img {
    vertical-align: bottom;
}

.custom-dropdown-menu {
    border: none;
    background-color: #fff;
    padding: 32px 56px;
    border-radius: 0px 0px 24px 24px;
    border: 1px solid #ddd;
}

.left-menu {
    border-right: 1px solid #40C1C5;
}

.left-menu ul li a {
    color: #A6A6A6 !important;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.96px;
    text-transform: uppercase;
}

.left-menu ul li a.active {
    color: #40C1C5 !important;
}


.right-menu {
    border-right: 1px solid #40C1C5;
}

.right-menu ul {
    display: none;
}

.right-menu ul.active {
    display: block;
}

.right-menu ul li a {
    color: #0D437F !important;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    text-transform: capitalize;
}

.right-menu ul li a.active {
    color: #40C1C5 !important;
}

.right-menu ul li a:hover {
    color: #40C1C5 !important;
}

.left-menu ul li a:hover {
    color: #40C1C5 !important;
}

/* Kierunki dropdown open: turquoise text + arrow rotates up */
.dropdown.show > .dropdown-toggle.header-link {
    color: #40C1C5 !important;
}

.dropdown-toggle.header-link::after {
    transition: transform 0.2s ease;
}

.dropdown.show > .dropdown-toggle.header-link::after {
    transform: rotate(180deg);
}

.right-menu ul li a img {

}

.noselect {
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -khtml-user-select: none; /* Konqueror HTML */
    -moz-user-select: none; /* Old versions of Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently
                    supported by Chrome, Edge, Opera and Firefox */
}

header.header-sticky {
    top: 60px;
}

main {
    margin-top: 140px;
}

.searchbar-top {
    margin-top: 140px;
}

section.offer-bar {
    display: none;
}

.custom-dropdown-menu .dropdown-item:hover {
    background-color: #7c8d9e !important;
    color: white !important;
}

div.mobile_menu {
    width: 100%;
    height: 100vh;
    padding: 30px 20px 0 20px;
    position: absolute;
    display: none;
    top: 70px;
    z-index: 99999;
    background-color: #fff;
}

    div.mobile_menu.open {
        display: block;
    }

header.only-mobile {
    display: none;
}

.header-sticky {
    top: 53px;
}

h4.no-result {
    padding: 15px 20px;
    position: relative;
    border-radius: 10px;
    font-size: 18px;
    font-weight: 600;
    color: #0d4380;
    background-color: #f5f5f5;
    -webkit-box-shadow: 0px 0px 13px -3px rgba(140, 140, 140, 1);
    -moz-box-shadow: 0px 0px 13px -3px rgba(140, 140, 140, 1);
    box-shadow: 0px 0px 13px -3px rgba(140, 140, 140, 1);
}

h4.no-result img {
    width: auto;
    height: 35px;
    vertical-align: middle;
    filter: brightness(0) saturate(100%) invert(92%) sepia(21%) saturate(3457%) hue-rotate(149deg) brightness(82%) contrast(86%);
}

input[name="search-package-tour-to"]::before {
    content: "";
    width: 15px;
    height: 15px;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    background-image: url("/assets/img/search.svg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

@media (max-width: 1023px) {
    .newsletter-section .row .input-box + .input-box {
        margin-top: 10px;
    }
}

@media all and (min-width: 992px) {
    .navbar .custom-nav-item .custom-dropdown-menu {
        display: none;
    }

    .navbar .custom-nav-item:hover .custom-nav-link {
    }

    .navbar .custom-nav-item:hover .custom-dropdown-menu {
        display: block;
    }

    .navbar .custom-nav-item .custom-dropdown-menu {
        margin-top: 0;
        width: 230px;
    }

    .custom-nav-link {
        border: 1px solid #d6dbe2;
        border-radius: 0.25rem;
    }

    .custom-nav-item .dropdown-toggle::after {
        margin-left: 0.655em;
        margin-top: 0.6em;
    }
}
/*====================================================================HEADER START*/
.header {
}

    .header .navbar {
        margin-right: 0rem !important;
    }

.header-fixed {
    position: sticky;
    width: 100%;
    z-index: 11;
}

.header-sticky {
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 12;
    background-color: #fff;
}

.header-sticky.active {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.shadow {
    box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
    -webkit-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 5px 0px rgba(0,0,0,0.75);
}

.navbar-top {
    border-top: 15px solid #0c2170;
}

.btn-header {
    border: none;
    background: none;
}

.btn-header-content {
    display: block;
}

.collapse-block {
    padding: 10px;
    margin-top: 8px;
    z-index: 10;
}

.header-link {
    font-weight: 700;
    text-transform: uppercase;
    font-size: 14px;
    color: #0D437F !important;
    letter-spacing: 1px;
    white-space: initial;
    font-family: "Open Sans", sans-serif;
    transition: color 0.2s ease;
}

.header-link:hover {
    background: linear-gradient(90deg, #0FF8FF, #0D437F);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

li.custom-nav-item .header-link {
    font-size: 16px !important;
}

.header-link-icon {
    margin-top: 2px;
    margin-right: 3px;
}

.header-sign-in-btn {
    width: 75px;
    height: 36px;
    background-color: #F1F3F5;
    border-radius: 26px;
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.1px;
    color: #4d5864;
    text-align: center;
    line-height: 36px;
}

.overflow-scroll {
    overflow: scroll;
}

.theme-color {
    background: #fbb820 !important;
}

.theme-color2 {
    color: #44bcc5 !important;
}

@media(min-width:767px) {
    .header-navbar {
        height: 100px;
    }
}

@media(max-width:767px) {
    .header {
        background: url(/assets/img/layout/searchbar-bg-mobil1.jpeg);
        height: initial;
        background-size: cover;
        background-position-y: 69px;
    }

    header.header-sticky {
        top: 30px;
    }

    .mobile-padding {
        padding-left: 15px;
        padding-right: 15px;
    }

    .header .navbar {
        margin-right: 0rem !important;
    }

    header .ml-25 {
        margin-left: 0px;
    }

    .header-navbar {
        height: 56px;
    }

    .collapse-block {
        background: white;
        /*border: 1px solid #dee2e6;*/
        border-top: none;
    }

    section.blog_top_bar .col-7 {
        display: none;
    }

    section.blog_top_bar .col-5 {
        display: none;
    }

    section.offer-bar {
        display: block;
        background-color: #0D437F;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 10px;
        position: absolute;
        top: 100px;
        z-index: 10;
    }

        section.offer-bar h3 {
            font-family: "Open Sans";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
        }

        section.offer-bar a {
            padding: 12px 48px;
            border-radius: 8px;
            font-size: 20px;
            font-family: "Open Sans";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
        }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {
    .navbar .navbar-brand .ml-25 {
        margin-left: 0rem !important;
    }

    .navbar .container-fluid {
        padding-right: 0px !important;
        padding-left: 0px !important;
    }
}

@media(max-width: 968px) {
    header.only-mobile {
        display: block;
    }

    header.only-desktop {
        display: none;
    }

    .header-sticky {
        position: absolute;
        top: 30px;
    }

    section.blog_top_bar {
        position: absolute;
        top: 0;
        height: 30px;
        padding: 0;
    }

        section.blog_top_bar div.col {
            display: none;
        }

    .header-link {
        font-family: Montserrat;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 18px; /* 112.5% */
        text-transform: uppercase;
        color: #0D437F;
    }

    div.lang a {
        display: inline-block;
        color: #0D437F;
        font-family: "Open Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 125% */
    }

        div.lang a.active_lang {
            color: #F3B84C !important;
        }

    div.mobile_menu .dropdown-menu {
        position: relative;
        top: 0;
    }

    .popular_destinations .col-auto + .col-auto {
        margin-top: 1rem !important;
    }

    .popular_destinations .price {
        left: inherit !important;
        right: 10px;
        font-size: 16px !important;
    }

    .popular_destinations .view_more {
        font-size: 16px !important;
        font-weight: 400 !important;
        text-decoration: underline !important;
    }


    .popular_destinations .mainpage-heading {
        color: #0D437F;
        font-family: "Montserrat";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: 0.72px;
        text-transform: capitalize;
    }

    section.blog-vitrin {
        display: block !important;
        margin-top: 48px !important;
    }

        section.blog-vitrin div.content {
            padding: 0 !important;
        }

        section.blog-vitrin h5 {
            color: #0D437F;
            font-family: Montserrat;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 30px;
            letter-spacing: 0.72px;
            text-align: left;
        }

        section.blog-vitrin h4 {
            color: var(--TWT-yellow, #F3B84C);
            font-family: Montserrat;
            font-size: 28px;
            font-style: normal;
            font-weight: 700;
            line-height: 28px; /* 100% */
            text-transform: uppercase;
        }

        section.blog-vitrin p {
            color: var(--TWT-blue, #0D437F);
            font-family: "Open Sans";
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px;
            margin-top: 12px;
            width: 290px;
            text-align: left;
        }

        section.blog-vitrin div.col-lg-6:nth-child(2) {
            margin-top: -25px;
        }

        section.blog-vitrin .btn-warning {
            color: #FFF;
            display: block;
            font-family: "Montserrat" !important;
            font-size: 20px !important;
            font-style: normal;
            font-weight: 700;
            line-height: normal;
            text-transform: uppercase;
            margin-top: 0 !important;
            border-radius: 8px !important;
        }


            section.blog-vitrin .btn-warning span {
                display: inline-block;
                margin-left: 15px;
            }

        section.blog-vitrin picture img {
            width: 100%;
            height: 100%;
        }

    .blog_module div.col-md-4 + div.col-md-4 {
        margin-top: 15px;
    }

    .mainpage-heading {
        color: #0D437F !important;
        /* TWT/mobile/h2 */
        font-family: "Montserrat" !important;
        font-size: 20px !important;
        font-style: normal !important;
        font-weight: 700 !important;
        line-height: 24px !important;
        text-transform: capitalize !important;
    }

    .blog_module .view-more {
        margin-bottom: 25px;
        font-weight: 500 !important;
    }
}
/*========================================================================HEADER END*/
/*========================================================================FOOTER START*/
.bg {
    background: #0d437f;
}

.wp-widget {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 111;
    background-color: #fff;
    border-radius: 50%;
    cursor: pointer;
    transition-duration: .4s;
}

    .wp-widget img {
        width: 40px;
        height: 40px;
        transition-duration: .4s;
    }

    .wp-widget:hover img {
        width: 45px;
        height: 45px;
        transition-duration: .4s;
    }

section.blog-vitrin {
    display: none;
}

    section.blog-vitrin div.image-container {
        display: flex;
        align-items: center;
    }

    section.blog-vitrin div.content {
        padding: 20px;
        font-size: 14px;
        font-weight: 400;
        line-height: 28px;
        color: #333333;
        text-align: justify;
        font-family: "Open Sans", sans-serif;
    }

    section.blog-vitrin h2.title {
        font-weight: 700;
        font-size: 32px;
        line-height: 34px;
        letter-spacing: 3px;
        color: #0D437F;
        margin-bottom: 25px;
        font-family: "Montserrat", serif;
        text-transform: uppercase;
        text-align: left;
    }

section.blog-vitring p {
    color: #5D6D7E;
}

section.blog-vitrin .category {
    border-radius: 12px;
    color: #40C1C5;
    border: 1px solid #40C1C5;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    padding: 5px 15px;
    display: inline-block;
    font-family: "Open Sans", sans-serif;
}

section.blog-vitrin .btn-warning {
    display: block;
    width: 100%;
    border-radius: 12px;
    font-size: 14px;
    padding: 10px 30px;
    font-weight: 600;
    box-shadow: 0px 8px 20px 0px rgba(207, 142, 23, 0.3);
    background-color: #F3B84C;
    border-color: #F3B84C;
    font-family: "Montserrat", serif;
    line-height: normal;
    letter-spacing: 0.42px;
    text-align: left;
}

    section.blog-vitrin .btn-warning span {
        float: right;
    }

#agencyOfferFormModal input, #agencyOfferFormModal select, #agencyOfferFormModal input::placeholder, #discountModalForm input, #discountModalForm input::placeholder {
    border-radius: 8px;
    color: var(--TWT-blue, #0D437F);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: 16px;
    letter-spacing: 0.84px;
    text-transform: none;
    outline: none;
}

#agencyOfferFormModal label, #discountModalForm label {
    border-radius: 8px;
    color: var(--TWT-blue, #0D437F);
    font-family: "Open Sans";
    font-size: 14px;
    font-style: normal;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.84px;
    text-transform: uppercase;
    outline: none;
}

#agencyOfferFormModal .btn, #discountModalForm .btn {
    display: block;
    width: 100%;
    background-color: #F3B84C;
    color: white;
    border: none;
    padding: 11px 32px;
    border-radius: 12px;
    border: 1px solid #F3B84C;
    font-family: "Montserrat";
    font-size: 14px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    letter-spacing: 0.42px;
    text-transform: uppercase;
    outline: none;
}

.campaign_tabs_with_slider .tabs-container {
    display: grid;
    gap: 2%;
    grid-auto-flow: column;
    scroll-behavior: auto;
    overscroll-behavior-x: contain;
    scroll-snap-type: x mandatory;
    scrollbar-width: auto;
    margin: 0 0 10px 0;
    border-bottom: 1px solid #D9D9D9;
    z-index: auto;
    position: relative;
}

.campaign_tabs_with_slider .tab-link {
    font-family: "Montserrat";
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
    padding: 5px 7px;
    color: #40C1C5;
    cursor: pointer;
}

    .campaign_tabs_with_slider .tab-link.active {
        position: relative;
        font-size: 24px;
        font-weight: 700;
        color: #0D437F;
        line-height: 30px;
        letter-spacing: 0.72px;
        z-index: 5;
    }

        .campaign_tabs_with_slider .tab-link.active:before {
            content: '';
            width: 100%;
            height: 3px;
            position: absolute;
            bottom: -2px;
            left: 0;
            background-color: #F3B84C;
            z-index: 5;
        }

.campaign_tabs_with_slider .tab-content-container {
    position: relative;
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.3s ease;
    max-width: 1032px;
}

    .campaign_tabs_with_slider .tab-content-container.active {
        opacity: 1;
        max-height: fit-content;
        overflow: visible;
    }

.campaign_tabs_with_slider .banner-text {
    position: absolute;
    width: 85%;
    bottom: 15%;
    left: 0;
    right: 0;
    margin: 0 auto;
}

    .campaign_tabs_with_slider .banner-text h3 {
        color: #FFF;
        font-family: Montserrat;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: 0.72px;
        text-transform: uppercase;
        text-shadow: 0 2px 5px rgba(0,0,0,0.65);
    }

    .campaign_tabs_with_slider .banner-text a.btn {
        display: flex;
        width: 278px;
        height: 41px;
        padding: 8px 16px;
        justify-content: space-between;
        align-items: center;
        flex-shrink: 0;
        border-radius: 12px;
        background: linear-gradient(77deg, #F3B84C -4.17%, #FFA011 97.55%);
        color: #fff;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.42px;
        text-transform: uppercase;
        margin-top: 25px;
    }

.campaign_tabs_with_slider .information-box {
    width: 328px;
    padding: 15px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

    .campaign_tabs_with_slider .information-box h4 {
        color: #0D437F;
        font-family: "Open Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 22px;
        margin: 0;
    }

    .campaign_tabs_with_slider .information-box > p {
        font-family: "Open Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        color: #40C1C5;
        margin: 5px 0 0 0;
    }

    .campaign_tabs_with_slider .information-box > ul {
        float: right;
        margin-top: 15px;
    }

        .campaign_tabs_with_slider .information-box > ul li {
            display: block;
        }

            .campaign_tabs_with_slider .information-box > ul li + li {
                margin-top: 5px;
            }

            .campaign_tabs_with_slider .information-box > ul li p {
                display: inline-block;
                margin: 0 0 0 5px;
                font-family: "Open Sans";
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 18px;
                color: #0D437F;
            }

.campaign_tabs_with_slider .campaigns_tabs_slider span.price {
    display: block;
    position: absolute;
    top: 15px;
    left: 15px;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    color: #fff;
    border-radius: 4px;
    background: linear-gradient(77deg, #F3B84C -4.17%, #FFA011 97.55%);
    padding: 4px 8px;
}

.campaign_tabs_with_slider .campaigns_tabs_slider {
    overflow: hidden;
    /* Kart gölgesi (cyan, ~8px offset + 25px blur) aşağıda/yanlarda kırpılmasın → "kesik" görüntüsü biter */
    padding: 10px 6px 40px;
}

.campaigns_tabs_slider_next, .campaigns_tabs_slider_prev {
    display: block;
    position: absolute;
    top: 50%;
    /* SVG 120x120 canvas içinde gerçek daire 80x80 (offset 20,12) + gölge payı.
       Görünür daire Figma'daki 80px olsun diye container 120px (svg doğal boyut). */
    width: 120px;
    height: 120px;
    /* Daireyi kart merkezine hizala: container top:50% + svg iç offset (daire merkezi y=52)
       + slider asimetrik padding (10/40 → merkez 15px aşağı) telafisi → -67px */
    margin-top: -67px;
    z-index: 10;
    cursor: pointer;
}

.campaigns_tabs_slider_next img, .campaigns_tabs_slider_prev img {
    width: 100%;
    height: 100%;
}

.campaigns_tabs_slider_next {
    /* 120px container içinde daire merkezi x=60 → kartın sağ kenarına denk gelsin */
    right: -60px;
}

.campaigns_tabs_slider_prev {
    display: none !important;
}

.campaign_tabs_with_slider_mobile {
    display: none;
}

/* Campaign slider card fixes */
.campaign_tabs_with_slider .campaigns_tabs_slider .swiper-wrapper {
    align-items: stretch;
}

.campaign_tabs_with_slider .campaigns_tabs_slider .swiper-slide {
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 8px 25px 0px rgba(64, 193, 197, 0.20); /* Figma TWT/fly_elements (cyan) */
    background: #fff;
    height: auto;
    display: flex;
    flex-direction: column;
}

.campaign_tabs_with_slider .campaigns_tabs_slider .swiper-slide a {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.campaign_tabs_with_slider .campaigns_tabs_slider .swiper-slide img.img-fluid {
    border-radius: 16px 16px 0 0;
    width: 100%;
    object-fit: cover;
}

.campaign_tabs_with_slider .campaigns_tabs_slider .swiper-slide > img.img-fluid {
    height: 100%;
    border-radius: 16px;
}

.campaign_tabs_with_slider .information-box {
    display: flex;
    flex-direction: column;
    flex: 1;
}

.campaign_tabs_with_slider .information-box > p {
    margin: 2px 0 0 0 !important;
}

.campaign_tabs_with_slider .information-box > ul {
    margin-top: auto !important;
}

.campaign_tabs_with_slider .information-box > ul li + li {
    margin-top: 2px !important;
}

.mt-5r {
    margin-top: 3rem;
}

section.services > h3 {
    font-size: 38px;
    line-height: 40px;
    letter-spacing: 3px;
    font-weight: 700;
    margin-top: 20px;
    margin-bottom: 40px;
    color: #0D437F;
    font-family: "Montserrat", serif;
}

section.services .feature-box {
    text-align: center;
}

section.services div.col-lg-3 {
    width: 50% !important;
}

section.services .feature-box img {
    width: 120px;
    height: 120px;
    margin-bottom: 20px;
}

section.services .feature-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    color: #0D437F;
    font-family: "Montserrat", serif;
    margin: 0;
    text-transform: uppercase;
}

section.services .feature-description {
    font-size: 16px;
    line-height: 18px;
    font-weight: 400;
    color: rgba(13, 67, 127, 1);
    margin-top: 10px;
    font-family: "Open Sans", sans-serif;
}

section.services .feature-box {
    margin: 10px;
    padding: 20px;
    border-radius: 16px;
    background: #fff;
    /* Eşit yükseklik: kartlar en uzun içeriğe (en uzun dile) göre hizalanır.
       .row flex + align-items:stretch → kolonlar eşit boy; box kolonu doldurur.
       Sabit px YOK → çeviri uzarsa taşmaz, hepsi birlikte uzar. box-shadow kaldırıldı (kullanıcı). */
    height: calc(100% - 20px);
    box-sizing: border-box;
}

@media(max-width: 968px) {
    .mt-66 {
        margin-top: inherit;
    }

    .mt-5r {
        margin-top: inherit;
    }

    .mmt-20 {
        margin-top: 20px;
    }

    .mt-72 {
        margin-top: 0;
    }

    .mmt-56 {
        margin-top: 56px;
    }

    .mt-92 {
        margin-top: inherit;
    }

    .blog_module_mobile_bottom_margin {
        margin-bottom: 40px;
    }


    .mmt-48 {
        margin-top: 48px;
    }

    .campaign_tabs_with_slider {
        display: none;
    }

    .campaign_tabs_with_slider_mobile {
        margin-top: 0; /*185px*/
        display: block;
        text-align: center;
    }

        .campaign_tabs_with_slider_mobile .title {
            color: #F3B84C;
            font-family: Montserrat;
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 30px;
            letter-spacing: 0.72px;
            margin: 0 0 15px 0;
        }

        .campaign_tabs_with_slider_mobile .subtitle {
            color: #40C1C5;
            text-align: center;
            font-family: Montserrat;
            font-size: 12px;
            font-style: normal;
            font-weight: 500;
            line-height: 14px;
            margin: 0 0 15px 0;
        }

    .campaign_tabs_with_slider_mobile_swiper {
        width: 100%;
        max-width: 361px;
        height: 200px;
        position: relative;
        margin: 0 auto;
    }

        .campaign_tabs_with_slider_mobile_swiper .swiper-slide {
            display: flex;
            justify-content: center;
            align-items: center;
            color: white;
            font-size: 24px;
            background-size: cover;
            background-position: center;
            position: relative;
        }

        .campaign_tabs_with_slider_mobile_swiper .slide-caption {
            position: absolute;
            bottom: 40px;
            width: 82%;
            padding: 5px 0;
            text-align: left;
            color: #FFF;
            font-family: "Montserrat";
            font-size: 24px;
            font-style: normal;
            font-weight: 700;
            line-height: 30px;
            letter-spacing: 0.72px;
            text-transform: uppercase;
        }

    .campaign_tabs_with_slider_mobile .slide-progress-bar {
        height: 4px;
        width: 100%;
        background-color: #40C1C5;
        margin-top: 10px;
        position: relative;
    }

    .campaign_tabs_with_slider_mobile .campaign_tabs_with_slider_mobile_swiper_progress {
        height: 100%;
        background-color: #F3B84C;
        width: 0%;
        transition: width 0.3s;
    }

    .campaign_tabs_with_slider_mobile .slide-footer {
        margin-top: 20px;
        text-align: left;
    }

    .campaign_tabs_with_slider_mobile .slide-title {
        color: #0D437F;
        font-family: "Montserrat";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: 0.72px;
        margin: 0 0 10px 0;
    }

    .campaign_tabs_with_slider_mobile .slide-button {
        display: block;
        padding: 8px 16px;
        border-radius: 8px;
        background-color: #F3B84C;
        color: var(--white, #FFF);
        font-family: "Montserrat";
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.42px;
        text-transform: uppercase;
        position: relative;
    }

        .campaign_tabs_with_slider_mobile .slide-button::after {
            content: '→';
            width: 15px;
            height: 15px;
            position: absolute;
            right: 10px;
        }

    .discount_form_main_page_style {
        margin-top: 48px;
    }

        .discount_form_main_page_style h2 {
            font-size: 26px !important;
        }

        .discount_form_main_page_style h5 {
            font-size: 16px !important;
            margin-bottom: 28px;
        }

        .discount_form_main_page_style .justify-content-end {
            justify-content: start !important;
        }

        .discount_form_main_page_style .form-group {
            margin-right: 0 !important;
        }

        .discount_form_main_page_style .form-inline {
            width: 100% !important;
            display: block;
        }

        .discount_form_main_page_style p.only-desktop {
            display: none;
        }

        .discount_form_main_page_style input[type='text'] {
            width: 100% !important;
            height: 40px;
            font-size: 16px !important;
            border-radius: 16px !important;
        }

        .discount_form_main_page_style input[type='button'] {
            width: 100% !important;
            height: 40px;
            font-size: 20px !important;
            border-radius: 8px !important;
        }

    section.services .feature-box img {
        width: 100px;
        height: 100px;
        margin-bottom: 20px;
    }

    section.services .feature-title {
        font-size: 14px !important;
    }

    section.services .feature-description {
        font-size: 12px !important;
    }

    section.services div.col-lg-3:nth-child(n+3) {
        margin-top: 35px;
    }
}

span.page-name {
    display: inline-block;
    width: 239px;
    border-radius: 12px;
    font-family: Open Sans;
    font-size: 12px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: rgba(64, 193, 197, 1);
    box-shadow: 0px 8px 25px 0px rgba(64, 193, 197, 0.2);
}

span.different-colors {
    display: inline-block;
}

    span.different-colors p {
        display: inline-block;
        position: relative;
        font-family: Montserrat;
        font-size: 32px;
        font-weight: 700;
        line-height: 34px;
        text-transform: uppercase;
        letter-spacing: 0.03em;
    }

        span.different-colors p + p::before {
            content: "";
            width: 5px;
            height: 5px;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 50%;
            transform: translateY(-50%);
            background-color: rgba(13, 67, 127, 1);
        }

        span.different-colors p:nth-child(1) {
            color: rgba(13, 67, 127, 1);
        }

        span.different-colors p:nth-child(2) {
            color: rgba(243, 184, 76, 1);
        }

        span.different-colors p:nth-child(3) {
            color: rgba(64, 193, 197, 1);
        }

    span.different-colors + h3 {
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        letter-spacing: 0.03em;
        color: rgba(13, 67, 127, 1);
    }

div.z-pattern > div > div > h2 {
    margin: 0;
    font-family: Montserrat;
    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: rgba(13, 67, 127, 1);
}

div.z-pattern > div > div > p {
    margin: 0;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(13, 67, 127, 1);
}

h4.about-desc {
    margin: 0;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    color: rgba(13, 67, 127, 1);
}

h5.about-desc {
    margin: 0;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(64, 193, 197, 1);
}

h4.services-title {
    margin: 0;
    font-family: Montserrat;
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    color: rgba(13, 67, 127, 1);
}

div.about-communication h3 {
    margin: 0;
    font-family: Montserrat;
    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: rgba(13, 67, 127, 1);
}

div.about-communication h4 {
    margin: 0;
    font-family: Montserrat;
    font-size: 18px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: rgba(64, 193, 197, 1);
}

div.about-communication p {
    margin: 0;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    color: rgba(13, 67, 127, 1);
}

div.overlay {
    max-height: 280px;
    position: relative;
    border-radius: 4px;
    overflow: hidden;
    text-align: center;
}

    div.overlay::before {
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        border-radius: 4px;
        z-index: 1;
        background: rgba(0, 0, 0, 0.4);
    }

    div.overlay > img {
        width: 100%;
        border-radius: 4px;
    }

span.map-button {
    display: inline-block;
    width: fit-content;
    margin: 0 auto;
    border-radius: 12px;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    background: rgba(243, 184, 76, 1);
    box-shadow: 0px 8px 20px 0px rgba(207, 142, 23, 0.3);
}

    span.map-button p {
        font-family: Montserrat;
        font-size: 14px;
        font-weight: 600;
        line-height: 17.07px;
        letter-spacing: 0.03em;
        text-transform: uppercase;
        color: rgba(255, 255, 255, 1);
    }

    span.map-button img {
        width: 18px;
        height: auto;
    }

div.filler-contact h3 {
    font-family: Montserrat;
    font-size: 32px;
    font-weight: 700;
    line-height: 34px;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    color: rgba(13, 67, 127, 1);
}

div.filler-contact > div > div > div {
    max-height: 395px;
    border-radius: 4px;
    box-shadow: 0px 8px 25px 0px rgba(64, 193, 197, 0.2);
    box-sizing: border-box;
}

    div.filler-contact > div > div > div > div img {
        width: 20px;
        height: 20px;
    }

    div.filler-contact > div > div > div > div a {
        font-family: Open Sans;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        color: rgba(13, 67, 127, 1);
    }

    div.filler-contact > div > div > div > div p {
        margin: 0;
        font-family: Open Sans;
        font-size: 16px;
        font-weight: 400;
        line-height: 22px;
        color: rgba(13, 67, 127, 1);
    }

    div.filler-contact > div > div > div > div h4 {
        margin: 0;
        font-family: Montserrat;
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        text-transform: uppercase;
        letter-spacing: 0.03em;
        color: rgba(64, 193, 197, 1);
    }

@media (max-width: 768px) {
    span.page-name {
        font-size: 11px;
    }

    span.different-colors p {
        font-size: 25px;
    }

    span.different-colors + h3 {
        font-size: 13px;
    }

    h4.about-desc {
        font-size: 14px;
    }

    h5.about-desc {
        font-size: 14px;
    }

    div.z-pattern > div > div > h2 {
        font-size: 20px;
    }

    div.z-pattern > div > div > p {
        font-size: 14px;
    }

    h4.services-title {
        font-size: 16px;
    }

    div.about-communication h3 {
        font-size: 25px;
    }

    div.about-communication h4 {
        font-size: 16px;
    }

    div.about-communication p {
        font-size: 14px;
    }

    span.map-button p {
        font-size: 12px;
    }

    span.map-button img {
        width: 16px;
    }

    div.filler-contact h3 {
        font-size: 25px;
    }

    div.filler-contact > div > div > div > div a {
        font-size: 14px;
    }

    div.filler-contact > div > div > div > div img {
        width: 18px;
        height: 18px;
    }

    div.filler-contact > div > div > div > div p {
        font-size: 14px;
    }

    div.filler-contact > div > div > div > div h4 {
        font-size: 16px;
    }
}

section.discount-form {
    background-color: #00b3b7;
    padding: 50px 0;
    color: #fff;
}

    section.discount-form h2 {
        color: #FFF;
        font-family: "Montserrat";
        font-size: 25px;
        font-style: normal;
        font-weight: 700;
        line-height: 34px; /* 130.769% */
        letter-spacing: 0.78px;
        text-transform: uppercase;
    }

    section.discount-form h5 {
        font-family: "Open Sans", sans-serif;
        font-size: 20px;
        font-weight: 400;
        line-height: 28px;
    }

    section.discount-form input[type='text'] {
        width: 207px;
        border-radius: 12px;
        font-size: 14px;
        line-height: 20px;
        font-weight: 400;
        font-family: "Open Sans", sans-serif;
        color: #0D437F;
    }

        section.discount-form input[type='text']::placeholder {
            color: #0D437F;
            opacity: 1;
        }

        section.discount-form input[type='text']::-ms-input-placeholder {
            color: #0D437F;
        }

    section.discount-form input[type='button'] {
        width: 207px;
        border-radius: 12px;
        padding: 6px 48px;
        text-transform: uppercase;
        font-size: 14px;
        font-family: "Montserrat", sans-serif;
        font-weight: 600 !important;
        letter-spacing: 0.42px;
        background-color: #F3B84C;
        box-shadow: 0px 8px 20px 0px rgba(207, 142, 23, 0.30);
    }

    section.discount-form p {
        font-size: 12px;
        font-family: "Open Sans", sans-serif;
        line-height: 16px;
    }

.popular_destinations .price {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: #F3B84C;
    color: #fff;
    padding: 8px 24px;
    border-radius: 4px;
    border-radius: 16px 0 24px 0;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
}

.popular_destinations .col-auto {
    padding-left: 13px;
    padding-right: 13px;
}

.popular_destinations .destination-card {
    position: relative;
    overflow: hidden;
    border-radius: 16px;
    min-height: 235px;
}

.popular_destinations .destination-card:hover .destination-info {
    background-color: #0D437F;
}

.popular_destinations .destination-card img {
    border-radius: 16px 16px 0 0;
    transition-duration: .3s;
}

.popular_destinations .destination-card:hover img {
    filter: brightness(0.7);
    transition-duration: .3s;
}

.good_to_know_card {
    position: relative;
    display: flex;
    align-items: center;
    gap: 34px;
    background: #fff;
    border-radius: 16px;
    box-shadow: 0px 4px 16px rgba(64, 193, 197, 0.10);
    transition: box-shadow 0.3s ease;
}

.good_to_know_card:hover {
    box-shadow: 0px 8px 25px rgba(64, 193, 197, 0.20);
}

.good_to_know_img {
    flex-shrink: 0;
    width: 150px;
}

.good_to_know_img img {
    width: 150px;
    height: 160px;
    object-fit: cover;
    border-top-left-radius: 16px;
    border-bottom-left-radius: 16px;
}

.good_to_know_text {
    flex: 1;
    padding: 20px 20px 20px 0;
}

.good_to_know h3 {
    color: #40C1C5;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.6px;
}

.good_to_know p {
    color: #424242;
    font-family: Montserrat;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.good_to_know a.go_btn {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-top-left-radius: 16px;
    background: #40C1C5;
    visibility: hidden;
    transition: visibility 0.2s ease;
}

.good_to_know a.go_btn img {
    width: 16px;
    height: 16px;
}

.good_to_know_card:hover a.go_btn {
    visibility: visible;
}

.item-box-margin {
    margin-top: 1.5rem !important;
}

.popular_destinations .destination-info {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
    color: #fff;
    background: rgba(64, 193, 197, 1);
    border-radius: 0px 0px 16px 16px;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0.6px;
    text-transform: uppercase;
}

.popular_destinations .full-height {
    height: 100%;
}

.popular_destinations .view_more {
    margin-top: 25px;
    display: block;
    text-align: right;
    color: #0D437F !important;
    font-family: "Open Sans", serif;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px;
    text-decoration-style: solid;
    text-decoration-skip-ink: none;
    text-decoration-thickness: auto;
    text-underline-offset: auto;
    text-underline-position: from-font;
}

.agency_offer_form {
    background-color: #4CC4C4;
    padding: 30px;
    border-radius: 8px;
    color: #fff;
}

    .agency_offer_form .form-container > h3 {
        color: #fff;
        font-family: 'Montserrat', serif;
        font-size: 26px;
        font-style: normal;
        font-weight: 700;
        line-height: 34px;
        letter-spacing: 0.78px;
        text-transform: uppercase;
    }

    .agency_offer_form .form-container .agency_offer_form .form-control, .agency_offer_form .form-container select {
        margin-bottom: 10px;
    }

    .agency_offer_form .form-container input {
        font-family: "Open Sans";
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        height: auto;
        line-height: 20px;
        padding: 12px 32px 12px 45px;
        color: #0D437F;
        border-radius: 8px;
        border: 1px solid #40C1C5;
    }

        .agency_offer_form .form-container input::placeholder {
            color: #0D437F;
        }

        .agency_offer_form .form-container input::-ms-input-placeholder {
            color: #0D437F;
        }

    .agency_offer_form .submit-btn {
        display: block;
        width: 100%;
        background-color: #F3B84C;
        color: white;
        border: none;
        padding: 13px 32px;
        border-radius: 12px;
        border: 1px solid #40C1C5;
        font-family: Montserrat;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
        letter-spacing: 0.42px;
        text-transform: uppercase;
        outline: none;
    }

section.contact-form {
}

    section.contact-form h4 {
        margin: 0;
        color: #0D437F;
        font-family: "Montserrat";
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 30px;
        letter-spacing: 0.72px;
        text-transform: uppercase;
    }

    section.contact-form p {
        margin-top: 48px;
        width: 326px;
        color: #0D437F;
        font-family: "Open Sans";
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
    }

    section.contact-form a.btn {
        margin-top: 89px;
        width: 330px;
        text-align: left;
        border-radius: 12px;
        padding: 12px 32px 12px 20px;
        text-transform: uppercase;
        font-weight: 600;
        font-size: 14px;
        box-shadow: 0px 8px 20px 0px rgba(207, 142, 23, 0.3);
        font-family: "Montserrat", sans-serif;
        letter-spacing: 0.42px;
        background-color: #F3B84C;
        border: none;
        position: relative;
    }

        section.contact-form a.btn span {
            position: absolute;
            right: 58px;
        }

    section.contact-form button.btn-callback {
        width: 330px;
        text-align: left;
        margin-top: 48px;
        border-radius: 12px;
        padding: 12px 32px 12px 20px;
        text-transform: uppercase;
        font-size: 14px;
        font-weight: 600;
        box-shadow: 0px 8px 20px 0px rgba(207, 142, 23, 0.30);
        position: relative;
        font-family: "Montserrat", sans-serif;
        letter-spacing: 0.42px;
        background-color: #F3B84C;
        border: none;
    }

        section.contact-form button.btn-callback span {
            position: absolute;
            right: 58px;
        }

        section.contact-form button.btn-callback:hover, section.contact-form a.btn:hover {
            color: #fff;
            border-color: #F3B84C;
        }

        section .contact-form button.btn-callback span {
            position: absolute;
            right: 15px;
        }

.contact-section input, .contact-section textarea {
    border: 2px solid #44bcc5;
    border-radius: 8px;
    color: #0D437F;
    font-size: 14px;
    font-family: "Open Sans";
}

.contact-section textarea {
    height: 138px;
    min-height: 138px;
    max-height: 350px;
}


    .contact-section input::placeholder, .contact-section textarea::placeholder {
        color: #0D437F;
    }


.blog_module .blog-section {
    padding: 40px 0;
    text-align: center;
}

    .blog_module .blog-section h2 {
        font-weight: bold;
        color: #1a3f7a;
        margin-bottom: 30px;
    }

.blog_module .blog-card {
    border: none;
    position: relative;
    border-radius: 16px;
    overflow: hidden;
}

    .blog_module .blog-card::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.3);
        border-radius: 16px;
    }

    .blog_module .blog-card img {
        width: 100%;
        height: auto;
        border-radius: 16px;
    }

.blog_module .blog-card-title {
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 90%;
}

    .blog_module .blog-card-title h4 {
        margin: 0;
        font-family: Montserrat;
        font-size: 20px;
        font-style: normal;
        font-weight: 600;
        line-height: 24px;
        color: #fff;
        text-shadow: 0 2px 5px rgba(0, 0, 0, 0.65);
    }

.blog_module .view-more {
    margin-top: 25px;
    font-family: "Open Sans";
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
    line-height: 22px; /* 137.5% */
    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;
    display: block;
    text-align: right;
    color: #0D437F;
}

    .blog_module .view-more:hover {
        text-decoration: underline;
    }



.footer {
    padding-bottom: 20px;
    position: relative;
    width: 100%;
    background: #0d437f;
}

li.contact {
    position: relative;
}

    li.contact > img {
        position: absolute;
        left: 0;
        top: 4px;
    }

    li.contact > img + a.footer-link {
        display: block;
        padding-left: 40px;
    }

.footer-link {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff !important;
    letter-spacing: 0.1px;
    font-family: "Open Sans", sans-serif;
}

.footer-link-title {
    font-family: "Montserrat", sans-serif;
    font-size: 20px; /* Figma TWT/title-footer: Montserrat 700 / 20px (alt yazılar 16px = footer-text-body, zaten doğru) */
    font-weight: 700;
    color: #fff !important;
    margin-bottom: 10px;
    letter-spacing: 0.1px;
}



.callcenter-container {
    height: 56px;
    width: 226px;
    background: #fbb820;
    color: white;
    border-radius: 0px 30px 30px 0px;
    padding: 8px 23px 10px 60px;
    position: absolute;
    bottom: 70px;
}

.footer-logos {
    position: absolute;
    width: 100%;
    bottom: 16px;
}

    .footer-logos .tursab {
        margin-right: 3.5rem;
    }

.callcenter-icon-container {
    float: left;
    top: 10px;
    position: relative;
    right: 12px;
}

.callcenter-title {
    font-size: 12px;
    font-weight: 400;
    margin-bottom: 2px;
    letter-spacing: 0.1px;
}

.callcenter-phone {
    font-size: 16px;
    font-weight: 600;
}

.footer-copyright-container {
    height: 40px;
    line-height: 40px;
}

.footer-copyright {
    color: #5A7184;
    font-size: 12px;
    font-weight: 600;
    margin-left: 50px;
    letter-spacing: 0.1px;
}

.footer-link-container {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}

.footer-link-container li {
    margin-bottom: 10px;
}

.custom-accordion .filter-title:after {
    content: '';
    float: right;
    background: url(/assets/img/layout/big-up-arrow.svg);
    width: 21px;
    height: 21px;
    overflow: hidden;
    background-position: center;
    background-repeat: no-repeat;
}

.custom-accordion .filter-title.collapsed:after {
    transform: rotate(-90deg);
}

.footer-link-bg {
    background: #f1f3f5 !important;
}

.footer-social-container {
}

.etbis {
    height: 140px;
    margin: 80px 30px 0 0;
}

@media(max-width:767px) {

    .footer-copyright {
        font-size: 10px;
        margin: 0;
        text-align: center;
        margin-left: 10px;
    }

    .footer-copyright-container > p {
        line-height: normal;
    }

    .callcenter-container {
        height: 56px;
        width: 100%;
        background: #fbb820;
        color: white;
        border-radius: 30px 0px 0px 30px;
        padding: 7px 0px 0px 25px;
        position: relative;
        bottom: initial;
    }

    .etbis {
        height: 80px;
        margin: 5px 16px 0 0;
    }

    .popular_destinations .destination-card {
        min-height: 205px;
    }

    .footer-separator {
        margin: 15px 15px;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {
    .callcenter-container {
        bottom: 15px;
        padding: 7px 0px 0px 47px;
    }

    .footer .logo-main {
        margin-bottom: 15px;
    }

    .footer .ml-tablet-0 {
        margin-left: 0px !important;
    }

    .footer .m-tablet {
        margin-left: 20px;
        margin-bottom: 70px;
    }

    .footer .mb-tablet {
        margin-bottom: 60px;
    }

    .etbis {
        height: 83px;
        margin: 0 55px -60px 0;
    }
}
/* Footer Two-Section Layout */
.footer-separator {
    border: 0;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    margin: 20px 0;
}

.footer-bottom-section {
    padding-bottom: 10px;
}

.footer-bottom-section .footer-link-title {
    font-size: 16px;
}

.footer-bottom-section .footer-link {
    font-size: 14px;
}

.footer-bottom-section .footer-link-container li {
    margin-bottom: 6px;
}

/*========================================================================FOOTER END*/
/*========================================================================LAYOUT START*/
:root {
    --swiper-theme-color: #ffffff !important;
}

.member-callback-btn {
    font-size: 14px;
    padding: 6px 16px 6px;
    font-weight: 500;
    background: linear-gradient(77deg, #F3B84C -4.17%, #FFA011 97.55%);
    border-radius: 10px;
    color: white !important;
    text-decoration: none !important;
    box-shadow: 0 8px 20px 0 rgba(207, 142, 23, 0.30);
    transition: box-shadow 0.3s ease;
}
.member-callback-btn:hover {
    box-shadow: 0 10px 24px 0 rgba(207, 142, 23, 0.45);
}

.mdlCallbackForm .modal-title {
    color: #fbb820;
    font-weight: 600;
}

/* Callback popup redesign */
.mdlCallbackForm .modal-header {
    border-bottom: none;
    padding-bottom: 0;
}

.mdlCallbackForm .modal-header .modal-title {
    display: none;
}

.mdlCallbackForm .modal-body {
    padding-top: 0;
}

.callback-header-row {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    margin-bottom: 20px;
}

.callback-illustration-wrapper {
    flex-shrink: 0;
}

.callback-illustration {
    max-width: 140px;
    height: auto;
}

.callback-new-title {
    color: #0D437F;
    font-family: Montserrat, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    margin: 0;
}

.callback-form #callback-block .form-control {
    border: 1px solid #e0e0e0;
    border-left: 3px solid #40C1C5;
    border-radius: 8px;
    padding: 10px 14px 10px 45px;
    font-size: 14px;
    height: auto;
}

.callback-form #callback-block .form-control:focus {
    border-left-color: #40C1C5;
    box-shadow: 0 0 0 0.1rem rgba(64, 193, 197, 0.25);
}

.callback-form #callback-block #callback-captcha-container {
    display: flex;
    justify-content: center;
}

.callback-submit-row {
    text-align: center;
}

.callback-submit-btn {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px !important;
    font-size: 15px !important;
    border-radius: 12px !important;
    border: none;
    letter-spacing: 0.5px;
}

.callback-btn-arrow {
    font-size: 18px;
    margin-left: 4px;
}

.content-container {
    min-height: 300px;
    padding: 20px;
}

a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}

.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #44bcc5;
    background: white;
    background-color: white;
    border: 3px solid rgba(13, 67, 127, 1);
    bottom: -3px !important;
    height: 50px !important;
    padding: 12px 20px 8px 20px;
    font-weight: 600;
}

.searchbar-pills {
    margin-top: 25px;
    text-align: left;
}

.searchbar-pills .nav-link > img {
    width: 22px;
    height: 22px;
    vertical-align: middle;
    margin-right: 7px;
    filter: invert(99%) sepia(14%) saturate(125%) hue-rotate(232deg) brightness(110%) contrast(84%);
    --webkit-filter: invert(99%) sepia(14%) saturate(125%) hue-rotate(232deg) brightness(110%) contrast(84%);
    --moz-filter: invert(99%) sepia(14%) saturate(125%) hue-rotate(232deg) brightness(110%) contrast(84%);
}

.searchbar-pills .nav-link.active > img {
    filter: invert(62%) sepia(73%) saturate(330%) hue-rotate(136deg) brightness(90%) contrast(95%);
    --webkit-filter: invert(62%) sepia(73%) saturate(330%) hue-rotate(136deg) brightness(90%) contrast(95%);
    --moz-filter: invert(62%) sepia(73%) saturate(330%) hue-rotate(136deg) brightness(90%) contrast(95%);
}

.inline-flex {
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
}

.logo-main {
    height: 60px;
}

.seperator-line {
    width: 100%;
    border-bottom: 1px solid #D6DBE2;
}

.w-100px {
    width: 100px;
}

.f-48 {
    font-size: 48px;
}

.f-18 {
    font-size: 18px;
}

.f-12 {
    font-size: 12px;
}

.f-14 {
    font-size: 14px;
}

.ml-40 {
    margin-left: 40px;
}

.ml-25 {
    margin-left: 25px;
}

.ml-24 {
    margin-left: 24px;
}

.ml-56 {
    margin-left: 56px;
}

.mr-31 {
    margin-right: 31px;
}

.mt-1px {
    margin-top: 1px;
}

.mt-2px {
    margin-top: 2px;
}

.mt-3px {
    margin-top: 2px;
}

.mt-6 {
    margin-top: 6rem !important;
}

.white {
    color: white !important;
}

.black {
    color: black !important;
}

.red {
    color: red !important;
}

.green {
    color: green !important;
}

.no-border {
    border: none !important;
}

.page-title-span {
    font-size: 32px;
    font-weight: 600;
}

.bg-none {
    background: none !important;
}

.page-title {
    font-weight: 500;
    font-size: 28px;
    letter-spacing: 0.32px;
    color: white;
    text-shadow: 3px 3px 1px rgba(0, 0, 0, 0.80);
}

.breadcrumb {
    background: #ffffff;
    padding-left: 0px;
    padding-bottom: 0px;
}

.breadcrumb-item a {
    font-weight: 600;
    font-size: 14px;
    letter-spacing: 0.1px;
    color: #5A7184;
}

.breadcrumb-item.active a {
    color: #4d5864 !important;
}

.no-bold {
    font-weight: 500 !important;
}

.container-custom {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    /*max-width: 1020px;*/
    max-width: 1032px;
    position: relative
}

.container1200px {
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    max-width: 1033px;
}


.visible-desktop-only {
    visibility: visible;
}

.visible-mobile-only {
    visibility: hidden;
    display: none !important;
}

.stepper .circle {
    height: 56px;
    width: 56px;
    border-radius: 50%;
    font-size: 28px;
    border-color: #D6DBE2;
    color: #5A7184;
}

.stepper .step-title {
    font-size: 12px;
    font-weight: 600;
    margin-top: 8px;
}

.stepper .btn {
    border-radius: 4px;
    border: 1px solid #40C1C5;
    color: #40C1C5;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 600;
    line-height: 22px; /* 110% */
    letter-spacing: 0.6px;
}

.stepper .line {
    border-bottom: 1px solid #40C1C5;
    width: 100%;
    height: 30px;
}

.stepper .current {
    color: white;
    background: #40C1C5;
}

.stepper .current:hover {
    color: white !important;
}

.menu-image {
    max-width: 100%;
    float: right;
    width: 320px;
    height: 310px;
}

.menu-title {
    color: #4d5864;
    font-weight: 600;
    font-size: 16px;
}

.menu-item {
    color: #5A7184;
    font-size: 14px;
    font-weight: 400;
}

.dropdown-custom-container {
    top: 78px
}

    .dropdown-custom-container a:hover {
        text-decoration: none !important;
    }

.theme-text {
    font-weight: bold;
    font-size: 18px;
    letter-spacing: 0.2px;
    color: #4d5864;
}

.unselectable {
    -webkit-user-select: none; /* Chrome/Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* IE10+ */
    -o-user-select: none;
    user-select: none;
}

.ui-widget.ui-widget-content {
    z-index: 9999 !important;
}

.choose-date-container {
    margin-top: 50px;
}

.choose-date {
    color: #fbb820;
    font-weight: bold;
    font-size: 13px;
}
/*====================================================================================================notifications*/
.notification-message {
    border-radius: 10px;
    padding: 10px 0;
    background: #f7f8fb;
    border: 1px solid rgba(0,0,0,.15);
    box-shadow: 0 0 16px 2px rgba(0,0,0,.05), 0 10px 10px 2px rgba(0,0,0,.05);
    font-size: 14px;
    line-height: 40px;
    border-top: 1px solid #e4e4e4;
    position: fixed;
    z-index: 100;
    bottom: 5%;
    right: 5%;
    margin: auto;
    max-width: 540px;
    display: flex;
}

    .notification-message img {
        height: 50px;
        width: 50px;
        margin: 0 15px;
        align-self: center;
    }

    .notification-message span {
        display: inline-block;
        line-height: 1.5;
        padding-right: 16px;
        border-right: 1px solid rgba(0,0,0,.1);
    }

    .notification-message a {
        display: inline-block;
        color: red;
        text-decoration: none;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }

        .notification-message a.close {
            -ms-flex: 1 1 auto;
            flex: 1 1 auto;
            border: none;
            font-size: 24px;
            padding: 0 20px 0 16px;
            position: relative;
            align-self: center;
            color: #919191;
            transition: color 0.2s;
        }

            .notification-message a.close:hover {
                color: #795548;
            }
/*====================================================================================================notifications End*/

@media(max-width:767px) {
    .page-title-span {
        font-size: 16px;
    }

    .notification-message {
        font-size: 12px;
        right: 0;
    }

    .choose-date-container {
        margin-top: 0;
    }

    .bg-mobile-white {
        background-color: white;
    }

    .dropdown-custom-container {
        background: white;
        border: none;
        padding: 0;
    }

    .content-container {
        padding: 16px;
    }

    .visible-desktop-only {
        visibility: hidden;
        display: none !important;
        width: 0px;
    }

    .visible-mobile-only {
        visibility: visible;
        display: block !important;
    }

    .page-title {
        font-size: 22px;
        /*padding-left: 190px;*/
        padding-left: 0px;
        text-align: left;
        font-weight: 600;
    }

    .stepper .circle {
        height: 44px;
        width: 44px;
        border-radius: 50%;
        font-size: 20px;
    }

    .px-xs-0 {
        padding-right: 0px;
        padding-left: 0px;
    }

    .stepper .line {
        height: 22px;
    }

    .logo-main {
        height: 46px;
        margin-left: 10px;
    }

    .popular_destinations .destination-card img {
        width: 100%;
    }

    .hotel-list-content > .container-fluid {
        padding: 0 !important;
    }

    .hotel-search-criteria-block {
        width: 99%;
        margin: 0 auto;
    }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 992px) {
    .choose-date-container {
        margin-top: 15px;
        margin-bottom: 15px;
    }

    .container-custom {
        margin-left: 25px;
    }

    .dropdown-custom-container {
        top: 76px;
        margin-left: -1px !important;
        padding-left: 25px;
    }
}
/*========================================================================LAYOUT END*/
/*========================================================================LOADER START*/
#preloader {
    z-index: 999;
}

#loader {
    bottom: 0;
    height: 175px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 175px;
}

    #loader .dot {
        bottom: 0;
        height: 100%;
        left: 0;
        margin: auto;
        position: absolute;
        right: 0;
        top: 0;
        width: 45px;
    }

        #loader .dot::before {
            border-radius: 100%;
            content: "";
            height: 45px;
            left: 0;
            position: absolute;
            right: 0;
            top: 0;
            transform: scale(0);
            width: 43.5px;
        }

        #loader .dot:nth-child(7n+1) {
            transform: rotate(45deg);
        }

            #loader .dot:nth-child(7n+1)::before {
                animation: 2s linear .3s normal none infinite running load;
                background: #8293ee none repeat scroll 0 0;
            }

        #loader .dot:nth-child(7n+2) {
            transform: rotate(90deg);
        }

            #loader .dot:nth-child(7n+2)::before {
                animation: 2s linear .3s normal none infinite running load;
                background: #7086da none repeat scroll 0 0;
            }

        #loader .dot:nth-child(7n+3) {
            transform: rotate(135deg);
        }

            #loader .dot:nth-child(7n+3)::before {
                animation: 2s linear .4s normal none infinite running load;
                background: #002eff none repeat scroll 0 0;
            }

        #loader .dot:nth-child(7n+4) {
            transform: rotate(180deg);
        }

            #loader .dot:nth-child(7n+4)::before {
                animation: 2s linear .5s normal none infinite running load;
                background: #555fd3 none repeat scroll 0 0;
            }

        #loader .dot:nth-child(7n+5) {
            transform: rotate(225deg)
        }

            #loader .dot:nth-child(7n+5)::before {
                animation: 2s linear .6s normal none infinite running load;
                background: #0021d3 none repeat scroll 0 0;
            }

        #loader .dot:nth-child(7n+6) {
            transform: rotate(270deg)
        }

            #loader .dot:nth-child(7n+6)::before {
                animation: 2s linear .7s normal none infinite running load;
                background: #3832cc none repeat scroll 0 0;
            }

        #loader .dot:nth-child(7n+7) {
            transform: rotate(315deg);
        }

            #loader .dot:nth-child(7n+7)::before {
                animation: 2s linear .8s normal none infinite running load;
                background: #00058b none repeat scroll 0 0;
            }

        #loader .dot:nth-child(7n+8) {
            transform: rotate(360deg);
        }

            #loader .dot:nth-child(7n+8)::before {
                animation: 2s linear .9s normal none infinite running load;
                background: #000780 none repeat scroll 0 0;
            }

    #loader .loading {
        background-position: 50% 50%;
        background-repeat: no-repeat;
        bottom: -40px;
        height: 20px;
        left: 0;
        position: absolute;
        right: 0;
        width: 180px;
    }

@keyframes load {
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

@keyframes load {
    100% {
        opacity: 0;
        transform: scale(1);
    }
}

.Preloader {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 100;
    width: 100vw;
}

.Preloader_pos_abs {
    position: absolute !important;
}

    .Preloader_pos_abs .Preloader-Card {
        position: absolute !important;
    }

.Preloader-Card {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%) !important;
    background-color: #fff;
    border-radius: .5em;
    border-radius: 100%;
    box-sizing: border-box;
    z-index: 23;
}

.Preloader-Bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(248,248,248,.66);
    z-index: 13;
}

.Preloader-Circle {
    position: relative;
    float: left;
    width: 140px;
    height: 140px;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBpZD0i0KHQu9C+0LlfMSIgZGF0YS1uYW1lPSLQodC70L7QuSAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA3NiA3NiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNmYmIwNDA7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5sb2dvX3VuaWNvcm5Ib3JzZUNvbG9yPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik03NS45MzcsMzYuMjUzNjVhNC43OTEzMiw0Ljc5MTMyLDAsMCwwLTIuMjc4NTMtMS45NTMzNiw0LjExMjkxLDQuMTEyOTEsMCwwLDEtLjk0NDQ0LS41Mzg1LDYzLjgwMzcyLDYzLjgwMzcyLDAsMCwwLTUuMjg3MzEtMy44OTkyNCw3LjMzNTY3LDcuMzM1NjcsMCwwLDAtLjk0OC0uNTcxMiwzLjEwMDY5LDMuMTAwNjksMCwwLDAtMS41MTY2Ny0uMjQyMDksNy4xMDY0NCw3LjEwNjQ0LDAsMCwwLTEuMDc4MDguMjQ5MywyMy4xOTIwOSwyMy4xOTIwOSwwLDAsMC00Ljk3ODg1LDEuOTM1NjcuOTIxNjYuOTIxNjYsMCwwLDAtLjM3MTQxLjg1NzA4LDIyLjQ3OTcxLDIyLjQ3OTcxLDAsMCwxLC4yNzUwNSwzLjIwNDM2Yy0uMDAzLjMwNjA3LS4wMDUzNi41MjQ0Mi4yOTcwNi41NzE3NS4wMTAzNS4wMDE2Mi41NzE0LjEwNjk0LjU4MTg1LjEwODYxLjMwMjMxLjA0ODA2LjM0NjYyLS4xNzQ1Mi41MTAyNy0uNDMzMiwxLjQwMTE1LTIuMjE0NzIsMy42NjUxNC00LjYwMTg0LDYuMDY2NDMtMy4xOTg3NGExNS41MDg3NywxNS41MDg3NywwLDAsMSwyLjY3NDcyLDEuNzc5ODIsMTAuOTA3MTMsMTAuOTA3MTMsMCwwLDAsMS43MTQ1LDEuMTkzODRjLjMzODIyLjE2NDkyLjQ0MTE5LS4yMTg2OS42Mzc1OC0uMjY2MTUuMjk3NTYtLjA3MTg3LjQwNjExLjUyNDM5LjIzODUzLjY4Njc1YS42MTcwNi42MTcwNiwwLDAsMC0uMTM5MjEuNjkyODJjLjA2NTI2LjE3MjE2LjEzMTUxLjM2MzQ4LjE4OTMyLjUzODkxYS42Njk5Mi42Njk5MiwwLDAsMCwuNzExNTQuNDUzNjJjMS4wMzM1Mi0uMTc0MDYsMi4zNTMtLjUzMDI5LDMuMzQ3NTQtLjY0MzJDNzUuOTQzMDUsMzYuNzQ2LDc2LjA5NDMyLDM2LjUxNjIxLDc1LjkzNywzNi4yNTM2NVoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik01Mi41NTEzNSw3Mi4wOTY5NGE4LjU0NDQxLDguNTQ0NDEsMCwwLDAtLjg1MDY2LS42ODEzYy0uMzMxNS0uMjk0NTYtLjcyOS0uNzIyODMtLjg4NjUtLjgzOC0uODItLjU5OTU2LTEuNzY4OTEtMS4xMTQ4Mi0yLjYxNTUxLTEuNzA3NjctMS45NDItMS4zNTk5My00LjI0MjMxLTIuNzY0NjctNC4yODQ1Ni01LjQwMjg0LS4wMzk0Mi0yLjQ2MTE5LDEuNDQxNDUtNC41ODY4OSwxLjA1OTc2LTcuMTMwNEE5Ljg4NjkxLDkuODg2OTEsMCwwLDAsNDIuMzA0MTksNTAuNzY5YTEuMjkyMDgsMS4yOTIwOCwwLDAsMC0uOTY5MjMtLjI3LDguNzY2NzYsOC43NjY3NiwwLDAsMC0zLjI3OTIzLDEuMDk2NTdjLS44NjcuNTQ3MzgtMy4wNjY2NiwyLjc2MjM2LTIuODI1ODIsMy45ODcuMjQwNDYsMS4yMjI3OCwyLjY2MzQ0LDIuMzc1NzUsMy41MjUzMywzLjI5ODY1YTYuMzczMzYsNi4zNzMzNiwwLDAsMSwxLjkxNzM2LDQuNjY4NTNjLS4wNTAwOSwyLjAxNC0uNTkzNjUsMi43ODAwOSwxLjEwNzc4LDQuMDY2Ljk5NjczLjc1MzMsMi4yNTU1MywxLjE1OTc1LDMuMjkyODIsMS44NjIuOTg0MDguNjY2MTYsMS41NDYyMSwxLjYzNSwyLjQzNSwyLjMzMTguMjc3ODguMjE3ODUsMS4yNjcuNDQyMzMsMS40Mzk2OS42NDI2Mi4yNzI1Ni4zMTYxNy4wNzMxNi43ODQuMjk0MzEsMS4xMzA2NS42NDExNSwxLjAwNDg5LS4xMjcxNC40Mzg1LDEuMDQwODIuOTA3NzdhNy45NzU2Nyw3Ljk3NTY3LDAsMCwwLDIuODc5ODktLjAyMjI1LjQzMjQuNDMyNCwwLDAsMCwuNDIzNzYtLjU2NDdBNy4xMjUyNSw3LjEyNTI1LDAsMCwwLDUyLjU1MTM1LDcyLjA5Njk0WiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTYyLjg0ODE3LDM3LjE2ODI3Yy0yLjIyMjA1LS4zMzg2NS01LjMzNjMzLS41NTI0Ni03LjU1Ni0uODI4NDFhMi44NjAyMywyLjg2MDIzLDAsMCwxLTIuMDg1NC0zLjM3MDUyYy42ODQyNS0uODE0MzcuNzA1MTgsMS4zMTk2MiwxLjQ2NDg1LDIuMDc1NWEzLjMzODg1LDMuMzM4ODUsMCwwLDAsMi41MjIuNzc0OTIuNTI4NjguNTI4NjgsMCwwLDAsLjUzMjQxLS41MjVxLjAwMDEyLS4wMTY4OS0uMDAwODQtLjAzMzc2YTExLjc3Mjc3LDExLjc3Mjc3LDAsMCwwLTMuMTgxODgtNy41MjI4NGMtMS4yODM1My0xLjU1ODQxLTEuMjI2MTUtNS4yMzQxNC0xLjc0NjMzLTUuNzk5NDktLjI4MDgyLS4zMDUyNy0xLjM5NjE4LTEuMzAxMTMtMS4zOTYxOC0xLjMwMTEzQTEuODk4NzYsMS44OTg3NiwwLDAsMSw1MC43ODYsMTguNjY4bC4xMDA3NS0uMzYxNDFjLjA1NTYyLS4xOTk2LjExNTc0LS40Mjg0OS4xNzg2OS0uNDU3MjQuMDI1NTMtLjAxMTY4LjA1MDQ2LjAwMzc4LjA2MjUxLjA4Nzg0YTUuODA4NTMsNS44MDg1MywwLDAsMCwuODU0MjQsMi41NDgwN2MuNjQ2NDcuNzMwMywxLjg0Nzc2LjY3MiwyLjQwNjEzLDEuNDAwNzQuNDQwNTYuNTc1LjA0OTY5LDEuNDI0NDEuNTYxNjQsMS45NTAwOC45MDkwNS45MzM0OC43MTc2NC4zMDM3NiwxLjE4Ni0uMjE0NS4xODY0LS4yMDYyMy0uMzU4NTgtMS43ODAyOC41MTk3NS0uODc5LjUyMzUxLjUzNzI3LS4xMDQ2MiwxLjYwODQxLjQ4NzA2LDIuMDE3NzQuNjgzMzQuNDcyNzQuOTk5MjgtLjE2OTIxLDEuNDg0Ni0uNjMyMjUsMS4wNjM2NS0xLjAxNDg4Ljc2Mzc4LTEuMzE2MTMuMzQxMy0yLjczNDI0YTE0LjkyNjUyLDE0LjkyNjUyLDAsMCwxLTEuMzc0MS01LjQzMzY2LDEuNjg4NTEsMS42ODg1MSwwLDAsMSwuNTkzNTQtLjg5NjI0LDE0LjExNDM4LDE0LjExNDM4LDAsMCwxLDMuMDU2MzctMS4wNjI0LDc5LjExNzQsNzkuMTE3NCwwLDAsMCw4LjYyNTItMy4yOTkzLjI2MTIzLjI2MTIzLDAsMCwwLS4xNTQyMS0uNDkzODNjLS43MzYuMTAyNTctMS44NDIyNy4xOTM1Ny0yLjU4OTI0LjM4MjcxLS4yOTY3Ni4wNzUxMy0xLjE3NzI4LjE5OTc1LS4xMzAxMy43MDA2Mi4xNjkxLjA4MDg4LjQxMDY2LjIxODgyLS4xNzI1NS4wNTY0Ny0uNDgwMTgtLjEzMzY3LS42OTY0OS0uNzE2MzktMS44Mi0uMzQ3NjUtLjI5MDg0LjA5NTQ1LS42OTk2Mi4xMjE5NC0uMDk5MS41NjIwOGEzLjA4ODc4LDMuMDg4NzgsMCwwLDAsLjI3OC4yMDY1MWMuMzExNDMuMTU0NzguMzA1ODkuMjcyMTgtLjI0NDEuMDY1NzQtLjY5MDk0LS4yNTk1LS44ODMwNi0uNjYxOTMtMi4xNTQzNi0uMzk2MTMtLjI5OTY0LjA2MjY0LS43NDA3OC4yNjU3LS41NTYzMi41MDk5NGE3LjAzMTMsNy4wMzEzLDAsMCwwLC44NjUzNy44MDM1N2MuMzA4NTUuMjAxNTItLjA5MTEyLjExMzkxLS4yODc2My4wNjkxM2ExLjg4Mjg4LDEuODgyODgsMCwwLDEtLjc3NTc5LS41Mzg3NGMtLjM1ODQ3LS40Mzc4Ni0uNTY5OTEtLjcwNDQyLTEuODEwODQtLjIyNTg4LS4yODU2MS4xMTAxNi0uMDMzNy40OTk4Ny4wOTQ0Ljc3Nzg4YTEuNjIwNzgsMS42MjA3OCwwLDAsMCwuNDkyODEuNjU5MjNjLjQxNzIzLjE4NTQ1LjExNzYyLjIxMDg1LS4xNy4xODU0NXMtMS4wMTk4OC0xLjMxMzUxLTEuNzc3MjMtMS4xOTQxNWMtLjgxMTUuMTI3OTEtMi4yMDUuMjIyNS0xLjgyMzU4LS4zNDZhNC4zOTgxNiw0LjM5ODE2LDAsMCwwLC41NzM0LTEuODQ0MzdBNS43ODQwOCw1Ljc4NDA4LDAsMCwwLDU1Ljc1NzM4LDYuMzExYy0uMjI3OTItLjIwNDMzLS40MzI4My0uMDc4NjUtLjQ0NDUyLjIyNzIyLS4wNTA4OSwxLjMzMTI1LS41MjYxMiwyLjQ2Njg4LTEuOTc2NTIsMS42MzU1N2E0Ni41Njc4NCw0Ni41Njc4NCwwLDAsMC0zLjgxNjc2LTIuNjg4MjRjLS4yNzg2Ni0uMTI2NTQtLjU3ODkyLjA0NTczLS41MDcuMzQzMjkuMjY4OTQsMS4xMTQzOSwxLjg5OTYsMS44MDctLjMyODA2LDEuOTQ4ODlhMjUuMDI5MDYsMjUuMDI5MDYsMCwwLDEtMy4xMDUtLjY4MjE5LDEzLjA3NTEzLDEzLjA3NTEzLDAsMCwwLTMuMjg4NjkuMjIxODljLS4zMDE3Ny4wNTEzNC0uMzUxMi4yNTE1Ny0uMDk2LjQyMDYsMS4xODY3OS43ODYwOSwyLjQzNTc2LDEuMjE1NDQuNzk4ODEsMi4xMjIwOS0yLjE1NiwxLjE5NDE3LTQuNTE2NDksMS41NzUyOC01LjcyOTg4LDMuODY0ODVhLjI4MjEuMjgyMSwwLDAsMCwuMDEzMzEuMjkxYy4wOTM2Ni4xNDA2NC41MTAxMi4wODEyNi44MTUzMi4wNTc2NS4xNDM5My0uMDExMTIuMjg3NDktLjAxODc5LjQyMjkxLS4wMjIyOS4zMDYtLjAwNzg5LjQxMzMuMjIzMDUuMjYwNjguNDg4NGExMy4wNzcwNSwxMy4wNzcwNSwwLDAsMC0xLjQ4OTIxLDYuMjI1NTFjLjAwMDIxLjEyOTI2LjE4NTc3LjMzNzcxLjI0MTkzLjI1NTU5LDEuMTkxNDQtMS43NDEzMywyLjE5MTUtMi4xODg1OSwyLjMyMDQ4LTEuOTIwMDYuMjI2MDguNDcwNjUtLjQ3MTU3LDEuODMyNjgtLjQ0MTY2LDMuMTExNTJhNi4zNTMyNiw2LjM1MzI2LDAsMCwwLDMuMjQzODEsNS4yMjc4NWMuMjY1NDYuMTUyNDIuNTM1NDguMDA2MTEuNDUyMzUtLjI4ODQ5LS4yNTM3LS44OTkzLTEuMDk1MTgtMi40NzMtLjQ0MjU4LTMuMTk4LjA2NTU4LS4wNzI4Ni4xMjQ1MS0uMTYyODguMTc5MDktLjE4NC4xMzMyNC0uMDUxNjguMTkuNDI3MzEuMjQ4MjcuNzI3ODMuMjM3NjEsMS4yMjQxNy44OTM4NCwzLjkxMSwzLjIzOTkyLDQuMTczNTMuMjcxNTMuMDMwMzkuMTQ3MzQuNTg0ODMuMDAyODcuNjUyNjRhNy44MjgzMSw3LjgyODMxLDAsMCwxLTUuMjAxMTUtMS40MDkzNEExMy45ODc0LDEzLjk4NzQsMCwwLDEsMzUuNzQ4LDIxLjUxNTQ3Yy0xLjA1NDI4LTIuNTEyNjUuMDM1MTYtNi41MzcxMy0xLjk0NjQzLTguNjU0NjktMS43MzUtMS44NTQtNC43NDgzMi0xLjUyNTY0LTcuMDcwMjctMS43ODIxMUE1NS4xOTQxNiw1NS4xOTQxNiwwLDAsMSw5LjYxMzM4LDUuOTMsMzcuOTk0ODMsMzcuOTk0ODMsMCwwLDEsLjQ2NzE1LjczMzkyQy4yMzg3LjUzMDA5LjAzNzUyLjYwMzQxLjAyMjE3LjkwOTA3LS40ODksMTEuMDc2MDgsNy45MTksMTYuNDEwMzQsMTcuMTAxNDQsMTYuNjQ0MTljLjMwNi4wMDc4LjMxMzk1LjA2NDA5LjAxNDQ3LjEyNzQ1LTMuNzExNjcuNzg1NjktOC42NTQ3Ny4yNTk1NC0xNS4wNDMxNy0zLjg4MDQtLjI1Njg5LS4xNjY0Ni0uNDE2MjYtLjA1OTctLjMxODc3LjIzMDQ5LDQuMjQ4MzUsMTIuNjQ2MzcsMTguNTU3NTUsOS4xOTcsMTkuMzczNjUsOS4wNjcyOS4zMDIzMS0uMDQ4LjMzMjI5LjAyNTM4LjA1NDI5LjE1MzVBMzIuNDczMywzMi40NzMzLDAsMCwxLDkuMjc5MiwyMy43OTc4NGMtLjMwNi0uMDA2NjMtLjQwNi4xODI2Mi0uMjA3ODcuNDE2LDUuNDc2MTgsNi40NDkzOCwxNS4yMDMzNywzLjIxMDY1LDE3LjYzMDA4LDIuNzQ1NC4zMDA2My0uMDU3NjEuMzAyNDIuMDYyNTEuMDQzNDQuMjI1NjlBMjAuMzYxMjksMjAuMzYxMjksMCwwLDEsMTguMDU5LDMwLjQwNTIyYy0uMzA2MDcuMDA1OTEtLjM5MzgyLjI5Nzg0LS4xNzc1Mi41MTQ0MSwyLjEzNywyLjE0MDA5LDYuODgxNDksMi4zMDE3MSw5LjYxMjgxLDIuMTE2NDNhMTAuODQyMDksMTAuODQyMDksMCwwLDAsNS41MDUzMS0xLjMyNTg2Yy4yMjQxNi0uMDcyMjYuMzI1ODQtLjA1MDM2LjE3My4xMTUyOGE3LjgxMzE4LDcuODEzMTgsMCwwLDEtNS42NzU4NiwyLjk3MDY4Yy0uMzA1NjQuMDE3LS4zNTcwOS4yNDUyLS4wNzA2Mi4zNTNhMTYuNDUxLDE2LjQ1MSwwLDAsMCwxMi41MzQwOS4xNDkzNWMuMjg2MzctLjEwOC4zODE2NS4wNDYxOS4xODk0Ny4yODQ0NWEyNC4zNTcxNywyNC4zNTcxNywwLDAsMS03LjUxNDg1LDUuNDk4NjYsMTkuNzA5MTksMTkuNzA5MTksMCwwLDAtNS4wMTUzOCwzLjYxNy40MDk0Ni40MDk0NiwwLDAsMS0uNjczMjctLjA0MDgxLDE0Ljg2NzMxLDE0Ljg2NzMxLDAsMCwwLTUuOTU4MTYtNS40MjIzMiwxMC4yMTQxNSwxMC4yMTQxNSwwLDAsMC02Ljg1MTI4LS4zODA2MmMtMy43NzQ1NSwxLjcxMjktNC41NDI0MSw0Ljk3NTY4LTQuMjgxODQsOC40NDA0NS4xMDA3MywxLjMzODkxLjU0OCwyLjYyMS42NjMxNywzLjk1NTJhMjAuNzEzNTMsMjAuNzEzNTMsMCwwLDEtLjMyNjE4LDQuMDQ4Yy0uMDMzLjMwNDMyLjE3NzY3LjQ0ODQuNDE2OS4yNTc0OGE4LjY4OTI2LDguNjg5MjYsMCwwLDAsMi40NjktMy4yMDc1MWMuMDc4LS4yOTU5NC4wODA0My0uMzEuMDk4ODMtLjAwNDQ1LjA1MDMxLjgzNTQ1LjA2NTU4LDIuMjg4NTEuMDQwMjcsMi43NTEwOGExMC43Mjk1MywxMC43Mjk1MywwLDAsMS0uODc0MzYsMy4zOTE5M2MtLjExMzcxLjI4NDIxLjAwNTQ0LjQyNy4yODAyMy4yOTIxMywzLjI3OTU2LTEuNjA5ODgsNS4xODI0Mi03LjYwMzE3LDUuMTUxNzktMTEuMDQ3Mi0uMDAyNzItLjMwNjA5LjE1ODE3LS40MTE3OS4yNjEzOC0uMTIzNjNhMTQuMDczNjQsMTQuMDczNjQsMCwwLDEtLjEyODIsNS41NjUyYy0uMDIxMzIuMzA1MzYuMTUyNDQuMzc4LjMzNzQzLjEzNDI1LDEuNzQ1MzktMi4zMDA4Ni45MzE1OC01LjI2OTA4LDIuOTAxNDMtNy4xNTc0MSwyLjI1MTMxLTIuMTU4MTcsMy43OS0uMTM1ODUsNC41MDQ1NS44MDExNWEuOTc1NDYuOTc1NDYsMCwwLDEsLjIwOTI1Ljg2OTJjLS45NDA1MiwyLjY5NzU3Ljg3Nyw1LjU2ODQzLjA5MDcyLDguMjEwNDctLjc3ODE2LDIuNjE0NS00LjM0NDg3LDIuNzM5LTUuODUxOCw0LjY3Njg0LTEuNTU5OSwyLjAwNTYyLjU1NTE1LDUuMDA5NywxLjE2NTMzLDcuMDYyMTEuMzgwMTgsMS4yNzg1OC40MjU3MiwyLjU2OTExLjc0MzQxLDMuODI2OTEuMzg3LDEuNTMyLjU4MTU3LDEuMDAyNDIsMS40NDQ0OCwxLjA4NDc0LjMwNDczLjAyOTA3LjU1MjU4LjM4NDY1LjM5MDc3LjY0NDQ5LS4yOTg1OC40Nzk0LS45MTUuODc4NjMtLjY3MywxLjYyMDgzLjIxNzMxLjY2NjM0LDIuNDYxNzcuMzk2MTMsMy42ODMxOC4yODJhLjQ0ODc2LjQ0ODc2LDAsMCwwLC40Mi0uNTc4NGMtMS4wNTg0Ni0zLjU2MDQtNS42NDAxLTcuNjA2NDgtNC4xNjAwNS0xMS41OTIxLjc1NzI0LTIuMDM5MTcsMy40NjM1OC0yLjI5NDU0LDUuMzA4LTIuNzI0OGE2Ljc2MDEzLDYuNzYwMTMsMCwwLDAsNS4wOTQyNC0zLjg1NywxNi40Njk1OCwxNi40Njk1OCwwLDAsMSwzLjMzMDEzLTUuNDg3NDhjMS45MzkzNS0xLjUyODksNC45MDU4Ni0xLjU4MzgxLDcuMjU1NDgtMS45ODY1LDUuMTA3ODUtLjg3NTQyLDkuNDY4ODktMi40Mjg5LDEyLjIzMTg5LTYuOTI0MzMuMTYwMjgtLjI2MDc5LjAzMjc3LS40NzMwNy0uMjcyLS40NDQzYTEzLjc2ODIzLDEzLjc2ODIzLDAsMCwxLTQuNzYxNzguMTI4NmMtLjQ1OTY3LS4wOTA4OC0yLjM0MjgyLTEuNTQxNjktMS41ODc5MS0yLjI4MjE2LjQ1OTI2LS40NTA0OC45OTY1My42ODY1NywxLjYxNDg5LDEuMDQxMTgsMi4wMjM0NiwxLjE2MDEyLDcuMzE3OTMtLjg1MDE4LDkuMTczLS44MzYzNiwxLjk0My4wMTQ1LDIuMTQ5ODcsMS42NzUsMS4wMjI0MywzLjA5MS0uNjM4ODguODAyMzYtMi4wOTcxOCwxLjQ0NzI5LTIuNDIxODEsMi40MzYwNy0uMTExMTIuMzM4NDcuMjQ0NjYsMi4wMjczMy4wOTEwNywyLjEwMDE3LS4zODU2MS4xODI5NC0uOTI2MTEtMS4zNzU3OS0yLjAyNS0uNTY5NjUtLjYxNDE1LjQ1MDU2LS44MTc1LDIuNDQxNDEtLjcxNDQ5LDMuNTQzMjRhLjQ3MzA3LjQ3MzA3LDAsMCwwLC42MzM2MS4zOTU2MSwxNS42MDg3NCwxNS42MDg3NCwwLDAsMCwzLjY3NjExLTIuMzU3NjQsMTguNTQzMjYsMTguNTQzMjYsMCwwLDAsMy4wOTU0OC01LjIxODQzQzY1LjQ1Nzc2LDQwLjI2Mjg4LDY3LjI3MiwzNy44NDI0OSw2Mi44NDgxNywzNy4xNjgyN1pNNTUuNDI5MSwxNS44MDRjLjU3MzQ1LjIwMzM1LDEuNDEwNTYuNTMyMjMsMS4zOTU3Mi45ODQ0My0uMDQwODksMS4yNDgxMS0xLjcwMTc1LjM2MjA3LTEuOTQtLjY0MDE5QzU0LjgxNCwxNS44NTA0Myw1NS4xNDA2NiwxNS43MDE2Niw1NS40MjkxLDE1LjgwNFoiLz48L3N2Zz4=");
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 76px;
}

    .Preloader-Circle circle {
        fill: none;
        stroke: #fbb040;
        stroke-width: 2;
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-miterlimit: 10;
        stroke-dasharray: 516;
        stroke-dashoffset: 516;
        animation-name: preloaderSpin;
        animation-duration: 2s;
        animation-iteration-count: infinite;
        animation-timing-function: linear;
        transform-origin: center;
        transform: rotate(-90deg);
        will-change: transform;
    }

@keyframes preloaderSpin {
    from {
        stroke-dashoffset: 1032;
    }

    to {
        stroke-dashoffset: 0;
    }
}
/*=========================================================================LOADER END*/


/*Scroll CSS*/
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
    border-radius: 10px;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
    background-color: #F5F5F5;
}

.slimScrollStyle::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #F5F5F5;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(122,153,217)), color-stop(0.72, rgb(73,125,189)), color-stop(0.86, rgb(28,58,148)));
}
/************/

/* Footer app indirme rozetleri + Developed by (2026-07-06) */
.footer-apps-row { margin-top: 8px; }
.footer-app-badges { display: flex; gap: 12px; align-items: center; flex-wrap: wrap; }
.footer-app-badges .app-badge { display: inline-block; line-height: 0; }
.footer-app-badges .app-badge svg { height: 40px; width: auto; display: block; }
.footer-developed-by {
    margin: 0;
    text-align: right;
    font-family: "Open Sans", sans-serif;
    font-size: 12px;
    color: rgba(255,255,255,0.6);
}
.footer-developed-by a { color: rgba(255,255,255,0.85); text-decoration: underline; }
.footer-developed-by a:hover { color: #fff; }
@media (max-width: 767px) {
    .footer-developed-by { text-align: left; margin-top: 12px; }
    .footer-app-badges { justify-content: center; }
}