.elementor-21111 .elementor-element.elementor-element-f3ff679{--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-21111 .elementor-element.elementor-element-c942e1c{--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-21111 .elementor-element.elementor-element-b8c9644{--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-21111 .elementor-element.elementor-element-7d6c9a8{--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-5a3aa95 *//*==========================================================
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/Wedding-Suits-Collections-in-Chiang-Mai.jpeg.jpeg");

    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-25609dd *//*==================================================
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-325b6c2 *//*==================================================
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 */