body{
        background: #000000;
        overflow-x: hidden;
    }

a {
    text-decoration: none;
}
    .padding-top{
        padding-top: 128px;
    }

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

    .banner-padding-top-50{
        padding-top: 50px !important;
    }
    
    h1, h4, h5, p, h2,h3{
        color : #fff;
    }

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

    p{
        line-height: 35px;
    }

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

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

    .keyfeatures .img-container{
        width: 100%;
        height: 379px;
    }

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

    .keyfeatures .column-left{
        width: 48%;
    }
    .keyfeatures .column-right{
        width: 48%;
        display: flex;
        flex-direction: column;
    }


    /* 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 */

    /* product spec Section Starts */

    .product-spec-container{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-auto-rows: auto;
        column-gap: 72px;
    }

    .product-spec{
        display: grid;
        width: auto;
        gap: 10px;
        aspect-ratio: auto;
        height: auto;
        grid-row: span 2;
        grid-template-rows: subgrid;
        padding: 16px 0;
        border: none;
        background: transparent;

        justify-content: flex-start;

    }

    .product-spec-container .safety-card-foot p{
        line-height: 35px;
        margin: 0;
    }

    /* product spec Section Ends */

    /* Buttons Starts */

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

        display: flex;
        gap: 18px;
    }
    button img{
        margin-left:10px;  
    }
    /* Buttons Ends */


    /* Accordian Starts */

    .accordion {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      row-gap: 40px;
      position: relative;
    }

    .accordion .column-1,.accordion .column-2{
      width: 48%;
      display: flex;
      flex-direction: column;
      gap: 40px;
    }

    .accordion-items {
        width: 100%;
      border-bottom: 1px solid #FFFFFF;
      padding-bottom: 29px;
    }

    .accordion-items p{
        margin: 0;
    }

    .frequent-heading{
        text-align: center;
        margin-bottom: 90px;
    }

    .accordion-header {
      cursor: pointer;
      font-weight: bold;
      transition: background 0.3s ease;
      display: flex;
      align-items: center;
      gap: 10px;
      padding-bottom: 15px;
    }

    .accordion-header h4{
      margin:0;
    }
    

    .accordion-content {
      max-height: 0;
      overflow: hidden;
      transition: max-height 0.3s ease, padding 0.3s ease;
      padding: 0 2.5rem;
    }

    

    .toggle-icon {
        transition: transform 0.3s ease;
        width: 20px;
        margin-right: 10px;
        vertical-align: middle;
    }

    .rotated {
        transform: rotate(180deg);
    }

    /* Accordian Ends */

    .show-mobile{
        display: none;
    }


    .Eco-Smart-section{
        padding-top: 0 !important;
    }
    
    


    /* Gradient  */

    section{
        position: relative;
        overflow-x: clip;
    }

    .backdrop-image {
    position: absolute;
    bottom: 0px;
    right: -14rem;;
    }

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

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

 .backdrop-image4 {
    position: absolute;
    top: 0px;
    left: -15rem;
    }

.backdrop-image5 {
position: absolute;
    top: 0px;
    right: -14rem;
    }

.backdrop-image6 {
    position: absolute;
    top: 0px;
    left: -15rem;
}




    .padding-bottom{
        padding-bottom: 128px !important;
    }

    /* Gradient  */

    .get-started-btn1 {
        padding-right: 1.5rem !important;
        padding-left: 1.5rem !important;
    }

    @media (max-width: 990px) {

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


	.keyfeatures .img-container{
        	width: 100%;
        	height: auto
    	}

.keyfeatures .img-container img{
        	object-fit: contain;
    	}

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

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

        .padding-bottom{
            padding-bottom: 128px !important;
        }

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

        .product-spec-container{
            grid-template-columns: repeat(1, 1fr);
            gap: 0px;
        }

        .product-spec{
            padding: 23px 0;
            aspect-ratio: auto;
            gap: 10px;
        }

        .accordion{
            flex-direction: column;
        }

        .accordion .column-1,.accordion .column-2{
            width: 100%;
        }

        .customized-sol-section.Eco-Smart-section{
            padding-top: 0 !important;
        }

        .customized-sol-section{
            padding-top: 0 !important;
        }

        .frequent-heading {
            margin-bottom: 30px;
        }

        .accordion-header{
            padding-bottom: 0;
        }

    }