/* responsiveness of bannersection responsiveness of bannersection responsiveness of bannersection responsiveness of bannersection */
/* Extra Large Devices (Large Desktops, 1400px and up) */
@media(max-width:320px) {
    .illustration {
        width: 271px;
    }

    .hero-container {
        flex-direction: column;
        text-align: center;
        gap: 0rem;
    }

    .hero-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .hero-content h1 {
        font-size: 2.8rem;
    }

    .illustration-container {
        height: 403px;
        /* right: 294px; */
    }

}


@media (min-width:321px) and (max-width:375px) {
    .illustration {
        width: 294px;
    }

    .hero-container {
        flex-direction: column;
        text-align: center;
        gap: 0rem;
    }

    .hero-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .hero-content h1 {
        font-size: 2.8rem;
    }

    .illustration-container {
        /* height: 339px;
        right: 259px; */
        top: 49px;
    }
}

@media (min-width:376px) and (max-width:425px) {
    .illustration {
        width: 294px;
    }

    .hero-container {
        flex-direction: column;
        text-align: center;
        gap: 0rem;
    }

    .hero-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .hero-content h1 {
        font-size: 2.8rem;
    }

    /* .illustration-container {
        height: 327px;
        right: 239px;
        top: 52px;
    } */
}

@media (min-width:426px) and (max-width:768px) {
    .illustration {
        width: 400px;
    }

    .hero-container {
        flex-direction: column;
        text-align: center;
        gap: 3re
    }

    .hero-content {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .hero-content h1 {
        font-size: 2.8rem;
    }

    .illustration-container {
        height: 380px;
        /* right: 293px; */
        top: 24px;
    }
}

@media (min-width:769px) and (max-width:1024px) {
    .hero-content.visible {
        margin-top: 0px;
    }

    .hero-content {
        margin-bottom: 109px;
    }

    .hero-content h1 {
        font-size: 3.2rem;
    }

    .illustration {
        width: 396px;
    }

    .illustration-container {
        right: 61px;
    }

    .hero-content p {
        font-size: 1.1rem;
    }

    .cta-button {
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 0.8rem;
        background: white;
        color: #3d4d6a;
        padding: 1rem 1rem;
        border-radius: 2px;
        text-decoration: none;
        font-weight: 600;
        font-size: 1.rem;
        transition: all 0.3s ease;
        box-shadow: 0 4px 15px rgba(67, 97, 238, 0.3);
        overflow: hidden;
    }
}

@media (min-width:1025px) and (max-width:1440px) {
    .hero-content {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0.1s;
        margin-top: 0px;
    }
}

@media (min-width:1441px) and (min-width:2560px) {
    .hero-content {
        opacity: 1;
        transform: translateY(0);
        transition-delay: 0.1s;
        margin-top: 0px;
    }
}

/* about us about us about us about usvabout us about us about us about us about us about us about usabout us */
/* Mobile styles (up to 576px) */
@media (max-width: 425px) {

    .aboutus .silverbox {
        padding: 1rem;
    }

    .aboutus .silverbox h2 {
        font-size: 1.5rem;
    }

    .aboutus .silverbox p {
        font-size: 0.9rem;
    }

    .aboutus .silverbox ul li {
        font-size: 0.85rem;
    }

    .aboutus .silverbox button {
        width: 100%;
        font-size: 9px;
    }

    .aboutus .right-side {
        margin-top: 2rem;
    }
}

/* Tablet styles (577px to 767px) */
@media (min-width: 426px) and (max-width: 768px) {
    .aboutus .silverbox {
        padding: 1.5rem;
    }

    .aboutus .silverbox h2 {
        font-size: 1.75rem;
    }

    .aboutus .silverbox button {
        width: 50%;
    }

    .aboutus .right-side {
        margin-top: 2rem;
    }

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

/* Desktop styles (768px and above) */
@media (min-width: 769px) and (max-width:1024px) {
    .aboutus .silverbox {
        padding: 1rem;
    }

    .aboutus .silverbox h2 {
        width: 80%;
    }

    .aboutus .silverbox button {
        width: 37% !important;
    }

    /* Show decorative elements on desktop */
    /* .aboutus .right-side::after {
        display: block;
        content: '';
        position: absolute;
        top: -1px;
        left: 322px;
        width: 158px;
        height: 158px;
        background: #7796CF;
        clip-path: circle(50% at 50% 50%);
        z-index: -1;
        transform: rotate(-15deg);
    } */

    .aboutus .right-side::before {
        display: block;
        content: '';
        position: absolute;
        top: 319px;
        width: 171.27px;
        height: 168.21px;
        z-index: -1;
        left: 283px;
        background-size: cover;
    }

    /* .aboutus .left-content::before {
        display: block;
        content: '';
        position: absolute;
        top: 211px;
        left: -98px;
        width: 196px;
        height: 196px;
        background: #485B7D;
        clip-path: circle(50% at 50% 50%);
        z-index: -1;
        transform: rotate(-15deg);
    } */
}

@media (min-width: 1025px) and (max-width:1440px) {
    .aboutus .silverbox {
        padding: 2rem;
    }

    .aboutus .silverbox h2 {
        font-size: 2.25rem;
    }

    .aboutus button {
        width: 180px;
    }

    /* .aboutus .right-side::after {
        display: block;
        content: '';
        position: absolute;
        top: -1px;
        left: 370px;
        width: 221px;
        height: 221px;
        background: #7796CF;
        clip-path: circle(50% at 50% 50%);
        z-index: -1;
        transform: rotate(-15deg);
    } */

    /* .aboutus .right-side::before {
        display: block;
        content: '';
        position: absolute;
        top: 409px;
        width: 171.27px;
        height: 168.21px;
        z-index: -1;
        left: 370px;
        background-size: cover;
    } */

    /* .aboutus .left-content::before {
        display: block;
        content: '';
        position: absolute;
        top: 287px;
        left: -113px;
        width: 196px;
        height: 196px;
        background: #485B7D;
        clip-path: circle(50% at 50% 50%);
        z-index: -1;
        transform: rotate(-15deg);
    } */
}

@media (min-width: 1440px) and (max-width:2560px) {
    .aboutus .silverbox {
        width: 100%;
    }

    /* .aboutus .right-side::after {
        display: block;
        content: '';
        position: absolute;
        top: -1px;
        left: 441px;
        width: 221px;
        height: 221px;
        background: #7796CF;
        clip-path: circle(50% at 50% 50%);
        z-index: -1;
        transform: rotate(-15deg);
    } */

    .aboutus .right-side::before {}

    .aboutus .left-content::before {}
}


/* Adjustments for medium screens where decorative elements might overflow */
@media (min-width: 768px) and (max-width: 991px) {
    .aboutus .right-side::after {
        left: 250px;
        width: 200px;
        height: 200px;
    }

    .aboutus .right-side::before {
        left: 250px;
        top: 300px;
        width: 130px;
        height: 130px;
        background-size: contain;
    }

    .aboutus .left-content::before {
        left: -80px;
        width: 150px;
        height: 150px;
        top: 200px;
    }
}


/* techstack techstack techstack techstack techstack techstacktechstacktechstack techstack techstack*/

/* Responsive Design */
@media (max-width: 768px) {
    .main-section {
        padding: 40px 0;
    }

    .display-1 {
        font-size: 2.5rem;
    }

    .lead {
        font-size: 1.1rem;
    }

    .tab-btn {
        padding: 10px 15px;
        font-size: 14px;
        margin: 0 2px 8px;
    }

    .tech-card {
        height: 140px;
        padding: 20px 15px;
    }

    .tech-logo {
        width: 80px;
        height: 80px;
        margin-bottom: 10px;
    }

    .tech-name {
        font-size: 12px;
    }
}

@media (max-width: 576px) {
    .display-1 {
        font-size: 2rem;
    }

    .tech-card {
        height: 120px;
        padding: 15px 10px;
    }

    .tech-logo {
        width: 67px;
        height: 67px;
    }
}


/*service section  service section service section service section service section service section service section service section service section service sectionservice section service sectionservice sectionservice section */
@media (max-width: 767px) {
    .ourservices {
        padding: 30px 0;
        margin-top: 40px;
    }

    .ourservices h1 {
        font-size: 1.75rem;
        margin-bottom: 1.5rem;
    }

    .nav-pills .nav-link {
        font-size: 0.875rem;
        padding: 0.625rem 1rem;
    }

    .tab-header {
        flex-direction: column;
        gap: 1.5rem;
    }

    .tab-header h2 {
        font-size: 1.5rem;
    }

    .tab-header p {
        font-size: 0.9rem;
    }

    .navigation-wrapper {
        align-self: flex-end;
    }

    .swiper-nav-btn {
        width: 40px;
        height: 40px;
    }

    .service-card-image {
        height: 172px;
    }

    .service-card-content {
        padding: 1rem;
    }

    .service-card-title {
        font-size: 0.9rem;
    }

    .service-card-description {
        font-size: 0.8rem;
        margin-bottom: 2rem;
    }

    .service-card-arrow {
        width: 52px;
        height: 48px;
        bottom: 0.1rem;
        right: 0.1rem
    }

    .service-card-arrow i {
        font-size: 1.1rem;
    }
}

@media (max-width: 575px) {
    .ourservices h1 {
        font-size: 1.5rem;
    }

    .tab-header h2 {
        font-size: 1.25rem;
    }

    .nav-pills .nav-link {
        font-size: 0.8rem;
        padding: 0.5rem 0.875rem;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .ourservices h1 {
        font-size: 2rem;
    }

    .tab-header h2 {
        font-size: 1.75rem;
    }
}

/* why join us why join us why join us why join us why join us why join us why join us why join us why join us why join us */
@media(min-width:321px) and (max-width:375pc) {}




/*career section career section career section career section career section career section career section career section career section career section career section career section*/

@media (max-width: 320px) {
    .careersection .leftside {
        padding-left: 0px;
    }

    .careersection .leftside .innercontent {
        border-radius: 13px;
    }

    .careersection .rightside {
        width: auto;
        padding-right: 0px;
        margin-top: 15px;
    }



    .companystats ul {
        margin-bottom: 0px;
    }

    .careersection .rightside .innercontent {
        border-radius: 13px;
    }

    .jobrightside {
        width: 100%;
        flex-direction: row;
        gap: 28px;
    }

    .jobleftside {
        width: auto;
    }

    .jobrightside button {
        all: unset;
        background-color: #0A0E1A;
        cursor: pointer;
        border-radius: 4px;
        color: white;
        font-size: 12px;
        text-align: center;
        padding: 2px;
    }

    .careersection .job .skill {
        gap: 9px;
    }
}


@media (min-width: 321px) and (max-width: 375px) {
    .careersection .leftside {
        padding-left: 0px;
    }

    .careersection .leftside .innercontent {
        border-radius: 13px;
    }



    .companystats ul {
        margin-bottom: 0px;
    }

    .careersection .rightside {
        width: auto;
        padding-right: 0px;
        margin-top: 15px;
    }

    .careersection .rightside .innercontent {
        border-radius: 13px;
    }

    .jobrightside {
        width: 100%;
        flex-direction: row;
        gap: 83px;
    }

    .jobleftside {
        width: auto;
    }

    .jobrightside button {
        all: unset;
        background-color: #0A0E1A;
        cursor: pointer;
        border-radius: 4px;
        color: white;
        font-size: 12px;
        text-align: center;
        padding: 2px;
    }

    .careersection .job .skill {
        gap: 9px;
    }
}



@media (min-width: 376px) and (max-width: 425px) {
    .careersection .leftside {
        padding-left: 0px;
    }

    .careersection .leftside .innercontent {
        border-radius: 13px;
    }

    .careersection .rightside {
        width: auto;
        padding-right: 0px;
        margin-top: 15px;
    }

    .careersection .rightside .innercontent {
        border-radius: 13px;
    }

    .companystats ul {
        margin-bottom: 0px;
    }


    .jobrightside {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    .jobleftside {
        width: auto;
    }

    .jobrightside button {
        all: unset;
        cursor: pointer;
        border-radius: 4px;
        color: white;
        font-size: 12px;
        text-align: center;
        padding: 3px;
        background-color: #0A0E1A;
    }

    .careersection .job .skill {
        gap: 9px;
    }
}


@media (min-width: 426px) and (max-width: 768px) {
    .careersection .leftside {
        padding: 0 8px;
    }

    .careersection .leftside .innercontent {
        border-radius: 13px;
        display: flex;
        justify-content: space-between;
    }

    .companystats {
        padding-left: 4px;
        padding-right: 15px;
        width: 50%
    }

    .companystats ul {
        margin-bottom: 0px;
    }


    .whyjoinus {
        padding-right: 15px;
        margin-right: 15px;
        width: 50%;
        margin-bottom: 0px !important;
    }

    .careersection .rightside {
        width: auto;
        padding-right: 0px;
        margin-top: 15px;
    }

    .careersection .rightside .innercontent {
        border-radius: 13px;
    }

    .jobrightside {
        width: 100%;
        flex-direction: row;
        justify-content: space-between;
    }

    .jobleftside {
        width: auto;
    }

    .jobrightside button {
        all: unset;
        background-color: #0A0E1A;
        cursor: pointer;
        border-radius: 4px;
        color: white;
        font-size: 12px;
        text-align: center;
        padding: 3px
    }

    .careersection .job .skill {
        gap: 9px;
    }
}

@media (min-width:769px) and (max-width:1024px) {
    .outerheading {
        font-size: 44px;
    }

    .companystats ul {
        margin-bottom: 0px;
    }


    .careersection .rightside .innercontent {
        height: 492px;
    }
}

@media (min-width:1025px) and (max-width:1440px) {
    .outerheading {
        font-size: 44px;
    }

    .companystats ul {
        margin-bottom: 0px;
    }


    .careersection .rightside .innercontent {
        height: 492px;
    }
}

@media (min-width:1441px) and (max-width:2560px) {
    .outerheading {
        font-size: 44px;
    }

    .companystats ul {
        margin-bottom: 0px;
    }


    .careersection .rightside .innercontent {
        height: 492px;
    }
}

/* getintouch getintouch getintouch getintouch getintouch getintouch getintouch getintouch getintouch getintouch getintouch */
@media (min-width: 1024px) and (max-width:1440px) {
    .contact-big-circle {
        bottom: 36%;
        right: 19%;
    }
}



@media (max-width: 850px) {
    .contact-form-wrapper {
        grid-template-columns: 1fr;
    }

    .contact-info::before {
        bottom: initial;
        top: -75px;
        right: 65px;
        transform: scale(0.95);
    }

    .contact-left::before {
        top: -13px;
        left: initial;
        right: 70px;
    }

    .contact-square {
        transform: translate(140%, 43%);
        height: 350px;
    }

    .contact-big-circle {
        bottom: 75%;
        transform: scale(0.9) translate(-40%, 30%);
        right: 50%;
    }

    .contact-text {
        margin: 1rem 0 1.5rem 0;
    }

    .contact-social-media {
        padding: 1.5rem 0 0 0;
    }
}

@media (max-width: 480px) {
    .contact-container {
        padding: 1.5rem;
    }

    .contact-info::before {
        display: none;
    }

    .contact-square,
    .contact-big-circle {
        display: none;
    }

    .contact-form,
    .contact-info {
        padding-bottom: 20px;
    }

    .contact-text,
    .contact-info-item,
    .contact-social-media p {
        font-size: 0.8rem;
    }

    .contact-title {
        font-size: 1.15rem;
    }

    .contact-social-icons a {
        width: 30px;
        height: 30px;
        line-height: 30px;
    }

    .contact-input {
        padding: 0.45rem 1.2rem;
    }

    .contact-btn {
        padding: 0.45rem 1.2rem;
    }
}







/* footer footer footer footer footer footer footer footerfooterfooter footer footer footer footerfooter footerfooterfooter footer */
/* Media Queries */
@media (min-width: 320px) and (max-width: 800px) {
    .footer-content {
        padding: 40px 15px 958px;
    }
}

@media (min-width: 760px) {
    .footer-content {
        margin-left: auto;
        margin-right: auto;
        max-width: 1230px;
        padding: 40px 15px 330px;
        position: relative;
    }

    .footer-wave-svg {
        height: 50px;
    }

    .footer-content-column {
        width: 24.99%;
    }
}



/* advertisement modal advertisement modal advertisement modal advertisement modal advertisement modal advertisement modal advertisement modal advertisement modal advertisement modal */

@media (max-width:1769px) {

    .no-vacancy-img {
        height: 306px !important;
    }

    .homemodal-close {
        top: -8%;
    }

    .spinner-wrap {
        position: absolute;
        left: 94px;
        bottom: 181px;
        z-index: -1;
    }

    .testimonial .content-box {
        height: 284px;
    }

    .navbar-nav {
        gap: 18px;
    }

    .apply-btn {
        left: 85%;
    }

    .application-header {
        flex-direction: column-reverse;
        align-items: center;
    }

    .get-free-security-circle {
        top: 40%;
    }
}

@media (max-width:1440px) {

    .careersection:before {
        top: -127px;
        width: 127%;
        height: 198px;
        background-size: contain;
    }


    .no-vacaancy-sec p {
        color: #fff;
        padding: 43px 75px 0 0;
    }

    .navbar-nav {
        gap: 8px;
    }

    .spinner-wrap {
        position: absolute;
        left: 94px;
        bottom: 47px;
        z-index: -1;
    }

    .careersection img {
        height: 428px;
    }

    .apply-btn {
        left: 82%;
    }

    .application-heading {
        text-align: center;
    }

    .form-img {
        right: 65px;
    }

    .testimonial .content-box {
        height: 354px;
    }

    .get-free-security-circle img {
        width: 83%;
    }

    .get-free-security-circle {
        top: 27%;
        left: 47%;
    }
}

@media(max-width:1340px) {
    .about-img-2 {
        margin-bottom: 13px;
    }

    .get-free-security-circle {
        top: 40%;
    }

    .get-free-security-circle img {
        width: 84%;
    }

    .apply-btn {
        left: 80%;
    }

    .form-img {
        right: 50px;
    }

    .testimonial-section .testimonial .testimonial-by h5 {
        font-size: 19px;
    }

    .get-free-security-circle {
        top: 23%;
    }

    .careersection:before {
        top: -116px;
        height: 176px;
    }
}

@media(max-width:1280px) {
    .spinner-wrap {
        position: absolute;
        left: 94px;
        bottom: 25px;
        z-index: -1;
    }

    .sticky-hdnav .container {
        max-width: 84vw !important;
    }



    .testimonial .content-box {
        height: 284px;
    }

    .apply-btn {
        left: 79%;
    }

    .form-img {
        right: 43px;
    }

    .no-vacancy-img img {
        height: 333px;
    }


}

@media(max-width:1199px) {
    .sticky-hdnav .container {
        max-width: 100vw !important;
    }

    .about-us-image {
        margin-right: 16px;
    }

    .info-content {
        width: 100%;
    }

    .get-free-security-circle img {
        width: 78%;
    }

    .get-free-security-circle {
        left: 53%;
    }

    .apply-btn {
        left: 78%;
    }

    .apply-btn {
        left: 78%;
    }

    .form-img {
        right: 32px;
    }


}


@media(max-width:1124px) {

    .careersection:before {
        top: -93px;
        height: 141px;
    }

    .bread-crumb-content h1 {
        font-size: 52px;
    }

    .careersection img {
        height: 376px;
    }

    .about-us-image {
        margin-right: 0px;
    }

    .get-free-security-circle {
        top: 20%;
    }

    .tech-content {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .apply-btn {
        left: 76%;
    }

    .form-img {
        right: 25px;
    }

    .testimonial .content-box {
        height: 277px;
    }

    .testimonial-section .testimonial .testimonial-by h5 {
        font-size: 16px;
    }

    .login-form {
        width: 361px;
    }

    .no-vacaancy-sec p {
        color: #fff;
        padding: 10px 43px 0 0;
    }

    .no-vacancy-img {
        height: 205px !important;
    }


}

@media(max-width:1024px) {

    .careersection:before {
        top: -112px;
        height: 185px;
    }

    .outerheading {
        font-size: 38px;
    }

    .no-vacaancy-sec p {
        color: #fff;
        padding: 10px 0px 0 0;
    }

    .careersection img {
        height: 307px;
    }

    .bread-crumb-content h1 {
        font-size: 45px;
    }

    #advertisementModal .modal-dialog {
        max-width: 782px;
    }

    .advirtise-img {
        height: 425px !important;
    }

    .get-free-security-circle {
        top: 49%;
    }

    .ourservices .owl-nav {
        top: -174px;
    }

    .navbar-nav {
        gap: 2px;
    }

    .tech-logo {
        object-fit: contain;
    }

    #infographic .circle {
        width: 395px;
        height: 395px;
    }

    #infographic .circle img {
        margin: -34px;
        height: 283px;
    }

    #infographic .leftside {
        display: flex;
        align-items: center;
    }

    .about-us-image {
        margin-right: 0px;
        width: 285px;
    }

    .about-container .left-content {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .about-container .right-side {
        width: 100%;
    }

    .recognition-content .left-title {
        font-size: 31px;
        /* font-weight: 400; */
    }

    .recognition-content p {
        text-align: left;
    }

    .apply-btn {
        left: 73%;
    }

    .form-img {
        right: 11px;
    }

    .testimonial .content-box {
        height: 331px;
    }

    /* .get-free-security-circle {
        top: 21%;
    } */
}

@media(max-width:991px) {
    .sticky-hdnav.scrolled .navbar .nav-link {
        color: #ffffff;
        position: relative;
        transition: color 0.3s ease;
    }

    .application-header {
        flex-direction: row;
        align-items: center;
    }
}

@media (max-width:900px) {

    .ourservices .owl-nav {
        top: -199px;
    }

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

    .bread-crumb-content h1 {
        font-size: 42px;
    }

    #advertisementModal .modal-dialog {
        max-width: 735px;
    }

    .advirtise-img {
        height: 399px !important;
        width: 100%;
        object-fit: cover;
    }

    .about-us-image {
        width: 397px;
    }

    .about-container .left-content {
        display: flex;
        justify-content: center;
    }

    .get-free-security-circle {
        left: 52%;
        top: 48%;
    }

    .whychooseus .info-content .left-side {
        display: flex;
        align-items: center;
    }

    .careersection img {
        height: 292px;
    }

    /* .whychooseus .info-content .row{
        flex-direction:column
    } */

    #infographic .circle {
        width: 344px;
        height: 344px;
        border: 21px solid #617aa8;
    }

    #infographic .circle img {
        margin: -41px;
        height: 283px;
    }

    .recognition-content .left-title {
        font-size: 28px;
        /* font-weight: 400; */
    }

    .recognition-content {
        padding: 0 22px 0 0;
    }


    .hero-container {
        flex-direction: column;
    }

    .hero-content {
        margin-bottom: 0px;
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .hero-illustration {
        transform: translateX(38px);
        width: 100%;
    }

    .about-container .right-side {
        text-align: center;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .aboutus ul {
        text-align: justify;
    }

    .spinner-wrap {
        left: 323px;
    }

    .whychooseus .spinner-wrap {
        left: 53px;
        bottom: 0px;
    }

    .apply-btn {
        left: 70%;
    }

    .application-heading {
        margin-top: 0px;
        text-align: center;
    }

    .testimonial .content-box {
        height: 357px;
    }

    /* .footer-logo .logo {
        height: 183px;
    } */
}

@media (max-width:832px) {

    .careersection .right-side img {
        height: 274px;
        margin-top: 53px;
    }

    .no-vacaancy-sec p {
        font-size: 15px;
    }

    .no-vacancy-img {
        height: 152px !important;
    }

    .careersection:before {
        top: -138px;
        width: 127%;
        height: 210px;
        background-size: contain;
    }


    .bread-crumb-content h1 {
        font-size: 38px;
    }

    #advertisementModal .modal-dialog {
        max-width: 681px;
    }

    .advirtise-img {
        height: 369px !important;
    }

    /* .homemodal-close {
        top: 20%;
    } */

    .careersection img {
        height: 268px;
    }

    .spinner-wrap {
        left: 300px;
    }

    .recognition-content .left-title {
        font-size: 24px;
        font-weight: 300;
        margin-bottom: 0px;
    }

    .recognition-content {
        padding: 0 32px 0 0;
    }

    .testimonial-section .about-title {
        font-size: 46px;
    }

    .apply-btn {
        left: 67%;
    }

    .testimonial .content-box {
        height: 244px;
    }

    .login-form {
        width: 340px;
    }
}

@media (max-width:768px) {

    .careersection .right-side {
        display: flex;
        justify-content: center;
    }

    .bread-crumb-content h1 {
        font-size: 38px;
        text-align: center;
    }

    #advertisementModal .modal-dialog {
        max-width: 540px;
    }

    .advirtise-img {
        height: 290px !important;
    }

    /* .homemodal-close {
        top: 25%;
    } */

    .hero-illustration {
        transform: translateX(-22px);
        width: 100%;
    }

    #infographic article[data-step="1"] {
        margin-left: 35px;
        margin-top: 40px;
    }

    #infographic article[data-step="2"] {
        margin-left: 72px;
        margin-top: 0px;
    }

    #infographic article[data-step="3"] {
        margin-left: 6px;
        margin-top: 0px;
    }

    .recognition:before {
        width: 100%;
        border-bottom-right-radius: 0px;
        left: 0px;
    }

    .recognition-right {
        width: 63%;
    }

    .recognitio-carousel .owl-nav .owl-prev {
        left: -17%;
    }

    .recognition-content {
        padding: 0 0px 0 0;
        text-align: center;
    }

    .testimonial-section .about-title {
        font-size: 3.5rem;
    }

    .outerheading {
        font-family: 'Inter', sans-serif;
        font-size: 43px;
        color: #fff;
    }

    .spinner-wrap {
        left: 273px;
    }

    .recognition-content p {
        text-align: center;
    }

    .carousel-part {
        margin-top: 20px;
        margin-bottom: 23px;
    }

    .recognitio-carousel .owl-nav .owl-prev,
    .recognitio-carousel .owl-nav .owl-next {
        cursor: pointer;
        background: #5a82cdc9;
    }

    .apply-btn {
        left: 64%;
    }

    /* .footer-logo .logo {
        height: 165px;
    } */

    .illustration-section {
        height: 45%;
        width: 100%;
        margin-top: 38px;
    }

    .form-section {
        width: 100%;
    }

    .login-page::before {
        top: -108px;
        background-size: 87% 100%;
        transform: rotate(90deg);
    }

    .login-page {
        height: 100%;
    }

    .copyright-two {
        position: unset;
        margin-top: 32px;
    }

    .login-form {
        width: 368px;
    }

    .form-section {
        margin-top: 60px;
    }

    .login-err-succ-msg {
        top: -92px;
    }

    .recognition-box {
        padding-bottom: 10px;
    }

}

@media(max-width:767px) {
    .whychooseus .info-content .left-side {
        justify-content: center;
    }

    #infographic article[data-step="3"] {
        margin-bottom: 136px;
        margin-left: 0px;
    }

    #infographic article[data-step="1"] {
        margin-left: 0px;
        margin-top: 40px;
    }

    #infographic article[data-step="2"] {
        margin-left: 0px;
        margin-top: 0px;
    }
}

@media (max-width:640px) {

    .outerheading {
        text-align: center;
    }

    #advertisementModal .modal-dialog {
        max-width: 482px;
    }

    .advirtise-img {
        height: 258px !important;
    }

    /* .homemodal-close {
        top: 27%;
    } */

    .ourservices .owl-nav {
        top: -211px;
    }

    .spinner-wrap {
        left: 231px;
    }

    .whychooseus .info-content .left-side {
        justify-content: center;
    }

    #infographic article[data-step="1"] {
        margin-left: 0px;
        margin-top: 40px;
    }

    #infographic article[data-step="2"] {
        margin-left: 0px;
        margin-top: 0px;
    }

    #infographic article[data-step="3"] {
        margin-bottom: 136px;
    }

    .careersection .right-side {
        display: flex;
        justify-content: center;
    }

    .footer-content-column {
        width: 50%;
    }

    .footer-content {
        padding: 40px 15px 561px;
    }

    .careersection:before {
        background-size: 100% 87%;
    }

    .apply-btn {
        left: 75%;
    }

    .application-header {
        flex-direction: column-reverse;
        align-items: center;
    }

    .testimonial .content-box {
        height: 267px;
    }

    .login-page::before {
        top: -138px;
        background-size: 96% 100%;
        transform: rotate(90deg);
    }
}

@media (max-width:580px) {
    .modal-dialog {
        margin-right: auto;
        margin-left: auto;
    }

    #advertisementModal .modal-dialog {
        max-width: 380px;
    }

    .advirtise-img {
        height: 199px !important;
    }

    .homemodal-close {
        top: -15%;
    }

    .spinner-wrap {
        left: 207px;
    }

    #infographic article {
        transform: translateX(12%);
    }

    .apply-btn {
        left: 73%;
    }

    .application-heading {
        text-align: center;
    }

    .login-page::before {
        top: -267px;
        background-size: 121% 100%;
        width: 122vw;
    }

    .illustration-section img {
        height: 215px;
    }

    .recognition-box::before {
        position: absolute;
        inset: 0;
        clip-path: none;
        z-index: -1;
        width: 100%;
    }

    .ourservices .owl-nav {
        top: -229px;
    }
}

@media (max-width:480px) {
    #advertisementModal .modal-dialog {
        max-width: 380px;
    }

    .advirtise-img {
        height: 199px !important;
    }

    /* .homemodal-close {
        top: 31%;
        right: -17px;
    } */

    .testimonial-section .about-title {
        font-size: 46px;
    }

    .testimonial .content-box {
        height: 397px;
    }

    .apply-btn {
        left: 67%;
    }

    .get-free-security-circle {
        left: 57%;
    }

    .ourservices .owl-nav {
        top: -256px;
    }

    #infographic article {
        transform: translateX(8%);
    }

    .apply-btn {
        left: 67%;
    }

    .contact-form-wrapper {
        width: 100%;
    }

    .testimonial .content-box {
        height: 357px;
    }

    .login-page::before {
        top: -267px;
        background-size: 120% 125%;
        width: 160vw;
    }

    .trustedby::before {
        opacity: 0.1;
    }

    .trustedby::after {
        opacity: 0.1;
    }

    .careersection .accordion-body {
        font-size: 15px;
    }

    .aboutus p {
        font-size: 14px !important;
        text-align: justify;
        word-spacing: 0px;
        /* text-align: justify; */
        text-justify: inter-word;
        hyphens: auto;
    }

}

@media (max-width:425px) {

    .job-wrapper {
        max-width: 100vw !important;
    }

    .bread-crumb-content h1 {
        font-size: 35px;
        text-align: center;
    }

    .advirtise-img {
        height: 182px !important;
    }

    #advertisementModal .modal-dialog {
        max-width: 347px;
    }

    .homemodal-close {
        top: -20%;
        right: -9px;
    }

    .illustration-container {
        height: 400px;
    }

    .spinner-wrap {
        left: 156px;
    }

    .ourservices .owl-nav {
        top: -283px;
    }

    #infographic article {
        transform: translateX(9%);
    }

    .recognitio-carousel .owl-nav .owl-prev {
        left: -22%;
    }

    .testimonial-section .about-title {
        font-size: 37px;
    }

    .testimonial .content-box {
        height: 530px;
    }

    .footer-content {
        padding: 40px 15px 595px;
    }

    .apply-btn {
        left: 62%;
    }

    .testimonial .content-box {
        height: 402px;
    }

    .login-page::before {
        top: -293px;
        background-size: 122% 100%;
        height: 112vh;
    }

    .login-form {
        width: 342px;
    }

    .illustration-section img {
        height: 194px;
    }

    .login-page::before {
        top: -293px;
        background-size: 122% 110%;
        width: 155vw;
    }
}

@media (max-width:375px) {

    #infographic .circle img {
        margin: -32px;
        height: 197px;
    }

    #infographic .circle {
        width: 280px;
        height: 280px;
        border: 21px solid #617aa8;
    }

    .about-image-box {
        width: calc(52% - 15px);
    }

    .about-img-2 {
        margin-bottom: 0px;
    }

    .bread-crumb-content h1 {
        font-size: 32px;
        text-align: center;
    }

    .advirtise-img {
        height: 218px !important;
    }

    #advertisementModal .modal-dialog {
        max-width: 282px;
    }

    .homemodal-close {
        top: -17%;
        right: -22px;
    }

    .footer-content-column {
        width: 100%;
    }

    .footer-content {
        padding: 40px 15px 1030px;
    }

    .recognitio-carousel .owl-nav .owl-prev {
        left: -25%;
    }

    /* .ourservices .owl-nav {
        top: -260px;
    } */

    .apply-btn {
        left: 56%;
    }

    .testimonial-section .about-title {
        font-size: 36px;
    }

    .testimonial .content-box {
        height: 527px;
    }

    .testimonial-section .container {
        max-width: 100vw !important;
    }

    .testimonial .content-box {
        height: 345px;
    }

    .captcha-part {
        flex-wrap: wrap;
    }

    .login-page::before {
        top: -293px;
        background-size: 122% 116%;
        width: 190vw;
    }

    .login-form {
        width: 287px;
    }

    .about-us-image {
        gap: 18px;
    }

    .about-container .left-content {
        padding-left: 0px;
        padding-right: 0px;
    }

    .testimonial-content p {
        line-height: 20px;
        font-size: 13px;
    }

    .testimonial-section .testimonial .testimonial-by h5 {
        font-size: 14px;
    }

    .careersection .right-side img {
        height: 230px;
        margin-top: 53px;
    }

}


@media (max-width:320px) {

    .application-heading {
        text-align: center;
        font-size: 21px;
    }

    .form-card {
        padding: 10px !important;
    }

    .homemodal-close {
        top: -17%;
        right: -12px;
    }

    .testimonial .content-box {
        height: 364px;
    }

    .ourservices .owl-nav {
        top: -352px;
    }

    .testimonial-section .about-title {
        font-size: 30px;
    }

    .contact-info-item {
        word-break: break-all;
    }

    .bread-crumb-content h1 {
        font-size: 28px;
        text-align: center;
    }
}