/* Hero Wrapper */
    .th-hero-wrapper.hero-1 {
        position: relative;
        width: 100%;
        overflow: hidden;
    }
    
    /* Use aspect ratio instead of vh */
    .th-hero-wrapper.hero-1 .hero-inner {
        position: relative;
        width: 100%;
        /*aspect-ratio: 1757 / 813;  */
        aspect-ratio: 1447 / 713; /* matches banner image */
        max-height: 820px;
        min-height: 320px;
    }
    
    /* Background image */
    .th-hero-wrapper.hero-1 .th-hero-bg {
        position: absolute;
        inset: 0;
        width: 100%;
        height: 100%;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
    
    /* Swiper full height */
    .th-hero-wrapper.hero-1 .th-slider,
    .th-hero-wrapper.hero-1 .swiper,
    .th-hero-wrapper.hero-1 .swiper-wrapper,
    .th-hero-wrapper.hero-1 .swiper-slide {
        height: 100% !important;
        width: 100% !important;
    }
    
    /* Pagination */
    .th-hero-wrapper.hero-1 .slider-pagination {
        position: absolute;
        bottom: 18px;
        left: 0;
        width: 100%;
        text-align: center;
        z-index: 10;
    }
    /* Tablet */
    @media (max-width: 1024px) {
        .th-hero-wrapper.hero-1 .hero-inner {
            min-height: 280px;
        }
    }
    
    /* Mobile */
    @media (max-width: 768px) {
        .th-hero-wrapper.hero-1 .hero-inner {
            min-height: 220px;
        }
    
        .th-hero-wrapper.hero-1 .th-hero-bg {
            background-position: center top;
        }
    }
    
    /* Small mobile */
    @media (max-width: 480px) {
        .th-hero-wrapper.hero-1 .hero-inner {
            min-height: 180px;
        }
    }

    
    .box-border {
        border-top: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-left: 2px solid #07294d;   /* left color */
        border-right: 2px solid #07294d;  /* right color */
        padding: 20px;
        height: 100%;
    }
    
    
    .row ul {
        list-style-type: disc !important;
        list-style-position: inside !important;
        padding-left: 40px !important;
    }
    
    .row li {
        display: list-item !important;
    }
    
     /* Campus Visit Wrapper Layout */
        .campus-visit-wrapper {
            display: flex;
            flex-wrap: wrap;
            gap: 30px;
        }
        
        .campus-image-col {
            flex: 1;
            min-width: 300px;
        }
        
        .campus-content-col {
            flex: 1;
            min-width: 300px;
        }
        
        /* Text Slider Styles */
        .campus-text-slider {
            position: relative;
            height: 392px;
            overflow: hidden;
            margin-bottom: 20px;
        }
        
        .text-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.5s ease, visibility 0.5s ease;
            display: flex;
            flex-direction: column;
            justify-content: center;
            padding: 40px;
            background-color: #f8f9fa;
            border-radius: 8px;
            border-left: 4px solid #007bff;
            box-shadow: 0 5px 15px rgba(0,0,0,0.1);
        }
        
        .text-slide.active {
            opacity: 1;
            visibility: visible;
            position: relative;
        }
        
        .slide-title {
            font-size: 1.8rem;
            color: #2c3e50;
            margin-bottom: 20px;
            font-weight: 600;
        }
        
        .slide-content {
            font-size: 1.1rem;
            line-height: 1.6;
            color: #555;
        }
        
        /* Image Slider Styles */
        .image-slider-container {
            position: relative;
            height: 392px;
        }
        
        .campus-image-slider {
            position: relative;
            height: 100%;
            overflow: hidden;
            border-radius: 12px;
        }
        
        .image-slide {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.5s ease, visibility 0.5s ease;
        }
        
        .image-slide.active {
            opacity: 1;
            visibility: visible;
            position: relative;
        }
        
        .slider-image {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        
        .slider-image img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            transition: transform 0.5s ease;
        }
        
        .image-slide.active .slider-image img {
            transform: scale(1.05);
        }
        
        .image-overlay {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            background: linear-gradient(to top, rgba(0,0,0,0.8), transparent);
            color: white;
            padding: 30px;
            transform: translateY(20px);
            transition: transform 0.5s ease;
        }
        
        .image-slide.active .image-overlay {
            transform: translateY(0);
        }
        
        .image-overlay h4 {
            font-size: 1.5rem;
            margin: 0;
            font-weight: 600;
                color: #fff;
        }
        
        /* Navigation Styles */
        .campus-slider-nav {
            margin-top: 20px;
            text-align: right;
        }
        
        .image-slider-nav {
            margin-top: 20px;
        }
        
        .slider-nav-link {
            display: inline-block;
            padding: 10px 20px;
            background-color: #2e385b;
            color: white !important;
            text-decoration: none;
            border-radius: 4px;
            margin: 0 5px;
            transition: all 0.3s ease;
            font-weight: 500;
        }
        
        .slider-nav-link:hover {
            background-color: #07294d;
            transform: translateY(-2px);
        }
        
        .slider-dots {
            display: flex;
            justify-content: center;
            gap: 8px;
            margin-bottom: 15px;
        }
        
        .slider-dot {
            width: 12px;
            height: 12px;
            border-radius: 50%;
            background-color: #ddd;
            cursor: pointer;
            transition: all 0.3s ease;
        }
        
        .slider-dot.active {
            background-color: #2e385b;
            transform: scale(1.2);
        }
        
        .slider-dot:hover {
            background-color: #07294d;
        }
        
        .slider-progress {
            height: 4px;
            background-color: #eee;
            border-radius: 2px;
            overflow: hidden;
        }
        
        .progress-bar {
            height: 100%;
            width: 14.2857%; /* 100% / 7 slides */
            background-color: #2e385b;
            transition: transform 0.3s ease;
            transform: translateX(0%);
        }
        
        /* Responsive Design */
        @media (max-width: 768px) {
            .campus-visit-wrapper {
                flex-direction: column;
            }
            
            .campus-text-slider,
            .image-slider-container {
                height: 300px;
            }
            
            .text-slide {
                padding: 20px;
            }
            
            .slide-title {
                font-size: 1.5rem;
            }
            
            .slide-content {
                font-size: 1rem;
            }
            
            .image-overlay {
                padding: 20px;
            }
            
            .image-overlay h4 {
                font-size: 1.2rem;
            }
        }
        
    ul li{
            list-style-type: none !important;
            color:#07294d !important;
    }