.hbanner-text a {
    text-decoration: none;
}

.hbanner-text>a>div {
    width: 199px;
    height: 50px;
    background: transparent linear-gradient(99deg, #000000 0%, #545454 100%) 0% 0% no-repeat padding-box;
    border-radius: 110px;
    opacity: 1;
    text-align: center;
    font: normal normal normal 14px/21px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 19px;
    transition: 0.4s;
    border: 1px solid #000000;

}
.hbanner-text>a>div:hover{
    color: #000000;
    background: #FFFFFF;
    border: 1px solid #000000;
}
.hvideo-wrap {
    width: 1100px;
    height: 475px;
    margin-bottom: 85px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    align-items: end;
    justify-content: baseline;
    display: flex;
    align-items: last baseline;
    justify-content: end;
}

.hvideo-wrap>div {
    display: flex;
    gap: 10px;
    text-align: left;
    font: normal normal normal 9px/13px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: uppercase;
    opacity: 1;
    align-items: center;
    justify-content: center;
    margin-right: 40px;
    margin-bottom: 35px;
}

.hvideo-wrap img {
    width: 19px;
    height: 19px;
}

@keyframes slide {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(-100%);
    }
}

.hlogos-wrap {
    width: 1100px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 85px;
    overflow: hidden;
    white-space: nowrap;
    gap: 100px;
}

.hlogo1 img {
    width: 106px;
    height: 28px;
}

.hlogo2 img {
    width: 243px;
    height: 36px;
}

.hlogo3 img {
    width: 134px;
    height: 76px;
}

.hlogo4 img {
    width: 271px;
    height: 24px;
}

.logos-slide {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 100px;
    animation: 15s slide infinite linear;
}

.home-sec3-wrap {
    width: 1100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 100px;
}

.home-sec3-wrap h2 {
    text-align: left;
    font: normal normal 300 14px/21px Poppins;
    letter-spacing: 1.4px;
    color: #707070;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 11px;
}

.home-sec3-wrap h1 {
    text-align: left;
    font: normal normal 200 35px/45px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.home-sec3-wrap h1 span {
    text-align: left;
    font: normal normal bold 35px/45px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.sec3-boxes-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-top: 58px;
}

.sec3-box1>div>img {
    width: 52px;
    height: 52px;
}

.sec3-box1 h1 {
    text-align: left;
    font: normal normal 600 18px/55px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.sec3-box1 p {
    text-align: left;
    font: normal normal 200 14px/22px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.img-slider-heading-wrap {
    width: 1100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 46px;
}

.img-slider-heading-wrap h2 {
    text-align: left;
    font: normal normal 300 14px/21px Poppins;
    letter-spacing: 1.4px;
    color: #707070;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 11px;
}

.img-slider-heading-wrap h1 {
    text-align: left;
    font: normal normal 200 35px/45px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.img-slider-heading-wrap h1 span {
    text-align: left;
    font: normal normal bold 35px/45px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.test-wrap {
    width: 1100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 61px;
    margin-top: 92px;
}

.test-wrap h2 {
    text-align: left;
    font: normal normal 300 14px/21px Poppins;
    letter-spacing: 1.4px;
    color: #707070;
    text-transform: uppercase;
    opacity: 1;
    margin-bottom: 11px;
}

.test-wrap h1 {
    text-align: left;
    font: normal normal 200 35px/45px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.test-wrap h1 span {
    text-align: left;
    font: normal normal bold 35px/45px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.testimonials-wrap {
    width: 100%;
    display: flex;
    justify-content: space-between;
    gap: 25px;
    margin-top: 61px;
}

.ouetr-box1 {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.test-box1 {
    display: flex;
    flex-direction: column;
    background: #F7F7F7 0% 0% no-repeat padding-box;
    border-radius: 20px;
    opacity: 1;
    padding: 29px 0px 31px 30px;
}

#adam {
    padding: 29px 0px 54px 30px;
}

#sara {
    padding: 29px 0px 65px 30px;
}

#will {
    padding: 29px 0px 46px 30px;
}

.profile {
    display: flex;
    gap: 19px;
}

.profile img {
    width: 53px;
    height: 53px;
}

.pf-new-testimonials {
    width: 53px;
    height: 53px;
    text-align: left;
    font: normal normal 600 17px/45px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFD1D1;
    border-radius: 35px;
}

.profile h1 {
    text-align: left;
    font: normal normal 600 17px/45px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.test-box1 p {
    text-align: left;
    font: italic normal 300 14px/22px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-top: 14px;
    margin-bottom: 17px;
    width: 298px;
    margin-right: 22px;
}

.test-box1 h3 {
    text-align: left;
    font: normal normal medium 15px/45px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

/* @keyframes slider {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
} */

@media (max-width:1100px) {
    .hvideo-wrap {
        width: 993px;

    }

    .hlogos-wrap {
        width: 993px;
    }

    .home-sec3-wrap {
        width: 993px;
    }

    .img-slider-heading-wrap {
        width: 993px;
    }

    .test-wrap {
        width: 993px;

    }

    .testimonials-wrap {
        flex-direction: column;
    }

    .ouetr-box1 {
        flex-direction: row;
    }



}

@media (max-width:993px) {

    .hvideo-wrap {
        width: 870px;

    }

    .hlogos-wrap {
        width: 870px;
    }

    .home-sec3-wrap {
        width: 870px;
    }

    .img-slider-heading-wrap {
        width: 870px;
    }

    .test-wrap {
        width: 870px;

    }

}

@media(max-width:870px) {
    .hvideo-wrap {
        width: 760px;

    }

    .hlogos-wrap {
        width: 760px;
    }

    .home-sec3-wrap {
        width: 760px;
    }

    .img-slider-heading-wrap {
        width: 760px;
    }

    .test-wrap {
        width: 760px;

    }
}

@media (max-width:760px) {


    .hvideo-wrap {
        width: 100%;
        height: 320px;
    }

    .hlogos-wrap {
        width: 100%;
        gap: 40px;
    }

    .home-sec3-wrap {
        width: 100%;
    }

    .home-sec3-wrap {
        width: 100%;
        flex-direction: column;

    }

    .sec3-boxes-wrap {
        flex-direction: column;
        gap: 40px;
    }

    .img-slider-heading-wrap {
        width: 100%;
    }

    .test-wrap {
        width: 100%;
    }

    .testimonials-wrap {
        flex-direction: column;
    }
}