.elementor-1708 .elementor-element.elementor-element-6e76b7e > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-5520be0 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-ba0dcd2{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-f81ffdf > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-e925de3{margin-top:90px;margin-bottom:0px;}.elementor-1708 .elementor-element.elementor-element-1119092{padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-66fb642 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-2f56410 > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-1708 .elementor-element.elementor-element-bb39a85:not(.elementor-motion-effects-element-type-background), .elementor-1708 .elementor-element.elementor-element-bb39a85 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A47A5C;}.elementor-1708 .elementor-element.elementor-element-bb39a85{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-1708 .elementor-element.elementor-element-bb39a85 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1708 .elementor-element.elementor-element-829d308 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:16px;font-weight:700;color:#FFFFFF;}.elementor-1708 .elementor-element.elementor-element-cfde9d4{width:var( --container-widget-width, 98.579% );max-width:98.579%;--container-widget-width:98.579%;--container-widget-flex-grow:0;--e-icon-list-icon-size:14px;--icon-vertical-offset:0px;}.elementor-1708 .elementor-element.elementor-element-cfde9d4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(17px/2);}.elementor-1708 .elementor-element.elementor-element-cfde9d4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(17px/2);}.elementor-1708 .elementor-element.elementor-element-cfde9d4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(17px/2);}.elementor-1708 .elementor-element.elementor-element-cfde9d4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-17px/2);}.elementor-1708 .elementor-element.elementor-element-cfde9d4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-17px/2);}.elementor-1708 .elementor-element.elementor-element-cfde9d4 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-1708 .elementor-element.elementor-element-cfde9d4 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-1708 .elementor-element.elementor-element-cfde9d4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1708 .elementor-element.elementor-element-cfde9d4 .elementor-icon-list-item > a{font-size:15px;}.elementor-1708 .elementor-element.elementor-element-cfde9d4 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-1708 .elementor-element.elementor-element-bcf83f2{text-align:center;}.elementor-1708 .elementor-element.elementor-element-bcf83f2 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:16px;font-weight:700;color:#FFFFFF;}.elementor-1708 .elementor-element.elementor-element-60266bd{width:var( --container-widget-width, 58.445% );max-width:58.445%;--container-widget-width:58.445%;--container-widget-flex-grow:0;}.elementor-1708 .elementor-element.elementor-element-60266bd .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-1708 .elementor-element.elementor-element-60266bd .elementor-nav-menu--main .elementor-item:hover,
					.elementor-1708 .elementor-element.elementor-element-60266bd .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-1708 .elementor-element.elementor-element-60266bd .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-1708 .elementor-element.elementor-element-60266bd .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-1708 .elementor-element.elementor-element-1203bfc{width:var( --container-widget-width, 61.145% );max-width:61.145%;--container-widget-width:61.145%;--container-widget-flex-grow:0;}.elementor-1708 .elementor-element.elementor-element-1203bfc img{width:100%;}.elementor-1708 .elementor-element.elementor-element-07a7e23{font-size:16px;color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-1708 .elementor-element.elementor-element-829d308{text-align:center;}.elementor-1708 .elementor-element.elementor-element-cfde9d4{width:var( --container-widget-width, 403.297px );max-width:403.297px;--container-widget-width:403.297px;--container-widget-flex-grow:0;}.elementor-1708 .elementor-element.elementor-element-60266bd{width:var( --container-widget-width, 408.875px );max-width:408.875px;--container-widget-width:408.875px;--container-widget-flex-grow:0;}.elementor-1708 .elementor-element.elementor-element-1203bfc{width:var( --container-widget-width, 403.719px );max-width:403.719px;--container-widget-width:403.719px;--container-widget-flex-grow:0;text-align:center;}.elementor-1708 .elementor-element.elementor-element-1203bfc img{width:44%;}}/* Start custom CSS for html, class: .elementor-element-5520be0 *//* =========================================
   ART BY TIME - ABOUT SECTION
========================================= */

.abt-art-time {
    width: 100%;
    background: #f7f3eb;
    padding: 50px 7%;
    box-sizing: border-box;
    overflow: hidden;
}

.abt-wrapper {
    max-width: 1250px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 0.9fr 1.1fr;
    align-items: center;

    gap: 90px;
}


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

.abt-visual {
    position: relative;
    width: 100%;
    max-width: 520px;
}

.abt-image-wrap {
    position: relative;

    width: 100%;
    height: 650px;

    overflow: hidden;

    background: #222;

    box-shadow:
        0 20px 45px rgba(0, 0, 0, 0.14);
}

.abt-image-wrap img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition: transform 0.8s ease;
}

.abt-image-wrap:hover img {
    transform: scale(1.04);
}


/* =========================================
   INNER IMAGE BORDER
========================================= */

.abt-image-border {
    position: absolute;

    top: 16px;
    left: 16px;
    right: 16px;
    bottom: 16px;

    border: 1px solid rgba(255, 255, 255, 0.7);

    pointer-events: none;
}


/* =========================================
   ROUND BADGE
========================================= */

.abt-badge {
    position: absolute;

    width: 145px;
    height: 145px;

    right: -35px;
    bottom: -25px;

    border-radius: 50%;

    background: #20201e;

    display: flex;
    flex-direction: column;

    align-items: center;
    justify-content: center;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.20);

    transform: rotate(-7deg);

    z-index: 5;
}

.abt-badge span {
    font-family: Georgia, "Times New Roman", serif;

    font-size: 16px;

    line-height: 1.3;

    letter-spacing: 4px;

    color: #ffffff;
}

.abt-badge span:nth-child(2) {
    color: #c6a06a;

    font-size: 22px;

    margin: 2px 0;
}


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

.abt-content {
    width: 100%;
}


/* =========================================
   SMALL LABEL
========================================= */

.abt-label {
    display: inline-block;

    font-family: Arial, sans-serif;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 4px;

    color: #a27b42;

    margin-bottom: 18px;
}


/* =========================================
   HEADING
========================================= */

.abt-content h2 {
    margin: 0;

    max-width: 650px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 52px;

    line-height: 1.15;

    font-weight: 400;

    color: #242320;
}

.abt-content h2 em {
    display: block;

    color: #a27b42;

    font-style: italic;

    font-weight: 400;
}


/* =========================================
   DECORATIVE DIVIDER
========================================= */

.abt-divider {
    display: flex;

    align-items: center;

    gap: 12px;

    margin: 28px 0 30px;
}

.abt-divider span {
    display: block;

    width: 45px;

    height: 1px;

    background: #c6a06a;
}

.abt-divider i {
    font-style: normal;

    font-size: 15px;

    color: #a27b42;
}


/* =========================================
   PARAGRAPHS
========================================= */

.abt-content p {
    margin: 0 0 17px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 15.5px;

    line-height: 1.85;

    color: #696762;
}

.abt-content .abt-intro {
    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 19px;

    line-height: 1.65;

    color: #393733;

    margin-bottom: 22px;
}

.abt-content strong {
    color: #393733;

    font-weight: 600;
}


/* =========================================
   FEATURES
========================================= */

.abt-features {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 35px;

    margin-top: 30px;

    margin-bottom: 32px;
}


/* FEATURE ITEM */

.abt-feature {
    display: flex;

    align-items: flex-start;

    gap: 14px;
}


/* FEATURE ICON */

.abt-feature-icon {
    flex-shrink: 0;

    width: 38px;
    height: 38px;

    border: 1px solid #c6a06a;

    border-radius: 50%;

    display: flex;

    align-items: center;
    justify-content: center;

    color: #a27b42;

    font-size: 14px;
}


/* FEATURE TEXT */

.abt-feature-text h4 {
    margin: 0 0 5px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 17px;

    font-weight: 500;

    color: #252421;
}

.abt-feature-text p {
    margin: 0;

    font-family: Arial, sans-serif;

    font-size: 12.5px;

    line-height: 1.5;

    color: #77746d;
}


/* =========================================
   BUTTON
========================================= */

.abt-button {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 22px;

    padding: 15px 25px;

    background: #20201e;

    color: #ffffff;

    text-decoration: none;

    font-family: Arial, sans-serif;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 1.5px;

    transition:
        background 0.3s ease,
        transform 0.3s ease;
}

.abt-button b {
    font-size: 20px;

    font-weight: 400;

    line-height: 1;

    transition: transform 0.3s ease;
}

.abt-button:hover {
    background: #a27b42;

    color: #ffffff;

    transform: translateY(-2px);
}

.abt-button:hover b {
    transform: translateX(6px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1024px) {

    .abt-art-time {
        padding: 80px 5%;
    }

    .abt-wrapper {
        grid-template-columns: 1fr 1fr;

        gap: 55px;
    }

    .abt-image-wrap {
        height: 560px;
    }

    .abt-content h2 {
        font-size: 43px;
    }

    .abt-content p {
        font-size: 14px;
    }

    .abt-content .abt-intro {
        font-size: 17px;
    }

    .abt-features {
        gap: 20px;
    }

    .abt-badge {
        width: 125px;
        height: 125px;

        right: -20px;
    }

    .abt-badge span {
        font-size: 13px;
    }

    .abt-badge span:nth-child(2) {
        font-size: 19px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .abt-art-time {
        padding: 65px 20px;
    }

    .abt-wrapper {
        display: flex;

        flex-direction: column;

        gap: 55px;
    }

    .abt-visual {
        width: 100%;

        max-width: 500px;

        margin: 0 auto;
    }

    .abt-image-wrap {
        height: 500px;
    }

    .abt-badge {
        width: 115px;
        height: 115px;

        right: -5px;
        bottom: -20px;
    }

    .abt-badge span {
        font-size: 11px;

        letter-spacing: 3px;
    }

    .abt-badge span:nth-child(2) {
        font-size: 17px;
    }

    .abt-content {
        width: 100%;
    }

    .abt-label {
        font-size: 10px;

        letter-spacing: 3px;

        margin-bottom: 15px;
    }

    .abt-content h2 {
        font-size: 38px;

        line-height: 1.15;
    }

    .abt-content .abt-intro {
        font-size: 18px;

        line-height: 1.6;
    }

    .abt-content p {
        font-size: 14px;

        line-height: 1.8;
    }

    .abt-features {
        grid-template-columns: 1fr;

        gap: 22px;

        margin-top: 25px;
    }

    .abt-button {
        width: 100%;

        box-sizing: border-box;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 400px) {

    .abt-image-wrap {
        height: 430px;
    }

    .abt-content h2 {
        font-size: 33px;
    }

    .abt-content .abt-intro {
        font-size: 17px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6e0fa1e *//* =========================================
   ART BY TIME - OUR COLLECTION
========================================= */

.collection-section {
    width: 100%;
    padding: 50px 7%;
    background: #fffff;
    box-sizing: border-box;
    overflow: hidden;
}

.collection-container {
    max-width: 1250px;
    margin: 0 auto;
}


/* =========================================
   SECTION HEADING
========================================= */

.collection-heading {
    max-width: 720px;
    margin: 0 auto 65px;
    text-align: center;
}

.collection-label {
    display: inline-block;

    font-family: Arial, Helvetica, sans-serif;

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

    letter-spacing: 4px;

    color: #000;

    margin-bottom: 18px;
}


/* =========================================
   HEADING
========================================= */

.collection-heading h2 {
    margin: 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 54px;
    line-height: 1.15;

    font-weight: 400;

    color: #000;
}

.collection-heading h2 em {
    display: block;

    color: #c6a06a;

    font-style: italic;

    font-weight: 400;
}


/* =========================================
   DIVIDER
========================================= */

.collection-divider {
    display: flex;

    justify-content: center;
    align-items: center;

    gap: 12px;

    margin: 25px 0;
}

.collection-divider span {
    width: 45px;
    height: 1px;

    background: #c6a06a;
}

.collection-divider i {
    font-style: normal;

    font-size: 14px;

    color: #c6a06a;
}


/* =========================================
   DESCRIPTION
========================================= */

.collection-heading > p {
    max-width: 620px;

    margin: 0 auto;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 15px;

    line-height: 1.8;

    color: #000;
}


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

.collection-grid {
    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 24px;
    color: #000;
}


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

.collection-card {
    position: relative;

    overflow: hidden;

    background: #111;
}


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

.collection-image {
    position: relative;

    width: 100%;

    height: 500px;

    overflow: hidden;
}

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

    display: block;

    object-fit: cover;

    transition:
        transform 0.8s ease;
}


/* =========================================
   DARK OVERLAY
========================================= */

.collection-overlay {
    position: absolute;

    

    background:
        linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.05) 20%,
            rgba(0, 0, 0, 0.25) 45%,
            rgba(0, 0, 0, 0.90) 100%
        );

    transition:
        background 0.5s ease;
}


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

.collection-card:hover img {
    transform: scale(1.08);
}

.collection-card:hover .collection-overlay {
    background:
        linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0.10) 10%,
            rgba(0, 0, 0, 0.35) 40%,
            rgba(0, 0, 0, 0.94) 100%
        );
}


/* =========================================
   NUMBER
========================================= */

.collection-number {
    position: absolute;

    top: 22px;
    left: 22px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 14px;

    letter-spacing: 2px;

    color: #ffffff;

    z-index: 2;

    opacity: 0.85;
}


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

.collection-card-content {
    position: absolute;

    left: 28px;
    right: 28px;
    bottom: 28px;

    z-index: 3;
}


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

.collection-card-content h3 {
    margin: 0 0 12px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 29px;

    line-height: 1.2;

    font-weight: 400;

    color: #ffffff;
}


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

.collection-card-content p {
    margin: 0 0 18px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 13px;

    line-height: 1.65;

    color: #ddd9d1;

    max-width: 340px;
}


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

.collection-card-content a {
    display: inline-flex;

    align-items: center;

    gap: 15px;

    color: #000;

    text-decoration: none;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 1.5px;

    transition:
        color 0.3s ease;
}

.collection-card-content a span {
    font-size: 18px;

    transition:
        transform 0.3s ease;
}

.collection-card-content a:hover {
    color: #ffffff;
}

.collection-card-content a:hover span {
    transform: translateX(6px);
}


/* =========================================
   GOLD TOP BORDER ON HOVER
========================================= */

.collection-card::before {
    content: "";

    position: absolute;

    top: 0;
    left: 0;

    width: 0%;
    height: 3px;

    background: #c6a06a;

    z-index: 5;

    transition:
        width 0.5s ease;
}

.collection-card:hover::before {
    width: 100%;
}


/* =========================================
   VIEW ALL BUTTON
========================================= */

.collection-button-wrap {
    display: flex;

    justify-content: center;

    margin-top: 55px;
}

.collection-button {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 22px;

    padding: 16px 30px;

    border: 1px solid #c6a06a;

    color: #000;

    text-decoration: none;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 2px;

    transition:
        all 0.3s ease;
}

.collection-button b {
    font-size: 20px;

    font-weight: 400;

    transition:
        transform 0.3s ease;
}

.collection-button:hover {
    background: #c6a06a;

    color: #20201e;
}

.collection-button:hover b {
    transform: translateX(6px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 1000px) {

    .collection-section {
        padding: 85px 5%;
    }

    .collection-heading h2 {
        font-size: 46px;
    }

    .collection-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .collection-image {
        height: 480px;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 767px) {

    .collection-section {
        padding: 70px 20px;
    }

    .collection-heading {
        margin-bottom: 45px;
    }

    .collection-label {
        font-size: 10px;
        letter-spacing: 3px;
    }

    .collection-heading h2 {
        font-size: 38px;
    }

    .collection-heading > p {
        font-size: 14px;

        line-height: 1.7;
    }

    .collection-grid {
        grid-template-columns: 1fr;

        gap: 20px;
    }

    .collection-image {
        height: 500px;
    }

    .collection-card-content {
        left: 24px;
        right: 24px;
        bottom: 25px;
    }

    .collection-card-content h3 {
        font-size: 27px;
    }

    .collection-card-content p {
        font-size: 13px;
    }

    .collection-button-wrap {
        margin-top: 40px;
    }

    .collection-button {
        width: 100%;
        box-sizing: border-box;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 400px) {

    .collection-heading h2 {
        font-size: 33px;
    }

    .collection-image {
        height: 450px;
    }

    .collection-card-content h3 {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2d4a735 *//* =====================================================
   ART BY TIME
   CUSTOM ART SECTION
===================================================== */

.custom-art-section {

    width: 100%;

    padding: 95px 7%;

    background: #f7f3eb;

    box-sizing: border-box;

    overflow: hidden;
}


/* =====================================================
   MAIN CONTAINER
===================================================== */

.custom-art-container {

    max-width: 1250px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 0.95fr 1.05fr;

    gap: 70px;

    align-items: center;
}


/* =====================================================
   LEFT IMAGE AREA
===================================================== */

.custom-art-visual {

    position: relative;

    width: 100%;

    max-width: 520px;

    margin: 0 auto;
}


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

.custom-art-image {

    position: relative;

    width: 100%;

    height: 590px;

    overflow: hidden;

    background: #222;

    box-shadow:
        0 25px 55px rgba(0, 0, 0, 0.18);
}


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

.custom-art-image img {

    width: 100%;

    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 0.8s ease;
}


/* Image zoom */

.custom-art-image:hover img {

    transform: scale(1.05);
}


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

.custom-art-image-overlay {

    position: absolute;

    inset: 0;

    background:
        linear-gradient(
            to top,
            rgba(0, 0, 0, 0.72),
            rgba(0, 0, 0, 0.10) 65%
        );

    z-index: 1;

    pointer-events: none;
}


/* =====================================================
   IMAGE INNER BORDER
===================================================== */

.custom-art-image-border {

    position: absolute;

    top: 16px;

    left: 16px;

    right: 16px;

    bottom: 16px;

    border: 1px solid rgba(255, 255, 255, 0.65);

    z-index: 3;

    pointer-events: none;
}


/* =====================================================
   QUOTE
===================================================== */

.custom-art-quote {

    position: absolute;

    left: 34px;

    bottom: 35px;

    z-index: 4;

    color: #ffffff;
}


/* Quote mark */

.custom-art-quote .quote-mark {

    display: block;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 55px;

    line-height: 25px;

    color: #c6a06a;
}


/* Quote text */

.custom-art-quote p {

    margin: 5px 0 0;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 23px;

    line-height: 1.35;

    font-style: italic;

    color: #ffffff;
}


/* =====================================================
   FLOATING BADGE
===================================================== */

.custom-art-badge {

    position: absolute;

    top: 40px;

    right: -30px;

    width: 125px;

    height: 125px;

    border-radius: 50%;

    background: #20201e;

    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    z-index: 6;

    box-shadow:
        0 15px 35px rgba(0, 0, 0, 0.20);

    transform: rotate(7deg);

    transition:
        transform 0.4s ease;
}


.custom-art-badge:hover {

    transform:
        rotate(0deg)
        scale(1.05);
}


/* Badge text */

.custom-art-badge span {

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 12px;

    letter-spacing: 3px;

    line-height: 1.4;

    color: #ffffff;
}


/* Badge middle text */

.custom-art-badge strong {

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 21px;

    font-weight: 400;

    color: #c6a06a;

    margin: 2px 0;
}


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

.custom-art-content {

    width: 100%;

    box-sizing: border-box;
}


/* =====================================================
   SMALL LABEL
===================================================== */

.custom-art-label {

    display: inline-block;

    margin-bottom: 17px;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    font-weight: 600;

    letter-spacing: 4px;

    color: #a27b42;
}


/* =====================================================
   MAIN HEADING
===================================================== */

.custom-art-content h2 {

    margin: 0;

    max-width: 650px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 47px;

    line-height: 1.10;

    font-weight: 400;

    color: #242320;
}


/* Gold italic line */

.custom-art-content h2 em {

    display: block;

    font-style: italic;

    font-weight: 400;

    color: #a27b42;
}


/* =====================================================
   DECORATIVE DIVIDER
===================================================== */

.custom-art-divider {

    display: flex;

    align-items: center;

    gap: 12px;

    margin: 25px 0 27px;
}


.custom-art-divider span {

    display: block;

    width: 45px;

    height: 1px;

    background: #c6a06a;
}


.custom-art-divider i {

    font-family:
        Georgia,
        serif;

    font-size: 14px;

    font-style: normal;

    color: #a27b42;
}


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

.custom-art-content .custom-art-intro {

    margin: 0 0 13px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 19px;

    line-height: 1.5;

    color: #363532;
}


/* =====================================================
   DESCRIPTION
===================================================== */

.custom-art-description {

    max-width: 650px;

    margin: 0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 14.5px;

    line-height: 1.7;

    color: #696762;
}


/* =====================================================
   HOW IT WORKS HEADING
===================================================== */

.custom-art-process-heading {

    display: flex;

    align-items: center;

    gap: 15px;

    margin-top: 25px;

    margin-bottom: 18px;
}


.custom-art-process-heading span {

    flex-shrink: 0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 3px;

    color: #a27b42;
}


.custom-art-process-heading div {

    width: 100%;

    height: 1px;

    background: #ded6c9;
}


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

.custom-art-process {

    display: grid;

    grid-template-columns: 1fr 1fr;

    column-gap: 25px;

    row-gap: 20px;

    margin-bottom: 27px;
}


/* =====================================================
   PROCESS STEP
===================================================== */

.custom-step {

    display: flex;

    align-items: flex-start;

    gap: 12px;

    transition:
        transform 0.3s ease;
}


.custom-step:hover {

    transform:
        translateY(-2px);
}


/* =====================================================
   STEP NUMBER
===================================================== */

.custom-step-number {

    flex-shrink: 0;

    width: 38px;

    height: 38px;

    border: 1px solid #c6a06a;

    border-radius: 50%;

    display: flex;

    align-items: center;

    justify-content: center;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 11px;

    color: #a27b42;

    transition:
        background 0.3s ease,
        color 0.3s ease;
}


/* Number hover */

.custom-step:hover .custom-step-number {

    background: #20201e;

    color: #c6a06a;
}


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

.custom-step-info {

    padding-top: 1px;
}


.custom-step-info h3 {

    margin: 0 0 4px;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 16px;

    line-height: 1.3;

    font-weight: 500;

    color: #282724;
}


.custom-step-info p {

    margin: 0;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 12px;

    line-height: 1.45;

    color: #77746d;
}


/* =====================================================
   CTA BUTTON
===================================================== */

.custom-art-button {

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 20px;

    padding: 16px 27px;

    background: #20201e;

    color: #ffffff;

    text-decoration: none;

    font-family:
        Arial,
        Helvetica,
        sans-serif;

    font-size: 11px;

    font-weight: 600;

    letter-spacing: 1.5px;

    transition:
        background 0.3s ease,
        transform 0.3s ease;
}


/* Arrow */

.custom-art-button b {

    font-size: 20px;

    font-weight: 400;

    line-height: 1;

    transition:
        transform 0.3s ease;
}


/* Button hover */

.custom-art-button:hover {

    background: #a27b42;

    color: #ffffff;

    transform:
        translateY(-2px);
}


.custom-art-button:hover b {

    transform:
        translateX(6px);
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 1024px) {

    .custom-art-section {

        padding: 80px 5%;
    }


    .custom-art-container {

        grid-template-columns:
            1fr 1fr;

        gap: 50px;
    }


    .custom-art-image {

        height: 560px;
    }


    .custom-art-content h2 {

        font-size: 42px;
    }


    .custom-art-content .custom-art-intro {

        font-size: 18px;
    }


    .custom-art-description {

        font-size: 14px;
    }


    .custom-art-badge {

        width: 110px;

        height: 110px;

        right: -20px;
    }


    .custom-art-badge span {

        font-size: 10px;
    }


    .custom-art-badge strong {

        font-size: 18px;
    }


    .custom-art-process {

        column-gap: 18px;
    }
}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

    .custom-art-section {

        padding: 70px 20px;
    }


    .custom-art-container {

        display: flex;

        flex-direction: column;

        gap: 55px;
    }


    /* Image */

    .custom-art-visual {

        width: 100%;

        max-width: 500px;

        margin: 0 auto;
    }


    .custom-art-image {

        height: 520px;
    }


    /* Badge */

    .custom-art-badge {

        width: 105px;

        height: 105px;

        right: -5px;

        top: 25px;
    }


    .custom-art-badge span {

        font-size: 10px;

        letter-spacing: 2.5px;
    }


    .custom-art-badge strong {

        font-size: 18px;
    }


    /* Quote */

    .custom-art-quote {

        left: 28px;

        bottom: 30px;
    }


    .custom-art-quote p {

        font-size: 21px;
    }


    /* Label */

    .custom-art-label {

        font-size: 10px;

        letter-spacing: 3px;
    }


    /* Heading */

    .custom-art-content h2 {

        font-size: 37px;

        line-height: 1.12;
    }


    /* Intro */

    .custom-art-content .custom-art-intro {

        font-size: 18px;

        line-height: 1.6;
    }


    /* Description */

    .custom-art-description {

        font-size: 14px;

        line-height: 1.75;
    }


    /* Process */

    .custom-art-process {

        grid-template-columns: 1fr;

        row-gap: 22px;
    }


    /* Button */

    .custom-art-button {

        width: 100%;

        box-sizing: border-box;
    }
}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 400px) {

    .custom-art-section {

        padding-left: 16px;

        padding-right: 16px;
    }


    .custom-art-image {

        height: 450px;
    }


    .custom-art-content h2 {

        font-size: 33px;
    }


    .custom-art-quote p {

        font-size: 19px;
    }


    .custom-art-quote {

        left: 24px;

        bottom: 27px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f81ffdf *//* =========================================
   PREMIUM ART GALLERY
========================================= */

.art-gallery {
    width: 100%;
    padding: 100px 7%;
    background: #f7f4ee;
    box-sizing: border-box;
}


/* =========================================
   HEADER
========================================= */

.gallery-header {
    max-width: 1200px;
    margin: 0 auto 55px;

    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    gap: 50px;
}

.gallery-small-title {
    display: block;
    margin-bottom: 15px;

    font-family: Arial, sans-serif;
    font-size: 11px;
    letter-spacing: 3px;
    font-weight: 600;

    color: #9b7450;
}

.gallery-heading h2 {
    margin: 0;

    font-family: great vibes, "Times New Roman", serif;
    font-size: clamp(42px, 5vw, 70px);
    line-height: 0.98;
    font-weight: 400;

    color: #201d1a;
}

.gallery-heading h2 em {
    font-style: italic;
    color: #9b7450;
}

.gallery-intro {
    max-width: 350px;
}

.gallery-intro p {
    margin: 0 0 25px;

    color: #77716b;
    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}


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

.art-grid {
    max-width: 1200px;
    margin: auto;

    display: grid;

    grid-template-columns:
        1.25fr
        0.75fr
        0.75fr;

    grid-template-rows:
        300px
        300px
        250px;

    gap: 18px;
}


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

.art-card {
    position: relative;

    display: block;

    overflow: hidden;

    text-decoration: none;

    background: #ddd;
}


/* Images */

.art-card img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 0.8s cubic-bezier(.2,.7,.2,1),
        filter 0.5s ease;
}


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

/* Big featured artwork */

.art-featured {
    grid-column: 1;
    grid-row: 1 / 3;
}


/* Top middle */

.art-one {
    grid-column: 2;
    grid-row: 1;
}


/* Top right */

.art-two {
    grid-column: 3;
    grid-row: 1;
}


/* Bottom middle */

.art-three {
    grid-column: 2;
    grid-row: 2;
}


/* Bottom right */

.art-four {
    grid-column: 3;
    grid-row: 2;
}


/* Wide bottom artwork */

.art-wide {
    grid-column: 1 / 4;
    grid-row: 3;
}


/* =========================================
   OVERLAY
========================================= */

.art-overlay {
    position: absolute;

    inset: 0;

    padding: 22px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0.05),
            rgba(0,0,0,0.72)
        );

    opacity: 0;

    transition: opacity 0.45s ease;

    box-sizing: border-box;
}


/* Number */

.art-number {
    align-self: flex-end;

    font-family: Arial, sans-serif;

    font-size: 11px;
    letter-spacing: 2px;

    color: white;

    border: 1px solid rgba(255,255,255,0.5);

    padding: 8px 10px;
}


/* =========================================
   ART INFO
========================================= */

.art-info span {
    display: block;

    margin-bottom: 8px;

    font-family: Arial, sans-serif;

    font-size: 9px;

    letter-spacing: 2px;

    color: #e6c6a5;
}

.art-info h3 {
    margin: 0;

    color: white;

    font-family: great vibes, "Times New Roman", serif;

    font-size: 28px;

    line-height: 1.05;

    font-weight: 400;
}

.art-info p {
    margin: 15px 0 0;

    color: white;

    font-family: Arial, sans-serif;

    font-size: 11px;

    letter-spacing: 1px;
}


/* =========================================
   HOVER
========================================= */

.art-card:hover img {
    transform: scale(1.08);

    filter: brightness(0.75);
}

.art-card:hover .art-overlay {
    opacity: 1;
}


/* =========================================
   ALWAYS SHOW FEATURED INFO
========================================= */

.art-featured .art-overlay {
    opacity: 1;

    background:
        linear-gradient(
            to bottom,
            rgba(0,0,0,0.05) 35%,
            rgba(0,0,0,0.8)
        );
}

.art-featured:hover img {
    transform: scale(1.05);
}


/* =========================================
   FEATURED TEXT
========================================= */

.art-featured .art-info h3 {
    font-size: clamp(32px, 4vw, 52px);
}


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

.art-wide {
    height: 250px;
}

.art-wide .art-info {
    display: flex;
    align-items: flex-end;
    gap: 25px;
}

.art-wide .art-info span {
    margin: 0;
}

.art-wide .art-info h3 {
    font-size: 32px;
}


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

@media (max-width: 900px) {

    .art-gallery {
        padding: 70px 5%;
    }

    .gallery-header {
        align-items: flex-start;
        flex-direction: column;
        margin-bottom: 35px;
    }

    .gallery-intro {
        max-width: 500px;
    }

    .art-grid {
        grid-template-columns: 1fr 1fr;

        grid-template-rows:
            400px
            250px
            250px
            250px;
    }

    .art-featured {
        grid-column: 1 / 3;
        grid-row: 1;
    }

    .art-one {
        grid-column: 1;
        grid-row: 2;
    }

    .art-two {
        grid-column: 2;
        grid-row: 2;
    }

    .art-three {
        grid-column: 1;
        grid-row: 3;
    }

    .art-four {
        grid-column: 2;
        grid-row: 3;
    }

    .art-wide {
        grid-column: 1 / 3;
        grid-row: 4;
    }
}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .art-gallery {
        padding: 55px 20px;
    }

    .gallery-heading h2 {
        font-size: 42px;
    }

    .art-grid {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }

    .art-card,
    .art-featured,
    .art-wide {
        height: 330px;
    }

    .art-featured {
        height: 450px;
    }

    .art-overlay {
        opacity: 1;
    }

    .art-info h3 {
        font-size: 25px;
    }

    .art-featured .art-info h3 {
        font-size: 38px;
    }

    .art-wide .art-info {
        display: block;
    }

    .art-wide .art-info span {
        margin-bottom: 8px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a1d0b5e *//* =========================================
   BENEFITS / SERVICES SECTION
========================================= */

.benefits-section {
    width: 100%;
    padding: 35px 20px;
    background: #ffffff;
    box-sizing: border-box;
}


/* =========================================
   CONTAINER
========================================= */

.benefits-container {
    max-width: 850px;
    margin: 0 auto;

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


/* =========================================
   BENEFIT ITEM
========================================= */

.benefit-item {
    position: relative;

    min-height: 200px;

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    text-align: center;

    padding: 25px 35px;

    box-sizing: border-box;
}


/* =========================================
   VERTICAL DIVIDER
========================================= */

.benefit-item:nth-child(odd)::after {
    content: "";

    position: absolute;

    right: 0;
    top: 15%;
    height: 70%;

    width: 1px;

    background: #e4e0dc;
}


/* =========================================
   HORIZONTAL DIVIDER
========================================= */

.benefit-item:nth-child(-n+2)::before {
    content: "";

    position: absolute;

    left: 30%;
    right: 30%;
    bottom: 0;

    height: 1px;

    background: #e4e0dc;
}


/* =========================================
   ICON
========================================= */

.benefit-icon {
    width: 65px;
    height: 65px;

    margin-bottom: 15px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 48px;
    line-height: 1;

    color: #9b765b;

    font-family: Georgia, serif;

    transition: transform 0.3s ease;
}


/* =========================================
   HEADING
========================================= */

.benefit-item h3 {
    margin: 0 0 8px;

    color: #17130f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;

    font-weight: 400;

    letter-spacing: 0.2px;
}


/* =========================================
   DESCRIPTION
========================================= */

.benefit-item p {
    margin: 0;

    color: #806f63;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 14px;

    font-weight: 400;
}


/* =========================================
   HOVER
========================================= */

.benefit-item:hover .benefit-icon {
    transform: translateY(-5px);
}


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

@media (max-width: 650px) {

    .benefits-section {
        padding: 20px 10px;
    }

    .benefits-container {
        grid-template-columns: 1fr;
    }

    .benefit-item {
        min-height: 180px;
        padding: 25px 15px;
    }

    /* Remove desktop vertical divider */
    .benefit-item:nth-child(odd)::after {
        display: none;
    }

    /* Add horizontal divider between all items */
    .benefit-item::before {
        left: 25%;
        right: 25%;
        bottom: 0;
    }

    .benefit-item:last-child::before {
        display: none;
    }
}


/* =========================================
   SMALL MOBILE
========================================= */

@media (max-width: 400px) {

    .benefit-icon {
        width: 55px;
        height: 55px;
        font-size: 40px;
    }

    .benefit-item h3 {
        font-size: 13px;
    }

    .benefit-item p {
        font-size: 13px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-66fb642 *//* ==========================================
   ART BLOG SECTION
========================================== */

.art-blog-section {
    width: 100%;
    padding: 100px 7%;
    background: #f8f6f2;
    box-sizing: border-box;
}


/* ==========================================
   HEADER
========================================== */

.art-blog-header {
    max-width: 650px;
    margin: 0 auto 55px;
    text-align: center;
}

.art-blog-header > span {
    display: block;
    margin-bottom: 14px;

    color: #a07b5e;

    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;

    letter-spacing: 3px;
}

.art-blog-header h2 {
    margin: 0 0 18px;

    color: #25211e;

    font-family:
        great vibes,
        "Times New Roman",
        serif;

    font-size: clamp(38px, 5vw, 58px);
    line-height: 1;

    font-weight: 400;
}

.art-blog-header h2 em {
    color: #9b7659;
    font-style: italic;
}

.art-blog-header p {
    max-width: 500px;
    margin: auto;

    color: #77716b;

    font-family: Arial, sans-serif;
    font-size: 14px;
    line-height: 1.8;
}


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

.art-blog-grid {
    max-width: 1150px;
    margin: auto;

    display: grid;
    grid-template-columns: repeat(3, 1fr);

    gap: 30px;
}


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

.art-blog-card {
    background: #ffffff;

    transition:
        transform 0.4s ease,
        box-shadow 0.4s ease;
}

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

    box-shadow:
        0 20px 45px rgba(50, 40, 30, 0.12);
}


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

.art-blog-image {
    position: relative;

    height: 285px;

    overflow: hidden;
}

.art-blog-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 0.8s cubic-bezier(.2,.7,.2,1),
        filter 0.5s ease;
}

.art-blog-card:hover .art-blog-image img {
    transform: scale(1.08);
    filter: brightness(0.85);
}


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

.blog-frame {
    position: absolute;

    top: 20px;
    right: 20px;
    bottom: 20px;
    left: 20px;

    border: 1px solid rgba(255,255,255,0.65);

    pointer-events: none;

    transition: all 0.4s ease;
}

.art-blog-card:hover .blog-frame {
    top: 14px;
    right: 14px;
    bottom: 14px;
    left: 14px;
}


/* ==========================================
   CATEGORY
========================================== */

.blog-category {
    position: absolute;

    left: 20px;
    bottom: 20px;

    padding: 8px 13px;

    background: #ffffff;

    color: #4b4038;

    font-family: Arial, sans-serif;

    font-size: 9px;

    letter-spacing: 1.5px;

    z-index: 2;
}


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

.art-blog-content {
    padding: 25px 25px 30px;
}


/* ==========================================
   META
========================================== */

.blog-meta {
    display: flex;
    align-items: center;
    gap: 8px;

    margin-bottom: 13px;

    color: #a18169;

    font-family: Arial, sans-serif;

    font-size: 9px;

    letter-spacing: 1px;
}


/* ==========================================
   TITLE
========================================== */

.art-blog-content h3 {
    margin: 0 0 14px;

    color: #27221e;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 22px;

    line-height: 1.25;

    font-weight: 400;
}


/* ==========================================
   DESCRIPTION
========================================== */

.art-blog-content p {
    margin: 0 0 22px;

    color: #77716b;

    font-family: Arial, sans-serif;

    font-size: 13px;

    line-height: 1.7;
}


/* ==========================================
   READ ARTICLE
========================================== */

.blog-read {
    display: inline-flex;

    align-items: center;

    gap: 12px;

    color: #27221e;

    text-decoration: none;

    font-family: Arial, sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 1.5px;

    border-bottom: 1px solid #9b7659;

    padding-bottom: 6px;

    transition: all 0.3s ease;
}

.blog-read span {
    font-size: 16px;

    transition: transform 0.3s ease;
}

.blog-read:hover {
    color: #9b7659;
}

.blog-read:hover span {
    transform: translate(4px, -4px);
}


/* ==========================================
   TABLET
========================================== */

@media (max-width: 900px) {

    .art-blog-section {
        padding: 75px 5%;
    }

    .art-blog-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


/* ==========================================
   MOBILE
========================================== */

@media (max-width: 600px) {

    .art-blog-section {
        padding: 60px 20px;
    }

    .art-blog-header {
        margin-bottom: 35px;
    }

    .art-blog-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    .art-blog-image {
        height: 300px;
    }

    .art-blog-content {
        padding: 22px 20px 27px;
    }

    .art-blog-content h3 {
        font-size: 21px;
    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2f56410 *//* =========================================
   ART CONTACT SECTION
========================================= */

.art-contact-section {
    width: 100%;
    padding: 100px 7%;

    background: ;

    box-sizing: border-box;
}


/* =========================================
   MAIN CONTAINER
========================================= */

.art-contact-container {
    max-width: 1150px;

    margin: 0 auto;

    display: grid;

    grid-template-columns: 0.9fr 1.1fr;

    gap: 80px;

    align-items: center;
}


/* =========================================
   LEFT SIDE
========================================= */

.art-contact-info {
    padding-right: 20px;
}


.contact-label {
    display: block;

    margin-bottom: 18px;

    color: #9b7659;

    font-family: Arial, sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 3px;
}


.art-contact-info h2 {
    margin: 0 0 25px;

    color: #24201d;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: clamp(40px, 5vw, 62px);

    line-height: 1;

    font-weight: 400;
}


.art-contact-info h2 em {
    display: block;

    color: #9b7659;

    font-style: italic;
}


.contact-description {
    max-width: 450px;

    margin: 0 0 40px;

    color: #77716b;

    font-family: Arial, sans-serif;

    font-size: 14px;

    line-height: 1.9;
}


/* =========================================
   CONTACT DETAILS
========================================= */

.contact-details {
    display: flex;

    flex-direction: column;

    gap: 25px;
}


.contact-detail {
    display: flex;

    align-items: center;

    gap: 18px;
}


.contact-icon {
    width: 45px;
    height: 45px;

    flex-shrink: 0;

    display: flex;

    align-items: center;
    justify-content: center;

    border: 1px solid #cdb8a5;

    color: #9b7659;

    font-size: 16px;
}


.contact-detail span {
    display: block;

    margin-bottom: 5px;

    color: #a08068;

    font-family: Arial, sans-serif;

    font-size: 9px;

    letter-spacing: 1.5px;
}


.contact-detail a,
.contact-detail p {
    margin: 0;

    color: #39332e;

    text-decoration: none;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 15px;
}


.contact-detail a:hover {
    color: #9b7659;
}


/* =========================================
   SOCIAL
========================================= */

.contact-social {
    margin-top: 45px;

    padding-top: 25px;

    border-top: 1px solid #ded6ce;
}


.contact-social > span {
    display: block;

    margin-bottom: 15px;

    color: #a08068;

    font-family: Arial, sans-serif;

    font-size: 9px;

    letter-spacing: 2px;
}


.social-links {
    display: flex;

    gap: 22px;
}


.social-links a {
    color: #39332e;

    text-decoration: none;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 13px;

    border-bottom: 1px solid transparent;

    transition: all 0.3s ease;
}


.social-links a:hover {
    color: #9b7659;

    border-bottom-color: #9b7659;
}


/* =========================================
   FORM BOX
========================================= */

.art-contact-form {
    padding: 45px;

    background: #ffffff;

    box-shadow:
        0 20px 60px rgba(50, 40, 30, 0.08);

    border: 1px solid #eee8e1;

    box-sizing: border-box;
}


.form-heading {
    margin-bottom: 30px;
}


.form-heading span {
    display: block;

    margin-bottom: 8px;

    color: #9b7659;

    font-family: Arial, sans-serif;

    font-size: 9px;

    letter-spacing: 2px;
}


.form-heading h3 {
    margin: 0;

    color: #29231f;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 30px;

    font-weight: 400;
}


/* =========================================
   FORM ROW
========================================= */

.form-row {
    display: grid;

    grid-template-columns: 1fr 1fr;

    gap: 20px;
}


/* =========================================
   FORM GROUP
========================================= */

.form-group {
    margin-bottom: 22px;
}


.form-group label {
    display: block;

    margin-bottom: 8px;

    color: #625850;

    font-family: Arial, sans-serif;

    font-size: 9px;

    font-weight: 600;

    letter-spacing: 1.5px;
}


/* =========================================
   INPUTS
========================================= */

.form-group input,
.form-group select,
.form-group textarea {

    width: 100%;

    padding: 14px 15px;

    box-sizing: border-box;

    border: 1px solid #ddd5cc;

    outline: none;

    background: #ffffff;

    color: #302a26;

    font-family:
        Georgia,
        "Times New Roman",
        serif;

    font-size: 14px;

    transition:
        border-color 0.3s ease,
        box-shadow 0.3s ease;
}


.form-group input,
.form-group select {
    height: 48px;
}


.form-group textarea {
    resize: vertical;

    min-height: 120px;
}


.form-group input::placeholder,
.form-group textarea::placeholder {
    color: #aaa29b;
}


.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {

    border-color: #9b7659;

    box-shadow:
        0 0 0 3px rgba(155,118,89,0.08);
}


/* =========================================
   SUBMIT BUTTON
========================================= */

.contact-submit {

    display: flex;

    align-items: center;

    justify-content: center;

    gap: 18px;

    width: 100%;

    padding: 16px 25px;

    border: 1px solid #292522;

    background: #292522;

    color: #ffffff;

    cursor: pointer;

    font-family: Arial, sans-serif;

    font-size: 10px;

    font-weight: 600;

    letter-spacing: 2px;

    transition: all 0.3s ease;
}


.contact-submit span {
    font-size: 18px;

    transition: transform 0.3s ease;
}


.contact-submit:hover {

    background: #9b7659;

    border-color: #9b7659;
}


.contact-submit:hover span {
    transform: translate(5px, -5px);
}


/* =========================================
   TABLET
========================================= */

@media (max-width: 900px) {

    .art-contact-section {
        padding: 75px 5%;
    }

    .art-contact-container {
        grid-template-columns: 1fr;

        gap: 50px;
    }

    .art-contact-info {
        padding-right: 0;
    }

}


/* =========================================
   MOBILE
========================================= */

@media (max-width: 600px) {

    .art-contact-section {
        padding: 55px 20px;
    }

    .art-contact-info h2 {
        font-size: 42px;
    }

    .art-contact-form {
        padding: 30px 22px;
    }

    .form-row {
        grid-template-columns: 1fr;

        gap: 0;
    }

    .form-heading h3 {
        font-size: 26px;
    }

    .social-links {
        flex-wrap: wrap;

        gap: 15px;
    }

}/* End custom CSS */