.elementor-21266 .elementor-element.elementor-element-a0e205b{--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-21266 .elementor-element.elementor-element-b986aa8{--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-21266 .elementor-element.elementor-element-5cb89f0{--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-21266 .elementor-element.elementor-element-7b3674a{--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-21266 .elementor-element.elementor-element-ebd055b{--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-21266 .elementor-element.elementor-element-9b804a3{--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-21266 .elementor-element.elementor-element-7df3e13{--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-21266 .elementor-element.elementor-element-93d9f12{--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-21266 .elementor-element.elementor-element-fd4dede{--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-21266 .elementor-element.elementor-element-2923b43{--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-c64ef66 *//*==========================================================
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/Groom-Wedding-Suits-in-Chiang-Mai.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-b2d69b9 *//*==================================================
TOMFORD MASTER THEME FRAMEWORK V1
PART 1
==================================================*/


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

.tfThemeCollection{

    width:100vw;

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

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

    background:#090909;

    padding:140px 0;

    overflow:hidden;

}


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

.tfThemeCollection__container{

    width:100%;

    max-width:1450px;

    margin:auto;

    padding:0 40px;

}


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

.tfThemeCollection__heading{

    max-width:850px;

    margin:0 auto 90px;

    text-align:center;

}

.tfThemeCollection__heading span{

    display:inline-block;

    margin-bottom:20px;

    color:#c8a66a;

    font-size:13px;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

}

.tfThemeCollection__heading h2{

    margin:0;

    color:#ffffff;

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

    font-weight:300;

    line-height:1.08;

    letter-spacing:-1px;

}

.tfThemeCollection__heading p{

    max-width:760px;

    margin:32px auto 0;

    color:#d4d4d4;

    font-size:18px;

    line-height:1.9;

}


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

.tfThemeCollection__grid{

    display:grid;

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

    gap:90px 55px;

}


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

.tfSuitCard{

    display:flex;

    flex-direction:column;

}


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

.tfSuitCard__image{

    display:block;

    overflow:hidden;

    border-radius:14px;

    background:#111111;

}

.tfSuitCard__image img{

    width:100%;

    display:block;

    aspect-ratio:4/5;

    object-fit:cover;

    transition:1.2s ease;

}


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

.tfSuitCard__content{

    padding-top:28px;

}

.tfSuitCard__content h3{

    margin:12px 0 10px;

    color:#ffffff;

    font-size:34px;

    font-weight:300;

    line-height:1.2;

    letter-spacing:-0.6px;

}

.tfSuitCard__content span{

    display:block;

    color:#bfbfbf;

    font-size:13px;

    letter-spacing:2px;

    text-transform:uppercase;

}

/*==================================================
TOMFORD MASTER THEME FRAMEWORK V1
PART 2
==================================================*/


/*========================================
EXPLORE LINK
========================================*/

.tfSuitCard__link{

    display:inline-flex;

    align-items:center;

    margin-top:24px;

    color:#c8a66a;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    letter-spacing:.5px;

    transition:.35s ease;

}

.tfSuitCard__link:hover{

    color:#ffffff;

}


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

.tfSuitCard{

    transition:.45s ease;

}

.tfSuitCard:hover{

    transform:translateY(-10px);

}

.tfSuitCard:hover img{

    transform:scale(1.03);

}

.tfSuitCard:hover h3{

    color:#c8a66a;

}


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

@media(min-width:1700px){

.tfThemeCollection__container{

    max-width:1550px;

}

.tfThemeCollection__grid{

    gap:100px 70px;

}

}


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

@media(max-width:1400px){

.tfThemeCollection__grid{

    gap:80px 45px;

}

.tfSuitCard__content h3{

    font-size:30px;

}

}


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

@media(max-width:1024px){

.tfThemeCollection{

    padding:110px 0;

}

.tfThemeCollection__container{

    padding:0 30px;

}

.tfThemeCollection__heading{

    margin-bottom:70px;

}

.tfThemeCollection__grid{

    grid-template-columns:1fr;

    gap:70px;

}

}


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

@media(max-width:768px){

.tfThemeCollection{

    padding:80px 0;

}

.tfThemeCollection__container{

    padding:0 22px;

}

.tfThemeCollection__heading{

    margin-bottom:50px;

}

.tfThemeCollection__heading h2{

    font-size:36px;

}

.tfThemeCollection__heading p{

    font-size:16px;

    line-height:1.8;

}

.tfSuitCard__content{

    padding-top:22px;

}

.tfSuitCard__content h3{

    font-size:28px;

}

.tfSuitCard__content span{

    font-size:12px;

    letter-spacing:1.5px;

}

.tfSuitCard__link{

    margin-top:18px;

}

}


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

@media(max-width:480px){

.tfThemeCollection__container{

    padding:0 18px;

}

.tfThemeCollection__heading h2{

    font-size:32px;

}

.tfSuitCard__content h3{

    font-size:24px;

}

.tfSuitCard__content span{

    font-size:11px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cc431d1 *//*==================================================
THE TOMFORD WEDDING EXPERIENCE
==================================================*/


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

.tfWeddingExperience{

    width:100vw;

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

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

    background:#050505;

    padding:140px 0;

    overflow:hidden;

}


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

.tfWeddingExperience__container{

    width:100%;

    max-width:1450px;

    margin:auto;

    padding:0 40px;

}


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

.tfWeddingExperience__heading{

    max-width:850px;

    margin:0 auto 90px;

    text-align:center;

}

.tfWeddingExperience__heading span{

    display:inline-block;

    margin-bottom:18px;

    color:#c8a66a;

    font-size:13px;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

}

.tfWeddingExperience__heading h2{

    margin:0;

    color:#ffffff;

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

    font-weight:300;

    line-height:1.08;

    letter-spacing:-1px;

}

.tfWeddingExperience__heading p{

    max-width:760px;

    margin:30px auto 0;

    color:#d0d0d0;

    font-size:18px;

    line-height:1.9;

}


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

.tfWeddingExperience__grid{

    display:grid;

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

    gap:80px 70px;

}


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

.tfWeddingExperience__item{

    padding-bottom:35px;

    border-bottom:1px solid rgba(255,255,255,.08);

}


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

.tfWeddingExperience__item span{

    display:block;

    margin-bottom:18px;

    color:#c8a66a;

    font-size:12px;

    font-weight:600;

    letter-spacing:3px;

    text-transform:uppercase;

}


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

.tfWeddingExperience__item h3{

    margin:0 0 18px;

    color:#ffffff;

    font-size:32px;

    font-weight:300;

    line-height:1.25;

    letter-spacing:-.5px;

}


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

.tfWeddingExperience__item p{

    margin:0;

    color:#cfcfcf;

    font-size:17px;

    line-height:1.9;

}

/*==================================================
THE TOMFORD WEDDING EXPERIENCE
PART 2
==================================================*/


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

.tfWeddingExperience__item{

    transition:.35s ease;

}

.tfWeddingExperience__item:hover{

    transform:translateY(-6px);

}

.tfWeddingExperience__item:hover h3{

    color:#c8a66a;

}


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

@media(min-width:1700px){

.tfWeddingExperience__container{

    max-width:1550px;

}

}


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

@media(max-width:1024px){

.tfWeddingExperience{

    padding:110px 0;

}

.tfWeddingExperience__container{

    padding:0 30px;

}

.tfWeddingExperience__grid{

    gap:60px 40px;

}

}


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

@media(max-width:768px){

.tfWeddingExperience{

    padding:80px 0;

}

.tfWeddingExperience__container{

    padding:0 22px;

}

.tfWeddingExperience__heading{

    margin-bottom:55px;

}

.tfWeddingExperience__heading h2{

    font-size:36px;

}

.tfWeddingExperience__heading p{

    font-size:16px;

    line-height:1.8;

}

.tfWeddingExperience__grid{

    grid-template-columns:1fr;

    gap:45px;

}

.tfWeddingExperience__item{

    padding-bottom:28px;

}

.tfWeddingExperience__item h3{

    font-size:28px;

}

.tfWeddingExperience__item p{

    font-size:15px;

}

}


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

@media(max-width:480px){

.tfWeddingExperience__container{

    padding:0 18px;

}

.tfWeddingExperience__heading h2{

    font-size:32px;

}

.tfWeddingExperience__item h3{

    font-size:24px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1faa36a *//*==================================================
FAQ
GROOM WEDDING SUITS
==================================================*/


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

.tfFaq{

    width:100vw;

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

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

    background:#090909;

    padding:140px 0;

}


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

.tfFaq__container{

    width:100%;

    max-width:1100px;

    margin:auto;

    padding:0 40px;

}


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

.tfFaq__heading{

    max-width:760px;

    margin:0 auto 80px;

    text-align:center;

}

.tfFaq__heading span{

    display:inline-block;

    margin-bottom:18px;

    color:#c8a66a;

    font-size:13px;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

}

.tfFaq__heading h2{

    margin:0;

    color:#ffffff;

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

    font-weight:300;

    line-height:1.1;

    letter-spacing:-1px;

}

.tfFaq__heading p{

    max-width:700px;

    margin:28px auto 0;

    color:#d1d1d1;

    font-size:18px;

    line-height:1.9;

}


/*========================================
FAQ ITEM
========================================*/

.tfFaq__item{

    border-bottom:1px solid rgba(255,255,255,.08);

    padding:28px 0;

}


/*========================================
QUESTION
========================================*/

.tfFaq__item summary{

    list-style:none;

    cursor:pointer;

    color:#ffffff;

    font-size:24px;

    font-weight:300;

    line-height:1.5;

    display:flex;

    justify-content:space-between;

    align-items:center;

}

.tfFaq__item summary::-webkit-details-marker{

    display:none;

}


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

.tfFaq__item summary::after{

    content:"+";

    color:#c8a66a;

    font-size:30px;

    font-weight:300;

    transition:.35s ease;

}

.tfFaq__item[open] summary::after{

    transform:rotate(45deg);

}


/*========================================
ANSWER
========================================*/

.tfFaq__item p{

    margin:22px 0 0;

    color:#cfcfcf;

    font-size:17px;

    line-height:1.9;

    max-width:90%;

}

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


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

.tfFaq__item{

    transition:.35s ease;

}

.tfFaq__item:hover summary{

    color:#c8a66a;

}


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

@media(max-width:1024px){

.tfFaq{

    padding:110px 0;

}

.tfFaq__container{

    padding:0 30px;

}

}


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

@media(max-width:768px){

.tfFaq{

    padding:80px 0;

}

.tfFaq__container{

    padding:0 22px;

}

.tfFaq__heading{

    margin-bottom:55px;

}

.tfFaq__heading h2{

    font-size:36px;

}

.tfFaq__heading p{

    font-size:16px;

    line-height:1.8;

}

.tfFaq__item{

    padding:22px 0;

}

.tfFaq__item summary{

    font-size:20px;

    line-height:1.5;

    padding-right:20px;

}

.tfFaq__item summary::after{

    font-size:26px;

}

.tfFaq__item p{

    font-size:15px;

    max-width:100%;

}

}


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

@media(max-width:480px){

.tfFaq__container{

    padding:0 18px;

}

.tfFaq__heading h2{

    font-size:32px;

}

.tfFaq__item summary{

    font-size:18px;

}

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4c789b1 *//*==================================================
FINAL CTA
==================================================*/

.tfFinalCTA{

    width:100vw;

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

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

    background:#050505;

    padding:150px 0;

    text-align:center;

}

.tfFinalCTA__container{

    max-width:900px;

    margin:auto;

    padding:0 30px;

}

.tfFinalCTA__container span{

    display:inline-block;

    margin-bottom:20px;

    color:#c8a66a;

    font-size:13px;

    font-weight:600;

    letter-spacing:4px;

    text-transform:uppercase;

}

.tfFinalCTA__container h2{

    margin:0;

    color:#ffffff;

    font-size:clamp(46px,5vw,72px);

    font-weight:300;

    line-height:1.08;

    letter-spacing:-1px;

}

.tfFinalCTA__container p{

    max-width:720px;

    margin:34px auto 50px;

    color:#d2d2d2;

    font-size:18px;

    line-height:1.9;

}

.tfFinalCTA__buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.tfFinalCTA__buttons a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:220px;

    padding:18px 42px;

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

    border-radius:100px;

    color:#ffffff;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    letter-spacing:.5px;

    transition:.35s ease;

}

.tfFinalCTA__buttons a:hover{

    background:#c8a66a;

    color:#111111;

    border-color:#c8a66a;

}


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

@media(max-width:768px){

.tfFinalCTA{

    padding:90px 0;

}

.tfFinalCTA__container{

    padding:0 22px;

}

.tfFinalCTA__container h2{

    font-size:38px;

}

.tfFinalCTA__container p{

    font-size:16px;

    margin:24px auto 40px;

}

.tfFinalCTA__buttons{

    flex-direction:column;

}

.tfFinalCTA__buttons a{

    width:100%;

}

}


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

@media(max-width:480px){

.tfFinalCTA__container{

    padding:0 18px;

}

.tfFinalCTA__container h2{

    font-size:32px;

}

}/* End custom CSS */