.s-img img{
    width: 100%;
    /* height: auto; */
    height: 85vh;
    object-fit: cover;
    border-radius: 5px;
    /* outline: 1px solid white;
    outline-offset: -8px; */
}
.s-img{
    position: relative;
}
.s-info{
    position: absolute;
    /* bottom: 5%;
    left: 0%; */
    display: flex;
    justify-content: center;
    align-items: center;
    top: 75%;
    left: 50%;
    transform: translate(-50%,-50%);
}
.sinfo-contain{
display: grid;
grid-template-columns: repeat(4,1fr);
grid-gap: 25px;
}
.s-txt{
    width: 275px;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
}
.s-txt h1,.s-txt p{
    filter: drop-shadow(2px 4px 6px black);
}
.s-txt p{
    font-size: 20px !important;
    font-weight: 400 !important;
}
.s-fabric,.s-annum{
    /* background: #008b487b; */
    background: #ec882370;
    outline: 1px solid white;
    outline-offset: -15px;
    width: 275px;
    height: 250px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 30px;
}
.s-txt h1,.s-fabric h1,.s-annum h1{
    color: #fff;
    font-size: 25px;
    font-weight: 500;
    margin: 0;
}
.s-txt p,.s-fabric p,.s-annum p{
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 5px;
    color: #fff;
    text-transform: capitalize;
}
.s-info{
    z-index: 5;
}
.s-img::after{
    position: absolute;
    content: '';
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: 100%;
    background: linear-gradient(45deg, #00000070, #00000070);
    z-index: 3;
    border-radius: 5px;
}
.slide-contain{
    padding: 0px 25px;
}
.slider{
    padding-bottom: 50px;
}
.icon-contain{
    display: flex;
    justify-content: center;
    align-items: center;
}
.ic-grid{
    display: grid;
    align-items: center;
    text-align: center;
    grid-template-columns: repeat(3,1fr);
    grid-gap: 50px;
}
.ic-item{
    padding: 25px;
}
.ic-txt h1{
    font-size: 35px;
    font-weight: 500;
    margin: 0px;
    background: -webkit-linear-gradient(#b4a5e1, #3ac8d8);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.ic-img img{
    width: 150px;
    margin-bottom: 25px;
}
.ic-grid a:hover{
    text-decoration: none;
}
.fabric,.daux,.dye,.special{
    padding: 50px 0px;
}
.fabric-contain,.daux-contain,.dye-contain,.special-contain{
    padding: 0px 25px;
}
.fabric-img{
    margin-bottom: 75px;
}
.fabric-img img,.daux-img img,.dye-img img,.special-img img{
    width: 100%;
    height: 500px;
    object-fit: cover;
    object-position: top;
    border-radius: 5px;
    outline: 1px solid white;
    outline-offset: -15px;
}
.fabric-heading,.daux-heading,.dye-heading,.special-heading{
    position: relative;
}
.fabric-txt,.daux-txt,.dye-txt,.special-txt{
    position: absolute;
    bottom: 10%;
    right: 5%;
    filter: drop-shadow(2px 4px 6px black);
}
.fabric-txt h1,.daux-txt h1,.dye-txt h1,.special-txt h1{
    font-size: 75px;
    font-weight: 500;
    color: #fff;
    margin: 0;
}
.fabric-info{
    padding: 50px 25px;
}
.fabric-info h1{
    font-size: 25px;
    font-weight: 700;
    color: #008b47;
    margin-bottom: 25px;
}
.fabric-info p{
    margin: 0;
}
.product-heading h1{
    font-size: 35px;
    font-weight: 700;
    /* color: #008b47; */
    color: #000;
    padding: 0px 25px;
    margin-top: 50px;
    margin-bottom: 75px;
    text-align: center;
    position: relative;
}
.product-heading h1::after{
    content: '';
    position: absolute;
    width: 150px;
    height: 3px;
    top: 100%;
    left: 50%;
    transform: translate(-50%,-50%);
    background: #008b47;
}
.product-contain{
    padding: 0px 25px;
}
.product-item{
    display: flex;
    justify-content: center;
    align-items: center;
    /* outline: 1px solid white;
    outline-offset: -15px; */
    border-radius: 5px;
}

.product-left{
    width: 30%;
    height: 350px;
    padding: 35px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.read{
    position: absolute;
    bottom: 8%;
    left: 8%;
}
.product-right{
    width: 70%;
    height: 350px;
}
.pl-txt h1{
    font-size: 20px;
    font-weight: bold;
}
ul.pli{
    padding-left: 20px;
}
.pl-info ul li{
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 10px;
}
.read p{
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    color: #000;
}
.read a:hover{
    text-decoration: none;
}
/* .read p:hover{
    color: #8b0000;
} */

.f1,.f2,.f3,.f4,.f5,.f6{
    margin-bottom: 75px;
}
.f1 .product-right,.f2 .product-right,.f3 .product-right,.f4 .product-right,.f5 .product-right,.f6 .product-right{
    background-size: cover !important;
    background-position: center !important;
}
.f1{
    background: #d4c7b7;
}
.f1 .product-right{
    background: url("../img/f1.jpg");
}
.f2{
    background: #abc6ff;
}
.f2 .product-right{
    background: url("../img/f2.jpg");
}
.f3{
    background: #97c690;
}
.f3 .product-right{
    background: url("../img/f3.jpg");
}
.f4{
    background: #f4a7a7;
}
.f4 .product-right{
    background: url("../img/f4.jpg");
}
.f5{
    background: #b5bfbf;
}
.f5 .product-right{
    background: url("../img/f5.jpg");
}
.f6{
    background: #8dcac2;
}
.f6 .product-right{
    background: url("../img/f6.jpg");
}

.daux-products,.dye-products,.special-products{
    padding-top: 50px;
}
.daux-list,.dye-list,.special-list{
    display: grid;
    grid-template-columns: repeat(4,1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
}
.daux-item,.dye-item,.special-item{
    border-radius: 20px;
    height: 450px;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    margin: 25px;
    padding: 25px;
    outline: 1px solid white;
    outline-offset: -10px;
}
.da1{
    background: url("../img/da1.jpeg");
}
.da2{
    background: url("../img/da2.jpeg");
}
.da3{
    background: url("../img/da3.jpg");
}
.da4{
    background: url("../img/da4.png");
}
.da5{
    background: url("../img/da5.jpeg");
}
.da6{
    background: url("../img/da6.png");
}
.da7{
    background: url("../img/da7.jpeg");
}
.da8{
    background: url("../img/da8.jpg");
}
.da9{
    background: url("../img/da9.jpeg");
}
.da10{
    background: url("../img/da10.jpeg");
}
.da11{
    background: url("../img/da11.jpg");
}
.da12{
    background: url("../img/da12.jpeg");
}


.daux-item .pl-txt,.dye-item .pl-txt,.special-item .pl-txt{
    position: absolute;
    bottom: 5%;
    display: flex;
    justify-content: flex-start;
    align-items: flex-end;
    width: 83%;
    height: 100px;
}
.daux-item .pl-txt h1,.dye-item .pl-txt h1,.special-item .pl-txt h1{
    color: #fff;
    font-weight: 500;
    font-size: 25px;
    margin: 0;
    line-height: 1.2;
    filter: drop-shadow(2px 4px 6px black);
}

.product-right {
    border-radius: 125px 0 0 125px;
    outline: 1px solid white;
    outline-offset: -15px;
    filter: drop-shadow(-8px 0px 5px #00000080);
}


.d1{
    background: url("../img/d1.jpeg");
}
.d2{
    background: url("../img/d2.jpeg");
}
.d3{
    background: url("../img/d3.jpeg");
}
.d4{
    background: url("../img/d4.png");
}

.fabric-info{
    display: flex;
    align-items: flex-start;
    justify-content: center;
}
.fi-left,.fi-right{
    width: 50%;
    padding: 25px;
}
.fi-left h1{
    margin-bottom: 0;
}
.icon-contain{
    margin-top: 50px;
    margin-bottom: 50px;
}

.s1{
    background: url("../img/s1.jpg");
}
.s2{
    background: url("../img/s2.jpg");
}
.s3{
    background: url("../img/s3.jpg");
}
.s4{
    background: url("../img/s4.jpg");
}
.s5{
    background: url("../img/s5.jpg");
}
.s6{
    background: url("../img/s6.jpg");
}
.s7{
    background: url("../img/s7.jpg");
}
.s8{
    background: url("../img/s8.jpg");
}
.s9{
    background: url("../img/s9.jpg");
}
.s10{
    background: url("../img/s10.jpg");
}
.s11{
    background: url("../img/s11.jpg");
}
.s12{
    background: url("../img/s12.jpg");
}
.s13{
    background: url("../img/s13.jpg");
}
.s14{
    background: url("../img/s14.jpg");
}




@media only screen and (max-width:767px){
    .slide-contain{
        padding: 0px 15px !important;
    }
    .s-img img{
        height: auto;
        outline: 1px solid white;
        outline-offset: -5px;
    }
    .s-img::after{
        height: 232.5px !important;
        top: 0%;
    }
    .s-info{
        position: unset !important;
        display: block;
        top: unset;
        left: unset;
        transform: none;
    }
    .s-txt h1, .s-txt p{
        color: #000;
        filter: none;
    }
    .sinfo-contain {
        display: grid;
        grid-template-columns: repeat(1,1fr);
        grid-gap: 10px;
        padding: 25px 0px !important;
    }
    .s-txt{
        width: 100%;
        height: 100px;
        text-align: center;
    }
    .s-fabric, .s-annum{
        width: 100%;
        height: 150px;
        text-align: center;
        background: #ec8823eb;
    }
    .icon-contain{
        margin: 0px;
    }
    .ic-grid{
        grid-gap: 15px;
    }
    .ic-img img{
        width: 50px;
        margin-bottom: 0px;
    }
    .ic-txt h1{
        font-size: 12px;
    }
    .ic-item{
        padding: 0px;
    }
    .fabric-contain, .daux-contain, .dye-contain, .special-contain{
        padding: 0px 15px;
    }
    .fabric-img img, .daux-img img, .dye-img img , .special-img img{
        height: 250px;
    }
    .fabric-txt h1, .daux-txt h1, .dye-txt h1, .special-txt h1{
        font-size: 35px;
    }
    .fabric-txt, .daux-txt, .dye-txt , .special-txt{
        right: 10%;
    }
    .fabric-info{
        padding: 50px 0px;
        display: block;
    }
    .fi-left, .fi-right{
        width: 100%;
        padding: 0px;
    }
    .fi-left h1{
        font-size: 16px;
        margin-bottom: 15px;
        line-height: 1.5;
        text-align: justify;
    }
    .fabric-info p{
        text-align: justify;
    }
    .product-heading h1{
        margin-top: 0px;
    }
    .product-contain{
        padding: 0px;
    }
    .product-item{
        display: block;
        position: relative;
    }
    .product-left,.product-right{
        width: 100%;
    }
    .product-left{
        padding: 25px;
        top: 125px;
    }
    .product-right{
        height: 150px;
        border-radius: 0px;
        position: absolute;
        top: 0;
    }
    .f1, .f2, .f3, .f4, .f5, .f6{
        margin-bottom: 175px;
    }
    .f1 .product-left{
        background: #d4c7b7;
        border-radius: 0 0 5px 5px;
    }
    .f2 .product-left{
        background: #abc6ff;
        border-radius: 0 0 5px 5px;
    }
    .f3 .product-left{
        background: #97c690;
        border-radius: 0 0 5px 5px;
    }
    .f4 .product-left{
        background: #f4a7a7;
        border-radius: 0 0 5px 5px;
    }
    .f5 .product-left{
        background: #b5bfbf;
        border-radius: 0 0 5px 5px;
    }
    .f6 .product-left{
        background: #8dcac2;
        border-radius: 0 0 5px 5px;
    }
    .fabric, .daux, .dye, .special{
        padding-top: 0px;
    }
    .daux-list, .dye-list, .special-list{
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 15px;
        grid-row-gap: 25px;
    }
    .daux-item, .dye-item, .special-item{
        margin: 0px;
        height: 250px;
        border-radius: 5px;
    }
    .daux-item .pl-txt, .dye-item .pl-txt, .special-item .pl-txt{
        width: 68%;
        bottom: 8%;
    }
    .daux-item .pl-txt h1, .dye-item .pl-txt h1, .special-item .pl-txt h1{
        font-size: 16px;
    }
    .tex-icon{
        padding-bottom: 50px !important;
    }
    .abt-box{
        display: block !important;
    }
    .abt-left,.abt-right{
        width: 100% !important;
        padding: 15px !important;
    }
    .abt-left {
        padding-right: 15px !important;
    }
    .abt-right h1::after{
        left: 12% !important;
    }
    .slider{
        padding-bottom: 0px !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation:portrait){
    .slide-contain{
        padding: 0px 15px !important;
    }
    .s-img img{
        height: auto;
        outline: 1px solid white;
        outline-offset: -5px;
    }
    .s-img::after{
        height: 519px;
        top: 0;
    }
    .s-info{
        position: unset !important;
        display: block;
        top: unset;
        left: unset;
        transform: none;
    }
    .s-txt h1, .s-txt p{
        color: #000;
        filter: none;
    }
    .s-txt p, .s-fabric p, .s-annum p{
        font-size: 15px;
    }
    .sinfo-contain {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 25px;
        padding: 50px 0px !important;
        align-items: center;
    }
    .s-txt{
        width: 100%;
        height: 100px;
        text-align: left;
    }
    .s-fabric, .s-annum{
        width: 100%;
        height: 175px;
        text-align: center;
        background: #ec8823eb;
    }
    .icon-contain{
        margin: 0px auto;
    }
    .ic-grid{
        grid-gap: 50px;
    }
    .ic-img img{
        width: 125px;
        margin-bottom: 0px;
    }
    .ic-txt h1{
        font-size: 20px;
    }
    .ic-item{
        padding: 0px;
    }
    .fabric-contain, .daux-contain, .dye-contain, .special-contain{
        padding: 0px 15px;
    }
    .fabric-img img, .daux-img img, .dye-img img, .special-img img{
        height: 250px;
    }
    .fabric-txt h1, .daux-txt h1, .dye-txt h1, .special-txt h1{
        font-size: 35px;
    }
    .fabric-txt, .daux-txt, .dye-txt, .special-txt{
        /* right: unset;
        bottom: unset;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%); */
        bottom: 10%;
        right: 5%;
    }
    .fabric-info{
        padding: 50px 0px;
        display: block;
    }
    .fi-left, .fi-right{
        width: 100%;
        padding: 0px;
    }
    .fi-left h1{
        font-size: 16px;
        margin-bottom: 15px;
        line-height: 1.5;
        text-align: justify;
    }
    .fabric-info p{
        text-align: justify;
    }
    .product-heading h1{
        margin-top: 0px;
    }
    .product-contain{
        padding: 0px;
    }
    .product-item{
        display: block;
        position: relative;
    }
    .product-left,.product-right{
        width: 100%;
    }
    .product-left{
        padding: 25px;
        top: 185px;
        justify-content: left;
        height: 250px;
    }
    .product-right{
        height: 200px;
        border-radius: 0px;
        position: absolute;
        top: 0;
    }
    .f1, .f2, .f3, .f4, .f5, .f6{
        margin-bottom: 250px;
    }
    .f1 .product-left{
        background: #d4c7b7;
        border-radius: 0 0 5px 5px;
    }
    .f2 .product-left{
        background: #abc6ff;
        border-radius: 0 0 5px 5px;
    }
    .f3 .product-left{
        background: #97c690;
        border-radius: 0 0 5px 5px;
    }
    .f4 .product-left{
        background: #f4a7a7;
        border-radius: 0 0 5px 5px;
    }
    .f5 .product-left{
        background: #b5bfbf;
        border-radius: 0 0 5px 5px;
    }
    .f6 .product-left{
        background: #8dcac2;
        border-radius: 0 0 5px 5px;
    }
    .fabric, .daux, .dye, .special{
        padding-top: 0px;
    }
    .daux-list, .dye-list, .special-list{
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 15px;
        grid-row-gap: 25px;
    }
    .daux-item, .dye-item, .special-item{
        margin: 0px;
        height: 250px;
        border-radius: 5px;
    }
    .daux-item .pl-txt, .dye-item .pl-txt, .special-item .pl-txt{
        width: 86%;
        bottom: 8%;
    }
    .daux-item .pl-txt h1, .dye-item .pl-txt h1, .special-item .pl-txt h1{
        font-size: 22px;
    }
    .tex-icon{
        padding-bottom: 50px !important;
    }
    .abt-box{
        display: block !important;
    }
    .abt-left,.abt-right{
        width: 100% !important;
        padding: 15px !important;
    }
    .abt-left {
        padding-right: 15px !important;
    }
    .abt-right h1::after{
        left: 12% !important;
    }
    .slider{
        padding-bottom: 0px !important;
    }
}
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){
    .s-txt,.s-fabric,.s-annum{
        width: 225px;
    }
    .sinfo-contain{
        grid-gap: 10px;
    }
    .s-info{
        top: 75%;
    }
    .slide-contain{
        padding: 0px 15px !important;
    }
    .s-img img{
        height: auto;
        outline: 1px solid white;
        outline-offset: -5px;
    }
    .s-img::after{
        height: 519px;
        top: 0;
    }
    .s-info{
        position: unset !important;
        display: block;
        top: unset;
        left: unset;
        transform: none;
    }
    .s-txt h1, .s-txt p{
        color: #000;
        filter: none;
    }
    .s-txt p, .s-fabric p, .s-annum p{
        font-size: 15px;
    }
    .sinfo-contain {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 25px;
        padding: 50px 0px !important;
        align-items: center;
    }
    .s-txt{
        width: 100%;
        height: 100px;
        text-align: left;
    }
    .s-fabric, .s-annum{
        width: 100%;
        height: 175px;
        text-align: center;
        background: #ec8823eb;
    }
    .icon-contain{
        margin: 0px auto;
    }
    .ic-grid{
        grid-gap: 50px;
    }
    .ic-img img{
        width: 125px;
        margin-bottom: 0px;
    }
    .ic-txt h1{
        font-size: 20px;
    }
    .ic-item{
        padding: 0px;
    }
    .fabric-contain, .daux-contain, .dye-contain, .special-contain{
        padding: 0px 25px;
    }
    .fabric-img img, .daux-img img, .dye-img img, .special-img img{
        height: 250px;
    }
    .fabric-txt h1, .daux-txt h1, .dye-txt h1, .special-txt h1{
        font-size: 35px;
    }
    .fabric-txt, .daux-txt, .dye-txt, .special-txt{
        /* right: unset;
        bottom: unset;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%); */
        bottom: 10%;
        right: 5%;
    }
    .fabric-info{
        padding: 50px 0px;
        display: block;
    }
    .fi-left, .fi-right{
        width: 100%;
        padding: 0px;
    }
    .fi-left h1{
        font-size: 16px;
        margin-bottom: 15px;
        line-height: 1.5;
        text-align: justify;
    }
    .fabric-info p{
        text-align: justify;
    }
    .product-heading h1{
        margin-top: 0px;
    }
    .product-contain{
        padding: 0px;
    }
    .product-item{
        display: block;
        position: relative;
    }
    .product-left,.product-right{
        width: 100%;
    }
    .product-left{
        padding: 25px;
        top: 200px;
        justify-content: left;
        height: 250px;
    }
    .product-right{
        height: 200px;
        border-radius: 0px;
        position: absolute;
        top: 0;
    }
    .f1, .f2, .f3, .f4, .f5, .f6{
        margin-bottom: 275px;
    }
    .f1 .product-left{
        background: #d4c7b7;
        border-radius: 0 0 5px 5px;
    }
    .f2 .product-left{
        background: #abc6ff;
        border-radius: 0 0 5px 5px;
    }
    .f3 .product-left{
        background: #97c690;
        border-radius: 0 0 5px 5px;
    }
    .f4 .product-left{
        background: #f4a7a7;
        border-radius: 0 0 5px 5px;
    }
    .f5 .product-left{
        background: #b5bfbf;
        border-radius: 0 0 5px 5px;
    }
    .f6 .product-left{
        background: #8dcac2;
        border-radius: 0 0 5px 5px;
    }
    .fabric, .daux, .dye, .special{
        padding-top: 0px;
    }
    .daux-list, .dye-list, .special-list{
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 25px;
        grid-row-gap: 25px;
    }
    .daux-item, .dye-item, .special-item{
        margin: 0px;
        height: 250px;
        border-radius: 5px;
    }
    .daux-item .pl-txt, .dye-item .pl-txt, .special-item .pl-txt{
        width: 86%;
        bottom: 8%;
    }
    .daux-item .pl-txt h1, .dye-item .pl-txt h1, .special-item .pl-txt h1{
        font-size: 22px;
    }
    .tex-icon{
        padding-bottom: 50px !important;
    }
    .daux-products, .dye-products, .special-products {
        padding-top: 75px;
    }
    .abt-box{
        display: block !important;
    }
    .abt-left,.abt-right{
        width: 100% !important;
        padding: 15px !important;
    }
    .abt-left {
        padding-right: 15px !important;
    }
    .abt-right h1::after{
        left: 12% !important;
    }
    .slider{
        padding-bottom: 0px !important;
    }
}
@media (min-width: 1025px) and (max-width: 1099px){
    .s-txt,.s-fabric,.s-annum{
        width: 225px;
    }
    .sinfo-contain{
        grid-gap: 10px;
    }
    .s-info{
        top: 75%;
    }
    .slide-contain{
        padding: 0px 15px !important;
    }
    .s-img img{
        height: auto;
        outline: 1px solid white;
        outline-offset: -5px;
    }
    .s-img::after{
        height: 519px;
        top: 0;
    }
    .s-info{
        position: unset !important;
        display: block;
        top: unset;
        left: unset;
        transform: none;
    }
    .s-txt h1, .s-txt p{
        color: #000;
        filter: none;
    }
    .s-txt p, .s-fabric p, .s-annum p{
        font-size: 15px;
    }
    .sinfo-contain {
        display: grid;
        grid-template-columns: repeat(2,1fr);
        grid-gap: 25px;
        padding: 50px 0px !important;
        align-items: center;
    }
    .s-txt{
        width: 100%;
        height: 100px;
        text-align: left;
    }
    .s-fabric, .s-annum{
        width: 100%;
        height: 175px;
        text-align: center;
        background: #ec8823eb;
    }
    .icon-contain{
        margin: 0px auto;
    }
    .ic-grid{
        grid-gap: 50px;
    }
    .ic-img img{
        width: 125px;
        margin-bottom: 0px;
    }
    .ic-txt h1{
        font-size: 20px;
    }
    .ic-item{
        padding: 0px;
    }
    .fabric-contain, .daux-contain, .dye-contain, .special-contain{
        padding: 0px 25px;
    }
    .fabric-img img, .daux-img img, .dye-img img, .special-img img{
        height: 250px;
    }
    .fabric-txt h1, .daux-txt h1, .dye-txt h1, .special-txt h1{
        font-size: 35px;
    }
    .fabric-txt, .daux-txt, .dye-txt, .special-txt{
        /* right: unset;
        bottom: unset;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%); */
        bottom: 10%;
        right: 5%;
    }
    .fabric-info{
        padding: 50px 0px;
        display: block;
    }
    .fi-left, .fi-right{
        width: 100%;
        padding: 0px;
    }
    .fi-left h1{
        font-size: 16px;
        margin-bottom: 15px;
        line-height: 1.5;
        text-align: justify;
    }
    .fabric-info p{
        text-align: justify;
    }
    .product-heading h1{
        margin-top: 0px;
    }
    .product-contain{
        padding: 0px;
    }
    .product-item{
        display: block;
        position: relative;
    }
    .product-left,.product-right{
        width: 100%;
    }
    .product-left{
        padding: 25px;
        top: 200px;
        justify-content: left;
        height: 250px;
    }
    .product-right{
        height: 200px;
        border-radius: 0px;
        position: absolute;
        top: 0;
    }
    .f1, .f2, .f3, .f4, .f5, .f6{
        margin-bottom: 275px;
    }
    .f1 .product-left{
        background: #d4c7b7;
        border-radius: 0 0 5px 5px;
    }
    .f2 .product-left{
        background: #abc6ff;
        border-radius: 0 0 5px 5px;
    }
    .f3 .product-left{
        background: #97c690;
        border-radius: 0 0 5px 5px;
    }
    .f4 .product-left{
        background: #f4a7a7;
        border-radius: 0 0 5px 5px;
    }
    .f5 .product-left{
        background: #b5bfbf;
        border-radius: 0 0 5px 5px;
    }
    .f6 .product-left{
        background: #8dcac2;
        border-radius: 0 0 5px 5px;
    }
    .fabric, .daux, .dye, .special{
        padding-top: 0px;
    }
    .daux-list, .dye-list, .special-list{
        grid-template-columns: repeat(2,1fr);
        grid-column-gap: 25px;
        grid-row-gap: 25px;
    }
    .daux-item, .dye-item, .special-item{
        margin: 0px;
        height: 250px;
        border-radius: 5px;
    }
    .daux-item .pl-txt, .dye-item .pl-txt, .special-item .pl-txt{
        width: 86%;
        bottom: 8%;
    }
    .daux-item .pl-txt h1, .dye-item .pl-txt h1, .special-item .pl-txt h1{
        font-size: 22px;
    }
    .tex-icon{
        padding-bottom: 50px !important;
    }
    .daux-products, .dye-products, .special-products {
        padding-top: 75px;
    }
    .abt-box{
        display: block !important;
    }
    .abt-left,.abt-right{
        width: 100% !important;
        padding: 25px !important;
    }
    .abt-left {
        padding-right: 25px !important;
    }
    .abt-right h1::after{
        left: 12% !important;
    }
    .slider{
        padding-bottom: 0px !important;
    }
}
@media (min-width: 1100px) and (max-width: 1199px) {
    .s-fabric, .s-annum, .s-txt{
        width: 235px;
    }
    .s-info{
        top: 75%;
    }
    .sinfo-contain{
        grid-gap: 15px;
    }
    .ic-grid{
        grid-gap: 25px;
    }
    .ic-img img{
        width: 100px;
    }
    .ic-txt h1{
        font-size: 25px;
    }
    .product-contain{
        padding: 0;
    }
    .daux-list, .dye-list, .special-list{
        grid-template-columns: repeat(3,1fr);
    }
    .abt-box{
        display: block !important;
    }
    .abt-left,.abt-right{
        width: 100% !important;
        padding: 25px !important;
    }
    .abt-left {
        padding-right: 25px !important;
    }
    .abt-right h1::after{
        left: 12% !important;
    }
    .slider{
        padding-bottom: 50px !important;
    }
    .fabric-img img, .daux-img img, .dye-img img, .special-img img{
        height: 350px !important;
    }
    .fabric-txt h1, .daux-txt h1, .dye-txt h1, .special-txt h1{
        font-size: 50px !important;
    }
}
@media (min-width: 1200px) and (max-width: 1299px) {
    .s-fabric, .s-annum, .s-txt{
        width: 250px;
    }
    .s-info{
        top: 75%;
    }
    .sinfo-contain{
        grid-gap: 25px;
    }
    .ic-grid{
        grid-gap: 25px;
    }
    .ic-img img{
        width: 100px;
    }
    .ic-txt h1{
        font-size: 25px;
    }
    .product-contain{
        padding: 0;
    }
    .daux-list, .dye-list, .special-list{
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 5px;
        grid-row-gap: 25px;
    }
    .daux-item, .dye-item, .special-item{
        height: 400px;
        margin: 10px;
    }
    .fabric-img img, .daux-img img, .dye-img img, .special-img img{
        height: 350px;
    }
    .fabric-txt h1, .daux-txt h1, .dye-txt h1, .special-txt h1{
        font-size: 50px;
    }
    .abt-right,.abt-left{
        padding: 25px !important;
    }
    .abt-right{
        padding-left: 0px !important;
    }
    .al-img img{
        height: 475px !important;
        object-fit: cover !important;
    }
}
@media (min-width: 1300px) and (max-width: 1399px) {
    .s-fabric, .s-annum, .s-txt{
        width: 275px;
    }
    .s-info{
        top: 75%;
    }
    .sinfo-contain{
        grid-gap: 25px;
    }
    .ic-grid{
        grid-gap: 25px;
    }
    .ic-img img{
        width: 100px;
    }
    .ic-txt h1{
        font-size: 25px;
    }
    .product-contain{
        padding: 0;
    }
    .daux-list, .dye-list, .special-list{
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 5px;
        grid-row-gap: 25px;
    }
    .daux-item, .dye-item, .special-item{
        height: 400px;
        margin: 10px;
    }
    .fabric-img img, .daux-img img, .dye-img img, .special-img img{
        height: 350px;
    }
    .fabric-txt h1, .daux-txt h1, .dye-txt h1, .special-txt h1{
        font-size: 50px;
    }
    .abt-right,.abt-left{
        padding: 25px !important;
    }
    .abt-right{
        padding-left: 0px !important;
    }
    .al-img img{
        height: 475px !important;
        object-fit: cover !important;
    }
}
@media (min-width: 1400px) and (max-width: 1499px) {
    .s-fabric, .s-annum, .s-txt{
        width: 300px;
    }
    .s-info{
        top: 75%;
    }
    .sinfo-contain{
        grid-gap: 25px;
    }
    .ic-grid{
        grid-gap: 25px;
    }
    .ic-img img{
        width: 100px;
    }
    .ic-txt h1{
        font-size: 25px;
    }
    .product-contain{
        padding: 0;
    }
    .daux-list, .dye-list, .special-list{
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 5px;
        grid-row-gap: 25px;
    }
    .daux-item, .dye-item, .special-item{
        height: 450px;
        margin: 10px;
    }
    .fabric-img img, .daux-img img, .dye-img img, .special-img img{
        height: 350px;
    }
    .fabric-txt h1, .daux-txt h1, .dye-txt h1, .special-txt h1{
        font-size: 50px;
    }
    .abt-right,.abt-left{
        padding: 25px !important;
    }
    .abt-right{
        padding-left: 0px !important;
    }
    .al-img img{
        height: 475px !important;
        object-fit: cover !important;
    }
}
@media (min-width: 1500px) and (max-width: 1599px) {
    .s-fabric, .s-annum, .s-txt{
        width: 300px;
    }
    .s-info{
        top: 75%;
    }
    .sinfo-contain{
        grid-gap: 25px;
    }
    .ic-grid{
        grid-gap: 25px;
    }
    .ic-img img{
        width: 100px;
    }
    .ic-txt h1{
        font-size: 25px;
    }
    .product-contain{
        padding: 0;
    }
    .daux-list, .dye-list, .special-list{
        grid-template-columns: repeat(4,1fr);
        grid-column-gap: 5px;
        grid-row-gap: 25px;
    }
    .daux-item, .dye-item, .special-item{
        height: 450px;
        margin: 10px;
    }
    .fabric-img img, .daux-img img, .dye-img img, .special-img img{
        height: 350px;
    }
    .fabric-txt h1, .daux-txt h1, .dye-txt h1, .special-txt h1{
        font-size: 50px;
    }
    .abt-right,.abt-left{
        padding: 25px !important;
    }
    .abt-right{
        padding-left: 0px !important;
    }
    .al-img img{
        height: 475px !important;
        object-fit: cover !important;
    }
}

.abt{
    padding: 50px 0px;
}
.abt-box{
    display: flex;
    align-items: center;
    justify-content: center;
}
.abt-left,.abt-right{
    width: 50%;
    padding: 50px;
    text-align: justify;
}
.abt-right{
    padding-left: 35px;
    padding: 100px;
}
.al-img{
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.al-img img{
    width: 100%;
    height: auto;
    border-radius: 10px;
    outline: 1px solid #fff;
    outline-offset: -10px;
}
.abt-right p{
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    text-transform: capitalize;
    margin: 0;
    padding-bottom: 15px;
}
.abt-left{
    padding-right: 0px;
}
.abt-right h1{
    font-weight: 500;
    font-size: 25px;
    color: #000;
    margin: 0;
    padding-bottom: 25px;
    position: relative;
}
.abt-right span{
    font-weight: 500;
    color: #000;
}
.abt-right h1::after{
    position: absolute;
    content: '';
    top: 58%;
    left: 7%;
    transform: translate(-50%,-50%);
    width: 75px;
    height: 3px;
    background: #008b47;
}