.banner-video1 {

    width: 100%;
    height: 700px;
    margin: 0%;
    padding: 0px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

.myVideo {
    width: 100%;
    height: 700px;
    position: absolute;
    z-index: -1;
    object-fit: cover;

}

.secondary-button {
    transition: 0.5s;
    width: 205px;
    height: 50px;
    background: transparent linear-gradient(275deg, #2FAC42 0%, #E39033 100%) 0% 0% no-repeat padding-box;
    border-radius: 80px;
    opacity: 1;
    text-align: center;
    font: normal normal 600 14px/28px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.secondary-button:hover {

    background: transparent linear-gradient(180deg, #cdad39 0%, #90c73f 100%) no-repeat padding-box;

}

.banner-heading a {
    text-decoration: none;
}

.home-banner {
    display: flex;
    align-items: center;
    height: 554px;
    width: 1100px;
    /* position: relative; */
    /* background: #FFFFFF; */
    justify-content: space-between;
    gap: 35px;
}

.home-banner .banner-image {
    /* width: 50%; */
    /* position: absolute;
    width: auto;
    height: auto; */
    /* height: 558px; */
    /* position: absolute;
    left: 488px; */
    width: 924px;
    /* position: absolute; */
    /* height: auto; */
    height: 558px;
    /* position: absolute; */
    overflow: hidden;

}

.home-banner .banner-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.4s;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden;
}

.home-banner .banner-image img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.banner-heading {
    /* display: flex;
    flex-direction: column;
    background: #FFFFFF;
    position: absolute;
    z-index: 1;
    width: 60%;
    height: 387px;
    justify-content: center; */
    display: flex;
    flex-direction: column;
    /* background: #FFFFFF; */
    /* position: absolute; */
    /* z-index: 1; */
    /* width: 60%; */
    /* height: 387px; */
    justify-content: center;

}

.banner-heading h1 {
    text-align: left;
    font: normal normal 600 42px/58px Poppins;
    letter-spacing: 0px;
    color: #000000;
    color: #FFFFFF;
    opacity: 1;
}

.banner-heading p {
    text-align: left;
    font: normal normal normal 14px/28px Poppins;
    letter-spacing: 0px;
    color: #666666;
    color: #e7dada;
    opacity: 1;
    margin-top: 15px;
    margin-bottom: 27px;
    width: 430px;

}

.sustain-wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 123px;
    margin-bottom: 87px;
}

.sustain-wrap h1 {
    text-align: center;
    font: normal normal 600 34px/58px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;

}

.sustain-wrap p {
    text-align: center;
    font: normal normal normal 12px/18px Poppins;
    letter-spacing: 0px;
    color: #0D5916;
    opacity: 1;
}

.boxes {
    display: flex;
    margin-top: 43px;
    gap: 39px;

}

.sustain-box {
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFF5EA 0% 0% no-repeat padding-box;
    opacity: 1;
    width: 340px;
    height: 152px;
}

.sustain-box>div {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #707070;
    opacity: 1;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 37px;
    z-index: 1;
    position: relative;
    top: -24px;
    text-align: center;
    font: normal normal 600 16px/20px Poppins;
    letter-spacing: 0.32px;
    color: #000000;
    opacity: 1;

}

.sustain-box h2 {
    text-align: center;
    font: normal normal 600 16px/22px Poppins;
    letter-spacing: 0.32px;
    color: #000000;
    text-transform: uppercase;
    opacity: 1;
}

.sustain-box p {
    text-align: center;
    font: normal normal normal 14px/38px Poppins;
    letter-spacing: 0.42px;
    color: #000000;
    text-transform: capitalize;
    opacity: 1;
}

.about-wrap {
    width: 1100px;
    display: flex;
    justify-content: space-between;
    gap: 60px;
    margin-bottom: 95px;
}

.abt-image {
    width: 546px;
    height: 441px;
    overflow: hidden;

}

.abt-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden;
}

.abt-image img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);

}

.abt-context {
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.abt-context h3 {
    text-align: left;
    font: normal normal normal 12px/18px Poppins;
    letter-spacing: 0px;
    color: #0D5916;
    text-transform: uppercase;
    opacity: 1;
}

.abt-context h1 {
    text-align: left;
    font: normal normal 600 34px/58px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.abt-context p {
    text-align: left;
    font: normal normal normal 14px/28px Poppins;
    letter-spacing: 0px;
    color: #666666;
    opacity: 1;
    width: 494px;
    margin-top: 23px;
    margin-bottom: 30px;
}

.abt-context a {
    text-decoration: none;
    width: 144px;
    height: 50px;
    border: 1px solid #0D5916;
    border-radius: 80px;
}

.abt-context>a>div {
    width: 144px;
    height: 50px;
    border: 1px solid #0D5916;
    border-radius: 80px;
    opacity: 1;
    text-align: center;
    font: normal normal 600 12px / 28px Poppins;
    letter-spacing: 0px;
    color: #0D5916;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0px;
    padding: 0px;
    transition: 0.5s;
}

.abt-context>a>div:hover {
    color: #FFFFFF;
    background: #0D5916;

}

/* .black-banner {
    width: 1100px;
    height: 345px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: #000000 0% 0% no-repeat padding-box;
    opacity: 1;
   
    margin-bottom: 100px;
}

.black-banner h1 {
    text-align: center;
    font: normal normal 600 30px/58px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
}

.black-banner p {
    text-align: center;
    font: normal normal normal 14px/24px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    width: 494px;
    margin-top: 9px;
    margin-bottom: 40px;
}

.black-banner>div {
    background: transparent linear-gradient(275deg, #2FAC42 0%, #E39033 100%) 0% 0% no-repeat padding-box;
    border-radius: 80px;
    opacity: 1;
    width: 205px;
    height: 50px;
    text-align: center;
    font: normal normal 600 14px/28px Poppins;
    letter-spacing: 0px;
    color: #FFFFFF;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
} */

.boxes2 {
    display: flex;
}

.trust-box {
    width: 347px;
    height: 105px;
    border: 1px solid #0D5916;
    opacity: 1;
}

.trust-box h1 {
    font: normal normal 600 14px/28px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-left: 35px;
    margin-top: 20px;
    text-align: left;
}

.trust-box p {
    font: normal normal normal 12px / 24px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    text-align: left;
    margin-left: 21px;
}

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

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

.logos {
    overflow: hidden;
    padding: 60px 0;
    background: #FFFFFF;
    white-space: nowrap;
    display: flex;
    width: 1100px;

}

.logo-slide {


    display: flex;
    gap: 29px;
    white-space: nowrap;
    animation: 25s slide infinite linear;
    margin-right: 29px;
}

.offer-wrap {
    display: flex;
    align-items: center;
    height: 455px;
    width: 1100px;
    /* position: relative; */
    gap: 30px;
    background: #FFFFFF;
    justify-content: space-between;

}

.offer-wrap .offer-image {

    width: auto;
    height: 100%;
    /* height: 558px; */
    /* position: absolute; */
    /* left: 388px; */
    overflow: hidden;

}

.offer-wrap .offer-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    overflow: hidden;

}

.offer-wrap .offer-image img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.offer-context {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    /* position: absolute;
    z-index: 1;
    width: 60%;
    height: 387px; */
    justify-content: center;
}

.offer-context h2 {
    text-align: left;
    font: normal normal normal 12px/18px Poppins;
    letter-spacing: 0px;
    color: #0D5916;
    text-transform: uppercase;
    opacity: 1;
}

.offer-context h1 {
    text-align: left;
    font: normal normal 600 34px/58px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
}

.offer-context p {
    text-align: left;
    font: normal normal normal 14px/38px Poppins;
    letter-spacing: 0px;
    color: #666666;
    opacity: 1;
    width: 546px;
    margin-top: 23px;
    margin-bottom: 23px;
    /* margin-left: 26px; */
}
.offer-context ul{
    margin-top: 23px;
    margin-bottom: 23px;
    border: 1px dark;
}
.offer-context ul li{
    text-align: left;
    font: normal normal normal 14px/38px Poppins;
    letter-spacing: 0px;
    color: #666666;
    opacity: 1;
    width: 546px;
    border: 1px dark;
    /* margin-top: 23px;
    margin-bottom: 23px; */
}
ul.b {
    list-style-type: square;
    margin-left: 20px;
  }
  
.offer-context>a {
    text-decoration: none;
}

.offer-context>a>div {
    width: 186px;
    height: 50px;
    border: 1px solid #0D5916;
    border-radius: 80px;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font: normal normal 600 12px/28px Poppins;
    letter-spacing: 0px;
    color: #0D5916;
    opacity: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.5s;
}

.offer-context>a>div:hover {
    color: #FFFFFF;
    background: #0D5916;
}

@media (min-width:750px) {

    #mob-video {
        display: none;
    }

}

@media (max-width:1100px) {
    .home-banner {
        width: 993px;
    }

    .sustain-wrap {

        width: 993px;
    }

    .about-wrap {
        width: 993px;
    }

    .offer-wrap {
        width: 993px;
    }

    .logos {
        width: 993px;
    }

}

@media (max-width:993px) {

    .home-banner {
        width: 870px;
    }

    .sustain-wrap {

        width: 870px;
    }

    .about-wrap {
        width: 870px;
        gap: 35px;
    }

    .offer-wrap {
        width: 870px;
    }

    .logos {
        width: 870px;
    }

    .abt-image {

        height: 538px;

    }

    .abt-context p {

        width: 320px;

    }
    .offer-context ul li{
        width: 320px;
    }
    .offer-context {
        width: 70%;
    }

    .banner-heading h1 br {
        display: none;
    }

    .boxes {

        gap: 18px;
    }
}

@media (max-width:870px) {

    .home-banner {
        width: 760px;
    }

    .sustain-wrap {

        width: 760px;
    }

    .about-wrap {
        width: 760px;

    }

    .offer-wrap {
        width: 760px;
    }

    .logos {
        width: 760px;
    }
}

@media (max-width:760px) {
    #web-video {
        display: none;
    }

    .banner-video1 {
        height: 820px;
        
    }

    .myVideo {
        height: 820px;
    }

    .home-banner {

        width: 92%;
        flex-direction: column;
        height: auto;
    }

    .banner-heading p {

        width: 100%;
    }

    .abt-context p {
        width: 100%;
    }
    ul.b {
        
        margin-left: 20px;
    }
    .offer-context ul li{
        width: 100%;
    }
    .offer-context p {
        width: 100%;
    }

    .home-banner .banner-image {

        width: 100%;
        height: 303px;
    }

    .sustain-wrap {

        width: 92%;
    }

    .boxes {

        flex-direction: column;
        align-items: center;
        gap: 54px;
    }

    .about-wrap {

        width: 92%;
        flex-direction: column-reverse;
    }

    .abt-image {

        width: 100%;
        height: 300px;
    }

    .offer-wrap {

        width: 92%;
        flex-direction: column;
        height: auto;

    }

    .offer-context {

        width: 100%;
        /* height: 597px;
        margin-top: 121px; */
        padding: 0px 1px;
        /* top: 0px; */
    }

    .offer-wrap .offer-image {
        width: 100%;
        height: 300px;
        position: relative;
        left: 0px;
    }

    .sustain-wrap {

        width: 92%;
    }

    .logos {

        width: 100%;
        /* display: none; */
    }

    .banner-heading h1 br {
        display: none;
    }

    .logo-slide {
        animation: 15s slide infinite linear;
    }
}