* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}

.home {
    color: #0a1b54;
    overflow-x: hidden;
}

#popupForm {
    display: none;
    opacity: 0;
    transition: opacity 1s ease;
}

#popupForm.show {
    display: flex;
    opacity: 1;
}

.bg-image1 {
    background: url('https://eskyoc.com/wp-content/uploads/2025/01/toronto-street-view-scaled.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-image2 {
    background: url('https://eskyoc.com/wp-content/uploads/2025/01/tower-bridge-london-great-britain-scaled.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.bg-image3 {
    background: url('https://eskyoc.com/wp-content/uploads/2025/01/beautiful-architecture-building-exterior-city-kuala-lumpur-skyline-scaled.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.topbar {
    background-color: black;
    color: white;
    padding: 12px 40px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 15px;
}

.topbar-right i {
    margin-left: 15px;
    margin-right: 5px;
}

@media (max-width: 768px) {
    .topbar {
        display: none;
    }
}

.navbar {
    align-items: center;
    justify-content: space-around;
    margin: auto;
}

.navbar .logo img {
    height: 80px;
}

.dropdown {
    position: relative;
}

.dropdown-toggle {
    cursor: pointer;
    display: flex;
    align-items: center;
    gap: 5px;
}

.dropdown-content {
    position: absolute;
    top: 100%;
    left: 0;
    background-color: white;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
    display: none;
    flex-direction: column;
    min-width: 180px;
    z-index: 1000;
}

.dropdown-content a {
    padding: 10px;
    color: #333;
    text-decoration: none;
}

.dropdown:hover .dropdown-content {
    display: flex;
}

.get-started button {
    background-color: #455a00;
    color: white;
    padding: 10px 16px;
    border: none;
    border-radius: 10px;
    cursor: pointer;
}

.menu-toggle {
    display: none;
    font-size: 24px;
    background: none;
    border: none;
    cursor: pointer;
}

@media (max-width: 992px) {
    .nav-link {
        display: none;
        width: 100%;
        flex-direction: column;
        margin-top: 10px;
        gap: 10px;
    }

    .nav-link.active {
        display: flex;
    }

    .dropdown-content {
        position: relative;
        box-shadow: none;
    }

    .dropdown:hover .dropdown-content {
        display: none;
    }

    .dropdown.open .dropdown-content {
        display: flex;
    }

    .menu-toggle {
        display: block;
    }

    .get-started {
        width: 100%;
        margin-top: 10px;
    }

    .navbar {
        flex-direction: column;
        align-items: flex-start;
    }
}

.visa-section {
    padding: 30px 15px;
}

.visa-title {
    font-size: 3.5rem;
    font-weight: 700;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1);
}

.visa-subtitle {
    font-size: 1.25rem;
    font-weight: 600;
    margin-top: 15px;
}

.visa-description {
    font-size: 1.1rem;
    color: white;
    margin: 15px 0;
}

.apply-btn {
    background-color: #ffb400;
    border: none;
    color: white;
    padding: 10px 25px;
    font-size: 1rem;
    font-weight: 600;
    border-radius: 6px;
    margin-block: 15px;
    transition: 0.3s;
}

.apply-btn:hover {
    background-color: #e89b00;
    border: 1px solid white;
}

@media (max-width: 767.98px) {
    .carousel-item {
        flex-direction: column;
    }

    .visa-title {
        font-size: 1.75rem;
    }

    .visa-subtitle {
        font-size: 1.1rem;
    }

    .person-img {
        height: auto;
    }
}

.card-title {
    font-weight: 500;
}

.card-body i {
    color: #e89b00;
    background-color: white;
    padding: 5px;
    border-radius: 50%;
    font-size: xx-large;
    border: 1px solid #e89b00;
}

.card-body i:hover {
    color: white;
    background-color: #e89b00;

}

.card-body {
    background-color: white;
    border: 1px solid #456103;
    min-height: 250px;
}

.country-card {
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.4s ease-in-out;
    height: 100%;
}

.country-card:hover {
    transform: scale(1.03);
}

.country-card .card-img {
    width: 100%;
    height: 450px;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.country-card:hover .card-img {
    transform: scale(1.1);
}

.country-card .flag {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    z-index: 2;
}

.country-card .overlay {
    position: absolute;
    bottom: -100%;
    left: 0;
    right: 0;
    height: 100%;
    padding: 1.2rem;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 1rem;
    backdrop-filter: blur(6px);
    transition: bottom 0.4s ease;
    text-align: center;
}

.country-card:hover .overlay {
    bottom: 0;
}

.country-card .overlay h5 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.country-card .overlay p {
    font-size: 0.9rem;
    line-height: 1.5;
}

.social-icon i {
    display: flex;
    justify-content: space-between;
    margin: 5px;
    color: black;
    background-color: white;
    padding: 8px 10px;
    border-radius: 50%;
}

.social-icon a {
    text-decoration: none;
}

.social-icon i:hover {
    color: white;
    background-color: black;
    border: 1px solid white;
}

.pepole-card {
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
    transition: transform 0.4s ease-in-out;
    height: 100%;
}

.pepole-card:hover {
    transform: scale(1.03);
}

.pepole-card .card-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.4s ease;
}

.pepole-card:hover .card-img {
    transform: scale(1.1);
}

.pepole-card .flag {
    position: absolute;
    top: 15px;
    right: 15px;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    z-index: 2;
}

.pepole-card .overlay {
    position: absolute;
    bottom: -100%;
    left: 0;
    right: 0;
    height: 100%;
    padding: 1.2rem;
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-radius: 1rem;
    backdrop-filter: blur(6px);
    transition: bottom 0.4s ease;
    text-align: center;
}

.pepole-card:hover .overlay {
    bottom: 0;
}

.pepole-card .overlay h5 {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 0.5rem;
}

.pepole-card .overlay p {
    font-size: 0.9rem;
    line-height: 1.5;
}

.icon-step {
    font-size: 40px;
    color: orange;
}

.step-box {
    border: 1px solid #0a1b54;
    box-shadow: 0 8px 12px rgb(6, 3, 71, 0.25);
    transition: 0.3s ease-in-out;
    height: 75%;
}

.step-box:hover {
    border: 1px solid #ffae00;
    box-shadow: 0 8px 12px rgba(255, 174, 0, 0.25);
}

.testimonial-heading {
    font-size: 2.5rem;
    font-weight: bold;
}

.testimonial-card {
    background-color: #0a1b54;
    border-radius: 10px;
    overflow: hidden;
    padding: 30px;
    width: 100%;
    height: 260px;
}

.testimonial-text {
    font-style: italic;
    color: white;
    font-size: 1.1rem;
}

.client-name {
    font-weight: bold;
    color: white;
    font-size: 1rem;
}

.client-role {
    color: white;
    font-size: 0.9rem;
}

.rounded-img {
    border-radius: 20px;
    overflow: hidden;
}

.rounded-image {
    border-radius: 20px;
    overflow: hidden;
    width: 85%;
    height: 90%;
    object-fit: cover;
}

.form-sections {
    padding: 50px 0;
}

.form-heading {
    font-size: 2.5rem;
    font-weight: bold;
}

.send-btn {
    background-color: #ffaa00;
    color: white;
    border: none;
    padding: 10px 30px;
    font-weight: bold;
    border-radius: 10px;
}

.phone-flag {
    position: absolute;
    left: 10px;
    top: 8px;
    font-size: 20px;
}

.phone-input {
    padding-left: 45px;
}

.form-check-input {
    margin-top: 5px;
}

.brand-section {
    padding: 60px 0;
}

.brand-heading {
    font-size: 2.5rem;
    font-weight: bold;
}

.logo-card {
    background-color: #eaf3ff;
    border: 1px solid #d3e6ff;
    color: white;
    padding: 20px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100px;
    transition: transform 0.3s ease;
}

.logo-card:hover {
    transform: scale(1.05);
}

.logo-img {
    max-height: 50px;
    max-width: 100%;
}

.swiper-slide {
    display: flex;
}

.job-card {
    border: 1px solid #ddd;
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
    background-color: #fff;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    height: 100%;
}

.job-img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.job-image {
    width: 100%;
    height: 300px;
    object-fit: cover;
}

.job-body {
    padding: 15px;
}

.job-title {
    font-size: 1.1rem;
    font-weight: 600;
    margin-bottom: 10px;
    text-align: center;
    margin-top: 5px;
}

.see-more {
    display: inline-block;
    margin-bottom: 10px;
    color: #e89b00;
    text-decoration: none;
}

.see-more:hover {
    text-decoration: underline;
}

.date {
    font-size: 0.9rem;
    color: #888;
}

.recent-jobs ul {
    padding-left: 0;
    list-style: none;
}

.recent-jobs li a {
    color: #333;
    text-decoration: none;
}

.recent-jobs li a:hover {
    text-decoration: underline;
}

@media screen and (max-width: 768px) {
    .job-img {
        height: 150px;
    }

    .recent-jobs h4 {
        margin-top: 40px;
    }
}

.hero-section {
    background: url('https://eskyoc.com/wp-content/uploads/2025/01/smiley-woman-enjoying-her-vacation-with-copy-space-1-scaled.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-sections1 {
    background: url('https://eskyoc.com/wp-content/uploads/2025/01/full-shot-woman-traveling-with-lugagge-scaled.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-sections2 {
    background: url('https://eskyoc.com/wp-content/uploads/2025/02/freepik_wang_18_02_2022_39-scaled.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-sections3 {
    background: url('https://eskyoc.com/wp-content/uploads/2025/02/top-view-book-globe-cap-scaled.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-sections4 {
    background: url('https://eskyoc.com/wp-content/uploads/2025/02/over.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-sections5 {
    background: url('https://eskyoc.com/wp-content/uploads/2025/01/man-preparing-travel-scaled.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-sections6 {
    background: url('https://tscguru.in/wp-content/uploads/2023/12/pexels-aliaksei-lepik-17955385-1.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-sections7 {
    background: url('https://avatars.mds.yandex.net/i?id=807de12fc98fd2e9033a602a31e8df9d8daffdc6-4801254-images-thumbs&n=13') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-sections8 {
    background: url('https://eskyoc.com/wp-content/uploads/2025/02/no-people-desk-with-multiple-computers-call-center-office-used-by-telemarketing-agents-answer-phone-calls-helpline-empty-space-with-technology-give-assistance-customer-care-scaled.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    height: 400px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-sections9 {
    background: url('https://eskyoc.com/wp-content/uploads/2025/02/modern-office-space-interior-1-scaled.jpg') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-sections10 {
    background: url('data:image/jpeg;base64,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') no-repeat center center;
    background-attachment: fixed;
    background-size: cover;
    position: relative;
    min-height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.hero-overlay {
    background-color: rgba(0, 0, 0, 0.5);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.hero-content {
    position: relative;
    z-index: 1;
    color: white;
    padding: 60px 30px;
}

.hero-title {
    font-size: 2.8rem;
    font-weight: 700;
}

.hero-subtitle {
    font-size: 1.1rem;
    margin: 20px 0 30px;
    max-width: 500px;
}

.hero-btn {
    background-color: #ffaa00;
    color: white;
    font-weight: 600;
    padding: 12px 30px;
    border: none;
    border-radius: 10px;
    transition: background 0.3s ease;
}

.hero-btn:hover {
    background-color: #0a1b54;
    color: #0a1b54;
}

@media (max-width: 768px) {
    .hero-title {
        font-size: 2rem;
    }

    .hero-subtitle {
        font-size: 1rem;
    }
}

.newsletter-section {
    background-color: black;
    color: white;
    padding: 60px 0;
}

.newsletter-title {
    font-size: 2.5rem;
    font-weight: 700;
}

.newsletter-subtitle {
    font-size: 1rem;
    margin-bottom: 20px;
    color: #d4d4d4;
}

.newsletter-input {
    height: 45px;
    border-radius: 5px;
    border: none;
    padding-left: 15px;
    font-size: 1rem;
}

.newsletter-btn {
    background-color: #ffaa00;
    color: white;
    height: 45px;
    margin-inline-start: 5px;
    border-radius: 10px;
    border: none;
    padding: 0 25px;
    font-weight: 600;
}

@media (max-width: 768px) {
    .newsletter-title {
        font-size: 1.8rem;
    }
}

.footer {
    background-color: black;
    color: white;
    padding: 60px 0 30px;
    border-top: 1px solid rgba(255, 255, 255, 0.4);
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
}

.footer-b {
    background-color: black;
    color: white;
}

.footer h5 {
    font-weight: 700;
    margin-bottom: 20px;
}

.footer ul {
    list-style: none;
    padding-left: 0;
}

.footer ul li {
    margin-bottom: 10px;
}

.footer ul li i {
    margin-right: 8px;
}

.footer ul li a {
    color: white;
    text-decoration: none;
}

.footer ul li a:hover {
    text-decoration: underline;
}

.footer .social-icons a {
    font-size: 18px;
    color: white;
    margin-right: 12px;
}

.footer .social-icons a:hover {
    color: #ffaa00;
}

.footer-logo {
    width: 130px;
    margin-bottom: 15px;
}

@media (max-width: 767px) {
    .footer {
        text-align: center;
    }

    .footer .social-icons {
        justify-content: center;
        margin-top: 15px;
    }
}

.course-box {
    border-radius: 15px;
    padding: 25px;
    text-align: center;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}

.course-box i {
    font-size: 40px;

}

.course-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 12px rgba(0, 0, 0, 0.3);
}

.course-box .h3 {
    font-size: 18px;
    font-weight: 600;
    color: #0b1b54;
}

.advantage-box {
    border-radius: 20px;
    padding: 30px 20px;
    border: 1px solid black;
    text-align: center;
    height: 100%;
    transition: all 0.3s ease-in-out;
}

.advantage-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px rgba(0, 0, 0, 0.15);
}

.advantage-icon {
    font-size: 32px;
    background-color: #ffb300;
    color: white;
    margin-bottom: 15px;
    padding: 10px;
    width: 70px;
    border-radius: 100%;

}

.advantage-text {
    font-size: 16px;
}

.section-title {
    color: white;
    font-size: 36px;
    font-weight: bold;
    margin-bottom: 50px;
    text-align: center;
}

.accordion-item {
    border-radius: 10px;
    overflow: hidden;
    border: none;
    margin-bottom: 10px;
}

.form-control,
.form-select {
    border-radius: 10px;
    padding: 10px 15px;
}

.submit-btn {
    background-color: #ff9f00;
    color: white;
    border: none;
    padding: 12px;
    width: 100%;
    font-weight: bold;
    border-radius: 10px;
    transition: 0.3s;
}

.submit-btn:hover {
    background-color: #e68900;
}

.form-section {
    background-color: rgba(0, 0, 0, 0.6);
    padding: 30px;
    border-radius: 20px;
    color: white;
}

label {
    margin-top: 10px;
}

.recent-jobs h4 {
    border-bottom: 2px solid #fff;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.recent-jobs ul {
    list-style: none;
    padding-left: 0;
}

.recent-jobs ul li {
    margin-bottom: 10px;
}

.recent-jobs ul li a {
    color: #0a1b54;
    text-decoration: none;
}

.recent-jobs ul li a:hover {
    text-decoration: underline;
    color: #e89b00;
}

.custom-pagination {
    padding: 10px 20px;
    border-radius: 8px;
}

.custom-pagination .page-link {
    background-color: transparent;
    border: none;
    color: #0b1e55;
    font-weight: 500;
    font-size: 1.1rem;
}

.custom-pagination .page-item.active .page-link {
    color: white;
    background-color: #ff6600;
    font-weight: bold;
    margin-inline: 5px;
    border-radius: 5px;
}

.custom-pagination .page-link:hover {
    color: #ff6600;
}

.service-box {
    background-color: white;
    border: 1px solid black;
    border-radius: 10px;
    overflow: hidden;
    text-align: center;
    transition: transform 0.3s ease;
}

.service-box:hover {
    transform: translateY(-5px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

.service-box img {
    width: 100%;
    height: 250px;
    object-fit: cover;
}

.apply-btns {
    background-color: white;
    color: #0d1a4c;
    font-weight: bold;
    border-top: 1px solid black;
    text-transform: uppercase;
    padding: 15px 0;
    display: block;
    text-decoration: none;
}

.image-box img {
    border-radius: 10px;
    width: 100%;
    height: auto;
}

.details h6 a {
    color: white;
    text-decoration: none;
}

.details h6 a:hover {
    color: #e89b00;
}

.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.popup-card {
    background-color: white;
    border-radius: 20px;
    overflow: hidden;
    max-width: 750px;
    width: 95%;
    max-height: 500px;
    display: flex;
    flex-wrap: wrap;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
}

.popup-left {
    background-image: url('https://eskyoc.com/wp-content/uploads/2025/01/visa-application-different-countries-arrangement-scaled.jpg');
    background-size: cover;
    background-position: center;
}

.popup-right {
    background: linear-gradient(to bottom right, #425b09, #456103);
    color: white;
    padding-block: 10px;
    position: relative;
}

.popup-right .btn-yellow {
    background-color: #ffc107;
    color: white;
    font-weight: bold;
    width: 100%;
}

.popup-right .btn-yellow:hover {
    background-color: white;
    color: #0a1b54;
}

.close-btn {
    position: absolute;
    top: 15px;
    right: 25px;
    font-size: 24px;
    color: white;
    cursor: pointer;
}

.contact-info h2 {
    font-size: 28px;
    font-weight: 700;
    color: #2c2c51;
}

.contact-info p {
    color: #555;
    margin-bottom: 25px;
}

.info-box {
    display: flex;
    align-items: center;
    margin-bottom: 25px;
}

.info-icon {
    background-color: orange;
    color: #fff;
    font-size: 18px;
    padding: 10px;
    padding-inline: 14px;
    border-radius: 50%;
    margin-right: 15px;
}

.info-content h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600;
    color: #2c2c51;
}

.info-content p {
    margin: 0;
    color: #333;
}

.contact-form form {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.contact-form input,
.contact-form textarea {
    width: 48%;
    padding: 12px 15px;
    border-radius: 10px;
    border: 1px solid #ddd;
    font-size: 16px;
    font-family: inherit;
}

.contact-form textarea {
    width: 100%;
    height: 120px;
    resize: none;
}

.contact-form button {
    width: 100%;
    padding: 15px;
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: bold;
    background-color: #e89b00;
    color: #fff;
    cursor: pointer;
    transition: 0.3s;
}

.contact-form button:hover {
    opacity: 0.9;
}

@media (max-width: 768px) {
    .contact-form input {
        width: 100%;
    }

    .contact-info,
    .contact-form {
        flex: 1 1 100%;
    }
}