.elementor-47 .elementor-element.elementor-element-2bad7f6{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;overflow:visible;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-47 .elementor-element.elementor-element-2bad7f6{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-843bc55 *//*========================================
ROOT VARIABLES
========================================*/

:root{

    --primary:#90292E;
    --primary-dark:#B11217;
    --secondary:#182446;
    --white:#FFFFFF;
    --light:#F8F9FB;
    --gray:#6B7280;
    --border:#ECECEC;

}

*{

    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%;

}

img{

    max-width:100%;
    display:block;

}

a{

    text-decoration:none;

}

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

.section-title{

    max-width:900px;
    margin:0 auto 45px;
    text-align:center;

}

.section-title span{

    display:inline-block;
    padding:8px 20px;
    background:#90292E;
    color:#fff;
    border-radius:50px;
    font-size:11px;
    font-weight:600;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:18px;

}

.section-title h2{

    font-family:'Oswald',sans-serif;
    font-size:clamp(28px,4vw,44px);
    color:#182446;
    line-height:1.2;
    margin-bottom:18px;
    font-weight:700;

}

.section-title p{

    max-width:820px;
    margin:auto;
    color:#555;
    font-size:15px;
    line-height:1.9;

}

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

.resources-intro{

    background:#F8F9FB;

}


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

.resources{

    background:#F8F9FB;

}

.resource-grid{

    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:28px;

}

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

.resource-card{

    background:#fff;
    padding:35px 28px;
    border-radius:22px;
    text-align:center;
    border-top:5px solid #90292E;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
    transition:.35s ease;
    position:relative;
    overflow:hidden;

}

.resource-card::before{

    content:"";
    position:absolute;
    width:90px;
    height:90px;
    background:rgba(144,41,46,.05);
    border-radius:50%;
    top:-35px;
    right:-35px;

}

.resource-card:hover{

    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.12);

}

/*========================================
RESOURCE ICON
========================================*/

.resource-icon{

    width:72px;
    height:72px;
    margin:0 auto 22px;
    border-radius:50%;
    background:linear-gradient(135deg,#90292E,#B11217);
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:30px;
    position:relative;
    z-index:2;
    transition:.35s;

}

.resource-card:hover .resource-icon{

    transform:rotateY(180deg);

}

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

.resource-card h3{

    font-family:'Oswald',sans-serif;
    font-size:24px;
    color:#182446;
    margin-bottom:15px;
    position:relative;
    z-index:2;

}

.resource-card p{

    font-size:14px;
    line-height:1.9;
    color:#555;
    position:relative;
    z-index:2;

}


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

.resource-faq{

    padding:70px 8%;
    background:#FFFFFF;

}

.faq-grid{

    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:28px;

}

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

.faq-card{

    background:#F8F9FB;
    padding:30px;
    border-radius:20px;
    border-left:5px solid #90292E;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.35s ease;

}

.faq-card:hover{

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

}

.faq-card h3{

    font-family:'Oswald',sans-serif;
    font-size:22px;
    color:#182446;
    margin-bottom:15px;
    line-height:1.3;

}

.faq-card p{

    font-size:14px;
    line-height:1.9;
    color:#555;

}

/*========================================
CALL TO ACTION
========================================*/

.resources-cta{

    padding:80px 8%;
    background:linear-gradient(135deg,#90292E,#182446);
    text-align:center;
    color:#fff;

}

.cta-content{

    max-width:900px;
    margin:auto;

}

.resources-cta h2{

    font-family:'Oswald',sans-serif;
    font-size:clamp(30px,4vw,46px);
    margin-bottom:20px;
    line-height:1.2;
    color:#fff;

}

.resources-cta p{

    max-width:760px;
    margin:0 auto 35px;
    font-size:16px;
    line-height:1.9;
    color:#F3F4F6;

}

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

.cta-buttons{

    display:flex;
    justify-content:center;
    align-items:center;
    gap:18px;
    flex-wrap:wrap;

}

.btn{

    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:14px 32px;
    border-radius:50px;
    text-decoration:none;
    font-size:15px;
    font-weight:600;
    transition:.35s ease;

}

.btn-primary{

    background:#FFFFFF;
    color:#90292E;

}

.btn-primary:hover{

    background:#F3F4F6;
    transform:translateY(-3px);

}

.btn-outline{

    border:2px solid #FFFFFF;
    color:#FFFFFF;

}

.btn-outline:hover{

    background:#FFFFFF;
    color:#90292E;
    transform:translateY(-3px);

}


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

@media (max-width:991px){

section{

    padding:60px 6%;

}

.section-title{

    margin-bottom:35px;

}

.section-title h2{

    font-size:34px;

}

.section-title p{

    font-size:14px;

}

.resource-grid{

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

    gap:22px;

}

.resource-card{

    padding:30px 24px;

}

.resource-icon{

    width:65px;

    height:65px;

    font-size:26px;

}

.resource-card h3{

    font-size:22px;

}

.resource-card p{

    font-size:14px;

}

.faq-grid{

    grid-template-columns:1fr;

    gap:22px;

}

.faq-card{

    padding:26px;

}

.faq-card h3{

    font-size:21px;

}

.resources-cta{

    padding:70px 6%;

}

.resources-cta h2{

    font-size:36px;

}

.resources-cta p{

    font-size:15px;

}

}

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

@media (max-width:767px){

section{

    padding:50px 5%;

}

.section-title{

    margin-bottom:28px;

}

.section-title span{

    font-size:10px;

    padding:7px 16px;

    letter-spacing:1.5px;

}

.section-title h2{

    font-size:28px;

}

.section-title p{

    font-size:14px;

    line-height:1.8;

}

.resource-grid{

    grid-template-columns:1fr;

    gap:18px;

}

.resource-card{

    padding:24px 20px;

    border-radius:18px;

}

.resource-icon{

    width:58px;

    height:58px;

    font-size:24px;

    margin-bottom:18px;

}

.resource-card h3{

    font-size:20px;

}

.resource-card p{

    font-size:13px;

    line-height:1.8;

}

.faq-grid{

    grid-template-columns:1fr;

    gap:18px;

}

.faq-card{

    padding:22px 20px;

}

.faq-card h3{

    font-size:20px;

}

.faq-card p{

    font-size:13px;

}

.resources-cta{

    padding:60px 20px;

}

.resources-cta h2{

    font-size:30px;

}

.resources-cta p{

    font-size:14px;

}

.cta-buttons{

    flex-direction:column;

    gap:14px;

}

.btn{

    width:100%;

    max-width:260px;

    margin:auto;

}

}

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

@media (max-width:480px){

section{

    padding:40px 15px;

}

.section-title h2{

    font-size:24px;

}

.section-title p{

    font-size:13px;

}

.resource-card{

    padding:20px 18px;

}

.resource-icon{

    width:52px;

    height:52px;

    font-size:22px;

}

.resource-card h3{

    font-size:18px;

}

.resource-card p{

    font-size:12px;

}

.faq-card{

    padding:18px;

}

.faq-card h3{

    font-size:18px;

}

.faq-card p{

    font-size:12px;

}

.resources-cta{

    padding:50px 15px;

}

.resources-cta h2{

    font-size:24px;

}

.resources-cta p{

    font-size:13px;

    line-height:1.7;

}

.btn{

    font-size:14px;

    padding:13px 20px;

}

}




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

.hero{

    position:relative;

    min-height:55vh;

    display:flex;

    align-items:center;

    justify-content:center;

    overflow:hidden;

    padding:70px 8%;

    background:
    linear-gradient(
        rgba(9,15,35,.78),
        rgba(144,41,46,.70)
    ),
    url("https://tnarmwrestling.whydev.co.in/wp-content/uploads/2026/05/ChatGPT-Image-May-24-2026-11_20_12-AM.png");

    background-size:cover;

    background-position:center;

    background-repeat:no-repeat;

}

.hero::before{

    content:"";

    position:absolute;

    inset:0;

    background:radial-gradient(
        circle at top right,
        rgba(255,255,255,.08),
        transparent 45%
    );

}

.hero-content{

    position:relative;

    z-index:2;

    max-width:700px;

    text-align:center;

}

.hero span{

    display:inline-block;

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

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

    color:#FFD66B;

    padding:8px 18px;

    border-radius:40px;

    font-size:11px;

    font-weight:600;

    letter-spacing:2px;

    text-transform:uppercase;

    margin-bottom:18px;

}

.hero h1{

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

    font-size:clamp(32px,4vw,48px);

    line-height:1.15;

    font-weight:700;

    color:#fff;

    margin-bottom:16px;

    text-transform:uppercase;

}

.hero h1 strong{

    color:#FFD66B;

}

.hero p{

    max-width:650px;

    margin:auto;

    font-size:15px;

    line-height:1.8;

    color:#F3F4F6;

}

.hero-content>*{

    animation:fadeUp .8s ease forwards;

}

@keyframes fadeUp{

    from{

        opacity:0;

        transform:translateY(25px);

    }

    to{

        opacity:1;

        transform:translateY(0);

    }

}

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

@media(max-width:991px){

.hero{

    min-height:50vh;

    padding:60px 6%;

}

.hero h1{

    font-size:38px;

}

.hero p{

    font-size:14px;

}

}

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

@media(max-width:767px){

.hero{

    min-height:45vh;

    padding:50px 20px;

}

.hero span{

    font-size:10px;

    padding:7px 16px;

}

.hero h1{

    font-size:30px;

    line-height:1.2;

}

.hero p{

    font-size:13px;

    line-height:1.7;

}

}

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

@media(max-width:480px){

.hero{

    min-height:40vh;

    padding:45px 15px;

}

.hero h1{

    font-size:24px;

}

.hero p{

    font-size:12px;

}

}/* End custom CSS */