.elementor-359 .elementor-element.elementor-element-35b3160{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;overflow:visible;}.elementor-359 .elementor-element.elementor-element-35b3160.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-359 .elementor-element.elementor-element-35391d9{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;overflow:visible;}.elementor-359 .elementor-element.elementor-element-15e7926 .elementor-field-group{padding-right:calc( 17px/2 );padding-left:calc( 17px/2 );margin-bottom:31px;}.elementor-359 .elementor-element.elementor-element-15e7926 .elementor-form-fields-wrapper{margin-left:calc( -17px/2 );margin-right:calc( -17px/2 );margin-bottom:-31px;}.elementor-359 .elementor-element.elementor-element-15e7926 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-359 .elementor-element.elementor-element-15e7926 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-359 .elementor-element.elementor-element-15e7926 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-359 .elementor-element.elementor-element-15e7926 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-359 .elementor-element.elementor-element-15e7926 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-359 .elementor-element.elementor-element-15e7926 .elementor-field-group > label, .elementor-359 .elementor-element.elementor-element-15e7926 .elementor-field-subgroup label{color:#000000;}.elementor-359 .elementor-element.elementor-element-15e7926 .elementor-field-group > label{font-family:"Inter", Sans-serif;font-weight:400;}.elementor-359 .elementor-element.elementor-element-15e7926 .elementor-field-type-html{padding-bottom:0px;color:#0F0F0F;font-family:"Inter", Sans-serif;font-weight:400;}.elementor-359 .elementor-element.elementor-element-15e7926 .elementor-field-group .elementor-field{color:#000000;}.elementor-359 .elementor-element.elementor-element-15e7926 .elementor-field-group .elementor-field, .elementor-359 .elementor-element.elementor-element-15e7926 .elementor-field-subgroup label{font-family:"Inter", Sans-serif;font-weight:400;}.elementor-359 .elementor-element.elementor-element-15e7926 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-359 .elementor-element.elementor-element-15e7926 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-359 .elementor-element.elementor-element-15e7926 .elementor-button{font-family:"Inter", Sans-serif;font-weight:500;}.elementor-359 .elementor-element.elementor-element-15e7926 .e-form__buttons__wrapper__button-next{background-color:#8C2B30;color:#ffffff;}.elementor-359 .elementor-element.elementor-element-15e7926 .elementor-button[type="submit"]{background-color:#8C2B30;color:#ffffff;}.elementor-359 .elementor-element.elementor-element-15e7926 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-359 .elementor-element.elementor-element-15e7926 .e-form__buttons__wrapper__button-previous{background-color:#8C2B30;color:#ffffff;}.elementor-359 .elementor-element.elementor-element-15e7926 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-359 .elementor-element.elementor-element-15e7926 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-359 .elementor-element.elementor-element-15e7926 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-359 .elementor-element.elementor-element-15e7926 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-359 .elementor-element.elementor-element-15e7926 .elementor-message{font-family:"Inter", Sans-serif;font-weight:400;}.elementor-359 .elementor-element.elementor-element-15e7926{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}body.elementor-page-359:not(.elementor-motion-effects-element-type-background), body.elementor-page-359 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-359 .elementor-element.elementor-element-35391d9{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}@media(min-width:768px){.elementor-359 .elementor-element.elementor-element-35b3160{--width:100%;}.elementor-359 .elementor-element.elementor-element-35391d9{--content-width:747px;}}/* Start custom CSS for html, class: .elementor-element-3b914cd *//*========================================
ROOT VARIABLES
========================================*/

:root{

    --primary:#90292E;
    --primaryDark:#B11217;
    --secondary:#182446;
    --white:#FFFFFF;
    --light:#F8F9FB;
    --gray:#555555;

}

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
}

body{

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

    color:#222;

    background:#fff;

    overflow-x:hidden;

}

section{

    padding:70px 8%;

}

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

.btn{

    display:inline-flex;

    align-items:center;

    justify-content:center;

    padding:14px 30px;

    border-radius:50px;

    text-decoration:none;

    font-size:15px;

    font-weight:600;

    transition:.35s ease;

}

.btn-primary{

    background:#90292E;

    color:#fff;

}

.btn-primary:hover{

    background:#B11217;

    transform:translateY(-4px);

}

.btn-outline{

    border:2px solid #fff;

    color:#fff;

}

.btn-outline:hover{

    background:#fff;

    color:#90292E;

}

/*========================================
HERO
========================================*/

.hero{

    min-height:70vh;

    display:flex;

    align-items:center;

    background:
    linear-gradient(
        rgba(0,0,0,.75),
        rgba(0,0,0,.85)
    ),
    url("https://tnarmwrestling.whydev.co.in/wp-content/uploads/2026/05/12.png");

    background-size:cover;

    background-position:center;

}

.hero-content{

    max-width:720px;

}

.hero span{

    display:inline-block;

    padding:8px 18px;

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

    border-radius:40px;

    color:#FFD57A;

    font-size:12px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:20px;

}

.hero h1{

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

    font-size:clamp(32px,5vw,52px);

    line-height:1.15;

    margin-bottom:20px;

}

.hero strong{

    color:#FFD57A;

}

.hero p{

    color:#EAEAEA;

    font-size:16px;

    line-height:1.8;

    margin-bottom:35px;

}

.hero-buttons{

    display:flex;

    gap:18px;

    flex-wrap:wrap;

}

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

.join-intro{

    background:#F8F9FB;

}

.section-title{

    max-width:900px;

    margin:0 auto 45px;

    text-align:center;

}

.section-title span{

    display:inline-block;

    padding:8px 18px;

    background:#90292E;

    color:#fff;

    border-radius:40px;

    font-size:11px;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:15px;

}

.section-title h2{

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

    font-size:clamp(26px,4vw,40px);

    color:#182446;

    margin-bottom:18px;

}

.section-title p{

    max-width:820px;

    margin:auto;

    font-size:15px;

    line-height:1.8;

    color:#555;

}

/*========================================
HIGHLIGHT BOXES
========================================*/

.join-highlight{

    display:grid;

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

    gap:22px;

    margin-top:40px;

}

.highlight-box{

    background:#fff;

    padding:28px 24px;

    border-radius:18px;

    border-top:4px solid #90292E;

    box-shadow:0 10px 25px rgba(0,0,0,.08);

    transition:.35s;

}

.highlight-box:hover{

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(0,0,0,.12);

}

.highlight-box h3{

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

    font-size:22px;

    color:#182446;

    margin-bottom:14px;

}

.highlight-box p{

    font-size:14px;

    line-height:1.8;

    color:#555;

}





/*========================================
MEMBER BENEFITS
========================================*/

.member-benefits{

    background:#F8F9FB;

}

.benefits-grid{

    display:grid;

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

    gap:22px;

}

.benefit-card{

    background:#FFFFFF;

    padding:28px 24px;

    border-left:5px solid #90292E;

    border-radius:16px;

    box-shadow:0 8px 22px rgba(0,0,0,.08);

    transition:.35s;

}

.benefit-card:hover{

    transform:translateY(-6px);

    box-shadow:0 16px 35px rgba(0,0,0,.12);

}

.benefit-card h3{

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

    font-size:21px;

    color:#182446;

    margin-bottom:12px;

}

.benefit-card p{

    font-size:14px;

    line-height:1.8;

    color:#555;

}


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

.join-cta{

    background:
    linear-gradient(
        rgba(144,41,46,.92),
        rgba(24,36,70,.92)
    ),
    url("https://tnarmwrestling.whydev.co.in/wp-content/uploads/2026/05/10.png");

    background-size:cover;

    background-position:center;

    text-align:center;

    color:#fff;

}

.join-cta-content{

    max-width:900px;

    margin:auto;

}

.join-cta h2{

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

    font-size:clamp(28px,4vw,42px);

    margin-bottom:20px;

    color:#fff;

}

.join-cta p{

    font-size:16px;

    line-height:1.9;

    color:#F3F4F6;

    margin-bottom:35px;

}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:18px;

    flex-wrap:wrap;

}


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

@media (max-width:991px){

section{

    padding:60px 6%;

}

/* Hero */

.hero{

    min-height:60vh;

    text-align:center;

    justify-content:center;

}

.hero-content{

    max-width:100%;

}

.hero h1{

    font-size:40px;

}

.hero p{

    font-size:15px;

}

.hero-buttons{

    justify-content:center;

}

/* Section Title */

.section-title{

    margin-bottom:35px;

}

.section-title h2{

    font-size:32px;

}

/* Highlight */

.join-highlight{

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

    gap:20px;

}

/* Members */

.member-grid{

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

    gap:20px;

}

/* Benefits */

.benefits-grid{

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

    gap:20px;

}

/* Options */

.options-grid{

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

    gap:20px;

}

.highlight-box,
.member-card,
.benefit-card,
.option-card{

    padding:24px 20px;

}

.highlight-box h3,
.member-card h3,
.benefit-card h3,
.option-card h3{

    font-size:20px;

}

.highlight-box p,
.member-card p,
.benefit-card p,
.option-card p{

    font-size:14px;

}

}

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

@media (max-width:767px){

section{

    padding:50px 5%;

}

/* Hero */

.hero{

    min-height:50vh;

    padding:60px 20px;

    text-align:center;

}

.hero span{

    font-size:10px;

    letter-spacing:1px;

}

.hero h1{

    font-size:30px;

    line-height:1.2;

}

.hero p{

    font-size:14px;

    line-height:1.7;

}

.hero-buttons{

    flex-direction:column;

    align-items:center;

    gap:12px;

}

.hero-buttons .btn{

    width:100%;

    max-width:260px;

}

/* Section Title */

.section-title{

    margin-bottom:28px;

}

.section-title span{

    font-size:10px;

}

.section-title h2{

    font-size:26px;

}

.section-title p{

    font-size:14px;

}

/* Cards */

.join-highlight,
.member-grid,
.benefits-grid,
.options-grid{

    grid-template-columns:1fr;

    gap:16px;

}

.highlight-box,
.member-card,
.benefit-card,
.option-card{

    padding:22px 18px;

}

.member-icon{

    font-size:34px;

}

.highlight-box h3,
.member-card h3,
.benefit-card h3,
.option-card h3{

    font-size:18px;

}

.highlight-box p,
.member-card p,
.benefit-card p,
.option-card p{

    font-size:13px;

    line-height:1.7;

}

/* CTA */

.join-cta{

    padding:60px 20px;

}

.join-cta h2{

    font-size:28px;

}

.join-cta p{

    font-size:14px;

}

.cta-buttons{

    flex-direction:column;

    align-items:center;

}

.cta-buttons .btn{

    width:100%;

    max-width:260px;

}

}

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

@media (max-width:480px){

section{

    padding:40px 15px;

}

.hero{

    min-height:45vh;

}

.hero h1{

    font-size:24px;

}

.hero p{

    font-size:13px;

}

.section-title h2{

    font-size:22px;

}

.section-title p{

    font-size:13px;

}

.highlight-box,
.member-card,
.benefit-card,
.option-card{

    padding:18px 16px;

}

.member-icon{

    font-size:30px;

}

.highlight-box h3,
.member-card h3,
.benefit-card h3,
.option-card h3{

    font-size:17px;

}

.highlight-box p,
.member-card p,
.benefit-card p,
.option-card p{

    font-size:12px;

}

.join-cta h2{

    font-size:24px;

}

.join-cta p{

    font-size:13px;

}

.btn{

    width:100%;

    font-size:14px;

    padding:13px 18px;

}

}/* End custom CSS */