/*-----------------------------------------------------------------------------------

    CSS INDEX
    =========================================
    01. global css 
    02. header css 
    03. Footer css
    04. Common sections and components css

-----------------------------------------------------------------------------------*/

@font-face {
    font-family: Cormorant-light;
    src: url(./fonts/CormorantGaramond-Light.ttf);
}

@font-face {
    font-family: Cormorant;
    src: url(./fonts/CormorantGaramond-Regular.ttf);
}

@font-face {
    font-family: Cormorant-medium;
    src: url(./fonts/CormorantGaramond-Medium.ttf);
}

@font-face {
    font-family: Cormorant-semiBold;
    src: url(./fonts/CormorantGaramond-SemiBold.ttf);
}

@font-face {
    font-family: Cormorant-bold;
    src: url(./fonts/CormorantGaramond-Bold.ttf);
}

@font-face {
    font-family: Montserrat;
    src: url(./fonts/Montserrat-Regular.ttf);
}

@font-face {
    font-family: Montserrat-medium;
    src: url(./fonts/Montserrat-Medium.ttf);
}

@font-face {
    font-family: Montserrat-semiBold;
    src: url(./fonts/Montserrat-SemiBold.ttf);
}

@font-face {
    font-family: Montserrat-bold;
    src: url(./fonts/Montserrat-Bold.ttf);
}

@font-face {
    font-family: Montserrat-extraBold;
    src: url(./fonts/Montserrat-ExtraBold.ttf);
}

/*------------- #GLOBAL STYLES --------------*/

body {
    font-size: 14px;
    font-style: normal;
    visibility: visible;
    font-family: Cormorant, sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6,
p,
a {
    font-weight: 400;
    margin-top: 0;
    font-style: normal;
}

a {
    text-decoration: none;
    color: black;
}

/*------------- header --------------*/

header {
    position: sticky;
    top: 0;
    z-index: 1020;
    background-color: white;
}

    header .pre-header .contact-info a,
    header .social-info a {
        font-size: 14px;
        font-family: Montserrat-semiBold, sans-serif;
        color: #39383f;
    }

    header .main-navbar {
        height: 81px;
        margin-right: 1rem;
        margin-left: 1rem;
    }

    header .main-navbar-border {
        border: 8px solid #c39737;
        border-bottom: none;
        transition: border 0.2s ease;
    }

    header .border-detach {
        border: 0 solid white;
        transition: border 0.2s ease;
    }

    header .main-navbar .navbar-toggler:focus {
        box-shadow: none;
    }

    header .main-navbar .dropdown:hover > .dropdown-menu {
        display: block;
        top: 100%;
        margin-top: 0;
    }

    header .main-navbar .border-bottom-gold {
        border-bottom: 1px solid #c39737;
    }

    header .main-navbar .navbar-icon {
        width: 25px;
    }

    header .main-navbar .nav-item {
        height: 100%;
    }

    header .main-navbar .navbar-nav .nav-item {
        flex-grow: 1;
    }

    header .main-navbar .search-icon:hover img {
        content: url(./img/header/search-icon-white.svg);
    }

    header .main-navbar .language-selector-icon:hover img {
        content: url(../img/header/language-selector-icon-white.svg);
    }

    header .main-navbar .nav-item .nav-link {
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 22px;
        font-family: Cormorant-bold, sans-serif;
        text-align: center;
        color: #39383f;
        height: 100%;
    }

        header .main-navbar .nav-item .nav-link:hover {
            background-color: #c39737;
            color: #ffffff;
        }

    header .main-navbar .celik-group-logo {
        /*margin-top: -12px;*/
    }

    header .main-navbar .search-and-language .dropdown-menu {
        right: 0;
        left: unset;
        min-width: 88px;
    }

    header .main-navbar .search-and-language .dropdown-item {
        font-family: Cormorant-bold, sans-serif;
        font-weight: 700;
        color: #39383f;
    }

        header .main-navbar .search-and-language .dropdown-item:focus,
        .dropdown-item:hover {
            background-color: #c39737;
        }

        header .main-navbar .search-and-language .dropdown-item:hover {
            color: white;
        }

            header .main-navbar .search-and-language .dropdown-item:hover img {
                filter: invert(100%) sepia(100%) saturate(0%) hue-rotate(288deg) brightness(102%) contrast(102%);
            }

    header .search-bar .bg-gold {
        background-color: #c39737;
    }

    header .search-bar ::placeholder {
        font-family: Montserrat-semiBold, sans-serif;
        font-weight: 600;
        color: #d7d7d7;
    }

    header .search-bar .search-form .form-control {
        text-indent: 28px;
        height: 60px;
        border-radius: 0;
        font-family: Montserrat-semiBold, sans-serif;
        font-weight: 600;
    }

        header .search-bar .search-form .form-control:focus {
            box-shadow: none;
        }

    header .search-bar .search-form .input-search-icon {
        left: 0;
        margin-left: 56px;
        margin-top: 18px;
        width: 24px;
        cursor: pointer;
    }

    header .search-bar .search-form .search-button {
        right: 0;
        margin-right: 56px;
        margin-top: 14px;
        padding: 4px 2rem;
        box-shadow: none;
        border: none;
        background-color: #c39737;
        color: white;
    }

@media only screen and (max-width: 1399px) {
    header .main-navbar .nav-item .nav-link {
        font-size: 17px;
    }

    header .main-navbar .celik-group-logo {
        width: 200px;
    }
}

@media only screen and (max-width: 1199px) {
    header .pre-header .contact-info a,
    header .social-info a {
        font-size: 11px;
    }

    header .main-navbar .nav-item .nav-link {
        font-size: 15px;
    }

    header .main-navbar .celik-group-logo {
        width: 180px;
    }
}

@media only screen and (max-width: 991px) {
    header .main-navbar {
        height: unset;
        margin-right: 0;
        margin-left: 0;
    }

    header .main-navbar-border {
        border: none;
        background-color: #FCFAF5;
    }

    header .main-navbar .mobile-center-container {
        width: 70%;
    }

    header .main-navbar .search-and-language .nav-item .nav-link {
        font-size: 22px;
    }

    header .main-navbar .nav-item .nav-link {
        padding: 0.5rem 0.3rem;
        justify-content: flex-start;
    }

    header .main-navbar .nav-item .language-selector-icon {
        padding-right: 12px;
    }

    header .main-navbar .celik-group-logo {
        width: 160px;
        margin-top: -8px !important;
    }

    header .main-navbar .collapsing {
        transition: none;
    }

    header .main-navbar .border-bottom-gold {
        border-bottom: none;
    }

    header .search-bar ::placeholder {
        font-family: Montserrat-semiBold, sans-serif;
        font-size: 12px;
        font-weight: 600;
        color: #d7d7d7;
    }

    header .search-bar .search-form .form-control {
        text-indent: 5px;
        height: 40px;
        border-radius: 0;
        font-family: Montserrat-semiBold, sans-serif;
        font-weight: 600;
    }

        header .search-bar .search-form .form-control:focus {
            box-shadow: none;
        }

    header .search-bar .search-form .input-search-icon {
        left: unset;
        margin-left: unset;
        right: 0;
        margin-right: 21px;
        margin-top: 8px;
        width: 24px;
        cursor: pointer;
    }
}

@media only screen and (max-width: 575px) {
    header .main-navbar .mobile-center-container {
        width: auto;
    }
}

/* ----------------  footer styles ----------------  */

footer.custom-background {
    position: relative;
    padding: 3px;
    padding-top: 4px;
    background-color: #c39737;
    clip-path: polygon(0% 21%, 50% 0%, 100% 21%, 100% 100%, 0% 100%);
}

    footer.custom-background .diamond-icon {
        position: absolute;
        display: flex;
        justify-content: center;
        width: 100%;
        top: -2px;
        left: 0;
        z-index: 5;
    }

        footer.custom-background .diamond-icon img {
            height: 50px;
            cursor: pointer;
        }

footer .custom-background-fill {
    background-color: #1b1a1f;
    padding: 110px 48px 0 48px;
    clip-path: inherit;
    font-size: 26px;
}

footer a {
    text-decoration: none;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #d7d7d7;
}

    footer a:hover {
        color: #c39737;
    }

footer h5 {
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    font-size: 21px;
    line-height: 28.65px;
    font-weight: 700;
    font-family: Cormorant-bold, sans-serif;
    border-color: #3a4553;
}

footer p {
    color: #c39737;
    font-family: Montserrat, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 28px;
    letter-spacing: 0em;
    text-align: left;
}

footer .site-link-section a {
    display: block;
}

footer .social-icon {
    width: 36px;
    height: 36px;
    background-color: white;
    padding: 4px;
    border: 4px solid #c39737;
}

footer .contact-info {
    color: #d7d7d7;
}

    footer .contact-info p {
        color: #c39737;
        font-family: Montserrat, sans-serif;
        font-size: 17px;
        line-height: 28px;
        letter-spacing: 0em;
        text-align: left;
        margin-bottom: 0;
    }

        footer .contact-info p span {
            color: white;
        }

footer .bottom-bar {
    border-top: 2px solid #c39737;
}

    footer .bottom-bar p {
        display: inline;
    }

    footer .bottom-bar .gold-text a {
        color: #c39737;
        font-size: 18px;
        font-weight: 600;
    }

    footer .bottom-bar p span {
        font-weight: 400;
    }

@media only screen and (max-width: 1399px) {
    footer.custom-background {
        clip-path: polygon(0% 9%, 50% 0%, 100% 9%, 100% 100%, 0% 100%);
    }
}

@media (min-width: 992px) and (max-width: 1399px) {
    footer .contact-info {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }
}

@media only screen and (max-width: 991px) {
    footer.custom-background {
        clip-path: unset;
        padding: 0;
    }

    footer .custom-background-fill {
        padding: 0 16px;
        background: radial-gradient( 40.57% 72.12% at 50% 50%, #39383f 0%, #212026 100% );
    }

    footer a {
        font-size: 12px;
        line-height: 22px;
    }

    footer h5 {
        font-size: 14px;
        border: none;
    }

    footer .contact-info p,
    footer .contact-info p span,
    footer .bottom-bar p,
    footer .bottom-bar .gold-text a {
        font-size: 12px;
    }

    footer .bottom-bar {
        border-top: none;
    }
}

/*--------------- Common sections and components css -----------------*/

.main-white-button button {
    all: unset;
    background-color: #c39737;
    border: 1px solid #f9d58d;
    color: #000;
    font-family: Cormorant-bold, sans-serif;
    font-size: 24px;
    padding: 10px 50px;
    margin: 10px 0;
    cursor: pointer;
}

.main-gold-button button {
    all: unset;
    background-color: #c39737;
    border: 1px solid #fff;
    color: #fff;
    font-family: Cormorant, sans-serif;
    font-size: 24px;
    padding: 10px 50px;
    margin: 10px 0;
    cursor: pointer;
}

.main-title-container {
    width: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}

.main-title {
    color: #000;
    text-align: center;
    font-family: Cormorant-bold, sans-serif;
    font-size: 45px;
    margin: 0.5rem 1rem;
}

.main-title-container .title-vektor-image {
    width: 80px;
}

@media only screen and (max-width: 991px) {
    .main-white-button button {
        font-size: 12px;
        padding: 10px 20px;
    }

    .main-gold-button button {
        font-size: 12px;
        padding: 10px 20px;
    }

    .main-title {
        font-size: 16px;
        margin: 0.5rem 0.5rem;
    }

    .title-side-image {
        width: 50px;
    }

    .main-title-container .title-vektor-image {
        width: 70px;
    }
}

/*---------------  Contact us Section ---------------*/

.common-contact-us-form {
    background-color: #c39737;
    clip-path: polygon(100% 0%, 100% 80%, 50% 90%, 50% 90%, 0 80%, 0 0);
    padding: 2px;
    padding-bottom: 3px;
}

    .common-contact-us-form .contact-us-section-content-wrapper {
        clip-path: inherit;
        background-color: #212026;
        padding-bottom: 40px;
    }

    .common-contact-us-form .contact-us-form-container .contact-us-form input {
        width: 100%;
        padding: 8px;
        margin: 10px 0px;
        border: 1px solid #373540;
        background-color: #1b1a1f;
        color: #d7d7d7;
        font-family: Monserrat, sans-serif;
    }

        .common-contact-us-form
        .contact-us-form-container
        .contact-us-form
        input:focus {
            border: 1px solid #c39737;
            outline: #c39737;
        }

    .common-contact-us-form .contact-us-form-container .contact-us-form textarea {
        width: 100%;
        padding: 8px;
        margin: 10px 0px;
        border: 1px solid #373540;
        background-color: #1b1a1f;
        color: #d7d7d7;
        font-size: 18px;
        font-family: Cormorant-bold, sans-serif;
    }

        .common-contact-us-form
        .contact-us-form-container
        .contact-us-form
        textarea:focus {
            outline-color: #c39737;
            border: 1px #c39737 solid;
            outline: #c39737;
        }

    .common-contact-us-form .contact-us-form-container .contact-us-form label {
        color: #d7d7d7;
        font-family: Montserrat-bold, sans-serif;
    }

    .common-contact-us-form
    .contact-us-form-container
    .contact-us-form
    .contact-us-form-element:focus-within
    label {
        color: #c39737 !important;
    }

    .common-contact-us-form .contact-us-form-container .contact-us-form .kvkk {
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }

        .common-contact-us-form
        .contact-us-form-container
        .contact-us-form
        .kvkk
        input[type="checkbox"] {
            background-color: #000;
            height: 20px;
            width: 20px;
            appearance: unset;
            padding: 0px !important;
            margin-right: 10px;
        }

            .common-contact-us-form
            .contact-us-form-container
            .contact-us-form
            .kvkk
            input[type="checkbox"]:checked {
                background-color: #c39737;
                color: #fff;
                margin-right: 10px;
                padding: 0px;
                height: 20px;
                width: 20px;
            }

                .common-contact-us-form
                .contact-us-form-container
                .contact-us-form
                .kvkk
                input[type="checkbox"]:checked::after {
                    content: "\2713";
                    display: flex;
                    justify-content: center;
                    font-size: 12px;
                }

        .common-contact-us-form
        .contact-us-form-container
        .contact-us-form
        .kvkk
        label {
            text-decoration: underline;
        }

            .common-contact-us-form
            .contact-us-form-container
            .contact-us-form
            .kvkk
            label
            a {
                color: #c39737;
            }

    .common-contact-us-form
    .contact-us-form-container
    .contact-us-button-container {
        color: #fff;
        width: 100%;
        text-align: center;
    }

    .common-contact-us-form .contact-us-form-container .contact-us-button {
        all: unset;
        border: 1px solid #f9d58d;
        background-color: #c39737;
        padding: 12px 30px 35px 30px;
        min-width: 150px;
        font-family: Cormorant-bold, sans-serif;
    }

    .common-contact-us-form .contact-us-thank-you .contact-us-button {
        padding-bottom: 20px !important;
    }

    .common-contact-us-form .contact-us-card {
        clip-path: polygon(100% 0%, 100% 70%, 50% 90%, 50% 90%, 0 70%, 0 0);
    }

    .common-contact-us-form .contact-us-thank-you {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

        .common-contact-us-form .contact-us-thank-you .main-title p {
            font-size: 90px;
        }

        .common-contact-us-form .contact-us-thank-you .message {
            color: #000;
            font-family: Montserrat, sans-serif;
            font-size: 30px;
        }

@media only screen and (max-width: 991px) {
    .common-contact-us-form {
        padding: 0;
        clip-path: polygon(100% 0%, 100% 86%, 50% 90%, 50% 90%, 0 86%, 0 0);
    }

        .common-contact-us-form .contact-us-form-container .contact-us-button {
            padding-bottom: 55px;
        }
}

@media only screen and (max-width: 575px) {
    .common-contact-us-form .contact-us-form-container .contact-us-form input,
    .common-contact-us-form .contact-us-form-container .contact-us-form textarea {
        background-color: white;
        color: #212026;
    }

    .common-contact-us-form
    .contact-us-form-container
    .contact-us-form
    .kvkk
    input[type="checkbox"] {
        background-color: white;
    }

    .common-contact-us-form .main-title-container {
        flex-wrap: wrap;
    }

    .common-contact-us-form .contact-us-form-container .contact-us-button {
        padding-bottom: 55px;
    }

    .common-contact-us-form .contact-us-form-container .contact-us-form label {
        font-size: 12px;
    }

    .common-contact-us-form .contact-us-thank-you .contact-us-button {
        padding-bottom: 45px !important;
    }
}

/* -------------- footer upperpart-------------- */

.footer-upperpart .overpart-container {
    margin-top: -1rem;
}

.footer-upperpart .left-side-container {
    padding: 80px 4rem 110px 4rem;
}

.footer-upperpart .gold-house {
    height: 100px;
    margin-right: 20px;
}

.footer-upperpart .gold-headline {
    margin-bottom: 15px;
}

.footer-upperpart .gold-title {
    font-size: 30px;
    font-family: Cormorant,sans-serif;
    font-weight: 700;
    line-height: 50px;
}

.footer-upperpart .gold-text {
    font-size: 18px;
}

.footer-upperpart .gold-button {
    padding: 15px;
    color: white;
    background-color: #c39737;
    font-size: 25px;
    border: 1px solid;
    border-image-source: linear-gradient( 90deg, #f9d58d -0.25%, #fde8ad 21.86%, #d39c46 50%, #f6db9c 75.12%, #fad892 100.25% );
}

.footer-upperpart .right-side-container {
    height: 536px;
    max-width: 100%;
}

.footer-upperpart .right-side-image {
    height: 100%;
    width: 100%;
    background-image: url("./img/footer-upperpart/footer-upperpart-frame.svg");
    background-image: url("../img/footer-upperpart/footer-upperpart-frame.svg");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    padding: 120px 4rem 150px 4rem;
    display: flex;
    justify-content: center;
}

.footer-upperpart .right-text {
    color: #909090;
}

.footer-upperpart .phone-title {
    margin-left: 8px;
    font-size: 30px;
    line-height: 36px;
    font-family: sans-serif;
}

.footer-upperpart .phone-bold {
    font-weight: bold;
}

.footer-upperpart .mb-4-mobile {
    margin-bottom: 1.5rem;
}

@media only screen and (max-width: 1399.5px) {
    .footer-upperpart .overpart-container {
        margin-bottom: -3rem;
    }

    .footer-upperpart .left-side-container {
        padding: 120px 4rem 130px 4rem;
    }

    .footer-upperpart .gold-house {
        height: 60px;
    }

    .footer-upperpart .gold-title {
        font-size: 25px;
        line-height: 30px;
    }

    .footer-upperpart .gold-button {
        font-size: 20px;
    }

    .footer-upperpart .gold-text {
        font-size: 16px;
    }

    .footer-upperpart .phone-title {
        font-size: 20px;
        line-height: 30px;
    }

    .footer-upperpart .phone-icon {
        height: 60px;
        width: 60px;
    }
}

@media only screen and (max-width: 1199.5px) {
    .footer-upperpart .overpart-container {
        margin-bottom: -5rem;
    }

    .footer-upperpart .left-side-container {
        padding: 130px 4rem 150px 4rem;
    }

    .footer-upperpart .gold-house {
        height: 60px;
    }

    .footer-upperpart .gold-title {
        font-size: 21px;
        line-height: 30px;
    }

    .footer-upperpart .gold-button {
        font-size: 16px;
    }

    .footer-upperpart .gold-text {
        font-size: 13px;
    }

    .footer-upperpart .phone-title {
        font-size: 18px;
        line-height: 25px;
    }

    .footer-upperpart .phone-icon {
        height: 50px;
        width: 50px;
    }
}

@media only screen and (max-width: 991.5px) {
    .footer-upperpart .overpart-container {
        margin-bottom: 50px;
    }

    .footer-upperpart .left-side-container {
        padding: 60px 30px 70px 30px;
    }

    .footer-upperpart .gold-house {
        height: 60px;
    }

    .footer-upperpart .gold-title {
        font-size: 24px;
        line-height: 30px;
    }

    .footer-upperpart .gold-button {
        font-size: 20px;
        padding: 0.5rem 3rem 0.5rem 3rem;
    }

    .footer-upperpart .gold-text {
        font-size: 20px;
    }

    .footer-upperpart .phone-title {
        font-size: 30px;
        line-height: 36px;
    }

    .footer-upperpart .phone-icon {
        height: 72px;
        width: 72px;
    }

    .footer-upperpart .gold-title-right {
        font-size: 36px;
        line-height: 30px;
    }

    .footer-upperpart .right-side-image {
        padding: 120px 8rem 150px 8rem;
    }

    .footer-upperpart .right-text {
        font-size: 24px;
    }
}

@media only screen and (max-width: 767.5px) {
    .footer-upperpart .left-side-container {
        padding: 60px 0px 70px 0px;
    }

    .footer-upperpart .phone-title {
        font-size: 20px;
        line-height: 32px;
    }

    .footer-upperpart .phone-icon {
        height: 64px;
        width: 64px;
    }

    .footer-upperpart .gold-title-right {
        font-size: 32px;
        line-height: 30px;
    }

    .footer-upperpart .right-side-image {
        padding: 160px 4rem 150px 4rem;
    }

    .footer-upperpart .right-text {
        font-size: 20px;
    }

    .footer-upperpart .right-side-container {
        margin-top: -50px;
    }
}

@media only screen and (max-width: 554px) {
    .footer-upperpart .left-side-container {
        padding: 60px 0px 50px 0px;
    }

    .footer-upperpart .gold-title {
        font-size: 20px;
    }

    .footer-upperpart .right-side-image {
        padding: 160px 3rem 150px 3rem;
    }

    .footer-upperpart .right-text {
        font-size: 16px;
    }

    .footer-upperpart .right-side-container {
        margin-bottom: -50px;
    }

    .footer-upperpart .mb-4-mobile {
        margin-bottom: 1rem;
    }
}

@media only screen and (max-width: 450px) {
    .footer-upperpart .left-side-container {
        padding: 0px 0px 30px 0px;
    }

    .footer-upperpart .gold-house {
        height: 40px;
        margin-right: 10px;
    }

    .footer-upperpart .gold-headline {
        margin-bottom: 10px;
		margin-top : 50px;
    }

    .footer-upperpart .gold-title {
        font-size: 15px;
        line-height: 20px;
    }

    .footer-upperpart .gold-text {
        font-size: 14px;
    }

    .footer-upperpart .gold-button {
        font-size: 15px;
        z-index: 2;
    }

    .footer-upperpart .phone-title {
        font-size: 16px;
        line-height: 20px;
    }

    .footer-upperpart .phone-icon {
        height: 40px;
        width: 40px;
    }

    .footer-upperpart .gold-title-right {
        font-size: 24px;
        line-height: 24px;
    }

    .footer-upperpart .right-side-image {
        padding: 140px 2rem 150px 2rem;
    }

    .footer-upperpart .right-text {
        font-size: 14px;
        margin-bottom: 0;
    }

    .footer-upperpart .right-side-container {
        margin-top: -70px;
        margin-bottom: -100px;
    }

    .footer-upperpart .mb-4-mobile {
        margin-bottom: 1rem;
    }
}

/* ------------ common hero section -------------  */

.common-hero-section {
    clip-path: polygon(100% 0%, 100% 70%, 50% 90%, 50% 90%, 0 70%, 0 0);
}

    .common-hero-section .breadcrumb .breadcrumb-link {
        font-family: Cormorant-bold, sans-serif;
        font-size: 20px;
        color: #212026;
        text-decoration: none;
    }

    .common-hero-section .image-container {
        position: absolute;
        display: flex;
        justify-content: center;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        clip-path: polygon(100% 0%, 100% 69%, 50% 89%, 50% 89%, 0% 69%, 0% 0);
    }

        .common-hero-section .image-container .hero-image {
            width: 100%;
        }

    .common-hero-section .hero-section-content-wrapper {
        position: absolute;
        z-index: 4;
        height: 75%;
    }

        .common-hero-section .hero-section-content-wrapper .text-wrapper {
            height: 100%;
            flex-direction: column;
            justify-content: center;
        }

        .common-hero-section .hero-section-content-wrapper h1 {
            font-family: Cormorant-bold, sans-serif;
            font-size: 70px;
            color: #212026;
            line-height: 1;
        }

        .common-hero-section .hero-section-content-wrapper h3 {
            font-family: Cormorant-bold, sans-serif;
            font-size: 25px;
            width: 70%;
        }

        .common-hero-section .hero-section-content-wrapper .separator-line hr {
            opacity: 100%;
            width: 15%;
        }

@media only screen and (max-width: 1399px) {
    .common-hero-section .hero-section-content-wrapper h1 {
        font-size: 60px;
    }

    .common-hero-section .hero-section-content-wrapper h3 {
        font-size: 18px;
    }

    .common-hero-section .breadcrumb .breadcrumb-link {
        font-size: 18px;
    }
}

@media only screen and (max-width: 1199px) {
    .common-hero-section .hero-section-content-wrapper h1 {
        font-size: 50px;
    }
}

@media only screen and (max-width: 991px) {
    .common-hero-section .image-container {
        clip-path: unset;
    }

    .common-hero-section {
        clip-path: unset;
    }

        .common-hero-section .hero-section-content-wrapper {
            height: 100%;
        }

            .common-hero-section .hero-section-content-wrapper .text-wrapper {
                padding-bottom: 0;
                justify-content: space-evenly;
                flex-wrap: nowrap;
            }

            .common-hero-section .hero-section-content-wrapper h1 {
                font-size: 40px;
                text-align: center;
            }

            .common-hero-section .hero-section-content-wrapper h3 {
                font-size: 18px;
                text-align: center;
                width: auto;
            }

        .common-hero-section .image-container .hero-image {
            height: 100%;
        }
}

@media only screen and (max-width: 575px) {
    .common-hero-section .hero-section-content-wrapper h1 {
        font-size: 31px;
    }

    .common-hero-section .hero-section-content-wrapper h3 {
        font-size: 13px;
    }
}

/* ------------ common hero section buttons -------------  */

.common-hero-section .image-container .button-container {
    z-index: 2;
    display: flex;
    align-items: end;
    margin-bottom: 4.5%;
}

    .common-hero-section .image-container .button-container .social-button {
        z-index: 2;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 16px;
        padding-bottom: 50px;
        background-color: white;
        border: 5px solid #c39737;
        height: 94px;
        width: 70px;
    }

    .common-hero-section .image-container .button-container .border-right-none {
        border-right: none !important;
    }

.common-hero-section .hero-section-content-wrapper .golden-text {
    color: #c39737;
}

@media only screen and (max-width: 1399px) {
    .common-hero-section .image-container .button-container {
        margin-bottom: 1.5%;
    }
}

@media only screen and (max-width: 991px) {
    .common-hero-section .image-container .button-container {
        margin-bottom: 0;
    }

        .common-hero-section .image-container .button-container .social-button {
            padding: 0px;
            padding-bottom: 0;
            border: 3px solid #c39737;
            height: 40px;
            width: 50px;
        }

            .common-hero-section .image-container .button-container .social-button img {
                width: 19px;
                height: 19px;
            }
}

@media only screen and (max-width: 575px) {
    .common-hero-section .image-container .button-container .social-button {
        border: 4px solid #c39737;
        height: 35px;
        width: 65px;
    }

        .common-hero-section .image-container .button-container .social-button img {
            width: 16px;
            height: 16px;
        }
}

/* ------------ carousels -------------  */

.carousel-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 25px;
}

.carousel-pagination-bullets {
    display: flex;
    align-items: center;
    justify-content: center;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-image: url("./img/carousels/carousel-bullet-active.svg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 22px;
    width: 22px;
    margin-right: 20px;
    cursor: pointer;
}

.swiper-pagination-bullet {
    background-image: url("./img/carousels/carousel-bullet.svg");
    background-repeat: no-repeat;
    background-size: cover;
    height: 20px;
    width: 20px;
    margin-right: 20px;
    cursor: pointer;
}

.swiper-button-next {
    background-image: url("./img/carousels/carousel-arrow-next.svg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    margin-left: 20px;
    cursor: pointer;
}

.swiper-button-prev {
    background-image: url("./img/carousels/carousel-arrow-prev.svg");
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    width: 20px;
    margin-right: 20px;
    cursor: pointer;
}

@media only screen and (max-width: 991px) {
    .swiper-pagination-bullet.swiper-pagination-bullet-active {
        height: 18px;
        width: 18px;
        margin-right: 10px;
    }

    .swiper-pagination-bullet {
        height: 16px;
        width: 16px;
        margin-right: 10px;
    }

    .swiper-button-next {
        height: 16px !important;
        width: 16px !important;
        margin-left: 10px !important;
    }

    .swiper-button-prev {
        height: 16px !important;
        width: 16px !important;
        margin-right: 10px !important;
    }
}

/* ------------ custom hover card -------------  */

.custom-hover-card {
    position: relative;
    min-height: 450px;
    height: 100%;
    padding: 1px;
    background-color: #e2e2e2;
    clip-path: polygon(100% 0%, 100% 83%, 50% 90%, 50% 90%, 0 83%, 0 0);
}

    .custom-hover-card:hover {
        padding: 2px;
        padding-bottom: 3px;
        background-color: #c39737;
    }

.custom-hover-card-fill {
    height: 100%;
    background-color: white;
    padding: 15px;
    padding-bottom: 120px;
    clip-path: inherit;
    text-align: center;
    font-size: 26px;
    transition: background-color 0.15s ease-in-out;
}

    .custom-hover-card-fill:hover,
    .custom-hover-card .card-bottom:hover + .custom-hover-card-fill {
        background-color: #212026;
        color: white;
    }

    .custom-hover-card-fill p {
        font-family: Cormorant, sans-serif;
        line-height: 1.2;
    }

    .custom-hover-card-fill:hover h2,
    .custom-hover-card-fill h2 {
        color: #c39737;
        font-family: Cormorant-bold, sans-serif;
        font-size: 40px;
    }

.custom-hover-card .card-bottom {
    position: absolute;
    display: flex;
    justify-content: center;
    width: 100%;
    bottom: 8%;
    right: 0;
    z-index: 5;
}

.custom-hover-card .custom-card-button {
    font-family: Cormorant-bold, sans-serif;
    color: #212026;
    background-color: #fbfafa;
    border: 1px solid #eaeaea;
    padding: 12px 30px 12px 30px;
    border-radius: 0;
    font-size: 24px;
}

.custom-hover-card:hover .custom-card-button {
    color: white;
    background-color: #c39737;
    border: 1px solid #c39737;
    padding: 12px 30px 12px 30px;
    border-radius: 0;
}

.custom-hover-card .card-bottom .custom-card-button {
    color: white;
    padding: 12px 54px 30px 54px;
    background-color: #c39737;
}

    .custom-hover-card .card-bottom .custom-card-button:hover {
        color: white;
        cursor: pointer;
    }

.custom-hover-card a {
    font-family: Cormorant, sans-serif;
    text-decoration: none;
    color: unset;
    line-height: 1.2;
    display: block;
    width: max-content;
    margin: auto;
}

    .custom-hover-card a:hover {
        text-decoration: none;
        color: #c39737;
    }

.custom-hover-card .custom-hover-card-fill .custom-card-button {
    display: inline-block;
}

@media only screen and (max-width: 575px) {
    .custom-hover-card {
        min-height: 230px;
        clip-path: polygon(100% 0%, 100% 76%, 50% 90%, 50% 90%, 0 76%, 0 0);
    }

    .custom-hover-card-fill {
        padding-bottom: 80px;
    }

    .custom-hover-card .card-bottom img {
        width: 25%;
    }

    .custom-card-button {
        font-size: 12px !important;
    }
}

/* Favori Konularinizda Guncel Kalin Section */

.subscribe .only-mobile {
    display: none;
}

.subscribe .only-desktop {
    display: block;
}

.subscribe .gold-building-background {
    margin-top: 20px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 1rem;
    position: relative;
}

.subscribe .bg-image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -1;
}

.subscribe .image-title h2 {
    font-size: 60px;
    font-family: Cormorant-bold;
    display: flex;
}

.subscribe .image-input-button {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

    .subscribe .image-input-button label {
        font-family: Montserrat-semiBold;
        font-size: 20px;
    }

    .subscribe .image-input-button .form-control {
        border: 1px solid #eaeaea;
        background-color: #ffffff;
        font-size: 20px;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 30px;
    }

    .subscribe .image-input-button .image-button {
        border: 1px solid #f9d58d;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-bottom: 3px;
        font-family: Cormorant Garamond;
        color: #ffffff;
        background-color: #c39737;
    }

.subscribe .info-boxes {
    padding: 5px;
}

.subscribe-horizontal {
    background-image: url("./img/general/abone-ol-card-horizontal-bg.svg");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
    padding: 50px;
}

    .subscribe-horizontal .image-title h2 {
        font-size: 60px;
        font-family: Cormorant-bold;
        display: flex;
    }

    .subscribe-horizontal .image-input-button {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

        .subscribe-horizontal .image-input-button label {
            font-family: Montserrat-semiBold;
            font-size: 20px;
        }

        .subscribe-horizontal .image-input-button .form-control {
            border: 1px solid #eaeaea;
            background-color: #ffffff;
            font-size: 20px;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 30px;
        }

        .subscribe-horizontal .image-input-button .image-button {
            border: 1px solid #f9d58d;
            display: flex;
            justify-content: center;
            align-items: center;
            margin-bottom: 3px;
            font-family: Cormorant, sans-serif;
            color: #ffffff;
            background-color: #c39737;
        }

    .subscribe-horizontal .info-boxes {
        padding: 5px;
    }

@media only screen and (max-width: 991px) {
    .subscribe .only-mobile {
        display: block;
    }

    .subscribe .only-desktop {
        display: none;
    }

    .subscribe .bg-image-mobile {
        display: block;
    }

    .subscribe .image-title h2 {
        font-size: 40px;
    }

    .subscribe .info-boxes {
        flex-basis: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .subscribe .image-input-button .image-button-container {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 1rem;
    }

    .subscribe .image-input-button .image-button {
        width: 50%;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .subscribe .image-input-button .form-control {
        margin-bottom: 0px;
    }

    .subscribe-horizontal .image-title h2 {
        font-size: 30px;
    }

    .subscribe-horizontal .info-boxes {
        flex-basis: 100%;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .subscribe-horizontal .image-input-button .image-button-container {
        display: flex;
        justify-content: center;
        align-items: center;
        padding-top: 1rem;
    }

    .subscribe-horizontal .image-input-button .image-button {
        width: 50%;
        margin-right: 0px;
        margin-bottom: 10px;
    }

    .subscribe-horizontal .image-input-button .form-control {
        margin-bottom: 0px;
    }

    .subscribe-horizontal label {
        font-size: 14px;
    }
}


.vertical-swiper-button-next{
    display:none
}
.vertical-swiper-button-prev {
    display: none
}

.blog-page .highlights-section {
     margin-bottom: 0px; 
}