.elementor-21032 .elementor-element.elementor-element-34fd04a{--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-21032 .elementor-element.elementor-element-d00d9e9{--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-21032 .elementor-element.elementor-element-6974e18{--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-21032 .elementor-element.elementor-element-9fb8cf0{--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-21032 .elementor-element.elementor-element-f4789dc{--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-21032 .elementor-element.elementor-element-bf24d69{--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-c25e830 *//*==========================================================
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/business-suits-collection-in-chiang-mai-tomford-tailor-scaled.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-d06c735 *//*==================================================
SECTION 2
CUSTOM BUSINESS SUITS
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);

    line-height:1.12;

    font-weight:300;

    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-1d4c7d3 *//*==================================================
SECTION 3
BUSINESS SUIT COLLECTIONS
PART 1
TOMFORD TAILOR
==================================================*/

.tf-business-collections{

    width:100vw;

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

    background:#070707;

    padding:170px 0;

    overflow:hidden;

}


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

.tf-business-collections-container{

    max-width:1500px;

    margin:auto;

    padding:0 40px;

}


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

.tf-business-heading{

    max-width:920px;

    margin:0 auto 130px;

    text-align:center;

}

.tf-business-heading h2{

    margin:0;

    color:#ffffff;

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

    font-weight:300;

    line-height:1.1;

}

.tf-business-heading p{

    margin:40px auto 0;

    max-width:760px;

    color:#d5d5d5;

    font-size:18px;

    line-height:2;

}


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

.tf-business-card{

    display:grid;

    grid-template-columns:60% 40%;

    gap:80px;

    align-items:center;

    margin-bottom:140px;

}

.tf-business-card.reverse{

    grid-template-columns:40% 60%;

}

.tf-business-card.reverse .tf-business-card-image{

    order:2;

}

.tf-business-card.reverse .tf-business-card-content{

    order:1;

}


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

.tf-business-card-image{

    overflow:hidden;

    border-radius:8px;

}

.tf-business-card-image img{

    width:100%;

    display:block;

    object-fit:cover;

    transition:1.2s ease;

}

.tf-business-card:hover img{

    transform:scale(1.04);

}


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

.tf-business-card-content{

    max-width:470px;

}

.tf-business-card-content span{

    display:block;

    color:#c8a66a;

    font-size:14px;

    font-weight:600;

    letter-spacing:3px;

    margin-bottom:18px;

}

.tf-business-card-content h3{

    margin:0;

    color:#ffffff;

    font-size:42px;

    font-weight:300;

    line-height:1.2;

}

.tf-business-card-content p{

    margin:28px 0 40px;

    color:#d3d3d3;

    font-size:18px;

    line-height:1.95;

}

/*==================================================
SECTION 3
BUSINESS SUIT COLLECTIONS
PART 2
TOMFORD TAILOR
==================================================*/


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

.tf-business-card-content a{

    display:inline-flex;

    align-items:center;

    gap:12px;

    color:#c8a66a;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    letter-spacing:1px;

    transition:.35s ease;

}

.tf-business-card-content a::after{

    content:"→";

    transition:.35s ease;

}

.tf-business-card-content a:hover{

    color:#ffffff;

}

.tf-business-card-content a:hover::after{

    transform:translateX(8px);

}


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

.tf-business-card{

    transition:.45s ease;

}

.tf-business-card:hover{

    transform:translateY(-4px);

}


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

.tf-business-card:last-child{

    margin-bottom:0;

}


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

@media(min-width:1700px){

.tf-business-collections-container{

max-width:1700px;

}

.tf-business-card{

gap:100px;

}

.tf-business-card-content{

max-width:520px;

}

.tf-business-card-content h3{

font-size:48px;

}

.tf-business-card-content p{

font-size:19px;

}

}


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

@media(max-width:1366px){

.tf-business-card{

gap:60px;

}

.tf-business-card-content h3{

font-size:38px;

}

}


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

@media(max-width:1024px){

.tf-business-collections{

padding:120px 0;

}

.tf-business-collections-container{

padding:0 30px;

}

.tf-business-heading{

margin-bottom:90px;

}

.tf-business-card,

.tf-business-card.reverse{

grid-template-columns:1fr;

gap:45px;

margin-bottom:90px;

}

.tf-business-card.reverse .tf-business-card-image,

.tf-business-card.reverse .tf-business-card-content{

order:unset;

}

.tf-business-card-content{

max-width:100%;

}

}


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

@media(max-width:768px){

.tf-business-collections{

padding:90px 0;

}

.tf-business-collections-container{

padding:0 22px;

}

.tf-business-heading{

margin-bottom:60px;

}

.tf-business-heading h2{

font-size:36px;

}

.tf-business-heading p{

font-size:16px;

line-height:1.85;

margin-top:28px;

}

.tf-business-card{

gap:30px;

margin-bottom:70px;

}

.tf-business-card-image{

border-radius:6px;

}

.tf-business-card-content span{

font-size:12px;

letter-spacing:2px;

}

.tf-business-card-content h3{

font-size:28px;

}

.tf-business-card-content p{

font-size:15px;

line-height:1.8;

margin:22px 0 28px;

}

}


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

@media(max-width:420px){

.tf-business-collections-container{

padding:0 18px;

}

.tf-business-heading h2{

font-size:32px;

}

.tf-business-card-content h3{

font-size:24px;

}

.tf-business-card-content p{

font-size:14px;

}

}


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

.tf-business-card-image img{

    backface-visibility:hidden;

    -webkit-backface-visibility:hidden;

    will-change:transform;

}


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

.tf-business-collections ::selection{

    background:#c8a66a;

    color:#111111;

}

.tf-business-collections ::-moz-selection{

    background:#c8a66a;

    color:#111111;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-58bef0f *//*==================================================
SECTION 4
WHY PROFESSIONALS CHOOSE BESPOKE
PART 1
TOMFORD TAILOR
==================================================*/

.tf-business-value{

    width:100vw;

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

    background:#0b0b0b;

    padding:170px 0;

    overflow:hidden;

}


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

.tf-business-value-container{

    max-width:1380px;

    margin:auto;

    padding:0 40px;

}


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

.tf-business-value-heading{

    max-width:900px;

    margin:0 auto 110px;

    text-align:center;

}

.tf-business-value-heading h2{

    margin:0;

    color:#ffffff;

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

    font-weight:300;

    line-height:1.08;

}

.tf-business-value-heading p{

    max-width:760px;

    margin:38px auto 0;

    color:#d4d4d4;

    font-size:18px;

    line-height:1.95;

}


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

.tf-business-value-grid{

    display:grid;

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

    gap:40px;

}


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

.tf-business-value-item{

    padding:55px;

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

    background:#111111;

    transition:.4s ease;

}

.tf-business-value-item:hover{

    transform:translateY(-6px);

    border-color:#c8a66a;

}


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

.tf-business-number{

    width:64px;

    height:64px;

    border-radius:50%;

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

    display:flex;

    align-items:center;

    justify-content:center;

    color:#c8a66a;

    font-size:18px;

    font-weight:600;

    letter-spacing:1px;

    margin-bottom:30px;

    transition:.35s ease;

}

.tf-business-value-item:hover .tf-business-number{

    background:#c8a66a;

    color:#111111;

}


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

.tf-business-value-item h3{

    margin:0;

    color:#ffffff;

    font-size:30px;

    font-weight:300;

    line-height:1.3;

}

.tf-business-value-item p{

    margin:24px 0 0;

    color:#d0d0d0;

    font-size:17px;

    line-height:1.9;

}

/*==================================================
SECTION 4
WHY PROFESSIONALS CHOOSE BESPOKE
PART 2
TOMFORD TAILOR
==================================================*/


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

@media(min-width:1700px){

.tf-business-value-container{

max-width:1500px;

}

.tf-business-value-grid{

gap:50px;

}

.tf-business-value-item{

padding:65px;

}

.tf-business-value-item h3{

font-size:34px;

}

.tf-business-value-item p{

font-size:18px;

}

}


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

@media(max-width:1366px){

.tf-business-value-grid{

gap:30px;

}

.tf-business-value-item{

padding:45px;

}

}


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

@media(max-width:1024px){

.tf-business-value{

padding:120px 0;

}

.tf-business-value-container{

padding:0 30px;

}

.tf-business-value-heading{

margin-bottom:80px;

}

.tf-business-value-grid{

grid-template-columns:1fr;

gap:28px;

}

.tf-business-value-item{

padding:42px;

}

}


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

@media(max-width:768px){

.tf-business-value{

padding:90px 0;

}

.tf-business-value-container{

padding:0 22px;

}

.tf-business-value-heading{

margin-bottom:55px;

}

.tf-business-value-heading h2{

font-size:36px;

line-height:1.18;

}

.tf-business-value-heading p{

font-size:16px;

line-height:1.85;

margin-top:28px;

}

.tf-business-value-item{

padding:30px;

}

.tf-business-number{

width:54px;

height:54px;

font-size:16px;

margin-bottom:22px;

}

.tf-business-value-item h3{

font-size:24px;

}

.tf-business-value-item p{

font-size:15px;

line-height:1.8;

margin-top:18px;

}

}


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

@media(max-width:420px){

.tf-business-value-container{

padding:0 18px;

}

.tf-business-value-item{

padding:24px;

}

.tf-business-value-heading h2{

font-size:32px;

}

.tf-business-value-item h3{

font-size:22px;

}

.tf-business-value-item p{

font-size:14px;

}

}


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

.tf-business-value-item{

will-change:transform,border-color;

}

.tf-business-value-item:hover{

box-shadow:0 20px 50px rgba(0,0,0,.22);

}


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

.tf-business-value ::selection{

background:#c8a66a;

color:#111111;

}

.tf-business-value ::-moz-selection{

background:#c8a66a;

color:#111111;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-c841c0e *//*==================================================
SECTION 5
BUSINESS SUIT FAQ
TOMFORD TAILOR
==================================================*/

.tf-business-faq{

    width:100vw;

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

    background:#070707;

    padding:170px 0;

    overflow:hidden;

}


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

.tf-business-faq-container{

    max-width:1100px;

    margin:auto;

    padding:0 40px;

}


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

.tf-business-faq-heading{

    text-align:center;

    margin-bottom:90px;

}

.tf-business-faq-heading h2{

    margin:0;

    color:#ffffff;

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

    font-weight:300;

    line-height:1.08;

}

.tf-business-faq-heading p{

    max-width:760px;

    margin:36px auto 0;

    color:#d5d5d5;

    font-size:18px;

    line-height:1.9;

}


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

.tf-faq{

    display:flex;

    flex-direction:column;

    gap:22px;

}


/*========================================
DETAILS
========================================*/

.tf-faq details{

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

    background:#111111;

    transition:.35s ease;

}

.tf-faq details:hover{

    border-color:#c8a66a;

}

.tf-faq details[open]{

    border-color:#c8a66a;

}


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

.tf-faq summary{

    list-style:none;

    cursor:pointer;

    padding:28px 34px;

    color:#ffffff;

    font-size:22px;

    font-weight:400;

    display:flex;

    align-items:center;

    justify-content:space-between;

}

.tf-faq summary::-webkit-details-marker{

    display:none;

}

.tf-faq summary::after{

    content:"+";

    color:#c8a66a;

    font-size:28px;

    transition:.3s ease;

}

.tf-faq details[open] summary::after{

    content:"−";

}


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

.tf-faq p{

    margin:0;

    padding:0 34px 30px;

    color:#d4d4d4;

    font-size:17px;

    line-height:1.9;

}


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

@media(min-width:1700px){

.tf-business-faq-container{

max-width:1200px;

}

.tf-faq summary{

font-size:24px;

}

.tf-faq p{

font-size:18px;

}

}


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

@media(max-width:1024px){

.tf-business-faq{

padding:120px 0;

}

.tf-business-faq-container{

padding:0 30px;

}

.tf-business-faq-heading{

margin-bottom:70px;

}

}


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

@media(max-width:768px){

.tf-business-faq{

padding:90px 0;

}

.tf-business-faq-container{

padding:0 22px;

}

.tf-business-faq-heading{

margin-bottom:50px;

}

.tf-business-faq-heading h2{

font-size:36px;

}

.tf-business-faq-heading p{

font-size:16px;

line-height:1.8;

}

.tf-faq summary{

padding:22px;

font-size:18px;

line-height:1.5;

}

.tf-faq p{

padding:0 22px 22px;

font-size:15px;

line-height:1.8;

}

}


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

@media(max-width:420px){

.tf-business-faq-container{

padding:0 18px;

}

.tf-business-faq-heading h2{

font-size:32px;

}

.tf-faq summary{

font-size:17px;

padding:20px;

}

.tf-faq p{

padding:0 20px 20px;

font-size:14px;

}

}


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

.tf-business-faq ::selection{

    background:#c8a66a;

    color:#111111;

}

.tf-business-faq ::-moz-selection{

    background:#c8a66a;

    color:#111111;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d0a4b84 *//*==================================================
FINAL CTA
BUSINESS COLLECTION
TOMFORD TAILOR
==================================================*/

.tf-business-cta{

    width:100vw;

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

    background:#050505;

    padding:170px 0;

    overflow:hidden;

}


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

.tf-business-cta-container{

    max-width:1100px;

    margin:auto;

    padding:0 40px;

    text-align:center;

}


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

.tf-business-cta h2{

    margin:0;

    color:#ffffff;

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

    font-weight:300;

    line-height:1.08;

}

.tf-business-cta p{

    max-width:760px;

    margin:40px auto 0;

    color:#d5d5d5;

    font-size:18px;

    line-height:1.95;

}


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

.tf-business-cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

    margin-top:60px;

}

.tf-business-cta-buttons a{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    min-width:230px;

    padding:20px 38px;

    border-radius:100px;

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

    text-decoration:none;

    color:#ffffff;

    font-size:15px;

    font-weight:600;

    letter-spacing:1px;

    transition:.35s ease;

}

.tf-business-cta-primary{

    background:#c8a66a;

    color:#111111 !important;

}

.tf-business-cta-primary:hover{

    background:#ffffff;

    color:#111111 !important;

}

.tf-business-cta-buttons a:not(.tf-business-cta-primary):hover{

    background:#c8a66a;

    color:#111111;

}


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

.tf-business-cta-footer{

    margin-top:90px;

}

.tf-business-cta-footer h3{

    margin:0;

    color:#c8a66a;

    font-size:30px;

    font-weight:300;

    line-height:1.5;

}


/*========================================
DIVIDER
========================================*/

.tf-business-cta::before{

    content:"";

    display:block;

    width:140px;

    height:1px;

    margin:0 auto 90px;

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

}


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

@media(min-width:1700px){

.tf-business-cta-container{

max-width:1200px;

}

.tf-business-cta h2{

font-size:82px;

}

.tf-business-cta p{

font-size:19px;

}

}


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

@media(max-width:1024px){

.tf-business-cta{

padding:120px 0;

}

.tf-business-cta-container{

padding:0 30px;

}

}


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

@media(max-width:768px){

.tf-business-cta{

padding:90px 0;

}

.tf-business-cta-container{

padding:0 22px;

}

.tf-business-cta h2{

font-size:38px;

}

.tf-business-cta p{

font-size:16px;

line-height:1.8;

margin-top:28px;

}

.tf-business-cta-buttons{

flex-direction:column;

gap:16px;

margin-top:45px;

}

.tf-business-cta-buttons a{

width:100%;

min-width:100%;

}

.tf-business-cta-footer{

margin-top:60px;

}

.tf-business-cta-footer h3{

font-size:24px;

}

}


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

@media(max-width:420px){

.tf-business-cta-container{

padding:0 18px;

}

.tf-business-cta h2{

font-size:32px;

}

.tf-business-cta-footer h3{

font-size:20px;

}

}


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

.tf-business-cta ::selection{

background:#c8a66a;

color:#111111;

}

.tf-business-cta ::-moz-selection{

background:#c8a66a;

color:#111111;

}/* End custom CSS */