body, html {
    overflow-x: hidden; /* Prevent horizontal overflow */
    margin: 0; /* Remove default margin */
  }

  /*topbar*/
  /*topbar*/
  .top-bar {
            background-color: #12674A;
            color: white;
            padding: 8px 0;
        }
        .top-bar .contact-info {
            display: flex;
            align-items: center;
            justify-content: flex-end;
        }
        .top-bar .contact-info i {
            margin-right: 8px;
            font-size: 16px;
        }
        .top-bar .contact-info span {
            margin-right: 20px;
        }
        .contact-link {
            color: white;
            text-decoration: none;
        }
        
        .contact-link:hover {
            text-decoration: none;
            color: #ffffff;
        }
        
        @media (max-width: 768px) {
            .top-bar .contact-info {
                flex-direction: column;
                align-items: flex-end;
                text-align: right;
            }
        
            .top-bar .contact-info span {
                margin-right: 0;
                display: block;
                margin-bottom: 5px; /* Adds some space between number and email */
            }
        }
        

/*navbar*/
/*navbar*/
.custom-navbar {
    background-color: #f8f9fa;
    padding: 10px 0;
}

/* Logo */
.custom-navbar .navbar-brand img {
    height: 100px;
}

/* Nav Items */
.custom-navbar .navbar-nav .nav-link {
    color: #333;
    font-weight: 500;
    margin: 0 10px;
    transition: color 0.3s ease-in-out;
    font-weight: 18px !important;
}

.custom-navbar .navbar-nav .nav-link:hover {
    color: #E1AD01;
}

/* Active Link */
.navbar-nav .nav-link.active {
    color: #E1AD01 !important;
    font-weight: bold;
}

/* Contact Button */
.contact-btn {
    background-color: #E1AD01;
    color: white;
    padding: 8px 30px;
    border-radius: 50px;
    font-weight: 500;
    text-decoration: none;
}

/* Mobile Adjustments */
@media (max-width: 768px) {
    .custom-navbar .navbar-brand {
        margin-left: 15px; /* Adds space for the logo */
    }

    .custom-navbar .navbar-toggler {
        margin-right: 15px; /* Adds space for the hamburger menu */
    }
}



/*banner*/
/*banner*/
/* Default Banner Styling */
.banner {
    background-color: #FDF6EC;
    height: 71vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
    text-align: center;
}

.ban {
    width: 100%;
    height: 78vh; /* Sets the height to 100% of the viewport height */
    background-image: url('https://visakhaconsultancy.com/images/doctor-banner.jpeg'); /* Replace with your image path */
    background-size: contain; /* Ensures the image covers the entire section */
    background-repeat: no-repeat;
    background-position: center; /* Centers the image within the section */
    display: flex;
    justify-content: center; /* Centers content horizontally */
    align-items: center; /* Centers content vertically */
    background-color: #12674A;
}
/* Media Queries for Mobile Devices */
@media (max-width: 768px) {
    .ban {
        height: 25vh; /* Adjust the height on mobile devices */
        background-size: contain; /* Ensures the image covers the entire section */
        background-position: top; /* Adjusts image position to be top-aligned on smaller screens */
        background-color: #ffffff;
    }
}

/* Media Query for Extra Small Devices (e.g., smartphones in portrait mode) */
@media (max-width: 480px) {
    .ban {
        height: 28vh; /* Further adjust the height for extra small devices */
        background-size: contain; /* Makes sure the image fully covers the section */
        background-position: center; /* Centers the image within the section */
        background-color: #ffffff; /* Optional: you can adjust the background color */
    }
}

.future {
    max-width: 1240px;
    margin: 0 auto;
}

/* Banner Text Styling */
.banner-title {
    font-size: 2.8rem;
    font-weight: bold;
    color: #333;
}

.banner-text {
    font-size: 1rem;
    color: #555;
    margin-bottom: 20px;
}

/* Buttons */
.banner-buttons {
    margin-top: 20px;
}

.book-btn, .whatsapp-btn {
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    margin-right: 10px;
}

.book-btn {
    background-color: #E1AD01;
    color: white;
}

.book-btn:hover {
    background-color: #d19b00;
}

.whatsapp-btn {
    background-color: #25D366;
    color: white;
}

.whatsapp-btn:hover {
    background-color: #1ebe5d;
}

/* Banner Image */
.banner-img {
    max-width: 100%;
    height: 65vh;
    object-fit: fill;
}

/* ---- MEDIA QUERIES ---- */

/* Tablets and Small Screens */
@media (max-width: 992px) {
    .banner {
        flex-direction: column;
        height: 75vh;
        padding: 40px 20px;
        text-align: center;
    }

    .banner-title {
        font-size: 2.2rem;
    }

    .banner-text {
        font-size: 0.95rem;
    }

    .banner-buttons {
        margin-top: 15px;
    }

    .banner-img {
        height: auto;
        max-width: 80%;
        margin-top: 20px;
    }
}

/* Mobile Screens */
@media (max-width: 768px) {
    .banner {
        padding: 30px 15px;
        text-align: center;
    }

    .banner-title {
        font-size: 2rem;
    }

    .banner-text {
        font-size: 0.9rem;
    }

    .book-btn, .whatsapp-btn {
        padding: 8px 18px;
        font-size: 0.9rem;
        margin-right: 5px;
    }

    .banner-img {
        height: auto;
        max-width: 90%;
        margin-top: 15px;
    }
}

/* Extra Small Mobile Screens */
@media (max-width: 480px) {
    .banner {
        padding: 25px 10px;
    }

    .banner-title {
        font-size: 1.8rem;
    }

    .banner-text {
        font-size: 0.85rem;
    }

    .book-btn, .whatsapp-btn {
        padding: 7px 15px;
        font-size: 0.85rem;
        margin-bottom: 10px;
    }

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


/*abouut section*/
/*abouut section*/
/* Default About Section Styling */
.about {
    background-color: #fff;
    padding: 80px 0;
}

/* Image Styling */
.about-img {
    max-width: 88%;
    height: auto;
    border-radius: 10px;
}

/* Subheading */
.about-subtitle {
    font-size: 1rem;
    font-weight: bold;
    color: #E1AD01;
    text-transform: uppercase;
    margin-bottom: 0;
}

/* Main Heading */
.about-title {
    font-size: 2.4rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

/* Text */
.about-text {
    font-size: 1rem;
    color: #555;
    margin-bottom: 15px;
}

/* Button */
.learn-more-btn {
    background-color: #E1AD01;
    color: white;
    padding: 10px 20px;
    font-weight: 500;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
}

.learn-more-btn:hover {
    text-decoration: none;
    background-color: #d19b00;
    color: white;
}

/* ---- MEDIA QUERIES ---- */

/* Tablets and Small Screens */
@media (max-width: 992px) {
    .about {
        padding: 60px 0;
    }

    .about-title {
        font-size: 2rem;
    }

    .about-text {
        font-size: 0.95rem;
    }

    .about-img {
        max-width: 100%;
    }

    .learn-more-btn {
        padding: 9px 18px;
        font-size: 0.9rem;
    }
}

/* Mobile Screens */
@media (max-width: 768px) {
    .about {
        padding: 50px 0;
        text-align: center;
    }

    .about-title {
        font-size: 1.8rem;
    }

    .about-text {
        font-size: 0.9rem;
    }

    .learn-more-btn {
        padding: 8px 16px;
        font-size: 0.85rem;
    }

    .about-img {
        max-width: 90%;
        margin: 0 auto;
    }
}

/* Extra Small Mobile Screens */
@media (max-width: 480px) {
    .about {
        padding: 40px 0;
    }

    .about-title {
        font-size: 1.6rem;
       
    }
    .about-subtitle{
        margin-top: 10px;
    }

    .about-text {
        font-size: 0.85rem;
    }

    .learn-more-btn {
        padding: 7px 14px;
        font-size: 0.8rem;
    }

    .about-img {
        max-width: 100%;
    }
}

/*about cards*/
/*about cards*/

.study-cards .row {
    display: flex;
    flex-wrap: wrap;
}

.study-card {
    background-color: #FDF6EC;
    padding: 20px;
    border-radius: 10px;
    text-align: left;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease-in-out, box-shadow 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    height: 100%; /* Ensures equal height */
}

.study-card:hover {
    transform: translateY(-5px);
    box-shadow: 0px 6px 15px rgba(0, 0, 0, 0.2);
}

.card-icon {
    font-size: 2.5rem;
    color: #12674A;
    margin-bottom: 15px;
    display: flex;
    align-items: center;
}

.card-title {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 12px;
}

.card-text {
    font-size: 1rem;
    color: #555;
    flex-grow: 1; /* Pushes button to bottom */
}

@media (max-width: 768px) {
    .study-cards .row {
        justify-content: center; /* Ensures cards stay centered */
        gap: 15px; /* Adjust spacing for smaller screens */
    }
}

@media (max-width: 480px) {
    .study-cards .row {
        justify-content: center;
        gap: 10px; /* Reduce gap for very small screens */
    }
}



/*destinations cards*/
/*destination cards*/
.study-destinations {
    background-color: #FDF6EC;
    padding: 60px 0;
}

.section-title {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.section-subtitle {
    font-size: 1rem;
    color: #666;
    margin-bottom: 30px;
}

.destination-card {
    background: white;
    border-radius: 12px;
    overflow: hidden;
    text-align: center;

}

.destination-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
}

.destination-info {
    padding: 15px;
    font-size: 1.1rem;
    font-weight: bold;
    display: flex;
    justify-content: space-between; /* Ensures even spacing */
    align-items: center; /* Centers content vertically */
}

.destination-info p {
    margin: 0;
    flex: 1; /* Ensures the text takes up available space */
    text-align: left; /* Aligns text to the left */
}

.arrow-btn {
    font-size: 1.5rem;
    font-weight: bold;
    color: #12674A;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
}

.arrow-btn:hover {
    text-decoration: none; /* Ensures no underline on hover */
}

/* Swiper Pagination Dots */
/* Swiper Pagination Dots */
.swiper-pagination {
    position: relative;
    margin-top: 20px;
}

.swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background-color: #12674A; /* Your theme color */
    opacity: 0.5;
    border-radius: 50%;
    margin: 0 6px;
    transition: opacity 0.3s, transform 0.3s;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    transform: scale(1.4); /* Slightly bigger for active dot */
    background-color: #0B3D2E; /* Darker shade for active dot */
}




@media (max-width: 768px) {
    .section-title {
        font-size: 1.8rem;
        text-align: center; /* Centers the title on smaller screens */
    }

    .section-subtitle {
        font-size: 0.9rem;
        text-align: center; /* Centers the subtitle */
        margin-bottom: 20px;
    }

    .destination-card img {
        height: 180px; /* Adjusts image height for smaller screens */
    }

    .destination-info {
        flex-direction: column; /* Stacks text and button */
        text-align: center;
    }

    .destination-info p {
        text-align: center;
        margin-bottom: 10px;
    }

    .arrow-btn {
        width: 35px;
        height: 35px;
        font-size: 1.3rem;
    }
}

@media (max-width: 576px) {
    .section-title {
        font-size: 1.6rem;
    }

    .section-subtitle {
        font-size: 0.85rem;
    }

    .destination-card img {
        height: 160px; /* Reduces image height further for mobile */
    }

    .destination-info {
        flex-direction: column;
        text-align: center;
    }

    .destination-info p {
        font-size: 1rem;
    }

    .arrow-btn {
        width: 30px;
        height: 30px;
        font-size: 1.2rem;
    }
}
@media (max-width: 768px) {
    .destination-card {
        margin-bottom: 20px; /* Adds gap between cards */
    }
}

@media (max-width: 576px) {
    .destination-card {
        margin-bottom: 25px; /* Increases gap for smaller screens */
    }
}


/*universities*/
/*universities*/
.university-card {
    background-color: #FDF6EC;
    border-radius: 12px;
    overflow: hidden;
    text-align: center;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    height: 100%; /* Ensures all cards take full height */
}

.university-card img {
    width: 100%;
    height: 250px; /* Set a fixed height for uniformity */
    object-fit: cover;
}

.university-card-content {
    padding: 15px;
    flex-grow: 1; /* Ensures content stretches and cards have equal height */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.university-content {
    padding: 20px;
}

.university-content h3 {
    font-size: 1.4rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.university-content p {
    font-size: 1rem;
    color: #555;
    margin-bottom: 10px;
}

.learn-more {
    font-size: 1rem;
    font-weight: bold;
    color: #12674A;
    text-decoration: none;
}

.learn-more:hover {
    text-decoration: none;
}
.view-all-btn {
    display: inline-block;
    padding: 12px 24px;
    font-size: 1rem;
    font-weight: bold;
    color: #fff;
    background-color: #d19b00; /* Your theme color */
    border-radius: 8px;
    text-decoration: none;
    transition: background-color 0.3s ease, transform 0.2s ease;
}

.view-all-btn:hover {
    background-color: #d19b00; /* Darker shade on hover */
    color: #ffffff;
    transform: translateY(-2px);
}

@media (max-width: 768px) {
    .university-card {
        margin-bottom: 20px; /* Adds gap between cards */
    }
}

@media (max-width: 576px) {
    .university-card {
        margin-bottom: 25px; /* Increases gap for smaller screens */
    }
}

/*universities in india*/
/*universities in india*/
.india {
    padding: 60px 0;
}

.india-subtitle {
    font-size: 1.2rem;
    color: #d19b00;
    font-weight: bold;
    margin-bottom: 10px;
}

.india-title {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

.india-btn {
    background-color: #d19b00;
    color: white;
    padding: 10px 20px;
    border-radius: 50px;
    text-decoration: none;
    display: inline-block;
    margin-top: 10px;
}

.india-btn:hover {
    text-decoration: none;
    background-color: #0B3D2E;
    color: white;
}
@media (max-width: 768px) {
    .india {
        padding: 40px 0; /* Reducing padding for smaller screens */
    }

    .india-title {
        font-size: 1.8rem; /* Slightly smaller title */
        text-align: center; /* Center align for better readability */
    }

    .india-subtitle {
        font-size: 1rem; /* Adjusting subtitle size */
        text-align: center;
    }

    .india-btn {
        display: block; /* Full width button */
        text-align: center;
        margin: 15px auto 0; /* Centering button */
    }
}

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

    .india-title {
        font-size: 1.6rem;
    }

    .india-subtitle {
        font-size: 0.9rem;
    }

    .india-btn {
        padding: 8px 16px; /* Adjusting button padding */
    }
    .service{
        margin-top: 10px;
    }
}

/*why choose us*/
/*why choose us*/

.choose {
    background-color: #FDF6EC;
}

/* Section Titles */
.choose-subtitle {
    font-size: 1rem;
    color: #12674A;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: 5px;
}

.choose-title {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 20px;
}

/* Cards Row */
.row {
    display: flex;
    align-items: stretch; /* Ensures all cards are the same height */
}

/* Cards */
.choose-card {
    background-color: #F3F3F3;
    border-radius: 10px;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.15);
    transition: transform 0.3s ease-in-out;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    height: 100%; /* Ensures all cards take full height */
}

.choose-card:hover {
    transform: translateY(-5px);
}

/* Card Image */
.choose-img {
    width: 100%;
    height: 250px; /* Set a fixed height for uniformity */
    object-fit: fill;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

/* Card Content */
.choose-card-content {
    padding: 20px;
    text-align: center;
    flex-grow: 1; /* Makes sure all text blocks stretch evenly */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

/* Card Title */
.choose-card h4 {
    font-size: 1.25rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

/* Card Text */
.choose-card p {
    font-size: 1rem;
    color: #555;
    flex-grow: 1; /* Allows text to expand within the card */
}
@media (max-width: 768px) {
    .row {
        flex-direction: column; /* Stack cards vertically */
        gap: 20px; /* Add spacing between stacked cards */
    }

    .choose-card {
        margin: 0 auto; /* Center cards */
        width: 90%; /* Reduce width for better spacing */
    }

    .choose-title {
        font-size: 1.8rem; /* Adjust title size */
        text-align: center;
    }

    .choose-subtitle {
        text-align: center;
    }
}

@media (max-width: 576px) {
    .choose-card {
        width: 100%; /* Full width cards for smaller screens */
    }

    .choose-img {
        height: 225px; /* Reduce image height */
    }

    .choose-card-content {
        padding: 15px; /* Reduce padding */
    }

    .choose-title {
        font-size: 1.6rem;
    }
}

/*abroad universities*/
/*abroad universities*/
.university-heading {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}

.university-subtext {
    font-size: 1rem;
    color: #555;
    margin-bottom: 30px;
}

.university-logo {
    width: 100%;
    max-width: 150px; /* Adjust as needed */
    height: 100px; /* Ensure uniform height */
    object-fit: contain; /* Maintain aspect ratio */
    display: block;
    margin: 0 auto;
}
@media (max-width: 768px) {
    .marquee-container {
        overflow: hidden;
        white-space: nowrap;
        position: relative;
        width: 100%;
        padding: 10px 0;
    }

    .marquee-content {
        display: flex;
        gap: 20px;
        animation: marquee 10s linear infinite;
    }

    .marquee-content img {
        width: 120px; /* Adjust size for mobile */
        height: 100px;
        object-fit: contain;
        display: inline-block;
    }

    @keyframes marquee {
        from {
            transform: translateX(100%);
        }
        to {
            transform: translateX(-100%);
        }
    }
}


/*contact form*/
/*contact form*/
.contact-section {
    background-color: #fff;
    padding: 50px 0;
}
.contact-title {
    font-size: 2rem;
    font-weight: bold;
    margin-bottom: 20px;
    color: #333;
}
.contact-img {
    width: 100%;
    border-radius: 10px;
}
.form-control {
    background-color: #EDEDED;
    border: none;
    font-size: 1rem;
    border-radius: 8px;
    padding: 10px;
}
.btn-warning {
    background-color: #D4A017;
    color: #ffffff;
    font-weight: bold;
    padding: 10px 15px;
    border-radius: 50px;
    display: block;
    width: 130px;
    margin-top: 15px;
}
.form-group {
    margin-bottom: 15px;
}
.form-control {
    padding: 8px 12px !important; /* Adjust padding for better visibility */
    color: #000 !important; /* Dark text for better contrast */
}
.address {
    list-style: none; /* Removes the dots */
    padding: 0; /* Removes any padding */
    margin: 0; /* Removes any margin */
}

.address li {
    margin-bottom: 10px; /* Adds spacing between each list item */
    font-size: 1rem; /* Adjusts the font size */
    color: #333; /* Sets a color for the text */
}

.address li i {
    margin-right: 10px; /* Adds some space between the icon and the text */
    color: #007bff; /* Optionally, change the color of the icons */
}
.address-item {
    word-wrap: break-word; /* Ensures long addresses wrap to the next line if necessary */
    word-break: break-word; /* Prevents long words from breaking out of the container */
}

.contact-img {
    margin-top: 20px; /* Adds some space between the contact info and the image */
    width: 100%; /* Makes the image responsive */
    height: auto; /* Maintains the aspect ratio of the image */
}
/* Media Query for Mobile Devices */
@media (max-width: 768px) {
    .contact-title {
        font-size: 1.5rem; /* Smaller font size for mobile */
        margin-bottom: 15px; /* Adjust margin for mobile */
    }
}

/* Media Query for Very Small Screens (e.g., smartphones in portrait mode) */
@media (max-width: 480px) {
    .contact-title {
        font-size: 1.25rem; /* Even smaller font size for very small screens */
        margin-bottom: 10px; /* Adjust margin */
    }
}


/*footer*/
/*footer*/
.footer {
    background-color: #12674A;
    color: white;
    padding: 50px 0;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
}

.footer-logo {
    max-width: 180px;
}

.footer-heading {
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 15px;
}

.footer-text {
    font-size: 14px;
    line-height: 1.6;
}

.footer-links {
    list-style: none;
    padding: 0;
}

.footer-links li {
    margin-bottom: 8px;
}

.footer-links a {
    color: white;
    text-decoration: none;
    font-size: 14px;
}

.footer-links a:hover {
    text-decoration: none;
}

.footer-contact {
    list-style: none;
    padding: 0;
}

.footer-contact li {
    font-size: 14px;
    margin-bottom: 8px;
}

.footer-contact i {
    margin-right: 8px;
    color: #FFD700;
}

.footer-bottom {
    text-align: center;
    margin-top: 30px;
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    font-size: 14px;
}


/*about page*/
/*about page*/
.about-banner {
    background-color: #FDF6EC;
    height: 52.5vh;
}

.about-title {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.about-texts {
    font-size: 1.1rem;
    color: #555;
    line-height: 1.6;
    margin-bottom: 0;
}

.about-img {
    width: 100%;
    max-width: 550px;
}

.vision-title {
    color: #E1AD01;
}

/* Mobile Devices (up to 768px) */
@media (max-width: 768px) {
    .about-banner {
        height: auto;
        padding: 30px 15px;
        text-align: center;
    }

    .about-title {
        font-size: 1.8rem;
    }

    .about-texts {
        font-size: 1rem;
        text-align: justify;
        text-align: center;
    }

    .about-img {
        max-width: 100%;
        margin-bottom: 20px;
    }

    .vision-title {
        font-size: 1.5rem;
    }
}

/* Apple MacBook Air (Screen width between 1280px and 1440px) */
@media (min-width: 1280px) and (max-width: 1440px) {
    .about-banner {
        height: 58vh;
    }

    .about-title {
        font-size: 2.2rem;
    }

    .about-texts {
        font-size: 1.15rem;
        line-height: 1.8;
        text-align: center;
    }

    .vision-title {
        font-size: 1.8rem;
    }
}



/*contact summary box*/
/*contact summary box*/

.summary {
    padding: 40px 0;
    position: relative;
    margin-top: 55px;
}

.summary-box {
    background-color: #12674A;
    border-radius: 30px;
    padding: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 1;
}

.summary-img {
    width: 100%;
    max-width: 400px; /* Adjust size */
    border-radius: 50px;
    position: absolute;
    left: -75px;  /* Move slightly left */
    top: -45px;
    transform: translateY(-50%); /* Center vertically */
    z-index: 1; /* Bring image above the background */
}

.text-light {
    color: #fff;
}

.font-bold {
    font-weight: bold;
}

.summary-btn {
    margin-top: 20px;
    padding: 12px 25px;
    background-color: #E1AD01;
    color: #fff;
    border-radius: 8px;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
}
.summary-btn:hover{
    text-decoration: none;
}

/* Tablet Screens (Max width 992px) */
@media (max-width: 992px) {
    .summary-box {
        padding: 50px;
        text-align: center;
    }

    .summary-img {
        display: none; /* Hide image */
    }
}

/* Mobile Screens (Max width 768px) */
@media (max-width: 768px) {
    .summary {
        margin-top: 50px; /* Reduce extra space */
    }

    .summary-box {
        padding: 40px;
        text-align: center;
    }
}

/* Extra Small Screens (Max width 576px) */
@media (max-width: 576px) {
    .summary {
        margin-top: 5px; /* Further reduce space */
    }

    .summary-box {
        padding: 30px;
    }
}

/*services page*/
/*services page*/
.services-banner {
    background-color: #FDF6EC;
    height: 40vh; /* Reduced height */
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.services-title {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
}
.sunny {
    background-color: #FDF6EC;
    border-radius: 12px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    padding: 40px 20px;
    text-align: left;
    transition: 0.3s ease-in-out;
  }
  
  .sunny:hover {
    transform: translateY(-5px);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
  }
  
  .service-icon {
    font-size: 2.5rem;
    color: #12674A;
    position: absolute;

    top: 20px;
    left: 20px;
  }

  .king {
    margin-top: 60px;
    font-weight: bold;
    color: #333;
  }
  
/*destination page*/
/*destination page*/
.destination-banner {
    background-color: #FDF6EC;
    height: 51.5vh;
}

.destination-title {
    font-size: 2rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}

.destination-texts {
    font-size: 1.1rem;
    color: #555;
    line-height: 1.6;
    margin-bottom: 0;
}

.destination-img {
    width: 100%;
    max-width: 420px;
}
.no-bullets {
    list-style: none;
    padding-left: 0;
}
/* Mobile Devices (up to 768px) */
@media (max-width: 768px) {
    .destination-banner {
        height: auto;
        padding: 30px 15px;
        text-align: center;
    }

    .destination-title {
        font-size: 1.8rem;
    }

    .destination-texts {
        font-size: 1rem;
        text-align: center;
    }

    .destination-img {
        max-width: 100%;
        margin-bottom: 20px;

    }
}

/* Apple MacBook Air (Screen width between 1280px and 1440px) */
@media (min-width: 1280px) and (max-width: 1440px) {
    .destination-banner {
        height: 53vh;
    }

    .destination-title {
        font-size: 2.2rem;
        text-align: center;
    }

    .destination-texts {
        font-size: 1.15rem;
        line-height: 1.8;
        text-align: center;
    }
}



/*courses page*/
/*courses page*/
.courses-section {
    padding: 40px 0;
}

.course-heading {
    font-size: 1.5rem;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    text-align: center;
}

.course-table {
    width: 100%;
    border-collapse: collapse;
    margin-top: 10px;
    text-align: left;
}

.course-table td {
    padding: 8px 12px;
    border-bottom: 1px solid #ddd;
    vertical-align: middle;
}

.course-table td:first-child {
    width: 30px; /* For the checkmark */
    text-align: center;
}

.course-table tr:hover {
    background-color: #f9f9f9;
}

.course-list {
    list-style: none;
    padding: 0;
}

.course-list li {
    font-size: 1rem;
    color: #555;
    margin-bottom: 5px;
}


/*guide page*/
/*guide page*/
.video-box {
    border: 2px solid #E08D28;
    border-radius: 10px;
    background-color: #fdf6ec;
    padding: 10px;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease-in-out;
}

.video-box:hover {
    transform: translateY(-5px);
}


/*bank details*/
/*bank details*/
.payment {
    background-color: #f9f9f9; /* Light background for the payment section */
    padding: 30px;
    border-radius: 8px; /* Slight rounding of corners for a clean look */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Subtle shadow effect */
}

.bank {
    font-size: 32px;
    font-weight: 600;
    color: #2E2E2E;
    margin-bottom: 30px;
}

.details {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.bank-info {
    flex: 1;
    padding-right: 20px;
}

.bank-info h4 {
    font-size: 26px;
    font-weight: 500;
    color: #12674A;
    margin-bottom: 20px;
}

.bank-info p {
    font-size: 20px;
    color: #444;
    line-height: 1.8;
}

.bank-info p strong {
    font-weight: 600;
}

.empty {
    flex: 1; /* Empty space column */
}

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

    .bank {
        font-size: 28px;
    }

    .bank-info h4 {
        font-size: 20px;
    }

    .bank-info p {
        font-size: 14px;
    }

    .details {
        flex-direction: column; /* Stack the content on smaller screens */
    }

    .bank-info {
        padding-right: 0;
        padding-bottom: 20px;
    }

    .empty {
        padding-bottom: 20px;
    }
}