:root {

    --navy: #12203F;

    --dnavy: #0E1832;

    --black: #0B1023;

    --ltgold: #DDD1A2;

}



/* Animation heading */

span.text-shape.word {

    margin-right: 1%;

}



.title-animation {

    opacity: 0;

    transition: opacity 0.8s ease-out;

}



.title-animation.animated {

    opacity: 1;

}



.title-animation .word {

    display: inline-block;

    opacity: 0;

    /* transform: translateY(-50px); */

}



.title-animation.animated .word {

    animation: slide-in 0.8s linear both;

    animation-delay: calc(100ms * var(--word-index));

    line-height: normal;

}



@keyframes slide-in {

    from {

        opacity: 0;

        /* transform: translateY(-50px); */

        transform: rotateX(95deg);

    }



    to {

        opacity: 1;

        /* transform: translateY(0); */

        transform: rotateX(0deg);

    }

}



.title-animation span {

    font-size: clamp(32px, calc(2rem + ((1vw - 3.9px) * 2.6667)), 60px);

    font-weight: 500;

}



section.vc_section.banner .title-animation span {

    font-size: clamp(46px, calc(2.875rem + ((1vw - 3.9px) * 5.1429)), 100px);

    font-weight: 500;

    line-height: normal;

}



section.vc_section.banner .title-animation {

    max-width: 850px;

}



/* Animation heading */





/* header css */



header.main-header {

    position: fixed;

    left: 50%;

    max-width: 1430px;

    width: 100%;

    transform: translateX(-50%);

    top: 20px;

    padding-left: 15px;

    padding-right: 15px;

    z-index: 9;

}



.header-inner {

    padding: 20px;

    background-color: var(--black);

    display: flex;

    align-items: center;

    justify-content: space-between;

}



nav.navbar-main {

    display: flex;

    align-items: center;

}



nav.navbar-main a {

    padding: 20px 10px;

    color: #fff;

    position: relative;

}



nav.navbar-main a:before {

    content: "";

    position: absolute;

    bottom: 10px;

    right: 20px;

    height: 1px;

    background-color: #fff;

    width: 0px;

    transition: .2s linear;

}



nav.navbar-main a:hover:before {

    left: 20px;

    transition: .2s linear;

    width: calc(100% - 40px);

}



nav.navbar-main ul {

    display: flex;

    align-items: center;

}



.navbar-main .theme-btn {

    margin-left: 20px;

}





.hamburger {

    background-color: #DDD1A2;

    padding: 10px;

    display: none;

    width: 50px;

    height: 45px;

}



.hamburger span.bar {

    display: block;

    background-color: #0B1023;

    height: 5px;

    width: 30px;

    margin-bottom: 5px;

}



.hamburger span.bar:last-child {

    margin-bottom: 0px;

}







/* header css */





/* footer css */



.main-footer {

    background-color: var(--black);

    padding-top: 100px;

}



.quick-link h5 {

    margin-bottom: 30px;

}



.quick-link ul li {

    margin-bottom: 8px;

}



.quick-link ul li a {

    font-size: 18px;

    transition: color .3s ease-in;

}



.quick-link ul li a:hover {

    color: var(--ltgold) !important;

    opacity: 1;

}



.contact-link ul li:first-child a {

    font-size: 16px;

    word-wrap: break-word;

}



.quick-link.social-link ul li a {

    display: flex;

    align-items: center;

}



.quick-link.social-link ul li a svg {

    flex: 0 0 auto;

    width: 20px;

    margin-right: 16px;

}



.copyright p,

.copyright a {

    opacity: .6;

    font-size: 14px;

    margin: 0px;

}



.copyright {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.bottom-footer {

    border-top: 1px solid #fff;

    margin-top: 45px;

    padding-top: 20px;

    padding-bottom: 30px;

}



.made-bold {

    text-align: right;

    padding-top: 20px;

}



.made-bold img {

    margin-left: auto;

}



.privacy a {

    margin-left: 25px;

    transition: .3s linear;

}



.privacy a:hover {

    opacity: 1;

    transition: .3s linear;

    color: var(--ltgold);

}



/* footer end */









/* Media Query */





@media(max-width:1400px) {

    .mision-shape {

        width: 165px;

        height: 295px;

        top: 310px;

    }



    .mision-shape::before {

        width: 195px;

        bottom: -60px;

        height: 305px;

    }


    .workforce-inner .row>div:first-child {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .workforce-inner .workforce-images:last-child {
        margin-bottom: 0px;
    }
}



@media(max-width:1300px) {

    .row.price-row>div:last-child {

        width: 100%;

    }



}

@media(max-width:1200px) {

    section.advantage .row,
    .education-inner .row {
        display: flex;
        flex-wrap: wrap;
        row-gap: 24px;
    }

    ul.who-mission-row li::before {
        right: -38px;
    }

    .changed-inner .row {
        justify-content: center;
        row-gap: 30px;
    }

    .workforce-images {
        text-align: center;
    }

    .workforce-inner .row {
        row-gap: 30px;
    }

    .changed-title p {
        max-width: 768px;
    }

    .changed-title-iner {
        width: 100%;
    }

    .american-slider .meet-box {
        width: 25%;
    }

    .american-slider .meet-box img {
        height: 326px;
    }

    .platform-row2 .row {
        row-gap: 24px !important;
    }

    .about-wrapper .education-inner .row {
        justify-content: center;
    }
}


@media(max-width:1100px) {

    nav.navbar-main a {

        padding: 12px;

    }

    /* section.recruit.recruit2 .recruit-cont h2, section.recruit.recruit2 .recruit-cont h2 span.word {

        font-size: clamp(36px, calc(2.25rem + ((1vw - 7.68px) * 5.0595)), 40px);

        margin-bottom: 15px;

    } */

    ul.who-mission-row li:last-child {
        width: 100%;
    }

    ul.who-mission-row li:last-child .who-mission-box {
        margin-left: auto;
        margin-right: auto;
    }

    ul.who-mission-row div:nth-child(4) {
        display: none;
    }

    ul.who-mission-row li .who-mission-box {
        max-width: 380px;
    }

    ul.who-mission-row {
        row-gap: 24px;
    }

    section.workforce {
        padding: 0px !important;
    }

}



@media(max-width:1024px) {

    .job-descp-cont {

        height: 50vh;

    }

    ul.job-list li {

        width: 50%;

    }

    ul.who-mission-row li {
        width: calc((100% - clamp(6.00rem, calc(-8.769rem + 23.077vw), 12.00rem)) / 2);
    }

    ul.who-mission-row li:nth-child(3)::before,
    ul.who-mission-row li:nth-child(2)::before {
        content: none;
    }

    ul.who-mission-row li:last-child {
        margin: auto;
    }

    section.meet-sec.american-team {
        background-size: 40% !important;
    }

    .american-slider .meet-box img {
        height: 226px;
    }

    .method::before {
    width: 300px;
    height: 300px;
}
.method::after {
    right: 0;
    bottom: -140px;
    width: 300px;
    height: 200px;
}
}

@media(max-width:992px) {
    .retention-main .row {
        row-gap: 24px;
    }

    .retention-cont {
        padding-bottom: 10%;
    }

    .video-card {
        max-width: 296px;
        margin: auto;
        width: 100%;
    }

    .done-accordion {
        background-color: #C8C6BC;
    }

    .proven-slider .slick-list {
        padding-right: 20%;
    }

    .face-box-img {
        width: 25%;
    }

    .face-right-top h5 {
        font-size: 18px;
    }

    .education-cont {
        min-height: 400px;
    }

    .benefit-box {
        border-bottom: 1px solid #0B10234D;
    }

    .benefit-row>div:last-child .benefit-box {
        border-bottom: 1px solid #0B10234D;
    }

    .benefit-box p {
        max-width: 768px;
        margin: auto;
    }
}

@media(max-width:991px) {

    section.recruit.top .marque-box img {

        min-height: 220px;

        object-fit: cover;

    }

    /* header css */



    .hamburger {

        display: block;

        position: relative;

        z-index: 9;

    }



    nav.navbar-main {

        position: absolute;

        right: 15px;

        top: -300px;

        background-color: var(--ltgold);

        padding: 80px 30px 50px;

        flex-direction: column;

        width: 400px;

        align-items: start;

        /* height: 0px; */

        opacity: 0;

        visibility: hidden;

        z-index: -1;

        transition: .5s ease-in;

    }



    nav.navbar-main ul {

        flex-direction: column;

        align-items: start;

    }



    nav.navbar-main a {

        display: inline-block;

        color: var(--black);

    }



    .navbar-main .theme-btn {

        margin-left: 12px;

        margin-top: 12px;

    }



    body.menu-open nav.navbar-main {

        /* height: auto; */

        top: 0;

        opacity: 1;

        visibility: visible;

        z-index: 1;

        transition: .5s ease-in;

    }



    nav.navbar-main .theme-btn.theme-btn-gold a {

        display: flex;

    }



    nav.navbar-main .theme-btn.theme-btn-gold a {

        background-color: #000 !important;

        padding: 16px 20px !important;

    }



    nav.navbar-main .theme-btn.theme-btn-gold a span {

        color: #fff;

    }



    nav.navbar-main .theme-btn.theme-btn-gold a img {

        filter: invert(1);

    }





    body.menu-open .hamburger {

        background-color: var(--black);

    }



    body.menu-open .hamburger span.bar {

        background-color: var(--ltgold);

    }



    body.menu-open .hamburger span.bar:nth-child(1) {

        transform: rotate(45deg) translate(6px, 7px);

        margin: 0px;

    }



    body.menu-open .hamburger span.bar:nth-child(2) {

        transform: rotate(-45deg) translate(-4px, 3px);

        margin: 0px;

    }



    body.menu-open .hamburger span.bar:nth-child(3) {

        display: none;

    }



    body.menu-open {

        overflow: hidden;

    }



    header.main-header {

        top: 10px;

    }



    nav.navbar-main a {

        font-size: 26px;

    }



    nav.navbar-main .theme-btn.theme-btn-gold a span {

        font-size: 20px;

    }



    nav.navbar-main a:before {

        background-color: var(--black);

    }



    /* header end */



    section.recruit {

        padding: 80px 0;

    }



    .recruit-cont .theme-btn.theme-btn-border {

        margin-bottom: 5px;

        display: inline-block;

    }



    .recruit-cont h2 {

        margin-bottom: 30px;

    }



    .recruit-cont h2 br.word {

        display: none;

    }



    .recruit-cont {

        margin-bottom: 30px;

    }



    .marque-main {

        display: block;

    }



    .marque-one,

    .marque-two {

        height: auto;

        position: relative;

    }



    .marque-boxes {

        display: flex;

        width: max-content;

    }



    .marque-main>div {

        width: 100%;

        padding: 0 0px;

    }



    .marque-boxes .marque-box {

        margin-right: 20px;

    }



    .marque-one .marque-boxes {

        display: flex;

        flex-direction: row;

        animation: scrollMarquee 30s linear infinite;

    }



    @keyframes scrollMarquee {

        0% {

            transform: translateX(0%);

        }



        100% {

            transform: translateX(-50%);

        }

    }



    .marque-two .marque-boxes {

        display: flex;

        flex-direction: row;

        animation: scrollMarquee2 30s linear infinite;

    }



    @keyframes scrollMarquee2 {

        0% {

            transform: translateX(-50%);

        }



        100% {

            transform: translateX(0%);

        }

    }



    section.recruit.recruit2 .marque-video-box {

        padding-bottom: 0px;

        width: 300px !important;

        height: 170px;

    }



    .marque-one:hover .marque-boxes,

    .marque-two:hover .marque-boxes {

        animation-play-state: paused;

        transition: 1s linear;

    }



    .banner-links>div>div {

        margin-top: 10px;

        width: 50%;

    }



    .old h2.title-h2 {

        margin-bottom: 40px;

    }



    .old-counter>div>div {

        margin-bottom: 30px;

        width: 50%;

    }





    section.recruit.recruit2 .recruit-cont {

        margin-bottom: 50px;

    }



    section.recruit.recruit2 .recruit-cont h2 {

        margin-bottom: 10px;

    }



    section.recruit.recruit2 .recruit-cont .theme-btn.theme-btn-black {

        margin-top: 30px;

    }



    section.start h2 {

        margin-bottom: 30px;

    }



    .give-img {

        margin-bottom: 30px;

    }



    a.latest-box {

        margin-bottom: 30px !important;

        display: block;

    }





    .engine-descp {

        flex-direction: column;

    }



    .engine-descp h4 {

        max-width: 100%;

        padding-right: 0px;

        margin-bottom: 20px;

    }



    .row.price-row {

        margin-top: 0px;

    }



    .job-filter>div>div {

        margin-bottom: 20px;

    }



    .job-main {

        display: block;

    }



    .job-main>ul {

        width: 100%;

        margin-right: 0px;

    }



    .job-descp-main {

        padding: 30px 30px 0;

        margin-top: 0px;

        background-color: var(--dnavy);

        transition: .3s linear;

        opacity: 0;

        visibility: hidden;

        position: fixed;



    }



    .job-descp-main.active {

        position: fixed;

        top: 0px;

        left: 0px;

        right: 0px;

        bottom: 0px;

        z-index: 9;

        transition: .3s linear;

        opacity: 1;

        visibility: visible;

    }



    .job-descp-cont {

        margin-top: 30px;

        margin-bottom: 10px;

        height: 64vh;

        overflow: auto;

        padding-right: 20px;

    }



    .job-cross {

        display: block;

        margin-bottom: 0px;

    }



    .blog-sec a.latest-box {

        margin-bottom: 0px !important;

        display: block;

    }



    section.testimonial-detail .row .marque-box.marque-video-box {

        margin-top: 50px;

    }



    ul.give-tabs.testimonial-tabs {

        max-width: 100%;

    }



    ul.give-tabs.testimonial-tabs {

        margin-bottom: 30px;

    }





    .mission {

        padding-top: 80px;

        padding-bottom: 100px;

    }



    .mision-shape {

        top: unset;

        bottom: 0px;

    }



    .mission h4 {

        max-width: 100%;

        margin-bottom: 30px;

    }



    .mission .row {

        padding-left: 220px !important;

    }



    .story .give-tab-main.testimonial-tab-main {

        margin-top: 40px;

    }



    .vision-cont {

        padding-bottom: 60px;

    }



    .vision-img img {

        width: 100%;

        height: 100%;

        object-fit: cover;

    }



    section.story .give-descp h6 {

        max-width: 100%;

    }



    .meet-title {

        align-items: start;

        flex-direction: column;

    }



    .meet-btn {

        margin-top: 30px;

    }



    .meet-h2 p br {

        display: none;

    }



    .meet-slider .slick-list.draggable {

        padding-right: 10%;

    }



    .process-list-box h3 {

        margin-left: 30px;

    }



    .process-list-box span {

        width: 65px;

        height: 65px;

    }



    li.process-list {

        margin-bottom: 30px;

        padding-bottom: 30px;

    }



    .service-for-box .row {

        flex-direction: column-reverse;

    }



    .service-img {

        margin-bottom: 30px;

    }

    .job-main>ul {

        margin: unset !important;

    }





    .roofing-video-main .video-marque-slide {

        padding-bottom: 0px;

        width: 300px !important;

        height: 170px !important;

        max-width: unset !important;

    }

    .popup-categories {

        position: static !important;

    }


    /* about new page */

    ul.row-face li {
        flex-grow: 1 !important;
    }

    .face-box h2.face-counter {
        font-size: 50px !important;
    }

    .face-box .face-right-top h2.face-counter {
        font-size: 50px !important;
    }

    .face-gold-top h2 {
        font-size: 80px !important;
    }

    .face-gold-top h2 span {
        font-size: 50px !important;
    }

    .platform-row2 .row {
        row-gap: 24px !important;
    }

    .success-row1 .row {
        row-gap: 24px;
        justify-content: center;
    }

    .success-row1 .row>div:nth-child(2) .success-testimonial::before {
        content: none !important;
    }

    .success-row2 .row {
        row-gap: 24px;
        justify-content: center;
    }

    .platform-row1 .row {
        row-gap: 24px;
    }

}



@media(max-width:768px) {

    footer.main-footer .top-footer>div>div {

        margin-bottom: 30px;

    }



    footer.main-footer .top-footer>div>div:last-child {

        margin-bottom: 0px;

    }



    ul.give-tabs {

        margin: 0 0px 30px;

        flex-direction: column;

    }



    ul.give-tabs li {

        width: 100%;

        padding: 0 0px;

        margin-bottom: 40px;

    }



    .copyright {

        align-items: center;

        flex-direction: column;

    }



    .made-bold {

        text-align: center;

        padding-top: 8px;

    }



    .privacy {

        padding-top: 8px;

    }



    a.latest-box .latest-img {

        height: auto;

    }



    footer.main-footer .top-footer>div>div {

        margin-bottom: 30px;

        width: 50%;

    }



    .quick-link h5 {

        font-size: 20px;

    }



    .marque-img {

        width: 300px;

    }



    .counter .border-line {

        margin-bottom: 8px;

        margin-top: 12px;

    }



    .engine-descp {

        margin: 30px auto 0;

    }



    .latest .theme-btn {

        margin-top: 0px;

    }



    section.home-banner {

        padding-top: 180px;

    }



    .banner-links {

        padding-top: 60px;

    }



    .job-descp-main {

        padding: 15px 15px 0;

    }



    .job-descp-main .theme-btn a,

    .job-descp-main .theme-btn button {

        padding: 16px 22px;

    }



    .job-sec {

        padding-top: 160px;

    }



    .banner {

        padding-top: 200px;

        padding-bottom: 110px;

    }



    .blog-detail-img,

    .blog-detail-inner .blog-detail-title {

        margin-bottom: 30px;

    }



    .blog-detial {

        padding-top: 160px;

    }



    .row.testi-video-list>div {

        margin-top: 50px;

    }



    .testi-video {

        margin-top: -30px;

        margin-bottom: 10px;

    }



    .testimonial-banner p {

        margin-top: 20px;

        margin-bottom: 30px;

        font-size: 18px;

    }



    section.banner.blog-banner .banner-cont p {

        font-size: 18px;

    }



    section.banner.testimonial-banner {

        padding-bottom: 100px;

    }



    .testimonial-inner h2 {

        margin-bottom: 40px;

    }



    .vision-cont {

        padding-bottom: 40px;

    }



    .vision-detail {

        flex-direction: column;

        row-gap: 20px;

    }



    .vision-descp {

        text-align: left;

        padding-right: 0px;

    }



    section.give.talent-give ul.give-tabs li {

        width: 100%;

        padding: 0px;

    }



    section.give.talent-give .give-tab-cont .row {

        flex-direction: column-reverse;

    }



    .story .story-inner {

        background-size: 200px;

    }



    section.blog-detial .blog-detail-title p {

        margin-top: 30px;

        font-size: 18px;

    }



    .job-sec,

    .contact-section {

        background-size: 200px;

        background-position: right 0px top;

    }



    .made-bold img {

        margin-left: auto;

        margin-right: auto;

    }



    .start {

        background-size: 200px;

    }



    .service-nav .slick-list.draggable {

        padding-right: 80px;

    }



    .service-nav {

        margin-top: 60px;

        margin-bottom: 50px;

    }





    /* .privacy-cont h1{

    font-size: 36px;

}

.privacy-cont h2{

    font-size: 30px;

}

.privacy-cont h3{

    font-size: 26px;

} */

    .privacy-cont p {

        font-size: 16px;

    }



    .industry-logo img {

        width: 140px;

    }



    .industry-slider .slick-slide {

        width: inherit !important;

    }





    .job-descp-cont :nth-child(1n) {

        font-size: 14px !important;

    }

    .job-detail-content .job-descp-cont {

        font-size: 14px !important;

    }



    .job-detail-content {



        .job-descp-cont h1,

        .job-descp-cont h2,

        .job-descp-cont h3,

        .job-descp-cont h4,

        .job-descp-cont h5,

        .job-descp-cont h6,

        .job-descp-cont a {

            font-size: 18px !important;

        }

    }



    .lead-build-cont {

        display: block;

    }

    .lead-title {

        max-width: 600px;

        padding-right: 0px;

    }

    .lead-buildpara p {

        font-size: 18px;

        max-width: 100%;

    }

    .lead-title {

        max-width: 100%;

        margin-bottom: 30px;

    }

    section.roofing-videos h2 {

        margin-bottom: 40px;

    }



    .roofing-videos .video-btn {

        margin-top: 30px;

    }

    .rofing-last-btn .theme-btn.theme-btn-black {

        margin-top: 30px;

    }



    section.roofing-videos {

        background-size: 700px;

    }

    .video-people-inner {

        background-size: 200px 134px;

    }

    .proven-slider .slick-list {
        padding-right: 10%;
    }

    .row-face li {
        width: 100% !important;
        max-width: 100% !important;
        flex-basis: auto !important;
    }

    section.who-section .row {
        gap: 24px;
    }

    ul.who-mission-row li {
        width: 100%;
        padding-bottom: 30px;
        margin-bottom: 20px;
        border-bottom: 1px solid #435372;
    }

    ul.who-mission-row li:last-child {
        border: none;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    ul.who-mission-row {
        padding: 48px 45px;
        background-color: #12203F;
        color: #fff;
        display: flex;
        justify-content: space-between;
        gap: unset;
        flex-wrap: wrap;
    }

    ul.who-mission-row li::before {
        content: none !important;
    }


    .proven-inner {
        background-size: 260px;
    }

    .roofing-logo {
        height: 100%;
        padding: 20px;
        width: 190px;
    }

    .search-sec {
        padding: 100px 0;
    }

    .retention-cont {
        padding: 30px 20px;
        padding-bottom: 100px;
    }

    .retention-cont h3 {
        font-size: 28px;
        line-height: 110%;
    }

    .retention-cont p {
        font-size: 18px;
        line-height: 110%;
        margin: 0px;
    }

    .retention-ul li {
        padding: 20px 20px;
    }

    .video-card {
        /* height: 470px; */
    }

    .education-cont {
        padding: 20px 20px;
    }

    .benefit-box h3 {
        margin: 16px 0;
    }

    .benefit-box h5 {
        margin-bottom: 14px;
    }

    section.home-banner.about-banner {
        padding-top: 250px !important;
    }

    .done-accordion .accordion-header h4 {
        font-size: 18px;
    }

    .done-accordion .accordion-button {
        padding: 14px 14px;
    }

    .done-accordion .accordion-body {
        padding: 16px 16px;
    }

    .retention-main {
        background-position: top -2px right;
        background-size: 700px;
        ;
    }

    .face-sec {
        background-size: 400px;
    }

    .who-we-main .row>div {
        width: 100%;
    }

    .chnaged-bottom {
        min-height: auto;
    }

    .changed-conclusion p {
        font-size: 15px;
        line-height: 148%;
    }

    .workforce-cont h2 {
        font-size: clamp(2.00rem, calc(0.571rem + 2.976vw), 3.25rem) !important;
    }

    .workforce-cont p {
        font-size: 18px;
    }

    .workforce-vision-box {
        padding: 20px 20px 20px 20px;
    }

    .workforce-vision-box p {
        font-size: 16px;
    }

    .workforce-vision-box h4 {
        margin: 10px 0;
        font-size: 22px;
    }

    .platfrom-title h5 {
        font-size: 20px;
    }

    .platform-misionbox p {
        font-size: 16px;
    }

    .meet-slider-wrapper.america-mobile-slider {
        display: block;
    }

    .meet-slider-wrapper.meet-slider-desktop {
        display: none;
    }

    .american-logos-main .meet-title .meet-btn {
        display: flex;
    }

    h6.title-label {
        font-size: 16px;
        padding-left: 40px;
        margin-bottom: 28px;
    }

    h6.title-label::before {
        width: 30px;
    }

    .platform-misionbox {
        padding: 16px 16px;
    }

    .changed-conclusion {
        padding: 16px 16px;
    }

    .changed-conclusion h5 {
        font-size: 19px;
    }

    section.platform.ptb-96 {
        padding-bottom: 0px;
    }

    .about-wrapper .proven-title h5 {
        font-size: 20px;
        line-height: 148%;
        margin: 20px 0 36px;
    }

    .chnaged-bottom {
        padding: 24px 12px;
    }

    .changed-conclusion {
        padding: 20px 12px;
    }

    .success-title {
        flex-direction: column;
        align-items: start;
    }

    .success-title h2,
    .american-logos-main .meet-title h2 {
        padding-bottom: 20px;
    }

    section.roofing-logos.american-logos {
        padding-bottom: 0px;
    }

    .about-wrapper .proven-inner {
        /* padding-bottom: 0px !important; */
    }

    .success-img {
        width: 100px;
        height: 100px;
    }

    .success-detail {
        gap: 12px;
    }

    h4.succes-line-title {
        display: block;
    }

    .success-testimonial::before {
        right: 0px;
        top: unset;
        left: 0px;
        bottom: -14px;
        width: 100%;
        height: 1px;
    }

    .success-row1 .row>div:nth-child(2) .success-testimonial::before {
        content: "" !important;
    }

    .changed-title p,
    .education-title h6,
    .success-bottom p,
    .workforce-cont p {
        font-size: 16px;
    }

    .proven-top {
        width: 40%;
    }
}

@media(max-width:767px) {
    .education-cont {
        min-height: 280px;
    }


    section.home-banner.about-banner .home-banner-cont h1,
    section.home-banner.about-banner h1 span {
        font-size: 36px !important;
    }

    ul.who-mission-row li .who-mission-box {
        max-width: 600px;
        margin: auto;
    }
}

@media(max-width:576px) {

    .home-banner-cont .theme-btn a {

        width: 160px;

        padding: 15px 12px;
        justify-content: center;

    }

    .home-banner-cont .theme-btn {

        gap: 15px !important;

    }

    .home-banner-cont .theme-btn a span {

        font-size: 14px;

        margin-right: 10px !important;

    }

    .home-banner-cont .theme-btn a img {

        width: 14px;

    }



    footer.main-footer .top-footer>div>div {

        width: 100%;

    }



    .quick-link h5 {

        margin-bottom: 20px;

    }



    .marque-img {

        width: 220px;

    }



    .counter h5 {

        font-size: 14px;

        max-width: 100%;

    }



    .counter h5 br {

        display: none !important
    }



    .logo img {

        height: 50px;

    }



    nav.navbar-main {

        width: 90%;

        padding: 80px 15px 40px;

    }







    .job-desp .theme-btn {

        position: absolute;

        width: 90%;

    }



    .job-desp .theme-btn a {

        width: 100%;

        justify-content: center;

    }



    .job-desp {

        padding-bottom: 80px;

    }



    .job-descp-cont {

        height: 60vh;

    }



    .banner {

        padding-top: 160px;

        padding-bottom: 80px;

    }



    .testimonial-descp {

        flex-direction: column !important;

    }



    .tesi-revie-cont {

        margin-top: 30px;

    }



    .tesi-revie-cont h5 {

        margin-top: 12px;

    }



    section.testimonial-detail .row::before {

        top: 85%;

    }



    .mission .row {

        padding-left: 0px !important;

    }



    .mission {

        padding-bottom: 330px;

    }



    .give-tab-main {

        margin-top: 50px;

    }



    .vision-detail p {

        font-size: 16px;

    }



    .test-btn {

        margin-top: 30px;

    }



    nav.navbar-main {

        width: 100%;

        right: 0px;

        height: 100vh;

        top: -10px !important;

        padding: 80px 15px 40px;

    }



    .navbar-main .theme-btn {

        width: 90%;

    }



    .process-list-box span {

        width: 35px;

        height: 35px;

        font-size: 20px;

    }



    .process-list-box h3 {

        margin-left: 20px;

        font-size: 22px;

    }



    .latest.related-jobs .job-desp .theme-btn {

        margin-top: 20px;

        position: static;

        width: auto;

    }



    section.latest.related-jobs .theme-btn.theme-btn-white {

        margin-top: 40px;

    }

    ul.job-list li {

        width: 100%;

        padding: 0 0px;

    }

    /* about-new */


    .proven-slider .slick-list {
        padding-right: 5%;
    }


    .proven-title-iner h3 {
        font-size: 18px;
    }

    a.proven-arow {
        width: 30px;
    }

    .proven-bottom {
        padding: 15px 12px 15px;
    }

    .about-wrapper {

        h2,
        h2 span.word {
            font-size: 26px !important;
        }
    }

    ul.who-mission-row {
        padding: 40px 15px;
    }

    .face-box h3 {
        font-size: 26px;
    }

    .face-box-inner {
        flex-direction: column;
    }

    .face-gold-top h2 {
        font-size: 50px !important;
    }

    .face-gold-top h2 span {
        font-size: 30px !important;
        margin-left: 5px;
    }

    .face-gold-top h6 {
        font-size: 20px;
    }

    .face-gold-top {
        flex-direction: column;
        align-items: start;
    }

    .search-sec .search-btns {
        flex-wrap: wrap;
    }

    .search-btns>div a,
    .search-btns>div {
        width: 100% !important;
        justify-content: center;
    }

    section.meet-sec.meet-sec-aboutpage {
        background-size: 300px;
    }

    .benefit {
        background-size: 800px;
    }

    .benefit-main {
        background-size: 200px;
    }

    .done-video {
        background-size: 700px;
    }

    .retention-cont {
        padding-bottom: 30% !important;
    }

    .proven-descp>div {
        /* width: 100%; */
        margin-bottom: 12px;
    }

    .face-box>.face-owners {
        flex-direction: column;
        align-items: start;
    }

    .face-box {
        padding: 24px 16px;
    }

    .method-box {
        padding: 40px 18px;
    }

    .method-box h6 {
        left: 18px;
    }


    .about-wrapper h2 br {
        /* display: none !important; */
    }

    .workforce-cont h2 br {
        display: none !important;
    }

    .changed-title-iner h2 {
        font-size: 23px !important;
    }

    .proven-top {
        width: 100%;
    }

    .proven-box {
        display: flex;
        flex-direction: column;
    }

    .method::before {
    right: -32%;
    top: -140px;
    width: 300px;
    height: 300px;
}
.method::after {
    bottom: -100px;
    width: 240px;
    height: 200px;
}
section.chnaged {
    background-size: 300px;
}

.proven-bottom {
    justify-content: space-between;
}
.proven-bottom.active {
    justify-content: space-between;
}
}



@media(max-width:480px) {

    .engine-inner h2 span.word {

        font-size: 26px !important;

    }

}