/* header area css */
:root {
    --primary: #0D3C84; /* Rich Royal Blue */
    --secondary: #F4A100; /* Warm Golden Yellow */
    --accent: #2E7D32; /* Deep Green */
    --light: #F4F4F4; /* Soft Light Grey */
    --dark: #222222; /* Charcoal Dark Grey */
    --text-primary: #222222; /* Strong Dark Text */
    --text-secondary: #555555; /* Muted Dark Grey Text */
    --background-main: #FFFFFF; /* Clean White Background */
    --background-secondary: #F4F4F4; /* Light Grey Section */
    --footer-background: #092E5D; /* Dark Navy Blue */
    --button-primary: #0D3C84; /* Royal Blue Button */
    --button-primary-hover: #0A316B; /* Slightly Darker Blue */
    --button-secondary: #F4A100; /* Golden Yellow Button */
    --button-secondary-hover: #D68D00; /* Darker Golden Yellow */
    --link-color: #2E7D32; /* Fresh Green Links */
    --link-hover: #1E5722; /* Darker Green Hover */
    --border-color: #E0E0E0; /* Light Grey Border */
    
    /* Custom Colors for Creative Header */
    --glass-bg: rgba(255, 255, 255, 0.05);
    --glass-border: rgba(255, 255, 255, 0.1);
}





/* ===== HEADER STYLES ===== */
/* Header Styles */
.matangini_headernew {
    width: 100%;
    position: relative;
    background: linear-gradient(145deg, rgba(13,60,132,0.97) 0%, rgba(9,46,93,0.97) 100%);
}

/* Top Bar Styles with Animated Background */
.matangini_topbar {
    position: relative;
    background: rgba(255, 255, 255, 0.05);
    color: #FFFFFF;
    padding: 10px 0;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.matangini_topbar:before {
    content: '';
    position: absolute;
    top: -100%;
    left: 0;
    width: 100%;
    height: 300%;
    background: linear-gradient(45deg, rgba(244,161,0,0.2) 0%, rgba(13,60,132,0.2) 50%, rgba(46,125,50,0.2) 100%);
    animation: gradientWave 15s infinite linear;
}

@keyframes gradientWave {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.matangini_topbar_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 2;
}

.matangini_contact_info {
    display: flex;
    align-items: center;
    gap: 30px;
}

.matangini_contact_item {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    position: relative;
    padding-left: 8px;
}

.matangini_contact_item:before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 3px;
    height: 0;
    background: #F4A100;
    transition: all 0.3s ease;
}

.matangini_contact_item:hover:before {
    height: 100%;
}

.matangini_contact_item i {
    color: #F4A100;
    font-size: 16px;
    transition: all 0.3s ease;
}

.matangini_contact_item:hover {
    transform: translateX(5px);
}

.matangini_contact_item:hover i {
    transform: scale(1.2) rotate(10deg);
}

/* Creative Social Icons */
.matangini_social_icons {
    display: flex;
    gap: 15px;
}

.matangini_social_icon {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    background: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    position: relative;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.matangini_social_icon:hover {
    border-radius: 50%;
    transform: translateY(-5px) rotate(15deg);
    background: #F4A100;
    box-shadow: 0 8px 15px rgba(244, 161, 0, 0.3);
}

.matangini_social_icon i {
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}

.matangini_social_icon:hover i {
    animation: iconPulse 0.5s ease forwards;
}

@keyframes iconPulse {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.3);
    }
    100% {
        transform: scale(1.2);
    }
}

/* Creative Middle Bar with Animated Logo Area */
.matangini_middlebar {
    background-color: rgba(255, 255, 255, 0.97);
    padding: 15px 0;
    position: relative;
    overflow: hidden;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.matangini_middlebar:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #0D3C84, #F4A100, #2E7D32, #0D3C84);
    background-size: 300% 100%;
    animation: gradientSlide 5s infinite linear;
}

@keyframes gradientSlide {
    0% {
        background-position: 0% 0%;
    }
    100% {
        background-position: 300% 0%;
    }
}

.matangini_middlebar_container {
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: 1920px;
    margin: 0 auto;
    padding: 0 15px;
    height: 150px;
    position: relative;
}

.matangini_logo {
    max-width: 100%;
    height: auto;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    position: relative;
}

.matangini_logo:before, .matangini_logo:after {
    content: '';
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: rgba(244, 161, 0, 0.1);
    z-index: 0;
    opacity: 0;
    transition: all 0.5s ease;
}

.matangini_logo:before {
    top: -20px;
    left: -20px;
}

.matangini_logo:after {
    bottom: -20px;
    right: -20px;
}

.matangini_logo:hover:before, .matangini_logo:hover:after {
    opacity: 1;
    transform: scale(2.5);
}

.matangini_logo img {
    max-width: 100%;
    max-height: 150px;
    object-fit: contain;
    position: relative;
    z-index: 2;
    filter: drop-shadow(0 5px 15px rgba(0, 0, 0, 0.1));
    transition: all 0.3s ease;
}

.matangini_logo:hover img {
    transform: scale(1.03);
}

/* Creative Navigation Bar */
.matangini_navbar {
    background-color: rgba(255, 255, 255, 0.97);
    padding: 0;
    position: relative;
    box-shadow: 0 10px 30px rgba(13, 60, 132, 0.1);
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    z-index: 100;
}

.matangini_navbar_container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
}

/* Creative Menu with Animation */
.matangini_menu {
    display: flex;
    align-items: center;
    list-style: none;
    position: relative;
}

.matangini_menu_item {
    position: relative;
    margin: 0 2px;
}

.matangini_menu_link {
    display: inline-block;
    padding: 25px 20px;
    color: #222222;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.matangini_menu_link:before, .matangini_menu_link:after {
    content: '';
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #F4A100;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    z-index: -1;
}

.matangini_menu_link:before {
    top: 0;
    left: -100%;
    transform-origin: left;
}

.matangini_menu_link:after {
    bottom: 0;
    right: -100%;
    transform-origin: right;
}

.matangini_menu_link:hover {
    color: #0D3C84;
    transform: translateY(-2px);
}

.matangini_menu_link:hover:before {
    left: 0;
}

.matangini_menu_link:hover:after {
    right: 0;
}

/* Active menu item styling */
.matangini_menu_item.active .matangini_menu_link {
    color: #0D3C84;
    font-weight: 600;
}

.matangini_menu_item.active .matangini_menu_link:before,
.matangini_menu_item.active .matangini_menu_link:after {
    background-color: #0D3C84;
}

.matangini_menu_item.active .matangini_menu_link:before {
    left: 0;
}

.matangini_menu_item.active .matangini_menu_link:after {
    right: 0;
}

/* Creative Apply Now Button */
.matangini_apply_btn {
    background: linear-gradient(45deg, #F4A100, #F4A100);
    color: #FFFFFF;
    padding: 12px 28px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    border: none;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(244, 161, 0, 0.3);
    z-index: 1;
}

.matangini_apply_btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #0D3C84, #092E5D);
    transform: translateX(-100%) rotate(10deg);
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    z-index: -1;
}

.matangini_apply_btn i {
    transition: all 0.3s ease;
}

.matangini_apply_btn:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(13, 60, 132, 0.4);
}

.matangini_apply_btn:hover:before {
    transform: translateX(0) rotate(0deg);
}

.matangini_apply_btn:hover i {
    animation: iconRotate 0.7s forwards;
}

@keyframes iconRotate {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.matangini_menu_toggle {
    display: none;
    background: none;
    border: none;
    color: #222222;
    font-size: 24px;
    cursor: pointer;
    transition: all 0.3s ease;
    z-index: 1001;
    position: relative;
}

/* Advanced Sticky Header Styles */
.matangini_headernew.sticky {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1000;
    animation: slideDown 0.5s forwards;
    background: rgba(13,60,132,0.97);
    box-shadow: 0 5px 30px rgba(0, 0, 0, 0.2);
}

.matangini_headernew.sticky .matangini_topbar {
    display: none;
}

.matangini_headernew.sticky .matangini_middlebar {
    padding: 35px 0;
    background: rgba(255, 255, 255, 0.95);
}

.matangini_headernew.sticky .matangini_middlebar_container {
    height: 80px;
}

.matangini_headernew.sticky .matangini_navbar {
    background: transparent;
    box-shadow: none;
}

.matangini_headernew.sticky .matangini_menu_link {
    color: #FFFFFF;
    padding: 20px 20px;
}

.matangini_headernew.sticky .matangini_menu_link:hover {
    color: #F4A100;
}

.matangini_headernew.sticky .matangini_menu_item.active .matangini_menu_link {
    color: #F4A100;
}

.matangini_headernew.sticky .matangini_menu_toggle {
    color: #FFFFFF;
}

.matangini_headernew.sticky .matangini_apply_btn {
    background: linear-gradient(45deg, #F4A100, #D68D00);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.matangini_headernew.sticky .matangini_apply_btn:before {
    background: linear-gradient(45deg, #FFFFFF, #F4F4F4);
}

.matangini_headernew.sticky .matangini_apply_btn:hover {
    color: #0D3C84;
}

@keyframes slideDown {
    from {
        transform: translateY(-100%);
        opacity: 0;
    }
    to {
        transform: translateY(0);
        opacity: 1;
    }
}

/* Creative Responsive Design */
@media (max-width: 1024px) {
    .matangini_menu_link {
        padding: 20px 15px;
    }
    
    .matangini_middlebar_container {
        height: 120px;
    }
}

@media (max-width: 768px) {
    .matangini_contact_info {
        display: none;
    }
    
    .matangini_topbar_container {
        justify-content: center;
    }
    
    .matangini_middlebar_container {
        height: 100px;
    }
    
    .matangini_menu_toggle {
        display: block;
        position: relative;
        width: 40px;
        height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 50%;
        background: rgba(244, 161, 0, 0.1);
        transition: all 0.3s ease;
    }
    
    .matangini_menu_toggle:hover {
        background: rgba(244, 161, 0, 0.2);
        transform: rotate(90deg);
    }
    
    .matangini_menu {
        position: fixed;
        top: 0;
        right: -300px;
        width: 280px;
        height: 100vh;
        background-color: #FFFFFF;
        flex-direction: column;
        align-items: flex-start;
        padding: 80px 0 0;
        box-shadow: -5px 0 30px rgba(0, 0, 0, 0.1);
        transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
        z-index: 1000;
        overflow-y: auto;
    }
    
    .matangini_menu.active {
        right: 0;
    }
    
    .matangini_menu:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 5px;
        height: 100%;
        background: linear-gradient(to bottom, #0D3C84, #F4A100);
    }
    
    .matangini_menu_item {
        width: 100%;
        margin: 0;
    }
    
    .matangini_menu_link {
        width: 100%;
        padding: 15px 25px;
        border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    }
    
    .matangini_menu_link:before, .matangini_menu_link:after {
        display: none;
    }
    
    .matangini_menu_link:hover {
        background: rgba(244, 161, 0, 0.05);
        transform: translateX(5px);
    }
    
    .matangini_navbar_container {
        position: relative;
        padding: 15px;
    }
    
    .matangini_apply_container {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 20px 0;
        background-color: #F4F4F4;
        position: relative;
        overflow: hidden;
    }
    
    .matangini_apply_container:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(45deg, rgba(13,60,132,0.05), rgba(244,161,0,0.05), rgba(46,125,50,0.05));
        background-size: 300% 100%;
        animation: gradientSlide 5s infinite linear;
        z-index: 0;
    }
    
    .matangini_apply_btn {
        position: relative;
        z-index: 1;
    }
    
    .matangini_headernew.sticky .matangini_menu {
        padding-top: 100px;
        background: #0D3C84;
    }
    
    .matangini_headernew.sticky .matangini_menu_link {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }
    
    .matangini_headernew.sticky .matangini_menu_link:hover {
        background: rgba(244, 161, 0, 0.1);
    }
}

@media (max-width: 480px) {
    .matangini_social_icons {
        gap: 10px;
    }
    
    .matangini_social_icon {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    
    .matangini_middlebar_container {
        height: 80px;
    }
    
    .matangini_apply_btn {
        padding: 10px 20px;
        font-size: 14px;
    }
    
    .matangini_menu {
        width: 250px;
        right: -250px;
    }
}

/* header li ui css */
.matangini_dropdown {
    position: relative;
}

.matangini_dropdown_menu {
    position: absolute;
    top: 100%;
    left: 0;
    min-width: 200px;
    background-color: #fff;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    display: none;
    flex-direction: column;
    z-index: 999;
    border-radius: 4px;
    overflow: hidden;
}

.matangini_dropdown_menu li a {
    display: block;
    padding: 10px 15px;
    color: #222;
    text-decoration: none;
    transition: background 0.3s ease;
}

.matangini_dropdown_menu li a:hover {
    background: #f4a100;
    color: #fff;
}

/* Show on hover (desktop) */
.matangini_dropdown:hover .matangini_dropdown_menu {
    display: flex;
}

/* Mobile view */
@media (max-width: 768px) {
    .matangini_dropdown_menu {
        position: static;
        display: none;
        background: none;
        box-shadow: none;
    }

    .matangini_dropdown.active .matangini_dropdown_menu {
        display: block;
    }

    .matangini_dropdown_menu li a {
        padding-left: 35px;
    }
}



/* footer area css */
/* Main Footer Styles */


.matangini_footer {
    position: relative;
    background: linear-gradient(135deg, #092E5D 0%, #0D3C84 100%);
    color: #ffffff;
    padding: 80px 0 30px;
    overflow: hidden;
}

.matangini_footer__shape {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    overflow: hidden;
    line-height: 0;
    z-index: 1;
}

.matangini_footer__shape svg {
    position: relative;
    display: block;
    width: calc(100% + 1.3px);
    height: 80px;
    transform: rotateY(180deg);
}

.matangini_footer__shape .shape-fill {
    fill: #FFFFFF;
}

.matangini_footer__particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 2;
}

.matangini_footer__particle {
    position: absolute;
    display: block;
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 50%;
    animation: float-particle var(--duration, 25s) infinite linear;
    animation-delay: var(--delay, 0s);
}

.matangini_footer__container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 5;
}

/* Grid Layout */
.matangini_footer__top {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    gap: 30px;
    margin-bottom: 50px;
}

.matangini_footer__intro {
    grid-column: span 6;
    animation: fade-in 1s ease-out;
}

.matangini_footer__programs {
    grid-column: span 3;
    animation: fade-in 1s ease-out;
    animation-delay: 0.3s;
}

.matangini_footer__contact {
    grid-column: span 3;
    animation: fade-in 1s ease-out;
    animation-delay: 0.6s;
}

/* Logo and Introduction */
.matangini_footer__logo {
    margin-bottom: 25px;
    position: relative;
    display: inline-block;
}

.matangini_footer__logo img {
    max-width: 250px;
    height: auto;
    transition: transform 0.3s ease;
}

.matangini_footer__logo:hover img {
    transform: scale(1.05);
}

.matangini_footer__intro-text {
    color: #cccccc;
    font-size: 16px;
    margin-bottom: 30px;
    position: relative;
}

.matangini_footer__intro-text strong {
    color: #F4A100;
    font-weight: 600;
}

/* Section Headings */
.matangini_footer__heading {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 15px;
    color: #FFFFFF;
}

.matangini_footer__heading::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: #F4A100;
    transition: width 0.3s ease;
}

.matangini_footer__heading:hover::after {
    width: 80px;
}

/* Program Links */
.matangini_footer__links {
    list-style: none;
}

.matangini_footer__link-item {
    margin-bottom: 15px;
}

.matangini_footer__link {
    color: #cccccc;
    text-decoration: none;
    position: relative;
    padding-left: 20px;
    transition: all 0.3s ease;
    display: block;
}

.matangini_footer__link::before {
    content: '\f054';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #F4A100;
    font-size: 12px;
    transition: all 0.3s ease;
}

.matangini_footer__link:hover {
    color: #F4A100;
    padding-left: 25px;
}

.matangini_footer__link:hover::before {
    left: 5px;
}

/* Contact Information */
.matangini_footer__contact-item {
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
}

.matangini_footer__contact-icon {
    margin-right: 15px;
    background-color: rgba(244, 161, 0, 0.1);
    color: #F4A100;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.matangini_footer__contact-item:hover .matangini_footer__contact-icon {
    background-color: #F4A100;
    color: white;
    transform: scale(1.1);
}

.matangini_footer__contact-text {
    color: #cccccc;
    font-size: 15px;
}

/* Social Links */
.matangini_footer__social-links {
    display: flex;
    gap: 15px;
    margin-top: 30px;
}

.matangini_footer__social-link {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    text-decoration: none;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.matangini_footer__social-link::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #F4A100;
    border-radius: 50%;
    transform: scale(0);
    transition: all 0.3s ease;
    z-index: 0;
}

.matangini_footer__social-link i {
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
}

.matangini_footer__social-link:hover {
    transform: translateY(-5px);
}

.matangini_footer__social-link:hover::before {
    transform: scale(1);
}

/* Footer Bottom */
.matangini_footer__bottom {
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 30px;
    margin-top: 50px;
    text-align: center;
    position: relative;
}

.matangini_footer__copyright {
    color: #cccccc;
    font-size: 14px;
}

.matangini_footer__designby {
    margin-top: 10px;
    color: #cccccc;
    font-size: 14px;
}

.matangini_footer__designby a {
    color: #F4A100;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    transition: all 0.3s ease;
}

.matangini_footer__designby a::after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 1px;
    background-color: #F4A100;
    transition: width 0.3s ease;
}

.matangini_footer__designby a:hover::after {
    width: 100%;
}

/* Feature Boxes */
.matangini_footer__features {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 40px;
}

.matangini_footer__feature {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
    border: 1px solid rgba(255, 255, 255, 0.1);
    flex: 1 1 calc(50% - 20px);
    min-width: 200px;
}

.matangini_footer__feature:hover {
    transform: translateY(-5px);
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #F4A100;
}

.matangini_footer__feature-icon {
    color: #F4A100;
    font-size: 24px;
    margin-right: 15px;
    transition: all 0.3s ease;
}

.matangini_footer__feature:hover .matangini_footer__feature-icon {
    transform: scale(1.2);
}

.matangini_footer__feature-text {
    font-size: 15px;
    font-weight: 500;
}

/* Scroll to Top Button */
.matangini_footer__scroll-top {
    position: absolute;
    bottom: 70px;
    right: 30px;
    width: 50px;
    height: 50px;
    background-color: #F4A100;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(244, 161, 0, 0.3);
    animation: pulse 2s infinite;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
}

.matangini_footer__scroll-top:hover {
    background-color: #D68D00;
    transform: translateY(-5px);
}

/* Highlighted Text */
.matangini_footer__highlight {
    position: relative;
    display: inline-block;
}

.matangini_footer__highlight::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background-color: rgba(244, 161, 0, 0.2);
    z-index: -1;
    transition: height 0.3s ease;
}

.matangini_footer__highlight:hover::after {
    height: 100%;
}

/* Google Reviews Section */
.matangini_footer__reviews {
    margin-top: 50px;
    grid-column: span 12;
    animation: fade-in 1s ease-out;
    animation-delay: 0.9s;
}

.matangini_footer__reviews-logo {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.matangini_footer__reviews-logo img {
    height: 20px;
    width: auto;
    margin-right: 8px;
}

.matangini_footer__reviews-logo span {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
}

.matangini_footer__reviews-container {
    display: flex;
    gap: 20px;
    overflow-x: auto;
    padding-bottom: 20px;
    scrollbar-width: thin;
    scrollbar-color: #F4A100 rgba(255, 255, 255, 0.1);
}

.matangini_footer__reviews-container::-webkit-scrollbar {
    height: 8px;
}

.matangini_footer__reviews-container::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.1);
    border-radius: 10px;
}

.matangini_footer__reviews-container::-webkit-scrollbar-thumb {
    background-color: #F4A100;
    border-radius: 10px;
}

.matangini_footer__review {
    background-color: rgba(255, 255, 255, 0.05);
    border-radius: 10px;
    padding: 20px;
    min-width: 280px;
    max-width: 350px;
    border: 1px solid rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
    flex: 1;
}

.matangini_footer__review:hover {
    transform: translateY(-5px);
    background-color: rgba(255, 255, 255, 0.1);
    border-color: #F4A100;
}

.matangini_footer__review-header {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.matangini_footer__review-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    margin-right: 15px;
    overflow: hidden;
    background-color: rgba(255, 255, 255, 0.1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.matangini_footer__review-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.matangini_footer__review-user {
    flex: 1;
}

.matangini_footer__review-name {
    font-weight: 600;
    margin-bottom: 5px;
}

.matangini_footer__review-date {
    font-size: 12px;
    color: #cccccc;
}

.matangini_footer__review-stars {
    display: flex;
    margin-bottom: 10px;
}

.matangini_footer__review-star {
    color: #F4A100;
    margin-right: 2px;
}

.matangini_footer__review-content {
    color: #cccccc;
    font-size: 14px;
    line-height: 1.5;
}

/* Google Review Button */
.matangini_footer__google-review-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    color: #232323;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 500;
    margin-top: 20px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
    text-decoration: none;
}

.matangini_footer__google-review-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    color: #232323;
}

.google-logo {
    font-family: 'Product Sans', Arial, sans-serif;
    font-weight: 600;
    margin-right: 10px;
    font-size: 18px;
}

.review-text {
    position: relative;
    top: 1px;
}

.g-blue {
    color: #4285F4;
}

.g-red {
    color: #EA4335;
}

.g-yellow {
    color: #FBBC05;
}

.g-green {
    color: #34A853;
}

/* Responsive Styles */
@media screen and (max-width: 992px) {
    .matangini_footer__top {
        grid-template-columns: repeat(2, 1fr);
    }

    .matangini_footer__intro {
        grid-column: span 2;
        margin-bottom: 30px;
    }

    .matangini_footer__programs {
        grid-column: span 1;
    }

    .matangini_footer__contact {
        grid-column: span 1;
    }
    
    .matangini_footer__feature {
        flex: 1 1 calc(100% - 20px);
    }
    
    .matangini_footer__reviews {
        grid-column: span 2;
    }
}

@media screen and (max-width: 768px) {
    .matangini_footer {
        padding-top: 60px;
    }
    
    .matangini_footer__shape svg {
        height: 40px;
    }
    
    .matangini_footer__top {
        gap: 40px;
    }
    
    .matangini_footer__features {
        flex-direction: column;
    }
    
    .matangini_footer__feature {
        flex: 1 1 100%;
    }
    
    .matangini_footer__scroll-top {
        bottom: 30px;
        right: 20px;
        width: 40px;
        height: 40px;
    }
    
    .matangini_footer__review {
        min-width: 260px;
    }

    .matangini_footer__google-review-btn {
        width: 100%;
        justify-content: center;
    }
}

@media screen and (max-width: 576px) {
    .matangini_footer__top {
        grid-template-columns: 1fr;
    }

    .matangini_footer__intro {
        grid-column: span 1;
    }

    .matangini_footer__programs {
        grid-column: span 1;
    }

    .matangini_footer__contact {
        grid-column: span 1;
    }
    
    .matangini_footer__heading {
        font-size: 20px;
    }
    
    .matangini_footer__social-links {
        justify-content: center;
    }
    
    .matangini_footer__reviews {
        grid-column: span 1;
    }
}

/* Animations */
@keyframes float-particle {
    0% { transform: translate(0, 0) rotate(0deg); }
    25% { transform: translate(30px, 30px) rotate(90deg); }
    50% { transform: translate(0, 60px) rotate(180deg); }
    75% { transform: translate(-30px, 30px) rotate(270deg); }
    100% { transform: translate(0, 0) rotate(360deg); }
}

@keyframes fade-in {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(244, 161, 0, 0.4); }
    70% { box-shadow: 0 0 0 15px rgba(244, 161, 0, 0); }
    100% { box-shadow: 0 0 0 0 rgba(244, 161, 0, 0); }
}

/* banner area css */



/* Banner Container */
.matangini_banner {
    position: relative;
    width: 100%;
    height: 650px;
    overflow: hidden;
    background: #000;
}

/* Clip Path Animation Container */
.matangini_banner__clip-container {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, #0D3C84 0%, #092E5D 100%);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

/* Diagonal Lines Animation */
.matangini_banner__lines {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    opacity: 0.2;
}

.matangini_banner__line {
    position: absolute;
    height: 150%;
    width: 1px;
    background: linear-gradient(to bottom, transparent, rgba(255, 255, 255, 0.5), transparent);
    top: -25%;
    animation: line-slide 15s infinite linear;
}

@keyframes line-slide {
    0% { transform: translateX(-100vw) rotate(45deg); }
    100% { transform: translateX(100vw) rotate(45deg); }
}

/* Particles Effect */
.matangini_banner__particles {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.matangini_banner__particle {
    position: absolute;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    pointer-events: none;
    opacity: 0;
    animation: particle-fade var(--duration, 3s) infinite ease-in-out;
    animation-delay: var(--delay, 0s);
}

@keyframes particle-fade {
    0% { transform: translateY(0); opacity: 0; }
    50% { opacity: 0.5; }
    100% { transform: translateY(-100px); opacity: 0; }
}

/* Main Slider Container */
.matangini_banner__slider {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 10;
}

/* Slide Container */
.matangini_banner__slide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.8s ease, visibility 0.8s;
}

.matangini_banner__slide.active {
    opacity: 1;
    visibility: visible;
}

/* Slide Background with Parallax Effect */
.matangini_banner__slide-bg {
    position: absolute;
    width: 110%;
    height: 110%;
    top: -5%;
    left: -5%;
    background-size: cover;
    background-position: center;
    opacity: 0.7;
    transform: scale(1.1);
    transition: transform 10s ease;
    filter: blur(0);
}

.matangini_banner__slide.active .matangini_banner__slide-bg {
    transform: scale(1);
}

.matangini_banner__slide-mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(to right, rgba(9, 46, 93, 0.9) 30%, rgba(9, 46, 93, 0.6) 70%, rgba(9, 46, 93, 0.2) 100%);
}

/* Split Text Container */
.matangini_banner__content {
    position: absolute;
    width: 90%;
    max-width: 1200px;
    height: 100%;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}

.matangini_banner__text-container {
    width: 50%;
    padding: 0 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

/* Text Animation Layers */
.matangini_banner__subtitle-container,
.matangini_banner__title-container,
.matangini_banner__description-container {
    overflow: hidden;
    margin-bottom: 15px;
}

.matangini_banner__subtitle {
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #F4A100;
    text-transform: uppercase;
    letter-spacing: 3px;
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.8s ease;
}

.matangini_banner__title {
    display: block;
    font-size: 48px;
    font-weight: 700;
    color: #ffffff;
    line-height: 1.2;
    transform: translateY(100%);
    opacity: 0;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.1s, opacity 0.8s ease 0.1s;
}

.matangini_banner__description {
    display: block;
    font-size: 16px;
    line-height: 1.6;
    color: rgba(255, 255, 255, 0.8);
    transform: translateY(50px);
    opacity: 0;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.2s, opacity 0.8s ease 0.2s;
}

.matangini_banner__slide.active .matangini_banner__subtitle,
.matangini_banner__slide.active .matangini_banner__title,
.matangini_banner__slide.active .matangini_banner__description {
    transform: translateY(0);
    opacity: 1;
}

/* Image Container With 3D Effect */
.matangini_banner__image-container {
    width: 50%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    perspective: 1000px;
}

.matangini_banner__image-wrapper {
    width: 80%;
    height: 350px;
    position: relative;
    transform: rotateY(25deg) rotateX(5deg);
    transform-style: preserve-3d;
    transition: transform 0.8s ease;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
    opacity: 0;
    transform-origin: left center;
}

.matangini_banner__slide.active .matangini_banner__image-wrapper {
    opacity: 1;
    animation: image-entry 1.2s forwards cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
}

@keyframes image-entry {
    0% { opacity: 0; transform: translateX(50px) rotateY(25deg) rotateX(5deg); }
    100% { opacity: 1; transform: translateX(0) rotateY(25deg) rotateX(5deg); }
}

.matangini_banner__image {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.matangini_banner__image-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: linear-gradient(135deg, rgba(244, 161, 0, 0.3), transparent);
    border-radius: 8px;
}

/* Creative Button Styles */
.matangini_banner__buttons {
    margin-top: 30px;
    display: flex;
    gap: 20px;
    transform: translateY(30px);
    opacity: 0;
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) 0.3s, opacity 0.8s ease 0.3s;
}

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

.matangini_banner__button {
    position: relative;
    display: inline-block;
    padding: 12px 28px;
    color: #fff;
    background: none;
    border: none;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1px;
    text-transform: uppercase;
    overflow: hidden;
    transition: all 0.5s ease;
    cursor: pointer;
    z-index: 1;
    border-radius: 4px;
}

.matangini_banner__button::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #F4A100;
    transform: skewX(-10deg);
    z-index: -1;
    transition: transform 0.5s ease;
}

.matangini_banner__button:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(244, 161, 0, 0.3);
}

.matangini_banner__button:hover::before {
    transform: skewX(-10deg) scale(1.1);
}

.matangini_banner__button--outline {
    color: #F4A100;
}

.matangini_banner__button--outline::before {
    background-color: transparent;
    border: 2px solid #F4A100;
}

.matangini_banner__button--outline:hover {
    color: #fff;
}

.matangini_banner__button--outline:hover::before {
    background-color: #F4A100;
}

/* Advanced Animated Navigation Buttons */
.matangini_banner__nav {
    position: absolute;
    right: 30px;
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    flex-direction: column;
    gap: 15px;
    z-index: 50;
}

.matangini_banner__nav-button {
    width: 50px;
    height: 50px;
    border: none;
    background: rgba(255, 255, 255, 0.1);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.matangini_banner__nav-button::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #F4A100;
    transform: scale(0);
    transition: transform 0.3s ease;
    border-radius: 50%;
}

.matangini_banner__nav-button:hover::before {
    transform: scale(1);
}

.matangini_banner__nav-icon {
    position: relative;
    z-index: 2;
    color: #fff;
    font-size: 20px;
    transition: all 0.3s ease;
}

.matangini_banner__nav-button:hover .matangini_banner__nav-icon {
    transform: scale(1.2);
}

/* Circular Progress Indicator */
.matangini_banner__progress {
    position: absolute;
    left: 30px;
    bottom: 30px;
    width: 60px;
    height: 60px;
    z-index: 20;
}

.matangini_banner__progress-ring {
    transform: rotate(-90deg);
    transform-origin: center;
}

.matangini_banner__progress-circle {
    fill: transparent;
    stroke: rgba(255, 255, 255, 0.2);
    stroke-width: 3;
}

.matangini_banner__progress-indicator {
    fill: transparent;
    stroke: #F4A100;
    stroke-width: 3;
    stroke-dasharray: 283;
    stroke-dashoffset: 283;
    transition: stroke-dashoffset 0.1s linear;
}

.matangini_banner__progress-number {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 14px;
    font-weight: 700;
    color: #fff;
}

/* Indicator Pills */
.matangini_banner__indicators {
    position: absolute;
    bottom: 30px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 10px;
    z-index: 20;
}

.matangini_banner__indicator {
    width: 40px;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.3);
    border-radius: 3px;
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.matangini_banner__indicator::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #F4A100;
    transition: width 0.3s ease;
}

.matangini_banner__indicator.active::before {
    width: 100%;
}

.matangini_banner__indicator:hover {
    background-color: rgba(255, 255, 255, 0.5);
}

/* Corner Decoration */
.matangini_banner__corner-decor {
    position: absolute;
    width: 100px;
    height: 100px;
    top: 30px;
    right: 30px;
    z-index: 5;
    opacity: 0.3;
}

.matangini_banner__corner-line {
    position: absolute;
    background-color: #F4A100;
}

.matangini_banner__corner-line--1 {
    width: 100%;
    height: 2px;
    top: 0;
    right: 0;
}

.matangini_banner__corner-line--2 {
    width: 2px;
    height: 100%;
    top: 0;
    right: 0;
}

/* Responsive Styles */
@media (max-width: 992px) {
    .matangini_banner {
        height: 550px;
    }
    
    .matangini_banner__text-container {
        width: 60%;
    }
    
    .matangini_banner__image-container {
        width: 40%;
    }
    
    .matangini_banner__title {
        font-size: 38px;
    }
    
    .matangini_banner__image-wrapper {
        height: 300px;
    }
}

@media (max-width: 768px) {
    .matangini_banner {
        height: 700px;
    }
    
    .matangini_banner__content {
        flex-direction: column;
    }
    
    .matangini_banner__text-container {
        width: 100%;
        padding: 50px 20px 20px;
        align-items: center;
        text-align: center;
    }
    
    .matangini_banner__image-container {
        width: 100%;
        height: 300px;
    }
    
    .matangini_banner__image-wrapper {
        width: 70%;
        height: 250px;
        transform: rotateY(0) rotateX(0);
    }
    
    .matangini_banner__slide.active .matangini_banner__image-wrapper {
        animation: mobile-image-entry 1.2s forwards cubic-bezier(0.23, 1, 0.32, 1) 0.3s;
    }
    
    @keyframes mobile-image-entry {
        0% { opacity: 0; transform: translateY(50px); }
        100% { opacity: 1; transform: translateY(0); }
    }
    
    .matangini_banner__title {
        font-size: 32px;
    }
    
    .matangini_banner__buttons {
        justify-content: center;
    }
    
    .matangini_banner__nav {
        right: 20px;
    }
    
    .matangini_banner__progress {
        left: 20px;
        bottom: 20px;
        width: 50px;
        height: 50px;
    }
    
    .matangini_banner__corner-decor {
        width: 70px;
        height: 70px;
        top: 20px;
        right: 20px;
    }
}

@media (max-width: 576px) {
    .matangini_banner {
        height: 650px;
    }
    
    .matangini_banner__subtitle {
        font-size: 14px;
    }
    
    .matangini_banner__title {
        font-size: 26px;
    }
    
    .matangini_banner__description {
        font-size: 14px;
    }
    
    .matangini_banner__buttons {
        flex-direction: column;
        gap: 15px;
        align-items: center;
    }
    
    .matangini_banner__button {
        width: 100%;
        text-align: center;
        padding: 10px 20px;
        font-size: 14px;
    }
    
    .matangini_banner__image-wrapper {
        width: 85%;
        height: 200px;
    }
    
    .matangini_banner__nav {
        flex-direction: row;
        top: auto;
        right: auto;
        bottom: 25px;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .matangini_banner__nav-button {
        width: 40px;
        height: 40px;
    }
    
    .matangini_banner__indicators {
        bottom: 80px;
    }
    
    .matangini_banner__indicator {
        width: 30px;
        height: 5px;
    }
    
    .matangini_banner__progress {
        display: none;
    }
}
/* enquiry area css */

/* Main Section Container */
.matangini_enquiry {
    position: relative;
    padding: 0 0 50px;
    overflow: hidden;
    background-color: #F8F9FA;
    min-height: 100vh;
    width: 100%;
}

/* Animated Backdrop */
.matangini_enquiry-backdrop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.backdrop-circle {
    position: absolute;
    border-radius: 50%;
    opacity: 0.05;
}

.backdrop-circle.circle1 {
    top: -10%;
    right: -5%;
    width: 35vw;
    height: 35vw;
    background: #0D3C84;
    animation: float 20s infinite alternate ease-in-out;
}

.backdrop-circle.circle2 {
    bottom: -15%;
    left: -10%;
    width: 40vw;
    height: 40vw;
    background: #F4A100;
    animation: float 25s infinite alternate-reverse ease-in-out;
}

.backdrop-circle.circle3 {
    top: 40%;
    left: 50%;
    transform: translateX(-50%);
    width: 20vw;
    height: 20vw;
    background: #2E7D32;
    animation: float 18s infinite alternate ease-in-out;
}

.backdrop-pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%230D3C84' fill-opacity='0.05' fill-rule='evenodd'%3E%3Ccircle cx='3' cy='3' r='3'/%3E%3Ccircle cx='13' cy='13' r='3'/%3E%3C/g%3E%3C/svg%3E");
}

@keyframes float {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(0, 30px);
    }
}

/* Container Layout */
.matangini_enquiry-container {
    width: 1900px; /* Set width to 1900px */
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}

/* Header with Curved Design */
.matangini_enquiry-header {
    position: relative;
    margin-bottom: 50px;
    padding-top: 80px;
    padding-bottom: 100px;
    width: 100%;
}

.header-curve {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.header-curve svg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.header-content {
    text-align: center;
    color: #FFFFFF;
    padding-top: 20px;
}

.header-emblem {
    width: 80px;
    height: 80px;
    background-color: #FFFFFF;
    color: #0D3C84;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    margin: 0 auto 20px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 1;
}

.header-emblem::after {
    content: '';
    position: absolute;
    top: -5px;
    left: -5px;
    right: -5px;
    bottom: -5px;
    background: linear-gradient(135deg, #F4A100, #0D3C84);
    border-radius: 50%;
    z-index: -1;
    opacity: 0.5;
    animation: pulse 2s infinite;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }
    50% {
        transform: scale(1.1);
        opacity: 0.3;
    }
    100% {
        transform: scale(1);
        opacity: 0.5;
    }
}

.header-title {
    font-size: 3rem;
    font-weight: 700;
    margin-bottom: 10px;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
    color: #ffffff;
    line-height: 1.2;
}

.header-title span {
    color: #F4A100;
    position: relative;
}

.header-title span::before {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 6px;
    background-color: rgba(255, 255, 255, 0.3);
    z-index: -1;
    border-radius: 3px;
}

.header-subtitle {
    font-size: 1.2rem;
    max-width: 600px;
    margin: 0 auto;
    opacity: 0.9;
}

/* Main Content Layout */
.matangini_enquiry-content {
    display: flex;
    flex-wrap: nowrap;
    gap: 40px;
    margin-bottom: 40px;
    margin-top: -70px;
    padding: 0 20px;
    width: 100%;
}

.matangini_enquiry-form-column,
.matangini_enquiry-info-column {
    flex: 1;
    width: 50%;
}

/* Form Card - FIXED VERSION */
.enquiry-form-card {
    background-color: #FFFFFF;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    position: relative;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
}

.enquiry-form-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}

.card-header {
    background: linear-gradient(135deg, #0D3C84, #1A56B0);
    padding: 25px 30px;
    color: #FFFFFF;
}

.card-header h3 {
    font-size: 1.5rem;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #ffffff;
}

.card-header p {
    font-size: 0.9rem;
    opacity: 0.9;
    margin: 0;
}

.enquiry-form {
    padding: 30px;
    position: relative;
}

/* Fixed Form Input Style */
.form-group {
    position: relative;
    margin-bottom: 25px;
    animation: formElementsAppear 0.4s ease forwards;
}

.form-group:nth-child(2) {
    animation-delay: 0.1s;
}

.form-group:nth-child(3) {
    animation-delay: 0.2s;
}

.form-group:nth-child(4) {
    animation-delay: 0.3s;
}

.form-group:nth-child(5) {
    animation-delay: 0.4s;
}

@keyframes formElementsAppear {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.form-group input,
.form-group select,
.form-group textarea {
    width: 100%;
    padding: 15px 20px 15px 45px;
    border: 1px solid #E0E0E0;
    border-radius: 8px;
    font-size: 1rem;
    color: #333333;
    background-color: #F9F9F9;
    transition: all 0.3s ease;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

/* Add custom styles for select dropdown arrow */
.form-group select {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%230D3C84' d='M10.293 3.293L6 7.586 1.707 3.293A1 1 0 00.293 4.707l5 5a1 1 0 001.414 0l5-5a1 1 0 10-1.414-1.414z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    padding-right: 40px;
}

.form-group select option {
    padding: 10px;
    background-color: #FFFFFF;
    color: #333333;
}

.form-group select option:first-child {
    color: #777777;
}

.form-group textarea {
    resize: vertical;
    min-height: 100px;
}

.form-group input:focus,
.form-group select:focus,
.form-group textarea:focus {
    outline: none;
    border-color: #0D3C84;
    box-shadow: 0 0 0 3px rgba(13, 60, 132, 0.1);
    background-color: #FFFFFF;
}

.form-group label {
    position: absolute;
    left: 45px;
    top: 16px;
    color: #777777;
    transition: all 0.3s ease;
    pointer-events: none;
    font-size: 1rem;
    background-color: transparent;
    z-index: 1;
}

.form-group input:focus ~ label,
.form-group select:focus ~ label,
.form-group textarea:focus ~ label,
.form-group input:not(:placeholder-shown) ~ label,
.form-group select:valid ~ label,
.form-group textarea:not(:placeholder-shown) ~ label {
    top: -10px;
    left: 15px;
    font-size: 0.8rem;
    padding: 0 5px;
    background-color: #FFFFFF;
    color: #0D3C84;
    z-index: 2;
}

.form-group i {
    position: absolute;
    left: 15px;
    top: 16px;
    color: #0D3C84;
    font-size: 16px;
    z-index: 2;
}

.form-group input:focus ~ i,
.form-group select:focus ~ i,
.form-group textarea:focus ~ i {
    color: #F4A100;
}

.form-row {
    display: flex;
    gap: 20px;
}

.form-row .form-group {
    flex: 1;
}

/* Submit Button */
.submit-button {
    width: 100%;
    padding: 15px 25px;
    background: linear-gradient(135deg, #0D3C84, #1A56B0);
    color: #FFFFFF;
    border: none;
    border-radius: 8px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: relative;
    overflow: hidden;
    margin-top: 10px;
    -webkit-tap-highlight-color: transparent;
}

.button-effect {
    position: absolute;
    top: -50%;
    left: -25%;
    width: 150%;
    height: 200%;
    background: linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0));
    transform: rotate(35deg);
    transition: transform 0.5s cubic-bezier(0.19, 1, 0.22, 1);
}

.submit-button:hover .button-effect {
    transform: rotate(35deg) translateY(-25%);
}

.submit-button:hover {
    background: linear-gradient(135deg, #1A56B0, #0D3C84);
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(13, 60, 132, 0.2);
}

.submit-button:active {
    transform: translateY(0);
    box-shadow: 0 5px 10px rgba(13, 60, 132, 0.2);
}

.submit-button:disabled {
    opacity: 0.7;
    cursor: not-allowed;
    transform: none;
}

/* Loader for form submission */
.loader {
    display: none;
    width: 20px;
    height: 20px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    border-radius: 50%;
    border-top-color: #FFFFFF;
    animation: spin 1s ease infinite;
    margin-left: 10px;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.submit-button.loading .loader {
    display: inline-block;
}

.submit-button.loading span {
    margin-right: 10px;
}

/* Success Message Style */
.success-message {
    padding: 40px 30px;
    text-align: center;
    display: none;
    animation: fadeIn 0.5s ease forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.success-icon {
    width: 80px;
    height: 80px;
    background-color: #2E7D32;
    color: white;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 36px;
    margin: 0 auto 20px;
    animation: scaleIn 0.5s 0.2s ease forwards;
    transform: scale(0);
}

@keyframes scaleIn {
    from {
        transform: scale(0);
    }
    to {
        transform: scale(1);
    }
}

.success-message h3 {
    font-size: 1.5rem;
    color: #0D3C84;
    margin-bottom: 15px;
}

.success-message p {
    color: #555555;
    margin-bottom: 25px;
}

.reset-button {
    display: inline-flex;
    align-items: center;
    padding: 12px 25px;
    background-color: #F4A100;
    color: white;
    border: none;
    border-radius: 8px;
    font-size: 0.9rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    gap: 10px;
    -webkit-tap-highlight-color: transparent;
}

.reset-button:hover {
    background-color: #D68D00;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(244, 161, 0, 0.3);
}

.reset-button:active {
    transform: translateY(0);
    box-shadow: 0 2px 5px rgba(244, 161, 0, 0.3);
}

/* Emergency Banner */
.emergency-banner {
    background-color: #F4A100;
    border-radius: 12px;
    padding: 15px 20px;
    display: flex;
    align-items: center;
    gap: 15px;
    color: #FFFFFF;
    box-shadow: 0 5px 15px rgba(244, 161, 0, 0.3);
    margin-top: 20px;
}

.emergency-icon {
    width: 50px;
    height: 50px;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    animation: pulse-ring 2s infinite;
    flex-shrink: 0;
}

@keyframes pulse-ring {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.5);
    }
    70% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
}

.emergency-content {
    display: flex;
    flex-direction: column;
}

.emergency-content span {
    font-size: 0.9rem;
    opacity: 0.9;
}

.emergency-content strong {
    font-size: 1.2rem;
    font-weight: 700;
}

.emergency-content a {
    color: #FFFFFF;
    text-decoration: underline;
}

/* Info Cards */
.info-card {
    background-color: #FFFFFF;
    border-radius: 16px;
    padding: 30px;
    margin-bottom: 30px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.info-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.info-card-title {
    font-size: 1.4rem;
    color: #0D3C84;
    margin-bottom: 25px;
    position: relative;
    padding-bottom: 12px;
}

.info-card-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 4px;
    background-color: #F4A100;
    border-radius: 2px;
}

/* Feature Grid */
.feature-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 20px;
}

.feature-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 15px;
    border-radius: 12px;
    transition: all 0.3s ease;
    background-color: #F9F9FA;
    opacity: 0;
    transform: translateY(20px);
}

.feature-item.animate-in {
    animation: fadeInUp 0.6s ease forwards;
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.feature-item:hover {
    background-color: #F4F7FD;
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.feature-icon {
    width: 60px;
    height: 60px;
    background-color: rgba(13, 60, 132, 0.1);
    color: #0D3C84;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin-bottom: 15px;
}

.feature-item:nth-child(2) .feature-icon {
    background-color: rgba(244, 161, 0, 0.1);
    color: #F4A100;
}

.feature-item:nth-child(3) .feature-icon {
    background-color: rgba(46, 125, 50, 0.1);
    color: #2E7D32;
}

.feature-item h4 {
    font-size: 1.1rem;
    margin-bottom: 10px;
    color: #222222;
}

.feature-item p {
    font-size: 0.9rem;
    color: #555555;
}

/* Timeline */
.timeline {
    position: relative;
    padding-left: 30px;
}

.timeline::before {
    content: '';
    position: absolute;
    top: 0;
    left: 15px;
    height: calc(100% - 30px);
    width: 2px;
    background-color: rgba(13, 60, 132, 0.1);
}

.timeline-item {
    position: relative;
    margin-bottom: 30px;
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.timeline-item.animate-in {
    opacity: 1;
    transform: translateY(0);
}

.timeline-item:last-child {
    margin-bottom: 0;
}

.timeline-marker {
    position: absolute;
    left: -30px;
    top: 0;
    width: 30px;
    height: 30px;
    background-color: #0D3C84;
    color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    z-index: 2;
    transition: transform 0.3s ease;
}

.timeline-item:hover .timeline-marker {
    transform: scale(1.2);
}

.timeline-item:nth-child(2) .timeline-marker {
    background-color: #1A56B0;
}

.timeline-item:nth-child(3) .timeline-marker {
    background-color: #F4A100;
}

.timeline-item:nth-child(4) .timeline-marker {
    background-color: #2E7D32;
}

.timeline-content {
    padding-bottom: 10px;
}

.timeline-content h4 {
    font-size: 1.1rem;
    margin-bottom: 5px;
    color: #222222;
}

.timeline-content p {
    font-size: 0.9rem;
    color: #555555;
}

/* Footer */
.matangini_enquiry-footer {
    text-align: center;
    padding: 20px 0;
    width: 100%;
}

.tour-button {
    background: linear-gradient(135deg, #0D3C84, #1A56B0);
    color: #FFFFFF;
    border: none;
    border-radius: 50px;
    padding: 15px 30px;
    font-size: 1.1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    box-shadow: 0 10px 20px rgba(13, 60, 132, 0.2);
    -webkit-tap-highlight-color: transparent;
}

.tour-button:hover {
    background: linear-gradient(135deg, #F4A100, #D68D00);
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(244, 161, 0, 0.3);
}

.tour-button:active {
    transform: translateY(0);
    box-shadow: 0 5px 15px rgba(244, 161, 0, 0.3);
}

.footer-note {
    font-size: 0.9rem;
    color: #555555;
    max-width: 600px;
    margin: 0 auto;
}

/* Floating Elements */
.floating-elements {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 1;
}

.floating-element {
    position: absolute;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    color: #FFFFFF;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    will-change: transform;
}

.floating-element.element1 {
    top: 20%;
    right: 10%;
    background-color: #0D3C84;
    animation: float-element 8s infinite ease-in-out;
}

.floating-element.element2 {
    top: 60%;
    left: 5%;
    background-color: #F4A100;
    animation: float-element 9s infinite ease-in-out reverse;
}

.floating-element.element3 {
    bottom: 15%;
    right: 15%;
    background-color: #2E7D32;
    animation: float-element 10s infinite ease-in-out;
}

.floating-element.element4 {
    top: 40%;
    left: 10%;
    background-color: #1A56B0;
    animation: float-element 11s infinite ease-in-out reverse;
}

@keyframes float-element {
    0%, 100% {
        transform: translate(0, 0) rotate(0deg);
    }
    25% {
        transform: translate(15px, -15px) rotate(5deg);
    }
    50% {
        transform: translate(0, 10px) rotate(0deg);
    }
    75% {
        transform: translate(-15px, -5px) rotate(-5deg);
    }
}

/* Error Styling */
.input-error {
    border-color: #FF3B30 !important;
    background-color: rgba(255, 59, 48, 0.05) !important;
}

.error-message {
    color: #FF3B30;
    font-size: 0.8rem;
    margin-top: 5px;
    display: flex;
    align-items: center;
    gap: 5px;
    animation: fadeIn 0.3s ease;
}

.error-message i {
    font-size: 12px;
}

/* Animation for Form Shake */
@keyframes shake {
    0%, 100% { transform: translateX(0); }
    10%, 30%, 50%, 70%, 90% { transform: translateX(-5px); }
    20%, 40%, 60%, 80% { transform: translateX(5px); }
}

.shake {
    animation: shake 0.5s;
}

/* Enhance form validation visual feedback */
.form-group.valid-input::after {
    content: '✓';
    position: absolute;
    right: 15px;
    top: 16px;
    color: #2E7D32;
    font-size: 16px;
}

/* Focus styles for keyboard navigation */
.form-group input:focus-visible,
.form-group select:focus-visible,
.form-group textarea:focus-visible,
.submit-button:focus-visible,
.reset-button:focus-visible,
.tour-button:focus-visible {
    outline: 2px solid #F4A100;
    outline-offset: 2px;
}

/* Fix for screen readers and accessibility */
.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

/* Responsive Styling for Screens below 1900px */
@media (max-width: 1900px) {
    .matangini_enquiry-container {
        width: 100%;
        max-width: 1600px;
    }
}

/* Responsive Styling - Enhanced */
@media (max-width: 1400px) {
    .matangini_enquiry-container {
        max-width: 1200px;
    }
}

@media (max-width: 1200px) {
    .matangini_enquiry-container {
        max-width: 1000px;
    }
}

@media (max-width: 1100px) {
    .matangini_enquiry-content {
        flex-direction: column;
        margin-top: -50px;
    }
    
    .matangini_enquiry-form-column,
    .matangini_enquiry-info-column {
        width: 100%;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .feature-grid {
        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
    }
    
    .matangini_enquiry-header {
        padding-bottom: 80px;
    }
}

@media (max-width: 992px) {
    .matangini_enquiry-container {
        max-width: 95%;
    }
    
    .header-title {
        font-size: 2.5rem;
    }
    
    .header-subtitle {
        font-size: 1rem;
        padding: 0 10px;
    }
    
    .form-row {
        flex-direction: column;
        gap: 25px;
    }
    
    .feature-grid {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    .matangini_enquiry-content {
        padding: 0 15px;
    }
    
    .header-title {
        font-size: 2.2rem;
    }
    
    .feature-grid {
        grid-template-columns: 1fr;
    }
    
    .floating-element {
        display: none;
    }
    
    .enquiry-form-card {
        max-width: 100%;
    }
    
    .emergency-banner {
        flex-direction: column;
        text-align: center;
        padding: 20px;
    }
    
    .emergency-icon {
        margin-bottom: 10px;
    }
    
    .enquiry-form {
        padding: 20px;
    }
    
    .card-header {
        padding: 20px;
    }
    
    .info-card {
        padding: 20px;
    }
}

@media (max-width: 576px) {
    .matangini_enquiry-container {
        padding: 0 10px;
    }
    
    .header-title {
        font-size: 2rem;
    }
    
    .header-emblem {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }
    
    .matangini_enquiry-content {
        margin-top: -40px;
        padding: 0 10px;
    }
    
    .tour-button {
        width: 100%;
        justify-content: center;
        font-size: 1rem;
        padding: 12px 20px;
    }
    
    /* Fix for small screens */
    .form-group label {
        font-size: 0.9rem;
    }
    
    .form-group input,
    .form-group select,
    .form-group textarea {
        font-size: 0.95rem;
        padding: 14px 15px 14px 40px;
    }
    
    .form-group i {
        left: 12px;
    }
    
    /* Better touch targets for mobile */
    .submit-button, 
    .reset-button,
    .tour-button {
        min-height: 48px;
    }
}

@media (max-width: 480px) {
    .matangini_enquiry-container {
        padding: 0 10px;
    }
    
    .card-header h3 {
        font-size: 1.3rem;
    }
    
    .form-group input,
    .form-group select,
    .form-group textarea {
        padding: 15px 15px 15px 40px;
    }
    
    .form-group label {
        left: 40px;
        font-size: 0.9rem;
    }
    
    .submit-button {
        padding: 14px 20px;
    }
    
    .success-icon {
        width: 70px;
        height: 70px;
        font-size: 30px;
    }
    
    .success-message h3 {
        font-size: 1.3rem;
    }
    
    .header-title {
        font-size: 1.8rem;
    }
    
    .header-subtitle {
        font-size: 0.9rem;
    }
}

/* Fix for iOS Safari and mobile browsers */
@supports (-webkit-touch-callout: none) {
    .enquiry-form-card {
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
    }
    
    .form-group input,
    .form-group select,
    .form-group textarea {
        -webkit-appearance: none;
        border-radius: 8px;
        font-size: 16px; /* Prevents zoom on focus */
    }
    
    .submit-button,
    .reset-button,
    .tour-button {
        -webkit-appearance: none;
        border-radius: 8px;
    }
    
    .form-group select {
        height: 53px;
        background-position: right 10px center;
    }
}

/* Print styles */
@media print {
    .matangini_enquiry-container {
        width: 100%;
        max-width: 100%;
    }
    
    .matangini_enquiry {
        background-color: white;
        color: black;
    }
    
    .floating-elements,
    .backdrop-circle,
    .backdrop-pattern,
    .header-curve,
    .submit-button .button-effect {
        display: none;
    }
    
    .matangini_enquiry-header {
        padding: 20px 0;
        margin-bottom: 20px;
    }
    
    .header-content {
        color: #0D3C84;
    }
    
    .header-title,
    .header-subtitle {
        text-shadow: none;
    }
    
    .matangini_enquiry-content {
        margin-top: 0;
        flex-direction: column;
    }
    
    .enquiry-form-card,
    .info-card {
        box-shadow: none;
        border: 1px solid #E0E0E0;
        max-width: 100%;
        margin: 0 0 20px 0;
    }
    
    .card-header {
        background: #0D3C84;
    }
    
    .emergency-banner {
        border: 1px solid #F4A100;
        box-shadow: none;
    }
    
    .submit-button,
    .tour-button,
    .reset-button {
        background: #0D3C84;
        box-shadow: none;
    }
}

/* Fix for dark mode support */
@media (prefers-color-scheme: dark) {
    .form-group input:not(:placeholder-shown) ~ label,
    .form-group select:valid ~ label,
    .form-group textarea:not(:placeholder-shown) ~ label,
    .form-group input:focus ~ label,
    .form-group select:focus ~ label,
    .form-group textarea:focus ~ label {
        background-color: #FFFFFF;
    }
}

/* RTL Support */
.rtl .matangini_enquiry {
    direction: rtl;
    text-align: right;
}

.rtl .form-group label {
    left: auto;
    right: 45px;
}

.rtl .form-group i {
    left: auto;
    right: 15px;
}

.rtl .form-group input,
.rtl .form-group select,
.rtl .form-group textarea {
    padding: 15px 45px 15px 20px;
}

.rtl .form-group input:focus ~ label,
.rtl .form-group select:focus ~ label,
.rtl .form-group textarea:focus ~ label,
.rtl .form-group input:not(:placeholder-shown) ~ label,
.rtl .form-group select:valid ~ label,
.rtl .form-group textarea:not(:placeholder-shown) ~ label {
    left: auto;
    right: 15px;
}

.rtl .timeline {
    padding-left: 0;
    padding-right: 30px;
}

.rtl .timeline::before {
    left: auto;
    right: 15px;
}

.rtl .timeline-marker {
    left: auto;
    right: -30px;
}

/* High Contrast Mode */
@media (prefers-contrast: high) {
    .matangini_enquiry-header {
        background: #0D3C84;
    }
    
    .header-title span {
        color: #FFFFFF;
        text-decoration: underline;
        text-decoration-color: #F4A100;
        text-decoration-thickness: 3px;
    }
    
    .header-title span::before {
        display: none;
    }
    
    .card-header {
        background: #0D3C84;
    }
    
    .form-group input,
    .form-group select,
    .form-group textarea {
        border: 2px solid #000000;
        color: #000000;
        background-color: #FFFFFF;
    }
    
    .form-group label {
        color: #000000;
    }
    
    .form-group input:focus ~ label,
    .form-group select:focus ~ label,
    .form-group textarea:focus ~ label,
    .form-group input:not(:placeholder-shown) ~ label,
    .form-group select:valid ~ label,
    .form-group textarea:not(:placeholder-shown) ~ label {
        background-color: #FFFFFF;
        color: #000000;
        font-weight: bold;
    }
}

/* Better support for reduced motion preference */
@media (prefers-reduced-motion: reduce) {
    .backdrop-circle,
    .header-emblem::after,
    .floating-element,
    .emergency-icon,
    .enquiry-form-card:hover,
    .info-card:hover,
    .feature-item:hover,
    .submit-button:hover,
    .reset-button:hover,
    .tour-button:hover,
    .timeline-item:hover .timeline-marker {
        animation: none;
        transition: none;
        transform: none;
    }
    
    .form-group input,
    .form-group select,
    .form-group textarea,
    .form-group label {
        transition: none;
    }
}

/* Fix for Firefox */
@-moz-document url-prefix() {
    .form-group select {
        background-image: none;
        padding-right: 15px;
    }
    
    .form-group select option {
        padding: 5px;
    }
}

/* Edge fixes */
@supports (-ms-ime-align:auto) {
    .matangini_enquiry-container {
        width: 100%;
    }
    
    .form-group select {
        padding-right: 15px;
        background-image: none;
    }
}

/* Fix for older browsers */
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .matangini_enquiry-container {
        width: 100%;
    }
    
    .form-group select {
        padding-right: 15px;
        background-image: none;
    }
    
    .backdrop-circle {
        display: none;
    }
}
/* About Us Area Css */
/* Matangini About Us Section - Alternative Creative Style */


/* Main Section Container */
.matangini_abs {
    position: relative;
    padding: 80px 0;
    overflow: hidden;
    background: linear-gradient(120deg, #f8f9fa, #e9ecef);
    min-height: 100vh;
}

/* Wave Background */
.matangini_abs-wave-bg {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 0;
}

.matangini_abs-wave {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50%;
    min-height: 300px;
}

.matangini_abs-wave:nth-child(2) {
    bottom: -50px;
    opacity: 0.5;
}

/* Container */
.matangini_abs-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    position: relative;
    z-index: 2;
}

/* Header */
.matangini_abs-header {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 50px;
}

.matangini_abs-header-title {
    font-family: 'Playfair Display', serif;
    font-size: 2.5rem;
    color: #0D3C84;
    margin: 0 20px;
    position: relative;
}

.matangini_abs-header-line {
    height: 2px;
    width: 80px;
    background: linear-gradient(90deg, transparent, #0D3C84, transparent);
}

/* Content Layout */
.matangini_abs-content {
    display: flex;
    flex-wrap: wrap;
    gap: 50px;
    margin-bottom: 60px;
}

.matangini_abs-text-section {
    flex: 1;
    min-width: 300px;
    display: flex;
    justify-content: center;
}

.matangini_abs-text-wrapper {
    max-width: 550px;
}

/* Text Content Styles */
.matangini_abs-title {
    font-family: 'Playfair Display', serif;
    font-size: 2.8rem;
    color: #333;
    margin-bottom: 15px;
    line-height: 1.2;
}

.matangini_abs-title span {
    color: #0D3C84;
    position: relative;
}

.matangini_abs-title span::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    height: 8px;
    width: 100%;
    background-color: rgba(244, 161, 0, 0.3);
    z-index: -1;
}

.matangini_abs-tagline {
    font-size: 1.1rem;
    color: #555;
    margin-bottom: 20px;
    font-style: italic;
}

.matangini_abs-divider {
    display: flex;
    align-items: center;
    gap: 8px;
    margin-bottom: 25px;
}

.matangini_abs-divider-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #F4A100;
}

.matangini_abs-divider-dot:first-child,
.matangini_abs-divider-dot:last-child {
    width: 5px;
    height: 5px;
    background-color: #0D3C84;
}

.matangini_abs-description {
    margin-bottom: 30px;
}

.matangini_abs-description p {
    color: #555;
    margin-bottom: 15px;
    font-size: 1rem;
}

/* Milestones */
.matangini_abs-milestones {
    margin-bottom: 40px;
    position: relative;
}

.matangini_abs-milestones::before {
    content: '';
    position: absolute;
    top: 0;
    left: 20px;
    height: 100%;
    width: 2px;
    background-color: rgba(13, 60, 132, 0.1);
    z-index: 0;
}

.matangini_abs-milestone-item {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
    position: relative;
}

.matangini_abs-milestone-year {
    width: 40px;
    height: 40px;
    background-color: #0D3C84;
    color: #fff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 0.9rem;
    position: relative;
    z-index: 1;
}

.matangini_abs-milestone-item:nth-child(2) .matangini_abs-milestone-year {
    background-color: #1A56B0;
}

.matangini_abs-milestone-item:nth-child(3) .matangini_abs-milestone-year {
    background-color: #F4A100;
}

.matangini_abs-milestone-item:nth-child(4) .matangini_abs-milestone-year {
    background-color: #2E7D32;
}

.matangini_abs-milestone-content h3 {
    font-size: 1.1rem;
    color: #333;
    margin-bottom: 5px;
}

.matangini_abs-milestone-content p {
    font-size: 0.9rem;
    color: #666;
}

/* Counters */
.matangini_abs-counters {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 40px;
}

.matangini_abs-counter-item {
    flex: 1;
    min-width: 120px;
    text-align: center;
    position: relative;
}

.matangini_abs-counter-value {
    font-size: 2.5rem;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 5px;
    position: relative;
}

.matangini_abs-counter-value::after {
    content: '+';
    position: absolute;
    top: 0;
    right: -15px;
    font-size: 1.5rem;
    color: #F4A100;
}

.matangini_abs-counter-label {
    font-size: 0.9rem;
    color: #555;
}

/* Buttons */
.matangini_abs-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.matangini_abs-btn {
    padding: 12px 25px;
    border-radius: 50px;
    font-size: 1rem;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    transition: all 0.3s ease;
    min-width: 160px;
}

.matangini_abs-btn-primary {
    background-color: #0D3C84;
    color: #fff;
    box-shadow: 0 5px 15px rgba(13, 60, 132, 0.2);
}

.matangini_abs-btn-secondary {
    background-color: transparent;
    color: #0D3C84;
    border: 2px solid #0D3C84;
}

.matangini_abs-btn-primary:hover {
    background-color: #F4A100;
    box-shadow: 0 8px 20px rgba(244, 161, 0, 0.3);
    transform: translateY(-3px);
}

.matangini_abs-btn-secondary:hover {
    background-color: rgba(13, 60, 132, 0.1);
    transform: translateY(-3px);
}

/* Image Section */
.matangini_abs-image-section {
    flex: 1;
    min-width: 300px;
    height: 600px;
    position: relative;
}

/* Hexagon Gallery */
.matangini_abs-hexagon-gallery {
    position: relative;
    height: 100%;
    width: 100%;
}

.matangini_abs-hexagon {
    position: absolute;
    width: 200px;
    height: 230px;
    transition: all 0.3s ease;
}

.matangini_abs-hexagon-inner {
    width: 100%;
    height: 100%;
    clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: all 0.3s ease;
}

.matangini_abs-hex-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.matangini_abs-hex-overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    background: linear-gradient(to top, rgba(13, 60, 132, 0.8), transparent);
    color: #fff;
    text-align: center;
    transform: translateY(100%);
    transition: all 0.3s ease;
}

.matangini_abs-hexagon:hover .matangini_abs-hex-overlay {
    transform: translateY(0);
}

.matangini_abs-hexagon:hover .matangini_abs-hex-img {
    transform: scale(1.1);
}

.matangini_abs-hexagon:hover {
    transform: translateY(-10px);
    z-index: 5;
}

.matangini_abs-hex1 {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 2;
}

.matangini_abs-hex2 {
    top: 130px;
    left: 20%;
    z-index: 1;
}

.matangini_abs-hex3 {
    top: 130px;
    right: 20%;
    z-index: 1;
}

.matangini_abs-hex4 {
    bottom: 100px;
    left: 30%;
    z-index: 3;
}

.matangini_abs-hex5 {
    bottom: 100px;
    right: 30%;
    z-index: 3;
}

/* Accent Shapes */
.matangini_abs-accent-shape {
    position: absolute;
    border-radius: 50%;
    z-index: 0;
}

.matangini_abs-accent1 {
    width: 150px;
    height: 150px;
    top: 50px;
    left: 0;
    background-color: rgba(244, 161, 0, 0.1);
    animation: float-animation 15s infinite alternate ease-in-out;
}

.matangini_abs-accent2 {
    width: 100px;
    height: 100px;
    bottom: 80px;
    right: 10%;
    background-color: rgba(13, 60, 132, 0.1);
    animation: float-animation 12s infinite alternate-reverse ease-in-out;
}

.matangini_abs-accent3 {
    width: 80px;
    height: 80px;
    top: 40%;
    right: 5%;
    background-color: rgba(46, 125, 50, 0.1);
    animation: float-animation 10s infinite alternate ease-in-out;
}

@keyframes float-animation {
    0% {
        transform: translate(0, 0);
    }
    100% {
        transform: translate(0, 20px);
    }
}

/* Floating Icons */
.matangini_abs-floating-icons {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
}

.matangini_abs-floating-icon {
    position: absolute;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 18px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    animation: icon-float 8s infinite ease-in-out;
}

.matangini_abs-icon1 {
    top: 15%;
    right: 5%;
    background-color: #0D3C84;
    animation-delay: 0s;
}

.matangini_abs-icon2 {
    top: 60%;
    left: 8%;
    background-color: #F4A100;
    animation-delay: 2s;
}

.matangini_abs-icon3 {
    bottom: 10%;
    right: 15%;
    background-color: #2E7D32;
    animation-delay: 1s;
}

.matangini_abs-icon4 {
    top: 40%;
    right: 20%;
    background-color: #1A56B0;
    animation-delay: 3s;
}

@keyframes icon-float {
    0%, 100% {
        transform: translateY(0) rotate(0deg);
    }
    25% {
        transform: translateY(-15px) rotate(10deg);
    }
    50% {
        transform: translateY(0) rotate(0deg);
    }
    75% {
        transform: translateY(15px) rotate(-10deg);
    }
}

/* Values Section */
.matangini_abs-values {
    padding: 50px 0;
    position: relative;
}

.matangini_abs-values-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 30px;
}

.matangini_abs-value-item {
    flex: 1;
    min-width: 220px;
    padding: 30px;
    background-color: #fff;
    border-radius: 10px;
    text-align: center;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.matangini_abs-value-item:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.matangini_abs-value-icon {
    width: 60px;
    height: 60px;
    background-color: rgba(13, 60, 132, 0.1);
    color: #0D3C84;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    margin: 0 auto 20px;
    transition: all 0.3s ease;
}

.matangini_abs-value-item:hover .matangini_abs-value-icon {
    background-color: #0D3C84;
    color: #fff;
    transform: rotate(360deg);
}

.matangini_abs-value-item:nth-child(2) .matangini_abs-value-icon {
    background-color: rgba(244, 161, 0, 0.1);
    color: #F4A100;
}

.matangini_abs-value-item:nth-child(2):hover .matangini_abs-value-icon {
    background-color: #F4A100;
    color: #fff;
}

.matangini_abs-value-item:nth-child(3) .matangini_abs-value-icon {
    background-color: rgba(46, 125, 50, 0.1);
    color: #2E7D32;
}

.matangini_abs-value-item:nth-child(3):hover .matangini_abs-value-icon {
    background-color: #2E7D32;
    color: #fff;
}

.matangini_abs-value-item:nth-child(4) .matangini_abs-value-icon {
    background-color: rgba(26, 86, 176, 0.1);
    color: #1A56B0;
}

.matangini_abs-value-item:nth-child(4):hover .matangini_abs-value-icon {
    background-color: #1A56B0;
    color: #fff;
}

.matangini_abs-value-item h3 {
    font-size: 1.3rem;
    color: #333;
    margin-bottom: 10px;
}

.matangini_abs-value-item p {
    font-size: 0.9rem;
    color: #666;
}

/* Animations */
@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    50% {
        transform: scale(1.05);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0.8;
    }
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

/* Animation Classes */
.matangini_abs-animate-in {
    animation: fadeIn 1s forwards;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(30px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Ripple Effect for Buttons */
.matangini_abs-ripple {
    position: absolute;
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 50%;
    transform: scale(0);
    animation: ripple 0.6s linear;
    pointer-events: none;
}

@keyframes ripple {
    to {
        transform: scale(2.5);
        opacity: 0;
    }
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .matangini_abs-title {
        font-size: 2.5rem;
    }
    
    .matangini_abs-hexagon {
        width: 180px;
        height: 200px;
    }
}

@media (max-width: 992px) {
    .matangini_abs-content {
        flex-direction: column-reverse;
    }
    
    .matangini_abs-image-section {
        height: 500px;
        margin-bottom: 40px;
    }
    
    .matangini_abs-hex1 {
        top: 0;
        left: 50%;
        transform: translateX(-50%);
    }
    
    .matangini_abs-hex2 {
        top: 120px;
        left: 25%;
    }
    
    .matangini_abs-hex3 {
        top: 120px;
        right: 25%;
    }
    
    .matangini_abs-hex4 {
        bottom: 30px;
        left: 35%;
    }
    
    .matangini_abs-hex5 {
        bottom: 30px;
        right: 35%;
    }
    
    .matangini_abs-header-title {
        font-size: 2.2rem;
    }
    
    .matangini_abs-header-line {
        width: 60px;
    }
}

@media (max-width: 768px) {
    .matangini_abs {
        padding: 60px 0;
    }
    
    .matangini_abs-title {
        font-size: 2.2rem;
    }
    
    .matangini_abs-image-section {
        height: 450px;
    }
    
    .matangini_abs-hexagon {
        width: 150px;
        height: 170px;
    }
    
    .matangini_abs-hex2 {
        left: 20%;
    }
    
    .matangini_abs-hex3 {
        right: 20%;
    }
    
    .matangini_abs-hex4 {
        left: 30%;
    }
    
    .matangini_abs-hex5 {
        right: 30%;
    }
    
    .matangini_abs-counter-value {
        font-size: 2rem;
    }
    
    .matangini_abs-values-wrapper {
        gap: 20px;
    }
    
    .matangini_abs-value-item {
        padding: 20px;
    }
}

@media (max-width: 576px) {
    .matangini_abs-title {
        font-size: 1.8rem;
    }
    
    .matangini_abs-header-title {
        font-size: 1.8rem;
    }
    
    .matangini_abs-header-line {
        width: 40px;
    }
    
    .matangini_abs-image-section {
        height: 400px;
    }
    
    .matangini_abs-hexagon {
        width: 130px;
        height: 150px;
    }
    
    .matangini_abs-counters {
        flex-direction: column;
        align-items: center;
        gap: 25px;
    }
    
    .matangini_abs-counter-item {
        width: 100%;
    }
    
    .matangini_abs-buttons {
        flex-direction: column;
    }
    
    .matangini_abs-btn {
        width: 100%;
    }
    
    .matangini_abs-value-item {
        min-width: 100%;
    }
    
    .matangini_abs-accent-shape,
    .matangini_abs-floating-icon {
        display: none;
    }
}

/* Interactive Elements */
.matangini_abs-milestone-item,
.matangini_abs-counter-item,
.matangini_abs-hexagon,
.matangini_abs-btn,
.matangini_abs-value-item {
    transition: all 0.3s ease;
}

/* Hover Effects */
.matangini_abs-milestone-item:hover .matangini_abs-milestone-year {
    transform: scale(1.1);
    box-shadow: 0 0 15px rgba(13, 60, 132, 0.3);
}

.matangini_abs-counter-item:hover .matangini_abs-counter-value {
    transform: scale(1.1);
    color: #F4A100;
}

/* Loading Animation */
.matangini_abs-loading {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.matangini_abs-loaded {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger Loading Effect */
.matangini_abs-stagger-item {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease, transform 0.5s ease;
}

.matangini_abs-stagger-item.loaded {
    opacity: 1;
    transform: translateY(0);
}

/* our courses area css */
.matangini_courses {
    padding: 100px 20px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #f5f9ff 0%, #fff9e6 50%, #f5fff7 100%);
    max-width: 1900px;
    width: 100%;
}

.matangini_courses::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(13, 60, 132, 0.07) 0%, rgba(244, 161, 0, 0.07) 50%, rgba(46, 125, 50, 0.07) 100%);
    z-index: -1;
}

.matangini_courses .section-title {
    text-align: center;
    margin-bottom: 70px;
    position: relative;
}

.matangini_courses .section-title h2 {
    font-size: 42px;
    background: linear-gradient(to right, #0D3C84, #2E7D32);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-shadow: 0px 0px 10px rgba(13, 60, 132, 0.2);
}

.matangini_courses .section-title h2::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(244, 161, 0, 0.2);
    left: -45px;
    top: 50%;
    transform: translateY(-50%);
}

.matangini_courses .section-title h2::after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: rgba(244, 161, 0, 0.2);
    right: -45px;
    top: 50%;
    transform: translateY(-50%);
}

.matangini_courses .section-title p {
    color: #555555;
    max-width: 700px;
    margin: 0 auto;
    font-size: 16px;
    line-height: 1.7;
}

/* Slider Container - Modified for 3 cards per row */
.matangini_courses .courses-slider-container {
    position: relative;
    margin: 0 auto;
    overflow: hidden;
    padding: 0 10px;
    max-width: 1600px;
}

.matangini_courses .courses-slider {
    display: flex;
    gap: 30px;
    transition: transform 0.5s ease;
    will-change: transform;
}

/* Fixed equal card sizing - exactly 3 per row */
.matangini_courses .course-card {
    background: linear-gradient(to bottom, #FFFFFF 0%, #f9f9f9 100%);
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    display: flex;
    flex-direction: column;
    /* Fixed width calculation for exactly 3 cards per row */
    width: calc((100% / 3) - 20px);
    min-width: calc((100% / 3) - 20px);
    max-width: calc((100% / 3) - 20px);
    flex: 0 0 calc((100% / 3) - 20px);
    height: 100%;
    transform-style: preserve-3d;
    border: 1px solid rgba(255, 255, 255, 0.8);
    flex-shrink: 0;
}

.matangini_courses .course-card:hover {
    transform: translateY(-15px) rotateX(5deg);
    box-shadow: 0 20px 40px rgba(13, 60, 132, 0.15);
}

.matangini_courses .course-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #0D3C84 0%, #2E7D32 100%);
}

.matangini_courses .course-card:nth-child(3n-1)::before {
    background: linear-gradient(90deg, #F4A100 0%, #0D3C84 100%);
}

.matangini_courses .course-card:nth-child(3n)::before {
    background: linear-gradient(90deg, #2E7D32 0%, #F4A100 100%);
}

.matangini_courses .course-card .course-image {
    height: 220px;
    position: relative;
    overflow: hidden;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 0 100%);
}

.matangini_courses .course-card .course-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.8s ease;
}

.matangini_courses .course-card:hover .course-image img {
    transform: scale(1.1) rotate(2deg);
}

.matangini_courses .course-card .course-badge {
    position: absolute;
    top: 20px;
    left: -5px;
    background-color: #F4A100;
    color: #FFFFFF;
    padding: 8px 20px;
    font-size: 14px;
    font-weight: bold;
    box-shadow: 0 5px 10px rgba(244, 161, 0, 0.3);
    border-radius: 0 30px 30px 0;
    z-index: 1;
}

.matangini_courses .course-card:nth-child(3n-1) .course-badge {
    background-color: #0D3C84;
    box-shadow: 0 5px 10px rgba(13, 60, 132, 0.3);
}

.matangini_courses .course-card:nth-child(3n) .course-badge {
    background-color: #2E7D32;
    box-shadow: 0 5px 10px rgba(46, 125, 50, 0.3);
}

.matangini_courses .course-card .course-badge::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -5px;
    width: 5px;
    height: 5px;
    border-radius: 0 0 5px 0;
    background-color: #D68D00;
}

.matangini_courses .course-card:nth-child(3n-1) .course-badge::after {
    background-color: #0A316B;
}

.matangini_courses .course-card:nth-child(3n) .course-badge::after {
    background-color: #1E5722;
}

.matangini_courses .course-card .course-content {
    padding: 30px;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    position: relative;
}

.matangini_courses .course-card .course-content::before {
    content: '';
    position: absolute;
    top: 0;
    right: 30px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: rgba(13, 60, 132, 0.05);
    z-index: -1;
}

.matangini_courses .course-card .course-title {
    font-size: 24px;
    color: #0D3C84;
    margin-bottom: 15px;
    font-weight: 700;
    position: relative;
    padding-bottom: 15px;
    /* Ensure same height for titles */
    min-height: 55px;
    display: flex;
    align-items: flex-start;
}

.matangini_courses .course-card .course-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 40px;
    height: 3px;
    background-color: #F4A100;
}

.matangini_courses .course-card:nth-child(3n-1) .course-title::after {
    background-color: #0D3C84;
}

.matangini_courses .course-card:nth-child(3n) .course-title::after {
    background-color: #2E7D32;
}

.matangini_courses .course-card .course-description {
    color: #555555;
    margin-bottom: 25px;
    line-height: 1.7;
    flex-grow: 1;
    /* Make all descriptions same height */
    min-height: 150px;
    overflow: hidden;
}

.matangini_courses .course-card .course-features {
    margin-bottom: 25px;
    background-color: rgba(244, 244, 244, 0.5);
    padding: 15px;
    border-radius: 10px;
    /* Make all feature sections same height */
    min-height: 150px;
}

.matangini_courses .course-card .course-features .feature {
    display: flex;
    align-items: center;
    margin-bottom: 12px;
    color: #555555;
}

.matangini_courses .course-card .course-features .feature:last-child {
    margin-bottom: 0;
}

.matangini_courses .course-card .course-features .feature-icon {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #FFFFFF;
    color: #2E7D32;
    border-radius: 50%;
    margin-right: 12px;
    font-size: 16px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.matangini_courses .course-card:nth-child(3n-1) .course-features .feature-icon {
    color: #0D3C84;
}

.matangini_courses .course-card:nth-child(3n) .course-features .feature-icon {
    color: #F4A100;
}

.matangini_courses .course-card .course-actions {
    display: flex;
    gap: 15px;
}

.matangini_courses .course-card .btn {
    padding: 14px 20px;
    font-size: 15px;
    font-weight: 600;
    border-radius: 30px;
    text-align: center;
    cursor: pointer;
    transition: all 0.3s ease;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.matangini_courses .course-card .btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.2);
    transition: all 0.4s ease;
    z-index: -1;
}

.matangini_courses .course-card .btn:hover::before {
    left: 0;
}

.matangini_courses .course-card .btn-primary {
    background-color: #0D3C84;
    color: white;
    border: none;
    box-shadow: 0 5px 15px rgba(13, 60, 132, 0.3);
}

.matangini_courses .course-card .btn-primary:hover {
    background-color: #0A316B;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(13, 60, 132, 0.4);
}

.matangini_courses .course-card .btn-secondary {
    background-color: #F4A100;
    color: white;
    border: none;
    box-shadow: 0 5px 15px rgba(244, 161, 0, 0.3);
}

.matangini_courses .course-card .btn-secondary:hover {
    background-color: #D68D00;
    transform: translateY(-3px);
    box-shadow: 0 8px 20px rgba(244, 161, 0, 0.4);
}

.matangini_courses .course-card .btn i {
    margin-right: 8px;
    font-size: 16px;
}

/* Slider Navigation Buttons */
.matangini_courses .slider-navigation {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 10;
    pointer-events: none;
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
    left: 0;
}

.matangini_courses .slider-nav-btn {
    background-color: #FFFFFF;
    color: #0D3C84;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    border: none;
    outline: none;
    font-size: 18px;
    pointer-events: auto;
}

.matangini_courses .slider-nav-btn:hover {
    background-color: #0D3C84;
    color: #FFFFFF;
    box-shadow: 0 8px 20px rgba(13, 60, 132, 0.3);
}

.matangini_courses .slider-nav-btn.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

/* Slider Pagination */
.matangini_courses .slider-pagination {
    display: flex;
    justify-content: center;
    margin-top: 30px;
    gap: 10px;
}

.matangini_courses .pagination-dot {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(13, 60, 132, 0.2);
    cursor: pointer;
    transition: all 0.3s ease;
}

.matangini_courses .pagination-dot.active {
    background-color: #0D3C84;
    width: 30px;
    height: 8px;
    border-radius: 4px;
}

/* View All Courses Button */
.matangini_courses .view-all-container {
    display: flex;
    justify-content: center;
    margin-top: 50px;
}

.matangini_courses .view-all-btn {
    background-color: transparent;
    color: #0D3C84;
    border: 2px solid #0D3C84;
    padding: 15px 30px;
    border-radius: 50px;
    font-size: 18px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 10px;
    text-decoration: none;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.matangini_courses .view-all-btn::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0%;
    height: 100%;
    background-color: #0D3C84;
    transition: all 0.4s ease;
    z-index: -1;
}

.matangini_courses .view-all-btn:hover {
    color: white;
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(13, 60, 132, 0.2);
}

.matangini_courses .view-all-btn:hover::before {
    width: 100%;
}

.matangini_courses .view-all-btn i {
    transition: transform 0.3s ease;
}

.matangini_courses .view-all-btn:hover i {
    transform: translateX(5px);
}

/* Responsive Styles - Modified for 3 cards per row */
@media (max-width: 1400px) {
    .matangini_courses .courses-slider-container {
        max-width: 1200px;
    }
}

@media (max-width: 1200px) {
    .matangini_courses {
        padding: 80px 15px;
    }
    
    .matangini_courses .section-title h2 {
        font-size: 36px;
    }
    
    .matangini_courses .courses-slider-container {
        max-width: 900px;
    }
    
    /* Show 2 cards on medium screens */
    .matangini_courses .course-card {
        width: calc((100% / 2) - 15px);
        min-width: calc((100% / 2) - 15px);
        max-width: calc((100% / 2) - 15px);
        flex: 0 0 calc((100% / 2) - 15px);
    }
}

@media (max-width: 768px) {
    .matangini_courses {
        padding: 60px 15px;
    }
    
    .matangini_courses .section-title {
        margin-bottom: 50px;
    }
    
    .matangini_courses .section-title h2 {
        font-size: 28px;
    }
    
    .matangini_courses .courses-slider-container {
        max-width: 500px;
    }
    
    /* Show 1 card on small screens */
    .matangini_courses .course-card {
        width: 100%;
        min-width: 100%;
        max-width: 100%;
        flex: 0 0 100%;
    }
    
    .matangini_courses .course-card .course-description,
    .matangini_courses .course-card .course-features {
        min-height: auto; /* Reset fixed heights on mobile */
    }
}

@media (max-width: 576px) {
    .matangini_courses {
        padding: 50px 10px;
    }
    
    .matangini_courses .section-title h2 {
        font-size: 24px;
    }
    
    .matangini_courses .section-title h2::before,
    .matangini_courses .section-title h2::after {
        display: none;
    }
    
    .matangini_courses .course-card .course-title {
        min-height: auto; /* Reset fixed heights on mobile */
    }
    
    .matangini_courses .course-card .course-actions {
        flex-direction: column;
        gap: 10px;
    }
}


/* why choose area start */
.matangini_whychoose {
    padding: 80px 20px;
   
    margin: 0 auto;
    background: linear-gradient(135deg, #f5f9ff 0%, #fff9e6 50%, #f5fff7 100%);

    position: relative;
    overflow: hidden;
}

.matangini_whychoose::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(13, 60, 132, 0.07) 0%, rgba(244, 161, 0, 0.07) 50%, rgba(46, 125, 50, 0.07) 100%);
    z-index: 1;
}

.matangini_whychoose_container {
    display: flex;
    position: relative;
    z-index: 5;
}

.matangini_whychoose_left {
    flex: 1;
    padding-right: 50px;
}

.matangini_whychoose_right {
    flex: 1;
    position: relative;
}

.matangini_whychoose_title {
    margin-bottom: 30px;
}

.matangini_whychoose_title h2 {
    font-size: 42px;
    background: linear-gradient(to right, #0D3C84, #2E7D32);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
    font-weight: 800;
    position: relative;
    display: inline-block;
}

.matangini_whychoose_title h2::after {
    content: '';
    width: 80px;
    height: 4px;
    background: linear-gradient(to right, #F4A100, #D68D00);
    position: absolute;
    bottom: -10px;
    left: 0;
    border-radius: 4px;
}

.matangini_whychoose_title p {
    font-size: 16px;
    color: #555555;
    line-height: 1.6;
    margin-top: 20px;
}

.matangini_whychoose_points {
    margin-top: 40px;
}

.matangini_whychoose_point {
    display: flex;
    margin-bottom: 25px;
    position: relative;
    transition: all 0.3s ease;
}

.matangini_whychoose_point:hover {
    transform: translateX(10px);
}

.matangini_whychoose_point_icon {
    width: 60px;
    height: 60px;
    background: white;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 20px;
    flex-shrink: 0;
    position: relative;
    z-index: 1;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
}

.matangini_whychoose_point_icon::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, #0D3C84, #2E7D32);
    border-radius: 15px;
    z-index: -1;
    opacity: 0;
    transition: all 0.3s ease;
}

.matangini_whychoose_point:hover .matangini_whychoose_point_icon::before {
    opacity: 1;
}

.matangini_whychoose_point:hover .matangini_whychoose_point_icon i {
    color: white;
}

.matangini_whychoose_point_icon i {
    font-size: 24px;
    color: #0D3C84;
    transition: all 0.3s ease;
}

.matangini_whychoose_point:nth-child(2) .matangini_whychoose_point_icon i {
    color: #F4A100;
}

.matangini_whychoose_point:nth-child(3) .matangini_whychoose_point_icon i {
    color: #2E7D32;
}

.matangini_whychoose_point:nth-child(4) .matangini_whychoose_point_icon i {
    color: #0D3C84;
}

.matangini_whychoose_point_content h3 {
    font-size: 20px;
    font-weight: 600;
    color: #0D3C84;
    margin-bottom: 8px;
}

.matangini_whychoose_point_content p {
    font-size: 15px;
    line-height: 1.6;
    color: #555555;
}

/* Image animations and effects */
.matangini_whychoose_images {
    position: relative;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.matangini_whychoose_image {
    position: absolute;
    border-radius: 20px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
    overflow: hidden;
    border: 5px solid white;
    transition: all 0.5s cubic-bezier(0.25, 0.8, 0.25, 1);
}

.matangini_whychoose_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.matangini_whychoose_image:hover img {
    transform: scale(1.1);
}

.matangini_whychoose_image_1 {
    width: 250px;
    height: 350px;
    top: 0;
    left: 0;
    z-index: 3;
    transform: rotate(-5deg);
    animation: float1 5s ease-in-out infinite;
}

.matangini_whychoose_image_2 {
    width: 280px;
    height: 200px;
    bottom: 40px;
    left: 30px;
    z-index: 2;
    transform: rotate(7deg);
    animation: float2 6s ease-in-out infinite;
}

.matangini_whychoose_image_3 {
    width: 220px;
    height: 280px;
    top: 70px;
    right: 0;
    z-index: 1;
    transform: rotate(3deg);
    animation: float3 7s ease-in-out infinite;
}

@keyframes float1 {
    0%, 100% { transform: translateY(0) rotate(-5deg); }
    50% { transform: translateY(-15px) rotate(-7deg); }
}

@keyframes float2 {
    0%, 100% { transform: translateY(0) rotate(7deg); }
    50% { transform: translateY(15px) rotate(5deg); }
}

@keyframes float3 {
    0%, 100% { transform: translateY(0) rotate(3deg); }
    50% { transform: translateY(-20px) rotate(6deg); }
}

/* Decorative elements */
.matangini_whychoose_shape {
    position: absolute;
    z-index: 0;
    opacity: 0.1;
}

.matangini_whychoose_shape_1 {
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0D3C84, #1A5DC9);
    top: -50px;
    left: 10%;
}

.matangini_whychoose_shape_2 {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #F4A100, #FFD000);
    bottom: 50px;
    left: 40%;
    transform: rotate(45deg);
}

.matangini_whychoose_shape_3 {
    width: 120px;
    height: 120px;
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    background: linear-gradient(135deg, #2E7D32, #4CAF50);
    top: 30%;
    right: 10%;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .matangini_whychoose_container {
        flex-direction: column;
    }

    .matangini_whychoose_left, 
    .matangini_whychoose_right {
        width: 100%;
        flex: none;
    }

    .matangini_whychoose_left {
        padding-right: 0;
        margin-bottom: 50px;
    }

    .matangini_whychoose_images {
        height: 500px;
    }
}

@media (max-width: 768px) {
    .matangini_whychoose {
        padding: 60px 20px;
    }

    .matangini_whychoose_title h2 {
        font-size: 32px;
    }

    .matangini_whychoose_images {
        height: 400px;
    }

    .matangini_whychoose_image_1 {
        width: 200px;
        height: 280px;
    }

    .matangini_whychoose_image_2 {
        width: 220px;
        height: 160px;
    }

    .matangini_whychoose_image_3 {
        width: 180px;
        height: 220px;
    }
}

@media (max-width: 576px) {
    .matangini_whychoose {
        padding: 40px 15px;
    }

    .matangini_whychoose_title h2 {
        font-size: 28px;
    }

    .matangini_whychoose_point {
        flex-direction: column;
    }

    .matangini_whychoose_point_icon {
        margin-right: 0;
        margin-bottom: 15px;
    }

    .matangini_whychoose_images {
        height: 350px;
    }

    .matangini_whychoose_image_1 {
        width: 160px;
        height: 220px;
    }

    .matangini_whychoose_image_2 {
        width: 180px;
        height: 130px;
    }

    .matangini_whychoose_image_3 {
        width: 140px;
        height: 180px;
    }
}

/* get in touch  */
.matangini_getintouch {
    padding: 0;

    margin: 0 auto;
    position: relative;
    overflow: hidden;
  
    background: #fff;
    box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
}

.matangini_getintouch_container {
    display: flex;
    position: relative;
    height: 100%;
}

/* Left side - Form */
.matangini_getintouch_left {
    flex: 1;
    padding: 60px;
    position: relative;
    z-index: 5;
    background: linear-gradient(135deg, #f7faff 0%, #fff 100%);
}

.matangini_getintouch_title {
    margin-bottom: 40px;
    position: relative;
}

.matangini_getintouch_title h2 {
    font-size: 38px;
    background: linear-gradient(to right, #0D3C84, #2E7D32);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    margin-bottom: 15px;
    font-weight: 800;
    position: relative;
    display: inline-block;
}

.matangini_getintouch_title h2::before {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    border: 4px solid rgba(244, 161, 0, 0.2);
    border-radius: 50%;
    top: -15px;
    left: -20px;
    z-index: -1;
}

.matangini_getintouch_title p {
    font-size: 16px;
    color: #555555;
    line-height: 1.7;
    margin-top: 20px;
    max-width: 500px;
}

/* Form Styles */
.matangini_getintouch_form_group {
    margin-bottom: 25px;
    position: relative;
}

.matangini_getintouch_form_input,
.matangini_getintouch_form_textarea,
.matangini_getintouch_form_select {
    width: 100%;
    padding: 16px 20px;
    border: none;
    border-radius: 12px;
    font-size: 15px;
    transition: all 0.3s ease;
    color: #444;
    background-color: #f0f4f9;
    box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.05);
}

.matangini_getintouch_form_label {
    position: absolute;
    left: 20px;
    top: 16px;
    font-size: 15px;
    color: #777;
    transition: all 0.3s ease;
    pointer-events: none;
}

.matangini_getintouch_form_input:focus + .matangini_getintouch_form_label,
.matangini_getintouch_form_textarea:focus + .matangini_getintouch_form_label,
.matangini_getintouch_form_input:not(:placeholder-shown) + .matangini_getintouch_form_label,
.matangini_getintouch_form_textarea:not(:placeholder-shown) + .matangini_getintouch_form_label {
    top: -10px;
    left: 15px;
    font-size: 12px;
    padding: 0 5px;
    background: white;
    color: #0D3C84;
    font-weight: 600;
}

.matangini_getintouch_form_input:focus,
.matangini_getintouch_form_textarea:focus,
.matangini_getintouch_form_select:focus {
    outline: none;
    background-color: #fff;
    box-shadow: 0 0 0 2px rgba(13, 60, 132, 0.2), inset 0 2px 4px rgba(0, 0, 0, 0.05);
}

.matangini_getintouch_form_textarea {
    resize: vertical;
    min-height: 120px;
}

.matangini_getintouch_form_row {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
}

.matangini_getintouch_form_col {
    flex: 1;
}

.matangini_getintouch_form_button {
    background: linear-gradient(45deg, #0D3C84, #2E7D32);
    color: white;
    border: none;
    padding: 16px 32px;
    border-radius: 30px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.23, 1, 0.32, 1);
    display: inline-block;
    text-align: center;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0 10px 20px rgba(13, 60, 132, 0.2);
}

.matangini_getintouch_form_button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #F4A100, #0D3C84);
    opacity: 0;
    transition: all 0.4s ease;
    z-index: -1;
}

.matangini_getintouch_form_button:hover::before {
    opacity: 1;
}

.matangini_getintouch_form_button:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 25px rgba(13, 60, 132, 0.3);
}

/* Contact Info */
.matangini_getintouch_contact_info {
    margin-top: 40px;
    padding-top: 30px;
    border-top: 1px dashed rgba(0, 0, 0, 0.1);
}

.matangini_getintouch_contact_item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

.matangini_getintouch_contact_icon {
    width: 40px;
    height: 40px;
    background: rgba(13, 60, 132, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: #0D3C84;
    font-size: 18px;
}

.matangini_getintouch_contact_item:nth-child(2) .matangini_getintouch_contact_icon {
    background: rgba(244, 161, 0, 0.1);
    color: #F4A100;
}

.matangini_getintouch_contact_item:nth-child(3) .matangini_getintouch_contact_icon {
    background: rgba(46, 125, 50, 0.1);
    color: #2E7D32;
}

.matangini_getintouch_contact_text {
    font-size: 15px;
    color: #555;
}

.matangini_getintouch_contact_text strong {
    display: block;
    color: #333;
    font-weight: 600;
    font-size: 16px;
}

/* Right side - Image */
.matangini_getintouch_right {
    flex: 1;
    position: relative;
    overflow: hidden;
    background: #0D3C84;
    border-radius: 0 20px 20px 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.matangini_getintouch_student_container {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.matangini_getintouch_student_image {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 10s ease;
    transform-origin: center;
    filter: brightness(0.85);
    clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
}

.matangini_getintouch:hover .matangini_getintouch_student_image {
    transform: scale(1.1);
}

.matangini_getintouch_overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(13, 60, 132, 0.6), rgba(244, 161, 0, 0.5), rgba(46, 125, 50, 0.4));
    mix-blend-mode: multiply;
    z-index: 1;
    clip-path: polygon(0 0, 100% 0, 100% 85%, 50% 100%, 0 85%);
}

.matangini_getintouch_image_border {
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 50px;
    border: 3px solid rgba(255, 255, 255, 0.3);
    z-index: 2;
    clip-path: polygon(0 0, 100% 0, 100% 83%, 50% 100%, 0 83%);
    pointer-events: none;
}

.matangini_getintouch_quote {
    position: absolute;
    bottom: 80px;
    left: 40px;
    right: 40px;
    color: white;
    z-index: 2;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    padding: 25px;
    background: rgba(13, 60, 132, 0.7);
    backdrop-filter: blur(5px);
    border-radius: 15px;
    transform: translateY(0);
    transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
    border-left: 4px solid #F4A100;
}

.matangini_getintouch:hover .matangini_getintouch_quote {
    transform: translateY(-10px);
}

.matangini_getintouch_quote::before {
    content: '"';
    position: absolute;
    top: -30px;
    left: 20px;
    font-size: 100px;
    color: rgba(244, 161, 0, 0.2);
    font-family: Georgia, serif;
}

.matangini_getintouch_quote q {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 300;
    font-style: italic;
    display: block;
    margin-bottom: 20px;
}

.matangini_getintouch_quote cite {
    font-style: normal;
    font-weight: 600;
    font-size: 16px;
    display: flex;
    align-items: center;
}

.matangini_getintouch_quote cite::before {
    content: '';
    width: 30px;
    height: 2px;
    background: #F4A100;
    margin-right: 10px;
}

/* Decorative elements */
.matangini_getintouch_shape {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    opacity: 0.4;
}

.matangini_getintouch_shape_1 {
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(13, 60, 132, 0.1) 0%, rgba(13, 60, 132, 0) 70%);
    border-radius: 50%;
    top: -150px;
    right: -150px;
}

.matangini_getintouch_shape_2 {
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(244, 161, 0, 0.1) 0%, rgba(244, 161, 0, 0) 70%);
    border-radius: 50%;
    bottom: -100px;
    left: 30%;
}

/* Adaptive Styles */
@media (max-width: 1200px) {
    .matangini_getintouch_container {
        flex-direction: column;
    }

    .matangini_getintouch_right {
        min-height: 450px;
        border-radius: 0 0 20px 20px;
    }

    .matangini_getintouch_quote {
        bottom: 50px;
        left: 30px;
        right: 30px;
        padding: 20px;
    }
    
    .matangini_getintouch_image_border {
        bottom: 70px;
    }
}

@media (max-width: 768px) {
    .matangini_getintouch_left {
        padding: 40px 30px;
    }

    .matangini_getintouch_title h2 {
        font-size: 32px;
    }

    .matangini_getintouch_form_row {
        flex-direction: column;
        gap: 0;
    }

    .matangini_getintouch_right {
        min-height: 400px;
    }

    .matangini_getintouch_quote q {
        font-size: 18px;
    }

    .matangini_getintouch_quote {
        bottom: 40px;
        left: 20px;
        right: 20px;
        padding: 15px;
    }
    
    .matangini_getintouch_quote::before {
        font-size: 80px;
        top: -25px;
        left: 10px;
    }
    
    .matangini_getintouch_image_border {
        bottom: 60px;
    }
}

@media (max-width: 576px) {
    .matangini_getintouch_left {
        padding: 30px 20px;
    }

    .matangini_getintouch_title h2 {
        font-size: 28px;
    }
    
    .matangini_getintouch_title h2::before {
        width: 30px;
        height: 30px;
        top: -10px;
        left: -15px;
    }

    .matangini_getintouch_right {
        min-height: 300px;
    }

    .matangini_getintouch_quote q {
        font-size: 16px;
    }

    .matangini_getintouch_quote {
        bottom: 20px;
        left: 20px;
        right: 20px;
    }
}

/* training and placement  */
.matangini_training {
    padding: 80px 20px;
   
    margin: 0 auto;
    background: linear-gradient(135deg, #f5f9ff 0%, #fff9e6 50%, #f5fff7 100%);
    border-radius: 20px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1);
}

.matangini_training::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(13, 60, 132, 0.05) 0%, rgba(244, 161, 0, 0.05) 50%, rgba(46, 125, 50, 0.05) 100%);
    z-index: 1;
}

.matangini_training_container {
    position: relative;
    z-index: 5;
}

.matangini_training_header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.matangini_training_title {
    font-size: 42px;
    background: linear-gradient(to right, #0D3C84, #2E7D32);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
    margin-bottom: 20px;
    font-weight: 800;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.matangini_training_title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 4px;
    background: linear-gradient(to right, #F4A100, #D68D00);
    border-radius: 4px;
}

.matangini_training_subtitle {
    font-size: 16px;
    color: #555;
    max-width: 800px;
    margin: 0 auto;
    line-height: 1.7;
}

/* Statistics Section */
.matangini_training_stats {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    margin-bottom: 70px;
    position: relative;
}

.matangini_training_stat {
    text-align: center;
    padding: 30px;
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    width: 220px;
    margin: 10px;
    position: relative;
    overflow: hidden;
    transition: all 0.3s ease;
}

.matangini_training_stat:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.matangini_training_stat::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, #0D3C84, #2E7D32);
}

.matangini_training_stat:nth-child(2)::before {
    background: linear-gradient(to right, #F4A100, #0D3C84);
}

.matangini_training_stat:nth-child(3)::before {
    background: linear-gradient(to right, #2E7D32, #F4A100);
}

.matangini_training_stat:nth-child(4)::before {
    background: linear-gradient(to right, #0D3C84, #F4A100);
}

.matangini_training_stat_icon {
    width: 60px;
    height: 60px;
    background: rgba(13, 60, 132, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    color: #0D3C84;
    font-size: 24px;
    transition: all 0.3s ease;
}

.matangini_training_stat:nth-child(2) .matangini_training_stat_icon {
    background: rgba(244, 161, 0, 0.1);
    color: #F4A100;
}

.matangini_training_stat:nth-child(3) .matangini_training_stat_icon {
    background: rgba(46, 125, 50, 0.1);
    color: #2E7D32;
}

.matangini_training_stat:nth-child(4) .matangini_training_stat_icon {
    background: rgba(13, 60, 132, 0.1);
    color: #0D3C84;
}

.matangini_training_stat:hover .matangini_training_stat_icon {
    transform: rotateY(180deg);
}

.matangini_training_stat_number {
    font-size: 36px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 5px;
    line-height: 1;
    background: linear-gradient(to right, #0D3C84, #2E7D32);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.matangini_training_stat:nth-child(2) .matangini_training_stat_number {
    background: linear-gradient(to right, #F4A100, #0D3C84);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.matangini_training_stat:nth-child(3) .matangini_training_stat_number {
    background: linear-gradient(to right, #2E7D32, #F4A100);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.matangini_training_stat:nth-child(4) .matangini_training_stat_number {
    background: linear-gradient(to right, #0D3C84, #F4A100);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
}

.matangini_training_stat_text {
    font-size: 16px;
    color: #555;
    font-weight: 500;
}

/* Logo Slider Styles */
.matangini_training_partners {
    margin-bottom: 70px;
}

.matangini_training_partners_title {
    text-align: center;
    font-size: 24px;
    color: #0D3C84;
    margin-bottom: 30px;
    font-weight: 600;
    position: relative;
    display: inline-block;
    left: 50%;
    transform: translateX(-50%);
}

.matangini_training_partners_title::before {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border: 3px solid rgba(244, 161, 0, 0.2);
    border-radius: 50%;
    top: -10px;
    left: -15px;
    z-index: -1;
}

.matangini_training_logo_container {
    position: relative;
    padding: 20px 0;
    overflow: hidden;
    background: white;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    margin: 0 -20px;
}

.matangini_training_logo_container::before,
.matangini_training_logo_container::after {
    content: '';
    position: absolute;
    top: 0;
    width: 100px;
    height: 100%;
    z-index: 2;
}

.matangini_training_logo_container::before {
    left: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.matangini_training_logo_container::after {
    right: 0;
    background: linear-gradient(to left, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0));
}

.matangini_training_logo_slider {
    display: flex;
    animation: slide 30s linear infinite;
    width: calc(150px * 14); /* Adjust based on number of logos */
}

.matangini_training_logo {
    min-width: 150px;
    height: 80px;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
}

.matangini_training_logo img {
    max-width: 100%;
    max-height: 100%;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.3s ease;
}

.matangini_training_logo:hover img {
    filter: grayscale(0%);
    opacity: 1;
    transform: scale(1.1);
}

@keyframes slide {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-150px * 7)); /* Half the total width */
    }
}

/* Training & Placement Process */
.matangini_training_process {
    padding: 30px;
    background: white;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    position: relative;
}

.matangini_training_process_title {
    font-size: 24px;
    color: #0D3C84;
    margin-bottom: 30px;
    font-weight: 600;
    text-align: center;
}

.matangini_training_steps {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px;
    position: relative;
}

/* Line connecting steps */
.matangini_training_steps::before {
    content: '';
    position: absolute;
    top: 60px;
    left: 50px;
    right: 50px;
    height: 3px;
    background: linear-gradient(to right, #0D3C84, #F4A100, #2E7D32, #0D3C84);
    z-index: 1;
}

.matangini_training_step {
    width: 180px;
    text-align: center;
    position: relative;
    z-index: 2;
}

.matangini_training_step_number {
    width: 50px;
    height: 50px;
    background: linear-gradient(135deg, #0D3C84, #2E7D32);
    color: white;
    border-radius: 50%;
    font-size: 20px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto 15px;
    position: relative;
    box-shadow: 0 5px 15px rgba(13, 60, 132, 0.3);
}

.matangini_training_step:nth-child(2) .matangini_training_step_number {
    background: linear-gradient(135deg, #2E7D32, #F4A100);
}

.matangini_training_step:nth-child(3) .matangini_training_step_number {
    background: linear-gradient(135deg, #F4A100, #0D3C84);
}

.matangini_training_step:nth-child(4) .matangini_training_step_number {
    background: linear-gradient(135deg, #0D3C84, #F4A100);
}

.matangini_training_step_title {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-bottom: 10px;
}

.matangini_training_step_desc {
    font-size: 14px;
    color: #777;
    line-height: 1.5;
}

/* Testimonial Section */
.matangini_training_testimonial {
    margin-top: 70px;
    background: linear-gradient(135deg, #0D3C84, #2E7D32);
    border-radius: 20px;
    padding: 30px;
    color: white;
    position: relative;
    overflow: hidden;
}

.matangini_training_testimonial_content {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    gap: 30px;
}

.matangini_training_testimonial_image {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    border: 5px solid rgba(255, 255, 255, 0.3);
    overflow: hidden;
    flex-shrink: 0;
}

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

.matangini_training_testimonial_text {
    flex: 1;
}

.matangini_training_testimonial_quote {
    font-size: 18px;
    line-height: 1.6;
    font-style: italic;
    margin-bottom: 15px;
    position: relative;
}

.matangini_training_testimonial_quote::before {
    content: '"';
    font-size: 80px;
    position: absolute;
    top: -40px;
    left: -20px;
    color: rgba(255, 255, 255, 0.1);
    font-family: Georgia, serif;
}

.matangini_training_testimonial_author {
    font-weight: 600;
    font-size: 16px;
}

.matangini_training_testimonial_position {
    font-size: 14px;
    opacity: 0.8;
}

.matangini_training_testimonial_company {
    display: flex;
    align-items: center;
    margin-top: 10px;
}

.matangini_training_testimonial_company span {
    margin-right: 10px;
    font-size: 14px;
}

.matangini_training_testimonial_company_logo {
    width: 80px;
    height: 30px;
    background: white;
    border-radius: 5px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

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

.matangini_training_testimonial_background {
    position: absolute;
    top: 0;
    right: 0;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    border-radius: 50%;
    transform: translate(30%, -30%);
}

/* Call to Action */
.matangini_training_cta {
    margin-top: 50px;
    text-align: center;
}

.matangini_training_cta_text {
    font-size: 18px;
    color: #555;
    margin-bottom: 20px;
    font-weight: 500;
}

.matangini_training_cta_button {
    display: inline-block;
    padding: 15px 30px;
    background: linear-gradient(to right, #0D3C84, #2E7D32);
    color: white;
    text-decoration: none;
    border-radius: 30px;
    font-weight: 600;
    font-size: 16px;
    transition: all 0.3s ease;
    box-shadow: 0 10px 20px rgba(13, 60, 132, 0.2);
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.matangini_training_cta_button::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to right, #F4A100, #0D3C84);
    z-index: -1;
    transition: all 0.5s ease;
    opacity: 0;
}

.matangini_training_cta_button:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 25px rgba(13, 60, 132, 0.3);
}

.matangini_training_cta_button:hover::before {
    opacity: 1;
}

/* Decorative elements */
.matangini_training_shape {
    position: absolute;
    z-index: 0;
    pointer-events: none;
    opacity: 0.5;
}

.matangini_training_shape_1 {
    width: 200px;
    height: 200px;
    background: linear-gradient(135deg, rgba(13, 60, 132, 0.1), rgba(13, 60, 132, 0));
    border-radius: 50%;
    top: -100px;
    left: 10%;
}

.matangini_training_shape_2 {
    width: 150px;
    height: 150px;
    background: linear-gradient(135deg, rgba(244, 161, 0, 0.1), rgba(244, 161, 0, 0));
    border-radius: 50%;
    bottom: -70px;
    right: 15%;
}

.matangini_training_shape_3 {
    width: 180px;
    height: 180px;
    background: linear-gradient(135deg, rgba(46, 125, 50, 0.1), rgba(46, 125, 50, 0));
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
    bottom: 30%;
    left: 5%;
}

/* Responsive Design */
@media (max-width: 1200px) {
    .matangini_training_testimonial_content {
        flex-direction: column;
        text-align: center;
    }

    .matangini_training_testimonial_quote::before {
        left: 50%;
        transform: translateX(-50%);
    }

    .matangini_training_testimonial_company {
        justify-content: center;
    }
}

@media (max-width: 992px) {
    .matangini_training {
        padding: 60px 20px;
    }

    .matangini_training_title {
        font-size: 36px;
    }

    .matangini_training_steps::before {
        display: none;
    }
}

@media (max-width: 768px) {
    .matangini_training {
        padding: 50px 15px;
    }

    .matangini_training_title {
        font-size: 32px;
    }

    .matangini_training_stat {
        width: calc(50% - 20px);
    }

    .matangini_training_process {
        padding: 20px;
    }
}

@media (max-width: 576px) {
    .matangini_training {
        padding: 40px 15px;
    }

    .matangini_training_title {
        font-size: 28px;
    }

    .matangini_training_stat {
        width: 100%;
        max-width: 280px;
        margin: 10px auto;
    }
}

/* feedback area  css */
.matangini_testimonials {
    padding: 70px 30px;
 
    margin: 0 auto;
    background-image: linear-gradient(to left bottom, #0d3c84, #005592, #006782, #00755c, #2e7d32);

    position: relative;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

/* Animated background effects */
.matangini_testimonials_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    overflow: hidden;
}

.matangini_testimonials_bg_bubble {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    animation: bubbleFloat linear infinite;
    opacity: 0;
}

.matangini_testimonials_bg_bubble:nth-child(1) {
    width: 80px;
    height: 80px;
    left: 10%;
    top: 20%;
    animation-duration: 15s;
    animation-delay: 0s;
}

.matangini_testimonials_bg_bubble:nth-child(2) {
    width: 120px;
    height: 120px;
    left: 70%;
    top: 30%;
    animation-duration: 25s;
    animation-delay: 2s;
}

.matangini_testimonials_bg_bubble:nth-child(3) {
    width: 40px;
    height: 40px;
    left: 30%;
    top: 60%;
    animation-duration: 20s;
    animation-delay: 5s;
}

.matangini_testimonials_bg_bubble:nth-child(4) {
    width: 100px;
    height: 100px;
    left: 85%;
    top: 70%;
    animation-duration: 18s;
    animation-delay: 1s;
}

.matangini_testimonials_bg_bubble:nth-child(5) {
    width: 60px;
    height: 60px;
    left: 40%;
    top: 80%;
    animation-duration: 22s;
    animation-delay: 7s;
}

.matangini_testimonials_bg_bubble:nth-child(6) {
    width: 50px;
    height: 50px;
    left: 20%;
    top: 40%;
    animation-duration: 30s;
    animation-delay: 3s;
}

@keyframes bubbleFloat {
    0% {
        transform: translateY(100%) translateX(0) scale(1);
        opacity: 0;
    }
    10% {
        opacity: 0.8;
    }
    100% {
        transform: translateY(-100vh) translateX(30px) scale(1.5);
        opacity: 0;
    }
}

.matangini_testimonials_bg_waves {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100px;
    
    background-size: 100% 100px;
    background-repeat: no-repeat;
    animation: waveMove 10s linear infinite;
}

@keyframes waveMove {
    0% {
        background-position-x: 0;
    }
    100% {
        background-position-x: 1440px;
    }
}

.matangini_testimonials_container {
    position: relative;
    z-index: 5;
}

.matangini_testimonials_header {
    text-align: center;
    margin-bottom: 50px;
}

.matangini_testimonials_title {
    font-size: 36px;
    color: white;
    margin-bottom: 15px;
    font-weight: 700;
    position: relative;
    display: inline-block;
}

.matangini_testimonials_title::after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 3px;
    background: #F4A100;
    border-radius: 2px;
}

.matangini_testimonials_subtitle {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.8);
    max-width: 700px;
    margin: 0 auto;
    line-height: 1.6;
}

/* Sliding Cards Container */
.matangini_testimonials_slider {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    margin: 0 -20px;
}

.matangini_testimonials_track {
    display: flex;
    animation: slideRight 30s linear infinite;
    width: max-content;
    gap: 30px;
    padding: 20px;
}

@keyframes slideRight {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-330px * 3 - 90px)); /* 3 cards + 3 gaps */
    }
}

/* Card Layout for Slider */
.matangini_testimonial_card {
    background: white;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    transition: all 0.4s ease;
    width: 330px;
    height: 520px;
    display: flex;
    flex-direction: column;
    transform: translateY(0);
    flex-shrink: 0;
}

.matangini_testimonial_card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2);
}

.matangini_testimonial_card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(to right, #0D3C84, #2E7D32);
}

.matangini_testimonial_card:nth-child(2)::before,
.matangini_testimonial_card:nth-child(5)::before {
    background: linear-gradient(to right, #2E7D32, #F4A100);
}

.matangini_testimonial_card:nth-child(3)::before,
.matangini_testimonial_card:nth-child(6)::before {
    background: linear-gradient(to right, #F4A100, #0D3C84);
}

.matangini_testimonial_content {
    text-align: center;
    position: relative;
    flex: 1;
    display: flex;
    flex-direction: column;
}

.matangini_testimonial_author_image {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    margin: 0 auto 20px;
    border: 5px solid #f0f0f0;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    position: relative;
    animation: float 6s ease-in-out infinite;
}

@keyframes float {
    0%, 100% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
}

.matangini_testimonial_author_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.matangini_testimonial_card:hover .matangini_testimonial_author_image img {
    transform: scale(1.1);
}

.matangini_testimonial_author_name {
    font-weight: 600;
    color: #0D3C84;
    font-size: 18px;
    margin-bottom: 5px;
}

.matangini_testimonial_author_course {
    font-size: 14px;
    color: #555;
    margin-bottom: 3px;
}

.matangini_testimonial_author_batch {
    font-size: 12px;
    color: #888;
    background: rgba(13, 60, 132, 0.1);
    display: inline-block;
    padding: 2px 10px;
    border-radius: 15px;
    margin-bottom: 15px;
}

.matangini_testimonial_quote_mark {
    font-size: 70px;
    color: rgba(13, 60, 132, 0.1);
    font-family: Georgia, serif;
    line-height: 0;
    margin-bottom: 15px;
    display: inline-block;
    transition: all 0.5s ease;
}

.matangini_testimonial_card:hover .matangini_testimonial_quote_mark {
    transform: translateY(-5px) rotate(-10deg);
    color: rgba(13, 60, 132, 0.2);
}

.matangini_testimonial_text {
    font-size: 15px;
    line-height: 1.8;
    color: #555;
    font-style: italic;
    margin-bottom: 20px;
    position: relative;
    z-index: 2;
    flex-grow: 1;
}

.matangini_testimonial_text::after {
    content: '';
    position: absolute;
    bottom: -8px;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 0;
    background: linear-gradient(to right, #0D3C84, #2E7D32);
    transition: all 0.5s ease;
}

.matangini_testimonial_card:hover .matangini_testimonial_text::after {
    width: 100px;
}

.matangini_testimonial_rating {
    display: flex;
    gap: 3px;
    justify-content: center;
    margin-top: auto;
}

.matangini_testimonial_star {
    color: #F4A100;
    font-size: 14px;
    transition: all 0.3s ease;
}

.matangini_testimonial_card:hover .matangini_testimonial_star {
    transform: rotate(20deg) scale(1.2);
    animation: twinkle 1.5s infinite alternate;
}

.matangini_testimonial_card:hover .matangini_testimonial_star:nth-child(2) {
    animation-delay: 0.3s;
}

.matangini_testimonial_card:hover .matangini_testimonial_star:nth-child(3) {
    animation-delay: 0.6s;
}

.matangini_testimonial_card:hover .matangini_testimonial_star:nth-child(4) {
    animation-delay: 0.9s;
}

.matangini_testimonial_card:hover .matangini_testimonial_star:nth-child(5) {
    animation-delay: 1.2s;
}

@keyframes twinkle {
    0% {
        opacity: 1;
    }
    100% {
        opacity: 0.5;
    }
}

/* Gradient overlay for infinite scroll effect */
.matangini_testimonials_slider::before,
.matangini_testimonials_slider::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 150px;
    z-index: 5;
    pointer-events: none;
}

.matangini_testimonials_slider::before {
    left: 0;
    background: linear-gradient(to right, 
        rgba(13, 60, 132, 0.9) 0%, 
        rgba(0, 85, 146, 0.8) 30%, 
        rgba(0, 103, 130, 0.4) 60%, 
        rgba(0, 117, 92, 0) 100%);
}

.matangini_testimonials_slider::after {
    right: 0;
    background: linear-gradient(to left, 
        rgba(13, 60, 132, 0.9) 0%, 
        rgba(0, 85, 146, 0.8) 30%, 
        rgba(0, 103, 130, 0.4) 60%, 
        rgba(0, 117, 92, 0) 100%);
}

/* Pagination Dots */
.matangini_testimonials_pagination {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 40px;
}

.matangini_testimonials_page {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: rgba(255, 255, 255, 0.3);
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.matangini_testimonials_page::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: white;
    border-radius: 50%;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.matangini_testimonials_page.active::after {
    opacity: 1;
}

.matangini_testimonials_page:hover::after {
    opacity: 0.7;
}

/* View More Button */
.matangini_testimonials_view_more {
    display: block;
    text-align: center;
    margin-top: 30px;
}

.matangini_testimonials_button {
    display: inline-block;
    padding: 12px 25px;
    background: rgba(255, 255, 255, 0.2);
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
    color: white;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 30px;
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    text-decoration: none;
}

.matangini_testimonials_button:hover {
    background: white;
    color: #0D3C84;
    transform: translateY(-3px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

.matangini_testimonials_button i {
    margin-left: 8px;
    transition: all 0.3s ease;
}

.matangini_testimonials_button:hover i {
    transform: translateX(5px);
}

/* Pausing animation on hover */
.matangini_testimonials_track:hover {
    animation-play-state: paused;
}

@media (max-width: 992px) {
    .matangini_testimonials {
        padding: 60px 20px;
    }

    .matangini_testimonials_slider::before,
    .matangini_testimonials_slider::after {
        width: 100px;
    }
    
    .matangini_testimonial_card {
        width: 300px;
        height: 500px;
    }
    
    @keyframes slideRight {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-300px * 3 - 90px)); /* 3 cards + 3 gaps */
        }
    }
}

@media (max-width: 768px) {
    .matangini_testimonials {
        padding: 50px 15px;
    }

    .matangini_testimonials_title {
        font-size: 32px;
    }
    
    .matangini_testimonial_card {
        width: 280px;
        height: 520px;
    }
    
    .matangini_testimonials_slider::before,
    .matangini_testimonials_slider::after {
        width: 70px;
    }
    
    @keyframes slideRight {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-280px * 3 - 90px)); /* 3 cards + 3 gaps */
        }
    }
}

@media (max-width: 480px) {
    .matangini_testimonials {
        padding: 40px 15px;
        border-radius: 15px;
    }

    .matangini_testimonials_title {
        font-size: 28px;
    }
    
    .matangini_testimonial_card {
        width: 260px;
        height: 550px;
        padding: 25px 20px;
    }
    
    .matangini_testimonials_slider::before,
    .matangini_testimonials_slider::after {
        width: 50px;
    }
    
    @keyframes slideRight {
        0% {
            transform: translateX(0);
        }
        100% {
            transform: translateX(calc(-260px * 3 - 90px)); /* 3 cards + 3 gaps */
        }
    }

    .matangini_testimonial_author_image {
        width: 80px;
        height: 80px;
    }

    .matangini_testimonial_quote_mark {
        font-size: 50px;
    }
}

/* affilation area css */
.matangini_affilation {
    padding: 0;
 
    margin: 0 auto;
    position: relative;
    overflow: hidden;
   
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}

/* Top Section */
.matangini_affilation_top {
    background: linear-gradient(135deg, #0d3c84, #2e7d32);
    padding: 60px 40px;
    position: relative;
    overflow: hidden;
}

.matangini_affilation_pattern {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.3;
}

.matangini_affilation_header {
    text-align: center;
    position: relative;
    z-index: 5;
    max-width: 900px;
    margin: 0 auto 40px;
}

.matangini_affilation_title {
    font-size: 42px;
    color: white;
    font-weight: 800;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
    text-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}

.matangini_affilation_subtitle {
    font-size: 16px;
    color: rgba(255, 255, 255, 0.9);
    line-height: 1.7;
}

/* Counter strip */
.matangini_affilation_counter {
    background: white;
    margin: -30px 30px 0;
    border-radius: 15px;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 10;
}

.matangini_affilation_counter_item {
    padding: 25px 20px;
    text-align: center;
    position: relative;
}

.matangini_affilation_counter_item:not(:last-child)::after {
    content: '';
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    height: 50%;
    width: 1px;
    background-color: #eee;
}

.matangini_affilation_counter_value {
    font-size: 32px;
    font-weight: 700;
    margin-bottom: 5px;
    background: linear-gradient(to right, #0d3c84, #2e7d32);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.matangini_affilation_counter_label {
    font-size: 14px;
    color: #555;
    font-weight: 500;
}

/* Logo slider section */
.matangini_affilation_logos {
    background-color: #fff;
    padding: 70px 0 40px;
    position: relative;
}

/* Logo circle holder */
.matangini_affilation_circle {
    width: 100px;
    height: 100px;
    background: white;
    border-radius: 50%;
    position: absolute;
    top: -25px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
    z-index: 15;
}

.matangini_affilation_circle_inner {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background: linear-gradient(135deg, #0d3c84, #2e7d32);
    display: flex;
    align-items: center;
    justify-content: center;
}

.matangini_affilation_circle_icon {
    font-size: 40px;
    color: white;
}

/* Logo slider */
.matangini_affilation_slider {
    position: relative;
    overflow: hidden;
    padding: 20px 0;
    margin-top: 20px;
}

.matangini_affilation_slider_track {
    display: flex;
    animation: logoSlideRight 30s linear infinite;
    width: max-content;
    gap: 60px;
    padding: 0 30px;
}

@keyframes logoSlideRight {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-100%);
    }
}

/* Gradient overlay for infinite scroll effect */
.matangini_affilation_slider::before,
.matangini_affilation_slider::after {
    content: '';
    position: absolute;
    top: 0;
    height: 100%;
    width: 100px;
    z-index: 5;
    pointer-events: none;
}

.matangini_affilation_slider::before {
    left: 0;
    background: linear-gradient(to right, 
        rgba(255, 255, 255, 1) 0%, 
        rgba(255, 255, 255, 0) 100%);
}

.matangini_affilation_slider::after {
    right: 0;
    background: linear-gradient(to left, 
        rgba(255, 255, 255, 1) 0%, 
        rgba(255, 255, 255, 0) 100%);
}

/* Logo styling */
.matangini_affilation_logo {
    height: 80px;
    width: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    flex-shrink: 0;
    transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
    padding: 10px;
}

.matangini_affilation_logo::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 10px;
    transform: scale(0.9);
    opacity: 0;
    transition: all 0.4s ease;
}

.matangini_affilation_logo:hover {
    transform: translateY(-10px);
}

.matangini_affilation_logo:hover::before {
    transform: scale(1);
    opacity: 1;
}

.matangini_affilation_logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    filter: grayscale(100%);
    opacity: 0.7;
    transition: all 0.4s ease;
}

.matangini_affilation_logo:hover img {
    filter: grayscale(0%);
    opacity: 1;
}

/* Pausing animation on hover */
.matangini_affilation_slider_track:hover {
    animation-play-state: paused;
}

/* Footer section */
.matangini_affilation_footer {
    padding: 0 40px 40px;
    text-align: center;
}

.matangini_affilation_cta {
    display: inline-flex;
    align-items: center;
    background: linear-gradient(to right, #0d3c84, #2e7d32);
    color: white;
    text-decoration: none;
    padding: 12px 30px;
    border-radius: 50px;
    font-weight: 600;
    font-size: 15px;
    box-shadow: 0 10px 20px rgba(13, 60, 132, 0.2);
    transition: all 0.3s ease;
}

.matangini_affilation_cta:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(13, 60, 132, 0.3);
}

.matangini_affilation_cta_icon {
    margin-left: 10px;
    transition: all 0.3s ease;
}

.matangini_affilation_cta:hover .matangini_affilation_cta_icon {
    transform: translateX(5px);
}

/* Responsive styles */
@media (max-width: 992px) {
    .matangini_affilation_top {
        padding: 50px 30px;
    }

    .matangini_affilation_title {
        font-size: 36px;
    }

    .matangini_affilation_counter {
        margin: -30px 20px 0;
    }

    .matangini_affilation_counter_value {
        font-size: 28px;
    }

    .matangini_affilation_counter_label {
        font-size: 13px;
    }

    .matangini_affilation_logo {
        height: 70px;
        width: 140px;
    }

    .matangini_affilation_slider::before,
    .matangini_affilation_slider::after {
        width: 80px;
    }
}

@media (max-width: 768px) {
    .matangini_affilation_top {
        padding: 40px 20px;
    }

    .matangini_affilation_title {
        font-size: 30px;
    }

    .matangini_affilation_subtitle {
        font-size: 15px;
    }

    .matangini_affilation_counter {
        margin: -25px 15px 0;
        grid-template-columns: 1fr;
        gap: 15px;
        padding: 15px;
    }

    .matangini_affilation_counter_item {
        padding: 15px;
    }

    .matangini_affilation_counter_item:not(:last-child)::after {
        display: none;
    }

    .matangini_affilation_logos {
        padding: 60px 0 30px;
    }

    .matangini_affilation_slider {
        margin-top: 10px;
    }

    .matangini_affilation_logo {
        height: 60px;
        width: 120px;
    }

    .matangini_affilation_slider_track {
        gap: 40px;
    }

    .matangini_affilation_slider::before,
    .matangini_affilation_slider::after {
        width: 60px;
    }
}

@media (max-width: 480px) {
    .matangini_affilation_top {
        padding: 30px 15px;
    }

    .matangini_affilation_title {
        font-size: 26px;
    }

    .matangini_affilation_subtitle {
        font-size: 14px;
    }

    .matangini_affilation_circle {
        width: 120px;
        height: 120px;
        top: -30px;
    }

    .matangini_affilation_circle_inner {
        width: 100px;
        height: 100px;
    }

    .matangini_affilation_circle_icon {
        font-size: 30px;
    }

    .matangini_affilation_logo {
        height: 50px;
        width: 100px;
    }

    .matangini_affilation_slider_track {
        gap: 30px;
    }

    .matangini_affilation_slider::before,
    .matangini_affilation_slider::after {
        width: 40px;
    }

    .matangini_affilation_cta {
        padding: 10px 25px;
        font-size: 14px;
    }
}

/* blogs area css */
 /* Blog Section Styles */
 .matangini_blogs {
    padding: 80px 0;
    background: linear-gradient(135deg, #f9f9f9 0%, #ffffff 100%);
    position: relative;
    overflow: hidden;
}

/* Abstract Background Elements */
.matangini_blogs:before,
.matangini_blogs:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.matangini_blogs:before {
    background: 
        radial-gradient(circle at 15% 25%, rgba(13, 60, 132, 0.07) 0%, rgba(13, 60, 132, 0) 25%),
        radial-gradient(circle at 85% 15%, rgba(244, 161, 0, 0.05) 0%, rgba(244, 161, 0, 0) 30%),
        radial-gradient(circle at 75% 85%, rgba(46, 125, 50, 0.07) 0%, rgba(46, 125, 50, 0) 25%),
        radial-gradient(circle at 25% 70%, rgba(13, 60, 132, 0.05) 0%, rgba(13, 60, 132, 0) 20%);
}

.matangini_blogs:after {
    background-image: 
        url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%230d3c84' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E"),
        url("data:image/svg+xml,%3Csvg width='84' height='48' viewBox='0 0 84 48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h12v6H0V0zm28 8h12v6H28V8zm14-8h12v6H42V0zm14 0h12v6H56V0zm0 8h12v6H56V8zM42 8h12v6H42V8zm0 16h12v6H42v-6zm14-8h12v6H56v-6zm14 0h12v6H70v-6zm0-16h12v6H70V0zM28 32h12v6H28v-6zM14 16h12v6H14v-6zM0 24h12v6H0v-6zm0 8h12v6H0v-6zm14 0h12v6H14v-6zm14 8h12v6H28v-6zm-14 0h12v6H14v-6zm28 0h12v6H42v-6zm14-8h12v6H56v-6zm0-8h12v6H56v-6zm14 8h12v6H70v-6zm0 8h12v6H70v-6zM14 24h12v6H14v-6zm14-8h12v6H28v-6zM14 8h12v6H14V8zM0 8h12v6H0V8z' fill='%23f4a100' fill-opacity='0.02' fill-rule='evenodd'/%3E%3C/svg%3E");
    opacity: 0.7;
}

/* Floating Abstract Shapes */
.matangini_blogs_container:before,
.matangini_blogs_container:after {
    content: '';
    position: absolute;
    border-radius: 50%;
    background: linear-gradient(45deg, rgba(13, 60, 132, 0.4), rgba(244, 161, 0, 0.2));
    filter: blur(50px);
    opacity: 0.1;
    z-index: -1;
}

.matangini_blogs_container:before {
    width: 400px;
    height: 400px;
    top: -150px;
    right: -100px;
    animation: floatAnimation 20s infinite alternate ease-in-out;
}

.matangini_blogs_container:after {
    width: 300px;
    height: 300px;
    bottom: -100px;
    left: -100px;
    animation: floatAnimation 15s infinite alternate-reverse ease-in-out;
}

@keyframes floatAnimation {
    0% { transform: translate(0, 0) rotate(0deg); }
    100% { transform: translate(50px, 50px) rotate(10deg); }
}

.matangini_blogs_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

.matangini_blogs_header {
    text-align: center;
    margin-bottom: 70px;
    position: relative;
    padding-top: 30px;
}

/* Creative 3D Title Effect */
.matangini_blogs_title_container {
    position: relative;
    perspective: 1000px;
    padding: 30px 0;
    margin-bottom: 30px;
}

.matangini_blogs_subtitle {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 80px;
    font-weight: 800;
    color: rgba(13, 60, 132, 0.05);
    text-transform: uppercase;
    letter-spacing: 8px;
    white-space: nowrap;
    text-shadow: 2px 2px 0 rgba(244, 161, 0, 0.1);
    z-index: 0;
}

.matangini_blogs_title {
    font-size: 40px;
    color: #0D3C84;
    font-weight: 700;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    z-index: 2;
    text-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    transform-style: preserve-3d;
    animation: titleFloat 6s infinite ease-in-out;
}

@keyframes titleFloat {
    0%, 100% { transform: translateY(0) rotateX(0deg); }
    50% { transform: translateY(-10px) rotateX(5deg); }
}

.matangini_blogs_title:before,
.matangini_blogs_title:after {
    content: '';
    position: absolute;
    width: 30px;
    height: 30px;
    border-radius: 0;
    z-index: -1;
}

.matangini_blogs_title:before {
    top: -15px;
    left: -15px;
    border-top: 4px solid #F4A100;
    border-left: 4px solid #F4A100;
    animation: cornerPulse 3s infinite alternate;
}

.matangini_blogs_title:after {
    bottom: -15px;
    right: -15px;
    border-bottom: 4px solid #2E7D32;
    border-right: 4px solid #2E7D32;
    animation: cornerPulse 3s infinite alternate-reverse;
}

@keyframes cornerPulse {
    0% { width: 30px; height: 30px; opacity: 0.7; }
    100% { width: 40px; height: 40px; opacity: 1; }
}

/* Colorful line under title */
.matangini_blogs_title_line {
    position: relative;
    width: 150px;
    height: 5px;
    margin: 0 auto;
    background: #0D3C84;
    border-radius: 5px;
    overflow: hidden;
}

.matangini_blogs_title_line:before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent, #F4A100, #2E7D32, transparent);
    animation: titleLineSweep 3s infinite;
}

@keyframes titleLineSweep {
    0% { left: -100%; }
    100% { left: 100%; }
}

.matangini_blogs_description {
    max-width: 700px;
    margin: 0 auto;
    color: #555555;
    font-size: 16px;
}

/* Blog Slider Styles */
.matangini_blogs_slider_container {
    position: relative;
    padding: 20px 0;
    overflow: hidden;
}

.matangini_blogs_slider {
    display: flex;
    transition: transform 0.5s ease;
    margin-bottom: 30px;
}

.matangini_blog_card {
    min-width: calc(33.333% - 30px);
    margin: 0 15px;
    background-color: #FFFFFF;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transform: translateY(0) rotateY(0);
    position: relative;
    transform-style: preserve-3d;
    backface-visibility: hidden;
}

.matangini_blog_card:hover {
    transform: translateY(-10px) rotateY(5deg);
    box-shadow: 0 20px 30px rgba(0, 0, 0, 0.1);
}

/* Creative card border effect */
.matangini_blog_card:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, #0D3C84, #F4A100, #2E7D32);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease-out;
    z-index: 1;
}

.matangini_blog_card:hover:before {
    transform: scaleX(1);
}

.matangini_blog_image {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.matangini_blog_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.matangini_blog_card:hover .matangini_blog_image img {
    transform: scale(1.1);
}

.matangini_blog_category {
    position: absolute;
    top: 20px;
    right: 20px;
    background: #F4A100;
    color: #FFFFFF;
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 12px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0 3px 10px rgba(244, 161, 0, 0.3);
    z-index: 2;
    transition: all 0.3s ease;
}

.matangini_blog_card:hover .matangini_blog_category {
    background: #0D3C84;
    box-shadow: 0 3px 10px rgba(13, 60, 132, 0.3);
}

.matangini_blog_content {
    padding: 30px;
    position: relative;
}

.matangini_blog_date {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #777777;
    font-size: 14px;
    margin-bottom: 10px;
}

.matangini_blog_date i {
    color: #2E7D32;
}

.matangini_blog_title {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 15px;
    color: #222222;
    transition: all 0.3s ease;
}

.matangini_blog_card:hover .matangini_blog_title {
    color: #0D3C84;
}

.matangini_blog_excerpt {
    color: #555555;
    font-size: 15px;
    line-height: 1.6;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.matangini_blog_author {
    display: flex;
    align-items: center;
    gap: 12px;
    padding-top: 15px;
    border-top: 1px solid #f0f0f0;
}

.matangini_blog_author_image {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    overflow: hidden;
    border: 2px solid #FFFFFF;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

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

.matangini_blog_author_name {
    font-weight: 600;
    font-size: 14px;
    color: #333333;
}

.matangini_blog_link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #0D3C84;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none;
    margin-top: 15px;
    transition: all 0.3s ease;
    position: relative;
}

.matangini_blog_link i {
    transition: all 0.3s ease;
}

.matangini_blog_link:after {
    content: '';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 0;
    height: 2px;
    background-color: #F4A100;
    transition: all 0.3s ease;
}

.matangini_blog_link:hover {
    color: #F4A100;
}

.matangini_blog_link:hover:after {
    width: 100%;
}

.matangini_blog_link:hover i {
    transform: translateX(5px);
}

/* Slider Controls */
.matangini_blogs_controls {
    display: flex;
    justify-content: center;
    gap: 15px;
    margin-top: 30px;
}

.matangini_blogs_control {
    width: 50px;
    height: 50px;
    background-color: #FFFFFF;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0D3C84;
    font-size: 18px;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    border: none;
}

.matangini_blogs_control:hover {
    background-color: #0D3C84;
    color: #FFFFFF;
    box-shadow: 0 5px 15px rgba(13, 60, 132, 0.3);
    transform: translateY(-3px);
}

.matangini_blogs_control_disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.matangini_blogs_control_disabled:hover {
    background-color: #FFFFFF;
    color: #0D3C84;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    transform: none;
}

/* View More Button */
.matangini_blogs_view_more_container {
    text-align: center;
    margin-top: 50px;
}

.matangini_blogs_view_more {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(45deg, #0D3C84, #2E7D32);
    color: #FFFFFF;
    padding: 15px 30px;
    border-radius: 50px;
    font-weight: 600;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(13, 60, 132, 0.3);
    z-index: 1;
    border: none;
    cursor: pointer;
}

.matangini_blogs_view_more:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #F4A100, #FF5722);
    opacity: 0;
    transition: all 0.5s ease;
    z-index: -1;
}

.matangini_blogs_view_more:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 20px rgba(13, 60, 132, 0.3);
}

.matangini_blogs_view_more:hover:before {
    opacity: 1;
}

.matangini_blogs_view_more i {
    transition: all 0.3s ease;
}

.matangini_blogs_view_more:hover i {
    transform: translateX(5px);
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .matangini_blog_card {
        min-width: calc(50% - 30px);
    }
}

@media (max-width: 768px) {
    .matangini_blogs {
        padding: 60px 0;
    }
    
    .matangini_blogs_title {
        font-size: 30px;
    }
    
    .matangini_blogs_subtitle {
        font-size: 14px;
    }
    
    .matangini_blog_card {
        min-width: calc(100% - 30px);
    }
    
    .matangini_blog_image {
        height: 200px;
    }
    
    .matangini_blog_content {
        padding: 25px;
    }
    
    .matangini_blog_title {
        font-size: 18px;
    }
}

@media (max-width: 480px) {
    .matangini_blogs {
        padding: 40px 0;
    }
    
    .matangini_blogs_title {
        font-size: 24px;
    }
    
    .matangini_blogs_description {
        font-size: 14px;
    }
    
    .matangini_blog_image {
        height: 180px;
    }
    
    .matangini_blog_content {
        padding: 20px;
    }
    
    .matangini_blog_category {
        font-size: 10px;
        padding: 4px 12px;
    }
    
    .matangini_blogs_view_more {
        padding: 12px 25px;
        font-size: 14px;
    }
}

 /* Progress Bar for Auto-Slide */
 .matangini_blogs_progress {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    width: 0%;
    background: linear-gradient(90deg, #0D3C84, #F4A100, #2E7D32);
    z-index: 10;
    transition: width 5s linear;
    border-radius: 3px;
}

/* breadcrumb css */
 /* Breadcrumb Section Styles */
 .matangini_breadcrumb {
    position: relative;
    padding: 0;
    overflow: hidden;
    background-color: #FFFFFF;
}

/* Abstract Diagonal Design */
.matangini_breadcrumb:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 70%;
    height: 100%;
    background: linear-gradient(135deg, #0D3C84 0%, #2E7D32 100%);
    clip-path: polygon(30% 0, 100% 0, 100% 100%, 0% 100%);
    z-index: 1;
}

/* Animated Dots Pattern */
.matangini_breadcrumb_shapes {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    overflow: hidden;
}

.matangini_breadcrumb_shape {
    position: absolute;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    z-index: 2;
}

.matangini_breadcrumb_shape:nth-child(1) {
    width: 10px;
    height: 10px;
    top: 20%;
    right: 30%;
    animation: dotPulse 3s infinite ease-in-out;
}

.matangini_breadcrumb_shape:nth-child(2) {
    width: 15px;
    height: 15px;
    bottom: 30%;
    right: 40%;
    animation: dotPulse 4s infinite ease-in-out 0.5s;
}

.matangini_breadcrumb_shape:nth-child(3) {
    width: 8px;
    height: 8px;
    top: 40%;
    right: 20%;
    animation: dotPulse 2.5s infinite ease-in-out 1s;
}

@keyframes dotPulse {
    0%, 100% { transform: scale(1); opacity: 0.3; }
    50% { transform: scale(1.5); opacity: 0.8; }
}

/* Main Container */
.matangini_breadcrumb_container {
    display: flex;
    max-width: 1400px;
    margin: 0 auto;
    position: relative;
    z-index: 5;
}

/* Left Side Content - Now Styled as a Card */
.matangini_breadcrumb_left {
    flex: 0 0 50%;
    background-color: #FFFFFF;
    padding: 60px;
    position: relative;
    z-index: 3;
    box-shadow: 0 15px 50px rgba(0, 0, 0, 0.1);
    margin: 40px 0;
    border-radius: 0 10px 10px 0;
}

.matangini_breadcrumb_left:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 8px;
    background: linear-gradient(to bottom, #F4A100, #FF5722);
    border-radius: 0 4px 4px 0;
}

.matangini_breadcrumb_title {
    font-size: 38px;
    font-weight: 800;
    color: #0D3C84;
    margin-bottom: 25px;
    line-height: 1.2;
    position: relative;
}

.matangini_breadcrumb_title_highlight {
    position: relative;
    display: inline-block;
}

.matangini_breadcrumb_title_highlight:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 10px;
    background-color: rgba(244, 161, 0, 0.2);
    z-index: -1;
}

.matangini_breadcrumb_description {
    font-size: 16px;
    color: #555555;
    margin-bottom: 30px;
    position: relative;
    padding-left: 20px;
    border-left: 3px solid #F4A100;
}

/* Custom Breadcrumb Navigation */
.matangini_breadcrumb_nav {
    display: inline-flex;
    align-items: center;
    background-color: #F8F9FA;
    padding: 6px 15px;
    border-radius: 50px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    margin-top: 15px;
}

.matangini_breadcrumb_item {
    text-decoration: none;
}

.matangini_breadcrumb_home {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 34px;
    height: 34px;
    background-color: #0D3C84;
    color: #FFFFFF;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.matangini_breadcrumb_home:hover {
    background-color: #F4A100;
    transform: scale(1.1);
}

.matangini_breadcrumb_separator {
    margin: 0 10px;
    color: #999999;
    font-size: 12px;
}

.matangini_breadcrumb_current {
    display: flex;
    align-items: center;
    color: #333333;
    font-weight: 600;
    font-size: 14px;
}

.matangini_breadcrumb_current_icon {
    margin-right: 8px;
    color: #F4A100;
}

/* Right Side - Image and Badges */
.matangini_breadcrumb_right {
    flex: 0 0 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 4;
    padding: 40px 20px 40px 0;
}

/* Floating Badges */
.matangini_breadcrumb_badges {
    position: absolute;
    top: 30px;
    right: 30px;
    z-index: 6;
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.matangini_breadcrumb_badge {
    background-color: #FFFFFF;
    color: #0D3C84;
    padding: 10px 20px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 700;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    display: flex;
    align-items: center;
    gap: 10px;
    transform-origin: right;
    transition: all 0.3s ease;
}

.matangini_breadcrumb_badge:hover {
    transform: scale(1.05);
    background-color: #F4A100;
    color: #FFFFFF;
}

.matangini_breadcrumb_badge:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background-color: #F4A100;
    border-radius: 50%;
    transition: all 0.3s ease;
}

.matangini_breadcrumb_badge:hover:before {
    background-color: #FFFFFF;
}

.matangini_breadcrumb_badge:nth-child(2) {
    background-color: #FFFFFF;
    color: #2E7D32;
}

.matangini_breadcrumb_badge:nth-child(2):before {
    background-color: #2E7D32;
}

.matangini_breadcrumb_badge:nth-child(2):hover {
    background-color: #2E7D32;
    color: #FFFFFF;
}

.matangini_breadcrumb_badge:nth-child(2):hover:before {
    background-color: #FFFFFF;
}

/* Creative Image Container */
.matangini_breadcrumb_image_container {
    position: relative;
    width: 100%;
    max-width: 500px;
    height: 350px;
}

/* Frame Design */
.matangini_breadcrumb_image_bg {
    position: absolute;
    width: 90%;
    height: 90%;
    border: 3px solid #F4A100;
    top: 30px;
    left: 30px;
    z-index: 5;
    pointer-events: none;
    transition: all 0.4s ease;
}

.matangini_breadcrumb_image_container:hover .matangini_breadcrumb_image_bg {
    transform: translate(-10px, -10px);
}

.matangini_breadcrumb_image {
    position: absolute;
    width: 90%;
    height: 90%;
    top: 0;
    left: 0;
    z-index: 6;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    transition: all 0.4s ease;
}

.matangini_breadcrumb_image_container:hover .matangini_breadcrumb_image {
    transform: translate(10px, 10px);
}

.matangini_breadcrumb_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.matangini_breadcrumb_image_container:hover .matangini_breadcrumb_image img {
    transform: scale(1.1);
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .matangini_breadcrumb_left {
        padding: 40px;
    }
    
    .matangini_breadcrumb_title {
        font-size: 32px;
    }
    
    .matangini_breadcrumb_image_container {
        height: 300px;
    }
}

@media (max-width: 992px) {
    .matangini_breadcrumb:before {
        width: 100%;
        clip-path: polygon(0 50%, 100% 0, 100% 100%, 0% 100%);
        height: 60%;
    }
    
    .matangini_breadcrumb_container {
        flex-direction: column;
    }
    
    .matangini_breadcrumb_left {
        flex: 0 0 100%;
        width: 90%;
        margin: 40px auto;
        padding: 30px;
        border-radius: 10px;
        z-index: 7;
    }
    
    .matangini_breadcrumb_right {
        flex: 0 0 100%;
        width: 100%;
        padding: 0 20px 60px;
    }
    
    .matangini_breadcrumb_image_container {
        max-width: 400px;
        margin: 0 auto;
    }
    
    .matangini_breadcrumb_badges {
        top: auto;
        right: auto;
        bottom: 20px;
        left: 50%;
        transform: translateX(-50%);
        flex-direction: row;
    }
}

@media (max-width: 768px) {
    .matangini_breadcrumb_title {
        font-size: 28px;
    }
    
    .matangini_breadcrumb_left {
        width: 95%;
        padding: 25px;
    }
    
    .matangini_breadcrumb_description {
        font-size: 14px;
    }
    
    .matangini_breadcrumb_image_container {
        height: 280px;
    }
    
    .matangini_breadcrumb_badge {
        padding: 8px 15px;
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .matangini_breadcrumb_title {
        font-size: 24px;
    }
    
    .matangini_breadcrumb_image_container {
        height: 240px;
    }
    
    .matangini_breadcrumb_badges {
        flex-direction: column;
        bottom: 0;
    }
    
    .matangini_breadcrumb_right {
        padding-bottom: 100px;
    }
}

/* About Section Styles */
.matangini_absnew {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #f9f9f9 0%, #ffffff 100%);
}

/* Background decorative elements */
.matangini_absnew:before {
    content: '';
    position: absolute;
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(13, 60, 132, 0.05) 0%, rgba(13, 60, 132, 0) 70%);
    top: -100px;
    right: -100px;
    z-index: 0;
}

.matangini_absnew:after {
    content: '';
    position: absolute;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(244, 161, 0, 0.05) 0%, rgba(244, 161, 0, 0) 70%);
    bottom: -50px;
    left: -50px;
    z-index: 0;
}

.matangini_absnew_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
}

/* Left Side - Images */
.matangini_absnew_images {
    flex: 0 0 45%;
    position: relative;
    padding-right: 40px;
}

.matangini_absnew_image_main {
    position: relative;
    width: 100%;
    height: 400px;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    transform: translateY(0);
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    z-index: 2;
}

.matangini_absnew_image_main:hover {
    transform: translateY(-10px);
}

.matangini_absnew_image_main img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.matangini_absnew_image_main:hover img {
    transform: scale(1.05);
}

/* Decorative frame */
.matangini_absnew_image_frame {
    position: absolute;
    width: 80%;
    height: 80%;
    border: 4px solid #F4A100;
    border-radius: 10px;
    top: -20px;
    left: -20px;
    z-index: 1;
    opacity: 0.7;
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.matangini_absnew_images:hover .matangini_absnew_image_frame {
    top: -30px;
    left: -30px;
}

/* Small floating image */
.matangini_absnew_image_small {
    position: absolute;
    width: 180px;
    height: 180px;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    bottom: -30px;
    right: 10px;
    z-index: 3;
    transform: rotate(-5deg);
    transition: all 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.matangini_absnew_images:hover .matangini_absnew_image_small {
    transform: rotate(0deg) translateY(-10px);
}

.matangini_absnew_image_small img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.matangini_absnew_image_small:hover img {
    transform: scale(1.1);
}

/* Experience badge */
.matangini_absnew_experience {
    position: absolute;
    top: 30px;
    right: 0;
    background: linear-gradient(135deg, #0D3C84 0%, #092E5D 100%);
    color: #FFFFFF;
    width: 120px;
    height: 120px;
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 20px;
    box-shadow: 0 10px 25px rgba(13, 60, 132, 0.3);
    z-index: 4;
    animation: pulseScale 3s infinite alternate;
}

@keyframes pulseScale {
    0% { transform: scale(1); }
    100% { transform: scale(1.05); }
}

.matangini_absnew_experience_number {
    font-size: 34px;
    font-weight: 700;
    line-height: 1;
}

.matangini_absnew_experience_text {
    font-size: 14px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Right Side - Content */
.matangini_absnew_content {
    flex: 0 0 55%;
    padding-left: 40px;
}

.matangini_absnew_subtitle {
    font-size: 16px;
    font-weight: 600;
    color: #F4A100;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    display: inline-block;
    position: relative;
}

.matangini_absnew_subtitle:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 2px;
    background: #F4A100;
    left: calc(100% + 15px);
    top: 50%;
    transform: translateY(-50%);
}

.matangini_absnew_title {
    font-size: 36px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 25px;
    line-height: 1.2;
}

.matangini_absnew_description {
    margin-bottom: 30px;
    color: #555555;
}

.matangini_absnew_paragraph {
    margin-bottom: 15px;
}

/* Feature List */
.matangini_absnew_features {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px 30px;
}

.matangini_absnew_feature {
    flex: 0 0 50%;
    padding: 0 10px;
    margin-bottom: 20px;
    display: flex;
    align-items: flex-start;
}

.matangini_absnew_feature_icon {
    width: 40px;
    height: 40px;
    background: rgba(13, 60, 132, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    color: #0D3C84;
    font-size: 18px;
    flex-shrink: 0;
    transition: all 0.3s ease;
}

.matangini_absnew_feature:hover .matangini_absnew_feature_icon {
    background: #0D3C84;
    color: #FFFFFF;
    transform: rotateY(180deg);
}

.matangini_absnew_feature_content {
    flex-grow: 1;
}

.matangini_absnew_feature_title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 5px;
    color: #222222;
}

.matangini_absnew_feature_text {
    font-size: 14px;
    color: #666666;
}

/* CTA Button */
.matangini_absnew_cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(45deg, #0D3C84, #2E7D32);
    color: #FFFFFF;
    padding: 15px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    letter-spacing: 0.5px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(13, 60, 132, 0.3);
}

.matangini_absnew_cta:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #F4A100, #FF5722);
    z-index: -1;
    transition: transform 0.6s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transform: scaleX(0);
    transform-origin: right;
}

.matangini_absnew_cta:hover:before {
    transform: scaleX(1);
    transform-origin: left;
}

.matangini_absnew_cta:hover {
    box-shadow: 0 10px 20px rgba(244, 161, 0, 0.3);
}

.matangini_absnew_cta i {
    transition: all 0.3s ease;
}

.matangini_absnew_cta:hover i {
    transform: translateX(5px);
}

/* Stats Section */
.matangini_absnew_stats {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 30px;
}

.matangini_absnew_stat {
    text-align: center;
    position: relative;
}

.matangini_absnew_stat:not(:last-child):after {
    content: '';
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    height: 40px;
    width: 1px;
    background: rgba(0, 0, 0, 0.1);
}

.matangini_absnew_stat_number {
    font-size: 36px;
    font-weight: 700;
    color: #0D3C84;
    display: block;
    margin-bottom: 5px;
    position: relative;
}

.matangini_absnew_stat_number:after {
    content: '+';
    font-size: 24px;
    color: #F4A100;
    position: absolute;
    top: 0;
    right: -15px;
}

.matangini_absnew_stat_text {
    font-size: 14px;
    font-weight: 500;
    color: #666666;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .matangini_absnew {
        padding: 80px 0;
    }
    
    .matangini_absnew_title {
        font-size: 32px;
    }
    
    .matangini_absnew_image_main {
        height: 350px;
    }
    
    .matangini_absnew_image_small {
        width: 150px;
        height: 150px;
    }
    
    .matangini_absnew_experience {
        width: 100px;
        height: 100px;
        padding: 15px;
    }
    
    .matangini_absnew_experience_number {
        font-size: 28px;
    }
    
    .matangini_absnew_experience_text {
        font-size: 12px;
    }
}

@media (max-width: 992px) {
    .matangini_absnew_container {
        flex-direction: column;
    }
    
    .matangini_absnew_images {
        flex: 0 0 100%;
        width: 100%;
        max-width: 600px;
        margin: 0 auto 50px;
        padding-right: 0;
    }
    
    .matangini_absnew_content {
        flex: 0 0 100%;
        width: 100%;
        padding-left: 0;
    }
    
    .matangini_absnew_stats {
        flex-wrap: wrap;
        justify-content: center;
        gap: 30px;
    }
    
    .matangini_absnew_stat {
        flex: 0 0 45%;
    }
    
    .matangini_absnew_stat:not(:last-child):after {
        display: none;
    }
}

@media (max-width: 768px) {
    .matangini_absnew {
        padding: 60px 0;
    }
    
    .matangini_absnew_title {
        font-size: 28px;
    }
    
    .matangini_absnew_subtitle {
        font-size: 14px;
    }
    
    .matangini_absnew_feature {
        flex: 0 0 100%;
    }
    
    .matangini_absnew_image_main {
        height: 320px;
    }
    
    .matangini_absnew_subtitle:after {
        width: 30px;
    }
}

@media (max-width: 576px) {
    .matangini_absnew {
        padding: 50px 0;
    }
    
    .matangini_absnew_title {
        font-size: 24px;
    }
    
    .matangini_absnew_image_main {
        height: 280px;
    }
    
    .matangini_absnew_image_small {
        width: 120px;
        height: 120px;
        bottom: -20px;
    }
    
    .matangini_absnew_experience {
        width: 80px;
        height: 80px;
        padding: 10px;
    }
    
    .matangini_absnew_experience_number {
        font-size: 22px;
    }
    
    .matangini_absnew_experience_text {
        font-size: 10px;
    }
    
    .matangini_absnew_stat {
        flex: 0 0 100%;
        margin-bottom: 20px;
    }
    
    .matangini_absnew_stats {
        gap: 0;
    }
    
    .matangini_absnew_cta {
        width: 100%;
        justify-content: center;
        padding: 12px 20px;
    }
}

  /* MVV Section Styles */
  .matangini_mvv {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #f9f9f9 0%, #ffffff 100%);
}

/* Background decoration */
.matangini_mvv:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%230d3c84' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    opacity: 0.5;
    z-index: 0;
}

.matangini_mvv_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

/* Section Header */
.matangini_mvv_header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.matangini_mvv_subtitle {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #F4A100;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    position: relative;
    padding: 0 20px;
}

.matangini_mvv_subtitle:before,
.matangini_mvv_subtitle:after {
    content: '';
    position: absolute;
    top: 50%;
    width: 30px;
    height: 2px;
    background: #F4A100;
    transform: translateY(-50%);
}

.matangini_mvv_subtitle:before {
    left: -15px;
}

.matangini_mvv_subtitle:after {
    right: -15px;
}

.matangini_mvv_title {
    font-size: 36px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 20px;
    position: relative;
}

.matangini_mvv_description {
    max-width: 700px;
    margin: 0 auto;
    color: #555555;
    font-size: 16px;
}

/* Cards Container */
.matangini_mvv_cards {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-top: 30px;
}

/* Card Styles */
.matangini_mvv_card {
    flex: 1;
    min-width: 300px;
    background: #FFFFFF;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    position: relative;
    z-index: 1;
}

.matangini_mvv_card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

/* Card Top Section */
.matangini_mvv_card_top {
    background: linear-gradient(45deg, #0D3C84, #092E5D);
    padding: 30px;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    overflow: hidden;
}

.matangini_mvv_card_top:before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.6s ease;
    z-index: 0;
}

.matangini_mvv_card:hover .matangini_mvv_card_top:before {
    opacity: 1;
    transform: scale(1);
}

/* Different colors for each card */
.matangini_mvv_card:nth-child(1) .matangini_mvv_card_top {
    background: linear-gradient(45deg, #0D3C84, #092E5D);
}

.matangini_mvv_card:nth-child(2) .matangini_mvv_card_top {
    background: linear-gradient(45deg, #2E7D32, #1B5E20);
}

.matangini_mvv_card:nth-child(3) .matangini_mvv_card_top {
    background: linear-gradient(45deg, #F4A100, #E65100);
}

.matangini_mvv_card_icon {
    width: 80px;
    height: 80px;
    margin: 0 auto 20px;
    background: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    transition: all 0.3s ease;
}

.matangini_mvv_card:hover .matangini_mvv_card_icon {
    transform: rotateY(180deg);
}

.matangini_mvv_card_icon i {
    font-size: 36px;
    color: #FFFFFF;
    transition: all 0.3s ease;
}

.matangini_mvv_card:hover .matangini_mvv_card_icon i {
    transform: rotateY(-180deg);
}

.matangini_mvv_card_title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    color: #FFFFFF;
}

/* Card Body */
.matangini_mvv_card_body {
    padding: 30px;
}

.matangini_mvv_card_text {
    color: #555555;
    margin-bottom: 20px;
}

/* List Styles */
.matangini_mvv_card_list {
    list-style: none;
}

.matangini_mvv_card_list_item {
    position: relative;
    padding-left: 30px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.matangini_mvv_card_list_item:last-child {
    margin-bottom: 0;
}

.matangini_mvv_card_list_item:before {
    content: '\f00c';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 2px;
    color: #0D3C84;
    transition: all 0.3s ease;
}

.matangini_mvv_card:nth-child(2) .matangini_mvv_card_list_item:before {
    color: #2E7D32;
}

.matangini_mvv_card:nth-child(3) .matangini_mvv_card_list_item:before {
    color: #F4A100;
}

.matangini_mvv_card_list_item:hover {
    transform: translateX(5px);
}

.matangini_mvv_card_list_item:hover:before {
    transform: scale(1.2);
}

/* Call To Action Section */
.matangini_mvv_cta {
    margin-top: 80px;
    padding: 50px;
    background: linear-gradient(45deg, rgba(13, 60, 132, 0.05), rgba(46, 125, 50, 0.05));
    border-radius: 10px;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.matangini_mvv_cta:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, #0D3C84, #2E7D32, #F4A100);
}

.matangini_mvv_cta_title {
    font-size: 28px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 15px;
}

.matangini_mvv_cta_text {
    max-width: 700px;
    margin: 0 auto 30px;
    color: #555555;
}

.matangini_mvv_cta_button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(45deg, #0D3C84, #2E7D32);
    color: #FFFFFF;
    padding: 15px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(13, 60, 132, 0.3);
}

.matangini_mvv_cta_button:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #F4A100, #E65100);
    z-index: -1;
    transition: opacity 0.3s ease;
    opacity: 0;
}

.matangini_mvv_cta_button:hover:before {
    opacity: 1;
}

.matangini_mvv_cta_button i {
    transition: all 0.3s ease;
}

.matangini_mvv_cta_button:hover i {
    transform: translateX(5px);
}

/* Responsive Styles */
@media (max-width: 1200px) {
    .matangini_mvv {
        padding: 80px 0;
    }
    
    .matangini_mvv_title {
        font-size: 32px;
    }
    
    .matangini_mvv_card {
        min-width: 280px;
    }
}

@media (max-width: 992px) {
    .matangini_mvv_cards {
        flex-direction: column;
        max-width: 600px;
        margin-left: auto;
        margin-right: auto;
    }
    
    .matangini_mvv_card {
        width: 100%;
    }
    
    .matangini_mvv_cta {
        padding: 40px 30px;
    }
}

@media (max-width: 768px) {
    .matangini_mvv {
        padding: 60px 0;
    }
    
    .matangini_mvv_title {
        font-size: 28px;
    }
    
    .matangini_mvv_header {
        margin-bottom: 40px;
    }
    
    .matangini_mvv_subtitle {
        font-size: 14px;
    }
    
    .matangini_mvv_description {
        font-size: 15px;
    }
    
    .matangini_mvv_cta_title {
        font-size: 24px;
    }
}

@media (max-width: 576px) {
    .matangini_mvv {
        padding: 50px 0;
    }
    
    .matangini_mvv_title {
        font-size: 24px;
    }
    
    .matangini_mvv_card_top {
        padding: 25px;
    }
    
    .matangini_mvv_card_body {
        padding: 25px;
    }
    
    .matangini_mvv_card_icon {
        width: 70px;
        height: 70px;
    }
    
    .matangini_mvv_card_icon i {
        font-size: 30px;
    }
    
    .matangini_mvv_card_title {
        font-size: 20px;
    }
    
    .matangini_mvv_cta {
        padding: 30px 20px;
        margin-top: 50px;
    }
    
    .matangini_mvv_cta_button {
        width: 100%;
        justify-content: center;
        padding: 12px 20px;
    }
}

 /* Our History Section Styles */
 .matangini_ourhistory {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #f9f9f9 0%, #ffffff 100%);
}

/* Decorative background elements */
.matangini_ourhistory_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.3;
}

.matangini_ourhistory_bg_shape {
    position: absolute;
    border-radius: 50%;
}

.matangini_ourhistory_bg_shape:nth-child(1) {
    top: 10%;
    right: 5%;
    width: 300px;
    height: 300px;
    background: radial-gradient(circle, rgba(13, 60, 132, 0.05) 0%, rgba(13, 60, 132, 0) 70%);
}

.matangini_ourhistory_bg_shape:nth-child(2) {
    bottom: 15%;
    left: 10%;
    width: 250px;
    height: 250px;
    background: radial-gradient(circle, rgba(244, 161, 0, 0.05) 0%, rgba(244, 161, 0, 0) 70%);
}

.matangini_ourhistory_bg_shape:nth-child(3) {
    top: 40%;
    left: 15%;
    width: 200px;
    height: 200px;
    background: radial-gradient(circle, rgba(46, 125, 50, 0.05) 0%, rgba(46, 125, 50, 0) 70%);
}

.matangini_ourhistory_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

/* Section Header */
.matangini_ourhistory_header {
    text-align: center;
    margin-bottom: 70px;
    position: relative;
}

.matangini_ourhistory_subtitle {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #F4A100;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    position: relative;
}

.matangini_ourhistory_subtitle:after {
    content: '';
    position: absolute;
    bottom: -5px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 2px;
    background: #F4A100;
}

.matangini_ourhistory_title {
    font-size: 36px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 20px;
    position: relative;
}

.matangini_ourhistory_description {
    max-width: 700px;
    margin: 0 auto;
    color: #555555;
    font-size: 16px;
}

/* Timeline Styles */
.matangini_ourhistory_timeline {
    position: relative;
    max-width: 1000px;
    margin: 0 auto;
}

/* Center line */
.matangini_ourhistory_timeline:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 3px;
    background: linear-gradient(to bottom, #0D3C84, #F4A100, #2E7D32);
    transform: translateX(-50%);
    border-radius: 3px;
}

/* Timeline Items */
.matangini_ourhistory_item {
    position: relative;
    margin-bottom: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.matangini_ourhistory_item:last-child {
    margin-bottom: 0;
}

/* Alternate items left and right */
.matangini_ourhistory_item:nth-child(odd) {
    justify-content: flex-end;
}

.matangini_ourhistory_item:nth-child(even) {
    flex-direction: row-reverse;
}

/* Content box */
.matangini_ourhistory_content {
    width: 45%;
    padding: 30px;
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 2;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.matangini_ourhistory_item:hover .matangini_ourhistory_content {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

/* Arrow pointing to timeline */
.matangini_ourhistory_item:nth-child(odd) .matangini_ourhistory_content:before {
    content: '';
    position: absolute;
    top: 50%;
    left: -15px;
    transform: translateY(-50%);
    border-width: 15px 15px 15px 0;
    border-style: solid;
    border-color: transparent #FFFFFF transparent transparent;
}

.matangini_ourhistory_item:nth-child(even) .matangini_ourhistory_content:before {
    content: '';
    position: absolute;
    top: 50%;
    right: -15px;
    transform: translateY(-50%);
    border-width: 15px 0 15px 15px;
    border-style: solid;
    border-color: transparent transparent transparent #FFFFFF;
}

/* Year badge */
.matangini_ourhistory_year {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #0D3C84, #092E5D);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 700;
    box-shadow: 0 5px 15px rgba(13, 60, 132, 0.3);
    z-index: 3;
    transition: all 0.4s ease;
}

.matangini_ourhistory_item:hover .matangini_ourhistory_year {
    transform: translate(-50%, -50%) scale(1.1);
    box-shadow: 0 8px 20px rgba(13, 60, 132, 0.4);
}

/* Different colors for year badges */
.matangini_ourhistory_item:nth-child(3n+1) .matangini_ourhistory_year {
    background: linear-gradient(135deg, #0D3C84, #092E5D);
}

.matangini_ourhistory_item:nth-child(3n+2) .matangini_ourhistory_year {
    background: linear-gradient(135deg, #F4A100, #E65100);
}

.matangini_ourhistory_item:nth-child(3n+3) .matangini_ourhistory_year {
    background: linear-gradient(135deg, #2E7D32, #1B5E20);
}

/* Content heading */
.matangini_ourhistory_heading {
    font-size: 20px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 10px;
}

.matangini_ourhistory_heading:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 2px;
    background: #F4A100;
}

.matangini_ourhistory_text {
    color: #555555;
    font-size: 15px;
}

/* Timeline images */
.matangini_ourhistory_image {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    overflow: hidden;
    border: 5px solid #FFFFFF;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    position: absolute;
    z-index: 2;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.matangini_ourhistory_item:nth-child(odd) .matangini_ourhistory_image {
    right: -60px;
    top: 50%;
    transform: translateY(-50%);
}

.matangini_ourhistory_item:nth-child(even) .matangini_ourhistory_image {
    left: -60px;
    top: 50%;
    transform: translateY(-50%);
}

.matangini_ourhistory_item:hover .matangini_ourhistory_image {
    transform: translateY(-50%) scale(1.1);
}

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

/* Decoration dots */
.matangini_ourhistory_dot {
    width: 15px;
    height: 15px;
    background: #FFFFFF;
    border-radius: 50%;
    border: 3px solid #0D3C84;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    transition: all 0.4s ease;
}

.matangini_ourhistory_item:nth-child(3n+1) .matangini_ourhistory_dot {
    border-color: #0D3C84;
}

.matangini_ourhistory_item:nth-child(3n+2) .matangini_ourhistory_dot {
    border-color: #F4A100;
}

.matangini_ourhistory_item:nth-child(3n+3) .matangini_ourhistory_dot {
    border-color: #2E7D32;
}

.matangini_ourhistory_item:hover .matangini_ourhistory_dot {
    transform: translate(-50%, -50%) scale(1.2);
}

/* Footer section */
.matangini_ourhistory_footer {
    text-align: center;
    margin-top: 80px;
    position: relative;
}

.matangini_ourhistory_badge {
    display: inline-block;
    padding: 15px 30px;
    background: linear-gradient(45deg, #0D3C84, #2E7D32);
    color: #FFFFFF;
    border-radius: 50px;
    font-weight: 600;
    font-size: 18px;
    box-shadow: 0 10px 25px rgba(13, 60, 132, 0.2);
    margin-bottom: 20px;
}

.matangini_ourhistory_footer_text {
    max-width: 700px;
    margin: 0 auto;
    color: #555555;
    font-size: 16px;
}

/* Responsive Styles */
@media (max-width: 992px) {
    .matangini_ourhistory {
        padding: 80px 0;
    }
    
    .matangini_ourhistory_title {
        font-size: 32px;
    }
    
    .matangini_ourhistory_content {
        width: 42%;
        padding: 25px;
    }
    
    .matangini_ourhistory_year {
        width: 70px;
        height: 70px;
        font-size: 16px;
    }
    
    .matangini_ourhistory_image {
        width: 100px;
        height: 100px;
    }
    
    .matangini_ourhistory_item:nth-child(odd) .matangini_ourhistory_image {
        right: -50px;
    }
    
    .matangini_ourhistory_item:nth-child(even) .matangini_ourhistory_image {
        left: -50px;
    }
}

@media (max-width: 768px) {
    .matangini_ourhistory {
        padding: 60px 0;
    }
    
    .matangini_ourhistory_title {
        font-size: 28px;
    }
    
    .matangini_ourhistory_subtitle {
        font-size: 14px;
    }
    
    .matangini_ourhistory_header {
        margin-bottom: 50px;
    }
    
    /* Switch to single column timeline */
    .matangini_ourhistory_timeline:before {
        left: 30px;
    }
    
    .matangini_ourhistory_item {
        flex-direction: row;
        justify-content: flex-start;
        margin-bottom: 50px;
    }
    
    .matangini_ourhistory_item:nth-child(even) {
        flex-direction: row;
    }
    
    .matangini_ourhistory_content {
        width: calc(100% - 90px);
        margin-left: 90px;
    }
    
    .matangini_ourhistory_item:nth-child(odd) .matangini_ourhistory_content:before,
    .matangini_ourhistory_item:nth-child(even) .matangini_ourhistory_content:before {
        left: -15px;
        right: auto;
        border-width: 15px 15px 15px 0;
        border-color: transparent #FFFFFF transparent transparent;
    }
    
    .matangini_ourhistory_year {
        left: 30px;
        transform: translate(-50%, -50%);
    }
    
    .matangini_ourhistory_item:hover .matangini_ourhistory_year {
        transform: translate(-50%, -50%) scale(1.1);
    }
    
    .matangini_ourhistory_dot {
        left: 30px;
        transform: translate(-50%, -50%);
    }
    
    .matangini_ourhistory_item:hover .matangini_ourhistory_dot {
        transform: translate(-50%, -50%) scale(1.2);
    }
    
    .matangini_ourhistory_image {
        display: none;
    }
    
    .matangini_ourhistory_badge {
        font-size: 16px;
        padding: 12px 25px;
    }
}

@media (max-width: 576px) {
    .matangini_ourhistory {
        padding: 50px 0;
    }
    
    .matangini_ourhistory_title {
        font-size: 24px;
    }
    
    .matangini_ourhistory_description {
        font-size: 14px;
    }
    
    .matangini_ourhistory_content {
        padding: 20px;
    }
    
    .matangini_ourhistory_heading {
        font-size: 18px;
    }
    
    .matangini_ourhistory_text {
        font-size: 14px;
    }
    
    .matangini_ourhistory_year {
        width: 60px;
        height: 60px;
        font-size: 14px;
    }
    
    .matangini_ourhistory_footer {
        margin-top: 50px;
    }
    
    .matangini_ourhistory_footer_text {
        font-size: 14px;
    }
}

  /* Director's Desk Section Styles */
  .matangini_directordesk {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #f9f9f9 0%, #ffffff 100%);
}

/* Background Elements */
.matangini_directordesk_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 0;
}

.matangini_directordesk_bg_shape {
    position: absolute;
    opacity: 0.4;
}

.matangini_directordesk_bg_shape:nth-child(1) {
    top: 10%;
    right: 5%;
    width: 300px;
    height: 300px;
    background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%230d3c84' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.matangini_directordesk_bg_shape:nth-child(2) {
    bottom: 5%;
    left: 10%;
    width: 200px;
    height: 200px;
    background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%23f4a100' fill-opacity='0.1' fill-rule='evenodd'/%3E%3C/svg%3E");
}

.matangini_directordesk_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

/* Section Header */
.matangini_directordesk_header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.matangini_directordesk_subtitle {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #F4A100;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    position: relative;
}

.matangini_directordesk_title {
    font-size: 36px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 20px;
    position: relative;
  
}

.matangini_directordesk_title:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background: linear-gradient(to right, #0D3C84, #F4A100);
    border-radius: 3px;
}

/* Content Wrapper */
.matangini_directordesk_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
    position: relative;
}

/* Left Side - Director Image */
.matangini_directordesk_image_container {
    flex: 0 0 40%;
    position: relative;
}

.matangini_directordesk_image_wrapper {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    transform: translateY(0);
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.matangini_directordesk_image_wrapper:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
}

.matangini_directordesk_image {
    width: 100%;
    height: auto;
    display: block;
    transition: all 0.5s ease;
}

.matangini_directordesk_image_wrapper:hover .matangini_directordesk_image {
    transform: scale(1.05);
}

/* Image decoration */
.matangini_directordesk_image_frame {
    position: absolute;
    top: -20px;
    left: -20px;
    right: 20px;
    bottom: 20px;
    border: 3px solid #F4A100;
    border-radius: 10px;
    z-index: -1;
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.matangini_directordesk_image_wrapper:hover .matangini_directordesk_image_frame {
    top: -30px;
    left: -30px;
}

/* Director badge */
.matangini_directordesk_badge {
    position: absolute;
    bottom: 20px;
    right: 0;
    background: linear-gradient(135deg, #0D3C84, #092E5D);
    color: #FFFFFF;
    padding: 15px 30px;
    border-radius: 30px 0 0 30px;
    font-weight: 600;
    font-size: 16px;
    box-shadow: 0 10px 20px rgba(13, 60, 132, 0.3);
    z-index: 3;
    transform: translateX(0);
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.matangini_directordesk_image_wrapper:hover + .matangini_directordesk_badge, 
.matangini_directordesk_badge:hover {
    transform: translateX(-10px);
}

/* Signature */
.matangini_directordesk_signature {
    position: absolute;
    right: -10px;
    bottom: -20px;
    width: 120px;
    height: 80px;
    background: url('https://via.placeholder.com/120x80') no-repeat center center / contain;
    z-index: 4;
    filter: brightness(0) invert(1);
    opacity: 0.8;
}

/* Right Side - Message Content */
.matangini_directordesk_content {
    flex: 0 0 55%;
    padding: 40px;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    position: relative;
    transition: all 0.3s ease;
}

.matangini_directordesk_content:hover {
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

/* Quotation marks */
.matangini_directordesk_content:before,
.matangini_directordesk_content:after {
    content: '"';
    position: absolute;
    font-size: 120px;
    font-family: Georgia, serif;
    line-height: 1;
    color: rgba(244, 161, 0, 0.1);
}

.matangini_directordesk_content:before {
    top: 20px;
    left: 20px;
}

.matangini_directordesk_content:after {
    bottom: -30px;
    right: 20px;
}

.matangini_directordesk_message_title {
    font-size: 24px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 15px;
}

.matangini_directordesk_message_title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: #F4A100;
    border-radius: 3px;
}

.matangini_directordesk_message {
    color: #555555;
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 25px;
}

.matangini_directordesk_message p {
    margin-bottom: 15px;
}

.matangini_directordesk_message p:last-child {
    margin-bottom: 0;
}

/* Director Info */
.matangini_directordesk_info {
    display: flex;
    flex-direction: column;
    margin-top: 30px;
}

.matangini_directordesk_name {
    font-size: 20px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 5px;
}

.matangini_directordesk_designation {
    font-size: 16px;
    color: #F4A100;
    font-weight: 600;
    margin-bottom: 10px;
}

.matangini_directordesk_credentials {
    font-size: 14px;
    color: #666666;
}

/* Social Links */
.matangini_directordesk_social {
    display: flex;
    gap: 15px;
    margin-top: 20px;
}

.matangini_directordesk_social_link {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0D3C84;
    text-decoration: none;
    transition: all 0.3s ease;
}

.matangini_directordesk_social_link:hover {
    background-color: #0D3C84;
    color: #FFFFFF;
    transform: translateY(-5px);
}

/* CTA Button */
.matangini_directordesk_cta {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #0D3C84;
    color: #FFFFFF;
    padding: 12px 25px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    margin-top: 25px;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(13, 60, 132, 0.3);
}

.matangini_directordesk_cta:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #F4A100;
    z-index: -1;
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transform: scaleX(0);
    transform-origin: right;
}

.matangini_directordesk_cta:hover:before {
    transform: scaleX(1);
    transform-origin: left;
}

.matangini_directordesk_cta:hover {
    box-shadow: 0 8px 20px rgba(244, 161, 0, 0.3);
}

.matangini_directordesk_cta i {
    transition: all 0.3s ease;
}

.matangini_directordesk_cta:hover i {
    transform: translateX(5px);
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .matangini_directordesk {
        padding: 80px 0;
    }
    
    .matangini_directordesk_title {
        font-size: 32px;
    }
    
    .matangini_directordesk_content {
        padding: 30px;
    }
    
    .matangini_directordesk_message_title {
        font-size: 22px;
    }
}

@media (max-width: 992px) {
    .matangini_directordesk_wrapper {
        flex-direction: column;
    }
    
    .matangini_directordesk_image_container {
        flex: 0 0 100%;
        max-width: 500px;
        margin: 0 auto;
    }
    
    .matangini_directordesk_content {
        flex: 0 0 100%;
    }
}

@media (max-width: 768px) {
    .matangini_directordesk {
        padding: 60px 0;
    }
    
    .matangini_directordesk_title {
        font-size: 28px;
    }
    
    .matangini_directordesk_subtitle {
        font-size: 14px;
    }
    
    .matangini_directordesk_header {
        margin-bottom: 40px;
    }
    
    .matangini_directordesk_content {
        padding: 25px;
    }
    
    .matangini_directordesk_message {
        font-size: 15px;
    }
    
    .matangini_directordesk_name {
        font-size: 18px;
    }
    
    .matangini_directordesk_designation {
        font-size: 15px;
    }
    
    .matangini_directordesk_badge {
        padding: 10px 20px;
        font-size: 14px;
    }
}

@media (max-width: 576px) {
    .matangini_directordesk {
        padding: 50px 0;
    }
    
    .matangini_directordesk_title {
        font-size: 24px;
    }
    
    .matangini_directordesk_message_title {
        font-size: 20px;
    }
    
    .matangini_directordesk_badge {
        position: relative;
        display: inline-block;
        bottom: auto;
        right: auto;
        margin-top: 20px;
        border-radius: 30px;
        text-align: center;
    }
    
    .matangini_directordesk_content:before,
    .matangini_directordesk_content:after {
        font-size: 80px;
    }
    
    .matangini_directordesk_social_link {
        width: 35px;
        height: 35px;
    }
    
    .matangini_directordesk_cta {
        width: 100%;
        justify-content: center;
    }
}

/* principal desk area css */
/* Principal's Desk Section Styles */
.matangini_principal {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #f9f9f9 0%, #ffffff 100%);
}

/* Background Elements */
.matangini_principal_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.4;
}

.matangini_principal_bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' viewBox='0 0 40 40'%3E%3Cg fill-rule='evenodd'%3E%3Cg fill='%230d3c84' fill-opacity='0.05'%3E%3Cpath d='M0 38.59l2.83-2.83 1.41 1.41L1.41 40H0v-1.41zM0 20.83l2.83-2.83 1.41 1.41L1.41 22.24H0v-1.41zM0 3.06l2.83-2.83 1.41 1.41L1.41 4.47H0V3.06zm40 35.53l-2.83-2.83-1.41 1.41L38.59 40H40v-1.41zm0-17.76l-2.83-2.83-1.41 1.41 2.83 2.83H40v-1.41zm0-17.77l-2.83-2.83-1.41 1.41 2.83 2.83H40V3.06zM20 18.06l2.83-2.83 1.41 1.41L21.41 19.47H20v-1.41zM18.59 20l-2.83 2.83 1.41 1.41 2.83-2.83V20h-1.41zM20 38.59l2.83-2.83 1.41 1.41L21.41 40H20v-1.41zM18.59 40l-2.83-2.83-1.41 1.41L17.17 40H18.59zm0-35.53l2.83 2.83 1.41-1.41L20 3.06v1.41l1.41-1.41zM20 1.41l-2.83 2.83-1.41-1.41L18.59 0H20v1.41zM40 18.59l-2.83 2.83-1.41-1.41 2.83-2.83V18.59z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.matangini_principal_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

/* Section Header */
.matangini_principal_header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.matangini_principal_subtitle {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #F4A100;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    position: relative;
    padding: 0 15px;
}

.matangini_principal_subtitle:before,
.matangini_principal_subtitle:after {
    content: "";
    position: absolute;
    top: 50%;
    width: 30px;
    height: 2px;
    background: #F4A100;
    transform: translateY(-50%);
}

.matangini_principal_subtitle:before {
    left: -20px;
}

.matangini_principal_subtitle:after {
    right: -20px;
}

.matangini_principal_title {
    font-size: 36px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 20px;
    position: relative;
   
}

.matangini_principal_title:after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 70px;
    height: 3px;
    background: linear-gradient(to right, #0D3C84, #F4A100);
    border-radius: 3px;
}

/* Main Content */
.matangini_principal_content {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    margin-bottom: 40px;
    position: relative;
}

/* Principal Image Section */
.matangini_principal_image_container {
    flex: 0 0 calc(40% - 20px);
    position: relative;
}

.matangini_principal_image_wrap {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    transform: rotate(-3deg);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.matangini_principal_image_wrap:hover {
    transform: rotate(0deg);
}

.matangini_principal_image {
    width: 100%;
    height: auto;
    display: block;
    transform: scale(1.05);
    transition: all 0.5s ease;
}

.matangini_principal_image_wrap:hover .matangini_principal_image {
    transform: scale(1);
}

/* Background decoration */
.matangini_principal_image_bg {
    position: absolute;
    top: 20px;
    left: 20px;
    right: -20px;
    bottom: -20px;
    background: linear-gradient(45deg, #0D3C84, #2E7D32);
    border-radius: 15px;
    z-index: -1;
    opacity: 0.7;
    transform: rotate(3deg);
    transition: all 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.matangini_principal_image_wrap:hover + .matangini_principal_image_bg,
.matangini_principal_image_bg:hover {
    transform: rotate(-3deg);
}

/* Experience Badge */
.matangini_principal_experience {
    position: absolute;
    bottom: -25px;
    left: 30px;
    background: #FFFFFF;
    color: #0D3C84;
    padding: 15px 25px;
    border-radius: 10px;
    font-weight: 700;
    font-size: 16px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1);
    z-index: 3;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.3s ease;
}

.matangini_principal_experience:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
}

.matangini_principal_experience i {
    color: #F4A100;
    font-size: 20px;
}

/* Principal Info Section */
.matangini_principal_info {
    position: absolute;
    top: -25px;
    right: 30px;
    background: linear-gradient(45deg, #F4A100, #FF5722);
    color: #FFFFFF;
    padding: 15px 25px;
    border-radius: 10px;
    z-index: 2;
    box-shadow: 0 10px 25px rgba(244, 161, 0, 0.2);
    transition: all 0.3s ease;
}

.matangini_principal_info:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(244, 161, 0, 0.3);
}

.matangini_principal_name {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 5px;
}

.matangini_principal_designation {
    font-size: 14px;
    opacity: 0.9;
}

/* Message Section */
.matangini_principal_message_container {
    flex: 0 0 calc(60% - 20px);
}

.matangini_principal_message_card {
    background: #FFFFFF;
    border-radius: 15px;
    padding: 40px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    position: relative;
    z-index: 2;
    transition: all 0.3s ease;
}

.matangini_principal_message_card:hover {
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.matangini_principal_message_heading {
    font-size: 24px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 20px;
    padding-bottom: 15px;
    position: relative;
}

.matangini_principal_message_heading:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 50px;
    height: 3px;
    background: #F4A100;
    border-radius: 3px;
}

.matangini_principal_message_text {
    font-size: 16px;
    color: #555555;
    line-height: 1.8;
    margin-bottom: 25px;
    position: relative;
}

.matangini_principal_message_text p {
    margin-bottom: 15px;
    position: relative;
}

.matangini_principal_message_text p:first-child::before {
    content: """;
    position: absolute;
    left: -15px;
    top: -10px;
    font-family: Georgia, serif;
    font-size: 60px;
    color: rgba(244, 161, 0, 0.2);
    line-height: 1;
}

.matangini_principal_message_text p:last-child {
    margin-bottom: 0;
}

/* Principal's Quote */
.matangini_principal_quote {
    background: linear-gradient(45deg, rgba(13, 60, 132, 0.05), rgba(46, 125, 50, 0.05));
    border-left: 4px solid #0D3C84;
    padding: 20px 25px;
    margin: 30px 0;
    font-style: italic;
    color: #333333;
    border-radius: 0 10px 10px 0;
}

/* Contact and Social */
.matangini_principal_contact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    flex-wrap: wrap;
    gap: 20px;
}

.matangini_principal_contact_info {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.matangini_principal_contact_item {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #555555;
    font-size: 14px;
}

.matangini_principal_contact_item i {
    color: #0D3C84;
}

/* Social Links */
.matangini_principal_social {
    display: flex;
    gap: 12px;
}

.matangini_principal_social_link {
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: #f0f0f0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0D3C84;
    text-decoration: none;
    transition: all 0.3s ease;
    transform: rotate(0deg);
}

.matangini_principal_social_link:hover {
    background-color: #0D3C84;
    color: #FFFFFF;
    transform: rotate(360deg);
}

/* CTA Button */
.matangini_principal_cta {
    text-align: center;
    margin-top: 60px;
}

.matangini_principal_button {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(45deg, #0D3C84, #2E7D32);
    color: #FFFFFF;
    padding: 15px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    position: relative;
    overflow: hidden;
    z-index: 1;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(13, 60, 132, 0.2);
}

.matangini_principal_button:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #F4A100, #FF5722);
    z-index: -1;
    transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transform: scaleX(0);
    transform-origin: right;
}

.matangini_principal_button:hover:before {
    transform: scaleX(1);
    transform-origin: left;
}

.matangini_principal_button:hover {
    box-shadow: 0 15px 30px rgba(244, 161, 0, 0.2);
}

.matangini_principal_button i {
    transition: all 0.3s ease;
}

.matangini_principal_button:hover i {
    transform: translateX(5px);
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .matangini_principal {
        padding: 80px 0;
    }
    
    .matangini_principal_title {
        font-size: 32px;
    }
    
    .matangini_principal_message_card {
        padding: 30px;
    }
    
    .matangini_principal_message_heading {
        font-size: 22px;
    }
}

@media (max-width: 992px) {
    .matangini_principal_content {
        flex-direction: column;
        gap: 60px;
    }
    
    .matangini_principal_image_container,
    .matangini_principal_message_container {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .matangini_principal_image_container {
        max-width: 500px;
        margin: 0 auto;
    }
    
    .matangini_principal_contact {
        flex-direction: column;
        align-items: flex-start;
    }
}

@media (max-width: 768px) {
    .matangini_principal {
        padding: 60px 0;
    }
    
    .matangini_principal_title {
        font-size: 28px;
    }
    
    .matangini_principal_subtitle {
        font-size: 14px;
    }
    
    .matangini_principal_header {
        margin-bottom: 40px;
    }
    
    .matangini_principal_message_card {
        padding: 25px;
    }
    
    .matangini_principal_message_text {
        font-size: 15px;
    }
    
    .matangini_principal_quote {
        padding: 15px 20px;
        margin: 25px 0;
    }
    
    .matangini_principal_info {
        top: -20px;
        right: 20px;
        padding: 10px 20px;
    }
    
    .matangini_principal_experience {
        bottom: -20px;
        left: 20px;
        padding: 10px 20px;
        font-size: 14px;
    }
    
    .matangini_principal_experience i {
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .matangini_principal {
        padding: 50px 0;
    }
    
    .matangini_principal_title {
        font-size: 24px;
    }
    
    .matangini_principal_message_heading {
        font-size: 20px;
    }
    
    .matangini_principal_message_text {
        font-size: 14px;
    }
    
    .matangini_principal_message_text p:first-child::before {
        font-size: 40px;
    }
    
    .matangini_principal_info {
        top: auto;
        right: auto;
        bottom: -20px;
        left: 50%;
        transform: translateX(-50%);
        text-align: center;
        width: 80%;
        z-index: 4;
    }
    
    .matangini_principal_experience {
        display: none;
    }
    
    .matangini_principal_button {
        width: 100%;
        justify-content: center;
        padding: 12px 25px;
    }
    
    .matangini_principal_cta {
        margin-top: 40px;
    }
}

/* courses area start */
/* Courses Section Styles */
.matangini_cour {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    background: #FFFFFF;
}

/* Background Elements */
.matangini_cour_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.matangini_cour_bg:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg, rgba(13, 60, 132, 0.03) 0%, rgba(244, 161, 0, 0.03) 100%);
    clip-path: polygon(0 0, 100% 0, 100% 80%, 0 100%);
}

.matangini_cour_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

/* Section Header */
.matangini_cour_header {
    text-align: center;
    margin-bottom: 70px;
    position: relative;
}

.matangini_cour_subtitle {
    position: relative;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #F4A100;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    padding: 5px 15px;
    border-radius: 50px;
    background: rgba(244, 161, 0, 0.1);
}

.matangini_cour_title {
    font-size: 42px;
    font-weight: 800;
    color: #0D3C84;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

.matangini_cour_title span {
    color: #F4A100;
    position: relative;
    z-index: 1;
}

.matangini_cour_title span:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 5px;
    width: 100%;
    height: 8px;
    background: rgba(244, 161, 0, 0.2);
    z-index: -1;
}

.matangini_cour_description {
    max-width: 700px;
    margin: 0 auto;
    color: #555555;
    font-size: 16px;
}

/* Courses Layout */
.matangini_cour_wrapper {
    display: flex;
    flex-direction: column;
    gap: 50px;
}

/* Course Item */
.matangini_cour_item {
    display: flex;
    background: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    position: relative;
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
}

.matangini_cour_item:hover {
    transform: translateY(-10px);
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.1);
}

/* Alternating layout */
.matangini_cour_item:nth-child(even) {
    flex-direction: row-reverse;
}

/* Color strips */
.matangini_cour_item:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 100%;
    background: #0D3C84;
    z-index: 1;
}

.matangini_cour_item:nth-child(2):before {
    background: #2E7D32;
}

.matangini_cour_item:nth-child(3):before {
    background: #D32F2F;
}

.matangini_cour_item:nth-child(4):before {
    background: #7B1FA2;
}

.matangini_cour_item:nth-child(5):before {
    background: #0288D1;
}

.matangini_cour_item:nth-child(6):before {
    background: #FF6F00;
}

/* Item Image */
.matangini_cour_image {
    flex: 0 0 40%;
    position: relative;
    overflow: hidden;
}

.matangini_cour_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.matangini_cour_item:hover .matangini_cour_image img {
    transform: scale(1.1);
}

/* Course Content */
.matangini_cour_content {
    flex: 0 0 60%;
    padding: 40px;
    display: flex;
    flex-direction: column;
}

.matangini_cour_category {
    display: inline-block;
    padding: 5px 15px;
    background: rgba(13, 60, 132, 0.1);
    color: #0D3C84;
    font-size: 14px;
    font-weight: 600;
    border-radius: 50px;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.matangini_cour_item:hover .matangini_cour_category {
    background: #0D3C84;
    color: #FFFFFF;
}

.matangini_cour_item:nth-child(2) .matangini_cour_category {
    background: rgba(46, 125, 50, 0.1);
    color: #2E7D32;
}

.matangini_cour_item:nth-child(2):hover .matangini_cour_category {
    background: #2E7D32;
    color: #FFFFFF;
}

.matangini_cour_item:nth-child(3) .matangini_cour_category {
    background: rgba(211, 47, 47, 0.1);
    color: #D32F2F;
}

.matangini_cour_item:nth-child(3):hover .matangini_cour_category {
    background: #D32F2F;
    color: #FFFFFF;
}

.matangini_cour_item:nth-child(4) .matangini_cour_category {
    background: rgba(123, 31, 162, 0.1);
    color: #7B1FA2;
}

.matangini_cour_item:nth-child(4):hover .matangini_cour_category {
    background: #7B1FA2;
    color: #FFFFFF;
}

.matangini_cour_item:nth-child(5) .matangini_cour_category {
    background: rgba(2, 136, 209, 0.1);
    color: #0288D1;
}

.matangini_cour_item:nth-child(5):hover .matangini_cour_category {
    background: #0288D1;
    color: #FFFFFF;
}

.matangini_cour_item:nth-child(6) .matangini_cour_category {
    background: rgba(255, 111, 0, 0.1);
    color: #FF6F00;
}

.matangini_cour_item:nth-child(6):hover .matangini_cour_category {
    background: #FF6F00;
    color: #FFFFFF;
}

.matangini_cour_title_inner {
    font-size: 24px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.matangini_cour_item:hover .matangini_cour_title_inner {
    color: #F4A100;
}

.matangini_cour_text {
    color: #555555;
    margin-bottom: 20px;
    flex-grow: 1;
}

/* Features */
.matangini_cour_features {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-bottom: 25px;
}

.matangini_cour_feature {
    display: flex;
    align-items: center;
    background: #F8F9FA;
    padding: 8px 15px;
    border-radius: 50px;
    font-size: 14px;
    gap: 8px;
    transition: all 0.3s ease;
}

.matangini_cour_feature:hover {
    background: rgba(13, 60, 132, 0.1);
    transform: translateY(-3px);
}

.matangini_cour_feature i {
    color: #0D3C84;
    font-size: 14px;
}

/* Footer */
.matangini_cour_footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}

.matangini_cour_duration {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #666666;
    font-size: 14px;
    font-weight: 500;
}

.matangini_cour_duration i {
    color: #0D3C84;
}

.matangini_cour_btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #FFFFFF;
    color: #0D3C84;
    border: 2px solid #0D3C84;
    padding: 8px 20px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.matangini_cour_btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #0D3C84;
    z-index: -1;
    transition: transform 0.3s ease;
    transform: scaleX(0);
    transform-origin: right;
}

.matangini_cour_btn:hover {
    color: #FFFFFF;
}

.matangini_cour_btn:hover:before {
    transform: scaleX(1);
    transform-origin: left;
}

.matangini_cour_btn i {
    transition: all 0.3s ease;
}

.matangini_cour_btn:hover i {
    transform: translateX(3px);
}

/* Apply Button */
.matangini_cour_apply {
    text-align: center;
    margin-top: 60px;
}

.matangini_cour_apply_btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: linear-gradient(45deg, #0D3C84, #2E7D32);
    color: #FFFFFF;
    padding: 15px 35px;
    border-radius: 50px;
    text-decoration: none;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 10px 25px rgba(13, 60, 132, 0.2);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.matangini_cour_apply_btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #F4A100, #FF5722);
    z-index: -1;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transform: scaleX(0);
    transform-origin: right;
}

.matangini_cour_apply_btn:hover:before {
    transform: scaleX(1);
    transform-origin: left;
}

.matangini_cour_apply_btn:hover {
    box-shadow: 0 15px 30px rgba(244, 161, 0, 0.3);
}

.matangini_cour_apply_btn i {
    transition: all 0.3s ease;
}

.matangini_cour_apply_btn:hover i {
    transform: translateX(5px);
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .matangini_cour {
        padding: 80px 0;
    }
    
    .matangini_cour_title {
        font-size: 36px;
    }
    
    .matangini_cour_content {
        padding: 30px;
    }
}

@media (max-width: 992px) {
    .matangini_cour_item,
    .matangini_cour_item:nth-child(even) {
        flex-direction: column;
    }
    
    .matangini_cour_image {
        flex: 0 0 100%;
        height: 250px;
    }
    
    .matangini_cour_content {
        flex: 0 0 100%;
    }
    
    .matangini_cour_feature {
        padding: 6px 12px;
        font-size: 13px;
    }
}

@media (max-width: 768px) {
    .matangini_cour {
        padding: 60px 0;
    }
    
    .matangini_cour_title {
        font-size: 32px;
    }
    
    .matangini_cour_subtitle {
        font-size: 14px;
    }
    
    .matangini_cour_header {
        margin-bottom: 50px;
    }
    
    .matangini_cour_description {
        font-size: 15px;
    }
    
    .matangini_cour_content {
        padding: 25px;
    }
    
    .matangini_cour_title_inner {
        font-size: 20px;
    }
    
    .matangini_cour_wrapper {
        gap: 30px;
    }
}

@media (max-width: 576px) {
    .matangini_cour {
        padding: 50px 0;
    }
    
    .matangini_cour_title {
        font-size: 28px;
    }
    
    .matangini_cour_features {
        flex-direction: column;
        gap: 10px;
    }
    
    .matangini_cour_footer {
        flex-direction: column;
        align-items: flex-start;
        gap: 15px;
    }
    
    .matangini_cour_btn {
        width: 100%;
        justify-content: center;
    }
    
    .matangini_cour_apply_btn {
        width: 100%;
        justify-content: center;
        padding: 12px 25px;
    }
}
/* courses details  */


/* Course Details Section Styles */
.matangini_cor {
    padding: 100px 0;
    position: relative;
    overflow: hidden;
    background: linear-gradient(135deg, #f9f9f9 0%, #ffffff 100%);
}

/* Background Elements */
.matangini_cor_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
}

.matangini_cor_bg:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("data:image/svg+xml,%3Csvg width='100' height='100' viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 18c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm48 25c3.866 0 7-3.134 7-7s-3.134-7-7-7-7 3.134-7 7 3.134 7 7 7zm-43-7c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm63 31c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM34 90c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zm56-76c1.657 0 3-1.343 3-3s-1.343-3-3-3-3 1.343-3 3 1.343 3 3 3zM12 86c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm28-65c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm23-11c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-6 60c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm29 22c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zM32 63c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm57-13c2.76 0 5-2.24 5-5s-2.24-5-5-5-5 2.24-5 5 2.24 5 5 5zm-9-21c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM60 91c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM35 41c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2zM12 60c1.105 0 2-.895 2-2s-.895-2-2-2-2 .895-2 2 .895 2 2 2z' fill='%230d3c84' fill-opacity='0.03' fill-rule='evenodd'/%3E%3C/svg%3E");
    opacity: 0.5;
}

.matangini_cor_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    position: relative;
    z-index: 1;
}

/* Course Header */
.matangini_cor_header {
    margin-bottom: 60px;
}

.matangini_cor_breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    font-size: 14px;
}

.matangini_cor_breadcrumb a {
    color: #555555;
    text-decoration: none;
    transition: all 0.3s ease;
}

.matangini_cor_breadcrumb a:hover {
    color: #0D3C84;
}

.matangini_cor_breadcrumb i {
    font-size: 12px;
    color: #999999;
}

.matangini_cor_breadcrumb span {
    color: #F4A100;
    font-weight: 600;
}

/* Title Section */
.matangini_cor_title_wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 30px;
    flex-wrap: wrap;
    gap: 20px;
}

.matangini_cor_title {
    font-size: 36px;
    font-weight: 700;
    color: #0D3C84;
    position: relative;
    padding-bottom: 15px;
}

.matangini_cor_title:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 80px;
    height: 3px;
    background: linear-gradient(to right, #0D3C84, #F4A100);
    border-radius: 3px;
}

/* Badge Group */
.matangini_cor_badges {
    display: flex;
    gap: 15px;
    flex-wrap: wrap;
}

.matangini_cor_badge {
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 8px 16px;
    background: rgba(13, 60, 132, 0.1);
    color: #0D3C84;
    border-radius: 50px;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.matangini_cor_badge:hover {
    background: #0D3C84;
    color: #FFFFFF;
    transform: translateY(-3px);
}

.matangini_cor_badge i {
    font-size: 16px;
}

/* Main Content */
.matangini_cor_content {
    display: flex;
    gap: 40px;
    margin-bottom: 60px;
}

/* Left Column */
.matangini_cor_left {
    flex: 0 0 65%;
}

/* Course Image Gallery */
.matangini_cor_gallery {
    margin-bottom: 40px;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.matangini_cor_gallery_image {
    width: 100%;
    height: 450px;
    object-fit: cover;
}

.matangini_cor_gallery_overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.7), transparent);
    padding: 30px;
    color: #FFFFFF;
}

.matangini_cor_gallery_title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 10px;
}

.matangini_cor_gallery_text {
    font-size: 15px;
    opacity: 0.9;
}

/* Tabs Navigation */
.matangini_cor_tabs {
    margin-bottom: 30px;
}

.matangini_cor_tab_nav {
    display: flex;
    gap: 5px;
    margin-bottom: 20px;
    overflow-x: auto;
    padding-bottom: 5px;
}

.matangini_cor_tab_btn {
    padding: 12px 20px;
    border: none;
    background: #FFFFFF;
    color: #555555;
    font-size: 15px;
    font-weight: 600;
    border-radius: 8px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.matangini_cor_tab_btn.active {
    background: #0D3C84;
    color: #FFFFFF;
    box-shadow: 0 5px 15px rgba(13, 60, 132, 0.2);
}

.matangini_cor_tab_btn:hover:not(.active) {
    background: #F0F0F0;
    color: #0D3C84;
}

/* Tab Content */
.matangini_cor_tab_content {
    display: none;
    background: #FFFFFF;
    padding: 30px;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.matangini_cor_tab_content.active {
    display: block;
}

.matangini_cor_tab_title {
    font-size: 20px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.matangini_cor_tab_text {
    color: #555555;
    margin-bottom: 20px;
}

.matangini_cor_tab_text p {
    margin-bottom: 15px;
}

.matangini_cor_tab_text p:last-child {
    margin-bottom: 0;
}

/* List Style */
.matangini_cor_list {
    margin-bottom: 20px;
}

.matangini_cor_list_item {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    margin-bottom: 12px;
    position: relative;
    padding-left: 10px;
}

.matangini_cor_list_item:last-child {
    margin-bottom: 0;
}

.matangini_cor_list_icon {
    color: #F4A100;
    font-size: 16px;
    flex-shrink: 0;
    margin-top: 3px;
}

/* Course Highlights */
.matangini_cor_highlights {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 30px;
}

.matangini_cor_highlight {
    flex: 0 0 calc(50% - 10px);
    display: flex;
    align-items: flex-start;
    gap: 15px;
    padding: 20px;
    background: rgba(13, 60, 132, 0.03);
    border-radius: 10px;
    transition: all 0.3s ease;
}

.matangini_cor_highlight:hover {
    background: rgba(13, 60, 132, 0.08);
    transform: translateY(-5px);
}

.matangini_cor_highlight_icon {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0D3C84;
    font-size: 22px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    flex-shrink: 0;
}

.matangini_cor_highlight_content {
    flex-grow: 1;
}

.matangini_cor_highlight_title {
    font-size: 16px;
    font-weight: 600;
    color: #0D3C84;
    margin-bottom: 5px;
}

.matangini_cor_highlight_text {
    font-size: 14px;
    color: #666666;
}

/* Course Curriculum */
.matangini_cor_curriculum {
    margin-top: 30px;
}

.matangini_cor_semester {
    margin-bottom: 30px;
}

.matangini_cor_semester:last-child {
    margin-bottom: 0;
}

.matangini_cor_semester_title {
    font-size: 18px;
    font-weight: 600;
    color: #0D3C84;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.matangini_cor_semester_title i {
    color: #F4A100;
}

/* Accordion Style */
.matangini_cor_accordion {
    margin-bottom: 8px;
    border-radius: 8px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.matangini_cor_accordion:last-child {
    margin-bottom: 0;
}

.matangini_cor_accordion_header {
    padding: 15px 20px;
    background: #FFFFFF;
    color: #333333;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: all 0.3s ease;
}

.matangini_cor_accordion_header:hover,
.matangini_cor_accordion.active .matangini_cor_accordion_header {
    background: rgba(13, 60, 132, 0.05);
    color: #0D3C84;
}

.matangini_cor_accordion_icon {
    transform: rotate(0deg);
    transition: all 0.3s ease;
}

.matangini_cor_accordion.active .matangini_cor_accordion_icon {
    transform: rotate(180deg);
}

.matangini_cor_accordion_body {
    padding: 0 20px;
    max-height: 0;
    overflow: hidden;
    transition: all 0.3s ease;
}

.matangini_cor_accordion.active .matangini_cor_accordion_body {
    padding: 0 20px 20px;
    max-height: 500px;
}

.matangini_cor_accordion_content {
    color: #666666;
    font-size: 14px;
}

.matangini_cor_accordion_list {
    margin-top: 15px;
}

.matangini_cor_accordion_item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
}

.matangini_cor_accordion_item:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none;
}

.matangini_cor_accordion_item i {
    color: #F4A100;
    font-size: 14px;
}

/* Faculty Section */
.matangini_cor_faculty {
    margin-top: 30px;
}

.matangini_cor_faculty_list {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.matangini_cor_faculty_item {
    flex: 0 0 calc(50% - 10px);
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.matangini_cor_faculty_item:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
}

.matangini_cor_faculty_image {
    width: 70px;
    height: 70px;
    border-radius: 50%;
    overflow: hidden;
    flex-shrink: 0;
    border: 3px solid #FFFFFF;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

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

.matangini_cor_faculty_info {
    flex-grow: 1;
}

.matangini_cor_faculty_name {
    font-weight: 600;
    color: #0D3C84;
    margin-bottom: 5px;
}

.matangini_cor_faculty_position {
    font-size: 13px;
    color: #666666;
    margin-bottom: 5px;
}

.matangini_cor_faculty_exp {
    font-size: 12px;
    color: #F4A100;
    font-weight: 600;
}

/* Right Column */
.matangini_cor_right {
    flex: 0 0 35%;
}

/* Course Info Card */
.matangini_cor_info {
    background: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
    margin-bottom: 30px;
    position: sticky;
    top: 20px;
}

.matangini_cor_info_header {
    background: linear-gradient(45deg, #0D3C84, #2E7D32);
    color: #FFFFFF;
    padding: 25px;
    position: relative;
    overflow: hidden;
}

.matangini_cor_info_header:before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    opacity: 0.7;
    z-index: 0;
}

.matangini_cor_info_title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    color: #ffffff;
}

.matangini_cor_info_subtitle {
    font-size: 14px;
    opacity: 0.9;
    position: relative;
    z-index: 1;
}

.matangini_cor_info_body {
    padding: 25px;
}

.matangini_cor_info_price {
    text-align: center;
    margin-bottom: 25px;
}

.matangini_cor_info_amount {
    font-size: 36px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 5px;
}

.matangini_cor_info_period {
    font-size: 14px;
    color: #666666;
}

/* Course Details List */
.matangini_cor_info_list {
    margin-bottom: 25px;
}

.matangini_cor_info_item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
}

.matangini_cor_info_item:last-child {
    border-bottom: none;
}

.matangini_cor_info_label {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #666666;
    font-size: 14px;
}

.matangini_cor_info_label i {
    color: #0D3C84;
}

.matangini_cor_info_value {
    font-weight: 600;
    color: #333333;
}

/* Apply Button */
.matangini_cor_apply {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: linear-gradient(45deg, #0D3C84, #2E7D32);
    color: #FFFFFF;
    padding: 15px 30px;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0 5px 15px rgba(13, 60, 132, 0.2);
}

.matangini_cor_apply:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #F4A100, #FF5722);
    z-index: -1;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transform: scaleX(0);
    transform-origin: right;
}

.matangini_cor_apply:hover:before {
    transform: scaleX(1);
    transform-origin: left;
}

.matangini_cor_apply:hover {
    box-shadow: 0 10px 25px rgba(244, 161, 0, 0.3);
}

.matangini_cor_apply i {
    transition: all 0.3s ease;
}

.matangini_cor_apply:hover i {
    transform: translateX(5px);
}

/* Related Courses */
.matangini_cor_related {
    padding: 25px;
    background: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
}

.matangini_cor_related_title {
    font-size: 18px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.matangini_cor_related_list {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.matangini_cor_related_item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    background: #F8F9FA;
    border-radius: 8px;
    transition: all 0.3s ease;
}

.matangini_cor_related_item:hover {
    background: rgba(13, 60, 132, 0.05);
    transform: translateX(5px);
}

.matangini_cor_related_image {
    width: 60px;
    height: 60px;
    border-radius: 8px;
    overflow: hidden;
    flex-shrink: 0;
}

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

.matangini_cor_related_info {
    flex-grow: 1;
}

.matangini_cor_related_name {
    font-weight: 600;
    color: #0D3C84;
    margin-bottom: 5px;
    font-size: 15px;
}

.matangini_cor_related_duration {
    font-size: 13px;
    color: #666666;
    display: flex;
    align-items: center;
    gap: 5px;
}

.matangini_cor_related_duration i {
    color: #F4A100;
    font-size: 12px;
}

/* Testimonials */
.matangini_cor_testimonials {
    margin-top: 60px;
    padding: 40px 0;
    position: relative;
    overflow: hidden;
}

.matangini_cor_testimonials:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(13, 60, 132, 0.03);
    z-index: 0;
}

.matangini_cor_testimonials_title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 40px;
    position: relative;
    z-index: 1;
}

.matangini_cor_testimonials_wrap {
    display: flex;
    gap: 30px;
    position: relative;
    z-index: 1;
    overflow-x: auto;
    padding: 20px 10px;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.matangini_cor_testimonials_wrap::-webkit-scrollbar {
    display: none;
}

.matangini_cor_testimonial {
    flex: 0 0 calc(33.333% - 20px);
    min-width: 300px;
    background: #FFFFFF;
    border-radius: 15px;
    padding: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    position: relative;
    transition: all 0.3s ease;
}

.matangini_cor_testimonial:hover {
    transform: translateY(-10px);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
}

.matangini_cor_testimonial:before {
    content: '\f10d';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    top: 20px;
    left: 20px;
    font-size: 24px;
    color: rgba(13, 60, 132, 0.1);
}

.matangini_cor_testimonial_text {
    font-style: italic;
    color: #555555;
    margin-bottom: 20px;
}

.matangini_cor_testimonial_user {
    display: flex;
    align-items: center;
    gap: 15px;
}

.matangini_cor_testimonial_image {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    overflow: hidden;
}

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

.matangini_cor_testimonial_info {
    flex-grow: 1;
}

.matangini_cor_testimonial_name {
    font-weight: 600;
    color: #0D3C84;
    margin-bottom: 3px;
}

.matangini_cor_testimonial_position {
    font-size: 13px;
    color: #666666;
}

.matangini_cor_testimonial_rating {
    margin-top: 5px;
    color: #F4A100;
    font-size: 14px;
}

/* Apply Section */
.matangini_cor_cta {
    margin-top: 60px;
    padding: 50px;
    background: linear-gradient(45deg, #0D3C84, #2E7D32);
    border-radius: 15px;
    text-align: center;
    color: #FFFFFF;
    position: relative;
    overflow: hidden;
}

.matangini_cor_cta:before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 70%);
    opacity: 0.7;
    z-index: 0;
}

.matangini_cor_cta_content {
    position: relative;
    z-index: 1;
}

.matangini_cor_cta_title {
    font-size: 28px;
    font-weight: 700;
    margin-bottom: 15px;
}

.matangini_cor_cta_text {
    max-width: 700px;
    margin: 0 auto 30px;
    opacity: 0.9;
}

.matangini_cor_cta_btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    background: #FFFFFF;
    color: #0D3C84;
    padding: 15px 30px;
    border-radius: 50px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15);
}

.matangini_cor_cta_btn:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #F4A100, #FF5722);
    z-index: -1;
    transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.27, 1.55);
    transform: scaleX(0);
    transform-origin: right;
}

.matangini_cor_cta_btn:hover {
    color: #FFFFFF;
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.2);
}

.matangini_cor_cta_btn:hover:before {
    transform: scaleX(1);
    transform-origin: left;
}

.matangini_cor_cta_btn i {
    transition: all 0.3s ease;
}

.matangini_cor_cta_btn:hover i {
    transform: translateX(5px);
}

/* Responsive Styles */
@media (max-width: 1024px) {
    .matangini_cor {
        padding: 80px 0;
    }
    
    .matangini_cor_title {
        font-size: 32px;
    }
    
    .matangini_cor_gallery_image {
        height: 400px;
    }
}

@media (max-width: 992px) {
    .matangini_cor_content {
        flex-direction: column;
        gap: 40px;
    }
    
    .matangini_cor_left,
    .matangini_cor_right {
        flex: 0 0 100%;
    }
    
    .matangini_cor_gallery_image {
        height: 350px;
    }
    
    .matangini_cor_highlight {
        flex: 0 0 100%;
    }
    
    .matangini_cor_faculty_item {
        flex: 0 0 100%;
    }
    
    .matangini_cor_info {
        position: static;
    }
    
    .matangini_cor_testimonial {
        flex: 0 0 calc(50% - 15px);
        min-width: 280px;
    }
}

@media (max-width: 768px) {
    .matangini_cor {
        padding: 60px 0;
    }
    
    .matangini_cor_title {
        font-size: 28px;
    }
    
    .matangini_cor_gallery_image {
        height: 300px;
    }
    
    .matangini_cor_gallery_overlay {
        padding: 20px;
    }
    
    .matangini_cor_gallery_title {
        font-size: 20px;
    }
    
    .matangini_cor_tab_btn {
        padding: 10px 15px;
        font-size: 14px;
    }
    
    .matangini_cor_tab_content {
        padding: 20px;
    }
    
    .matangini_cor_tab_title {
        font-size: 18px;
    }
    
    .matangini_cor_testimonials_title {
        font-size: 24px;
    }
    
    .matangini_cor_testimonial {
        flex: 0 0 calc(100% - 30px);
        min-width: 260px;
    }
    
    .matangini_cor_cta {
        padding: 30px;
    }
    
    .matangini_cor_cta_title {
        font-size: 24px;
    }
}

@media (max-width: 576px) {
    .matangini_cor {
        padding: 50px 0;
    }
    
    .matangini_cor_title {
        font-size: 24px;
    }
    
    .matangini_cor_title_wrap {
        flex-direction: column;
        align-items: flex-start;
    }
    
    .matangini_cor_badges {
        justify-content: flex-start;
    }
    
    .matangini_cor_gallery_image {
        height: 250px;
    }
    
    .matangini_cor_cta_btn {
        width: 100%;
        justify-content: center;
    }
}

/* gallery area css */


/* Gallery Section Styles */
.matangini_gallery {
    padding: 100px 0;
    position: relative;
    background: linear-gradient(135deg, #f9f9f9 0%, #ffffff 100%);
}

.matangini_gallery_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

/* Section Header */
.matangini_gallery_header {
    text-align: center;
    margin-bottom: 50px;
}

.matangini_gallery_subtitle {
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    color: #F4A100;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 15px;
    padding: 5px 15px;
    border-radius: 50px;
    background: rgba(244, 161, 0, 0.1);
}

.matangini_gallery_title {
    font-size: 36px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 20px;
}

.matangini_gallery_title span {
    position: relative;
    display: inline-block;
}

.matangini_gallery_title span:after {
    content: '';
    position: absolute;
    bottom: 5px;
    left: 0;
    width: 100%;
    height: 6px;
    background: rgba(244, 161, 0, 0.2);
    z-index: -1;
}

.matangini_gallery_description {
    max-width: 700px;
    margin: 0 auto;
    color: #555555;
    font-size: 16px;
}

/* Filter Buttons */
.matangini_gallery_filter {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 40px;
}

.matangini_gallery_filter_btn {
    padding: 10px 20px;
    background: #FFFFFF;
    border: none;
    border-radius: 50px;
    color: #555555;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
}

.matangini_gallery_filter_btn.active,
.matangini_gallery_filter_btn:hover {
    background: #0D3C84;
    color: #FFFFFF;
    box-shadow: 0 5px 15px rgba(13, 60, 132, 0.2);
}

/* Gallery Grid */
.matangini_gallery_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-bottom: 40px;
}

/* Gallery Item */
.matangini_gallery_item {
    opacity: 1;
    transform: scale(1);
    transition: all 0.4s ease-in-out;
}

.matangini_gallery_item.hidden {
    opacity: 0;
    transform: scale(0.8);
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.matangini_gallery_item_inner {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

/* Item Image */
.matangini_gallery_img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    transition: all 0.5s ease;
    display: block;
}

.matangini_gallery_item:hover .matangini_gallery_img {
    transform: scale(1.1);
}

/* Overlay */
.matangini_gallery_overlay {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 60%);
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    padding: 20px;
    opacity: 0;
    transition: all 0.4s ease;
}

.matangini_gallery_item:hover .matangini_gallery_overlay {
    opacity: 1;
}

/* Item Info */
.matangini_gallery_info {
    transform: translateY(20px);
    transition: all 0.4s ease 0.1s;
}

.matangini_gallery_item:hover .matangini_gallery_info {
    transform: translateY(0);
}

.matangini_gallery_item_title {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 5px;
}

.matangini_gallery_item_category {
    color: #F4A100;
    font-size: 14px;
}

/* Action Buttons */
.matangini_gallery_actions {
    transform: translateY(20px);
    transition: all 0.4s ease 0.2s;
}

.matangini_gallery_item:hover .matangini_gallery_actions {
    transform: translateY(0);
}

.matangini_gallery_zoom_btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #FFFFFF;
    border: none;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0D3C84;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);
}

.matangini_gallery_zoom_btn:hover {
    background: #F4A100;
    color: #FFFFFF;
    transform: scale(1.1);
}

/* Load More Button */
.matangini_gallery_more {
    text-align: center;
    margin-top: 20px;
}

.matangini_gallery_more_btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 15px 30px;
    background: linear-gradient(45deg, #0D3C84, #2E7D32);
    color: #FFFFFF;
    border: none;
    border-radius: 50px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    box-shadow: 0 10px 25px rgba(13, 60, 132, 0.2);
}

.matangini_gallery_more_btn:hover {
    background: linear-gradient(45deg, #0A316B, #1B5E20);
    box-shadow: 0 15px 30px rgba(13, 60, 132, 0.3);
    transform: translateY(-3px);
}

.matangini_gallery_more_btn i {
    transition: all 0.3s ease;
}

.matangini_gallery_more_btn:hover i {
    transform: rotate(180deg);
}

/* Lightbox Styles */
.matangini_gallery_lightbox {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.9);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.matangini_gallery_lightbox.active {
    opacity: 1;
    visibility: visible;
}

.matangini_gallery_lightbox_content {
    position: relative;
    width: 90%;
    max-width: 1000px;
    max-height: 80vh;
}

.matangini_gallery_lightbox_image {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.matangini_gallery_lightbox_image img {
    max-width: 100%;
    max-height: 70vh;
    object-fit: contain;
    border-radius: 5px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.matangini_gallery_lightbox_caption {
    color: #FFFFFF;
    font-size: 18px;
    margin-top: 20px;
    text-align: center;
}

/* Lightbox Controls */
.matangini_gallery_lightbox_close,
.matangini_gallery_lightbox_prev,
.matangini_gallery_lightbox_next {
    background: rgba(255, 255, 255, 0.1);
    border: none;
    color: #FFFFFF;
    font-size: 24px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
}

.matangini_gallery_lightbox_close:hover,
.matangini_gallery_lightbox_prev:hover,
.matangini_gallery_lightbox_next:hover {
    background: rgba(255, 255, 255, 0.3);
}

.matangini_gallery_lightbox_close {
    top: -60px;
    right: 0;
}

.matangini_gallery_lightbox_prev {
    left: -70px;
    top: 50%;
    transform: translateY(-50%);
}

.matangini_gallery_lightbox_next {
    right: -70px;
    top: 50%;
    transform: translateY(-50%);
}

/* Responsive Styles */
@media (max-width: 992px) {
    .matangini_gallery_grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .matangini_gallery_title {
        font-size: 32px;
    }
    
    .matangini_gallery_lightbox_prev {
        left: -50px;
    }
    
    .matangini_gallery_lightbox_next {
        right: -50px;
    }
}

@media (max-width: 768px) {
    .matangini_gallery {
        padding: 70px 0;
    }
    
    .matangini_gallery_header {
        margin-bottom: 40px;
    }
    
    .matangini_gallery_title {
        font-size: 28px;
    }
    
    .matangini_gallery_subtitle {
        font-size: 14px;
    }
    
    .matangini_gallery_filter_btn {
        padding: 8px 16px;
        font-size: 13px;
    }
    
    .matangini_gallery_lightbox_prev {
        left: 20px;
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
    
    .matangini_gallery_lightbox_next {
        right: 20px;
        width: 40px;
        height: 40px;
        font-size: 18px;
    }
}

@media (max-width: 576px) {
    .matangini_gallery {
        padding: 50px 0;
    }
    
    .matangini_gallery_grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .matangini_gallery_title {
        font-size: 24px;
    }
    
    .matangini_gallery_description {
        font-size: 14px;
    }
    
    .matangini_gallery_more_btn {
        padding: 12px 25px;
        font-size: 14px;
        width: 100%;
    }
}

/* blog area css */
/* Blog Section Styles */
.matangini_blbg {
    padding: 80px 0;
    position: relative;
    background: #F8F9FA;
}

.matangini_blbg_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
}

.matangini_blbg_wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 40px;
}

/* Main Content Column */
.matangini_blbg_main {
    flex: 1;
    min-width: 0; /* Allows content to shrink below its minimum content size */
}

/* Page Header */
.matangini_blbg_header {
    margin-bottom: 40px;
}

.matangini_blbg_breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 20px;
    color: #777777;
    font-size: 14px;
}

.matangini_blbg_breadcrumb i {
    font-size: 12px;
    color: #999999;
}

.matangini_blbg_breadcrumb_link:hover {
    color: #0D3C84;
}

.matangini_blbg_title {
    font-size: 32px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 15px;
    position: relative;
    padding-bottom: 15px;
}

.matangini_blbg_title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 3px;
    background: linear-gradient(to right, #0D3C84, #F4A100);
    border-radius: 3px;
}

.matangini_blbg_subtitle {
    color: #555555;
    font-size: 16px;
}

/* Featured Post */
.matangini_blbg_featured {
    background: #FFFFFF;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    margin-bottom: 40px;
    transition: all 0.3s ease;
}

.matangini_blbg_featured:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.matangini_blbg_featured_image {
    position: relative;
    height: 400px;
    overflow: hidden;
}

.matangini_blbg_featured_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.matangini_blbg_featured:hover .matangini_blbg_featured_image img {
    transform: scale(1.05);
}

.matangini_blbg_featured_category {
    position: absolute;
    top: 20px;
    left: 20px;
    background: #F4A100;
    color: #FFFFFF;
    padding: 5px 15px;
    border-radius: 5px;
    font-size: 14px;
    font-weight: 600;
    z-index: 1;
    box-shadow: 0 3px 10px rgba(244, 161, 0, 0.3);
}

.matangini_blbg_featured_content {
    padding: 30px;
}

.matangini_blbg_featured_title {
    font-size: 24px;
    font-weight: 700;
    margin-bottom: 15px;
}

.matangini_blbg_featured_title a {
    color: #0D3C84;
}

.matangini_blbg_featured_title a:hover {
    color: #F4A100;
}

.matangini_blbg_featured_meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    margin-bottom: 15px;
    color: #666666;
    font-size: 14px;
}

.matangini_blbg_featured_author {
    display: flex;
    align-items: center;
    gap: 10px;
}

.matangini_blbg_featured_author img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

.matangini_blbg_featured_date,
.matangini_blbg_featured_comments {
    display: flex;
    align-items: center;
    gap: 5px;
}

.matangini_blbg_featured_excerpt {
    color: #555555;
    margin-bottom: 20px;
    line-height: 1.7;
}

.matangini_blbg_featured_more {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #0D3C84;
    font-weight: 600;
    position: relative;
    padding-bottom: 2px;
}

.matangini_blbg_featured_more:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #F4A100;
    transition: all 0.3s ease;
}

.matangini_blbg_featured_more:hover {
    color: #F4A100;
}

.matangini_blbg_featured_more:hover:after {
    width: 100%;
}

.matangini_blbg_featured_more i {
    transition: all 0.3s ease;
}

.matangini_blbg_featured_more:hover i {
    transform: translateX(5px);
}

/* Blog Posts Grid */
.matangini_blbg_grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    margin-bottom: 50px;
}

.matangini_blbg_post {
    background: #FFFFFF;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.matangini_blbg_post:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.matangini_blbg_post_image {
    position: relative;
    height: 220px;
    overflow: hidden;
}

.matangini_blbg_post_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.matangini_blbg_post:hover .matangini_blbg_post_image img {
    transform: scale(1.05);
}

.matangini_blbg_post_category {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #0D3C84;
    color: #FFFFFF;
    padding: 4px 12px;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 600;
    z-index: 1;
    box-shadow: 0 3px 10px rgba(13, 60, 132, 0.3);
}

.matangini_blbg_post_content {
    padding: 25px;
}

.matangini_blbg_post_title {
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 12px;
    line-height: 1.4;
}

.matangini_blbg_post_title a {
    color: #0D3C84;
}

.matangini_blbg_post_title a:hover {
    color: #F4A100;
}

.matangini_blbg_post_meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
    color: #666666;
    font-size: 13px;
}

.matangini_blbg_post_date,
.matangini_blbg_post_author {
    display: flex;
    align-items: center;
    gap: 5px;
}

.matangini_blbg_post_excerpt {
    color: #555555;
    margin-bottom: 20px;
    font-size: 14px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.matangini_blbg_post_more {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #0D3C84;
    font-size: 14px;
    font-weight: 600;
    position: relative;
    padding-bottom: 2px;
}

.matangini_blbg_post_more:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #F4A100;
    transition: all 0.3s ease;
}

.matangini_blbg_post_more:hover {
    color: #F4A100;
}

.matangini_blbg_post_more:hover:after {
    width: 100%;
}

.matangini_blbg_post_more i {
    transition: all 0.3s ease;
}

.matangini_blbg_post_more:hover i {
    transform: translateX(5px);
}

/* Pagination */
.matangini_blbg_pagination {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 40px;
}

.matangini_blbg_pagination_prev,
.matangini_blbg_pagination_next {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 20px;
    background: #FFFFFF;
    color: #555555;
    border-radius: 50px;
    font-weight: 600;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.matangini_blbg_pagination_prev:hover,
.matangini_blbg_pagination_next:hover {
    background: #0D3C84;
    color: #FFFFFF;
    box-shadow: 0 8px 20px rgba(13, 60, 132, 0.2);
}

.matangini_blbg_pagination_numbers {
    display: flex;
    align-items: center;
    gap: 5px;
}

.matangini_blbg_pagination_number {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #FFFFFF;
    color: #555555;
    font-weight: 600;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.matangini_blbg_pagination_number.active,
.matangini_blbg_pagination_number:hover {
    background: #0D3C84;
    color: #FFFFFF;
    box-shadow: 0 5px 15px rgba(13, 60, 132, 0.2);
}

.matangini_blbg_pagination_dots {
    color: #777777;
    margin: 0 5px;
}

/* Sidebar Column */
.matangini_blbg_sidebar {
    flex: 0 0 350px;
}

/* Widget Common Styles */
.matangini_blbg_widget {
    background: #FFFFFF;
    border-radius: 10px;
    padding: 25px;
    margin-bottom: 30px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
}

.matangini_blbg_widget_title {
    font-size: 18px;
    font-weight: 700;
    color: #0D3C84;
    margin-bottom: 20px;
    padding-bottom: 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    position: relative;
}

.matangini_blbg_widget_title span {
    position: relative;
    display: inline-block;
    z-index: 1;
}

.matangini_blbg_widget_title span:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: rgba(244, 161, 0, 0.2);
    z-index: -1;
}

/* Search Widget */
.matangini_blbg_search_form {
    display: flex;
    align-items: center;
    position: relative;
}

.matangini_blbg_search_input {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 50px;
    font-size: 14px;
    color: #555555;
    background: #F8F9FA;
    transition: all 0.3s ease;
}

.matangini_blbg_search_input:focus {
    border-color: #0D3C84;
    box-shadow: 0 0 0 3px rgba(13, 60, 132, 0.1);
    outline: none;
}

.matangini_blbg_search_btn {
    position: absolute;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: none;
    background: #0D3C84;
    color: #FFFFFF;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.matangini_blbg_search_btn:hover {
    background: #F4A100;
}

/* Categories Widget */
.matangini_blbg_categories {
    list-style: none;
}

.matangini_blbg_category {
    border-bottom: 1px dashed rgba(0, 0, 0, 0.05);
    padding: 10px 0;
    transition: all 0.3s ease;
}

.matangini_blbg_category:last-child {
    border-bottom: none;
}

.matangini_blbg_category a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #555555;
    transition: all 0.3s ease;
    position: relative;
    padding-left: 20px;
}

.matangini_blbg_category a:before {
    content: '\f105';
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #F4A100;
    transition: all 0.3s ease;
}

.matangini_blbg_category a:hover {
    color: #0D3C84;
    padding-left: 25px;
}

.matangini_blbg_category a:hover:before {
    left: 5px;
}

.matangini_blbg_category a span {
    background: rgba(13, 60, 132, 0.1);
    color: #0D3C84;
    border-radius: 50px;
    padding: 2px 10px;
    font-size: 12px;
    transition: all 0.3s ease;
}

.matangini_blbg_category a:hover span {
    background: #0D3C84;
    color: #FFFFFF;
}

/* Recent Posts Widget */
.matangini_blbg_recent {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.matangini_blbg_recent_item {
    display: flex;
    gap: 15px;
    transition: all 0.3s ease;
}

.matangini_blbg_recent_item:hover {
    transform: translateX(5px);
}

.matangini_blbg_recent_image {
    flex: 0 0 70px;
    height: 70px;
    border-radius: 5px;
    overflow: hidden;
}

.matangini_blbg_recent_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.matangini_blbg_recent_item:hover .matangini_blbg_recent_image img {
    transform: scale(1.1);
}

.matangini_blbg_recent_info {
    flex: 1;
}

.matangini_blbg_recent_title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
    line-height: 1.4;
}

.matangini_blbg_recent_title a {
    color: #333333;
}

.matangini_blbg_recent_title a:hover {
    color: #0D3C84;
}

.matangini_blbg_recent_date {
    font-size: 12px;
    color: #777777;
    display: flex;
    align-items: center;
    gap: 5px;
}

/* Tags Widget */
.matangini_blbg_tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.matangini_blbg_tag {
    display: inline-block;
    padding: 5px 15px;
    background: #F8F9FA;
    color: #555555;
    border-radius: 30px;
    font-size: 13px;
    transition: all 0.3s ease;
}

.matangini_blbg_tag:hover {
    background: #0D3C84;
    color: #FFFFFF;
    transform: translateY(-3px);
}

/* Newsletter Widget */
.matangini_blbg_newsletter {
    background: linear-gradient(135deg, #0D3C84, #2E7D32);
    color: #FFFFFF;
}

.matangini_blbg_newsletter .matangini_blbg_widget_title {
    color: #FFFFFF;
    border-bottom-color: rgba(255, 255, 255, 0.1);
}

.matangini_blbg_newsletter .matangini_blbg_widget_title span:after {
    background: rgba(255, 255, 255, 0.2);
}

.matangini_blbg_newsletter_text {
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 20px;
    font-size: 14px;
}

.matangini_blbg_newsletter_form {
    display: flex;
    flex-direction: column;
    gap: 15px;
}

.matangini_blbg_newsletter_input {
    padding: 12px 15px;
    border-radius: 5px;
    border: none;
    font-size: 14px;
    background: rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    transition: all 0.3s ease;
}

.matangini_blbg_newsletter_input::placeholder {
    color: rgba(255, 255, 255, 0.7);
}

.matangini_blbg_newsletter_input:focus {
    background: rgba(255, 255, 255, 0.2);
    outline: none;
}

.matangini_blbg_newsletter_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 12px 20px;
    background: #F4A100;
    color: #FFFFFF;
    border: none;
    border-radius: 5px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

.matangini_blbg_newsletter_btn:hover {
    background: #FFFFFF;
    color: #0D3C84;
}

.matangini_blbg_newsletter_btn i {
    transition: all 0.3s ease;
}

.matangini_blbg_newsletter_btn:hover i {
    transform: translateX(5px);
}

/* Responsive Styles */
@media (max-width: 1100px) {
    .matangini_blbg_wrapper {
        flex-direction: column;
    }
    
    .matangini_blbg_sidebar {
        flex: 0 0 100%;
    }
}

@media (max-width: 992px) {
    .matangini_blbg {
        padding: 60px 0;
    }
    
    .matangini_blbg_title {
        font-size: 28px;
    }
    
    .matangini_blbg_featured_image {
        height: 350px;
    }
}

@media (max-width: 768px) {
    .matangini_blbg_grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    
    .matangini_blbg_featured_image {
        height: 300px;
    }
    
    .matangini_blbg_featured_title {
        font-size: 22px;
    }
    
    .matangini_blbg_featured_content,
    .matangini_blbg_post_content {
        padding: 20px;
    }
    
    .matangini_blbg_pagination {
        flex-wrap: wrap;
        justify-content: center;
        gap: 15px;
    }
}

@media (max-width: 576px) {
    .matangini_blbg {
        padding: 40px 0;
    }
    
    .matangini_blbg_title {
        font-size: 24px;
    }
    
    .matangini_blbg_featured_image {
        height: 250px;
    }
    
    .matangini_blbg_featured_meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .matangini_blbg_widget {
        padding: 20px;
    }

    /* Additional mobile optimizations */
    .matangini_blbg_post_image {
        height: 200px;
    }

    .matangini_blbg_post_title {
        font-size: 16px;
    }

    .matangini_blbg_featured_excerpt,
    .matangini_blbg_post_excerpt {
        -webkit-line-clamp: 2;
    }

    .matangini_blbg_pagination_prev,
    .matangini_blbg_pagination_next {
        padding: 8px 15px;
        font-size: 14px;
    }

    .matangini_blbg_pagination_number {
        width: 35px;
        height: 35px;
        font-size: 14px;
    }

    .matangini_blbg_breadcrumb {
        flex-wrap: wrap;
    }

    .matangini_blbg_recent_item {
        gap: 10px;
    }

    .matangini_blbg_recent_image {
        flex: 0 0 60px;
        height: 60px;
    }

    .matangini_blbg_recent_title {
        font-size: 13px;
    }

    .matangini_blbg_category a {
        font-size: 14px;
    }

    .matangini_blbg_search_input {
        padding: 10px 15px;
    }

    .matangini_blbg_search_btn {
        width: 35px;
        height: 35px;
    }

    .matangini_blbg_newsletter_input,
    .matangini_blbg_newsletter_btn {
        padding: 10px 15px;
    }
}

/* Additional Styles for Tablets */
@media (min-width: 577px) and (max-width: 992px) {
    .matangini_blbg_sidebar {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .matangini_blbg_widget {
        margin-bottom: 0;
    }

    .matangini_blbg_newsletter {
        grid-column: span 2;
    }
}

/* Print Styles */
@media print {
    .matangini_blbg {
        padding: 20px 0;
    }

    .matangini_blbg_sidebar,
    .matangini_blbg_pagination,
    .matangini_blbg_featured_more,
    .matangini_blbg_post_more,
    .matangini_blbg_search,
    .matangini_blbg_newsletter {
        display: none;
    }

    .matangini_blbg_wrapper {
        display: block;
    }

    .matangini_blbg_grid {
        grid-template-columns: 1fr;
    }

    .matangini_blbg_post,
    .matangini_blbg_featured {
        box-shadow: none;
        margin-bottom: 30px;
        break-inside: avoid;
    }

    .matangini_blbg_featured_image,
    .matangini_blbg_post_image {
        height: auto;
        max-height: 200px;
    }

    .matangini_blbg_post_category,
    .matangini_blbg_featured_category {
        position: static;
        display: inline-block;
        margin-bottom: 10px;
        box-shadow: none;
    }
}

/* Accessibility Improvements */
.matangini_blbg_search_input:focus,
.matangini_blbg_newsletter_input:focus,
.matangini_blbg_pagination_number:focus,
.matangini_blbg_pagination_prev:focus,
.matangini_blbg_pagination_next:focus {
    outline: 2px solid #0D3C84;
    outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
    * {
        transition: none !important;
        animation: none !important;
    }
    
    .matangini_blbg_post:hover,
    .matangini_blbg_featured:hover,
    .matangini_blbg_recent_item:hover {
        transform: none;
    }
    
    .matangini_blbg_featured:hover .matangini_blbg_featured_image img,
    .matangini_blbg_post:hover .matangini_blbg_post_image img,
    .matangini_blbg_recent_item:hover .matangini_blbg_recent_image img {
        transform: none;
    }
}

/* blog details area css */
.matangini_blogdetailsfull {
    max-width: 1200px;
    margin: 0 auto;
    padding: 30px 20px;
}

.matangini_blogdetailsfull .blog-header {
    margin-bottom: 30px;
    position: relative;
}

.matangini_blogdetailsfull .blog-category {
    background-color: #F4A100;
    color: #FFFFFF;
    padding: 5px 15px;
    border-radius: 30px;
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
    transition: all 0.3s ease;
}

.matangini_blogdetailsfull .blog-category:hover {
    background-color: #D68D00;
    transform: translateY(-2px);
}

.matangini_blogdetailsfull .blog-title {
    font-size: 3rem;
    line-height: 1.2;
    color: #0D3C84;
    margin-bottom: 20px;
    font-weight: 700;
}

.matangini_blogdetailsfull .blog-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 25px;
    color: #555555;
}

.matangini_blogdetailsfull .meta-item {
    display: flex;
    align-items: center;
    gap: 8px;
}

.matangini_blogdetailsfull .meta-item i {
    color: #2E7D32;
}

.matangini_blogdetailsfull .author-info {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 30px;
}

.matangini_blogdetailsfull .author-avatar {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #F4A100;
}

.matangini_blogdetailsfull .author-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.matangini_blogdetailsfull .author-details {
    flex: 1;
}

.matangini_blogdetailsfull .author-name {
    font-weight: 600;
    color: #0D3C84;
    font-size: 1.1rem;
    margin-bottom: 5px;
}

.matangini_blogdetailsfull .author-bio {
    color: #555555;
    font-size: 0.9rem;
}

.matangini_blogdetailsfull .blog-featured-image {
    width: 100%;
    height: 500px;
    overflow: hidden;
    border-radius: 15px;
    margin-bottom: 30px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}

.matangini_blogdetailsfull .blog-featured-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.matangini_blogdetailsfull .blog-featured-image:hover img {
    transform: scale(1.03);
}

.matangini_blogdetailsfull .blog-content {
    margin-bottom: 40px;
}

.matangini_blogdetailsfull .blog-content p {
    margin-bottom: 20px;
    font-size: 1.1rem;
    color: #222222;
}

.matangini_blogdetailsfull .blog-content h2 {
    color: #0D3C84;
    margin: 40px 0 20px;
    font-size: 2rem;
}

.matangini_blogdetailsfull .blog-content h3 {
    color: #2E7D32;
    margin: 30px 0 15px;
    font-size: 1.5rem;
}

.matangini_blogdetailsfull .blog-content ul, 
.matangini_blogdetailsfull .blog-content ol {
    margin-bottom: 20px;
    padding-left: 30px;
}

.matangini_blogdetailsfull .blog-content li {
    margin-bottom: 10px;
}

.matangini_blogdetailsfull .blog-content a {
    color: #2E7D32;
    text-decoration: none;
    border-bottom: 1px dotted #2E7D32;
    transition: all 0.3s ease;
}

.matangini_blogdetailsfull .blog-content a:hover {
    color: #1E5722;
    border-bottom: 1px solid #1E5722;
}

.matangini_blogdetailsfull .blog-content blockquote {
    border-left: 5px solid #F4A100;
    padding: 20px;
    margin: 20px 0;
    background-color: #F4F4F4;
    font-style: italic;
}

.matangini_blogdetailsfull .blog-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 30px;
}

.matangini_blogdetailsfull .blog-tag {
    background-color: #F4F4F4;
    color: #555555;
    padding: 5px 15px;
    border-radius: 30px;
    font-size: 0.9rem;
    transition: all 0.3s ease;
    text-decoration: none;
}

.matangini_blogdetailsfull .blog-tag:hover {
    background-color: #0D3C84;
    color: #FFFFFF;
}

.matangini_blogdetailsfull .blog-share {
    padding: 30px;
    background-color: #F4F4F4;
    border-radius: 15px;
    margin-bottom: 40px;
}

.matangini_blogdetailsfull .share-title {
    font-size: 1.2rem;
    color: #0D3C84;
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    gap: 10px;
}

.matangini_blogdetailsfull .share-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.matangini_blogdetailsfull .share-btn {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 20px;
    border-radius: 8px;
    color: #FFFFFF;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s ease;
}

.matangini_blogdetailsfull .share-btn.facebook {
    background-color: #3b5998;
}

.matangini_blogdetailsfull .share-btn.twitter {
    background-color: #1DA1F2;
}

.matangini_blogdetailsfull .share-btn.linkedin {
    background-color: #0e76a8;
}

.matangini_blogdetailsfull .share-btn.pinterest {
    background-color: #E60023;
}

.matangini_blogdetailsfull .share-btn.whatsapp {
    background-color: #25D366;
}

.matangini_blogdetailsfull .share-btn:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

.matangini_blogdetailsfull .related-posts {
    margin-top: 60px;
}

.matangini_blogdetailsfull .section-title {
    font-size: 2rem;
    color: #0D3C84;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 15px;
}

.matangini_blogdetailsfull .section-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 80px;
    height: 4px;
    background-color: #F4A100;
}

.matangini_blogdetailsfull .related-posts-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.matangini_blogdetailsfull .related-post-card {
    background-color: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.matangini_blogdetailsfull .related-post-card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
}

.matangini_blogdetailsfull .related-post-image {
    height: 200px;
    overflow: hidden;
}

.matangini_blogdetailsfull .related-post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.matangini_blogdetailsfull .related-post-card:hover .related-post-image img {
    transform: scale(1.05);
}

.matangini_blogdetailsfull .related-post-content {
    padding: 20px;
}

.matangini_blogdetailsfull .related-post-date {
    font-size: 0.9rem;
    color: #555555;
    margin-bottom: 10px;
}

.matangini_blogdetailsfull .related-post-title {
    font-size: 1.2rem;
    color: #0D3C84;
    margin-bottom: 15px;
    line-height: 1.4;
    font-weight: 600;
}

.matangini_blogdetailsfull .related-post-excerpt {
    font-size: 0.95rem;
    color: #555555;
    margin-bottom: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.matangini_blogdetailsfull .read-more {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #2E7D32;
    font-weight: 500;
    text-decoration: none;
    transition: all 0.3s ease;
}

.matangini_blogdetailsfull .read-more:hover {
    color: #1E5722;
}

.matangini_blogdetailsfull .read-more i {
    transition: transform 0.3s ease;
}

.matangini_blogdetailsfull .read-more:hover i {
    transform: translateX(5px);
}

.matangini_blogdetailsfull .comments-section {
    margin-top: 60px;
}

/* Responsive Styles */
@media (max-width: 992px) {
    .matangini_blogdetailsfull .blog-title {
        font-size: 2.5rem;
    }
    
    .matangini_blogdetailsfull .related-posts-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 768px) {
    .matangini_blogdetailsfull .blog-title {
        font-size: 2rem;
    }
    
    .matangini_blogdetailsfull .blog-featured-image {
        height: 350px;
    }
    
    .matangini_blogdetailsfull .share-buttons {
        gap: 10px;
    }
    
    .matangini_blogdetailsfull .related-posts-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}

@media (max-width: 576px) {
    .matangini_blogdetailsfull .blog-title {
        font-size: 1.8rem;
    }
    
    .matangini_blogdetailsfull .blog-meta {
        flex-direction: column;
        align-items: flex-start;
        gap: 10px;
    }
    
    .matangini_blogdetailsfull .blog-featured-image {
        height: 250px;
        margin-bottom: 20px;
    }
    
    .matangini_blogdetailsfull .share-btn {
        padding: 8px 15px;
        font-size: 0.9rem;
    }
}

/* services area css */
.matangini_services {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

/* Background decorative elements */
.matangini_services_bg_circle {
    position: absolute;
    border-radius: 50%;
    z-index: -1;
}

.matangini_services_bg_circle.top-left {
    width: 400px;
    height: 400px;
    background-color: rgba(13, 60, 132, 0.03);
    top: -200px;
    left: -200px;
}

.matangini_services_bg_circle.bottom-right {
    width: 500px;
    height: 500px;
    background-color: rgba(244, 161, 0, 0.03);
    bottom: -250px;
    right: -250px;
}

.matangini_services_bg_dots {
    position: absolute;
    width: 200px;
    height: 200px;
    background-image: radial-gradient(#0D3C84 1px, transparent 1px);
    background-size: 10px 10px;
    opacity: 0.05;
    z-index: -1;
}

.matangini_services_bg_dots.left {
    top: 30%;
    left: 0;
}

.matangini_services_bg_dots.right {
    bottom: 20%;
    right: 0;
}

.matangini_services_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header section */
.matangini_services_header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.matangini_services_subheading {
    display: inline-block;
    background-color: rgba(13, 60, 132, 0.1);
    color: #0D3C84;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.matangini_services_heading {
    font-size: 2.8rem;
    color: #0D3C84;
    margin-bottom: 25px;
    line-height: 1.2;
}

.matangini_services_heading span {
    color: #2E7D32;
}

.matangini_services_intro {
    max-width: 800px;
    margin: 0 auto;
    color: #555555;
    font-size: 1.1rem;
}

/* Featured programs section */
.matangini_featured_programs {
    margin-bottom: 80px;
}

.matangini_section_title {
    font-size: 2rem;
    color: #0D3C84;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}

.matangini_section_title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 80px;
    height: 3px;
    background-color: #F4A100;
}

.matangini_programs_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.matangini_program_card {
    background-color: #FFFFFF;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
}

.matangini_program_card:hover {
    transform: translateY(-15px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.matangini_program_image {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.matangini_program_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.matangini_program_card:hover .matangini_program_image img {
    transform: scale(1.1);
}

.matangini_program_image::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 30%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), transparent);
}

.matangini_program_content {
    padding: 30px;
}

.matangini_program_icon {
    width: 70px;
    height: 70px;
    background-color: #F4F4F4;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -65px auto 20px;
    position: relative;
    z-index: 2;
    border: 5px solid #FFFFFF;
    transition: all 0.3s ease;
}

.matangini_program_card:hover .matangini_program_icon {
    background-color: #0D3C84;
}

.matangini_program_icon i {
    font-size: 25px;
    color: #0D3C84;
    transition: all 0.3s ease;
}

.matangini_program_card:hover .matangini_program_icon i {
    color: #FFFFFF;
}

.matangini_program_title {
    font-size: 1.5rem;
    color: #0D3C84;
    margin-bottom: 15px;
    text-align: center;
    font-weight: 600;
}

.matangini_program_description {
    color: #555555;
    margin-bottom: 20px;
    text-align: center;
}

.matangini_program_button {
    display: block;
    background-color: transparent;
    color: #2E7D32;
    border: 2px solid #2E7D32;
    padding: 12px 0;
    border-radius: 30px;
    text-align: center;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.matangini_program_card:hover .matangini_program_button {
    background-color: #2E7D32;
    color: #FFFFFF;
}

/* Services grid */
.matangini_services_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
    margin-bottom: 80px;
}

.matangini_service_card {
    background-color: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.matangini_service_card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.matangini_service_header {
    padding: 25px;
    background-color: #0D3C84;
    color: #FFFFFF;
    position: relative;
    overflow: hidden;
}

.matangini_service_header::before {
    content: '';
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    background: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0%, transparent 80%);
    opacity: 0;
    transition: all 0.5s ease;
}

.matangini_service_card:hover .matangini_service_header::before {
    opacity: 1;
    transform: scale(1.2);
}

.matangini_service_number {
    font-size: 2rem;
    font-weight: 700;
    opacity: 0.3;
    margin-bottom: 5px;
}

.matangini_service_title {
    font-size: 1.4rem;
    font-weight: 600;
    margin-bottom: 0;
    position: relative;
    z-index: 1;
    color: #ffffff;
}

.matangini_service_content {
    padding: 25px;
}

.matangini_service_description {
    color: #555555;
    margin-bottom: 20px;
}

.matangini_service_icon {
    margin-bottom: 15px;
    color: #2E7D32;
    font-size: 2.5rem;
    opacity: 0.8;
}

/* Free hostel section */
.matangini_special_feature {
    background-color: #F4F4F4;
    border-radius: 20px;
    padding: 60px;
    margin-bottom: 80px;
    position: relative;
    overflow: hidden;
}

.matangini_special_feature::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 40%;
    height: 100%;
    background: url('/api/placeholder/400/600') center/cover no-repeat;
    opacity: 0.1;
}

.matangini_feature_content {
    max-width: 60%;
}

.matangini_feature_subtitle {
    color: #F4A100;
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 15px;
    display: block;
}

.matangini_feature_title {
    font-size: 2.2rem;
    color: #0D3C84;
    margin-bottom: 20px;
    line-height: 1.3;
}

.matangini_feature_description {
    color: #555555;
    font-size: 1.1rem;
    margin-bottom: 30px;
}

.matangini_feature_button {
    display: inline-flex;
    align-items: center;
    background-color: #F4A100;
    color: #FFFFFF;
    border: none;
    padding: 14px 30px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.matangini_feature_button i {
    margin-left: 10px;
    transition: all 0.3s ease;
}

.matangini_feature_button:hover {
    background-color: #D68D00;
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(244, 161, 0, 0.3);
}

.matangini_feature_button:hover i {
    transform: translateX(5px);
}

/* Additional services */
.matangini_additional_services {
    margin-bottom: 80px;
}

.matangini_services_row {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.matangini_service_item {
    padding: 30px;
    background-color: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
    position: relative;
    overflow: hidden;
}

.matangini_service_item:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.matangini_service_item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 5px;
    height: 0;
    background-color: #0D3C84;
    transition: all 0.3s ease;
}

.matangini_service_item:hover::before {
    height: 100%;
}

.matangini_service_item_icon {
    font-size: 2rem;
    color: #2E7D32;
    margin-bottom: 20px;
}

.matangini_service_item_title {
    font-size: 1.3rem;
    color: #0D3C84;
    margin-bottom: 15px;
    font-weight: 600;
}

.matangini_service_item_description {
    color: #555555;
}

/* CTA section */
.matangini_services_cta {
    background: linear-gradient(45deg, #0D3C84, #2E7D32);
    padding: 60px;
    border-radius: 20px;
    color: #FFFFFF;
    position: relative;
    overflow: hidden;
}

.matangini_services_cta::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/api/placeholder/1200/400') center/cover no-repeat;
    opacity: 0.1;
}

.matangini_cta_content {
    position: relative;
    z-index: 1;
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}

.matangini_cta_title {
    font-size: 2.5rem;
    font-weight: 700;
    margin-bottom: 20px;
    color: #ffffff;
}

.matangini_cta_description {
    font-size: 1.1rem;
    margin-bottom: 30px;
    opacity: 0.9;
    color: #ffffff;
}

.matangini_cta_button {
    display: inline-block;
    background-color: #F4A100;
    color: #FFFFFF;
    padding: 14px 30px;
    border-radius: 30px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.matangini_cta_button:hover {
    background-color: #D68D00;
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

/* Responsive styles */
@media (max-width: 1100px) {
    .matangini_programs_grid,
    .matangini_services_grid,
    .matangini_services_row {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .matangini_special_feature {
        padding: 40px;
    }
    
    .matangini_feature_content {
        max-width: 80%;
    }
}

@media (max-width: 768px) {
    .matangini_services {
        padding: 60px 0;
    }
    
    .matangini_services_heading {
        font-size: 2.2rem;
    }
    
    .matangini_programs_grid,
    .matangini_services_grid,
    .matangini_services_row {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .matangini_special_feature {
        padding: 30px;
    }
    
    .matangini_feature_content {
        max-width: 100%;
    }
    
    .matangini_feature_title {
        font-size: 1.8rem;
    }
    
    .matangini_services_cta {
        padding: 40px 20px;
    }
    
    .matangini_cta_title {
        font-size: 2rem;
    }
}

@media (max-width: 576px) {
    .matangini_services_heading {
        font-size: 1.8rem;
    }
    
    .matangini_section_title {
        font-size: 1.6rem;
    }
    
    .matangini_feature_title,
    .matangini_cta_title {
        font-size: 1.6rem;
    }
    
    .matangini_services_intro,
    .matangini_feature_description,
    .matangini_cta_description {
        font-size: 1rem;
    }
}

/* contact section styles */
.matangini_con {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

/* Background decorative elements */
.matangini_con_bg_shape {
    position: absolute;
    z-index: -1;
}

.matangini_con_bg_shape.circle1 {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: rgba(13, 60, 132, 0.03);
    top: -150px;
    left: -150px;
}

.matangini_con_bg_shape.circle2 {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: rgba(244, 161, 0, 0.03);
    bottom: -100px;
    right: -100px;
}

.matangini_con_bg_shape.waves {
    width: 100%;
    height: 40px;
    background: repeating-linear-gradient(
        45deg,
        rgba(13, 60, 132, 0.03),
        rgba(13, 60, 132, 0.03) 10px,
        rgba(46, 125, 50, 0.03) 10px,
        rgba(46, 125, 50, 0.03) 20px
    );
    bottom: 0;
    left: 0;
}

.matangini_con_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header Section */
.matangini_con_header {
    text-align: center;
    margin-bottom: 60px;
    position: relative;
}

.matangini_con_tagline {
    display: inline-block;
    background-color: rgba(13, 60, 132, 0.1);
    color: #0D3C84;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.matangini_con_heading {
    font-size: 2.8rem;
    color: #0D3C84;
    margin-bottom: 20px;
    position: relative;
   
}

.matangini_con_heading::after {
    content: "";
    position: absolute;
    bottom: -10px;
    left: 50%;
    width: 80px;
    height: 3px;
    background-color: #F4A100;
    transform: translateX(-50%);
}

.matangini_con_heading span {
    color: #2E7D32;
}

.matangini_con_description {
    max-width: 700px;
    margin: 0 auto;
    color: #555555;
    font-size: 1.1rem;
}

/* Main Content Layout */
.matangini_con_wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 60px;
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    overflow: hidden;
}

.matangini_con_info {
    flex: 0 0 35%;
    background: linear-gradient(135deg, #0D3C84, #2E7D32);
    color: #FFFFFF;
    padding: 40px;
    position: relative;
    z-index: 1;
}

.matangini_con_info::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url('/api/placeholder/400/800') center/cover no-repeat;
    opacity: 0.1;
    z-index: -1;
}

.matangini_con_info_title {
    font-size: 1.6rem;
    margin-bottom: 20px;
    font-weight: 600;
    color: #ffffff;
}

.matangini_con_info_text {
    opacity: 0.9;
    margin-bottom: 40px;
    font-size: 0.95rem;
}

.matangini_con_info_details {
    list-style-type: none;
    margin-bottom: 40px;
}

.matangini_con_info_item {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
}

.matangini_con_info_icon {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 15px;
    font-size: 1rem;
    flex-shrink: 0;
}

.matangini_con_info_content {
    flex: 1;
}

.matangini_con_info_label {
    margin-bottom: 5px;
    font-weight: 600;
    color: #F4A100;
}

.matangini_con_info_value {
    opacity: 0.9;
    line-height: 1.4;
}

.matangini_con_social {
    display: flex;
    gap: 15px;
}

.matangini_con_social_link {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFFFFF;
    text-decoration: none;
    transition: all 0.3s ease;
    font-size: 1rem;
}

.matangini_con_social_link:hover {
    background-color: #F4A100;
    transform: translateY(-3px);
}

.matangini_con_form {
    flex: 0 0 65%;
    padding: 40px;
}

.matangini_con_form_title {
    color: #0D3C84;
    font-size: 1.8rem;
    margin-bottom: 30px;
    font-weight: 600;
}

.matangini_con_form_row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 20px;
}

.matangini_con_form_group {
    flex: 1;
    min-width: 200px;
}

.matangini_con_label {
    display: block;
    margin-bottom: 8px;
    color: #555555;
    font-weight: 500;
}

.matangini_con_input,
.matangini_con_textarea,
.matangini_con_select {
    width: 100%;
    padding: 12px 15px;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    font-size: 1rem;
    color: #222222;
    transition: all 0.3s ease;
    background-color: #F9F9F9;
}

.matangini_con_input:focus,
.matangini_con_textarea:focus,
.matangini_con_select:focus {
    outline: none;
    border-color: #0D3C84;
    box-shadow: 0 0 0 3px rgba(13, 60, 132, 0.1);
    background-color: #FFFFFF;
}

.matangini_con_textarea {
    resize: vertical;
    min-height: 120px;
}

.matangini_con_checkbox_group {
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.matangini_con_checkbox {
    margin-right: 10px;
    cursor: pointer;
}

.matangini_con_checkbox_label {
    color: #555555;
    font-size: 0.9rem;
}

.matangini_con_submit {
    background-color: #0D3C84;
    color: #FFFFFF;
    border: none;
    padding: 14px 30px;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: inline-flex;
    align-items: center;
}

.matangini_con_submit i {
    margin-left: 10px;
    transition: all 0.3s ease;
}

.matangini_con_submit:hover {
    background-color: #2E7D32;
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(13, 60, 132, 0.2);
}

.matangini_con_submit:hover i {
    transform: translateX(5px);
}

/* Map Section */
.matangini_con_map_section {
    margin-bottom: 60px;
}

.matangini_con_map_container {
    height: 400px;
    border-radius: 20px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    position: relative;
}

.matangini_con_map_container iframe {
    width: 100%;
    height: 100%;
    border: 0;
}

.matangini_con_map_overlay {
    position: absolute;
    top: 20px;
    left: 20px;
    background-color: #FFFFFF;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
    max-width: 300px;
}

.matangini_con_map_title {
    color: #0D3C84;
    font-size: 1.2rem;
    margin-bottom: 10px;
    font-weight: 600;
}

.matangini_con_map_address {
    color: #555555;
    font-size: 0.9rem;
    margin-bottom: 15px;
}

.matangini_con_map_directions {
    color: #2E7D32;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
}

.matangini_con_map_directions i {
    margin-left: 5px;
}

/* FAQ Section */
.matangini_con_faq {
    background-color: #F4F4F4;
    padding: 60px 40px;
    border-radius: 20px;
    margin-bottom: 60px;
}

.matangini_con_faq_title {
    color: #0D3C84;
    font-size: 2rem;
    margin-bottom: 40px;
    text-align: center;
    position: relative;
    padding-bottom: 15px;
}

.matangini_con_faq_title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #F4A100;
}

.matangini_con_faq_list {
    max-width: 800px;
    margin: 0 auto;
}

.matangini_con_faq_item {
    background-color: #FFFFFF;
    border-radius: 10px;
    margin-bottom: 15px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
    overflow: hidden;
}

.matangini_con_faq_question {
    padding: 20px;
    cursor: pointer;
    position: relative;
    color: #0D3C84;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.matangini_con_faq_question i {
    color: #2E7D32;
    transition: all 0.3s ease;
}

.matangini_con_faq_answer {
    padding: 0 20px 20px;
    color: #555555;
    font-size: 0.95rem;
    border-top: 1px solid #F4F4F4;
}

/* Call to Action */
.matangini_con_cta {
    text-align: center;
    padding: 40px;
    background-color: #0D3C84;
    color: #FFFFFF;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.matangini_con_cta::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('/api/placeholder/1200/300') center/cover no-repeat;
    opacity: 0.1;
    z-index: 0;
}

.matangini_con_cta_content {
    position: relative;
    z-index: 1;
}

.matangini_con_cta_title {
    font-size: 2.2rem;
    margin-bottom: 15px;
    font-weight: 700;
    color: #ffffff;
}

.matangini_con_cta_text {
    max-width: 700px;
    margin: 0 auto 25px;
    opacity: 0.9;
    color: #ffffff;
}

.matangini_con_cta_button {
    display: inline-block;
    background-color: #F4A100;
    color: #FFFFFF;
    padding: 14px 30px;
    border-radius: 30px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s ease;
}

.matangini_con_cta_button:hover {
    background-color: #D68D00;
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.2);
}

/* Campus Card Section */
.matangini_con_campus {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    margin-bottom: 60px;
}

.matangini_con_campus_card {
    flex: 1;
    min-width: 280px;
    background-color: #FFFFFF;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.matangini_con_campus_card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.matangini_con_campus_image {
    height: 200px;
    overflow: hidden;
}

.matangini_con_campus_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}

.matangini_con_campus_card:hover .matangini_con_campus_image img {
    transform: scale(1.1);
}

.matangini_con_campus_content {
    padding: 25px;
}

.matangini_con_campus_title {
    color: #0D3C84;
    font-size: 1.3rem;
    margin-bottom: 10px;
    font-weight: 600;
}

.matangini_con_campus_address {
    color: #555555;
    margin-bottom: 15px;
    font-size: 0.9rem;
    display: flex;
    align-items: flex-start;
}

.matangini_con_campus_address i {
    color: #2E7D32;
    margin-right: 10px;
    margin-top: 4px;
}

.matangini_con_campus_phone {
    color: #555555;
    margin-bottom: 15px;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
}

.matangini_con_campus_phone i {
    color: #2E7D32;
    margin-right: 10px;
}

.matangini_con_campus_email {
    color: #555555;
    font-size: 0.9rem;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}

.matangini_con_campus_email i {
    color: #2E7D32;
    margin-right: 10px;
}

.matangini_con_campus_link {
    display: inline-flex;
    align-items: center;
    color: #0D3C84;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
}

.matangini_con_campus_link i {
    margin-left: 8px;
    transition: all 0.3s ease;
}

.matangini_con_campus_card:hover .matangini_con_campus_link i {
    transform: translateX(5px);
}

/* Responsive Styles */
@media (max-width: 992px) {
    .matangini_con_wrapper {
        flex-direction: column;
    }
    
    .matangini_con_info,
    .matangini_con_form {
        flex: 0 0 100%;
    }
    
    .matangini_con_heading {
        font-size: 2.4rem;
    }
}

@media (max-width: 768px) {
    .matangini_con {
        padding: 60px 0;
    }
    
    .matangini_con_heading {
        font-size: 2rem;
    }
    
    .matangini_con_map_overlay {
        position: relative;
        top: 0;
        left: 0;
        max-width: 100%;
        margin-bottom: 20px;
    }
    
    .matangini_con_map_container {
        height: 300px;
    }
    
    .matangini_con_faq,
    .matangini_con_cta {
        padding: 30px 20px;
    }
    
    .matangini_con_cta_title {
        font-size: 1.8rem;
    }
}

@media (max-width: 576px) {
    .matangini_con_heading {
        font-size: 1.8rem;
    }
    
    .matangini_con_form_row {
        flex-direction: column;
        gap: 15px;
    }
    
    .matangini_con_form_group {
        min-width: 100%;
    }
    
    .matangini_con_info,
    .matangini_con_form {
        padding: 30px 20px;
    }
    
    .matangini_con_faq_title {
        font-size: 1.6rem;
    }
    
    .matangini_con_cta_title {
        font-size: 1.6rem;
    }
}

/* brochure area css */
.matangini_brochure {
    padding: 80px 0;
    position: relative;
    overflow: hidden;
}

/* Background decorative elements */
.matangini_brochure_bg_shape {
    position: absolute;
    z-index: -1;
}

.matangini_brochure_bg_shape.circle1 {
    width: 400px;
    height: 400px;
    border-radius: 50%;
    background-color: rgba(13, 60, 132, 0.03);
    top: -200px;
    right: -200px;
}

.matangini_brochure_bg_shape.circle2 {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: rgba(244, 161, 0, 0.03);
    bottom: -150px;
    left: -150px;
}

.matangini_brochure_bg_shape.dots {
    width: 200px;
    height: 100%;
    background-image: radial-gradient(#0D3C84 1px, transparent 1px);
    background-size: 15px 15px;
    opacity: 0.03;
    right: 0;
    top: 0;
}

.matangini_brochure_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header Section */
.matangini_brochure_header {
    text-align: center;
    margin-bottom: 50px;
}

.matangini_brochure_subtitle {
    display: inline-block;
    background-color: rgba(13, 60, 132, 0.1);
    color: #0D3C84;
    padding: 8px 20px;
    border-radius: 30px;
    font-size: 0.9rem;
    font-weight: 600;
    margin-bottom: 15px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.matangini_brochure_title {
    font-size: 2.5rem;
    color: #0D3C84;
    margin-bottom: 20px;
    position: relative;

    padding-bottom: 15px;
}

.matangini_brochure_title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 80px;
    height: 3px;
    background-color: #F4A100;
    transform: translateX(-50%);
}

.matangini_brochure_description {
    max-width: 700px;
    margin: 0 auto;
    color: #555555;
    font-size: 1.1rem;
}

/* Main content layout */
.matangini_brochure_wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 40px;
    margin-bottom: 60px;
    position: relative;
}

/* Brochure showcase section */
.matangini_brochure_showcase {
    flex: 1;
    min-width: 300px;
    position: relative;
}

.matangini_brochure_image_container {
    position: relative;
    z-index: 1;
}

.matangini_brochure_main_image {
    width: 100%;
    border-radius: 15px;
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.matangini_brochure_main_image:hover {
    transform: translateY(-10px);
    box-shadow: 0 30px 50px rgba(0, 0, 0, 0.15);
}

.matangini_brochure_floating_element {
    position: absolute;
    z-index: 2;
    background-color: #FFFFFF;
    padding: 15px;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.matangini_brochure_floating_element:hover {
    transform: translateY(-5px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.12);
}

.matangini_brochure_floating_element.pages {
    top: 20px;
    right: -20px;
}

.matangini_brochure_floating_element.topics {
    bottom: 40px;
    left: -20px;
}

.matangini_brochure_floating_icon {
    width: 40px;
    height: 40px;
    background-color: rgba(13, 60, 132, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 12px;
    color: #0D3C84;
    font-size: 1.2rem;
}

.matangini_brochure_floating_content {
    flex: 1;
}

.matangini_brochure_floating_label {
    font-size: 0.8rem;
    color: #555555;
    margin-bottom: 3px;
}

.matangini_brochure_floating_value {
    font-size: 1rem;
    font-weight: 600;
    color: #0D3C84;
}

/* Form section */
.matangini_brochure_form_container {
    flex: 1;
    min-width: 300px;
    background-color: #FFFFFF;
    border-radius: 20px;
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.08);
    padding: 40px;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

.matangini_brochure_form_container::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 8px;
    background: linear-gradient(to right, #0D3C84, #2E7D32);
    z-index: 2;
}

.matangini_brochure_form_title {
    font-size: 1.5rem;
    color: #0D3C84;
    margin-bottom: 10px;
    font-weight: 600;
}

.matangini_brochure_form_subtitle {
    color: #555555;
    margin-bottom: 25px;
    font-size: 0.95rem;
}

.matangini_brochure_form_group {
    margin-bottom: 20px;
    position: relative;
}

.matangini_brochure_form_label {
    display: block;
    margin-bottom: 8px;
    color: #333333;
    font-weight: 500;
    font-size: 0.95rem;
}

.matangini_brochure_form_input {
    width: 100%;
    padding: 14px 15px 14px 45px;
    border: 1px solid #E0E0E0;
    border-radius: 10px;
    font-size: 1rem;
    color: #333333;
    transition: all 0.3s ease;
    background-color: #F9F9F9;
}

.matangini_brochure_form_input:focus {
    outline: none;
    border-color: #0D3C84;
    box-shadow: 0 0 0 3px rgba(13, 60, 132, 0.1);
    background-color: #FFFFFF;
}

.matangini_brochure_input_icon {
    position: absolute;
    left: 15px;
    top: 42px;
    color: #0D3C84;
    font-size: 1rem;
}

.matangini_brochure_checkbox_group {
    display: flex;
    align-items: flex-start;
    margin-bottom: 25px;
}

.matangini_brochure_checkbox {
    margin-top: 3px;
    margin-right: 10px;
    cursor: pointer;
}

.matangini_brochure_checkbox_label {
    color: #555555;
    font-size: 0.85rem;
    line-height: 1.4;
}

.matangini_brochure_submit {
    width: 100%;
    background-color: #0D3C84;
    color: #FFFFFF;
    border: none;
    padding: 15px;
    border-radius: 10px;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.matangini_brochure_submit i {
    margin-right: 10px;
    font-size: 1.2rem;
}

.matangini_brochure_submit:hover {
    background-color: #2E7D32;
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(13, 60, 132, 0.2);
}

.matangini_brochure_notice {
    margin-top: 15px;
    font-size: 0.8rem;
    color: #777777;
    text-align: center;
}

/* Multiple brochures section */
.matangini_brochure_options {
    margin-top: 80px;
}

.matangini_brochure_options_title {
    text-align: center;
    font-size: 1.8rem;
    color: #0D3C84;
    margin-bottom: 40px;
    position: relative;
    padding-bottom: 15px;
  
}

.matangini_brochure_options_title::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 60px;
    height: 3px;
    background-color: #F4A100;
    transform: translateX(-50%);
}

.matangini_brochure_cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.matangini_brochure_card {
    background-color: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    transition: all 0.3s ease;
}

.matangini_brochure_card:hover {
    transform: translateY(-10px);
    box-shadow: 0 15px 40px rgba(0, 0, 0, 0.1);
}

.matangini_brochure_card_image {
    height: 180px;
    overflow: hidden;
    position: relative;
}

.matangini_brochure_card_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.5s ease;
}

.matangini_brochure_card:hover .matangini_brochure_card_image img {
    transform: scale(1.1);
}

.matangini_brochure_card_tag {
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #0D3C84;
    color: #FFFFFF;
    padding: 5px 12px;
    border-radius: 20px;
    font-size: 0.8rem;
    font-weight: 600;
}

.matangini_brochure_card_content {
    padding: 25px;
}

.matangini_brochure_card_title {
    font-size: 1.3rem;
    color: #0D3C84;
    margin-bottom: 10px;
    font-weight: 600;
}

.matangini_brochure_card_description {
    color: #555555;
    margin-bottom: 20px;
    font-size: 0.9rem;
}

.matangini_brochure_card_meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
}

.matangini_brochure_card_info {
    display: flex;
    align-items: center;
    color: #555555;
    font-size: 0.85rem;
}

.matangini_brochure_card_info i {
    color: #2E7D32;
    margin-right: 5px;
}

.matangini_brochure_card_button {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F4F4F4;
    color: #0D3C84;
    padding: 10px 0;
    border-radius: 8px;
    text-decoration: none;
    font-weight: 600;
    font-size: 0.9rem;
    transition: all 0.3s ease;
}

.matangini_brochure_card_button i {
    margin-left: 8px;
    transition: all 0.3s ease;
}

.matangini_brochure_card:hover .matangini_brochure_card_button {
    background-color: #0D3C84;
    color: #FFFFFF;
}

.matangini_brochure_card:hover .matangini_brochure_card_button i {
    transform: translateX(5px);
}

/* Features section */
.matangini_brochure_features {
    margin-top: 80px;
    padding: 60px 40px;
    background-color: #F4F4F4;
    border-radius: 20px;
    position: relative;
    overflow: hidden;
}

.matangini_brochure_features_title {
    text-align: center;
    font-size: 1.8rem;
    color: #0D3C84;
    margin-bottom: 40px;
}

.matangini_brochure_features_grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}

.matangini_brochure_feature {
    background-color: #FFFFFF;
    padding: 25px;
    border-radius: 15px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05);
    transition: all 0.3s ease;
}

.matangini_brochure_feature:hover {
    transform: translateY(-8px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.1);
}

.matangini_brochure_feature_icon {
    width: 60px;
    height: 60px;
    background-color: rgba(13, 60, 132, 0.1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #0D3C84;
    font-size: 1.5rem;
    margin-bottom: 20px;
    transition: all 0.3s ease;
}

.matangini_brochure_feature:hover .matangini_brochure_feature_icon {
    background-color: #0D3C84;
    color: #FFFFFF;
}

.matangini_brochure_feature_title {
    font-size: 1.2rem;
    color: #0D3C84;
    margin-bottom: 15px;
    font-weight: 600;
}

.matangini_brochure_feature_text {
    color: #555555;
    font-size: 0.9rem;
}

/* Responsive styles */
@media (max-width: 1100px) {
    .matangini_brochure_cards,
    .matangini_brochure_features_grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 992px) {
    .matangini_brochure_wrapper {
        flex-direction: column-reverse;
    }
    
    .matangini_brochure_form_container,
    .matangini_brochure_showcase {
        width: 100%;
        max-width: 600px;
        margin: 0 auto;
    }
    
    .matangini_brochure_floating_element.pages {
        top: 20px;
        right: 20px;
    }
    
    .matangini_brochure_floating_element.topics {
        bottom: 40px;
        left: 20px;
    }
}

@media (max-width: 768px) {
    .matangini_brochure {
        padding: 60px 0;
    }
    
    .matangini_brochure_title {
        font-size: 2rem;
    }
    
    .matangini_brochure_cards,
    .matangini_brochure_features_grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    
    .matangini_brochure_features {
        padding: 40px 20px;
    }
}

@media (max-width: 576px) {
    .matangini_brochure_title {
        font-size: 1.8rem;
    }
    
    .matangini_brochure_form_container {
        padding: 30px 20px;
    }
    
    .matangini_brochure_floating_element {
        padding: 10px;
    }
    
    .matangini_brochure_floating_icon {
        width: 30px;
        height: 30px;
        font-size: 0.9rem;
        margin-right: 8px;
    }
    
    .matangini_brochure_options_title,
    .matangini_brochure_features_title {
        font-size: 1.5rem;
    }
}

/* news area css */
.matangini_news {
    padding: 60px 0;
    position: relative;
    overflow: hidden;
}

/* Background decorative elements */
.matangini_news_bg_shape {
    position: absolute;
    z-index: -1;
}

.matangini_news_bg_shape.circle1 {
    width: 300px;
    height: 300px;
    border-radius: 50%;
    background-color: rgba(13, 60, 132, 0.03);
    top: -150px;
    left: -150px;
}

.matangini_news_bg_shape.circle2 {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    background-color: rgba(244, 161, 0, 0.03);
    bottom: -100px;
    right: -100px;
}

.matangini_news_container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* Header section */
.matangini_news_header {
    text-align: center;
    margin-bottom: 40px;
}

.matangini_news_heading {
    font-size: 2.5rem;
    color: #0D3C84;
    margin-bottom: 20px;
    position: relative;
    display: inline-block;
    padding-bottom: 15px;
}

.matangini_news_heading::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 80px;
    height: 3px;
    background-color: #F4A100;
    transform: translateX(-50%);
}

.matangini_news_heading span {
    color: #2E7D32;
}

/* News and Events container */
.matangini_news_scroll_container {
    display: flex;
    gap: 30px;
    margin-bottom: 30px;
}

.matangini_news_column {
    flex: 1;
    background-color: #FFFFFF;
    border-radius: 15px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
    padding: 25px;
    position: relative;
}

.matangini_news_column_title {
    font-size: 1.5rem;
    color: #0D3C84;
    margin-bottom: 20px;
    font-weight: 600;
    text-align: center;
    position: relative;
    padding-bottom: 10px;
}

.matangini_news_column_title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 3px;
    background-color: #F4A100;
}

/* News ticker styling */
.matangini_news_ticker_wrapper {
    height: 400px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.matangini_news_ticker {
    position: relative;
    list-style: none;
    animation: tickerAnimation 30s linear infinite;
}

/* Pause animation on hover */
.matangini_news_ticker_wrapper:hover .matangini_news_ticker {
    animation-play-state: paused;
}

.matangini_news_ticker_item {
    border-bottom: 1px solid #E0E0E0;
    padding: 15px 0;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.matangini_news_ticker_item:last-child {
    border-bottom: none;
}

.matangini_news_ticker_item:hover {
    background-color: rgba(13, 60, 132, 0.05);
    padding-left: 10px;
}

.matangini_news_ticker_date {
    background-color: #0D3C84;
    color: #FFFFFF;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 0.8rem;
    font-weight: 600;
    margin-right: 15px;
    white-space: nowrap;
}

.matangini_news_ticker_link {
    color: #333333;
    text-decoration: none;
    font-weight: 500;
    transition: color 0.3s ease;
    flex: 1;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.matangini_news_ticker_link:hover {
    color: #2E7D32;
}

/* Event specific styling */
.matangini_event_date {
    background-color: #2E7D32;
}

.matangini_event_location {
    margin-left: 15px;
    color: #555555;
    font-size: 0.8rem;
    white-space: nowrap;
}

.matangini_event_location i {
    margin-right: 5px;
    color: #2E7D32;
}

/* View all button */
.matangini_news_view_all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    background-color: #0D3C84;
    color: #FFFFFF;
    border-radius: 8px;
    font-size: 0.95rem;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
    margin: 0 auto;
    display: block;
    text-align: center;
    max-width: 160px;
}

.matangini_news_view_all i {
    margin-left: 8px;
    transition: transform 0.3s ease;
}

.matangini_news_view_all:hover {
    background-color: #2E7D32;
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(13, 60, 132, 0.2);
}

.matangini_news_view_all:hover i {
    transform: translateX(5px);
}

/* Animation for the ticker */
@keyframes tickerAnimation {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(calc(-100% + 400px));
    }
}

/* Responsive styling */
@media (max-width: 992px) {
    .matangini_news_scroll_container {
        flex-direction: column;
    }
    
    .matangini_news_column {
        margin-bottom: 30px;
    }
    
    .matangini_news_ticker_wrapper {
        height: 350px;
    }
}

@media (max-width: 768px) {
    .matangini_news {
        padding: 40px 0;
    }
    
    .matangini_news_heading {
        font-size: 2rem;
    }
    
    .matangini_news_ticker_wrapper {
        height: 300px;
    }
    
    .matangini_event_ticker_item {
        flex-wrap: wrap;
    }
    
    .matangini_event_location {
        margin-left: 65px; /* Align with the text after date */
        margin-top: 5px;
    }
}

@media (max-width: 576px) {
    .matangini_news_heading {
        font-size: 1.8rem;
    }
    
    .matangini_news_column_title {
        font-size: 1.3rem;
    }
    
    .matangini_news_ticker_date {
        padding: 3px 8px;
        font-size: 0.75rem;
    }
    
    .matangini_news_ticker_link {
        font-size: 0.9rem;
    }
    
    .matangini_event_location {
        font-size: 0.75rem;
    }
    
    .matangini_news_ticker_wrapper {
        height: 250px;
    }
}


/* Fixed WhatsApp button */
.viam_whatsapp_fixed {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
}

.viam_whatsapp_fixed_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    background-color: #25D366;
    border-radius: 50%;
    box-shadow: 0 8px 25px rgba(37, 211, 102, 0.3);
    cursor: pointer;
    transition: all 0.3s ease;
    position: relative;
}

.viam_whatsapp_fixed_btn::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #25D366;
    opacity: 0.6;
    z-index: -1;
    animation: pulseWA 2s infinite;
}

@keyframes pulseWA {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }
    50% {
        transform: scale(1.5);
        opacity: 0;
    }
    100% {
        transform: scale(1.5);
        opacity: 0;
    }
}

.viam_whatsapp_fixed_icon {
    color: white;
    font-size: 28px;
}

.viam_whatsapp_fixed_btn:hover {
    transform: scale(1.1) rotate(10deg);
}

.viam_whatsapp_fixed_tooltip {
    position: absolute;
    top: -70px;
    right: 0;
    background-color: white;
    padding: 10px 18px;
    border-radius: 8px;
    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.1);
    white-space: nowrap;
    font-weight: 600;
    color: #1e1e2f;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
    font-size: 0.9rem;
}

.viam_whatsapp_fixed_tooltip::after {
    content: '';
    position: absolute;
    bottom: -8px;
    right: 25px;
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 8px solid white;
}

.viam_whatsapp_fixed_btn:hover .viam_whatsapp_fixed_tooltip {
    opacity: 1;
    visibility: visible;
    top: -80px;
}



@media screen and (max-width: 768px) {
    

    .viam_whatsapp_fixed_btn {
        width: 55px;
        height: 55px;
    }

    .viam_whatsapp_fixed_icon {
        font-size: 24px;
    }
}

@media screen and (max-width: 576px) {
    .viam_courses {
        padding: 3rem 0;
    }

    .viam_courses_title {
        font-size: 2rem;
    }

    .viam_courses_card_title {
        font-size: 1.3rem;
    }

    .viam_courses_card_buttons {
        flex-direction: column;
        gap: 0.8rem;
    }

    .viam_whatsapp_fixed_btn {
        width: 50px;
        height: 50px;
        right: 20px;
        bottom: 20px;
    }

    .viam_whatsapp_fixed_icon {
        font-size: 22px;
    }
}
/*appoinments css*/
 .matangini_appointments {
            max-width: 1200px;
            margin: 0 auto;
            padding: 60px 20px;
            background-color: #FFFFFF;
            color: #222222;
        }

        .matangini_appointments_container {
            display: flex;
            flex-direction: column;
            gap: 40px;
        }

        /* Header styles */
        .matangini_appointments_header {
            text-align: center;
            margin-bottom: 20px;
        }

        .matangini_appointments_title {
            font-size: 38px;
            color: #0D3C84;
            margin-bottom: 15px;
            position: relative;
            display: inline-block;
        }

        .matangini_appointments_title::after {
            content: "";
            position: absolute;
            bottom: -10px;
            left: 50%;
            transform: translateX(-50%);
            width: 80px;
            height: 4px;
            background-color: #F4A100;
            border-radius: 2px;
        }

        .matangini_appointments_subtitle {
            font-size: 18px;
            color: #555555;
            max-width: 700px;
            margin: 0 auto;
            line-height: 1.6;
            margin-top: 20px;
        }

        /* Content layout */
        .matangini_appointments_content {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
            justify-content: center;
            align-items: stretch;
        }

        /* Info card */
        .matangini_appointments_info {
            flex: 1;
            min-width: 300px;
            background: linear-gradient(145deg, #0D3C84, #092E5D);
            color: white;
            padding: 30px;
            border-radius: 12px;
            box-shadow: 0 10px 25px rgba(13, 60, 132, 0.2);
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            position: relative;
            overflow: hidden;
        }

        .matangini_appointments_info::before {
            content: "";
            position: absolute;
            top: -50px;
            right: -50px;
            width: 120px;
            height: 120px;
            background-color: rgba(244, 161, 0, 0.2);
            border-radius: 50%;
            z-index: 0;
        }

        .matangini_appointments_info_header {
            margin-bottom: 25px;
            position: relative;
            z-index: 1;
        }

        .matangini_appointments_info_title {
            font-size: 26px;
            font-weight: 600;
            margin-bottom: 15px;
            color: #F4F4F4;
        }

        .matangini_appointments_info_subtitle {
            font-size: 16px;
            line-height: 1.6;
            color: rgba(255, 255, 255, 0.85);
        }

        .matangini_appointments_contact_items {
            display: flex;
            flex-direction: column;
            gap: 20px;
            margin-top: 30px;
            position: relative;
            z-index: 1;
        }

        .matangini_appointments_contact_item {
            display: flex;
            align-items: center;
            gap: 15px;
        }

        .matangini_appointments_icon {
            width: 42px;
            height: 42px;
            background-color: rgba(255, 255, 255, 0.1);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0;
            border: 1px solid rgba(255, 255, 255, 0.2);
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
        }

        .matangini_appointments_icon svg {
            width: 20px;
            height: 20px;
            fill: #F4A100;
        }

        .matangini_appointments_contact_text {
            font-size: 15px;
            line-height: 1.5;
        }

        .matangini_appointments_contact_text a {
            color: #F4F4F4;
            text-decoration: none;
            transition: color 0.3s ease;
        }

        .matangini_appointments_contact_text a:hover {
            color: #F4A100;
        }

        .matangini_appointments_highlight {
            color: #F4A100;
            font-weight: 600;
        }

        /* Form card */
        .matangini_appointments_form_container {
            flex: 1.2;
            min-width: 320px;
            background-color: #FFFFFF;
            padding: 30px;
            border-radius: 12px;
            box-shadow: 0 10px 25px rgba(0, 0, 0, 0.08);
            border: 1px solid #E0E0E0;
            position: relative;
            overflow: hidden;
        }

        .matangini_appointments_form_title {
            font-size: 24px;
            color: #0D3C84;
            margin-bottom: 25px;
            position: relative;
            padding-bottom: 10px;
        }

        .matangini_appointments_form_title::after {
            content: "";
            position: absolute;
            bottom: 0;
            left: 0;
            width: 60px;
            height: 3px;
            background-color: #F4A100;
            border-radius: 2px;
        }

        .matangini_appointments_form {
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .matangini_appointments_form_row {
            display: flex;
            gap: 15px;
            flex-wrap: wrap;
        }

        .matangini_appointments_form_group {
            flex: 1;
            min-width: 250px;
        }

        .matangini_appointments_label {
            display: block;
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 8px;
            color: #222222;
        }

        .matangini_appointments_input,
        .matangini_appointments_select,
        .matangini_appointments_textarea {
            width: 100%;
            padding: 12px 15px;
            border: 1px solid #E0E0E0;
            border-radius: 8px;
            font-size: 15px;
            color: #222222;
            background-color: #F9F9F9;
            transition: all 0.3s ease;
        }

        .matangini_appointments_input:focus,
        .matangini_appointments_select:focus,
        .matangini_appointments_textarea:focus {
            outline: none;
            border-color: #0D3C84;
            background-color: #FFFFFF;
            box-shadow: 0 0 0 3px rgba(13, 60, 132, 0.1);
        }

        .matangini_appointments_textarea {
            resize: vertical;
            min-height: 120px;
        }

        .matangini_appointments_submit {
            background: linear-gradient(to right, #0D3C84, #0A316B);
            color: white;
            border: none;
            padding: 14px 28px;
            font-size: 16px;
            font-weight: 600;
            border-radius: 8px;
            cursor: pointer;
            transition: all 0.3s ease;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            gap: 10px;
            box-shadow: 0 4px 12px rgba(13, 60, 132, 0.2);
            margin-top: 10px;
            position: relative;
            overflow: hidden;
        }

        .matangini_appointments_submit::before {
            content: "";
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(to right, transparent, rgba(255, 255, 255, 0.2), transparent);
            transition: all 0.6s ease;
        }

        .matangini_appointments_submit:hover {
            background: linear-gradient(to right, #0A316B, #072550);
            transform: translateY(-2px);
            box-shadow: 0 6px 15px rgba(13, 60, 132, 0.3);
        }

        .matangini_appointments_submit:hover::before {
            left: 100%;
        }

        .matangini_appointments_submit svg {
            width: 18px;
            height: 18px;
            fill: white;
        }

        /* Accent elements */
        .matangini_appointments_accent_circle {
            position: absolute;
            width: 150px;
            height: 150px;
            border-radius: 50%;
            z-index: 0;
            opacity: 0.1;
        }

        .matangini_appointments_accent_circle.top-right {
            top: -50px;
            right: -50px;
            background-color: #F4A100;
        }

        .matangini_appointments_accent_circle.bottom-left {
            bottom: -50px;
            left: -50px;
            background-color: #2E7D32;
        }

        /* Availability section */
        .matangini_appointments_availability {
            margin-top: 30px;
            padding: 20px;
            background-color: #F4F4F4;
            border-radius: 10px;
            border-left: 4px solid #2E7D32;
        }

        .matangini_appointments_availability_title {
            font-size: 18px;
            color: #0D3C84;
            margin-bottom: 15px;
            display: flex;
            align-items: center;
            gap: 10px;
        }

        .matangini_appointments_times {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            margin-top: 15px;
        }

        .matangini_appointments_time_slot {
            padding: 8px 15px;
            background-color: #FFFFFF;
            border: 1px solid #E0E0E0;
            border-radius: 25px;
            font-size: 14px;
            color: #222222;
            transition: all 0.3s ease;
            cursor: pointer;
        }

        .matangini_appointments_time_slot:hover {
            background-color: #2E7D32;
            color: white;
            border-color: #2E7D32;
        }

        .matangini_appointments_time_slot.active {
            background-color: #2E7D32;
            color: white;
            border-color: #2E7D32;
        }

        /* Responsive adjustments */
        @media (max-width: 900px) {
            .matangini_appointments_content {
                flex-direction: column;
            }
            
            .matangini_appointments_info,
            .matangini_appointments_form_container {
                width: 100%;
            }
        }

        @media (max-width: 600px) {
            .matangini_appointments {
                padding: 40px 15px;
            }
            
            .matangini_appointments_title {
                font-size: 30px;
            }
            
            .matangini_appointments_subtitle {
                font-size: 16px;
            }
            
            .matangini_appointments_form_group {
                min-width: 100%;
            }
        }