/* .abt-banner-wrap-global {
    background: url(../res/global/globalbanner.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: contain;
} */

.main-title h2 {
    text-align: left;
    font: normal normal 600 14px/28px Poppins;
    letter-spacing: 0px;
    color: #000000;
    margin-top: 24px;
    /* margin-left: 20px; */
}

/* #glob-title {
    width: 630px;
} */

#btn-glob {
    width: 236px;
}

.glb-sec1-wrap1 {
    width: 1100px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 106px;
    margin-top: 90px;

}

.img-glb {
    display: flex;
    flex-direction: column;
    gap: 29px;
}

.img01 {
    width: 580px;
    height: 267px;
    overflow: hidden;
}

.img01 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;
}

.img01 img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.img02 {

    width: 580px;
    height: 188px;
    overflow: hidden;
}

.img02 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;
}

.img02 img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.texts-glb {
    display: flex;
    flex-direction: column;

}

.texts-glb h1 {
    text-align: left;
    font: normal normal 600 24px/34px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-bottom: 38px;
    /* margin-left: 20px; */
}

.texts-glb p {
    text-align: left;
    font: normal normal normal 14px/28px Poppins;
    letter-spacing: 0px;
    color: #666666;
    margin-bottom: 25px;
    width: 468px;
}

.texts-glb p span {
    text-align: left;
    font: normal normal 600 14px/28px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.texts-glb>a {
    text-decoration: none;
    width: 229px;
    height: 50px;
}

.texts-glb>a>div {
    border: 1px solid #0D5916;
    border-radius: 80px;
    opacity: 1;
    width: 229px;
    height: 50px;
    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;
    transition: 0.5s;
}

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

.glb-sec2-wrap {
    width: 1100px;
    display: flex;
    justify-content: space-between;


}

.texts2-glb {
    display: flex;
    flex-direction: column;
}

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

.texts2-glb h2 {
    text-align: left;
    font: normal normal 600 18px/34px Poppins;
    letter-spacing: 0px;
    color: #000000;
    opacity: 1;
    margin-top: 32px;
}

.texts2-glb h3 {
    text-align: left;
    font: normal normal 600 14px/34px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.texts2-glb p {
    text-align: left;
    font: normal normal normal 14px/34px Poppins;
    letter-spacing: 0px;
    color: #000000;
}

.img-glb2 {
    display: flex;
    flex-direction: column;
    gap: 38px;
}

.img011 {
    width: 580px;
    height: 308px;
    overflow: hidden;
}

.img011 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;
}

.img011 img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.img022 {

    width: 580px;
    height: 180px;
    overflow: hidden;
}

.img022 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;
}

.img022 img:hover {
    -webkit-transform: scale(1.3);
    transform: scale(1.3);
}

.texts2-glb a {
    width: 269px;
    height: 50px;
    text-decoration: none;

}

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

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

.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;
    text-transform: uppercase;
    opacity: 1;
}

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

}

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

.sustain-box>div {
    /* background: #FFEFDD 0% 0% no-repeat padding-box; */
    background: #FFFFFF;
    border: 1px solid #FFEFDD;
    opacity: 1;
    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;
}

@media(max-width:1100px) {
    .glb-sec1-wrap1 {
        width: 993px;
    }

    .glb-sec2-wrap {
        width: 993px;
        gap: 30px;
    }

    .sustain-wrap {
        width: 993px;
    }

    .texts-glb p {

        width: 365px;
    }

    .img01 {
        width: 525px;
    }

    .img02 {
        width: 525px;
    }

    .img-glb2 {

        width: 415px;
    }

    .img011 {
        width: 415px;

    }

    .img022 {
        width: 415px;
    }
}

@media(max-width:993px) {
    .glb-sec1-wrap1 {
        width: 870px;
    }

    .glb-sec2-wrap {
        width: 870px;

    }

    .sustain-wrap {
        width: 870px;
    }

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

    .img01 {
        width: 434px;
    }

    .img02 {
        width: 434px;
    }
}

@media(max-width:870px) {
    .glb-sec1-wrap1 {
        width: 760px;
    }

    .glb-sec2-wrap {
        width: 760px;

    }

    .sustain-wrap {
        width: 760px;
    }

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

    .img01 {
        width: 300px;
    }

    .img02 {
        width: 300px;
    }
}
@media(min-width:760px){
    #mob-img{
        display: none;
    }
    #mob-newimg{
        display: none;
    }
}
@media (max-width:760px) {
    #img-web{
        display: none;
    }
    #mob-img{
        margin-bottom: 26px;
    }
    #mob-newimg{
        margin-top: 15px;
    }
    .img-glb2 {
        width: 100%;
    }

    .glb-sec1-wrap1 {

        width: 92%;
        flex-direction: column-reverse;
        gap: 50px;
    }

    .img01 {

        width: 100%;
    }

    .img02 {
        width: 100%;
    }

    .texts-glb p {

        width: 100%;
    }

    .glb-sec2-wrap {

        width: 92%;
        flex-direction: column;
        gap: 81px;
    }

    .img011 {

        width: 100%;
    }

    .img022 {

        width: 100%;
    }

    .sustain-wrap {

        width: 92%;
    }

    .boxes {
        gap: 80px;
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}