body{
        background: #000000;
        overflow-x: hidden;
    }
    .padding-top{
        padding-top: 128px;
    }

a {
    text-decoration: none;
}

    .padding-top {
    padding: 126px 90px 0px 90px !important;
}

.banner-padding-top-50{
        padding-top: 50px !important;
    }

    h1, h4, h5, p, h2,h3{
        color : #fff;
    }

    a{
        text-decoration: none;
    }

    p,h4,h5{
        line-height: 31px;
    }

    .keyfeatures{
        display : flex;
        justify-content: space-between;
    }

    .keyfeatures{
        display : flex;
        justify-content: space-between;
    }

    .keyfeatures .column-left{
        width: 58%;
            position: relative;
    }

    .keyfeatures .img-container{
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        z-index: -1;
        border-top-left-radius: 15px;
        border-bottom-left-radius: 15px;
        overflow: hidden;
    }

    .keyfeatures .img-container img{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .keyfeatures .column-right{
        width: 40%;
    }

    .key-feature-points-container{
        display: flex;
        flex-direction: column;
        gap: 30px;
    }

    .keyfeatures .column-right h2{
        margin-bottom: 53px;
    }

    .key-feature h4{
        padding-left: 17px; 
        position: relative;
    }

    /* .key-feature:nth-child(odd) h4{
        border-left: 3px solid #EB1E22; 
    }

    .key-feature:nth-child(even) h4{
        border-left: 3px solid #246230;
    } */


    .key-feature:nth-child(odd) h4::before{
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        height: 65%;
        width: 4px;
        background: #EB1E22;
    }

    .key-feature:nth-child(even) h4::before{
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        height: 65%;
        width: 4px;
        background: #246230;
    }

    
    /* categories container starts */
    .explore-heading{
        text-align:center;
        margin-top:100px;
    }

    .products-sols{
        display : flex;
        justify-content: space-between;
        border: 1px solid #EB1E2247;
        border-left-width: 0;
        border-radius: 15px;
    }

    .reverse .products-sols{
        border: 1px solid #246230AB;
        flex-direction: row-reverse;
        border-right-width: 0;
    }

    .products-sols .column{
        width: 48%;
    }

    .products-sols .column-right{
        padding: 15px 25px;
    }

    .products-sols .column-left{
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .products-sols .img-container{
        width: 100%;
        height: 101%;
        border-radius: 15px;
        overflow: hidden;
    }

    .products-sols .img-container img{
        object-fit: cover;
        width: 100%;
        height: 100%;
    }

    .products-sols .category-container{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        row-gap: 40px;
        margin-top: 40px;
    }

    .products-sols .category-container .column-1,
    .products-sols .category-container .column-2{
        display: flex;
        flex-direction: column;
        row-gap: 44px;
    }

    .products-sols .category-container .categories{
        width: auto;
    }

    .categories h4{
        padding-left: 17px; 
        font-weight: 500;
        position: relative;
    }

    .categories h4:hover{
        color: #ccc;
    }

    .categories h4::before{
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        height: 65%;
        width: 4px;
        background: #EB1E22;
    }

    /* categories container ends */

    /* Safety card Section Starts */

    .safety-cards-container{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        gap: 25px;
        margin-top: 58px;
        position: relative;
    }

    .safety-card{
        width: 32%;
        border: 1px solid #F6F6F682;
        border-radius: 15px;
        padding : 19px 22px 22px 27px; 
        aspect-ratio: 429 / 210;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        background: #000;
    }

    .safety-card .safety-card-head{
        display : flex;
        gap: 16px;
        align-items: center; 
    }

    .safety-card .safety-card-head img{
        width: 65px;
    }

    .safety-card-foot p{
        margin-top: 21px;
        line-height: 25px;
    }

    /* Safety card Section Ends */

    /* Buttons Starts */

    .buttons-container{
        width: 100%;
        margin-top: 55px;

        display: flex;
        gap: 18px;
    }

    

    

    /* Buttons Ends */

    .show-mobile{
        display: none;
    }


    /* backdrop-image */

    .backdrop-image{
        position: absolute;
        top: 0;
        left: -16rem;
    }

    .backdrop-image-2{
        position: absolute;
        bottom: -40rem;
        right: -17rem;
    }


    @media (max-width: 990px) {

        .show-desktop{
            display : none;
        }
        .show-mobile{
            display: block;
        }

        .padding-top {
            padding: 60px 16px 0px 16px !important;
        }
        
        .banner-padding-top-50{
            padding-top: 20px !important;
        }
        
        .keyfeatures{
            flex-direction: column;
        }

        .keyfeatures .column-right h2{
            margin-bottom: 26px;
            margin-top: 49px;
        }

        .key-feature-points-container{
            gap: 22px;
        }

        .keyfeatures .img-container{
            position: static;
        }

        .keyfeatures .column-left,.keyfeatures .column-right{
            width: 100%;
        }

        .explore-heading{
            margin-bottom:37px;
        }

        .products-sols .category-container{
            margin-top: 21px;
            row-gap: 21px;
        }

        .products-sols{
            flex-direction: column;
        }

        .reverse .products-sols{
            flex-direction: column;
        }

        .products-sols .column{
            width: 100%;
        }

        .products-sols .column-right{
            padding: 8px;
        }

        .safety-cards-container{
            margin-top: 18px;
        }

        .safety-card{
            width: 100%;
        }

        .safety-card .safety-card-head img{
            width: 47px;
        }

        .get-started-btn1{
            font-size: 14px;
        }

        .get-started-btn1 img{
            width: 14px;
            margin-left: 5px;
        }

        .buttons-container{
            margin-top: 30px;
        }

        .products-sols{
            border-left-width: 1px;
        }

        .reverse .products-sols{
            border-right-width: 1px;
        }


        .products-sols .category-container .column-1,
        .products-sols .category-container .column-2{
            row-gap: 14px;
        }
    }