.elementor-53 .elementor-element.elementor-element-bcf490c{--display:flex;--margin-top:-22px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-53 .elementor-element.elementor-element-f04b140{--display:flex;--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-53 .elementor-element.elementor-element-8b768e9{--display:flex;}.elementor-53 .elementor-element.elementor-element-468c678{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--overlay-opacity:0.5;--padding-top:110px;--padding-bottom:112px;--padding-left:0px;--padding-right:0px;}.elementor-53 .elementor-element.elementor-element-468c678:not(.elementor-motion-effects-element-type-background), .elementor-53 .elementor-element.elementor-element-468c678 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-53 .elementor-element.elementor-element-468c678::before, .elementor-53 .elementor-element.elementor-element-468c678 > .elementor-background-video-container::before, .elementor-53 .elementor-element.elementor-element-468c678 > .e-con-inner > .elementor-background-video-container::before, .elementor-53 .elementor-element.elementor-element-468c678 > .elementor-background-slideshow::before, .elementor-53 .elementor-element.elementor-element-468c678 > .e-con-inner > .elementor-background-slideshow::before, .elementor-53 .elementor-element.elementor-element-468c678 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#00000000;--background-overlay:'';}.elementor-53 .elementor-element.elementor-element-213227a{--display:flex;--padding-top:0px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-testimonial-slider{--ekit_testimonial_slidetoshow:3;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-testimonial-slider .swiper-pagination span{background-color:#e7e7e7;width:12px;height:12px;border-radius:100px 100px 100px 100px;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-testimonial-slider .swiper-pagination span.swiper-pagination-bullet-active{background-color:#191919;width:16px;height:16px;transform:scale(1.2);}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-testimonial-slider .swiper-wrapper{padding:0px 0px 50px 0px;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-53 .elementor-element.elementor-element-509350f .elementskit-single-testimonial-slider, .elementor-53 .elementor-element.elementor-element-509350f  .elementskit-testimonial_card{padding:35px 34px 39px 34px;box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-tootltip-testimonial .elementskit-commentor-content, .elementor-53 .elementor-element.elementor-element-509350f .elementskit-single-testimonial-slider, .elementor-53 .elementor-element.elementor-element-509350f .elementskit-testimonial_card{border-radius:0px 0px 0px 0px;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-single-testimonial-slider{border-style:solid;border-width:1px 1px 1px 1px;border-color:#E6E4E4;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-tootltip-testimonial .elementskit-commentor-content:hover, .elementor-53 .elementor-element.elementor-element-509350f .elementskit-single-testimonial-slider:hover, .elementor-53 .elementor-element.elementor-element-509350f  .elementskit-testimonial_card:hover{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-single-testimonial-slider.testimonial-active{box-shadow:0px 0px 0px 0px rgba(0, 0, 0, 0);}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-commentor-content{padding:0px 0px 0px 0px;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-single-testimonial-slider  .elementskit-commentor-content > p{color:#252235;margin:0px 0px 32px 0px;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-testimonial_card .elementskit-commentor-coment{color:#252235;margin:0px 0px 32px 0px;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-single-testimonial-slider  .elementskit-commentor-content > p, .elementor-53 .elementor-element.elementor-element-509350f .elementskit-testimonial_card .elementskit-commentor-coment{font-family:"Montserrat", Sans-serif;font-size:14px;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-stars > li > a, .elementor-53 .elementor-element.elementor-element-509350f .elementskit-stars > li > span{color:#fec42d;fill:#fec42d;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-stars > li:not(:last-child){margin-right:0px;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-stars{margin:0px 0px 9px 0px;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-profile-info .elementskit-author-name{color:#000000;font-family:"Montserrat", Sans-serif;margin-bottom:0px;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-author-name{color:#000000;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-profile-info .elementskit-author-des{color:rgba(0,0,0,0.5);}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-commentor-image > img{border-style:none;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.1);}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-commentor-bio .elementskit-commentor-image > img{height:60px;width:60px;}.elementor-53 .elementor-element.elementor-element-509350f .ekit-testimonial--avatar{margin:0px 10px 0px 0px;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-testimonial-slider .swiper-pagination{bottom:-10px;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-testimonial-slider .swiper-pagination span:not(:last-child){margin-right:12px;}.elementor-53 .elementor-element.elementor-element-1b3f8d9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-53 .elementor-element.elementor-element-e16c329{--display:flex;--padding-top:100px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-53 .elementor-element.elementor-element-e16c329{--content-width:1100px;}}@media(max-width:1024px){.elementor-53 .elementor-element.elementor-element-468c678{--padding-top:60px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}.elementor-53 .elementor-element.elementor-element-509350f .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;--ekit_testimonial_slidetoshow:2;}}@media(max-width:767px){.elementor-53 .elementor-element.elementor-element-509350f .elementskit-testimonial-slider{--ekit_testimonial_left_right_spacing:10px;--ekit_testimonial_slidetoshow:1;}}/* Start custom CSS for html, class: .elementor-element-45dee11 *//*==========================================================
   MORE THAN DESIGNS — BRAND SECTION
==========================================================*/

.mtd-brand{

    max-width:1200px;
    margin:10px auto;
    padding:0 20px;

    display:grid;
    grid-template-columns:1fr 1fr;
    gap:120px;

    align-items:flex-start;

}


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

.mtd-label{

    display:block;

    font-family:'Montserrat', sans-serif;

    font-size:9px;
    font-weight:500;

    letter-spacing:3px;
    line-height:1.4;

    text-transform:uppercase;

    color:#A1A1A1;

    margin:0 0 20px 0;

}


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

.mtd-brand h2{

    font-family:'Montserrat', sans-serif;

    font-size:42px;
    font-weight:400;

    line-height:1.02;

    color:#000000;

    margin:0;

}


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

.mtd-brand-right{

    display:flex;

    flex-direction:column;

    justify-content:center;

}


/*==========================================================
   BODY TEXT
==========================================================*/

.mtd-brand-right p{

    font-family:'Montserrat', sans-serif;

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

    line-height:1.8;

    color:#555555;

    max-width:500px;

    margin:0 0 18px 0;

}


/*==========================================================
   ABOUT US BUTTON
==========================================================*/

.mtd-brand-right a{

    display:inline-flex;

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

    gap:12px;

    width:max-content;

    padding:13px 20px;

    text-decoration:none;

    font-family:'Montserrat', sans-serif;

    font-size:9px;
    font-weight:500;

    letter-spacing:1.8px;
    line-height:1.4;

    text-transform:uppercase;

    color:#000000;

    background:#FFFFFF;

    border:1px solid #000000;

    transition:
        background-color .3s ease,
        color .3s ease,
        border-color .3s ease;

}


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

.mtd-brand-right a:hover{

    color:#FFFFFF;

    background:#000000;

    border-color:#000000;

}


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

.mtd-brand-right a span{

    display:inline-block;

    color:#000000;

    transition:
        transform .3s ease,
        color .3s ease;

}


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

.mtd-brand-right a:hover span{

    transform:translateX(6px);

    color:#FFFFFF;

}


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

@media(max-width:991px){

    .mtd-brand{

        grid-template-columns:1fr;

        gap:50px;

    }


    .mtd-brand h2{

        font-size:40px;

        line-height:1.03;

    }


    .mtd-brand-right p{

        font-size:12px;

        line-height:1.8;

    }

}


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

@media(max-width:767px){

    .mtd-brand{

        margin:80px auto;

        padding:0 20px;

        gap:35px;

    }


    /* Small Label */

    .mtd-label{

        font-size:8px;

        letter-spacing:2.5px;

        margin-bottom:16px;

    }


    /* Main Heading */

    .mtd-brand h2{

        font-size:32px;

        line-height:1.05;

    }


    /* Body */

    .mtd-brand-right p{

        font-size:11px;

        line-height:1.8;

        margin-bottom:18px;

    }


    /* Button */

    .mtd-brand-right a{

        font-size:8px;

        letter-spacing:1.5px;

        padding:12px 18px;

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-fc132ce *//* =========================================
   MORE THAN DESIGNS
   SERVICES GRID
========================================= */

.mtd-services {
    width: 100%;
    background: #fff;
    padding: 0 55px 25px;
    box-sizing: border-box;
    font-family: "Montserrat", sans-serif;
}


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

.mtd-services-header {
    padding: 0 0 28px;
}

.mtd-services-header span {
    font-family: "Montserrat", sans-serif;
    font-size: 10px;
    font-weight: 500;
    letter-spacing: 4px;
    color: #111;
}


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

.mtd-services-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 3px;
}


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

.mtd-service-card {
    position: relative;
    height: 355px;
    overflow: hidden;

    display: block;

    text-decoration: none;
    color: #111;

    background: #f4f4f4;

    cursor: pointer;
}


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

.mtd-service-card img {
    position: absolute;

    inset: 0;

    width: 100%;
    height: 100%;

    object-fit: cover;

    /* DEFAULT FADED COLOR STATE */
    opacity: 0.55;

    /* KEEP ORIGINAL COLORS */
    filter: none;

    transition:
        opacity 0.6s ease,
        transform 0.8s ease,
        filter 0.6s ease;
}


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

.mtd-service-overlay {
    position: absolute;

    inset: 0;

    /* DEFAULT LIGHT OVERLAY */
    background: rgba(255, 255, 255, 0.48);

    transition:
        background 0.6s ease;
}


/* =========================================
   TOP INFORMATION
========================================= */

/* Hide MORE THAN + 01/02/03/04 */

.mtd-service-top {
    display: none;
}


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

.mtd-service-content {
    position: absolute;

    left: 0;
    right: 0;

    /* SAME VERTICAL POSITION */
    top: 48%;

    transform: translateY(-50%);

    z-index: 2;

    text-align: center;

    /* BREATHING ROOM */
    padding: 0 45px;

    box-sizing: border-box;
}


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

.mtd-service-content h2 {
    margin: 0 auto;

    font-family: "Montserrat", sans-serif;

    /* REDUCED ABOUT 15–20% */
    font-size: 27px;

    font-weight: 300;

    line-height: 1.05;

    /* LESS TIGHT */
    letter-spacing: -1.2px;

    color: #111;

    /* PREVENTS ARCHITECTURE TOUCHING EDGES */
    max-width: 90%;

    transition:
        letter-spacing 0.4s ease;
}


/* =========================================
   SMALL LINE
========================================= */

.mtd-line {
    width: 38px;
    height: 1px;

    background: #111;

    margin: 20px auto 20px;

    transition:
        width 0.4s ease;
}


/* =========================================
   EXPLORE CTA
========================================= */

.mtd-explore {
    width: auto;
    height: auto;

    display: inline-flex;

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

    gap: 8px;

    padding: 0 0 6px;

    box-sizing: border-box;

    background: transparent;

    border: none;
    border-bottom: 1px solid #111;

    font-family: "Montserrat", sans-serif;

    font-size: 8px;

    font-weight: 600;

    letter-spacing: 1.5px;

    color: #111;

    transition:
        background 0.35s ease,
        color 0.35s ease,
        padding 0.35s ease;
}


/* =========================================
   ARROW
========================================= */

.mtd-arrow {
    font-size: 15px;

    font-weight: 300;

    line-height: 1;

    transition:
        transform 0.35s ease;
}


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

.mtd-service-card:hover img {

    /* CLEAR COLOR IMAGE */
    opacity: 0.95;

    /* SUBTLE ZOOM */
    transform: scale(1.04);

    /* KEEP ORIGINAL COLORS */
    filter: none;
}


.mtd-service-card:hover .mtd-service-overlay {

    /* MUCH LESS WHITE */
    background: rgba(255, 255, 255, 0.12);
}


/* =========================================
   OTHER CARDS BECOME QUIETER
========================================= */

.mtd-services-grid:has(.mtd-service-card:hover)
.mtd-service-card:not(:hover) img {

    opacity: 0.35;
}


.mtd-services-grid:has(.mtd-service-card:hover)
.mtd-service-card:not(:hover) .mtd-service-overlay {

    background: rgba(255, 255, 255, 0.58);
}


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

.mtd-service-card:hover .mtd-line {

    width: 55px;
}


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

.mtd-service-card:hover .mtd-explore {

    background: #111;

    color: #fff;

    padding: 8px 13px;

    border-bottom: 1px solid #111;
}


.mtd-service-card:hover .mtd-arrow {

    transform: translate(3px, -3px);
}


/* =========================================
   FOOTER
========================================= */

.mtd-services-footer {

    display: grid;

    grid-template-columns: 1fr 1fr 1fr;

    padding-top: 18px;

    font-family: "Montserrat", sans-serif;

    font-size: 8px;

    font-weight: 500;

    letter-spacing: 2px;

    color: #111;
}


.mtd-services-footer span:nth-child(2) {
    text-align: center;
}


.mtd-services-footer span:nth-child(3) {
    text-align: right;
}


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

@media (max-width: 900px) {

    .mtd-services {

        padding: 0 25px 20px;

    }


    .mtd-service-card {

        height: 300px;

    }


    .mtd-service-content {

        padding: 0 30px;

    }


    .mtd-service-content h2 {

        font-size: 29px;

        max-width: 90%;

    }

}


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

@media (max-width: 650px) {

    .mtd-services {

        padding: 0 15px 20px;

    }


    .mtd-services-header {

        padding-bottom: 20px;

    }


    .mtd-services-grid {

        grid-template-columns: 1fr;

        gap: 3px;

    }


    .mtd-service-card {

        height: 300px;

    }


    .mtd-service-content {

        top: 48%;

        left: 0;

        right: 0;

        padding: 0 25px;

    }


    .mtd-service-content h2 {

        font-size: 28px;

        letter-spacing: -1px;

        max-width: 90%;

    }


    .mtd-line {

        margin-top: 18px;

        margin-bottom: 18px;

    }


    .mtd-services-footer {

        grid-template-columns: 1fr;

        gap: 10px;

    }


    .mtd-services-footer span {

        text-align: left !important;

    }


    /* Disable "other card" dimming on touch devices */

    .mtd-services-grid:has(.mtd-service-card:hover)
    .mtd-service-card:not(:hover) img {

        opacity: 0.55;

    }


    .mtd-services-grid:has(.mtd-service-card:hover)
    .mtd-service-card:not(:hover) .mtd-service-overlay {

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

    }

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a73f69e *//* =========================================
   MORE THAN DESIGNS
   OUR PROCESS — SECTION 06
   BLACK / WHITE / #A1A1A1
========================================= */

.mtd-process {
    width: 100%;
    padding: 80px 0;
    background: #FFFFFF;
    color: #000000;
    box-sizing: border-box;
}


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

.process-header {
    width: 90%;
    max-width: 1300px;
    margin: 0 auto 65px;
    box-sizing: border-box;
}


/* Small Section Label */

.process-header span {
    display: block;

    font-family: "Montserrat", Arial, sans-serif;
    font-size: 11px;
    font-weight: 500;

    line-height: 1.4;
    letter-spacing: 3px;

    text-transform: uppercase;

    color: #A1A1A1;
}


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

.process-grid {
    width: 90%;
    max-width: 1300px;

    margin: 0 auto;

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

    border-top: 1px solid #E5E5E5;
    border-left: 1px solid #E5E5E5;

    box-sizing: border-box;
}


/* =========================================
   PROCESS ITEM
========================================= */

.process-item {
    position: relative;

    min-height: 310px;

    padding: 50px 35px 55px;

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

    text-align: center;

    background: #FFFFFF;

    border-right: 1px solid #E5E5E5;
    border-bottom: 1px solid #E5E5E5;

    box-sizing: border-box;

    transition:
        background-color .4s ease,
        padding-top .4s ease;
}


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

.number {
    margin: 0 0 28px;

    font-family: "Cormorant Garamond", Georgia, serif;

    font-size: 64px;
    font-weight: 500;

    line-height: 1;

    color: #000000;

    transition:
        transform .4s ease,
        color .4s ease;
}


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

.process-item h3 {
    margin: 0 0 18px;

    font-family: "Montserrat", Arial, sans-serif;

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

    line-height: 1.4;

    letter-spacing: 2px;

    text-transform: uppercase;

    color: #000000;

    transition:
        letter-spacing .4s ease;
}


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

.process-item p {
    max-width: 235px;

    margin: 0 auto;

    font-family: "Montserrat", Arial, sans-serif;

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

    line-height: 1.8;

    color: #555555;
}


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

.process-item:hover {
    background: #FFFFFF;
}


.process-item:hover .number {
    transform: translateY(-7px);
}


.process-item:hover h3 {
    letter-spacing: 2.5px;
}


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

@media (max-width: 1024px) {

    .mtd-process {
        padding: 85px 0;
    }


    .process-header {
        width: 90%;
        margin-bottom: 55px;
    }


    .process-grid {
        width: 90%;
        grid-template-columns: repeat(2, 1fr);
    }


    .process-item {
        min-height: 300px;
        padding: 45px 30px 50px;
    }


    .process-item:nth-child(2) {
        border-right: 1px solid #E5E5E5;
    }


    .process-item:nth-child(1),
    .process-item:nth-child(2) {
        border-bottom: 1px solid #E5E5E5;
    }


    .number {
        font-size: 58px;
    }

}


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

@media (max-width: 767px) {

    .mtd-process {
        padding: 75px 0;
    }


    .process-header {
        width: calc(100% - 40px);
        margin: 0 auto 45px;
    }


    .process-header span {
        font-size: 10px;
        letter-spacing: 2.5px;
    }


    .process-grid {
        width: calc(100% - 40px);

        grid-template-columns: 1fr;

        border-left: 1px solid #E5E5E5;
    }


    .process-item {
        min-height: auto;

        padding: 45px 25px 50px;

        border-right: 1px solid #E5E5E5;
        border-bottom: 1px solid #E5E5E5;
    }


    .process-item:last-child {
        border-bottom: 1px solid #E5E5E5;
    }


    .number {
        font-size: 52px;
        margin-bottom: 22px;
    }


    .process-item h3 {
        font-size: 10px;
        letter-spacing: 1.8px;
        margin-bottom: 15px;
    }


    .process-item p {
        max-width: 280px;

        font-size: 11px;
        line-height: 1.8;
    }

}


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

@media (max-width: 480px) {

    .mtd-process {
        padding: 65px 0;
    }


    .process-header {
        width: calc(100% - 30px);
        margin-bottom: 40px;
    }


    .process-grid {
        width: calc(100% - 30px);
    }


    .process-item {
        padding: 40px 20px 45px;
    }


    .number {
        font-size: 48px;
        margin-bottom: 20px;
    }


    .process-item h3 {
        font-size: 9.5px;
        letter-spacing: 1.5px;
    }


    .process-item p {
        font-size: 10.5px;
        line-height: 1.75;
    }

}/* End custom CSS */