@media (min-width:1600px) {
    .container {
        max-width: 1600px
    }

    .custom-container {
        max-width: 1700px
    }
}

@media (min-width:1800px) {
    .container {
        max-width: 1600px
    }

    .custom-container {
        max-width: 1800px
    }
}


@media only screen and (max-width:1800px) {
    .site-btn {
        font-size: 20px;
    }

    .review-img-box {
        margin-left: 90px;
    }

    .navSetting {
        margin-left: 140px;
    }

    .btn-text {
        font-size: 26px;
    }

    .hero-subtext {
        font-size: 18px;
        margin-bottom: 30px;
        color: #fff;
        max-width: 80%;
    }

    .hero-buttons {
        display: flex;
        gap: 15px;
        margin-bottom: 77px;
    }

    .navbar .navbar-nav .nav-link {
        font-size: 15px;
    }

    .section {
        padding-top: 80px;
        padding-bottom: 80px;
        position: relative;
    }

    .highlight-yellow::before {
        content: "";
        position: absolute;
        right: 0;
        top: -2px;
        left: -7px;
        width: 180px;
        padding: 2px 10px 3px 10px;
        border-radius: 6px;
        height: 56px;
        background: #FFB409;
        z-index: -1;
    }

    .hero-wrapper {
        padding: 76px 0 60px 0;
    }

    .highlight-blue::before {
        content: "";
        position: absolute;
        right: 0;
        top: -1px;
        left: 3px;
        width: 98%;
        padding: 2px 10px 5px 10px;
        border-radius: 6px;
        height: 57px;
        background: #205097;
        z-index: -1;
    }

    .hero-image {
        right: -2px;
        bottom: -19px;
    }

    h1,
    .h1 {
        font-size: 50px;
    }
}


@media only screen and (max-width:1650px) {
    .site-btn {
        font-size: 20px;
    }

    h2,
    .h2 {
        font-size: 40px;
        margin-bottom: 15px;
    }

    .btn-text {
        font-size: 26px;
    }

    .hero-buttons {
        display: flex;
        gap: 15px;
        margin-bottom: 77px;
    }

    .navbar .navbar-nav .nav-link {
        font-size: 15px;
    }

    .section {
        padding-top: 80px;
        padding-bottom: 80px;
        position: relative;
    }

    .highlight-yellow::before {
        content: "";
        position: absolute;
        right: 0;
        top: -2px;
        left: -7px;
        width: 182px;
        padding: 2px 10px 3px 10px;
        border-radius: 6px;
        height: 56px;
        background: #FFB409;
        z-index: -1;
    }

    .hero-wrapper {
        padding: 73px 0 60px 0;
    }

    .hero-subtext {
        font-size: 16px;
        margin-bottom: 30px;
        color: #fff;
        max-width: 74%;
        line-height: 26px;
    }

    .highlight-blue::before {
        content: "";
        position: absolute;
        right: 0;
        top: -1px;
        left: 3px;
        width: 98%;
        padding: 2px 10px 5px 10px;
        border-radius: 6px;
        height: 57px;
        background: #205097;
        z-index: -1;
    }

    .hero-image {
        right: -2px;
        bottom: -19px;
        width: 57%;
    }

    h1,
    .h1 {
        font-size: 43px;
    }
}

@media only screen and (max-width:1600px) {
    .site-btn {
        font-size: 20px;
    }

    .hire-steps .kd-subtext {
        padding-right: 12%;
    }

    .cta-image {
        position: absolute;
        right: 0;
        top: -7px;
        width: 40%;
    }

    .member-img {
        position: absolute;
        left: 20px;
        bottom: -5px;
        width: 50%;
    }

    .control-padding {
        --bs-gutter-x: 3rem;
        --bs-gutter-y: 1.5rem;
    }

    .feature-card {
        padding: 35px 20px 40px 20px;
    }

    .inner-hero-wrapper .hero-image {
        width: 33%;
        bottom: -79px;
    }

    .kd-subtext {
        font-size: 16px;
        margin-top: 10px;
        font-weight: 500;
        color: #fff;
    }

    .big-number {
        font-size: 150px;
    }

    .kd-title {
        font-size: 30px;
        font-weight: 600;
        line-height: 1.1;
        max-width: 300px;
    }

    .inner-hero-wrapper {
        background-color: #FFF5EE;
        border-radius: 20px;
        margin-top: 95px;
        position: relative;
        overflow: visible;
        padding: 44px 0 40px 0;
    }

    .inner-hero-wrapper .hero-buttons {
        margin-bottom: 14px;
    }

    .accordion-button {
        padding: 15px 20px 15px 20px;
    }

    .trust-card-text {
        font-size: 14px;
        line-height: 26px;
    }

    .navSetting {
        margin-left: 40px;
    }

    .trust-sub {
        font-size: 16px;
    }

    .workers-group img {
        width: 51%;
        position: absolute;
        bottom: 0;
        left: 56px;
    }

    .footer-desc {
        font-size: 15px;
        margin-bottom: 20px;
        max-width: 310px;
        line-height: 23px;
    }



    .highlight-yellow-1::before {
        content: "";
        position: absolute;
        right: 0;
        top: 3px;
        left: 1px;
        width: 99%;
        border-radius: 6px;
        height: 49px;
        background: #FFB409;
        z-index: -1;
    }

    .ctacontentWrap {
        margin-bottom: 310px;
    }

    .highlight-blue-1::before {
        content: "";
        position: absolute;
        right: 0;
        top: 5px;
        left: 0;
        width: 100%;
        height: 48px;
        background: #205097;
        border-radius: 6px;
        z-index: -1;
    }

    .emp-input {
        padding: 17px 20px;
        font-size: 16px;
    }

    .trust-content {
        padding: 0 10px 13px 10px;
    }

    .trust-card-title {
        font-size: 22px;
    }


    .cta-title {
        line-height: 45px;
        margin-bottom: 15px;
    }

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

    .trust-padding {
        --bs-gutter-x: 2.5rem;
    }

    .accordion-button h3 {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 20px;
        line-height: 32px;
        color: #000;
        margin-bottom: 0;
    }

    section.first-faq-block .accordion-item {
        margin-bottom: 30px;
    }

    .accordion-button:not(.collapsed) h3 {
        font-size: 24px;
        font-weight: 600;
    }

    h2,
    .h2 {
        font-size: 35px;
        margin-bottom: 15px;
    }

    .btn-text {
        font-size: 26px;
    }

    .hero-buttons {
        display: flex;
        gap: 15px;
        margin-bottom: 57px;
        padding-bottom: 20px;
    }

    .navbar .navbar-nav .nav-link {
        font-size: 14px;
        padding: 5px 15px 2px 15px;
        margin: 7px 8px;
    }

    .section {
        padding-top: 80px;
        padding-bottom: 80px;
        position: relative;
    }

    .hero-title {
        line-height: 1.4;
    }

    .hero-subtext {
        max-width: 88%;
    }

    .highlight-yellow::before {
        content: "";
        position: absolute;
        right: 0;
        top: -3px;
        left: -7px;
        width: 158px;
        padding: 2px 10px 3px 10px;
        border-radius: 6px;
        height: 51px;
        background: #FFB409;
        z-index: -1;
    }

    .hero-wrapper {
        padding: 56px 0 60px 0;
    }

    .site-btn {
        font-size: 20px;
    }

    .hero-wrapper .container.container.custom-container {
        padding-left: 47px;
    }

    .highlight-blue::before {
        content: "";
        position: absolute;
        right: 0;
        top: -4px;
        left: 3px;
        width: 98%;
        padding: 2px 10px 5px 10px;
        border-radius: 6px;
        height: 57px;
        background: #205097;
        z-index: -1;
    }

    .hero-image {
        right: -2px;
        bottom: -7px;
        width: 58%;
    }

    .video-btn {
        padding: 7px 20px 7px 7px;
    }

    h1,
    .h1 {
        font-size: 43px;
    }
}

@media only screen and (max-width:1500px) {
    .cta-image {
        position: absolute;
        right: 0;
        top: -7px;
        width: 44%;
    }

    .how-item p {
        font-size: 14px;
    }

    .review-img-box {
        margin-left: 48px;
    }

    .profile-left-spacing {
        padding-left: 50px;
        padding-right: 200px;
    }

    .footer-small {
        font-size: 10px;
        color: #000;
        line-height: 18px;
    }

    .cardStacking__cards {
        --bs-gutter-x: 0.5rem;
    }

}


@media only screen and (max-width:1400px) {
    .hero-image {
        right: -12px;
        bottom: 0;
        width: 54%;
    }

    .hire-steps .kd-subtext {
        padding-right: 18%;
    }

    .review-img-box {
        margin-left: 27px;
    }

    .inner-hero-wrapper .hero-image {
        width: 34%;
        bottom: -39px;
    }

    .blue-pill {
        padding: 2px 20px;
        background-color: #205097;
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        display: inline-block;
        border-radius: 50px;
        margin-bottom: 20px;
    }

    .inner-hero-wrapper .hero-image-hire {
        width: 40%;
        position: absolute;
        right: 60px;
        bottom: -29px;
    }

    .orange-text {
        color: #f28126;
        font-size: 19px;
    }

    .green-text {
        color: #349D45;
        font-size: 19px;
    }

    .purple-text {
        color: #68479B;
        font-size: 19px;
    }

    .instant-title {
        font-size: 28px;
    }

    h1,
    .h1 {
        font-size: 44px;
    }

    .padding-left-70 {
        padding-left: 86px;
    }

    .emp-form-card {
        background: #fff;
        padding: 26px;
        border-radius: 20px;
        margin-top: 0;
    }

    .padding-left-90 {
        padding-left: 64px;
    }

    .ctacontentWrap {
        margin-bottom: 270px;
    }

    .cta-image {
        position: absolute;
        right: -140px;
        top: 0;
    }

    .video-btn {
        gap: 11px;
    }

    .site-btn img {
        margin-right: 6px;
    }

    .hero-subtext {
        max-width: 94%;

    }

    .btn-text {
        font-size: 22px;
    }

    .btn-wrap {
        gap: 9px;
    }

    .trust-card-text {
        font-size: 15px;
        line-height: 24px;
    }

    .accordion-body p {
        font-size: 16px;
    }

    .accordion-button {
        padding: 20px 30px 20px 30px;
    }

    .accordion-body {
        padding: 20px 30px 20px 30px;
    }

    .trust-content {
        padding: 0 0px 20px 0px;
    }

    .tasksCards .taskCardTitle h3 {
        font-size: 20px;
    }

    .tag-item {
        padding: 14px 12px;
        font-size: 12px;
    }

    .tag-item img {
        width: auto;
        height: 20px;
    }

    .feature-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 13px;
        margin-top: 18px;
    }

    .hero-wrapper {
        padding: 50px 0 60px 0;
    }
}


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

    h1,
    .h1 {
        font-size: 40px;
    }

    .workers-group img {
        width: 56%;
        position: absolute;
        bottom: 0;
        left: 25px;
    }

    .member-content {
        padding-left: 0;
    }

    .member-img {
        position: absolute;
        left: 20px;
        bottom: -5px;
        width: 46%;
    }

    .inner-hero-wrapper .hero-image-hire {
        width: 45%;
        position: absolute;
        right: 60px;
        bottom: -29px;
    }

    .serv-style2 .instant-card {
        padding: 20px;
    }

    .coming-soon {
        font-size: 12px;
    }

    .hero-buttons {
        display: flex;
        gap: 15px;
        margin-bottom: 57px;
        padding-bottom: 20px;
    }

    .jobCardContent {
        padding-left: 10px;
    }

    .jobContentleft {
        padding-right: 10px;
    }

    .instant-title {
        font-size: 27px;
    }

    .tasks-hero .hero-buttons {
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .navSetting {
        margin-left: 60px;
    }

    .trust-padding {
        --bs-gutter-x: 2rem;
    }

    .tasks-hero .swiper {
        height: 480px;
    }

    .site-btn {
        font-size: 20px;
        padding: 6px 16px 6px 6px;
    }

    .cta-image {
        position: absolute;
        right: -140px;
        top: 0;
        width: 56%;
    }

    .cta-section {
        padding: 60px 0;
    }

    .padding-left-70 {
        padding-left: 86px;
    }

    .footer-links a {
        font-size: 15px;
    }

    .padding-left-90 {
        padding-left: 45px;
    }

    .emp-input {
        padding: 16px 20px;
        font-size: 16px;
        border-radius: 11px;
    }

    section.first-faq-block .accordion-item {
        margin-bottom: 26px;
    }

    .hero-image {
        right: -12px;
        bottom: 0;
        width: 56%;
    }

    .highlight-blue::before {
        content: "";
        position: absolute;
        right: 0;
        top: -4px;
        left: 3px;
        width: 97%;
        padding: 2px 10px 5px 10px;
        border-radius: 6px;
        height: 51px;
        background: #205097;
        z-index: -1;
    }

    .highlight-yellow::before {
        content: "";
        position: absolute;
        right: 0;
        top: -2px;
        left: -6px;
        width: 147px;
        padding: 2px 10px 3px 10px;
        border-radius: 6px;
        height: 47px;
        background: #FFB409;
        z-index: -1;
    }

    .hero-subtext {
        max-width: 94%;
    }
}

@media only screen and (max-width:1200px) {
    .section {
        padding-top: 60px;
        padding-bottom: 60px;
        position: relative;
    }

    .hire-steps .kd-subtext {
        padding-right: 12%;
    }

    .tasks-hero .swiper {
        height: 437px;
    }

    .tasksCards .imgWrapper img {
        height: 260px;
    }

    .tasks-hero .swiper-slide.swiper-slide-active .imgWrapper img {
        height: 300px;
        transition: 0.3s all ease;
    }

    .workers-group img {
        width: 37%;
        position: absolute;
        bottom: 0;
        left: 25px;
    }

    .padding-left-1 {
        padding-left: 50px;
    }

    .padding-left-70 {
        padding-left: 66px;
    }

    .member-access-section {
        padding: 60px 0;
    }

    .member-img {
        position: absolute;
        left: -20px;
        bottom: -5px;
        width: 54%;
    }

    .pi-image-box img {
        height: 570px;
    }

    .inner-hero-wrapper .hero-left {
        padding-left: 37px;
    }

    .inner-hero-wrapper .hero-image-hire {
        width: 44%;
        position: absolute;
        right: 20px;
        bottom: -29px;
    }

    .serv-style2 .item {
        min-height: 536px;
    }

    .hero-buttons {
        display: flex;
        gap: 15px;
        margin-bottom: 53px;
        padding-bottom: 25px;
    }

    .cta-section {
        padding: 50px 0;
    }

    .trust-card-title {
        font-size: 20px;
    }

    .trust-card-text {
        font-size: 13px;
        line-height: 20px;
    }

    .how-item p {
        font-size: 12px;
    }

    .tag-item {
        padding: 11px 9px;
        font-size: 11px;
    }

    .hero-subtext {
        font-size: 14px;
        max-width: 70%;
    }
}


@media only screen and (max-width:1100px) {
    .instant-title {
        font-size: 26px;
    }

    .feature-title {

        width: 100%;
    }

    .feature-icon {
        margin-bottom: 23px;
    }

    .feature-card {
        box-shadow: 0px 30px 60px 20px rgb(0 0 0 / 0%);
    }

    .control-padding {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem;
    }

    .cta-image {
        position: absolute;
        right: -140px;
        top: -50px;
        width: 56%;
    }

    .accordion-button:not(.collapsed) h3 {
        font-size: 20px;
        font-weight: 600;
    }

    .accordion-button {
        padding: 15px 20px 15px 20px;
    }

    .accordion-button h3 {
        font-size: 18px;
    }

    .tasks-hero .swiper-slide.swiper-slide-active .imgWrapper img {
        height: 270px;
        transition: 0.3s all ease;
    }

    .tasksCards .imgWrapper img {
        height: 230px;
    }

    .tasks-hero .swiper {
        height: 405px;
    }

    .float-element img {
        position: absolute;
        right: 40%;
        width: 15%;
        top: 240px;
    }

    .inner-hero-wrapper .hero-image {
        width: 37%;
        bottom: -29px;
        right: 15px;
    }

    .hero-image {
        right: -12px;
        bottom: 0;
        width: 62%;
    }

    .footer-top {
        border-bottom: 1px solid #ededed;
        padding-top: 70px;
        padding-bottom: 20px;
    }

    .padding-left-70 {
        padding-left: 17px;
    }

    .instant-sub {
        font-size: 14px;
        line-height: 1.1;
    }
}

@media only screen and (max-width: 992px) {
    .md-mb10 {
        margin-bottom: 10px;
    }

    .md-mb15 {
        margin-bottom: 15px;
    }

    .md-mb20 {
        margin-bottom: 20px;
    }

    .md-mb30 {
        margin-bottom: 30px;
    }

    .md-mb40 {
        margin-bottom: 40px;
    }

    .md-mb50 {
        margin-bottom: 50px !important;
    }

    .md-mb80 {
        margin-bottom: 80px;
    }

    .md-no-mrg {
        margin: 0 !important;
    }

    .md-pb10 {
        padding-bottom: 10px;
    }

    .md-pb20 {
        padding-bottom: 20px;
    }

    .md-pb30 {
        padding-bottom: 30px;
    }

    .md-pb40 {
        padding-bottom: 40px;
    }

    .md-pb50 {
        padding-bottom: 50px;
    }

    .md-pb60 {
        padding-bottom: 60px;
    }

    .md-pb70 {
        padding-bottom: 70px;
    }

    .md-pb80 {
        padding-bottom: 80px;
    }

    .md-pt80 {
        padding-top: 80px !important;
    }

    .md-no-pad {
        padding: 0 !important;
    }

    .md-center {
        text-align: center !important;
    }

    .md-order-1 {
        order: 1 !important;
    }

    .md-order-2 {
        order: 2 !important;
    }

    .md-order-3 {
        order: 3 !important;
    }

    .md-order-4 {
        order: 4 !important;
    }

    .md-hide {
        display: none;
    }

    .justify-end {
        justify-content: flex-start !important;
    }

    .justify-end .vew-all {
        margin-left: 25px;
        margin-top: 25px;
    }

    .justify-end .swiper-controls {
        margin-top: 30px;
    }

    .justify-end .ml-auto {
        margin-left: 0;
        margin-top: 30px;
    }

    .row.sm-marg {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row.sm-marg>* {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row.stand-marg {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row.stand-marg>* {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row.md-marg {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row.md-marg>* {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row.lg-marg {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row.lg-marg>* {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row.xlg-marg {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row.xlg-marg>* {
        padding-left: 15px;
        padding-right: 15px;
    }

    .row.xxlg-marg {
        margin-left: -15px;
        margin-right: -15px;
    }

    .row.xxlg-marg>* {
        padding-left: 15px;
        padding-right: 15px;
    }

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 35px;
    }

    h3 {
        font-size: 30px;
    }

    h4 {
        font-size: 28px;
    }

    h5 {
        font-size: 23px;
    }

    h6 {
        font-size: 20px;
    }

    .fz-120 {
        font-size: 90px !important;
    }

    .fz-80 {
        font-size: 60px !important;
    }

    .fz-70 {
        font-size: 50px !important;
    }

    .border-radius-100px {
        border-radius: 50px !important;
    }

    .navbar .logo:after {
        display: none;
    }

    .navbar .contact-button {
        display: none;
    }

    .navbar .mega-menu .item-img .img {
        display: none;
    }

    .navbar {
        padding-top: 5px;
        padding-bottom: 0;
        margin-top: 0;
    }

    .navbar .navbar-collapse {
        max-height: 440px;
        overflow: auto;
    }

    .navbar .navbar-collapse::-webkit-scrollbar {
        display: none;
    }

    .navbar.nav-scroll {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .navbar .navbar-collapse {
        border-top: 1px solid rgba(255, 255, 255, 0.1);
        margin-top: 15px;
    }

    .navbar .navbar-toggler {
        font-size: 20px;
        border-radius: 0;
        padding: 0;
        margin-right: 30px;
    }

    .navbar .navbar-toggler:focus {
        box-shadow: none;
        border: 0;
        outline: none;
    }

    .navbar .dropdown-menu {
        display: none;
    }

    .navbar .dropdown-menu.show {
        display: block;
        position: static;
    }

    .navbar .dropdown-menu .dropdown-item .dropdown-side {
        display: none;
        position: static;
        width: 100%;
        margin-top: 15px;
    }

    .navbar .dropdown-menu .dropdown-item .dropdown-side.show {
        display: block;
    }

    .navbar .navbar-nav .nav-link {
        padding: 15px 30px 10px;
        margin: 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .navbar .navbar-nav .nav-item:last-of-type .nav-link {
        padding-bottom: 0;
        border-bottom: 0;
    }

    .navbar .navbar-nav .mega-menu {
        width: auto;
        position: static;
        padding: 0;
    }

    .navbar .navbar-nav .mega-menu .item-img {
        font-size: 14px;
        color: #fff;
        transition: all 0.4s;
        padding: 10px 25px;
        position: relative;
    }

    .navbar .navbar-nav .mega-menu .item-img .mt-15 {
        margin-top: 0 !important;
    }

    .navbar .navbar-nav .mega-menu .item-img:after {
        content: "";
        width: 0px;
        height: 1px;
        background: #fff;
        position: absolute;
        left: 10px;
        top: 18px;
        transition: all 0.4s;
    }

    .navbar .navbar-nav .mega-menu .item-img:hover {
        padding-left: 30px;
        background: transparent;
    }

    .navbar .navbar-nav .mega-menu .item-img:hover:after {
        width: 10px;
    }

    .navbar .dark-mode-icon {
        display: none;
    }

    .navbar .navbar-nav {
        background: #282828;
        border-radius: 5px;
    }

    .navbar .dropdown-menu {
        border-radius: 0;
        background: #0c0c0c;
    }

    .hamenu .menu-links .main-menu>li .link {
        margin-bottom: 25px;
        padding-bottom: 25px;
        border-bottom: 1px solid #ff65003b;
    }

    .blur-div {
        display: none;
    }

    .butn-arrow .arrow-icon {
        width: 32px;
        height: 32px;
        line-height: 32px;
    }

    .butn-arrow .arrow-icon svg {
        width: 25px;
    }

    .sec-head h6 {
        margin-bottom: 30px;
    }

    .sec-head h2 {
        font-size: 40px !important;
    }

    .sec-head .justify-content-end {
        display: block !important;
    }

    .sec-head .butn-more {
        margin-top: 30px;
    }

    div[data-lag="0"] {
        transform: translate(0) !important;
    }

    img[data-lag="0"] {
        transform: translate(0) !important;
    }

    .hero-style1 {
        padding-bottom: 80px;
    }

    .hero-style1 h1 {
        font-size: 60px !important;
    }

    .hr-sec .hr-container {
        flex-wrap: wrap;
        width: 100%;
    }

    .hr-sec .hr-container .item-panel {
        height: auto;
        width: 50%;
    }

    .hr-sec .hr-container .item-panel .fit-img {
        height: 480px;
    }

    .hero-style3 {
        padding-top: 140px;
        text-align: center;
    }

    .hero-style3 .text-indent {
        text-indent: 0;
    }

    .main-container {
        position: relative;
    }

    .left-side {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: auto;
        display: block !important;
        padding: 30px !important;
        z-index: 9999;
    }

    .right-side {
        width: 100% !important;
    }

    .hero-style2 .main-box {
        padding-top: 140px;
    }

    .hero-style2 .main-box .caption h1 {
        font-size: 85px;
    }

    .hero-style2 .serv {
        margin-top: 10px;
    }

    .hero-style2 .awards .awards-swiper {
        height: 300px;
    }

    .hero-style5 .snap-slider-captions-wrapper,
    .hero-style5-showcase .snap-slider-captions-wrapper {
        height: 60px;
    }

    .hero-style5 .snap-slider-captions h1,
    .hero-style5-showcase .snap-slider-captions h1 {
        font-size: 40px;
        text-align: center;
    }

    .hero-style5 .snap-slider-captions,
    .hero-style5-showcase .snap-slider-captions {
        align-items: flex-end;
        padding-bottom: 100px;
    }

    .hero-style5 .mdtop {
        position: static !important;
    }

    .hero-style8 h1 {
        font-size: 74px !important;
    }

    .hero-style7 .caption {
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }

    .hero-style7 .caption .butn-arrow {
        margin: auto;
    }

    .hero-style7 .exp {
        right: auto;
    }

    .hero-style7 .img {
        max-width: 440px;
        margin: auto;
    }

    .hero-style7 .text-align-right {
        text-align: center !important;
    }

    .hero-style7 ul {
        width: 100%;
        display: flex;
        justify-content: space-around;
    }

    .hero-style6 h1 {
        margin-bottom: 50px;
    }

    .pg-hero {
        padding-top: 120px;
    }

    .pg-hero .fs-80 {
        font-size: 64px !important;
    }

    .pg-hero .text-align-right.md-mb80 {
        text-align: left !important;
    }

    .pg-hero ul li {
        display: inline-block;
        margin-right: 30px;
    }

    .intro-style6 h1 {
        margin-bottom: 50px;
    }

    .intro-style6 .justify-content-end {
        justify-content: center !important;
        text-align: center;
    }

    .intro-style6 .text-align-right {
        text-align: center !important;
        margin-top: 15px;
    }

    .intro-style6 ul li {
        display: inline-block;
        margin: 5px 10px;
    }

    .portfolio-style2 .item {
        margin-bottom: 50px !important;
    }

    .portfolio-style2 .item .fit-img {
        height: 450px !important;
    }

    .testimonials-ca .sec-head .gl-rate {
        margin-left: 0;
    }

    .serv-style4 .item {
        min-height: 420px;
    }

    .features .item {
        margin-top: 0 !important;
        margin-bottom: 30px !important;
    }

    .interactive-sec .glry-img .tab-img {
        max-width: 100%;
        top: 0 !important;
    }

    .interactive-sec .glry-img .tab-img:first-of-type {
        position: static;
        margin-bottom: 50px;
    }

    .serv-style2 .item {
        margin: 0;
    }

    .serv-style2 .item .cont {
        padding: 60px 30px !important;
    }

    .serv-style2 .item .fs-60 {
        font-size: 40px !important;
    }

    .features.pt-0 {
        padding-top: 140px !important;
    }

    .intro-style1 .box-bord,
    .intro-style1 .fit-vid {
        display: inline-block;
        margin: 0 30px 30px 0 !important;
        float: left;
    }

    .snap-slide .main-img .cont {
        top: auto;
        bottom: 20%;
        transform: translate(0);
        text-align: center;
    }

    .snap-slide .main-img .cont .d-flex {
        justify-content: center !important;
    }

    .snap-slide .main-img .cont h2 {
        margin-bottom: 30px;
    }

    .testim-cards .sec-head.bord {
        margin-bottom: 30px !important;
    }

    .awards-reval .item-row .award-position {
        margin-top: 5px;
    }

    .footer-style1 .fo-box-left {
        margin-bottom: 30px;
    }

    .portfolio-elegant .work-boxs,
    .portfolio-crev .work-boxs {
        display: block !important;
        text-align: center;
    }

    .portfolio-elegant .item,
    .portfolio-elegant .item.active,
    .portfolio-crev .item,
    .portfolio-crev .item.active {
        width: 49%;
        height: 400px;
        min-height: 400px;
        display: inline-block;
        padding: 0 10px;
    }

    .portfolio-elegant .item,
    .portfolio-elegant .item.active {
        height: auto;
        min-height: auto;
        margin: 0 0 30px !important;
    }

    .portfolio-elegant .item .bg-img,
    .portfolio-elegant .item.active .bg-img {
        height: 400px;
    }

    .testim-style3 .swiper-controls {
        top: auto;
        bottom: -30px;
        transform: none;
    }

    .testim-style3 .tobotm {
        margin-bottom: 80px;
    }

    .blog-md .row-bord:after {
        display: none;
    }

    .showcase-full .parallax-slider-full .caption h1 {
        font-size: 80px;
    }

    .parallax-slider-wrapper .parallax-slider-inner {
        left: 40px;
    }

    .slider .parallax-slider-full .swiper-slide .bg-img {
        background-position: center center !important;
    }

    .inter-links-center .links-text li h2 a .text {
        font-size: 64px;
        letter-spacing: -2px;
    }

    .portfolio-style2 .item {
        margin-top: 0 !important;
    }

    .footer-style4 .logo {
        margin-bottom: 25px;
    }

    .footer-style4 .column {
        margin: 25px 0;
    }

    .footer-style4 .links,
    .footer-style4 .copyright {
        text-align: center;
        display: block !important;
    }

    .footer-style4 .links .d-flex,
    .footer-style4 .copyright .d-flex {
        justify-content: center;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width: 991px) {
    .footer-links li {
        margin-bottom: 15px;
    }


    .stackCardd .item {
        padding: 0 12px;
    }

    .show-screen {
        display: none;
    }

    .stackCard {
        position: unset;
        transform: translateX(0%);
    }

    .hire-steps.section .profile-left-spacing {
        padding-left: 20px;
        padding-right: 20px;
    }

    .hire-steps .kd-subtext {
        padding-right: 0;
    }

    .cta-section.hire-cta .cta-sub {
        padding-right: 20%;
    }

    .review-img {
        width: 100%;
        height: 500px;
        object-fit: cover;
        border-radius: 20px;
        border: 4px solid #ffffff47;
        object-position: top;
    }

    .inner-hero-title {
        margin-bottom: 12px;
    }

    .review-checklist li {
        margin-bottom: 20px;
        margin-top: 20px;
        padding-bottom: 20px;
    }

    .review-checklist p {
        color: #ffffff;
        font-weight: 600;
        font-size: 18px;
        margin: 0;
    }

    .pi-image-box img {
        height: 500px;
        object-position: top;
    }

    .inner-hero-wrapper .hero-buttons {
        margin-bottom: 30px;
    }

    .modal-dialog.modal-xl.modal-dialog-centered {
        max-width: 900px;
    }

    .tasks-hero .swiper {
        height: 380px;
    }

    .left-box .subtext {
        font-size: 14px;
        color: #fff;
        line-height: 23px;
        padding-right: 15px;
    }

    .contact-modal-nav .modal-content .modal-body {
        padding: 46px 25px 25px 25px;
    }

    .left-box .features-list li p {
        font-size: 14px;
    }

    .btn-wrap {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: center;
    }

    h2.cta-title {
        padding-right: 10%;
        line-height: 36px;
        margin-bottom: 6px;
    }

    .tasks-hero .swiper-slide.swiper-slide-active .imgWrapper img {
        height: 250px;
        transition: 0.3s all ease;
    }

    .member-access-section {
        padding: 60px 0 270px 0;
    }

    .member-img {
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 54%;
        right: 0;
        margin: 0 auto;
    }

    .member-list li {
        margin-bottom: 25px;
        padding-bottom: 25px;
    }

    .review-img-box {
        margin-left: 0;
    }

    .review-content {
        padding-left: 0;
        margin-top: 26px;
    }

    .pi-checklist li {
        margin: 20px 0;
        padding-bottom: 20px;
    }

    .pi-checklist li p {
        color: #000;
        font-weight: 600;
        font-size: 18px;
    }

    .control-padding {
        --bs-gutter-x: 1.5rem;
        --bs-gutter-y: 1.5rem;
    }

    .float-element img {
        position: absolute;
        right: 46%;
        width: 15%;
        top: 240px;
    }

    .tab-mb-padding {
        --bs-gutter-y: 2rem;
    }


    .pricing-info-section.hire-pricing .pi-checklist li {
        margin: 20px 0;
        display: flex;
        align-items: center;
        border-bottom: 1px solid #eeeeee38;
        padding-bottom: 20px;
    }

    .pricing-info-section.hire-pricing .pi-checklist li p {
        color: #fff;
        font-weight: 600;
        font-size: 18px;
    }

    .kd-box-wrapper {
        padding: 20px;
        ;
    }

    .big-number {
        font-size: 70px;
    }

    .kd-title {
        font-size: 25px;
        font-weight: 600;
        line-height: 1.1;
        max-width: 200px;
    }

    .profile-left-spacing {
        padding-left: 20px;
        padding-right: 0px;
    }

    .inner-hero-wrapper .hero-image-hire {
        width: 48%;
        position: absolute;
        right: 20px;
        bottom: -29px;
    }

    .inner-hero-subtext {
        font-size: 16px;
        margin-bottom: 14px;
        color: #000;
        font-weight: 500;
        width: 47%;
    }

    .inner-hero-wrapper {
        margin-top: 67px;
    }

    .instant-img {
        border-radius: 15px;
        height: 100%;
        object-fit: cover;
        width: 100%;
    }

    .coming-soon {
        font-size: 11px;
        position: absolute;
        left: 22px;
        top: 24px;
    }

    .serv-style2 .instant-card {
        padding: 12px;
    }

    .hero-image {
        right: 0;
        bottom: 0;
        width: 100%;
    }

    .logo img {
        width: 200px;
    }

    .hero-buttons {
        display: flex;
        gap: 15px;
        margin-bottom: 174px;
        padding-bottom: 29px;
    }

    a.video-btn.frmobile {
        position: absolute;
        right: 0;
        bottom: 20px;
        left: 0;
        top: unset;
        margin: 0 auto;
        text-align: center;
        width: max-content;
        z-index: 2;
    }

    .site-btn {
        font-size: 20px;
        padding: 6px 16px 6px 6px;
    }

    .hero-title {
        line-height: 1.3;
    }

    .hero-wrapper {
        padding: 30px 0 335px 0;
        margin-top: 66px;
    }

    .only-dk {
        display: none;
    }

    .frmobile {
        display: inline-flex;
        padding: 7px 16px 7px 7px;
    }

    h2 {
        font-size: 30px;
        margin-bottom: 8px;
    }

    .hero-wrapper .container.container.custom-container {
        padding-left: 41px;
    }

    .padding-left-1 {
        padding-left: 12px;
    }

    .mt-md-40 {
        margin-top: 25px;
    }

    .emp-form-card {
        padding: 16px 16px;
    }

    h2.emp-title {
        font-size: 30px;
    }

    .highlight-yellow-1::before {
        height: 43px;
    }

    .highlight-blue-1::before {
        height: 40px;
    }


    .footer-top {
        border-bottom: 1px solid #ededed;
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .footer-section .socials {
        margin-top: 11px;
        justify-content: end;
    }

    .contact-info .socials a {
        margin-right: 0;
        margin-left: 15px;
    }

    .footer-title {
        margin-bottom: 16px;
    }

    .contact-info .socials span {
        margin-right: 0;
    }

    .padding-left-90 {
        padding-left: 12px;
    }

    .emp-input {
        padding: 10px 20px;
        font-size: 14px;
        border-radius: 5px;
    }

    .empower-section {
        padding: 38px 20px 50px 15px;
    }

    .custom-radio {
        font-size: 13px;
    }

    .workers-group img {
        width: 48%;
        position: absolute;
        bottom: 0;
        left: -30px;
        /* z-index: -1; */
    }

    .accordion-body p {
        font-size: 14px;
    }

    .trust-padding {
        --bs-gutter-x: 1.2rem;
        --bs-gutter-y: 2rem;
    }

    .instant-card {
        padding: 16px 15px 16px 15px;
    }

    .trust-card-title {
        font-size: 16px;
    }

    .trust-card-text {
        font-size: 13px;
        line-height: 19px;
        padding: 0 2px;
    }

    .trust-card {
        background: #ffffff;
        border-radius: 20px;
        text-align: center;
        height: 100%;
        padding: 8px 8px 10px 8px;
        border: 2px solid #f3f3f3;
        transition: 0.3s all ease;
    }

    .trust-content {
        padding: 0 0px 0px 0px;
    }

    .booking-happens p {
        color: #FF6500;
        font-size: 16px;
        font-family: "Bebas Neue", sans-serif;
    }

    .blue-pill {
        padding: 1px 20px;
        background-color: #205097;
        color: #fff;
        font-weight: 600;
        font-size: 14px;
        display: inline-block;
        border-radius: 50px;
        margin-bottom: 20px;
    }

    .hire-steps .instant-card {
        padding: 0;
    }

    .hire-steps .stackCard .item {
        padding: 0 12px;
    }

    .cta-image {
        position: absolute;
        right: -240px;
        top: -19px;
        width: 63%;
    }


    .ctacontentWrap {
        margin-bottom: 20px;
    }

    .trust-img {
        border-radius: 16px;
        margin-bottom: 20px;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .serv-style2 .item {
        min-height: 100%;
    }

    .tag-item {
        padding: 7px 12px;
        font-size: 10px;
        border-radius: 7px;
    }

    .tag-item img {
        width: auto;
        height: 15px;
    }

    .feature-tags {
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        margin-top: 18px;
    }

    .hero-title {
        margin-bottom: 11px;
    }

    .instant-title {
        font-size: 24px;
        line-height: 22px;
    }

    .orange-text {
        font-size: 15px;
    }

    .purple-text {
        font-size: 15px;
    }

    .sectionTitleWrapper {
        margin-bottom: 30px;
        padding: 0 12px;
    }

    .instant-sub {
        font-size: 12px;
        line-height: 1.6;
    }

    .green-text {
        font-size: 15px;
    }

    .highlight-blue::before {
        content: "";
        position: absolute;
        right: 0;
        top: 1px;
        left: 3px;
        width: 97%;
        padding: 2px 10px 0px 10px;
        border-radius: 6px;
        height: 45px;
        background: #205097;
        z-index: -1;
    }

    .highlight-yellow::before {
        content: "";
        position: absolute;
        right: 0;
        top: 0px;
        left: -5px;
        width: 144px;
        padding: 2px 10px 3px 10px;
        border-radius: 6px;
        height: 44px;
        background: #FFB409;
        z-index: -1;
    }

    .hamenu .menu-links .main-menu>li:nth-child(3) .link {
        border-bottom: 0px solid #ffffff3d;
    }
}


@media only screen and (max-width: 850px) {
    .trust-img {
        border-radius: 16px;
        margin-bottom: 20px;
        width: 100%;
        height: auto;
        object-fit: cover;
    }

    .hero-wrapper {
        padding: 30px 0 295px 0;
        margin-top: 66px;
    }

    .cta-image {
        position: absolute;
        right: -205px;
        top: -21px;
        width: 64%;
    }
}

@media only screen and (max-width: 820px) {
    .hero-wrapper {
        padding: 30px 0 265px 0;
        margin-top: 66px;
    }

    .cta-image {
        position: absolute;
        right: -245px;
        top: -9px;
        width: 71%;
    }
}

@media only screen and (max-width: 800px) {
    .instant-title {
        font-size: 21px;
    }

    .inner-hero-wrapper .hero-image-hire {
        width: 52%;
        position: absolute;
        right: 20px;
        bottom: -29px;
    }

    .big-number {
        font-size: 90px;
        right: 40px;
    }

    .kd-title {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.1;
        max-width: 150px;
    }

    .kd-subtext {
        font-size: 14px;
        margin-top: 10px;
        font-weight: 500;
        color: #fff;
        line-height: 21px;
    }

    h2.cta-title {
        font-size: 30px;
        line-height: 35px;
    }

    .purple-text {
        font-size: 13px;
    }
}

@media only screen and (max-width: 768px) {
    .sm-mb10 {
        margin-bottom: 10px;
    }

    .sm-mb15 {
        margin-bottom: 15px;
    }

    .sm-mb20 {
        margin-bottom: 20px;
    }

    .sm-mb30 {
        margin-bottom: 30px;
    }

    .sm-mb40 {
        margin-bottom: 40px;
    }

    .sm-mb50 {
        margin-bottom: 50px;
    }

    .sm-mb80 {
        margin-bottom: 80px;
    }

    .sm-pb10 {
        padding-bottom: 10px;
    }

    .sm-pb20 {
        padding-bottom: 20px;
    }

    .sm-pb30 {
        padding-bottom: 30px;
    }

    .sm-pb40 {
        padding-bottom: 40px;
    }

    .sm-pb50 {
        padding-bottom: 50px;
    }

    .sm-pb60 {
        padding-bottom: 60px;
    }

    .sm-pb70 {
        padding-bottom: 70px;
    }

    .sm-pb80 {
        padding-bottom: 80px;
    }

    .sm-order-1 {
        order: 1 !important;
    }

    .sm-order-2 {
        order: 2 !important;
    }

    .sm-order-3 {
        order: 3 !important;
    }

    .sm-order-4 {
        order: 4 !important;
    }

    .sm-hide {
        display: none !important;
    }

    .fs-70 {
        font-size: 40px !important;
    }

    .fs-40 {
        font-size: 25px !important;
    }


    .fs-100 {
        font-size: 70px !important;
    }

    .progress-wrap {
        display: none;
    }

    .loader-wrap .loader-wrap-heading .load-text {
        font-size: 20px;
    }

    .hamenu .logo {
        left: 25px;
    }

    .hamenu .close-menu {
        top: 25px;
        right: 25px;
    }

    .hamenu .menu-links {
        padding: 70px 20px 40px;
    }

    .hamenu .menu-links .main-menu>li .link {
        font-size: 30px;
    }

    .hamenu .menu-links .main-menu>li .link i {
        width: 50px;
    }

    .hamenu .menu-links .main-menu>li .sub-dmenu {
        font-size: 24px;
    }

    .hamenu .menu-links .main-menu .sub-menu li,
    .hamenu .menu-links .main-menu .sub-menu2 li {
        font-size: 20px;
    }

    section {
        padding-top: 100px;
        padding-bottom: 100px;
    }

    .sec-head h2 {
        font-size: 30px !important;
    }

    .shape-top-right.w-300px {
        width: 200px;
    }

    .h-700px {
        height: 550px !important;
    }

    .h-700px .h-800px {
        height: 650px !important;
    }

    .h-600px {
        height: 450px !important;
    }

    .hero-style1 h1 {
        font-size: 40px !important;
    }

    .hr-sec .hr-container .item-panel {
        width: 100%;
    }

    .hr-sec .hr-container .item-panel .fit-img {
        height: 400px;
        min-height: 400px;
    }

    .hero-style4 h1,
    .hero-style4 h2 {
        font-size: 50px !important;
        font-weight: 600 !important;
    }

    .hero-style4 {
        padding-bottom: 20px;
    }

    .hero-style4 .justify-content-end {
        display: block !important;
    }

    .hero-style3 h1 {
        font-size: 35px !important;
    }

    .hero-style3 h1 img {
        width: 25px;
    }

    .hero-style2 .main-box .caption h1,
    .about-md .main-box .caption h1 {
        font-size: 60px;
        line-height: 60px;
    }

    .hero-style2 .main-box,
    .about-md .main-box {
        height: 700px;
    }

    .hero-style8 h1 {
        font-size: 40px !important;
    }

    .hero-style7 .fit-img {
        height: 550px !important;
    }

    body.modern-agency .section-padding {
        padding: 60px 20px !important;
    }

    body.modern-agency .right-side,
    body.modern-agency .main-container {
        padding: 0 !important;
    }

    .hero-style5 .snap-slider-thumbs-wrapper {
        width: 250px;
        height: 320px;
    }

    .hero-style5 .snap-slider-captions .col-sm-3,
    .hero-style5-showcase .snap-slider-captions .col-sm-3 {
        text-align: center;
        margin-bottom: 10px;
    }

    .hero-style5 .snap-slider-captions-wrapper,
    .hero-style5-showcase .snap-slider-captions-wrapper {
        height: 120px;
    }

    .hero-style5 .snap-slider-captions,
    .hero-style5-showcase .snap-slider-captions {
        padding-bottom: 50px;
    }

    .pg-hero .fs-80 {
        font-size: 32px !important;
    }

    .interactive-sec .cluom h3 {
        font-size: 40px !important;
    }

    .portfolio-elegant .item,
    .portfolio-elegant .item.active,
    .portfolio-crev .item,
    .portfolio-crev .item.active {
        width: 100%;
        padding: 0;
    }

    .portfolio-style2 .item .fit-img {
        height: 400px !important;
    }

    .portfolio-style3 .item {
        height: 450px !important;
    }

    .portfolio-style3 .item .text {
        left: 30px;
        bottom: 30px;
    }

    .intro-style3 .box-bgimg1:after {
        width: 50%;
        height: 50%;
        top: auto;
        bottom: 30px;
    }

    .serv-style6 .item h3 {
        font-size: 34px !important;
    }

    .serv-style6 .item .imgs {
        display: none;
    }

    .team-intro.style2 .item {
        min-height: 450px;
    }

    .team-reval .item-row .text-align-center,
    .team-reval .item-row .social-icon {
        text-align: left;
        margin-top: 15px;
    }

    .testim-style1 .swiper-controls {
        text-align: right;
    }

    .testim-style1 .info-text {
        display: block !important;
    }

    .testim-cards .stackCard,
    .testim-cards .item {
        padding: 50px 15px;
    }

    .testim-cards .stackCard>.d-flex,
    .testim-cards .item>.d-flex {
        display: block !important;
    }

    .testim-cards .stackCard .info,
    .testim-cards .item .info {
        margin-bottom: 50px;
    }

    .testim-cards .stackCard .line-left,
    .testim-cards .item .line-left {
        border: 0;
        padding: 0 !important;
        margin: 0 !important;
    }

    .awards-reval .item-row .award-year {
        margin-bottom: 10px;
    }

    .awards-reval .item-row {
        border-radius: 30px;
    }

    .showcase-full .parallax-slider-full .caption h1 {
        font-size: 45px;
    }

    .showcase-full .dots {
        display: none;
    }

    .parallax-slider-wrapper .parallax-slider-inner {
        left: 20px;
    }

    .inter-links-center .links-text li h2 a .text {
        font-size: 30px;
        letter-spacing: -1px;
    }

    .pg-hero .info {
        display: block !important;
    }

    .pg-hero .date {
        margin-left: 30px !important;
    }

    .pg-hero .right-info {
        margin: 30px 0 0;
    }

    .main-post .fz-60 {
        display: none;
    }

    .main-post .post-qoute {
        padding: 30px 15px;
    }

    .main-post .post-qoute h6:before {
        position: relative;
        left: 0;
    }

    .main-post .info-area {
        display: block !important;
    }

    .main-post .info-area .tags {
        margin-bottom: 30px;
    }

    .main-post .author-area .flex {
        display: block;
    }

    .main-post .author-area .author-img {
        margin: 0 0 30px 0;
    }

    .main-post .author-area .author-img .img {
        width: 80px;
        height: 80px;
    }

    .main-post .next-prv-post {
        display: block;
    }

    .main-post .next-prv-post .thumb-post {
        margin: 0 !important;
    }

    .main-post .next-prv-post .text-right {
        text-align: left;
        margin-top: 30px !important;
    }

    .main-post .author-area {
        padding: 40px 20px;
    }

    .comments-post .item-box .flex {
        display: block;
    }

    .comments-post .item-box .user-img {
        margin: 0 0 15px 0;
    }

    .comments-post .item-box .replay-post {
        margin: 15px 0 0 0;
    }

    .comments-post .item-box.replayed {
        margin-left: 0;
    }

    .main-post .post-qoute h6:before {
        top: 70px;
    }

    .pg-project .fs-60 {
        font-size: 28px !important;
    }

    .contact-style1 .box {
        padding: 60px 25px;
    }

    footer .fo-box-left .d-flex {
        display: block !important;
    }

    footer .fo-box-left .butn-arrow {
        margin-top: 30px;
    }

    footer .fo-box-left .text-align-right {
        text-align: left !important;
        margin-top: 30px;
    }

    .footer-style1 .fo-box-left,
    .footer-style1 .fo-box-right {
        padding: 40px 20px;
    }

    .footer-style1 .fo-box-left .line-bottom,
    .footer-style1 .fo-box-right .line-bottom {
        margin-bottom: 40px !important;
        padding-bottom: 40px !important;
    }
}

@media (max-width:767px) {
    .hero-wrapper .container.container.custom-container {
        padding-left: 20px;
    }

    .show-screen {
        display: none;
    }

    .hire-steps.section .profile-left-spacing {
        padding-left: 12px;
        padding-right: 12px;
    }

    .inner-hero-wrapper.find-wok .hero-buttons {
        margin-bottom: 74px;
    }

    .float-element img {
        position: absolute;
        right: 41%;
        width: 15%;
        top: 248px;
    }

    .inner-hero-wrapper.find-wok {
        padding: 44px 0 30px 0;
    }

    .reviews-section .container-fluid {
        max-width: 620px;
        margin: 0 auto;
    }

    .accordion-button h3 {
        line-height: 25px;
    }

    .footer-title {
        margin-bottom: 25px;
    }

    .blue-pill {
        padding: 1px 12px;
    }

    .blue-pill {
        font-size: 13px;
    }

    .blue-pill {
        margin-bottom: 12px;
    }

    .hire-steps .kd-subtext {
        padding-right: 0;
    }

    .trust-card {
        padding: 8px 8px 15px 8px;
    }

    .contact-modal-nav .modal-content {
        background: transparent;
        border: 0;
        margin: 0 30px;
    }

    .custom-input {
        border: none;
        border-radius: 6px;
        background: #f3f3f3;
        padding: 10px 15px;
    }

    .left-box .info-value {
        font-size: 18px;
    }

    .left-box .info-value.phone {
        font-size: 21px;
    }

    .left-box .features-list li p {
        margin-bottom: 8px;
        padding-bottom: 8px;
    }

    .left-box .title {
        margin-bottom: 9px;
    }

    .left-box {
        margin-top: 30px;
    }

    .accordion-body {
        padding: 20px 20px 20px 20px;
    }

    .accordion-body p {
        font-size: 14px;
    }


    .trust-img {
        border-radius: 16px;
        margin-bottom: 20px;
        width: 100%;
        object-fit: cover;
    }

    .trust-padding {
        --bs-gutter-x: 1.2rem;
        --bs-gutter-y: 1.2rem;
    }

    .tasks-hero .swiper {
        height: 375px;
        padding: 0 12px;
    }

    .member-img {
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 69%;
        right: 0;
        margin: 0 auto;
    }

    .review-img {
        height: 340px;
    }

    .review-desc {
        color: #fff;
        margin-bottom: 30px;
        padding-right: 12px;
    }

    .pi-checklist li p {
        font-size: 16px;
    }

    .review-checklist {
        margin-bottom: 30px;
    }

    .review-checklist li {
        margin-bottom: 15px;
        margin-top: 15px;
        padding-bottom: 15px;
    }

    .review-checklist p {
        font-size: 16px;
    }

    .pi-checklist li {
        margin: 15px 0;
        padding-bottom: 15px;
    }

    .create-profile .stackCard .item {
        padding: 0 12px;
    }

    .feature-icon {
        width: 73px;
        height: 73px;
        margin-bottom: 21px;
    }

    .pi-checklist {
        margin-bottom: 30px;
    }

    h5.pi-desc {
        font-size: 16px;
    }

    .cardStacking__cards {
        --bs-gutter-x: 1.2rem;
        --bs-gutter-y: 0.4rem;
    }

    .kd-box-wrapper {
        padding: 20px;
        height: 100%;
    }

    .hire-steps .stackCard .item {
        padding: 0 12px;
        height: 100%;
    }

    .profile-left-spacing {
        padding-left: 12px;
        padding-right: 12px;
        margin-top: 20px;
    }

    .inner-hero-wrapper {
        padding: 44px 0 46px 0;
    }

    .booking-happens {
        padding: 5px 10px 5px 8px;
    }

    .pricing-info-section.hire-pricing .pi-checklist li {
        margin: 15px 0;
        padding-bottom: 15px;
    }

    .pricing-info-section.hire-pricing .pi-checklist li p {
        font-size: 16px;
    }

    .pi-image-box img {
        height: 330px;
    }

    .inner-hero-subtext {
        font-size: 14px;
        margin-bottom: 15px;
        color: #000;
        font-weight: 500;
        width: 47%;
        line-height: 22px;
    }

    .inner-hero-wrapper .hero-image-hire {
        width: 52%;
        position: absolute;
        right: 10px;
        bottom: -49px;
    }

    h1 {
        font-size: 36px;
    }

    .inner-hero-wrapper .hero-left {
        padding-left: 20px;
    }

    .hero-image {
        right: 0;
        bottom: 0;
        position: unset;
        width: 100%;
    }

    a.video-btn.frmobile {
        position: absolute;
        /* right: 0; */
        bottom: 12px;
        /* left: 50%; */
        top: unset;
        margin: 0 auto;
        /* text-align: center; */
        /* width: 100%; */
    }

    .col-lg-6.col-md-12.hero-right {
        padding: 0;
    }

    .hero-buttons {
        display: flex;
        gap: 15px;
        margin-bottom: 25px;
        padding-bottom: 0;
    }

    .frmobile {
        display: inline-flex;
    }

    .site-btn img {
        margin-right: 10px;
        transition: all 0.4s;
        border: 1px solid #ffffff4f;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        object-fit: scale-down;
        padding: 3px;
    }

    .site-btn {
        font-size: 18px;
        padding: 4px 18px 4px 4px;
    }

    .play-icon {
        width: 37px;
        height: 37px;
    }

    .play-icon span {
        margin-left: 4px;
        width: 13px;
        margin-top: -2px;
    }

    .btn-text {
        font-size: 18px;
    }

    .hero-subtext {
        font-size: 14px;
        max-width: 96%;
        line-height: 22px;
        margin-bottom: 18px;
    }

    .hero-wrapper {
        padding: 33px 0 0px 0;
        margin-top: 66px;
    }

    .trust-sub {
        font-size: 14px;
        line-height: 22px;
    }

    .tag-item {
        padding: 7px 9px;
        font-size: 11px;
        border-radius: 7px;
    }

    h2.cta-title {
        font-size: 25px;
        line-height: 28px;
    }

    .cta-image {
        position: absolute;
        right: -270px;
        top: -40px;
        width: 86%;
    }

    h2.emp-title {
        font-size: 25px;
    }

    .mt-small-0 {
        margin-top: 0;
    }

    .highlight-blue-1::before {
        height: 33px;
    }

    .footer-links a {
        font-size: 14px;
    }

    .footer-section .socials {
        margin-top: 11px;
        justify-content: start;
    }

    .workers-group img {
        width: 55%;
        position: absolute;
        bottom: 0;
        left: unset;
        right: 23%;
    }

    .footer-desc {
        font-size: 15px;
        margin-bottom: 9px;
        max-width: 310px;
        line-height: 23px;
    }

    .empower-section {
        padding: 38px 20px 220px 15px;
    }

    .highlight-yellow-1::before {
        height: 36px;
    }

    .cta-sub {
        font-size: 14px;
        color: #fff;
        margin-bottom: 16px;
        line-height: 20px;
    }

    section.cta-section .site-btn img {
        margin-right: 10px;
        transition: all 0.4s;
        border: 1px solid #ffffff4f;
        width: 30px;
        height: 30px;
        border-radius: 50px;
        object-fit: scale-down;
        padding: 5px;
    }

    section.cta-section .site-btn {
        padding: 4px 14px 4px 4px;
        display: inline-flex;
        align-items: center;
    }

    .cta-image {
        position: absolute;
        right: -70px;
        top: -80px;
        width: 50%;
    }

    .instant-img {
        border-radius: 15px;
        height: 100%;
        object-fit: cover;
        width: 100%;
        height: 300px !important;
        margin-bottom: 20px;
        object-position: top;
    }

    .serv-style2.section {
        padding-bottom: 40px;
    }

    .highlight-blue::before {
        content: "";
        position: absolute;
        right: 0;
        top: -1px;
        left: 3px;
        width: 98%;
        padding: 2px 10px 5px 10px;
        border-radius: 6px;
        height: 43px;
        background: #205097;
        z-index: -1;
    }

    .highlight-yellow::before {
        content: "";
        position: absolute;
        right: 0;
        top: -4px;
        left: -5px;
        width: 132px;
        padding: 2px 10px 3px 10px;
        border-radius: 6px;
        height: 45px;
        background: #FFB409;
        z-index: -1;
    }
}



@media (max-width: 600px) {
    .cta-image {
        position: absolute;
        right: -70px;
        top: -60px;
        width: 50%;
    }

    .inner-hero-subtext {
        font-size: 14px;
        margin-bottom: 15px;
        color: #000;
        font-weight: 500;
        width: 76%;
        line-height: 22px;
    }

    .kd-title {
        font-size: 20px;
        font-weight: 600;
        line-height: 1.1;
        max-width: 270px;
    }

    .inner-hero-wrapper .hero-buttons {
        margin-bottom: 50px;
    }

    .tasks-hero .swiper-slide.swiper-slide-active .imgWrapper img {
        height: 400px;
        transition: 0.3s all ease;
    }

    .tasks-hero .swiper {
        height: 512px;
        padding: 0 12px;
    }

    .member-img {
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 81%;
        right: 0;
        margin: 0 auto;
    }

    .hero-subtext {
        max-width: 100%;
    }

    .mt-small-0 {
        margin-top: 0;
    }

    .workers-group img {
        width: 66%;
        position: absolute;
        bottom: -10px;
        left: unset;
        right: 10px;
    }

    .accordion-button:not(.collapsed) h3 {
        font-size: 20px;
        font-weight: 600;
    }

    .accordion-button h3 {
        font-weight: 400;
        font-family: "Poppins", sans-serif;
        font-size: 18px;
        color: #000;
        margin-bottom: 0;
    }

    .cta-section {
        padding: 30px 0;
    }
}

@media (max-width: 576px) {
    .cta-image {
        position: absolute;
        right: -40px;
        top: -30px;
        width: 50%;
    }

    .trust-card {
        background: #ffffff;
        border-radius: 20px;
        text-align: center;
        height: 100%;
        border: 2px solid #f3f3f3;
        transition: 0.3s all ease;
        width: 75%;
        margin: 0 auto;
    }

    .empower-section .col-xl-5.col-lg-7.col-md-7 {
        padding: 0;
    }

    .float-element img {
        position: absolute;
        right: 40%;
        width: 15%;
        top: 280px;
    }

    .mt-small-0 {
        margin-top: 25px;
    }


    .workers-group img {
        width: 66%;
        position: absolute;
        bottom: -10px;
        left: unset;
        right: 80px;
    }

    .cta-section {
        padding: 30px 0;
    }
}


@media (max-width: 520px) {
    .cta-image {
        position: absolute;
        right: -40px;
        top: -20px;
        width: 50%;
    }

    .accordion-button:not(.collapsed) h3 {
        font-size: 20px;
        font-weight: 600;
        line-height: 25px;
    }

    .inner-hero-wrapper {
        padding: 44px 0 27px 0;
    }

    .hero-title {
        line-height: 1.2;
    }

    .workers-group img {
        width: 71%;
        position: absolute;
        bottom: -10px;
        left: unset;
        right: 10px;
    }
}


@media (max-width: 500px) {
    .inner-hero-wrapper .hero-image-hire {
        width: 49%;
        position: absolute;
        right: 9px;
        bottom: -10px;
    }

    .inner-hero-wrapper.find-wok {
        padding: 44px 0 36px 0;
    }

    .inner-hero-wrapper.find-wok .hero-buttons {
        margin-bottom: 81px;
    }

    .hamenu .site-btn {
        font-size: 25px;
        padding: 10px 18px 10px 10px;
        width: max-content;
    }

    .hamenu .site-btn img {
        width: 40px;
        height: 40px;
    }

    .hamenu .btn-wrap {
        flex-direction: column;
        align-items: center;
    }

    .member-access-section {
        padding: 60px 0 250px 0;
    }

    .member-subtitle {
        margin-bottom: 17px;
        color: #fff;
    }

    .member-img {
        position: absolute;
        left: 0;
        bottom: -5px;
        width: 95%;
        right: 0;
        margin: 0 auto;
    }

    .float-element img {
        position: absolute;
        right: 40%;
        width: 13%;
        top: 251px;
    }

    .inner-hero-wrapper {
        padding: 24px 0 30px 0;
    }

}

@media (max-width: 470px) {
    h2.cta-title {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 4px;
        padding-right: 45px;
    }

    .cta-section.find-cta h2.cta-title {
        padding-right: 35px;
    }

    .workers-group img {
        width: 88%;
        position: absolute;
        bottom: -10px;
        left: unset;
        right: 10px;
    }

    .inner-hero-wrapper .hero-image {
        width: 46%;
        bottom: -29px;
        right: 13px;
    }

    .float-element img {
        position: absolute;
        right: 49%;
        width: 13%;
        top: 321px;
    }
}

@media (max-width: 430px) {
    .radio-group {
        margin-top: 24px;
        display: flex;
        gap: 0px;
        margin-bottom: 7px;
        flex-direction: column;
    }

    .cta-image {
        position: absolute;
        right: -70px;
        top: -80px;
        width: 58%;
    }
}

@media (max-width: 420px) {
    .cta-image {
        position: absolute;
        right: -30px;
        top: -20px;
        width: 51%;
    }

    .cta-section.find-cta h2.cta-title {
        padding-right: 15px;
    }

    .float-element img {
        position: absolute;
        right: 50%;
        width: 16%;
        top: 351px;
    }
}

@media (max-width: 400px) {
    .cta-image {
        position: absolute;
        right: -50px;
        top: -38px;
        width: 58%;
    }

    .booking-happens p {
        font-size: 13px;
    }

    .tasks-hero .swiper {
        height: 442px;
        padding: 0 12px;
    }

    .tasks-hero .swiper-slide.swiper-slide-active .imgWrapper img {
        height: 330px;
        transition: 0.3s all ease;
    }

    .custom-check label {
        font-size: 12px;
    }

    label {
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 7px;
    }

    .contact-modal-nav .modal-content {
        background: transparent;
        border: 0;
        margin: 0 0px;
    }

    .member-list p {
        font-size: 15px;
    }

    .member-access-section {
        padding: 60px 0 220px 0;
    }

    .inner-hero-wrapper .hero-image-hire {
        width: 49%;
        position: absolute;
        right: 9px;
        bottom: -10px;
    }

    .inner-hero-wrapper {
        padding: 24px 0 40px 0;
    }

    .site-btn img {
        margin-right: 3px;
    }

    .hero-buttons {
        display: block;
        gap: 15px;
        margin-bottom: 43px;
        padding-bottom: 0;
    }

    .tasks-hero .hero-buttons {
        display: flex;
        gap: 7px;
        margin-bottom: 0;
        flex-direction: column;
        padding-bottom: 0;
        justify-content: center;
        align-items: center;
    }

    .tasks-hero .hero-buttons .site-btn {
        width: max-content;
    }

    .empower-section {
        padding: 38px 20px 170px 15px;
    }

    h2.cta-title {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 4px;
        padding-right: 35px;
    }

    .cta-section.hire-cta h2.cta-title {
        padding-right: 10px;
    }
}

@media (max-width: 360px) {
    .cta-image {
        position: absolute;
        right: -50px;
        top: -9px;
        width: 64%;
    }
}