.HeroBanner{
     height:30rem;
}
.HeroBanner2{
     height:20rem;
}

.AboutUs {
    display: flex; 
    justify-content: space-between;
    align-items: center; 
    flex-wrap: nowrap; 
}
@media (min-width: 480px){
    .ImpactImg{
		height: 22rem !important;
        margin:1.5rem;
    }
}
.AboutCol{
    height:48rem;
}
@media (max-width: 780px){
    .AboutCol{
        height:40rem;
    }
    .ContactBox{
        height:15rem;
    }
}
.CSRBox{
    height:35rem;
}
.OurPartnerBox{
    height:39rem;
}
.OurApproachBox{
    height:20rem;
}
.AIBox{
    height:42rem;
}
.ContactBox{
    height:20rem;
}
@media (max-width: 780px){
    .ContactBox{
        height:12rem;
    }
    .OurPartnerBox{
        height:31rem;
    }
}
.theme-product-details-style-05 .theme-quick-view-container .theme-quick-view-inner-container .theme-product-details-area-container .theme-product-details-column.theme-product-details-varients-area .theme-product-cart-button {
    margin-block-start: 0px;
    display: none;
}
a {
    color: #2991d6;
}
.theme-navigation-and-icons .theme-search-and-mini-cart-group .theme-mini-cart .theme-minicart-icon svg {
    width: 24px;
    height: 24px;
    fill: #364253;
    stroke: #364253;
    display: none;
}
.theme-product-details-style-05 .theme-product-details-area-container .theme-product-details-column .theme-product-pricing-and-cart-button-area .theme-product-cart-button a:last-child {
    margin-inline-end: 0px;
    border-radius: 5px;
}
@media (min-width: 992px) {
    .theme-header .zpcontainer .theme-branding-info .theme-logo-parent {
        height: 100%;
        padding-block-start: 0;
        flex: 1 0 auto;
        margin-right: 17rem;
        padding-inline-end: 15px;
    }
}
@media only screen and (max-width: 768px) {
    .row1{
        display: flex;
        flex-wrap: wrap;
    }
    .element1, .element2, .element3{
        width: calc(100% / 3); /* Each element will take 1/3rd of the row */
        box-sizing: border-box; /* Ensures padding/border does not affect width */
        padding: 10px; /* Optional: You can add padding to space them out */
    }
}
@media only screen and (max-width: 768px) {
    .row2{
        display: flex;
        flex-wrap: wrap;
    }
    .e1, .e2, .e3, .e4, .e5, .e6{
        width: calc(100% / 6); /* Each element takes up 1/6th of the row */
        box-sizing: border-box; /* Ensures padding/border does not affect width */
        padding: 5px; /* Optional: Adjust padding as needed */
    }
}
.RSBOX{
    white-space: nowrap;
}
@media only screen and (max-width: 768px) {
    .row4{
        display: flex;
        flex-wrap: wrap;
    }
    .e1, .e2, .e3{
        width: calc(100% / 3); /* Each element will take 1/3rd of the row */
        box-sizing: border-box; /* Ensures padding/border does not affect width */
        padding: 10px; /* Optional: You can add padding to space them out */
    }
}