/* Start custom CSS for html, class: .elementor-element-d664a26 *//* ===================================
   INTERNATIONAL TRAVEL GUIDES
=================================== */

.international-guides {
    width: 100%;
    padding: 100px 7%;
    background: #f8f7f3;
    box-sizing: border-box;
    font-family: "Poppins", sans-serif;
}


/* ===================================
   INTRO
=================================== */

.guides-intro {
    max-width: 760px;
    margin: 0 auto 70px;
    text-align: center;
}

.guides-intro span {
    font-size: 11px;
    letter-spacing: 4px;
    font-weight: 600;
    color: #a17c4b;
}

.guides-intro h1 {
    margin: 16px 0 20px;
    font-family: Georgia, serif;
    font-size: 55px;
    font-weight: 400;
    line-height: 1.1;
    color: #20231f;
}

.guides-intro p {
    max-width: 650px;
    margin: auto;
    color: #77746d;
    font-size: 15px;
    line-height: 1.9;
}


/* ===================================
   GRID
=================================== */

.destination-grid {
    max-width: 1250px;
    margin: auto;

    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px;
}


/* ===================================
   CARD
=================================== */

.destination-card {
    background: #ffffff;
    overflow: hidden;

    border: 1px solid #e7e2d9;

    transition: 0.4s ease;
}

.destination-card:hover {
    transform: translateY(-8px);

    box-shadow: 0 25px 50px rgba(35, 32, 25, 0.12);
}


/* ===================================
   IMAGE
=================================== */

.destination-image {
    height: 330px;
    position: relative;
    overflow: hidden;
}

.destination-image img {
    width: 100%;
    height: 100%;

    object-fit: cover;

    display: block;

    transition: transform 0.8s ease;
}

.destination-card:hover img {
    transform: scale(1.07);
}


/* ===================================
   COUNTRY LABEL
=================================== */

.country {
    position: absolute;

    bottom: 20px;
    left: 20px;

    padding: 9px 15px;

    background: rgba(255,255,255,0.94);

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 2px;

    color: #292822;
}


/* ===================================
   CONTENT
=================================== */

.destination-content {
    padding: 30px 32px 34px;
}

.destination-content > span {
    font-size: 10px;
    letter-spacing: 1.8px;
    font-weight: 600;

    color: #a17c4b;
}

.destination-content h2 {
    margin: 12px 0 12px;

    font-family: Georgia, serif;
    font-size: 32px;
    font-weight: 400;

    color: #20231f;
}

.destination-content p {
    margin: 0 0 25px;

    max-width: 500px;

    font-size: 14px;
    line-height: 1.8;

    color: #77746d;
}


/* ===================================
   LINK
=================================== */

.destination-content a {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    text-decoration: none;

    color: #20231f;

    font-size: 12px;
    font-weight: 600;

    letter-spacing: 1px;

    transition: 0.3s ease;
}

.destination-content a b {
    font-size: 18px;
    font-weight: 400;
}

.destination-content a:hover {
    gap: 17px;
}


/* ===================================
   RESPONSIVE
=================================== */

@media (max-width: 900px) {

    .international-guides {
        padding: 75px 5%;
    }

    .guides-intro h1 {
        font-size: 45px;
    }

    .destination-grid {
        grid-template-columns: 1fr;
    }
}


@media (max-width: 600px) {

    .international-guides {
        padding: 60px 20px;
    }

    .guides-intro {
        margin-bottom: 45px;
    }

    .guides-intro h1 {
        font-size: 36px;
    }

    .guides-intro p {
        font-size: 13px;
    }

    .destination-grid {
        gap: 22px;
    }

    .destination-image {
        height: 250px;
    }

    .destination-content {
        padding: 24px;
    }

    .destination-content h2 {
        font-size: 27px;
    }
}/* End custom CSS */