.elementor-2038 .elementor-element.elementor-element-7bacb1f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2038 .elementor-element.elementor-element-cf1eb7b > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-2038 .elementor-element.elementor-element-fe290b4:not(.elementor-motion-effects-element-type-background), .elementor-2038 .elementor-element.elementor-element-fe290b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#A47A5C;}.elementor-2038 .elementor-element.elementor-element-fe290b4{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:50px 0px 50px 0px;}.elementor-2038 .elementor-element.elementor-element-fe290b4 > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-2038 .elementor-element.elementor-element-9ec9ca7 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:16px;font-weight:700;color:#FFFFFF;}.elementor-2038 .elementor-element.elementor-element-d1630e4{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-2038 .elementor-element.elementor-element-d1630e4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(17px/2);}.elementor-2038 .elementor-element.elementor-element-d1630e4 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(17px/2);}.elementor-2038 .elementor-element.elementor-element-d1630e4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(17px/2);}.elementor-2038 .elementor-element.elementor-element-d1630e4 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-17px/2);}.elementor-2038 .elementor-element.elementor-element-d1630e4 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-17px/2);}.elementor-2038 .elementor-element.elementor-element-d1630e4 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-2038 .elementor-element.elementor-element-d1630e4 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-2038 .elementor-element.elementor-element-d1630e4 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-2038 .elementor-element.elementor-element-d1630e4 .elementor-icon-list-item > a{font-size:15px;}.elementor-2038 .elementor-element.elementor-element-d1630e4 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-2038 .elementor-element.elementor-element-c403c27{text-align:center;}.elementor-2038 .elementor-element.elementor-element-c403c27 .elementor-heading-title{font-family:"Marcellus", Sans-serif;font-size:16px;font-weight:700;color:#FFFFFF;}.elementor-2038 .elementor-element.elementor-element-6ddec90{width:var( --container-widget-width, 58.445% );max-width:58.445%;--container-widget-width:58.445%;--container-widget-flex-grow:0;}.elementor-2038 .elementor-element.elementor-element-6ddec90 .elementor-nav-menu--main .elementor-item{color:#FFFFFF;fill:#FFFFFF;}.elementor-2038 .elementor-element.elementor-element-6ddec90 .elementor-nav-menu--main .elementor-item:hover,
					.elementor-2038 .elementor-element.elementor-element-6ddec90 .elementor-nav-menu--main .elementor-item.elementor-item-active,
					.elementor-2038 .elementor-element.elementor-element-6ddec90 .elementor-nav-menu--main .elementor-item.highlighted,
					.elementor-2038 .elementor-element.elementor-element-6ddec90 .elementor-nav-menu--main .elementor-item:focus{color:#000000;fill:#000000;}.elementor-2038 .elementor-element.elementor-element-7b029d0{width:var( --container-widget-width, 61.145% );max-width:61.145%;--container-widget-width:61.145%;--container-widget-flex-grow:0;}.elementor-2038 .elementor-element.elementor-element-7b029d0 img{width:100%;}.elementor-2038 .elementor-element.elementor-element-e136c35{font-size:16px;color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-2038 .elementor-element.elementor-element-9ec9ca7{text-align:center;}.elementor-2038 .elementor-element.elementor-element-d1630e4{width:var( --container-widget-width, 403.297px );max-width:403.297px;--container-widget-width:403.297px;--container-widget-flex-grow:0;}.elementor-2038 .elementor-element.elementor-element-6ddec90{width:var( --container-widget-width, 408.875px );max-width:408.875px;--container-widget-width:408.875px;--container-widget-flex-grow:0;}.elementor-2038 .elementor-element.elementor-element-7b029d0{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-2038 .elementor-element.elementor-element-7b029d0 img{width:44%;}}/* Start custom CSS for html, class: .elementor-element-cf1eb7b *//* =====================================================
   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-ba97de9 *//* =========================================
   ART CONTACT SECTION
========================================= */

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

    background:0 ;

    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 */