/* Responsive Behavior */
@media (max-width: 768px) {
    .stats-section {
        flex-direction: column;
        gap: 30px;
    }

    .stat-box {
        border-right: none;
        border-bottom: 1px solid #e0e0e0;
    }

    .stat-box:last-child {
        border-bottom: none;
    }

    .bg-cfs {
        background-image: url(../images/services/mobile-bg.png);
        background-size: cover;
    }

    .bg-domiciliation {
        background-image: url(../images/services/domiciliation_mobile.png);
        background-size: cover;
    }

    .bg-golden {
        background-image: url(../images/services/golden_visa_mobile.png);
        background-size: cover;
    }

    .bg-structuring {
        background-image: url(../images/services/structuring_mob_bg.png);
        background-size: cover;
    }

    .bg-administration-mgmgt {
        background-image: url(../images/services/administration-mgmt-mob.png);
        background-size: cover;
    }

    .bg-payroll {
        background-image: url(../images/services/mobile-payroll.png);
        background-size: cover;
    }

    .bg-venture {
        background-image: url(../images/services/venture_capital_mob.png);
        background-size: cover;
    }

    .mob-payroll {
        border-top-right-radius: 10px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
    }

    .hero-service-padding {
        padding-top: 5rem;
        padding-bottom: 4rem;
    }

    .dropdown-menu-custom {
        top: 73%;
        left: 51%;
        transform: translateX(-50%);
        width: 90vw;
    }

    .timeline-item {
        min-width: 240px;
    }

    .timeline::before {
        width: 1200px;
    }

    .our-values {
        overflow-x: scroll;
        flex-wrap: nowrap;
    }

    .short-line {
        margin-left: 3rem;
    }

    .slick-dots {
        bottom: -50px;
    }

    .mobile-img-heigth {
        height: 400px;
    }

    .object-position-top {
        object-position: top;
    }

    .header li {
        padding: 0rem;
        width: 100%;
    }

    .nav-underline .nav-link.active {
        border-bottom: none !important;
        color: #EE2E24 !important;
    }

    .nav-underline .nav-link:hover {
        border-bottom: none !important;
        color: #EE2E24 !important;

    }
}

@media (max-width: 900px) {

    .timeline-item {
        min-width: 240px;
    }

    .stat-box {
        border-right: 1px solid #d1d1d1;
    }
}

/* Tab View ENDS*/

/* Mobile View */
@media (min-width: 320px) and (max-width: 480px) {
    .fs-48 {
        font-size: 34px;
    }

    .border-right {
        border: none;
    }

    .contact-card {

        padding: 20px;
    }

    .line-break-mobile {
        display: block;
    }

    .fs-24 {
        font-size: 20px;
    }

    .fs-20 {
        font-size: 14px;
    }

    .fs-36 {
        font-size: 24px;
    }

    .lh-30 {
        line-height: 20px;
    }

    .lh-28 {
        line-height: 20px;
    }

    .padding-block-01 {
        padding-block: 50px;
    }

    .testimonial-card {
        margin: unset;
    }

    .about-video {

        width: 100% !important;
    }

    .w-75 {
        width: unset !important;
    }

    .slick-slide .qoute img {
        width: 40px;
    }

    .fs-sm-12 {
        font-size: 12px;
    }

    .fs-btn-15 {
        font-size: 15px;
    }

    .fs-sm-16 {
        font-size: 16px;
    }

    .fs-sm-18 {
        font-size: 18px;
    }


    .carousel-indicators {
        bottom: -20%;
    }

    .hl7-india-team {
        background-image: url(../images/contact_banner_mob.png);
    }

    .mob-speakers {
        flex-wrap: nowrap;
        overflow-y: scroll;
    }

    .mob-speakers::-webkit-scrollbar {
        display: none;
    }

    .impact-cards {

        grid-template-columns: 1fr 1fr;

    }

    .contact_us {
        background-image: url(../images/contact/contact_us_mobile.png);
        background-repeat: no-repeat;
        background-size: cover;
    }

    .hero-bg {
        background-image: url(../images/home/hero-banner-mobile.png);

        background-size: cover;
        background-position: center;
    }

    .contact_us_girl {
        transform: scalex(-1);
        width: 16rem;
    }

    .our-contact-right {
        background: unset;
    }


    .custom-padding-2 {
        padding-top: 2rem;
        padding-bottom: 3rem;
    }

    .m-logo {
        height: 40px;
        width: auto;
    }

    .header {
        padding: 1rem .3rem;
        height: auto;
    }

    .navbar-nav-style {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

    .line-break {
        display: inline;
    }

    .arc {
        width: 19rem !important;
        position: relative;
        top: 18px;
    }

    .stat-box:nth-child(3) {
        border-bottom: none;
    }

    .stat-box:nth-child(2) {
        border-right: none;
    }

    .stat-box {
        border-right: 1px solid #d1d1d1;
    }

    .fs-sm-36 {
        font-size: 36px;
    }

    .sticky-icon {
        top: 600px;
    }

    .ul-box {
        display: flex;
    }

    .header li {
        padding: 0rem;
        width: 100%;
    }

    .nav-underline .nav-link:hover {

        border-bottom: none;
    }

    .header li span {
        display: block;
        font-size: 20px;
        background: white;
        border-radius: 10px;
        width: 70px;
        height: 60px;
        justify-content: center;
        align-items: center;
        display: flex;
    }



    .fs-32 {
        font-size: 24px;
    }

    .btn-subscribe {
        width: fit-content;
        padding: 1rem 3rem !important;
    }

    .w-md-100 {
        width: 100%;
    }

    .mobile-img-heigth {
        height: 250px;
    }

    .object-position-top {
        object-position: top;
    }

    .w-fit-content {
        width: fit-content;
    }

    .hero-service-padding {
        padding-top: 5rem;
        padding-bottom: 4rem;
    }

    p {
        font-size: 16px !important;
    }
}

@media (max-width: 375px) {

    .btn-both {
        font-size: 14px;
        padding-inline: 0rem !important;

    }
}

@media (max-width: 320px) {
    .mob-img {
        right: -71px;
        top: 100px;
    }


}

@media (min-width: 768px) and (max-width: 1024px) {
    .short-line {
        margin-left: 2rem;
        border-left: 1px solid #dbdbdb;
        padding: 2rem 1rem 0rem 2rem;
    }

    .tab-img {
        width: -webkit-fill-available;
    }
}

@media (min-width: 568px) {}