/*==========================
   Finance Hero Section
===========================*/

.finance-hero {
    position: relative;
    padding: 40px 0;
    background: linear-gradient(134deg, #2446a9, #14546ce6);
    background: linear-gradient(134deg, #2446a9, #0e455a);
    overflow: hidden;
    color: #fff;
}

/* Background Shape */

.finance-hero::before {
    content: "";
    position: absolute;
    width: 450px;
    height: 500px;
    right: -180px;
    top: -220px;
    background: rgb(32 122 175 / 8%);
    border-radius: 50%;
}

.finance-hero::after {
    content: "";
    position: absolute;
    width: 431px;
    height: 419px;
    left: -158px;
    bottom: -211px;
    background: rgb(56 145 74 / 15%);
    border-radius: 50%;
}

.finance-overlay {
    position: absolute;
    inset: 0;
    background: url(images/icons/pattern.avif) center center/cover;
    opacity: .08;
}

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

/* Tag */

.hero-tag {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: rgba(255, 255, 255, .08);
    color: #FFD54F;
    padding: 4px 24px;
    border-radius: 50px;
    font-size: 15px;
    font-weight: 600;
    letter-spacing: .5px;
    margin-bottom: 13px;
    border: 1px solid rgba(255, 255, 255, .12);
}

.hero-tag i {
    color: #ffc107;
}

/* Heading */

.finance-hero h1 {
    font-size: 42px;
    line-height: 1;
    font-weight: 600;
    margin-bottom: 15px;
    color: #fff;
}

.finance-hero h1 span {
    color: #ffc107;
}

.finance-hero h2 {
    font-size: 28px;
    font-weight: 700;
    color: #FFD54F;
    margin-bottom: 6px;
}

.finance-hero p {
    max-width: 960px;
    font-size: 16px;
    line-height: 1.9;
    color: #d7dbe6;
    margin-bottom: 12px;
    margin: auto;
}

/* Buttons */

.hero-btns {
    display: flex;
    gap: 18px;
    flex-wrap: wrap;
    margin: auto;
}

.hero-btns .btn {
    padding: 8px 28px;
    border-radius: 50px;
    font-weight: 600;
    transition: .4s;
    font-size: 15px;
    line-height: 16px;
}

.btn-warning {
    background: #ffc107;
    color: #071A3D;
    border: none;
}

.btn-warning:hover {
    background: #fff;
    color: #071A3D;
    transform: translateY(-4px);
}

.btn-outline-light {
    border: 2px solid rgba(255, 255, 255, .35);
    color: #fff;
    background: transparent;
}

.btn-outline-light:hover {
    background: #fff;
    color: #071A3D;
    transform: translateY(-4px);
}

/* Highlights */

.hero-highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 45px;
}

.hero-highlights span {
    background: rgba(255, 255, 255, .08);
    padding: 6px 16px;
    border-radius: 50px;
    font-size: 15px;
    color: #fff;
    border: 1px solid rgba(255, 255, 255, .08);
}

/* Image */

.hero-image {
    max-width: 100%;
    border-radius: 25px;
    animation: float 4s ease-in-out infinite;
    filter: drop-shadow(0 25px 45px rgba(0, 0, 0, .35));
}

/* Floating Animation */

@keyframes float {

    0% {
        transform: translateY(0px);
    }

    50% {
        transform: translateY(-12px);
    }

    100% {
        transform: translateY(0px);
    }

}

/* Responsive */

@media(max-width:991px) {

    .finance-hero {
        padding: 90px 0;
        text-align: center;
    }

    .finance-hero h1 {
        font-size: 50px;
    }

    .finance-hero h2 {
        font-size: 26px;
    }

    .finance-hero p {
        margin: auto auto 35px;
    }

    .hero-btns {
        justify-content: center;
    }

    .hero-highlights {
        justify-content: center;
    }

    .hero-image {
        margin-top: 50px;
    }

}

@media(max-width:576px) {

    .finance-hero {
        padding: 70px 0;
    }

    .finance-hero h1 {
        font-size: 38px;
    }

    .finance-hero h2 {
        font-size: 22px;
    }

    .finance-hero p {
        font-size: 16px;
    }

    .hero-btns .btn {
        width: 100%;
    }

    .hero-highlights span {
        width: 100%;
    }

}

.acca-info {
    padding: 40px 0;
    /* background: #f5f5dc36; */
    background: #90f9d529;
}

.acca-center {
    width: 900px;
    height: 415px;
    margin: auto;
    position: relative;
}

/*==============================
      ABOUT ACCA TITLE
================================*/

.acca-heading {
    max-width: 1000px;
    margin: 0 auto 40px;
    text-align: center;
    position: relative;
}

/* Red Ribbon */
/* 
.acca-title-box{

    display:inline-block;
    background:linear-gradient(135deg,#b31217,#d92027);
    color:#fffa0e;
    font-size:54px;
    font-weight:800;
    font-family:Georgia, serif;
    padding:18px 90px;
    border-radius:0 0 60px 60px;
    position:relative;
    line-height:1;
    box-shadow:0 12px 25px rgba(0,0,0,.18);

} */
.acca-title-box {
    display: inline-block;
    background: linear-gradient(135deg, #990e12, #e31c23);
    color: #fffa0e;
    font-size: 32px;
    font-weight: 600;
    font-family: Georgia, serif;
    padding: 10px 70px;
    border-radius: 0 0 90px 90px;
    position: relative;
    line-height: 1;
    box-shadow: 0 12px 25px rgba(0, 0, 0, .18);
}


/* Blue Banner */
.acca-info-box {
    margin-top: 22px;
    background: linear-gradient(
33deg, #3191b4, #18935c);
    padding: 12px 40px;
    color: #fff;
    text-align: left;
    border-radius: 6px;
    /* box-shadow: 0 12px 25px rgba(0,0,0,.15); */
}
.acca-info-box h2 {
    font-size: 26px;
    line-height: 1.35;
    font-weight: 400;
    margin-bottom: -5px;
    color: #fff;
}

.acca-info-box h2 span {

    font-weight: 600;

}

.acca-info-box h3 {

    font-size: 25px;
    color: #ffe600;
    font-weight: 600;
    margin: 0;

}

/* Responsive */

@media(max-width:991px) {

    .acca-title-box {

        font-size: 38px;
        padding: 15px 50px;

    }

    .acca-info-box h2 {

        font-size: 28px;

    }

    .acca-info-box h3 {

        font-size: 28px;

    }

}

@media(max-width:576px) {

    .acca-title-box {

        font-size: 28px;
        padding: 14px 35px;

    }

    .acca-info-box {

        padding: 25px;

    }

    .acca-info-box h2 {

        font-size: 22px;

    }

    .acca-info-box h3 {

        font-size: 22px;

    }

}

/* Center Circle */

.center-circle {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    background: #fff;
    border: 15px solid #8e1d6d;
    position: absolute;
    left: 50%;
    top: 45%;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, .15);
}

.center-circle img {

    width: 80px;

}

/* Bubble */

.bubble {

    position: absolute;
    width: 300px;
    background: #fff;
    border-radius: 50px;
    padding: 12px 30px;
    box-shadow: 0 8px 0 rgba(0, 0, 0, .15);

}

.bubble::after {

    content: "";
    position: absolute;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    z-index: -1;

}

.orange::after {
    background: #ff9800;
    right: -30px;
    top: -10px;
}

.red::after {
    background: #ff5722;
    left: -30px;
    top: -10px;
}

.green::after {
    background: #00b8a9;
    right: -30px;
    top: -10px;
}

.pink::after {
    background: #ff1f1f;
    left: -30px;
    top: -10px;
}

.purple::after {
    background: #8e24aa;
    right: -30px;
    top: -10px;
}

.blue::after {
    background: #1565c0;
    left: -30px;
    top: -10px;
}

.count {

    position: absolute;
    width: 40px;
    height: 40px;
    background: inherit;
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
    top: 20px;

}

.orange .count,
.green .count,
.purple .count {

    left: -20px;
    background: #ff9800;

}

.red .count {

    right: -20px;
    background: #ff5722;

}

.pink .count {

    right: -20px;
    background: #ff1f1f;

}

.blue .count {

    right: -20px;
    background: #1565c0;

}

.bubble h4 {

    color: #ff6f00;
    font-size: 34px;
    margin-bottom: -8px;

}

.bubble p {

    font-size: 14px;
    color: #000;
    margin: 0;

}

/* Positions */

.bubble1 {
    top: 0;
    left: 40px;
}

.bubble2 {
    top: 0;
    right: 40px;
}

.bubble3 {
    top: 150px;
    left: 0;
}

.bubble4 {
    top: 150px;
    right: 0;
}

.bubble5 {
    bottom: 30px;
    left: 60px;
}

.bubble6 {
    bottom: 30px;
    right: 60px;
}

/* Mobile */

@media(max-width:992px) {

    .acca-center {

        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        gap: 30px;

    }

    .center-circle {

        position: relative;
        left: auto;
        top: auto;
        transform: none;
        margin: 30px auto;

    }

    .bubble {

        position: relative;
        left: auto !important;
        right: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: 100%;

    }

}

.learn-section {

    background: #f4f9ff;

    padding: 90px 0;

}

.title-ribbon {
    display: inline-block;
    background: linear-gradient(90deg, #b5121b, #d62828);
    color: #faf513;
    font-size: 23px;
    font-weight: 600;
    padding: 10px 60px;
    border-radius: 0 0 50px 50px;
    font-family: Georgia, serif;
}

.learn-card {

    background: #f0ffff52;

    border-radius: 15px;

    overflow: hidden;

    box-shadow: 0 12px 30px rgba(0, 0, 0, .08);

    transition: .35s;

    height: 100%;

}

.learn-card:hover {

    transform: translateY(-8px);

}

.learn-header {
    background: linear-gradient(294deg, #53ddd3, #0c59e5);
    color: #fff;
    padding: 8px 25px;
    font-size: 21px;
    font-weight: 600;
}

.learn-body {
    padding: 5px 30px;
}

.learn-body ul {

    padding: 0;

    margin: 0;

    list-style: none;

}

.learn-body li {
    padding: 4px 0;
    border-bottom: 1px dashed #ddd;
    font-size: 16px;
    margin: 0px 0px;
}

.learn-body li:last-child {

    border: none;

}

.learn-body strong {
    display: inline-block;
    width: 40px;
    color: #0c4da2;
    font-size: 17px;
}

.learn-note {
    background: #fff;
    padding: 16px;
    border: 1px solid #317981;
    border-radius: 10px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .08);
}

.section-heading h2 {
    font-size: 30px;
    margin-bottom: 5px;
    margin-top: 10px;
}

.learn-note div {

    font-size: 18px;

    margin: 15px 0;

    line-height: 1.7;

}

@media(max-width:768px) {

    .title-ribbon {

        font-size: 24px;

        padding: 12px 35px;

    }

    .learn-header {

        font-size: 22px;

    }

    .learn-body li {

        font-size: 16px;

    }

}

.route-section {

    background: #f7fbff;

    padding: 90px 0;

}

.route-table {

    width: 100%;

    border-collapse: collapse;

    background: #fff;

    border-radius: 15px;

    overflow: hidden;

    box-shadow: 0 20px 40px rgba(0, 0, 0, .08);

}

.route-table thead {

    background: linear-gradient(345deg, #53ddd3, #0c59e5);

}

.route-table th {
    color: #fff;
    padding: 10px;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
}

.route-table td {
    padding: 10px;
    font-size: 15px;
    color: #333;
    text-align: center;
    border-bottom: 1px solid #e5e5e5;
}

.route-table tbody tr:nth-child(even) {

    background: #f8fbff;

}

.route-table tbody tr:hover {

    background: #eef6ff;

    transition: .3s;

}

.badge-course {
    background: #d8a3ee1f;
    color: #000;
    padding: 8px 18px;
    border-radius: 28px;
    font-weight: 400;
}

.highlight {
    background: #2ffca7;
}

.badge-none {

    background: #dc3545;

    color: #fff;

    padding: 6px 15px;

    border-radius: 25px;

}

.route-table td:nth-child(2) {

    color: #0B4EA2;

    font-weight: 500;

}

.route-table td:last-child {

    color: #198754;

    font-weight: 700;

}

@media(max-width:768px) {

    .route-table {

        min-width: 900px;

    }

    .route-table th {

        font-size: 16px;

    }

    .route-table td {

        font-size: 15px;

    }
}
/*=========================
      ACCA Fees
==========================*/

/* .acca-fees-section{

    padding:60px 0;

    background:linear-gradient(345deg, #068d71, #0e53d1);

} */

.fees-wrapper {
    background: linear-gradient(345deg, #068d71, #0e53d1);
    backdrop-filter: blur(12px);
    border-radius: 25px;
    padding: 30px;
    border: 1px solid rgba(255,255,255,.15);
}

.fees-badge {
    display: inline-block;
    background: #FFC107;
    color: #081C5A;
    padding: 6px 25px;
    border-radius: 40px;
    font-weight: 500;
    margin-bottom: 10px;
    font-size: 14px;
}

.acca-fees-section h2{

    color:#fff;

    font-size:32px;

    font-weight:600;

    margin-bottom:10px;

}

.acca-fees-section p {
    color: #dbe6ff;
    font-size: 15px;
    line-height: 1.9;
}
.fees-feature {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 10px;
}
.fees-feature span {
    background: rgba(255,255,255,.12);
    color: #fff;
    padding: 5px 18px;
    border-radius: 40px;
    font-size: 14px;
}

.fees-feature i{

    color:#FFD54F;

    margin-right:8px;

}

/* Contact Box */
.fees-contact {
    background: #8fb8c847;
    border-radius: 20px;
    padding: 18px;
    text-align: center;
    /* box-shadow: 0 20px 40px rgba(0,0,0,.15); */
}

.fees-contact h4 {
    color: #fff;
    margin-bottom: 7px;
    font-size: 25px;
    font-weight: 600;
}

.fees-contact a {
    display: block;
    text-decoration: none;
    background: #f5f7ff;
    padding: 7px 20px;
    margin-bottom: 8px;
    border-radius: 12px;
    color: #222;
    font-size: 16px;
    font-weight: 500;
    transition: .3s;
}

.fees-contact a:hover{
    background:#0B4EA2;
    color:#fff;
}

.download-btn {
    background: #4ab1c1 !important;
    color: #fff!important;
    margin-top: 10px;
}

.download-btn:hover{

    background:#9E1C1C!important;

}

@media(max-width:991px){

.fees-wrapper{

padding:15px;

}

.acca-fees-section h2{

font-size:21px;

}

.fees-contact{

margin-top:40px;

}

}
.eligibility-section{

    padding:100px 0;

    background:linear-gradient(135deg,#eef7ff,#ffffff,#f6fbff);

}

.eligibility-tag{

    display:inline-block;

    padding:10px 30px;

    background:#c62828;

    color:#ffd600;

    border-radius:40px;

    font-weight:700;

    letter-spacing:1px;

}

.eligibility-title{

    font-size:48px;

    font-weight:800;

    color:#0b3d91;

    margin:20px 0;

}

.eligibility-subtitle{

    max-width:750px;

    margin:auto;

    color:#666;

    font-size:18px;

}
.eligibility-card {
    background: #fff;
    border-radius: 20px;
    padding: 10px 30px;
    display: flex;
    align-items: center;
    gap: 14px;
    position: relative;
    box-shadow: 0 15px 40px rgba(0,0,0,.08);
    transition: .35s;
    overflow: hidden;
    margin-bottom: 8px;
}

.eligibility-card:hover{

    transform:translateY(-8px);

}

.eligibility-card::before{

    content:"";

    position:absolute;

    left:0;

    top:0;

    width:6px;

    height:100%;

    background:linear-gradient(#0B4EA2,#C62828);

}
.icon {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #257d87, #44c9eb);
    color: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 22px;
    flex-shrink: 0;
}
.content h4 {
    font-size: 22px;
    color: #0B3D91;
    margin-bottom: 2px;
    font-weight: 600;
}

.content p{

    margin:0;

    color:#555;

    line-height:1.7;

}

.number{

    position:absolute;

    right:25px;

    top:20px;

    font-size:30px;

    font-weight:800;

    color:#eef3fb;

}
.eligibility-note {
    margin-top: 14px;
    background: linear-gradient(345deg, #38abbc, #0c59e5);
    color: #fff;
    padding: 10px 30px;
    border-radius: 15px;
    font-size: 17px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.eligibility-note i{

    color:#FFD600;

    font-size:24px;

}

@media(max-width:768px){

.eligibility-title{

font-size:34px;

}

.eligibility-card{

flex-direction:column;

text-align:center;

}

.number{

display:none;

}

.eligibility-note{

flex-direction:column;

text-align:center;

}

}
.career-section {
    padding: 40px 0;
    background: #f5f5dc38;
}

.career-title {
    font-size: 35px;
    font-weight: 600;
    color: #154a97;
    margin-bottom: 9px;
}
/* Course */
.course-box {
    background: #fffcfc;
    /* border: 5px solid #7371dced; */
    border-radius: 50%;
    width: 140px;
    height: 140px;
    margin: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: .4s;
    box-shadow: 0 10px 30px rgba(0,0,0,.08);
    outline: 10px solid #4e3ccfcf;
}

.course-box:hover{

transform:translateY(-10px);

}

.course-icon {
    font-size: 39px;
    color: #24b3b2;
    margin-bottom: 8px;
}

.course-box h5 {
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 2px;
}

/* Banner */

.career-banner {
    margin: 35px 0;
    padding: 25px;
    font-size: 25px;
    font-weight: 600;
    background: #167d76;
    color: #fff;
    border-radius: 12px;
}

.career-banner span{

color:#ffe600;

}

/* Career */

.career-heading{

font-size:34px;

font-weight:600;

color:#154a97;

margin-bottom:30px;

}
.career-path {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 25px;
    /* margin-top: 70px; */
}

/* Hexagon */

.hex {
    width: 160px;
    height: 90px;
    background: #b5bf63;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
    font-weight: 700;
    padding: 10px;
    margin-top: 70px;
}

.hex:before{

content:"";

position:absolute;

top:-45px;

left:0;

border-left:80px solid transparent;

border-right:80px solid transparent;

border-bottom:45px solid #b5bf63;

}

.hex:after{

content:"";

position:absolute;

bottom:-45px;

left:0;

border-left:80px solid transparent;

border-right:80px solid transparent;

border-top:45px solid #b5bf63;

}

.hex:nth-child(even){

background:#7b8154;

}

.hex:nth-child(even):before{

border-bottom-color:#7b8154;

}

.hex:nth-child(even):after{

border-top-color:#7b8154;

}
.placement-section{

padding:40px 0;

background:#f7fbff;

overflow:hidden;

}

.placement-heading{

text-align:center;

margin-bottom:60px;

}

.placement-heading span{

display:inline-block;

padding:10px 28px;

background:#C62828;

color:#FFD700;

border-radius:40px;

font-weight:700;

}

.placement-heading h2{

font-size:48px;

font-weight:800;

color:#0B3D91;

margin:20px 0;

}

.placement-heading strong{

color:#C62828;

}

.placement-heading p{

max-width:850px;

margin:auto;

font-size:18px;

color:#666;

}

.logo-slider{

overflow:hidden;

margin:4px 0;

position:relative;

}

.logo-track{

display:flex;

width:max-content;

animation:scroll 35s linear infinite;

}

.reverse .logo-track{

animation:scrollReverse 35s linear infinite;

}

.logo-slider:hover .logo-track{

animation-play-state:paused;

}
.logo-track img {
    width: 115px;
    /* height: 90px; */
    object-fit: contain;
    /* background: #fff; */
    padding: 12px;
    margin: 0 7px;
    border-radius: 12px;
    /* box-shadow: 0 10px 25px rgba(0,0,0,.08); */
    flex-shrink: 0;
    transition: .35s;
}

.logo-track img:hover{

transform:translateY(-8px);

}

@keyframes scroll{

0%{

transform:translateX(0);

}

100%{

transform:translateX(-50%);

}

}

@keyframes scrollReverse{

0%{

transform:translateX(-50%);

}

100%{

transform:translateX(0);

}

}

@media(max-width:768px){

.logo-track img{

width:130px;

height:70px;

margin:0 8px;

}

.placement-heading h2{

font-size:32px;

}

}
.compare-section{

    padding:100px 0;

    background:#f7fbff;

}

.compare-image{

    text-align:center;

}

.compare-image img{

    max-width:100%;

    animation:float 4s ease-in-out infinite;

}

.compare-tag{

    display:inline-block;

    background:#c62828;

    color:#FFD700;

    padding:10px 28px;

    border-radius:40px;

    font-weight:700;

    margin-bottom:15px;

}

.compare-content h2{

    font-size:46px;

    font-weight:800;

    color:#0B3D91;

    margin-bottom:15px;

}

.compare-content h2 span{

    color:#c62828;

}

.compare-content>p{

    color:#666;

    margin-bottom:35px;

    line-height:1.8;

}
.compare-item {
    display: flex;
    gap: 14px;
    align-items: flex-start;
    background: #fff;
    padding: 10px 22px;
    margin-bottom: 10px;
    border-radius: 15px;
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
    transition: .3s;
   border: 1px solid #0b4ea275;
}

.compare-item:hover{

    transform:translateX(8px);

    border-left-color:#c62828;

}

.number {
    width: 50px;
    height: 50px;
    background: #c2fbfd7a;
    color: #115a5f;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    flex-shrink: 0;
    font-size: 20px;
}

.compare-item h5 {
    margin: 0 0 0px;
    color: #343436;
    font-size: 18px;
    font-weight: 600;
}

.compare-item p{

    margin:0;

    color:#666;

    font-size:13px;

    line-height:1.6;

}

@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-12px);

}

}

@media(max-width:991px){

.compare-image{

margin-bottom:40px;

}

.compare-content h2{

font-size:34px;

}

}
.finance-cta {
    padding: 55px 0;
    background: linear-gradient(345deg, #068d71, #0e53d1);
    position: relative;
    overflow: hidden;
}

.cta-content{

    position:relative;

    z-index:2;

    max-width:900px;

    margin:auto;

    text-align:center;

}
.cta-tag {
    display: inline-block;
    background: #FFD700;
    color: #081C5A;
    padding: 7px 28px;
    border-radius: 40px;
    font-weight: 600;
    letter-spacing: 1px;
    margin-bottom: 12px;
}

.cta-content h2 {
    color: #fff;
    font-size: 30px;
    font-weight: 600;
    margin-bottom: 6px;
}

.cta-content p {
    color: #d8e3ff;
    font-size: 14px;
    line-height: 1.9;
    margin-bottom: 10px;
}

.cta-highlight{

    display:flex;

    justify-content:center;

    flex-wrap:wrap;

    gap:15px;

    margin-bottom:15px;

}

.cta-highlight span{

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

    color:#fff;

    padding:6px 22px;

    border-radius:40px;

}

.cta-highlight i{

    color:#FFD700;

    margin-right:8px;

}

.cta-buttons{

    display:flex;

    justify-content:center;

    gap:20px;

    flex-wrap:wrap;

}

.cta-buttons .btn {
    padding: 8px 35px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 16px;
}

.btn-primary{

    background:#fff;

    color:#0B4EA2;

}

.btn-warning{

    background:#FFC107;

    color:#081C5A;

}

.btn-primary:hover{

    background:#FFD700;

}

.btn-warning:hover{

    background:#fff;

}

@media(max-width:768px){

.cta-content h2{

font-size:34px;

}

.cta-content p{

font-size:16px;

}

.cta-buttons .btn{

width:100%;

}

}
@media (max-width:455px){
    .section-heading h2 {
    font-size: 24px;
    margin-bottom: 5px;
    margin-top: 10px;
}
}
.exam-highlight-section{

padding:50px 0;

background:linear-gradient(135deg,#f4fff8,#ffffff,#eefbf2);

overflow:hidden;

}

.section-tag{

display:inline-block;

padding:10px 26px;

background:#2e8b57;

color:#fff;

border-radius:40px;

font-weight:600;

margin-bottom:20px;

}

.exam-content h2 {
    font-size: 30px;
    font-weight: 600;
    color: #123d73;
    margin-bottom: 4px;
}

.exam-content h2 span{

color:#12479c;

}

.exam-content>p{

color:#666;

line-height:1.8;

margin-bottom:12px;

}
.feature-box {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 12px;
    background: #fff;
    border-radius: 18px;
    margin-bottom: 6px;
    box-shadow: 0 15px 35px rgba(0,0,0,.08);
    border: 1px solid #22622b5c;
    transition: .35s;
    opacity: 0;
    animation: fadeUp .8s forwards;
}

.feature-box:hover{

transform:translateX(10px);

}

.delay1{

animation-delay:.2s;

}

.delay2{

animation-delay:.5s;

}

.delay3{

animation-delay:.8s;

}

.icon {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    background: linear-gradient(135deg, #559ee0, #298585);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 19px;
    flex-shrink: 0;
}

.feature-box h5 {
    margin-bottom: 0px;
    font-size: 19px;
    font-weight: 600;
    color: #123d73;
}

.feature-box p{

margin:0;

color:#666;

}

.exam-image img{

max-width:100%;

animation:float 4s ease-in-out infinite;

filter:drop-shadow(0 25px 40px rgba(0,0,0,.15));

}

@keyframes fadeUp{

from{

opacity:0;

transform:translateY(40px);

}

to{

opacity:1;

transform:translateY(0);

}

}

@keyframes float{

0%,100%{

transform:translateY(0);

}

50%{

transform:translateY(-15px);

}

}

@media(max-width:991px){

.exam-content{

text-align:center;

margin-bottom:50px;

}

.feature-box{

text-align:left;

}

.exam-content h2{

font-size:34px;

}

}
.hex:nth-child(1){
    background:#8BC34A;
}
.hex:nth-child(1):before{
    border-bottom-color:#8BC34A;
}
.hex:nth-child(1):after{
    border-top-color:#8BC34A;
}

.hex:nth-child(2){
    background:#4CAF50;
}
.hex:nth-child(2):before{
    border-bottom-color:#4CAF50;
}
.hex:nth-child(2):after{
    border-top-color:#4CAF50;
}

.hex:nth-child(3){
    background:#009688;
}
.hex:nth-child(3):before{
    border-bottom-color:#009688;
}
.hex:nth-child(3):after{
    border-top-color:#009688;
}

.hex:nth-child(4){
    background:#03A9F4;
}
.hex:nth-child(4):before{
    border-bottom-color:#03A9F4;
}
.hex:nth-child(4):after{
    border-top-color:#03A9F4;
}

.hex:nth-child(5){
    background:#3F51B5;
}
.hex:nth-child(5):before{
    border-bottom-color:#3F51B5;
}
.hex:nth-child(5):after{
    border-top-color:#3F51B5;
}

.hex:nth-child(6){
    background:#7E57C2;
}
.hex:nth-child(6):before{
    border-bottom-color:#7E57C2;
}
.hex:nth-child(6):after{
    border-top-color:#7E57C2;
}

.hex:nth-child(7){
    background:#FF9800;
}
.hex:nth-child(7):before{
    border-bottom-color:#FF9800;
}
.hex:nth-child(7):after{
    border-top-color:#FF9800;
}
.gallery-section{

padding:50px 0;

background:#f7fbff;

}


.gallery-card{

position:relative;

overflow:hidden;

border-radius:18px;

height:170px;

cursor:pointer;

box-shadow:0 15px 35px rgba(0,0,0,.10);

}

.gallery-card.large{

height:360px;

}

.gallery-card img{

width:100%;

height:100%;

object-fit:cover;

transition:.6s;

}

.gallery-overlay{

position:absolute;

left:0;

bottom:0;

width:100%;

padding:25px;

background:linear-gradient(transparent,rgba(0,0,0,.85));

color:#fff;

transform:translateY(100%);

transition:.4s;

}

.gallery-card:hover img{

transform:scale(1.12);

}

.gallery-card:hover .gallery-overlay{

transform:translateY(0);

}

.gallery-overlay span{

display:inline-block;

background:#FFD700;

color:#0B3D91;

padding:5px 15px;

border-radius:20px;

font-size:13px;

font-weight:700;

margin-bottom:12px;

}

.gallery-overlay h4{

margin:0;

font-size:22px;

font-weight:700;
color: #fff;

}

@media(max-width:991px){

.gallery-card.large{

height:350px;

}

}

@media(max-width:767px){

.gallery-card{

height:220px;

}

.gallery-card.large{

height:250px;

}

}
.faculty-slider{
    width:100%;
    overflow:hidden;
    position:relative;
}

.faculty-track{
    display:flex;
    transition:transform .6s ease;
}

.faculty-item{
    flex:0 0 25%;
    padding:15px;
    box-sizing:border-box;
}

.faculty-item img{
    width:100%;
    display:block;
    transition:.4s;
}

.faculty-item img:hover{
    transform:translateY(-8px);
}

/* Tablet */

@media(max-width:991px){

.faculty-item{
    flex:0 0 50%;
}

}

/* Mobile */

@media(max-width:576px){

.faculty-item{
    flex:0 0 100%;
}

}
.slider-dots{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:12px;

    margin-top:30px;

}

.slider-dots span{

    width:12px;

    height:12px;

    border-radius:50%;

    background:#cfd8dc;

    cursor:pointer;

    transition:.35s;

}

.slider-dots span.active{

    width:32px;

    border-radius:30px;

    background:#0B4EA2;

}
/*=========================
      ACCA COURSE TABLE
==========================*/

.acca-overview-table{

    margin-top:15px;

    overflow:hidden;

    border-radius:20px;

    box-shadow:0 15px 40px rgba(0,0,0,.08);

}

.acca-course-table{

    width:100%;

    border-collapse:collapse;

    background:#fff;

}

.acca-course-table tr{

    transition:.3s;

}

.acca-course-table tr:nth-child(even){

    background:#f5f9ff;

}

.acca-course-table tr:hover{

    background:#edf5ff;

}
.acca-course-table th {
    width: 24%;
    background: #dcf5ec33;
    color: #306697;
    padding: 10px 22px;
    font-size: 16px;
    font-weight: 600;
    border-bottom: 1px solid rgb(74 97 73 / 15%);
    vertical-align: top;
    text-transform: capitalize;
}
.acca-course-table td{

    padding:5px 25px;

    font-size:16px;

    line-height:1.8;

    color:#333;

    border-bottom:1px solid #e8edf5;

}

.acca-course-table td strong{

    color:#0B4EA2;

}

.acca-course-table tr:last-child th,

.acca-course-table tr:last-child td{

    border-bottom:none;

}

/* Mobile */

@media(max-width:991px){

.acca-overview-table{

overflow-x:auto;

}

.acca-course-table{

min-width:900px;

}

}
.compare-item {
    display: flex;
    align-items: flex-start;
    gap: 18px;
    padding: 10px;
    border-radius: 18px;
    transition: .35s;
    /* height: 100%; */
    /* border-left: 6px solid; */
    box-shadow: 0 10px 25px rgba(0,0,0,.08);
}

.compare-item:hover{
    transform:translateY(-8px);
    box-shadow:0 18px 35px rgba(0,0,0,.15);
}

.compare-icon{
    width:55px;
    height:55px;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:22px;
    flex-shrink:0;
}
.compare-item p{
    margin:0;
    color:#555;
    line-height:1.6;
}

/* ---------- Individual Colors ---------- */

.item1{
    background:#EEF7FF;
    border-color:#0D6EFD;
}
.item1 .compare-icon{
    background:#0D6EFD;
    color:#fff;
}

.item2{
    background:#F3FFF4;
    border-color:#198754;
}
.item2 .compare-icon{
    background:#198754;
    color:#fff;
}

.item3{
    background:#FFF9EA;
    border-color:#FFC107;
}
.item3 .compare-icon{
    background:#FFC107;
    color:#fff;
}

.item4{
    background:#FFF1F1;
    border-color:#DC3545;
}
.item4 .compare-icon{
    background:#DC3545;
    color:#fff;
}

.item5{
    background:#F3F0FF;
    border-color:#6F42C1;
}
.item5 .compare-icon{
    background:#6F42C1;
    color:#fff;
}

.item6{
    background:#EFFFFC;
    border-color:#20C997;
}
.item6 .compare-icon{
    background:#20C997;
    color:#fff;
}

.item7{
    background:#FFF4EC;
    border-color:#FD7E14;
}
.item7 .compare-icon{
    background:#FD7E14;
    color:#fff;
}
.admission-form {
    background: #fff;
    border-radius: 22px;
    padding: 15px 22px;
    box-shadow: 0 20px 45px rgba(0,0,0,.12);
    /* border-top: 6px solid #0B4EA2; */
    position: relative;
    overflow: hidden;
}

.admission-form::before{

    content:"";

    position:absolute;

    top:-80px;

    right:-80px;

    width:180px;

    height:180px;

    background:rgba(11,78,162,.06);

    border-radius:50%;

}

.form-top{
    text-align:center;
    margin-bottom:4px;
}

.form-badge{

    display:inline-block;

    background:#C62828;

    color:#FFD700;

    padding:8px 24px;

    border-radius:30px;

    font-size:14px;

    font-weight:700;

}
/* .form-top h3 {
    color: #0B3D91;
    font-size: 30px;
    font-weight: 600;
    margin-top: 5px;
    margin-bottom: 0px;
} */
 .form-top h3 {
    font-size: 30px;
    font-weight: 700;
    margin: 5px 0;
    background: linear-gradient(120deg, #0B3D91 0%, #ffffff 25%, #1c6654 50%, #ffffff 75%, #0B3D91 100%);
    background: linear-gradient(120deg, #0B3D91 0%, #2ca090 25%, #1c6654 50%, #ffffff 75%, #0B3D91 100%);
    background-size: 250% auto;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: shineText 8s ease-in-out infinite alternate;
}

@keyframes shineText {

    0%{
        background-position:-200% center;
    }

    100%{
        background-position:250% center;
    }

}

.form-top p{
    color:#213b66;
}

.admission-form .form-control, .admission-form .form-select {
    height: 45px;
    border-radius: 12px;
    border: 1px solid #d8def6c7;
    box-shadow: none;
    font-size: 14px;
}

.admission-form .form-control:focus,
.admission-form .form-select:focus{

    border-color:#0B4EA2;

    box-shadow:0 0 0 .15rem rgba(11,78,162,.15);

}

.apply-btn{

    width:100%;

    height:50px;

    border:none;

    border-radius:12px;

    background:linear-gradient(270deg, #0d856c, #0e88d1);

    color:#fff;

    font-size:18px;

    font-weight:500;

    transition:.35s;

}

.apply-btn:hover{

    background:linear-gradient(90deg,#1aa16d,#0B4EA2);

}
.apply-btn2 {
    width: 55%;
    height: 35px;
    border: none;
    border-radius: 12px;
    background: linear-gradient(270deg, #0d856c, #0e88d1);
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    transition: .35s;
}

.apply-btn2:hover{

    background:linear-gradient(90deg,#1aa16d,#0B4EA2);

}
.offer-strip {
    color: #000;
    text-align: center;
    font-size: 13px;
}
.form-footer{

    margin-top:25px;

    border-top:1px solid #eee;

    padding-top:20px;

}

.form-footer div{

    margin:10px 0;

    color:#444;

    font-size:15px;

}

.form-footer i{

    color:#28a745;

    margin-right:8px;

}
/* Overlay */
/*==========================
      SFA MODAL
==========================*/

.sfa-overlay{

    position:fixed;

    left:0;
    top:0;

    width:100%;
    height:100%;

    display:flex;

    justify-content:center;

    align-items:center;

    background:rgba(0,0,0,.45);

    backdrop-filter:blur(8px);

    visibility:hidden;

    opacity:0;

    transition:.35s;

    z-index:999999999;

}

.sfa-overlay.active{

    visibility:visible;

    opacity:1;

}

.sfa-modal-box{

    width:95%;

    max-width:500px;

    background:#fff;

    border-radius:20px;

    padding:25px;

    position:relative;

    transform:scale(.8);

    transition:.35s;

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

}

.sfa-overlay.active .sfa-modal-box{

    transform:scale(1);

}

.sfa-close-btn{

    position:absolute;

    right:18px;

    top:18px;

    width:42px;

    height:42px;

    border:none;

    border-radius:50%;

    background:#1f5532;

    color:#fff;

    font-size:26px;

    cursor:pointer;
    line-height:7px;

}

.sfa-header{

    text-align:center;

    margin-bottom:25px;

}

.sfa-header h3 {
    font-size: 26px;
    font-weight: 700;
    margin: -2px 0;
    /* background: linear-gradient(120deg, #0B3D91 0%, #ffffff 25%, #1c6654 50%, #ffffff 75%, #0B3D91 100%); */
    /* background: linear-gradient(120deg, #0B3D91 0%, #2ca090 25%, #1c6654 50%, #ffffff 75%, #0B3D91 100%); */
    /* background-size: 250% auto; */
    /* -webkit-background-clip: text; */
    /* -webkit-text-fill-color: transparent; */
    /* animation: shineText 8s ease-in-out infinite alternate; */
    color: #196376;
}

.sfa-header p{
    color:#4a4848;
    font-size:13px;
    line-height: 20px;
}

.sfa-modal-box input,
.sfa-modal-box select{
    height:45px !important;
    border-radius:10px !important;
    border:1px solid #ddd !important;
    font-size: 15px !important;
    box-shadow: none !important;

}
.custom-faq .accordion-item{

    border:none;

    border-radius:15px;

    overflow:hidden;

    margin-bottom:8px;

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


}

.custom-faq .accordion-button {
    background: #fff;
    color: #2958a7;
    font-size: 17px;
    font-weight: 600;
    padding: 10px 25px;
    box-shadow: none;
}

.custom-faq .accordion-button:not(.collapsed){

    background:linear-gradient(90deg,#0B4EA2,#1F6FD5);

    color:#fff;

}
.fa2title{
    font-size: 30px;
}
.custom-faq .accordion-button:focus{

    box-shadow:none;

}

.custom-faq .accordion-body {
    padding: 8px 25px;
    color: #666;
    line-height: 24px;
    background: #fff;
    font-size: 15px;
}

.custom-faq .accordion-button::after{

    filter:brightness(0) invert(1);

}

.custom-faq .accordion-button.collapsed::after{

    filter:none;

}