/* 
----------------------------------------------------------------
    Responsive CSS
---------------------------------------------------------------- 
*/

@media only screen and (max-width: 2560px) {}

@media only screen and (max-width: 1920px) {}

@media only screen and (max-width: 1680px) {}

@media only screen and (max-width: 1440px) {}

@media only screen and (max-width: 1366px) {}

@media only screen and (max-width: 1200px) {
    .hero-title {
        font-size: 52px;
    }
    .nav-link {
        margin: 0 10px;
    }
}

@media only screen and (max-width: 1199px) and (min-width: 992px) {
    .hero-search-premium {
        max-width: 100%;
        padding: 10px;
        border-radius: 14px;
    }

    .hero-search-premium .row {
        --bs-gutter-x: 0;
        flex-wrap: wrap;
        row-gap: 0;
        align-items: stretch !important;
    }

    .hero-search-premium .col-md-5 {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }

    .hero-search-premium .col-md-4 {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }

    .hero-search-premium .col-md-3 {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
        margin-top: 10px;
    }

    .search-input-group {
        min-height: 56px;
        padding: 10px 12px;
    }

    .form-control-v3 {
        font-size: 13px;
    }

    .btn-hero-submit {
        min-height: 56px;
        padding: 12px 14px;
        font-size: 14px;
        white-space: nowrap;
        width: 100%;
    }

    .section-title h2 {
        font-size: 40px;
    }

    section.hero-section-premium .stat-number {
        font-size: 20px;
    }

    .solutions-section .col-lg-3 {
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    .solution-card-premium {
        padding: 30px 22px;
    }

    .solution-card-premium h4 {
        font-size: 21px;
    }

    .about-feature-box {
        padding: 16px;
    }

    .about-feature-icon {
        width: 48px;
        height: 48px;
        font-size: 19px;
        margin-right: 12px;
    }

    .about-feature-info h5 {
        font-size: 16px;
    }

    .about-feature-info p {
        font-size: 13px;
    }

    .featured-jobs-section .job-item,
    .jobs-day-section .job-item-day {
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media only screen and (max-width: 1024px) {
    section:not(.hero-section-premium):not([class*="hero"]) {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    section.stats-section-premium .stat-number {
        font-size: 25px;
    }

    .newsletter-input-group {
        display: flex;
        flex-direction: column;
        gap: 10px;
    }

    .newsletter-input-group .form-control {
        width: 100%;
        padding-right: 20px;
    }

    .newsletter-input-group .btn-primary {
        position: static;
        transform: none;
        width: 100%;
    }
    .contact-form-overlap-v2 {
        padding-bottom: 0;
    }
    .plan-price .amount {
        font-size: 30px;
    }
    
    .plan-name {
        font-size: 16px;
    }
    
    .section-title h2 {
        font-size: 30px;
    }    
     
    
    .choose-item h5.mb-2 {
        font-size: 16px;
    }
    .about-feature-box {
        display: block;
    }
    
    .about-feature-icon {
        margin-bottom: 8px;
    }
    
    .hero-title {
        font-size: 40px;
    }
    
    section.hero-section-premium {
        padding-bottom: 80px;
    }
    .blog-title-v4 {
        font-size: 18px;
    }    
        
}

@media only screen and (max-width: 991px) {
    /* Header */
    .navbar {
        padding: 15px 0;
    }
    .navbar-collapse {
        background: #fff;
        padding: 20px;
        border-radius: 10px;
        box-shadow: 0 10px 30px rgba(0,0,0,0.1);
        margin-top: 15px;
    }
    .nav-link {
        margin: 5px 0;
        padding: 10px 0 !important;
    }
    .header-btns {
        margin-top: 15px;
        flex-direction: column;
        align-items: flex-start !important;
    }
    .header-btns .btn {
        width: 100%;
        margin-bottom: 10px;
        text-align: center;
    }
    .header-btns .btn-link {
        margin-right: 0 !important;
    }

    /* Hero Section */
    .hero-section-premium {
        padding: 160px 0 100px;
        text-align: center;
        margin-top: -100px;
    }
    .hero-content-left {
        margin-bottom: 60px;
    }
    .hero-desc {
        margin-left: auto;
        margin-right: auto;
    }
    .hero-title {
        font-size: 46px;
    }
    .video-bg-hero {
        padding: 150px 0 100px;
    }
    .hero-search-premium {
        margin-left: auto;
        margin-right: auto;
    }
    .search-input-group {
        border-left: none;
        border-bottom: 1px solid var(--border-color);
    }
    .border-start-custom {
        border-left: none;
    }
    .btn-hero-submit {
        border-radius: 12px;
        margin-top: 10px;
    }
    .hero-stats-row {
        justify-content: center;
    }
    .hero-visual-premium {
        max-width: 500px;
        margin: 0 auto;
    }
    .floating-card-1 { left: -20px; }
    .floating-card-2 { right: -20px; }

    /* Sections */
    .section-title.text-start {
        text-align: center !important;
    }
    .section-title h2 {
        font-size: 36px;
    }

    .solutions-section .text-lg-end {
        text-align: center !important;
        margin-top: 20px;
    }

    .featured-jobs-section .text-lg-end {
        text-align: center !important;
        margin-top: 20px;
    }
    
    .why-choose-content {
        margin-bottom: 50px;
        text-align: center;
    }
    .why-choose-content .section-title.text-start {
        text-align: center !important;
    }
    .why-choose-content .choose-item {
        text-align: left;
    }
    
    .location-grid-2026 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        grid-auto-rows: 320px;
        align-items: stretch;
        gap: 20px;
    }
    .loc-card-2026 {
        height: 100%;
    }
    .loc-card-2026.col-large,
    .loc-card-2026.col-small,
    .loc-card-2026.col-wide {
        grid-column: span 1 !important;
        grid-row: span 1 !important;
    }
    
    .pricing-card-v2.featured {
        transform: scale(1);
        margin: 20px 0;
    }
    .pricing-card-v2.featured:hover {
        transform: translateY(-10px);
    }

    .process-visual-premium {
        height: 400px;
        margin-top: 40px;
    }
    .image-stack-item {
        width: 70%;
    }
    .abstract-shape-v2 {
        display: none;
    }

    /* Contact Section Responsive */
    .contact-header-premium {
        padding: 100px 0 180px;
        margin: 0;
        border-radius: 0;
    }
    .contact-form-overlap-v2 {
        margin-top: -120px;
        padding-bottom: 80px;
    }
    .contact-form-main {
        padding: 40px 30px;
    }
    .contact-sidebar-premium {
        padding: 40px 30px;
    }
    .sidebar-info-list {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 18px;
    }
    .sidebar-info-item {
        margin-bottom: 0;
    }
    
    /* Footer */
    .footer-newsletter-v3 {
        padding: 30px;
        text-align: center;
    }
    .newsletter-form-v3 {
        margin-top: 30px;
    }
    .footer-contact-v3 {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 14px;
    }
    .footer-contact-v3 .contact-box-v3 {
        width: 100%;
    }
    .footer-contact-v3 .contact-box-v3.mt-3 {
        margin-top: 0 !important;
    }
    section.hero-section-premium {
        margin-top: -120px;
    }
    
    .stat-card-premium {
        border: 1px solid #ffffff1f;
        border-radius: 5px;
        background: #ffffff1f;
    }

    
}

@media only screen and (max-width: 768px) {
    section.hero-section-premium .stat-number {
        font-size: 27px;
    }

    section.hero-section-premium .stat-info {
        text-align: left;
    }
    .about-img-1 {
        width: 100%;
    }
}

@media only screen and (max-width: 767px) {
    .hero-title {
        font-size: 36px;
    }
    .video-bg-hero {
        padding: 120px 0 80px;
        min-height: auto;
    }
    .hero-section-premium {
        padding: 140px 0 100px;
    }
    .contact-header-premium h2 {
        font-size: 32px;
    }
    .section-title h2 {
        font-size: 32px;
    }
    .about-list {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 10px;
    }
    .about-list-item {
        margin-bottom: 0;
    }
    .solutions-section .row.g-4.mt-2 > [class*="col-"],
    .why-choose-content .row.g-4 > [class*="col-"],
    .stats-section-premium .row.g-4 > [class*="col-"] {
        flex: 0 0 50%;
        max-width: 50%;
        width: 50%;
    }
    .loc-name-v4 h4 {
        font-size: 17px; 
    }
    .solution-card-premium  h4.mb-2 {
        font-size: 20px;
    }

    .blog-standard-content {
        padding: 28px 22px;
    }

    .blog-standard-content h3 {
        font-size: 28px;
    }

    .blog-standard-quote {
        font-size: 16px;
        padding: 18px;
    }

    .single-post-nav {
        grid-template-columns: 1fr;
    }

    .comments-title {
        font-size: 22px;
    }
}

@media only screen and (max-width: 575px) {
    .hero-title {
        font-size: 30px;
    }
    section.hero-section-premium .hero-stats-row {
        flex-direction: row;
        flex-wrap: wrap;
        align-items: stretch !important;
        justify-content: center;
        gap: 12px !important;
    }
    section.hero-section-premium .stat-item {
        width: calc(50% - 6px);
        max-width: none;
        justify-content: flex-start;
        margin-right: 0 !important;
    }
    .floating-card {
        display: none; /* Hide floating cards on very small screens for better UX */
    }
    .hero-img-main {
        padding-right: 0;
        padding-bottom: 0;
    }

    /* Contact Section Mobile */
    .contact-form-main {
        padding: 30px 20px;
    }
    .contact-sidebar-premium {
        padding: 30px 20px;
    }
    .info-item-icon {
        width: 45px;
        height: 45px;
        font-size: 16px;
    }

    .blog-standard-content h3 {
        font-size: 24px;
    }

    .sidebar-widget {
        padding: 18px;
    }

    .recent-post-item img {
        width: 64px;
        height: 64px;
    }

    .single-post-share {
        flex-direction: column;
        align-items: flex-start;
    }

    .comment-item {
        flex-direction: column;
    }

    .comment-item.is-reply {
        margin-left: 0;
    }
}

@media only screen and (max-width: 480px) {
    .hero-title {
        font-size: 28px;
    }
    .section-title h2 {
        font-size: 28px;
    }
    .btn {
        padding: 10px 20px;
        font-size: 14px;
    }

    /* About Section Responsive */
    .about-img-stack {
        margin-bottom: 50px;
    }
    .about-exp-badge {
        padding: 20px 15px;
        top: 5%;
        right: 5%;
    }
    .about-exp-badge h3 {
        font-size: 24px;
    }
    .about-btns {
        flex-direction: column;
        align-items: flex-start;
        gap: 20px;
    }
    .about-list-item {
        font-size: 14px;
    }
}

@media only screen and (max-width: 485px) {
    .solutions-section .row.g-4.mt-2 > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .location-grid-2026 {
        grid-template-columns: 1fr;
    }
    .sidebar-info-list {
        grid-template-columns: 1fr;
    }
    .footer-contact-v3 {
        grid-template-columns: 1fr;
    }
    section.hero-section-premium .stat-item {
        width: 100%;
        max-width: 280px;
    }
    .hero-stats-row.d-flex {
        display: block;
    }
    
    section.hero-section-premium .hero-stats-row {
        display: block !important;
    }
    
    section.hero-section-premium .hero-stats-row .stat-item {
        width: 100%;
        max-width: 100%;
        margin-bottom: 16px;
    }
    .about-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .footer-bottom-v3.mt-5 {
        margin-top: 0 !important;
    }
    .sidebar-info-item {
        background: #ffffff0f;
        padding: 15px;
        border-radius: 5px;
    }
    .why-choose-content .choose-item {
        border: 1px solid #ddd;
        padding: 10px;
        border-radius: 5px;
        display: block !important;
    }
    
    .why-choose-content .choose-item .icon-box-v3 {
        margin-bottom: 6px;
    }
    
    
}

@media only screen and (max-width: 425px) {}

@media only screen and (max-width: 375px) {
    .why-choose-content .row.g-4 > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .stats-section-premium .row.g-4 > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    .hero-title {
        font-size: 25px;
    }
    
    .hero-desc {
        font-size: 16px;
    }
    .section-title h2 {
        font-size: 20px;
    }
    
    section.contact-section-v2.position-relative {
        padding-bottom: 0 !important;
    }
    .solution-card-premium {
        padding: 20px;
    }
}

/* ----------------------------------------------------------------
    Services Page Responsive
---------------------------------------------------------------- */
@media only screen and (max-width: 991px) {
    .services-list-section {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    
    .service-card-premium {
        padding: 30px 25px;
    }
    
    .why-services-section {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    
    .why-services-content {
        margin-bottom: 50px;
    }
    
    .why-services-visual {
        margin-top: 40px;
    }
    
    .cta-section-premium {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }
    
    .cta-content-premium h2 {
        font-size: 32px;
    }
    
    .cta-content-premium p {
        font-size: 16px;
    }
}

@media only screen and (max-width: 767px) {
    .service-card-premium {
        padding: 25px 20px;
    }
    
    .service-icon-wrapper {
        width: 70px;
        height: 70px;
        font-size: 28px;
    }
    
    .service-card-premium h4 {
        font-size: 18px;
    }
    
    .why-services-visual .video-box-wrapper {
        margin-top: 30px;
    }
    
    .why-services-visual .video-img img {
        border-radius: 20px;
    }
    
    .cta-content-premium h2 {
        font-size: 28px;
    }
    
    .cta-content-premium .btn {
        padding: 12px 24px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 575px) {
    .services-list-section .row.g-4 > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
    
    .why-services-content .row.g-4 > [class*="col-"] {
        flex: 0 0 100%;
        max-width: 100%;
    }
    
    .service-card-premium {
        padding: 20px;
    }
    
    .service-icon-wrapper {
        width: 60px;
        height: 60px;
        font-size: 24px;
    }
    
    .service-icon-bg {
        border-radius: 16px;
    }
}

@media only screen and (max-width: 375px) {
    .cta-content-premium h2 {
        font-size: 24px;
    }

    .service-card-premium h4 {
        font-size: 16px;
    }
}

/* ----------------------------------------------------------------
    CTA New Section Responsive
---------------------------------------------------------------- */
@media only screen and (max-width: 1200px) {
    .cta-new-section {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .cta-new-title {
        font-size: 36px;
    }

    .cta-new-wrapper {
        padding: 50px 40px;
    }
}

@media only screen and (max-width: 991px) {
    .cta-new-section {
        padding-top: 80px !important;
        padding-bottom: 80px !important;
    }

    .cta-new-title {
        font-size: 32px;
    }

    .cta-new-desc {
        font-size: 16px;
    }

    .cta-new-wrapper {
        padding: 45px 35px;
        border-radius: 24px;
    }

    .cta-stat-item {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 767px) {
    .cta-new-section {
        padding-top: 60px !important;
        padding-bottom: 60px !important;
    }

    .cta-new-title {
        font-size: 28px;
    }

    .cta-new-desc {
        font-size: 15px;
    }

    .cta-new-wrapper {
        padding: 40px 25px;
        border-radius: 20px;
    }

    .cta-icon-circle {
        width: 80px;
        height: 80px;
    }

    .cta-icon-circle i {
        font-size: 30px;
    }

    .cta-new-badge {
        font-size: 13px;
        padding: 8px 20px;
    }

    .cta-new-buttons {
        flex-direction: column;
    }

    .cta-new-buttons .btn {
        width: 100%;
        text-align: center;
    }

    .cta-stat-number {
        font-size: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .cta-new-section {
        padding-top: 50px !important;
        padding-bottom: 50px !important;
    }

    .cta-new-title {
        font-size: 24px;
    }

    .cta-new-desc {
        font-size: 14px;
    }

    .cta-new-wrapper {
        padding: 35px 20px;
        border-radius: 16px;
    }

    .cta-icon-circle {
        width: 70px;
        height: 70px;
    }

    .cta-icon-circle i {
        font-size: 26px;
    }

    .cta-new-stats {
        margin-top: 30px !important;
        padding-top: 30px !important;
    }

    .cta-stat-item {
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 375px) {
    .cta-new-title {
        font-size: 22px;
    }

    .cta-new-desc {
        font-size: 13px;
    }

    .cta-stat-number {
        font-size: 26px;
    }

    .cta-stat-label {
        font-size: 12px;
    }
}

@media only screen and (max-width: 325px) {}

/* ----------------------------------------------------------------
    Service Single Page Responsive
---------------------------------------------------------------- */
@media only screen and (max-width: 991px) {
    .service-single-post .blog-standard-thumb img {
        border-radius: 16px;
    }

    .sidebar-service-list li a {
        padding: 12px 14px;
        font-size: 13px;
    }

    .sidebar-cta-widget .sidebar-cta-content {
        padding: 30px 20px !important;
    }

    .download-link {
        padding: 12px 14px;
    }
}

@media only screen and (max-width: 767px) {
    .service-feature-item {
        padding: 16px;
    }

    .service-benefits-list li {
        padding: 12px 0;
        font-size: 14px;
    }

    .sidebar-service-list {
        margin-bottom: 30px;
    }

    .sidebar-cta-widget {
        margin-bottom: 30px;
    }

    .sidebar-download-widget {
        margin-bottom: 30px;
    }
}

@media only screen and (max-width: 575px) {
    .sidebar-widget {
        margin-bottom: 30px;
    }

    .sidebar-widget:last-child {
        margin-bottom: 0;
    }

    .service-feature-item {
        flex-direction: column;
        text-align: center;
    }

    .service-feature-icon {
        margin-bottom: 12px;
    }

    .download-link {
        flex-wrap: wrap;
    }

    .download-icon {
        margin-bottom: 10px;
    }

    .download-info {
        width: 100%;
        text-align: center;
    }

    .job-apply-modal .modal-header {
        padding: 20px 18px 12px;
    }

    .job-apply-modal .modal-body {
        padding: 0 18px 22px;
    }

    .job-apply-modal-head h4 {
        font-size: 20px;
    }

    .job-apply-form .form-control,
    .job-apply-form .form-select {
        min-height: 46px;
        font-size: 14px;
    }

    .job-apply-modal-actions .btn {
        width: 100%;
    }

    .job-details-title {
        font-size: 22px;
    }

    .breadcrumb-area {
        padding: 60px 0;
        overflow: hidden;
    }

    .job-details-header {
        padding: 25px 20px !important;
    }

    .job-details-content {
        padding: 25px 20px !important;
    }

    .row {
        margin-left: -10px;
        margin-right: -10px;
    }

    .row > * {
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media only screen and (max-width: 767px) {
    .job-apply-modal .modal-dialog {
        margin: 12px;
    }
}