.elementor-21759 .elementor-element.elementor-element-be7b90f{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21759 .elementor-element.elementor-element-9e4af36{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21759 .elementor-element.elementor-element-5f8dc19{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21759 .elementor-element.elementor-element-34977c6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21759 .elementor-element.elementor-element-bf7145e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21759 .elementor-element.elementor-element-81a4f4a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-21759 .elementor-element.elementor-element-6b5e8f6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-a02bac4 *//*==========================================================
TOMFORD MASTER HERO V5
ELEMENTOR FULL WIDTH
==========================================================*/

/* Remove Elementor spacing */

.elementor-widget-html,
.elementor-widget-html .elementor-widget-container{
    padding:0 !important;
    margin:0 !important;
}

.tftHeroV5{
    position:relative;
    width:100vw;
    min-height:100vh;

    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

    overflow:hidden;
    background:#050505;

    display:flex;
    align-items:flex-end;

    isolation:isolate;
}

/*=========================================
Background Image
=========================================*/

.tftHeroV5__image{

    position:absolute;
    inset:0;

    background-image:url("https://tomfordtailor.com/wp-content/uploads/2026/07/Mens-Bespoke-Shirts-Chiang-Mai.png");

    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;

    transition:8s ease;
    transform:scale(1);

    z-index:1;
}

.tftHeroV5:hover .tftHeroV5__image{

    transform:scale(1.03);

}


/*=========================================
Luxury Overlay
=========================================*/

.tftHeroV5__overlay{

    position:absolute;
    inset:0;

    background:

    linear-gradient(
    90deg,
    rgba(5,5,5,.28) 0%,
    rgba(5,5,5,.16) 24%,
    rgba(5,5,5,.08) 48%,
    rgba(5,5,5,.02) 72%,
    transparent 100%
    ),

    linear-gradient(
    180deg,
    transparent,
    rgba(0,0,0,.12)
    );

    z-index:2;

}


/*=========================================
Content
=========================================*/

.tftHeroV5__content{

    position:relative;

    z-index:5;

    width:100%;
    max-width:1400px;

    margin:auto;

    padding:0 80px 80px;

    color:#fff;

}


.tftHeroV5__eyebrow{

    display:inline-block;

    margin-bottom:18px;

    font-size:12px;

    font-weight:700;

    letter-spacing:4px;

    text-transform:uppercase;

    color:#fff;

    opacity:.9;

}


.tftHeroV5 h1{

    margin:0;

    max-width:620px;

    font-size:clamp(52px,7vw,92px);

    line-height:.94;

    letter-spacing:-.04em;

    font-weight:700;

    color:#fff;

}


.tftHeroV5 p{

    margin:24px 0 40px;

    max-width:520px;

    font-size:18px;

    line-height:1.85;

    color:#dddddd;

}


/*=========================================
Buttons
=========================================*/

.tftHeroV5__buttons{

    display:flex;

    gap:16px;

    flex-wrap:wrap;

}


.tftHeroV5__btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 34px;

    border-radius:100px;

    border:1px solid rgba(255,255,255,.28);

    background:rgba(255,255,255,.04);

    backdrop-filter:blur(12px);

    -webkit-backdrop-filter:blur(12px);

    text-decoration:none;

    color:#fff;

    font-weight:600;

    transition:.35s ease;

}


.tftHeroV5__btn:hover{

    background:#fff;

    color:#111;

    border-color:#fff;

    transform:translateY(-2px);

}


/*=========================================
Tablet
=========================================*/

@media (max-width:1024px){

.tftHeroV5{

    min-height:90vh;

}

.tftHeroV5__content{

    padding:0 40px 60px;

}

.tftHeroV5__image{

    background-position:65% center;

}

}


/*=========================================
Mobile
=========================================*/

@media (max-width:768px){

.tftHeroV5{

    min-height:88vh;

}

.tftHeroV5__image{

    background-position:72% center;

}

.tftHeroV5__overlay{

background:

linear-gradient(
180deg,
rgba(0,0,0,.04),
rgba(0,0,0,.16) 45%,
rgba(0,0,0,.42)
),

linear-gradient(
90deg,
rgba(5,5,5,.24),
rgba(5,5,5,.10),
transparent
);

}

.tftHeroV5__content{

    padding:0 24px 34px;

}

.tftHeroV5__eyebrow{

    font-size:11px;

    letter-spacing:3px;

    margin-bottom:12px;

}

.tftHeroV5 h1{

    font-size:clamp(42px,11vw,60px);

    line-height:.98;

}

.tftHeroV5 p{

    font-size:16px;

    line-height:1.75;

    margin:18px 0 28px;

}

.tftHeroV5__buttons{

    flex-direction:column;

    width:100%;

}

.tftHeroV5__btn{

    width:100%;

}

}


/*=========================================
Small Mobile
=========================================*/

@media (max-width:480px){

.tftHeroV5__content{

    padding:0 20px 28px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-bfdddae *//*==================================================
SECTION 2
WEDDING SUITS COLLECTION
TOMFORD TAILOR
==================================================*/

.mts-business-wrap{

    width:100vw;

    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);

    background:#0b0b0b;

    padding:160px 0;

    overflow:hidden;

}


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

.mts-business-inner{

    max-width:1380px;

    margin:auto;

    padding:0 40px;

}


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

.mts-business-intro{

    max-width:980px;

    margin:auto;

    text-align:center;

}


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

.tf-business-label{

    display:block;

    margin-bottom:22px;

    color:#c8a66a;

    font-size:13px;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

}


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

.mts-business-intro h2{

    margin:0;

    color:#ffffff;

    font-size:clamp(44px,5vw,66px);

    font-weight:300;

    line-height:1.12;

    letter-spacing:-1px;

}


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

.mts-business-intro p{

    margin:34px auto 0;

    max-width:900px;

    color:#d5d5d5;

    font-size:18px;

    line-height:2;

}


/*========================================
LINKS
========================================*/

.mts-business-intro a{

    color:#c8a66a;

    text-decoration:none;

    border-bottom:1px solid rgba(200,166,106,.35);

    transition:.35s ease;

}

.mts-business-intro a:hover{

    color:#ffffff;

    border-color:#ffffff;

}


/*========================================
STRONG
========================================*/

.mts-business-intro strong{

    color:#ffffff;

    font-weight:600;

}


/*========================================
LARGE DESKTOP
========================================*/

@media(min-width:1700px){

.mts-business-inner{

max-width:1500px;

}

.mts-business-intro{

max-width:1100px;

}

.mts-business-intro h2{

font-size:72px;

}

.mts-business-intro p{

font-size:19px;

max-width:980px;

}

}


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

@media(max-width:1024px){

.mts-business-wrap{

padding:120px 0;

}

.mts-business-inner{

padding:0 30px;

}

.mts-business-intro h2{

font-size:52px;

}

.mts-business-intro p{

font-size:17px;

line-height:1.9;

}

}


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

@media(max-width:768px){

.mts-business-wrap{

padding:90px 0;

}

.mts-business-inner{

padding:0 22px;

}

.tf-business-label{

font-size:12px;

letter-spacing:3px;

margin-bottom:16px;

}

.mts-business-intro h2{

font-size:36px;

line-height:1.2;

}

.mts-business-intro p{

font-size:16px;

line-height:1.85;

margin-top:24px;

}

}


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

@media(max-width:420px){

.mts-business-inner{

padding:0 18px;

}

.mts-business-intro h2{

font-size:32px;

}

.mts-business-intro p{

font-size:15px;

}

}


/*========================================
TEXT SELECTION
========================================*/

.mts-business-wrap ::selection{

    background:#c8a66a;

    color:#111111;

}

.mts-business-wrap ::-moz-selection{

    background:#c8a66a;

    color:#111111;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-abababa *//*==================================================
TOMFORD COLLECTION FRAMEWORK V4
PART 1
==================================================*/


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

.tfCollectionHub{

    width:100vw;

    margin-left:calc(50% - 50vw);

    margin-right:calc(50% - 50vw);

    background:#090909;

    padding:140px 0;

    overflow:hidden;

}


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

.tfCollectionHub__container{

    width:100%;

    max-width:1400px;

    margin:auto;

    padding:0 40px;

}


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

.tfCollectionHub__heading{

    max-width:820px;

    margin:0 auto 90px;

    text-align:center;

}

.tfCollectionHub__eyebrow{

    display:inline-block;

    margin-bottom:20px;

    color:#c8a66a;

    font-size:13px;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

}

.tfCollectionHub__heading h2{

    margin:0;

    color:#ffffff;

    font-size:clamp(44px,5vw,68px);

    font-weight:300;

    line-height:1.08;

    letter-spacing:-1px;

}

.tfCollectionHub__heading p{

    max-width:720px;

    margin:32px auto 0;

    color:#d2d2d2;

    font-size:18px;

    line-height:1.9;

}


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

.tfCollectionHub__grid{

    display:grid;

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

    gap:70px 55px;

}


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

.tfCollectionCard{

    display:flex;

    flex-direction:column;

}


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

.tfCollectionCard__image{

    display:block;

    overflow:hidden;

    border-radius:14px;

    background:#111;

}

.tfCollectionCard__image img{

width:100%;

aspect-ratio:3/4;

object-fit:cover;

}

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

.tfCollectionCard__content{

    padding-top:26px;

}

.tfCollectionCard__content h3{

    margin:0;

    color:#ffffff;

    font-size:32px;

    font-weight:300;

    line-height:1.25;

    letter-spacing:-0.5px;

}

.tfCollectionCard__content p{

    margin:18px 0 26px;

    color:#cfcfcf;

    font-size:17px;

    line-height:1.9;

}

/*==================================================
TOMFORD COLLECTION FRAMEWORK V4
PART 2
==================================================*/


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

.tfCollectionCard__link{

    display:inline-flex;

    align-items:center;

    color:#c8a66a;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    letter-spacing:.5px;

    transition:.35s ease;

}

.tfCollectionCard__link:hover{

    color:#ffffff;

}


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

.tfCollectionCard{

    transition:.45s ease;

}

.tfCollectionCard:hover{

    transform:translateY(-8px);

}

.tfCollectionCard:hover .tfCollectionCard__image img{

    transform:scale(1.03);

}

.tfCollectionCard:hover h3{

    color:#c8a66a;

}


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

.tfCollectionHub__button{

    margin-top:90px;

    text-align:center;

}

.tfCollectionHub__button a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 44px;

    border:1px solid rgba(200,166,106,.35);

    border-radius:100px;

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    letter-spacing:1px;

    transition:.35s ease;

}

.tfCollectionHub__button a:hover{

    background:#c8a66a;

    border-color:#c8a66a;

    color:#111111;

}


/*========================================
LARGE DESKTOP
========================================*/

@media (min-width:1700px){

.tfCollectionHub__container{

    max-width:1500px;

}

.tfCollectionHub__grid{

    gap:80px 60px;

}

}


/*========================================
LAPTOP
========================================*/

@media (max-width:1200px){

.tfCollectionHub__grid{

    gap:60px 40px;

}

.tfCollectionCard__content h3{

    font-size:28px;

}

}


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

@media (max-width:992px){

.tfCollectionHub{

    padding:110px 0;

}

.tfCollectionHub__container{

    padding:0 30px;

}

.tfCollectionHub__heading{

    margin-bottom:70px;

}

.tfCollectionHub__grid{

    grid-template-columns:1fr;

    gap:60px;

}

.tfCollectionHub__button{

    margin-top:70px;

}

}


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

@media (max-width:768px){

.tfCollectionHub{

    padding:80px 0;

}

.tfCollectionHub__container{

    padding:0 22px;

}

.tfCollectionHub__heading{

    margin-bottom:55px;

}

.tfCollectionHub__heading h2{

    font-size:36px;

}

.tfCollectionHub__heading p{

    font-size:16px;

    line-height:1.8;

}

.tfCollectionCard__content{

    padding-top:22px;

}

.tfCollectionCard__content h3{

    font-size:26px;

}

.tfCollectionCard__content p{

    font-size:15px;

    margin:16px 0 22px;

}

.tfCollectionHub__button{

    margin-top:55px;

}

.tfCollectionHub__button a{

    width:100%;

}

}


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

@media (max-width:480px){

.tfCollectionHub__container{

    padding:0 18px;

}

.tfCollectionHub__heading h2{

    font-size:32px;

}

.tfCollectionCard__content h3{

    font-size:24px;

}

.tfCollectionCard__content p{

    font-size:14px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc29ad3 *//*==================================================
WHY BESPOKE SHIRTS
TOMFORD TAILOR
==================================================*/


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

.tfShirtFeatures{

    width:100vw;

    margin-left:calc(50% - 50vw);

    margin-right:calc(50% - 50vw);

    background:#0b0b0b;

    padding:150px 0;

    overflow:hidden;

}


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

.tfShirtFeatures__container{

    max-width:1380px;

    margin:auto;

    padding:0 40px;

}


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

.tfShirtFeatures__intro{

    max-width:900px;

    margin:0 auto 90px;

    text-align:center;

}


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

.tfShirtFeatures__label{

    display:block;

    margin-bottom:22px;

    color:#c8a66a;

    font-size:13px;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

}


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

.tfShirtFeatures__intro h2{

    margin:0;

    color:#ffffff;

    font-size:clamp(42px,5vw,64px);

    font-weight:300;

    line-height:1.1;

    letter-spacing:-1px;

}


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

.tfShirtFeatures__intro p{

    max-width:860px;

    margin:30px auto 0;

    color:#d2d2d2;

    font-size:18px;

    line-height:1.9;

}


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

.tfShirtFeatures__grid{

    display:grid;

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

    gap:40px;

}


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

.tfShirtFeature{

    background:#121212;

    border:1px solid rgba(255,255,255,.06);

    border-radius:14px;

    padding:42px;

    transition:.35s ease;

}


.tfShirtFeature:hover{

    border-color:rgba(200,166,106,.35);

    transform:translateY(-6px);

}


.tfShirtFeature h3{

    margin:0;

    color:#ffffff;

    font-size:28px;

    font-weight:300;

    line-height:1.3;

}


.tfShirtFeature p{

    margin:18px 0 0;

    color:#cfcfcf;

    font-size:17px;

    line-height:1.9;

}


/*========================================
LARGE DESKTOP
========================================*/

@media(min-width:1700px){

.tfShirtFeatures__container{

max-width:1500px;

}

}


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

@media(max-width:992px){

.tfShirtFeatures{

padding:110px 0;

}

.tfShirtFeatures__container{

padding:0 30px;

}

.tfShirtFeatures__intro{

margin-bottom:70px;

}

.tfShirtFeatures__grid{

grid-template-columns:1fr;

}

}


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

@media(max-width:768px){

.tfShirtFeatures{

padding:80px 0;

}

.tfShirtFeatures__container{

padding:0 22px;

}

.tfShirtFeatures__intro{

margin-bottom:50px;

}

.tfShirtFeatures__label{

font-size:12px;

letter-spacing:3px;

}

.tfShirtFeatures__intro h2{

font-size:36px;

}

.tfShirtFeatures__intro p{

font-size:16px;

line-height:1.8;

}

.tfShirtFeature{

padding:30px;

}

.tfShirtFeature h3{

font-size:24px;

}

.tfShirtFeature p{

font-size:15px;

}

}


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

@media(max-width:420px){

.tfShirtFeatures__container{

padding:0 18px;

}

.tfShirtFeatures__intro h2{

font-size:32px;

}

.tfShirtFeature{

padding:26px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ee1dd9b *//*==================================================
PREMIUM SHIRT FABRICS
TOMFORD TAILOR
==================================================*/


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

.tfShirtFabrics{

    width:100vw;

    margin-left:calc(50% - 50vw);

    margin-right:calc(50% - 50vw);

    background:#090909;

    padding:150px 0;

    overflow:hidden;

}


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

.tfShirtFabrics__container{

    max-width:1400px;

    margin:auto;

    padding:0 40px;

}


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

.tfShirtFabrics__intro{

    max-width:900px;

    margin:0 auto 90px;

    text-align:center;

}

.tfShirtFabrics__label{

    display:block;

    margin-bottom:20px;

    color:#c8a66a;

    font-size:13px;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

}

.tfShirtFabrics__intro h2{

    margin:0;

    color:#fff;

    font-size:clamp(42px,5vw,64px);

    font-weight:300;

    line-height:1.1;

}

.tfShirtFabrics__intro p{

    margin:30px auto 0;

    max-width:760px;

    color:#d2d2d2;

    font-size:18px;

    line-height:1.9;

}


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

.tfShirtFabrics__grid{

    display:grid;

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

    gap:40px;

}


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

.tfFabricCard{

    background:#111;

    border:1px solid rgba(255,255,255,.06);

    border-radius:14px;

    overflow:hidden;

    transition:.35s ease;

}

.tfFabricCard:hover{

    transform:translateY(-8px);

    border-color:rgba(200,166,106,.35);

}

.tfFabricCard__image img{

    width:100%;

    aspect-ratio:4/5;

    object-fit:cover;

    display:block;

}

.tfFabricCard__content{

    padding:28px;

}

.tfFabricCard__content h3{

    margin:0;

    color:#fff;

    font-size:28px;

    font-weight:300;

}

.tfFabricCard__content p{

    margin:16px 0 0;

    color:#d0d0d0;

    font-size:16px;

    line-height:1.8;

}


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

.tfShirtFabrics__button{

    margin-top:80px;

    text-align:center;

}

.tfShirtFabrics__button a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 44px;

    border:1px solid rgba(200,166,106,.35);

    border-radius:100px;

    color:#fff;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    letter-spacing:1px;

    transition:.35s ease;

}

.tfShirtFabrics__button a:hover{

    background:#c8a66a;

    border-color:#c8a66a;

    color:#111;

}


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

@media(max-width:992px){

.tfShirtFabrics{

padding:110px 0;

}

.tfShirtFabrics__container{

padding:0 30px;

}

.tfShirtFabrics__grid{

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

}

}


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

@media(max-width:768px){

.tfShirtFabrics{

padding:80px 0;

}

.tfShirtFabrics__container{

padding:0 22px;

}

.tfShirtFabrics__intro{

margin-bottom:55px;

}

.tfShirtFabrics__intro h2{

font-size:36px;

}

.tfShirtFabrics__intro p{

font-size:16px;

}

.tfShirtFabrics__grid{

grid-template-columns:1fr;

gap:30px;

}

.tfFabricCard__content{

padding:24px;

}

.tfShirtFabrics__button a{

width:100%;

}

}


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

@media(max-width:420px){

.tfShirtFabrics__container{

padding:0 18px;

}

.tfShirtFabrics__intro h2{

font-size:32px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b500944 *//*==================================================
THE BESPOKE SHIRT JOURNEY
TOMFORD TAILOR
==================================================*/


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

.tfShirtJourney{

    width:100vw;

    margin-left:calc(50% - 50vw);

    margin-right:calc(50% - 50vw);

    background:#0b0b0b;

    padding:150px 0;

    overflow:hidden;

}


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

.tfShirtJourney__container{

    max-width:1400px;

    margin:auto;

    padding:0 40px;

}


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

.tfShirtJourney__intro{

    max-width:860px;

    margin:0 auto 90px;

    text-align:center;

}

.tfShirtJourney__label{

    display:block;

    margin-bottom:20px;

    color:#c8a66a;

    font-size:13px;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

}

.tfShirtJourney__intro h2{

    margin:0;

    color:#fff;

    font-size:clamp(42px,5vw,64px);

    font-weight:300;

    line-height:1.1;

}

.tfShirtJourney__intro p{

    margin:30px auto 0;

    color:#d2d2d2;

    font-size:18px;

    line-height:1.9;

}


/*========================================
TIMELINE
========================================*/

.tfShirtJourney__timeline{

    display:grid;

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

    gap:30px;

    position:relative;

}

.tfShirtJourney__timeline::before{

    content:"";

    position:absolute;

    top:34px;

    left:10%;

    right:10%;

    height:1px;

    background:rgba(200,166,106,.25);

    z-index:0;

}


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

.tfJourneyStep{

    position:relative;

    z-index:1;

    text-align:center;

}

.tfJourneyStep__number{

    width:68px;

    height:68px;

    margin:0 auto 28px;

    border-radius:50%;

    border:1px solid rgba(200,166,106,.35);

    background:#111;

    display:flex;

    align-items:center;

    justify-content:center;

    color:#c8a66a;

    font-size:18px;

    font-weight:600;

    transition:.35s ease;

}

.tfJourneyStep:hover .tfJourneyStep__number{

    background:#c8a66a;

    color:#111;

}

.tfJourneyStep h3{

    margin:0;

    color:#fff;

    font-size:24px;

    font-weight:300;

    line-height:1.3;

}

.tfJourneyStep p{

    margin:18px 0 0;

    color:#cfcfcf;

    font-size:16px;

    line-height:1.9;

}


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

@media(max-width:992px){

.tfShirtJourney{

padding:110px 0;

}

.tfShirtJourney__container{

padding:0 30px;

}

.tfShirtJourney__timeline{

grid-template-columns:1fr;

gap:50px;

}

.tfShirtJourney__timeline::before{

display:none;

}

}


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

@media(max-width:768px){

.tfShirtJourney{

padding:80px 0;

}

.tfShirtJourney__container{

padding:0 22px;

}

.tfShirtJourney__intro{

margin-bottom:55px;

}

.tfShirtJourney__label{

font-size:12px;

letter-spacing:3px;

}

.tfShirtJourney__intro h2{

font-size:36px;

}

.tfShirtJourney__intro p{

font-size:16px;

line-height:1.8;

}

.tfJourneyStep h3{

font-size:22px;

}

.tfJourneyStep p{

font-size:15px;

}

}


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

@media(max-width:420px){

.tfShirtJourney__container{

padding:0 18px;

}

.tfShirtJourney__intro h2{

font-size:32px;

}

.tfJourneyStep__number{

width:60px;

height:60px;

font-size:16px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-ceab7ad *//*==================================================
LUXURY CTA
TOMFORD TAILOR
==================================================*/


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

.tfLuxuryCta{

    width:100vw;

    margin-left:calc(50% - 50vw);

    margin-right:calc(50% - 50vw);

    background:#090909;

    padding:150px 0;

    overflow:hidden;

}


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

.tfLuxuryCta__container{

    max-width:1380px;

    margin:auto;

    padding:0 40px;

}


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

.tfLuxuryCta__content{

    max-width:900px;

    margin:auto;

    text-align:center;

}


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

.tfLuxuryCta__label{

    display:block;

    margin-bottom:20px;

    color:#c8a66a;

    font-size:13px;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

}


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

.tfLuxuryCta__content h2{

    margin:0;

    color:#ffffff;

    font-size:clamp(42px,5vw,64px);

    font-weight:300;

    line-height:1.1;

    letter-spacing:-1px;

}


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

.tfLuxuryCta__content p{

    max-width:760px;

    margin:30px auto 0;

    color:#d2d2d2;

    font-size:18px;

    line-height:1.9;

}


/*========================================
BUTTONS
========================================*/

.tfLuxuryCta__buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    margin-top:55px;

    flex-wrap:wrap;

}

.tfLuxuryCta__buttons a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:18px 42px;

    border-radius:100px;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    letter-spacing:1px;

    transition:.35s ease;

}

.tfLuxuryCta__primary{

    background:#c8a66a;

    color:#111111;

    border:1px solid #c8a66a;

}

.tfLuxuryCta__primary:hover{

    background:#ffffff;

    border-color:#ffffff;

}

.tfLuxuryCta__secondary{

    color:#ffffff;

    border:1px solid rgba(200,166,106,.35);

}

.tfLuxuryCta__secondary:hover{

    background:#c8a66a;

    border-color:#c8a66a;

    color:#111111;

}


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

@media(max-width:992px){

.tfLuxuryCta{

padding:110px 0;

}

.tfLuxuryCta__container{

padding:0 30px;

}

}


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

@media(max-width:768px){

.tfLuxuryCta{

padding:80px 0;

}

.tfLuxuryCta__container{

padding:0 22px;

}

.tfLuxuryCta__label{

font-size:12px;

letter-spacing:3px;

}

.tfLuxuryCta__content h2{

font-size:36px;

}

.tfLuxuryCta__content p{

font-size:16px;

line-height:1.8;

}

.tfLuxuryCta__buttons{

flex-direction:column;

gap:16px;

}

.tfLuxuryCta__buttons a{

width:100%;

}

}


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

@media(max-width:420px){

.tfLuxuryCta__container{

padding:0 18px;

}

.tfLuxuryCta__content h2{

font-size:32px;

}

}/* End custom CSS */