/* ===================================
   SCROLL ANIMATION
=================================== */

.reveal{
    opacity:0;
    transform:translateY(80px);
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
    will-change:transform, opacity;
}

.reveal.active{
    opacity:1;
    transform:translateY(0);
}

/* LEFT ANIMATION */
.reveal-left{
    opacity:0;
    transform:translateX(-100px);
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

.reveal-left.active{
    opacity:1;
    transform:translateX(0);
}

/* RIGHT ANIMATION */
.reveal-right{
    opacity:0;
    transform:translateX(100px);
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

.reveal-right.active{
    opacity:1;
    transform:translateX(0);
}

/* ZOOM */
.reveal-zoom{
    opacity:0;
    transform:scale(.8);
    transition:
        opacity 0.8s ease,
        transform 0.8s ease;
}

.reveal-zoom.active{
    opacity:1;
    transform:scale(1);
}

/* STAGGER EFFECT */
.delay-1{ transition-delay:.1s; }
.delay-2{ transition-delay:.2s; }
.delay-3{ transition-delay:.3s; }
.delay-4{ transition-delay:.4s; }
.delay-5{ transition-delay:.5s; }

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

img,
svg{
    vertical-align:middle;
}

.img-fluid{
    max-width:100%;
    height:auto;
}

/* =========================
   LEFT HERO PATTERN
========================= */

.hero-left-pattern{
    position:absolute;
    inset:0;
    pointer-events:none;
    z-index:0;
}

.left-gradient-hero{
    position:absolute;
    left:0;
    
    height:100%;
    max-width:330px;
}
 
.hero-section{
    background:#191919;
        min-height:100vh;
    height:100svh; 
    
    overflow:hidden;
    display:flex;
    align-items:center;
}

.hero-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url("/assets/images/aboutus/reva-building.webp");
    z-index: 0;
 background-position: right center;
background-repeat: no-repeat;
background-size: contain;
}

/* =========================
   WRAPPER
========================= */

.hero-wrapper{
    display:grid;
    grid-template-columns:700px 1fr;
    align-items:center;
    gap:80px;
}

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

.hero-content{
    position:relative;
    z-index:2;
}

.hero-content p{
    padding-top:5px;
    width:470px !important;
    color:#FFFFFFCC !important;
    width:542px !important;
    font-size:18px !important;
}

/* all  section title */
    .all-sesction-title{
        font-weight:400;
        line-height:155%;
        font-size:14px;
        letter-spacing:8%;
        color:#FFFFFFCC;
        padding-bottom:12px;
    }

    .all-sesction-title-stats{
        font-weight:400;
        line-height:155%;
        font-size:12px;
        letter-spacing:8%;
        color:#FFFFFFCC;
    }

 

    .hero-content h1 span{
        color:#E22A27;
    }

    .hero-content h5{
        color:#FFFFFFCC !important;
        padding:17px 0;
        font-size:18px;
    }

    /* =========================
    BUTTONS
    ========================= */
    .hero-buttons{
        display:flex;
        gap:18px;
        padding-top:40px;
    }


.hero-buttons .animate-btn-trans-fill.banner-button{
 	color:#fff !important;
	text-decoration:none;
	
}

.banner-button{
	padding:9px 19px  13px 19px !important;
}
        .arow-btn{
            position: relative !important;
            z-index: 1;
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 10px;
        }

            .btn-arow{
            height: 15px;
            width: auto;
            }

        .animate-btn-banner{
            all: unset;
            padding: 14px;
            background: transparent !important;
            display: block;
            width: fit-content;
            cursor: pointer;
            text:underline;
            color: #fff !important;
            font-weight: 600 !important;
            line-height: normal;
            position: relative !important;
            overflow: hidden !important;
            z-index: 1;
        }

        .animate-btn-tran u{
            
        }

/* =========================
   STATS
========================= */

.hero-stats{
    display:flex;
    align-items:center;
    margin-top:20px;
    padding-top:34px;
}

.stat-box {
    position: relative;
    padding: 0px 45px 0 35px;
}

.stat-box:first-child{
    padding-left:17px;
}

.stat-box:last-child{
    padding-right:17px;
}

/* =========================
   CENTER DIVIDERS
========================= */

.stat-box.midle-box::before,
.stat-box.midle-box::after{
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:40px;
    background:#FFFFFF12;
}

.stat-box.last-box::before{
    content:"";
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:1px;
    height:40px;
    background:#FFFFFF12;
}

.stat-box.midle-box::before{
    left:0;
}

.stat-box.midle-box::after{
    right:0;
}

.stat-box.last-box::after{
    right:0;
}

.stat-box.last-box::before{
    left:0;
}

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

.stat-box h4{
    font-weight:700;
    margin-top:6px;
}



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

/* =========================
   990px RESPONSIVE
========================= */

@media(max-width:990px){

	.hero-section{
		
		min-height: 80vh;
        	height: auto;
	}

	.founder-info h3 {
    		font-size: 20px !important;
	}

    h2 {
        font-size: 24px !important;
        line-height: normal !important;
        font-weight: 700 !important;
    }

    .all-sesction-title{
        font-size:12px;
    }
    /* Left Background */

    .left-gradient-hero{
        max-width: 60% !important;
        top:80px;
        height:30%;
    }

    /* Layout */
  

    .hero-wrapper{
        display: flex;
        flex-direction: column-reverse;
        gap: 40px;
        align-items: normal;
    }



    .hero-content h1{
        max-width:100%;
        padding-top:14px;
    }

    .hero-content p{
        padding-bottom:20px;
        margin:0 auto;
        font-size:14px;
        width:100% !important;
    }
    .btn-arow{
            height: 15px;
            width: 15px;
    }

    .animate-btn-banner{
            all: unset;
            padding: 7px 10px !important;
            z-index: 1;
    }

    .hero-buttons{
                justify-content: space-evenly;
                padding:0px;
     }
     
    /* Stats */
    .all-sesction-title-stats{
        font-size:5px;
    }

    .hero-stats{
        justify-content: space-between;
        margin:20px auto 0;
        padding-top: 15px;
    }

   .hero-section .hero-stats{
        padding-bottom:36px;
    }
}

/* Second section */
/* =========================
   ABOUT SECTION
========================= */

.about-section{
    padding-top:120px;
    
}

.about-container{
    width:100%;
    display:flex;
    justify-content:space-between;
    gap:106px;
}

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

.about-content{
    width:50%;
    color:#000000 !important;
}


.about-content h2{
    margin-bottom:17px;
}

.about-content h2 span{
    color:#E22A27;
}

.about-content p{
    font-size:17px;
    line-height:1.9;
    color:#000000 !important;
    margin-bottom:18px;
    max-width:560px;
}

/* =========================
   RIGHT GALLERY
========================= */

.about-gallery{
    width:50%;
    position:relative;
    min-height:450px;
}

/* Images */

.gallery-img{
    position:absolute;
    overflow:hidden;
    border-radius:15px;
}

.gallery-img img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}

/* Top Image */

.top-img{
    top:0;
    right:0;
}

/* Bottom Image */

.bottom-img{
    left:0px;
    top:152px;
}

/* Trusted Card */

.learner-card{
    position:absolute;
    top:46px;
    left:0;
    background:#fff;
    padding:12px;
    border-radius:12px;
    border: 1px solid #E22A2761;
    box-shadow: 0px 4px 4px 0px #E22A274D;
    z-index:5;
}

.learner-card span{
    display:block;
    font-size:12px !important;
    color:#000000 !important;
    margin-bottom:5px;
}

.learner-card h4{
    font-size:16px !important;
    color:#000000 !important;
    font-weight:600;
}

/* Admission Card */

.admission-card{
    position:absolute;
    right: -10px;
    bottom: 50px;
    background:#fff !important;
    padding:12px 18px;
    border-radius:16px;
    box-shadow: 0px 4px 4px 0px #E22A274D;
    border: 1px solid #E22A2761;
    z-index:5;
}

.admission-card h3{
    font-size:18px;
    color: #E22A27 !important;
    font-weight:700 !important;
    margin-bottom:10px;
    line-height:1;
}

.admission-card p{
    font-size:16px !important;
    color:#000000 !important;
     font-weight:600 !important;
}
.admission-card p span{
    font-size:12px !important;
    color:#000000 !important;
     font-weight:500 !important;
}

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

.ideas-section{
    padding:60px 0;
}

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

.ideas-top{
    display:flex;
    align-items: flex-end;
    justify-content:space-between;
}

/* LEFT CONTENT */

.top-content-sectionname{
    width:50%;
    color:#000000 !important;
}

.top-content-sectionname h2 span{
    color:#E22A27;
}


/* RIGHT TEXT */



.ideas-top-text h5{
    width: 550px;
}

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

.ideas-grid{
    padding-top:38px;
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    gap:18px;
}

/* COMMON CARD */

.ideas-card{
    padding:28px;
    position:relative;
    overflow:hidden;
    height:246px;
    border-radius:15px;
}

/* LABEL */

.card-label{
    display:block;
    font-size:11px;
    letter-spacing:2px;
    text-transform:uppercase;
    color:#E22A27;
    margin-bottom:18px;
    font-weight:600;
}

/* =========================
   DARK CARD
========================= */

.dark-card{
    background: #191919;
    color: #fff;
    display: flex;
    min-width: 420px;
    border: 1px solid #C9C9C97A;
    box-shadow: 0px 4px 21.2px 0px #00000008;
    flex-direction: column;

}

.dark-card h3{
    font-size:24px !important;
    color: #ffffff !important;
    font-weight:700 !important;
    margin-bottom:0;
}

.tag-wrapper{
    display:flex;
    flex-wrap:wrap;
    gap:10px;
    margin-top: auto;
}

.tag-wrapper span{
    padding:8px 14px;
    border-radius:30px;
    background:transparent;
    border: 1px solid #FFFFFF1A;
    font-size:12px;
    color:#FFFFFFCC !important;
}

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

.ideas-image-card{
    grid-column: 2 / 4;
    border-radius:15px;
    overflow:hidden;
    height:246px;

}

.ideas-image-card img{
    width:100%;
    height:100%;
}


/* =========================
   WHITE CARD
========================= */

.white-card{
    background:#fff;
    border: 1px solid #C9C9C97A;
    min-height:246px;
}


.white-card h3{
    font-size:20px !important;
    color:#000000 !important;
    font-weight:700 !important;
    margin-bottom:22px;
}

.white-card.philosophy-card h3{
    font-size:20px !important;
    color:#000000 !important;
    font-weight:700 !important;
    margin-bottom:25px;
}

.white-card ul{
    padding-left:18px;
     list-style-type: square;
}

.white-card li::marker{
    color:#E22A27;
}
.white-card ul li{
    font-size:14px;
    color:#000000CC;
    margin-bottom:10px;
}

/* =========================
   IMPACT CARD
========================= */

.impact-card{
    background: #E22A27;
    color:#fff;
    min-height:246px;
}

.impact-card .card-label{
    color: #FFFFFF;
}

.impact-card h2{
    font-size:48px !important;
    margin:20px 0 20px 0;
    font-weight:700 !important;
}

.impact-card p{
    font-size:14px !important;
    max-width:263px;
    font-weight:600;
    position:relative;
    z-index:2;
    color:#fff!important;
}

.circle-shape{
    position:absolute;
    width:50px;
    height:54px;
    background: #FFFFFF57;
    border-radius:50%;
    right: -8px;
    top: -15px;
}

.circle-shape2{
    position:absolute;
    width:137px;
    height:135px;
    background: #FFFFFF57;
    border-radius:50%;
    right:-50px;
    bottom:-30px;
}

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

.learning-section{
    padding:60px 0;
    position:relative;
    overflow:hidden;
}

/* Subtle Pattern */

.learning-section::before {
    content: "";
    position: absolute;
    inset: 0;
    background-image: url(/assets/images/home/baground-pattern.webp);
    background-repeat: repeat;
    z-index: 0;
    pointer-events: none;
}

/* =========================
   TOP WRAPPER
========================= */

.learning-top-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:60px;
    margin-bottom:55px;
    position:relative;
    z-index:2;
}

/* LEFT CONTENT */

.learning-left-content {
    width:46%;
}

.learning-left-content .all-sesction-title{
    color:#000000CC !important;
}


.learning-left-content h2{
    max-width:600px;
    margin-bottom:20px;
}

.learning-left-content p{
    max-width:488px;
    margin-bottom:10px;
   font-size:18px !important;
}

/* BUTTON */

.learning-btn{
    display:inline-flex;
    align-items:center;
    gap:12px;

    margin-top:16px;

    background:#E22A27;
    color:#fff;

    padding:16px 28px;
    border-radius:12px;

    text-decoration:none;
    font-size:15px;
    font-weight:600;

    transition:0.3s ease;
}



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

.learning-image-card{
    width:55%;
    height:326px;

    border-radius:26px;
    overflow:hidden;

    position:relative;

    background:#000;
}

.learning-image-card .learning-image-bg{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* Overlay */

.learning-overlay{
    position:absolute;
    inset:0;
    
}

/* Content */

.learning-image-content{
    position:absolute;
    left:25px;
    bottom:25px;
    max-width:430px;
    z-index:2;
}

.learning-image-content span{
    display:inline-block;
    color:#ff4b45;
    font-size:12px;
    letter-spacing:2px;
    text-transform:uppercase;
    margin-bottom:10px;
    font-weight:600;
}

.learning-image-content h3{
    color:#fff;
    font-size:20px !important;
    margin-bottom:10px;
    font-weight:600;
}

.learning-image-content p{
    color:#FFFFFFCC !important;
    font-size:12px !important;
    font-weight:400 !important;
    max-width:420px;
}

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

.learning-features-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:32px;
    position:relative;
    z-index:2;
}

/* CARD */

.learning-feature-card{
    max-height:236px;
    background:#fff;
    border: 1px solid #C9C9C97A;
    border-radius:18px;

    padding:36px 26px;

    transition:0.3s ease;
}

.learning-feature-card:hover{
    transform:translateY(-5px);
    box-shadow:0 18px 40px rgba(0,0,0,0.06);
}

/* ICON */

.learning-feature-card .feature-icon{
    width:52px;
    height:52px;
    border-radius:50%;
    background:#F9E4DF;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    margin-bottom:28px;
}

/* TEXT */

.learning-feature-card h3{
    font-size:20px !important;
    color:#111 ;
    margin-bottom:10px;
    font-weight:700 !important;
}

.learning-feature-card p{
    font-size:14px !important;
    color:#000000CC !important;
     font-weight:400 !important;
}

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

.ecosystem-section{
    background:#191919;
    padding:60px 0;
    overflow:hidden;
}

.ecosystem-section .all-sesction-title{
    margin-bottom:20px;
}

.ecosystem-section h2{
    color:#fff !important;
}

.ecosystem-section h2 span{
    color:#E22A27;
}

.ecosystem-section h5{
    color:#FFFFFFCC !important;
    min-width:auto;
}

/* =========================
   TOP AREA
========================= */

.ecosystem-top{
    display:flex;
    align-items: flex-end;
    justify-content:space-between;
    margin-bottom:50px;
}

.ecosystem-heading{
    width:48%;
}

.ecosystem-top-text{
    width:45%;
}

.ecosystem-top-text p{
    font-size:16px;
    line-height:1.9;
}

/* =========================
   MAIN WRAPPER
========================= */

.ecosystem-wrapper{
    display:grid;
    grid-template-columns:291px 1fr 291px;
    gap:33px;
    align-items:center;
}

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

.ecosystem-image{
    max-height:469px;
    border-radius:20px;
    overflow:hidden;
}

.ecosystem-image img{
    width:100%;
    height:100%;
    object-fit:cover;
}

/* =========================
   FEATURE COLUMN
========================= */

.ecosystem-features-left,
.ecosystem-features-right{
    display:flex;
    flex-direction:column;
    gap:30px;
}

/* =========================
   FEATURE CARD
========================= */

.eco-feature-card{
    max-height:138px;
    background:#272727;
    border: 1px solid #5959597A;

    border-radius:15px;

    padding:26px 15px;

    transition:0.3s ease;
}

.eco-feature-card:hover{
    transform:translateY(-4px);
    border-color:rgba(226,42,39,0.4);
}

/* ICON */

.eco-icon{
    width:24px;
    height:24px;
    display:flex;
    align-items:center;
    justify-content:center;
    margin-bottom:14px;
}

/* TEXT */

.eco-feature-card h3{
    color:#fff;
    font-size:20px !important;
    margin-bottom:3px;
    font-weight:700 !important;
}

.eco-feature-card p{
    font-size:12px;
    font-weight:400 !important;
    color:#FFFFFFCC !important;
}

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

.recognition-section{
    width:100%;
    padding: 60px 0 0px 0px;
    overflow:hidden;
}

/* =========================
   TOP AREA
========================= */

.recognition-top-wrapper{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:70px;
    margin-bottom:34px;
}

/* LEFT CONTENT */

.recognition-left{
    width:48%;
}

.recognition-left h2{
    max-width:650px;
}

.recognition-left p{
    max-width:500px;
    font-size:18px !important;
}

.recognition-left{
    display:flex;
    flex-direction:column;
    gap:14px;
}

/* BUTTON */

.recognition-btn{
    
}

.recognition-btn:hover{
    transform:translateY(-2px);
    background:#f03b38;
}

.animate-btn{
    box-shadow: 0px 4px 5px 0px #E22A2780;
}

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

.recognition-stats-grid{
    width:42%;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:20px;
}

/* CARD */

.recognition-stat-card{
    max-height:129px;
    max-width:252px;
    background:transparent;
    border: 1px solid #E22A274D;
    border-radius:15px;
    padding:34px 28px;
    transition:0.3s ease;
box-shadow: 0px 1px 20px 8px #E22A2733;
}



}

.recognition-stat-card:hover{
    transform:translateY(-3px);
    box-shadow: 0px 4px 21.2px 0px #00000008;
}

/* TEXT */

.recognition-stat-card h3{
    font-size:36px !important;
    color:#E22A27 !important;
    margin-bottom:10px;
    font-weight:700;
}

.recognition-stat-card p{
    font-size:14px !important;
    color:#000000CC !important;
    font-weight:400 !important;
}

/* =========================
   LOGO WRAPPER
========================= */

.recognition-logos-wrapper{
    border: 2px dashed #00000030;
    border-radius:28px;
    padding:29px 27px;
}

/* LABEL */

.recognition-label{
    display:block;
    font-size:14px;
    color:#000000CC;
    margin-bottom:22px;
}

/* LOGOS */

.recognition-logos-grid{
    display:grid;
    grid-template-columns:repeat(6,1fr);
    gap:18px;
}

/* BOX */

.recognition-logo-box{
    height:65px;
    max-width:173px;
    background: #F7F1E8;
    border: 1px solid #E22A274D;
    border-radius:15px;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:24px;
    font-weight:700;
    color:#000000;

    transition:0.3s ease;
}

.recognition-logo-box:hover{
    transform:translateY(-3px);
    box-shadow: 0px 4px 21.2px 0px #00000008;
}

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

.founder-section{
    background:#F7F1E8;
    padding:60px 0;
    position:relative;
    overflow:hidden;
}

.founder-section-pattern {
    position: absolute;
    inset: 0;
    top:10px;
    pointer-events: none;
    z-index: 0;
}

.founder-section-pattern img{
    position: absolute;
    left: 0;
    top: 0px;
    /* height: 100%; */
    max-width: 330px;
}


/* =========================
   WRAPPER
========================= */

.founder-wrapper{
    display:flex;
    align-items:center;
    justify-content:space-between;
    position:relative;
    z-index:2;
    gap: 35px;
}

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


.founder-content{
    display:flex;
    flex-direction:column;
    gap:35px;
}

.founder-content .all-sesction-title-black{
    color:#E22A27 !important;
}

.founder-content h2{
    color:#111;
    font-weight:700;
}

.founder-content h2 span{
    color:#E22A27;
}

.founder-content p{
    font-size:24px !important;
    color:#000000CC !important;
    max-width:700px;
}

/* =========================
   FOUNDER INFO
========================= */

.founder-info h3{
    font-size:24px !important;
    color:#000000CC !important;
    font-weight:700 !important;
}

.founder-info span{
    font-size:16px;
    color:#000000CC;
    font-weight:400 !important;
}

.founder-info {
    border-left: 3px solid #E22A27;
    padding:10px 10px;
}

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

.founder-image{
    max-width:526px;
    max-height:500px;

    border-radius:18px;
    overflow:hidden;
    border: 1px solid #E22A2733;
    box-shadow: 0px 4px 47.1px 10px #E22A2745;

    flex-shrink:0;
}

.founder-image img{
    width:100%;
    height:100%;
    object-fit:cover;
    display:block;
}


/* =========================================
   STUDENT SUCCESS SECTION
========================================= */

.student-success-section{
    padding:60px 0;
    
}

.student-success-wrapper{
    background: #FFF7F0;
    border: 1px solid #E22A274D;
    border-radius:15px;
    padding:44px 26px;
    display:grid;
    grid-template-columns:540px 1fr;
    gap:17px;
}

/* =========================================
   LEFT SIDE
========================================= */

.student-success-left{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.student-success-focus{
    max-width:540px;
    max-height:185px;
    padding:5px;
    padding-bottom: 40px;
}

.student-success-left .section-label{
    display:block;
    margin-bottom:11px;
}

.student-success-left h2{
    font-size:40px;
    line-height:1.08;
    font-weight:700;
    color:#111;
    margin-bottom:16px;
    letter-spacing:-1px;
}

.student-success-left h2 span{
    color:#e53935;
}

.student-success-left p{
    font-size:16px !important;
    color:#000000CC !important;
    max-width:400px;
    margin:0;
}

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

.student-success-grid{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:17px;
}

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

.success-card{
    background:#fff;
    border:1px solid #dcdcdc;
    border-radius:12px;
    padding:16px;
    position:relative;
    max-width:308px;
    max-height:185px;
    overflow:hidden;
}

.success-card:hover{
    border: 1px solid #E22A27CC;
    box-shadow: 0px 4px 21.2px 0px #00000008;

}

.success-card-Rewards{
    max-width:540px;
    max-height:185px;
    padding:16px;
}


.success-top{
    display:flex;
    align-items: baseline;
    gap:8px;
}

.success-icon{
    width:30px;
    height:30px;
    flex-shrink:0;
}

.success-icon img{
    width:100%;
    height:100%;
    object-fit:contain;
}

.success-card h3{
    font-size:18px !important;
    font-weight:600 !important;
    color:#000000 !important;
    margin-bottom:18px;
}

.success-card h4{
    font-size:14px !important;
    font-weight:500 !important;
    color:#000000 !important;
    margin-bottom:8px;
}

.success-card p{
    font-size:12px !important;
    color:#000000 !important;
    margin:0;
    font-weight:400 !important;
    max-width:95%;
}

.success-card-Rewards .success-card p{
    font-size:12px !important;
    color:#000000 !important;
    margin:0;
    font-weight:400 !important;
    max-width:100%;
}
/* =========================================
   ARROW
========================================= */

.card-arrow{
    position:absolute;
    right:16px;
    bottom:22px;
    width:15px;
    height:15px;
}

.card-arrow img{
    width:100%;
    height:100%;
    object-fit:contain;
}

/* =========================================
   ACADEMICS
========================================= */

.academics-card{
    min-height:90px;
}

.academic-buttons{
    display:flex;
    gap:8px;
    margin-top:14px;
    border-top: 1px solid #0000001F;
    padding-top:10px;
}

.academic-btn{
    height:30px;
    width: 100%;
    padding:0 12px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    text-decoration:none;
    font-size:12px;
    font-weight:700;
    transition:0.3s ease;
}

.white-btn{
    border:1px solid #d9d9d9;
    background:#fff;
    color:#111;
    min-width:122px;
}

.red-btn{
    background:#e53935;
    color:#fff;
    min-width:106px;
}

.academic-btn img{
    width:10px;
}



.card-arrow img {
    transition: opacity 0.10s ease;
}

/* Hover image hidden initially */
.arrow-hover {
    position:absolute;
    right:0px;
    bottom:-10px;
    width:15px;
    height:15px;
    opacity: 0;
}

/* On card hover */
.success-card:hover .arrow-default {
    opacity: 0;
}

.success-card:hover .arrow-hover {
    opacity: 1;
}

.future-section{
	display:none;
}