@media screen and (min-width:1098px) {

    /* Carousel */
    .carousel1 {
        width: 100%;
    }

    #carousel1 .splide__track {
        height: 450px;
    }

    #carousel1 .splide__arrow {
        visibility: hidden;
    }

    #carousel1 .splide__slide img {
        width: 100%;
        height: auto;
    }

    #carousel1 .slide1 {
        position: relative;
        background-color: #BDDEFF99;
        background-image: url('../images/home/carousel1.png'), url('../images/home/carouselbg.png');
        background-size: 500px 400px;
        background-position: center right, top right;
        background-repeat: no-repeat;
    }

    #carousel1 .slide2 {
        position: relative;
        background-color: #DD8D13;
        background-image: url('../images/home/carousel1.png'), url('../images/home/carouselbg.png');
        background-size: 500px 400px;
        background-position: center right, top right;
        background-repeat: no-repeat;
    }

    #carousel1 .slide3 {
        position: relative;
        background-color: #161C2D;
        background-image: url('../images/home/carousel1.png'), url('../images/home/carouselbg.png');
        background-size: 500px 400px;
        background-position: center right, top right;
        background-repeat: no-repeat;
    }

    #carousel1 .carouselct {
        position: absolute;
        top: 18%;
        left: 10%;
    }

    #carousel1 .carouselct h6 {
        font-weight: 400;
    }

    #carousel1 .cslct1 h6 {
        color: #7E7E7E;
    }

    #carousel1 .cslct2 h6 {
        color: #fff;
    }

    #carousel1 .cslct3 h6 {
        color: #7E7E7E;
    }

    #carousel1 .carouselct h3 {
        font-weight: 900;
        font-size: 60px;
        width: 60%;
    }

    #carousel1 .cslct1 h3 {
        color: #000;
    }

    #carousel1 .cslct2 h3 {
        color: #000;
    }

    #carousel1 .cslct3 h3 {
        color: #B9D9EB;
    }

    #carousel1 .carouselct h5 {
        font-family: "Oregano", cursive;
        font-size: 25px;
    }

    #carousel1 .cslct1 h5 {
        color: #7E7E7E;
    }

    #carousel1 .cslct2 h5 {
        color: #fff;
    }

    #carousel1 .cslct3 h5 {
        color: #7E7E7E;
    }

    #carousel1 .cslct1 h5 .span1,
    #carousel1 .cslct3 h5 .span1 {
        color: #DD8D13;
    }

    #carousel1 .cslct2 h5 .span1 {
        color: #000;
    }

    #carousel1 .carouselct button {
        background-color: #fff;
        color: #010F1C;
        font-size: 15px;
        border: none;
        border-radius: 6px;
        width: 20%;
        height: 40px;
        box-shadow: 0px 1px 2px 0px #010F1C1A;
        margin-top: 10px;
    }

    /* Ellipse */
    .ellipse {
        width: 100%;
        margin: -50px auto 0px auto;
        padding-top: 100px;
    }

    .ellipsecard {
        width: 95%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(6, 1fr);
        align-items: center;
        place-items: center;
    }

    .eimg {
        background: radial-gradient(95.56% 95.56% at 50% 50%, #FFFFFF 0%, #F0CC6E 100%);
        height: 150px;
        width: 150px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    .ect {
        text-align: center;
        margin-top: 10px;
    }

    .ect h5 {
        color: #010F1C;
        font-weight: 600;
    }

    .ect h6 {
        color: #7E7E7E;
        font-size: 14px;
    }

    /* Card1 */
    .card1 {
        width: 100%;
        margin: 10px auto;
    }

    .cards {
        width: 80%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        align-items: center;
        place-items: center;
        gap: 10px;
    }

    .carddiv {
        background-color: #F6F7F9;
        width: 100%;
        display: grid;
        grid-template-columns: 15% 85%;
        align-items: center;
        place-items: center;
        margin: auto;
        padding: 10px 10px;
        border-radius: 2px;
    }

    .carddiv .cimg1 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .carddiv .cct1 {
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
    }

    .carddiv .cct1 h5 {
        color: #010F1C;
        font-weight: 600;
        font-size: 15px;
    }

    .carddiv .cct1 h6 {
        color: #7E7E7E;
        font-weight: 400;
        font-size: 12px;
    }

    /* Card2 */
    .card2 {
        width: 100%;
        margin: 50px auto 0px auto;
    }

    .cards1 {
        width: 95%;
        display: block;
        margin: 0 auto;
    }

    .card2heading {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .card2heading h2 {
        color: #000;
        font-weight: 800;
        font-size: 40px;
    }

    .card2heading img {
        width: 75%;
    }

    .carddiv1 {
        width: 100%;
        display: grid;
        grid-template-columns: 48% 48%;
        margin: auto;
        justify-content: center;
    }

    .cimg2 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cct2 {
        padding-top: 40px;
        margin: auto;
    }

    .carddiv1 .cct2 h6 {
        color: #7E7E7E;
        font-weight: 600;
        font-size: 17px;
    }

    .carddiv1 .cct2 h4 {
        color: #161C2D;
        font-weight: 800;
        font-size: 35px;
        width: 80%;
    }

    .carddiv1 .cct2 span {
        color: #5C616C;
        font-weight: 400;
        font-size: 15px;
        line-height: 25px;
    }

    .cct3 {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
    }

    .clrdiv h5,
    .vrtsdiv h5,
    .ratediv h5 {
        color: #DD8D13;
        font-size: 15px;
        font-weight: 450;
        text-align: center;
    }

    .clrdiv h6,
    .vrtsdiv h6,
    .ratediv h6 {
        color: #7E7E7E;
        font-size: 18px;
        font-weight: 500;
        text-align: center;
    }

    /* Card Div2 */
    .carddiv2 {
        width: 100%;
        display: grid;
        grid-template-columns: 50% 50%;
        margin: auto;
        justify-content: center;
        background-color: #F4F7FA;
    }

    .carddiv2 .cct2 h6 {
        color: #7E7E7E;
        font-weight: 600;
        font-size: 17px;
    }

    .carddiv2 .cct2 h4 {
        color: #161C2D;
        font-weight: 800;
        font-size: 35px;
        width: 80%;
    }

    .carddiv2 .cct2 span {
        color: #5C616C;
        font-weight: 400;
        font-size: 15px;
        line-height: 25px;
    }

    .cct4 {
        display: grid;
        grid-template-columns: 45% 45%;
        place-items: center;
        align-items: center;
        justify-content: center;
    }

    .cct4 .comfortable {
        display: flex;
        justify-content: space-between;
        gap: 20px;
    }

    .cct4 .cmfct h6 {
        font-size: 12px;
        font-weight: 400;
    }

    /* Feature */
    .feature {
        width: 100%;
        background-color: #DD8D13;
    }

    .featurect {
        height: 75px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        color: #fff;
    }

    /* Card3 */
    .card3 {
        width: 100%;
        margin: 50px auto;
    }

    .cards2 {
        width: 90%;
        margin: auto;
        display: grid;
        grid-template-columns: 45% 55%;
        gap: 20px;
    }

    .c3div1,
    .c3div2 {
        position: relative;
        height: 320px;
        background-size: 250px;
        background-position: right bottom;
        background-repeat: no-repeat;
        z-index: 1;
        transition: background-color 3s ease-in-out;
    }

    .c3div1 {
        background-color: #90DAFF;
        background-image: url('../images/home/cardimg4.png');
    }

    .c3div2 {
        background-color: #F0CC6E;
        background-image: url('../images/home/cardimg5.png');
    }

    .c3div3 {
        height: 650px;
        background-color: #F1F1F1;
        background-image: url('../images/home/cardimg6.png');
        background-size: 500px;
        background-position: right bottom;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .c3d1 {
        width: 75%;
        padding: 20px 20px 0px 20px;
        z-index: 1;
    }

    .c3d2 {
        width: 80%;
        padding: 20px 10px 0px 20px;
        z-index: 1;
    }

    .c3d1 h6,
    .c3d2 h6 {
        font-weight: 600;
        font-size: 16px;
    }

    .c3d1 h4 {
        font-weight: 800;
        font-size: 30px;
    }

    .c3d2 h4 {
        font-weight: 800;
        font-size: 32px;
    }

    .c3d1 p {
        color: #161C2D;
        font-size: 14px;
        width: 90%;
        font-weight: 400;
        display: none;
    }

    .c3div1 .c3dp1,
    .c3div2 .c3dp2 {
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease, height 0.3s ease;
    }

    .c3div1 .learnmore2,
    .c3div2 .learnmore2 {
        transition: opacity 1s ease-in-out;
        /* Smooth opacity transition */
    }

    .c3d2 p {
        color: #161C2D;
        font-size: 18px;
        line-height: 30px;
        width: 90%;
        margin-top: 35px;
    }

    .cct5 {
        width: 80%;
        display: grid;
        grid-template-columns: 26% 26% 27%;
        justify-content: start;
        align-items: start;
        place-items: start;
    }

    .cct6 {
        width: 90%;
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 20px;
        margin-top: 60px;
    }

    .cct5 .clrylw h5,
    .cct5 .vrtsylw h5,
    .cct5 .rateylw h5,
    .cct6 .clrylw h5,
    .cct6 .vrtsylw h5,
    .cct6 .rateylw h5 {
        color: #DD8D13;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        display: block;
    }

    .cct5 .clrylw h6,
    .cct5 .vrtsylw h6,
    .cct5 .rateylw h6,
    .cct6 .clrylw h6,
    .cct6 .vrtsylw h6,
    .cct6 .rateylw h6 {
        color: #7E7E7E;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
    }

    .cct5 .clrblue h5,
    .cct5 .vrtsblue h5,
    .cct5 .rateblue h5 {
        color: #0184C8;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
        display: block;
    }

    .cct5 .clrblue h6,
    .cct5 .vrtsblue h6,
    .cct5 .rateblue h6 {
        color: #7E7E7E;
        font-size: 18px;
        font-weight: 600;
        text-align: center;
    }

    .c3d1 .learnmore2 h6 {
        font-size: 16px;
        font-weight: 600;
        color: #000;
    }

    .c3d2 .learnmore {
        margin-top: 70px;
        text-align: left;
    }

    .c3d1 .learnbtn1,
    .c3d1 .learnbtn2 {
        cursor: pointer;
    }

    /* Why Choose Us */
    .choose {
        width: 100%;
        margin: 50px auto;
    }

    .choosect {
        width: 90%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 15% 26% 26% 26%;
        justify-content: space-evenly;
    }

    .choosediv h4 {
        font-weight: 800;
        font-size: 30px;
    }

    .choosediv h5 {
        color: #0184C8;
        font-size: 20px;
        font-weight: 550;
    }

    .choosediv h6 {
        color: #161C2D;
        font-weight: 450;
        font-size: 17px;
        width: 90%;
    }

    .choosediv a {
        color: #DD8D13;
        font-weight: 450;
        font-size: 17px;
    }

    /* Selling Products */
    .product {
        width: 100%;
        background-color: #F4F7FA;
        margin: 10px auto;
        background-image: url('../images/home/leaf1.png'), url('../images/home/leaf2.png');
        background-size: 200px 200px;
        background-position: left top, right top;
        background-repeat: no-repeat, no-repeat;
    }

    .productdiv {
        width: 90%;
        margin: auto;
        padding: 30px 0px 20px 0px;
    }

    .carousel2 {
        width: 100%;
    }

    .carousel2heading h4 {
        font-weight: 800;
        font-size: 30px;
    }

    .tabbuttons {
        width: 48%;
        background-color: #D8D8D899;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 30px auto;
        padding: 3px 2px;
        border-radius: 25px;
    }

    .hidden {
        display: none;
    }

    #carousel2 .splide__slide .productimg,
    #carousel3 .splide__slide .productimg,
    #carousel4 .splide__slide .productimg,
    #carousel5 .splide__slide .productimg,
    #carousel6 .splide__slide .productimg,
    #carousel7 .splide__slide .productimg {
        width: 100%;
        border-bottom: 1px solid #EAEBED;
    }

    #carousel2 .splide__slide .pdtimgdiv,
    #carousel3 .splide__slide .pdtimgdiv,
    #carousel4 .splide__slide .pdtimgdiv,
    #carousel5 .splide__slide .pdtimgdiv,
    #carousel6 .splide__slide .pdtimgdiv,
    #carousel7 .splide__slide .pdtimgdiv {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    

    #carousel2 .splide__list,
    #carousel3 .splide__list,
    #carousel4 .splide__list,
    #carousel5 .splide__list,
    #carousel6 .splide__list,
    #carousel7 .splide__list {
        gap: 5px;
    }

    #carousel2 .splide__list .splide__slide,
    #carousel3 .splide__list .splide__slide,
    #carousel4 .splide__list .splide__slide,
    #carousel5 .splide__list .splide__slide,
    #carousel6 .splide__list .splide__slide,
    #carousel7 .splide__list .splide__slide {
        width: 25% !important;
        display: grid;
        align-content: center;
        justify-content: center;
        background-color: #fff;
        border: 1px solid #EAEBED;
        border-radius: 15px;
        padding: 10px 0px;
    }

    #carousel2 .splide__arrow--next,
    #carousel3 .splide__arrow--next,
    #carousel4 .splide__arrow--next,
    #carousel5 .splide__arrow--next,
    #carousel6 .splide__arrow--next,
    #carousel7 .splide__arrow--next {
        right: -25px;
        background-color: #fff;
        border: 1px solid #EAEBED;
        height: 50px;
        width: 50px;
    }

    #carousel2 .splide__arrow--prev,
    #carousel3 .splide__arrow--prev,
    #carousel4 .splide__arrow--prev,
    #carousel5 .splide__arrow--prev,
    #carousel6 .splide__arrow--prev,
    #carousel7 .splide__arrow--prev {
        left: -20px;
        background-color: #fff;
        border: 1px solid #EAEBED;
        height: 50px;
        width: 50px;
    }

    #carousel2 .splide__arrow svg,
    #carousel3 .splide__arrow svg,
    #carousel4 .splide__arrow svg,
    #carousel5 .splide__arrow svg,
    #carousel6 .splide__arrow svg,
    #carousel7 .splide__arrow svg {
        fill: #C3CAD9;
        height: 0.8em;
        width: 0.8em;
    }

    #carousel2 .splide__pagination__page,
    #carousel3 .splide__pagination__page,
    #carousel4 .splide__pagination__page,
    #carousel5 .splide__pagination__page,
    #carousel6 .splide__pagination__page,
    #carousel7 .splide__pagination__page {
        display: none;
    }

    .splidecntnt,
    .allprdtcntnt {
        padding: 10px 50px;
    }

    .splidecntnt h6,
    .allprdtcntnt h6 {
        color: #7E7E7E;
        font-weight: 450;
        font-size: 14px;
    }

    .splidecntnt h5,
    .allprdtcntnt h5 {
        color: #000;
        font-weight: 600;
        font-size: 18px;
    }

    .splidecntnt .dashed,
    .allprdtcntnt .dashed {
        color: #7E7E7E;
        font-weight: 450;
        font-size: 15px;
        text-decoration: line-through #DD8D13;
    }

    .splidecntnt .original,
    .allprdtcntnt .original {
        color: #DD8D13;
        font-weight: 600;
        font-size: 18px;
    }

    .splidecntnt .rating,
    .allprdtcntnt .rating {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 11px;
        font-weight: 500;
    }

    .rating .totalreview,
    .rating .totalreview,
    .rating .totalreview,
    .rating .totalreview,
    .rating .totalreview,
    .rating .totalreview {
        color: #55585B;
    }

    /* All Products */
    .allproducts {
        width: 100%;
        margin: 30px auto;
    }

    .allproductshead h4 {
        font-size: 30px;
        font-weight: 800;
        text-align: center;
    }

    .allprdtdiv {
        width: 90%;
        margin: 20px auto;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 10px;
        align-items: center;
    }

    .allprdtdiv1 {
        border: 2px solid #EAEBED;
        margin-top: 15px;
        padding: 10px 0px 0px 0px;
        border-radius: 10px;
    }

    .allprdtdiv1 .allprdtimg {
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #EAEBED;
    }

    /* Review */
    .review {
        width: 100%;
        margin: 20px auto 0px auto;
        background-color: #DD8D13;
        padding: 20px 0px;
    }

    .carousel3 {
        width: 90%;
        margin: auto;
    }

    #carousel8 .splide__arrow {
        visibility: hidden;
    }

    #carousel8 .splide__slide {
        display: grid;
        grid-template-columns: 45% 45%;
        /* align-items: center; */
        margin: auto;
        justify-content: space-evenly;
    }

    .carousel3ct {
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column;
    }

    .carousel3ct .quotes {
        margin-bottom: 50px;
    }

    .carousel3ct .reviewrate {
        margin-bottom: 50px;
    }

    .carousel3ct .reviewct {
        color: #fff;
        font-weight: 500;
        font-size: 20px;
    }

    .carosuel3img {
        position: relative;
        display: flex;
        justify-content: center;
    }

    .carousel3bg {
        position: relative;
        height: 600px;
    }

    .carosuel3img #rvwimg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-40%, -60%);
        z-index: 5;
    }

    .carosuel3img #rvwbg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-70%, -50%);
        z-index: 1;
    }


    /* Subscribe */
    .subscribe {
        width: 100%;
        margin: 30px auto;
    }

    .subscribediv {
        width: 90%;
        margin: auto;
        text-align: center;
    }

    .envelope {
        background-color: #DD8D13;
        color: #fff;
        height: 50px;
        width: 50px;
        font-size: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px auto;
        border-radius: 50%;
    }

    .subscribehead h4 {
        font-weight: 450;
        font-size: 25px;
        line-height: 35px;
    }

    .subscribeinp {
        width: 30%;
        height: 45px;
        border: 1px solid #E7E9ED;
        border-radius: 10px;
        padding: 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
        gap: 10px;
    }

    .subscribeinp input {
        border: none;
        outline: none;
    }

    .subscribect p {
        font-size: 15px;
        font-weight: 400;
    }

}

@media screen and (min-width:890px) and (max-width:1098px) {

    /* Carousel */
    .carousel1 {
        width: 100%;
    }

    #carousel1 .splide__track {
        height: 450px;
    }

    #carousel1 .splide__arrow {
        visibility: hidden;
    }

    #carousel1 .splide__slide img {
        width: 100%;
        height: auto;
    }

    #carousel1 .slide1 {
        position: relative;
        background-color: #BDDEFF99;
        background-image: url('../images/home/carousel1.png'), url('../images/home/carouselbg.png');
        background-size: 400px 400px;
        background-position: center right, top right;
        background-repeat: no-repeat;
    }

    #carousel1 .slide2 {
        position: relative;
        background-color: #DD8D13;
        background-image: url('../images/home/carousel1.png'), url('../images/home/carouselbg.png');
        background-size: 400px 400px;
        background-position: center right, top right;
        background-repeat: no-repeat;
    }

    #carousel1 .slide3 {
        position: relative;
        background-color: #161C2D;
        background-image: url('../images/home/carousel1.png'), url('../images/home/carouselbg.png');
        background-size: 400px 400px;
        background-position: center right, top right;
        background-repeat: no-repeat;
    }

    #carousel1 .carouselct {
        position: absolute;
        top: 18%;
        left: 10%;
    }

    #carousel1 .carouselct h6 {
        color: #7E7E7E;
        font-weight: 400;
    }

    #carousel1 .carouselct h3 {
        color: #000;
        font-weight: 900;
        font-size: 40px;
        width: 60%;
    }

    #carousel1 .carouselct h5 {
        color: #7E7E7E;
        font-family: "Oregano", cursive;
        font-size: 20px;
    }

    #carousel1 .carouselct h5 .span1 {
        color: #DD8D13;
    }

    #carousel1 .carouselct button {
        background-color: #fff;
        color: #010F1C;
        font-size: 15px;
        border: none;
        border-radius: 6px;
        width: 20%;
        height: 40px;
        box-shadow: 0px 1px 2px 0px #010F1C1A;
        margin-top: 10px;
    }

    /* Ellipse */
    .ellipse {
        width: 100%;
        margin: -50px auto 0px auto;
        padding-top: 100px;
    }

    .ellipsecard {
        width: 95%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        place-items: center;
    }

    .ellipsediv {
        margin-top: 10px;
    }

    .eimg {
        background: radial-gradient(95.56% 95.56% at 50% 50%, #FFFFFF 0%, #F0CC6E 100%);
        height: 150px;
        width: 150px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    .ect {
        text-align: center;
        margin-top: 10px;
    }

    .ect h5 {
        color: #010F1C;
        font-weight: 600;
    }

    .ect h6 {
        color: #7E7E7E;
        font-size: 14px;
    }

    /* Card1 */
    .card1 {
        width: 100%;
        margin: 10px auto;
    }

    .cards {
        width: 95%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        align-items: center;
        place-items: center;
        gap: 10px;
    }

    .carddiv {
        background-color: #F6F7F9;
        width: 100%;
        display: grid;
        grid-template-columns: 15% 85%;
        align-items: center;
        place-items: center;
        margin: auto;
        padding: 10px 10px;
        border-radius: 2px;
    }

    .carddiv .cimg1 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .carddiv .cct1 {
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
    }

    .carddiv .cct1 h5 {
        color: #010F1C;
        font-weight: 600;
        font-size: 15px;
    }

    .carddiv .cct1 h6 {
        color: #7E7E7E;
        font-weight: 400;
        font-size: 12px;
    }

    /* Card2 */
    .card2 {
        width: 100%;
        margin: 50px auto 5px auto;
    }

    .cards1 {
        width: 95%;
        display: block;
        margin: 0 auto;
    }

    .card2heading {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .card2heading h2 {
        color: #000;
        font-weight: 800;
        font-size: 30px;
    }

    .card2heading img {
        width: 75%;
    }

    .carddiv1 {
        width: 100%;
        display: grid;
        grid-template-columns: 50% 50%;
        margin: auto;
        justify-content: center;
    }

    .cimg2 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cct2 {
        padding-top: 10px;
        margin: auto;
    }

    .carddiv1 .cct2 h6 {
        color: #7E7E7E;
        font-weight: 600;
        font-size: 14px;
    }

    .carddiv1 .cct2 h4 {
        color: #161C2D;
        font-weight: 800;
        font-size: 25px;
        width: 80%;
    }

    .carddiv1 .cct2 span {
        color: #5C616C;
        font-weight: 400;
        font-size: 14px;
    }

    .cct3 {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin-top: 10px !important;
    }

    .clrdiv h5,
    .vrtsdiv h5,
    .ratediv h5 {
        color: #DD8D13;
        font-size: 14px;
        font-weight: 450;
        text-align: center;
    }

    .clrdiv h6,
    .vrtsdiv h6,
    .ratediv h6 {
        color: #7E7E7E;
        font-size: 18px;
        font-weight: 500;
        text-align: center;
    }

    .stars img {
        height: 15px;
    }

    .ratediv h6 {
        margin-top: 5px !important;
    }

    .learnmore {
        margin-top: 10px !important;
    }

    /* Card Div2 */
    .carddiv2 {
        width: 100%;
        display: grid;
        grid-template-columns: 50% 50%;
        margin: auto;
        justify-content: center;
        background-color: #F4F7FA;
    }

    .carddiv2 .cct2 h6 {
        color: #7E7E7E;
        font-weight: 600;
        font-size: 14px;
    }

    .carddiv2 .cct2 h4 {
        color: #161C2D;
        font-weight: 800;
        font-size: 25px;
        width: 80%;
    }

    .carddiv2 .cct2 span {
        color: #5C616C;
        font-weight: 400;
        font-size: 14px;
    }

    .cct4 {
        display: grid;
        grid-template-columns: 50% 50%;
        place-items: center;
        align-items: center;
        justify-content: center;
    }

    .cct4 .comfortable {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .cct4 .cmfimg img {
        height: 20px;
    }

    .cct4 .cmfct h5 {
        font-size: 14px;
        font-weight: 400;
    }

    .cct4 .cmfct h6 {
        font-size: 11px;
        font-weight: 400;
    }

    /* Feature */
    .feature {
        width: 100%;
        background-color: #DD8D13;
    }

    .featurect {
        height: 75px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        color: #fff;
    }

    /* Card3 */
    .card3 {
        width: 100%;
        margin: 50px auto;
    }

    .cards2 {
        width: 95%;
        margin: auto;
        display: grid;
        grid-template-columns: 50% 50%;
        gap: 10px;
    }

    .c3div1 {
        height: 320px;
        background-color: #90DAFF;
        background-image: url('../images/home/cardimg4.png');
        background-size: 200px;
        background-position: right bottom;
        background-repeat: no-repeat;
        z-index: -1;
        transition: background-color 3s ease-in-out;
    }

    .c3div2 {
        height: 320px;
        background-color: #F0CC6E;
        background-image: url('../images/home/cardimg5.png');
        background-size: 200px;
        background-position: right bottom;
        background-repeat: no-repeat;
        z-index: -1;
        transition: background-color 3s ease-in-out;
    }

    .c3div3 {
        height: 650px;
        background-color: #F1F1F1;
        background-image: url('../images/home/cardimg6.png');
        background-size: 450px;
        background-position: right bottom;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .c3d1 {
        width: 85%;
        padding: 20px 20px 0px 20px;
        z-index: 1;
    }

    .c3d2 {
        width: 80%;
        padding: 20px 20px 0px 20px;
        z-index: 1;
    }

    .c3d1 h6,
    .c3d2 h6 {
        font-weight: 600;
        font-size: 14px;
    }

    .c3d1 h4 {
        font-weight: 800;
        font-size: 23px;
    }

    .c3d2 h4 {
        font-weight: 800;
        font-size: 25px;
    }

    .c3d1 p {
        color: #161C2D;
        font-size: 12px;
        width: 80%;
        font-weight: 400;
    }

    .c3div1 .c3dp1,
    .c3div2 .c3dp2 {
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease, height 0.3s ease;
    }

    .c3div1 .learnmore2,
    .c3div2 .learnmore2 {
        transition: opacity 1s ease-in-out;
        /* Smooth opacity transition */
    }

    .c3d2 p {
        color: #161C2D;
        font-size: 13px;
        width: 100%;
        margin-top: 35px;
    }

    .cct5 {
        width: 80%;
        display: grid;
        grid-template-columns: 27.5% 27.5% 30%;
        justify-content: start;
        align-items: start;
        place-items: start;
    }

    .cct6 {
        width: 100%;
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 20px;
        margin-top: 40px;
    }

    .cct5 .clrylw h5,
    .cct5 .vrtsylw h5,
    .cct5 .rateylw h5,
    .cct6 .clrylw h5,
    .cct6 .vrtsylw h5,
    .cct6 .rateylw h5 {
        color: #DD8D13;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        display: block;
    }

    .cct5 .clrylw h6,
    .cct5 .vrtsylw h6,
    .cct5 .rateylw h6,
    .cct6 .clrylw h6,
    .cct6 .vrtsylw h6,
    .cct6 .rateylw h6 {
        color: #7E7E7E;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
    }

    .cct5 .clrblue h5,
    .cct5 .vrtsblue h5,
    .cct5 .rateblue h5 {
        color: #0184C8;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        display: block;
    }

    .cct5 .clrblue h6,
    .cct5 .vrtsblue h6,
    .cct5 .rateblue h6 {
        color: #7E7E7E;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
    }

    .c3d1 .learnmore2 h6 {
        font-size: 14px;
        font-weight: 600;
        color: #000;
    }

    .c3d2 .learnmore {
        margin-top: 70px;
        text-align: left;
    }

    .c3d1 .learnbtn1,
    .c3d1 .learnbtn2 {
        cursor: pointer;
    }

    /* Why Choose Us */
    .choose {
        width: 100%;
        margin: 50px auto;
    }

    .choosect {
        width: 95%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: 17% 27% 27% 27%;
        justify-content: space-evenly;
    }

    .choosediv h4 {
        font-weight: 800;
        font-size: 20px;
    }

    .choosediv h5 {
        color: #0184C8;
        font-size: 15px;
        font-weight: 550;
    }

    .choosediv h6 {
        color: #161C2D;
        font-weight: 450;
        font-size: 14px;
        width: 90%;
    }

    .choosediv a {
        color: #DD8D13;
        font-weight: 450;
        font-size: 14px;
    }

    /* Selling Products */
    .product {
        width: 100%;
        background-color: #F4F7FA;
        margin: 10px auto;
        background-image: url('../images/home/leaf1.png'), url('../images/home/leaf2.png');
        background-size: 150px 150px;
        background-position: left top, right top;
        background-repeat: no-repeat, no-repeat;
    }

    .productdiv {
        width: 95%;
        margin: auto;
        padding: 30px 0px 20px 0px;
    }

    .carousel2 {
        width: 100%;
    }

    .carousel2heading h4 {
        font-weight: 800;
        font-size: 25px;
    }

    .tabbuttons {
        width: 70%;
        background-color: #D8D8D899;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 30px auto;
        padding: 3px 2px;
        border-radius: 25px;
    }

    .hidden {
        display: none;
    }

    #carousel2 .splide__slide .productimg,
    #carousel3 .splide__slide .productimg,
    #carousel4 .splide__slide .productimg,
    #carousel5 .splide__slide .productimg,
    #carousel6 .splide__slide .productimg,
    #carousel7 .splide__slide .productimg {
        width: 100%;
        border-bottom: 1px solid #EAEBED;
        height: 250px;
    }

    #carousel2 .splide__list,
    #carousel3 .splide__list,
    #carousel4 .splide__list,
    #carousel5 .splide__list,
    #carousel6 .splide__list,
    #carousel7 .splide__list {
        gap: 2px;
    }

    #carousel2 .splide__list .splide__slide,
    #carousel3 .splide__list .splide__slide,
    #carousel4 .splide__list .splide__slide,
    #carousel5 .splide__list .splide__slide,
    #carousel6 .splide__list .splide__slide,
    #carousel7 .splide__list .splide__slide {
        width: 25% !important;
        display: grid;
        align-content: center;
        justify-content: center;
        background-color: #fff;
        border: 1px solid #EAEBED;
        border-radius: 15px;
        padding: 10px 0px;
    }

    #carousel2 .splide__arrow--next,
    #carousel3 .splide__arrow--next,
    #carousel4 .splide__arrow--next,
    #carousel5 .splide__arrow--next,
    #carousel6 .splide__arrow--next,
    #carousel7 .splide__arrow--next {
        right: -15px;
        background-color: #fff;
        border: 1px solid #EAEBED;
        height: 40px;
        width: 40px;
    }

    #carousel2 .splide__arrow--prev,
    #carousel3 .splide__arrow--prev,
    #carousel4 .splide__arrow--prev,
    #carousel5 .splide__arrow--prev,
    #carousel6 .splide__arrow--prev,
    #carousel7 .splide__arrow--prev {
        left: -10px;
        background-color: #fff;
        border: 1px solid #EAEBED;
        height: 40px;
        width: 40px;
    }

    #carousel2 .splide__arrow svg,
    #carousel3 .splide__arrow svg,
    #carousel4 .splide__arrow svg,
    #carousel5 .splide__arrow svg,
    #carousel6 .splide__arrow svg,
    #carousel7 .splide__arrow svg {
        fill: #C3CAD9;
        height: 0.8em;
        width: 0.8em;
    }

    #carousel2 .splide__pagination__page,
    #carousel3 .splide__pagination__page,
    #carousel4 .splide__pagination__page,
    #carousel5 .splide__pagination__page,
    #carousel6 .splide__pagination__page,
    #carousel7 .splide__pagination__page {
        display: none;
    }

    .splidecntnt,
    .allprdtcntnt {
        padding: 10px 40px;
    }

    .splidecntnt h6,
    .allprdtcntnt h6 {
        color: #7E7E7E;
        font-weight: 450;
        font-size: 12px;
    }

    .splidecntnt h5,
    .allprdtcntnt h5 {
        color: #000;
        font-weight: 600;
        font-size: 15px;
    }

    .splidecntnt .dashed,
    .allprdtcntnt .dashed {
        color: #7E7E7E;
        font-weight: 450;
        font-size: 13px;
        text-decoration: line-through #DD8D13;
    }

    .splidecntnt .original,
    .allprdtcntnt .original {
        color: #DD8D13;
        font-weight: 600;
        font-size: 15px;
    }

    .splidecntnt .rating,
    .allprdtcntnt .rating {
        display: flex;
        align-items: center;
        gap: 5px;
        font-size: 11px;
        font-weight: 500;
    }

    .rating .totalreview,
    .rating .totalreview,
    .rating .totalreview,
    .rating .totalreview,
    .rating .totalreview,
    .rating .totalreview {
        color: #55585B;
    }

    /* All Products */
    .allproducts {
        width: 100%;
        margin: 30px auto;
    }

    .allproductshead h4 {
        font-size: 25px;
        font-weight: 800;
        text-align: center;
    }

    .allprdtdiv {
        width: 90%;
        margin: 20px auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        gap: 10px;
    }

    .allprdtdiv1 {
        border: 2px solid #EAEBED;
        margin-top: 15px;
        padding: 10px 0px 0px 0px;
        border-radius: 10px;
    }

    .allprdtdiv1 .allprdtimg {
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #EAEBED;
    }

    /* Review */
    .review {
        width: 100%;
        margin: 20px auto 0px auto;
        background-color: #DD8D13;
        padding: 20px 0px;
    }

    .carousel3 {
        width: 90%;
        margin: auto;
    }

    #carousel8 .splide__arrow {
        visibility: hidden;
    }

    #carousel8 .splide__slide {
        display: grid;
        grid-template-columns: 45% 45%;
        margin: auto;
        justify-content: space-evenly;
    }

    .carousel3ct {
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column;
    }

    .carousel3ct .quotes {
        margin-bottom: 50px;
    }

    .carousel3ct .reviewrate {
        margin-bottom: 50px;
    }

    .carousel3ct .reviewct {
        color: #fff;
        font-weight: 500;
        font-size: 17px;
        text-align: justify;
    }

    .carosuel3img {
        position: relative;
        display: flex;
        justify-content: center;
    }

    .carousel3bg {
        position: relative;
        height: 600px;
    }

    .carosuel3img #rvwimg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-40%, -50%);
        z-index: 5;
        height: 400px;
    }

    .carosuel3img #rvwbg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-70%, -40%);
        z-index: 1;
        height: 400px;
    }


    /* Subscribe */
    .subscribe {
        width: 100%;
        margin: 30px auto;
    }

    .subscribediv {
        width: 90%;
        margin: auto;
        text-align: center;
    }

    .envelope {
        background-color: #DD8D13;
        color: #fff;
        height: 50px;
        width: 50px;
        font-size: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px auto;
        border-radius: 50%;
    }

    .subscribehead h4 {
        font-weight: 450;
        font-size: 25px;
        line-height: 35px;
    }

    .subscribeinp {
        width: 30%;
        height: 45px;
        border: 1px solid #E7E9ED;
        border-radius: 10px;
        padding: 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
        gap: 10px;
    }

    .subscribeinp input {
        border: none;
        outline: none;
    }

    .subscribect p {
        font-size: 15px;
        font-weight: 400;
    }

}

@media screen and (min-width:768px) and (max-width:890px) {

    /* Carousel */
    .carousel1 {
        width: 100%;
    }

    #carousel1 .splide__track {
        height: 450px;
    }

    #carousel1 .splide__arrow {
        visibility: hidden;
    }

    #carousel1 .splide__slide img {
        width: 100%;
        height: auto;
    }

    #carousel1 .slide1 {
        position: relative;
        background-color: #BDDEFF99;
        background-image: url('../images/home/carousel1.png'), url('../images/home/carouselbg.png');
        background-size: 400px 400px;
        background-position: center right, top right;
        background-repeat: no-repeat;
    }

    #carousel1 .slide2 {
        position: relative;
        background-color: #DD8D13;
        background-image: url('../images/home/carousel1.png'), url('../images/home/carouselbg.png');
        background-size: 400px 400px;
        background-position: center right, top right;
        background-repeat: no-repeat;
    }

    #carousel1 .slide3 {
        position: relative;
        background-color: #161C2D;
        background-image: url('../images/home/carousel1.png'), url('../images/home/carouselbg.png');
        background-size: 400px 400px;
        background-position: center right, top right;
        background-repeat: no-repeat;
    }

    #carousel1 .carouselct {
        position: absolute;
        top: 20%;
        left: 5%;
    }

    #carousel1 .carouselct h6 {
        color: #7E7E7E;
        font-weight: 400;
    }

    #carousel1 .carouselct h3 {
        color: #000;
        font-weight: 900;
        font-size: 35px;
        width: 60%;
    }

    #carousel1 .carouselct h5 {
        color: #7E7E7E;
        font-family: "Oregano", cursive;
        font-size: 20px;
    }

    #carousel1 .carouselct h5 .span1 {
        color: #DD8D13;
    }

    #carousel1 .carouselct button {
        background-color: #fff;
        color: #010F1C;
        font-size: 15px;
        border: none;
        border-radius: 6px;
        width: 20%;
        height: 40px;
        box-shadow: 0px 1px 2px 0px #010F1C1A;
        margin-top: 10px;
    }

    /* Ellipse */
    .ellipse {
        width: 100%;
        margin: -50px auto 0px auto;
        padding-top: 100px;
    }

    .ellipsecard {
        width: 95%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        place-items: center;
    }

    .ellipsediv {
        margin-top: 10px;
    }

    .eimg {
        background: radial-gradient(95.56% 95.56% at 50% 50%, #FFFFFF 0%, #F0CC6E 100%);
        height: 150px;
        width: 150px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    .ect {
        text-align: center;
        margin-top: 10px;
    }

    .ect h5 {
        color: #010F1C;
        font-weight: 600;
    }

    .ect h6 {
        color: #7E7E7E;
        font-size: 14px;
    }

    /* Card1 */
    .card1 {
        width: 100%;
        margin: 10px auto;
    }

    .cards {
        width: 95%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        place-items: center;
        gap: 10px;
    }

    .carddiv {
        background-color: #F6F7F9;
        width: 100%;
        display: grid;
        grid-template-columns: 15% 85%;
        align-items: center;
        place-items: center;
        margin: auto;
        padding: 10px 10px;
        border-radius: 2px;
    }

    .carddiv .cimg1 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .carddiv .cct1 {
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
    }

    .carddiv .cct1 h5 {
        color: #010F1C;
        font-weight: 600;
        font-size: 15px;
    }

    .carddiv .cct1 h6 {
        color: #7E7E7E;
        font-weight: 400;
        font-size: 12px;
    }

    /* Card2 */
    .card2 {
        width: 100%;
        margin: 50px auto 20px auto;
    }

    .cards1 {
        width: 95%;
        display: block;
        margin: 0 auto;
    }

    .card2heading {
        display: flex;
        justify-content: space-evenly;
        align-items: center;
    }

    .card2heading h2 {
        color: #000;
        font-weight: 800;
        font-size: 30px;
    }

    .card2heading img {
        width: 70%;
    }

    .carddiv1 {
        width: 100%;
        display: grid;
        grid-template-columns: 50% 50%;
        margin: auto;
        justify-content: center;
    }

    .cimg2 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .cct2 {
        padding-top: 10px;
        margin: auto;
    }

    .carddiv1 .cct2 h6 {
        color: #7E7E7E;
        font-weight: 600;
        font-size: 14px;
    }

    .carddiv1 .cct2 h4 {
        color: #161C2D;
        font-weight: 800;
        font-size: 22px;
        width: 80%;
    }

    .carddiv1 .cct2 span {
        color: #5C616C;
        font-weight: 400;
        font-size: 14px;
    }

    .cct3 {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin-top: 10px !important;
    }

    .clrdiv h5,
    .vrtsdiv h5,
    .ratediv h5 {
        color: #DD8D13;
        font-size: 13px;
        font-weight: 450;
        text-align: center;
    }

    .clrdiv h6,
    .vrtsdiv h6,
    .ratediv h6 {
        color: #7E7E7E;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
    }

    .stars img {
        height: 15px;
    }

    .ratediv h6 {
        margin-top: 5px !important;
    }

    .learnmore {
        margin-top: 5px !important;
    }

    /* Card Div2 */
    .carddiv2 {
        width: 100%;
        display: grid;
        grid-template-columns: 50% 50%;
        margin: auto;
        justify-content: center;
        background-color: #F4F7FA;
    }

    .carddiv2 .cct2 h6 {
        color: #7E7E7E;
        font-weight: 600;
        font-size: 14px;
    }

    .carddiv2 .cct2 h4 {
        color: #161C2D;
        font-weight: 800;
        font-size: 22px;
        width: 90%;
    }

    .carddiv2 .cct2 span {
        color: #5C616C;
        font-weight: 400;
        font-size: 14px;
    }

    .cct4 {
        display: grid;
        grid-template-columns: 50% 50%;
        place-items: center;
        align-items: center;
        justify-content: center;
        margin-top: 10px !important;
    }

    .cct4 .comfortable {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .cct4 .cmfimg img {
        height: 20px;
    }

    .cct4 .cmfct h5 {
        font-size: 13px;
        font-weight: 400;
    }

    .cct4 .cmfct h6 {
        font-size: 10px;
        font-weight: 400;
    }

    /* Feature */
    .feature {
        width: 100%;
        background-color: #DD8D13;
    }

    .featurect {
        height: 75px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        color: #fff;
    }

    /* Card3 */
    .card3 {
        width: 100%;
        margin: 50px auto;
    }

    .cards2 {
        width: 95%;
        margin: auto;
        display: grid;
        grid-template-columns: 50% 50%;
        gap: 10px;
    }

    .c3div1 {
        height: 280px;
        background-color: #90DAFF;
        background-image: url('../images/home/cardimg4.png');
        background-size: 150px;
        background-position: right bottom;
        background-repeat: no-repeat;
        z-index: -1;
        transition: background-color 3s ease-in-out;
    }

    .c3div2 {
        height: 280px;
        background-color: #F0CC6E;
        background-image: url('../images/home/cardimg5.png');
        background-size: 150px;
        background-position: right bottom;
        background-repeat: no-repeat;
        z-index: -1;
        transition: background-color 3s ease-in-out;
    }

    .c3div3 {
        height: 570px;
        background-color: #F1F1F1;
        background-image: url('../images/home/cardimg6.png');
        background-size: 400px;
        background-position: right bottom;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .c3d1 {
        width: 90%;
        padding: 20px 20px 0px 20px;
        z-index: 1;
    }

    .c3d2 {
        width: 90%;
        padding: 20px 0px 0px 20px;
        z-index: 1;
    }

    .c3d1 h6,
    .c3d2 h6 {
        font-weight: 600;
        font-size: 13px;
    }

    .c3d1 h4 {
        font-weight: 800;
        font-size: 22px;
    }

    .c3d2 h4 {
        font-weight: 800;
        font-size: 22px;
    }

    .c3d1 p {
        color: #161C2D;
        font-size: 11px;
        width: 90%;
        font-weight: 400;
    }

    .c3div1 .c3dp1,
    .c3div2 .c3dp2 {
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease, height 0.3s ease;
    }

    .c3div1 .learnmore2,
    .c3div2 .learnmore2 {
        transition: opacity 1s ease-in-out;
        /* Smooth opacity transition */
    }

    .c3d2 p {
        color: #161C2D;
        font-size: 13px;
        width: 100%;
        margin-top: 10px;
    }

    .cct5 {
        width: 90%;
        display: grid;
        grid-template-columns: 30% 30% 30%;
        justify-content: start;
        align-items: start;
        place-items: start;
    }

    .cct6 {
        width: 100%;
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 20px;
        margin-top: 10px;
    }

    .cct5 .clrylw h5,
    .cct5 .vrtsylw h5,
    .cct5 .rateylw h5,
    .cct6 .clrylw h5,
    .cct6 .vrtsylw h5,
    .cct6 .rateylw h5 {
        color: #DD8D13;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        display: block;
    }

    .cct5 .clrylw h6,
    .cct5 .vrtsylw h6,
    .cct5 .rateylw h6,
    .cct6 .clrylw h6,
    .cct6 .vrtsylw h6,
    .cct6 .rateylw h6 {
        color: #7E7E7E;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
    }

    .cct5 .clrblue h5,
    .cct5 .vrtsblue h5,
    .cct5 .rateblue h5 {
        color: #0184C8;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        display: block;
    }

    .cct5 .clrblue h6,
    .cct5 .vrtsblue h6,
    .cct5 .rateblue h6 {
        color: #7E7E7E;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
    }

    .c3d1 .learnmore2 h6 {
        font-size: 14px;
        font-weight: 600;
        color: #000;
    }

    .c3d2 .learnmore {
        margin-top: 70px;
        text-align: left;
    }

    .c3d1 .learnbtn1,
    .c3d1 .learnbtn2 {
        cursor: pointer;
    }

    /* Why Choose Us */
    .choose {
        width: 100%;
        margin: 50px auto;
    }

    .choosect {
        width: 95%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: space-evenly;
    }

    .choosediv h4 {
        font-weight: 800;
        font-size: 30px;
        margin-top: 20px;
    }

    .choosediv h5 {
        color: #0184C8;
        font-size: 15px;
        font-weight: 550;
        margin-top: 20px;
    }

    .choosediv h6 {
        color: #161C2D;
        font-weight: 450;
        font-size: 14px;
        width: 90%;
    }

    .choosediv a {
        color: #DD8D13;
        font-weight: 450;
        font-size: 14px;
    }

    /* Selling Products */
    .product {
        width: 100%;
        background-color: #F4F7FA;
        margin: 10px auto;
        background-image: url('../images/home/leaf1.png'), url('../images/home/leaf2.png');
        background-size: 150px 150px;
        background-position: left top, right top;
        background-repeat: no-repeat, no-repeat;
    }

    .productdiv {
        width: 95%;
        margin: auto;
        padding: 30px 0px 20px 0px;
    }

    .carousel2 {
        width: 100%;
    }

    .carousel2heading h4 {
        font-weight: 800;
        font-size: 22px;
    }

    .tabbuttons {
        width: 70%;
        background-color: #D8D8D899;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 30px auto;
        padding: 3px 2px;
        border-radius: 25px;
    }

    .hidden {
        display: none;
    }

    #carousel2 .splide__slide .productimg,
    #carousel3 .splide__slide .productimg,
    #carousel4 .splide__slide .productimg,
    #carousel5 .splide__slide .productimg,
    #carousel6 .splide__slide .productimg,
    #carousel7 .splide__slide .productimg {
        width: 100%;
        border-bottom: 1px solid #EAEBED;
        height: 200px;
    }

    #carousel2 .splide__list,
    #carousel3 .splide__list,
    #carousel4 .splide__list,
    #carousel5 .splide__list,
    #carousel6 .splide__list,
    #carousel7 .splide__list {
        gap: 2px;
    }

    #carousel2 .splide__list .splide__slide,
    #carousel3 .splide__list .splide__slide,
    #carousel4 .splide__list .splide__slide,
    #carousel5 .splide__list .splide__slide,
    #carousel6 .splide__list .splide__slide,
    #carousel7 .splide__list .splide__slide {
        width: 25% !important;
        display: grid;
        align-content: center;
        justify-content: center;
        background-color: #fff;
        border: 1px solid #EAEBED;
        border-radius: 15px;
        padding: 10px 0px;
        cursor: pointer;
    }

    #carousel2 .splide__arrow--next,
    #carousel3 .splide__arrow--next,
    #carousel4 .splide__arrow--next,
    #carousel5 .splide__arrow--next,
    #carousel6 .splide__arrow--next,
    #carousel7 .splide__arrow--next {
        right: -15px;
        background-color: #fff;
        border: 1px solid #EAEBED;
        height: 40px;
        width: 40px;
    }

    #carousel2 .splide__arrow--prev,
    #carousel3 .splide__arrow--prev,
    #carousel4 .splide__arrow--prev,
    #carousel5 .splide__arrow--prev,
    #carousel6 .splide__arrow--prev,
    #carousel7 .splide__arrow--prev {
        left: -15px;
        background-color: #fff;
        border: 1px solid #EAEBED;
        height: 40px;
        width: 40px;
    }

    #carousel2 .splide__arrow svg,
    #carousel3 .splide__arrow svg,
    #carousel4 .splide__arrow svg,
    #carousel5 .splide__arrow svg,
    #carousel6 .splide__arrow svg,
    #carousel7 .splide__arrow svg {
        fill: #C3CAD9;
        height: 0.8em;
        width: 0.8em;
    }

    #carousel2 .splide__pagination__page,
    #carousel3 .splide__pagination__page,
    #carousel4 .splide__pagination__page,
    #carousel5 .splide__pagination__page,
    #carousel6 .splide__pagination__page,
    #carousel7 .splide__pagination__page {
        display: none;
    }

    .splidecntnt,
    .allprdtcntnt {
        padding: 10px 40px;
    }

    .splidecntnt h6,
    .allprdtcntnt h6 {
        color: #7E7E7E;
        font-weight: 450;
        font-size: 11px;
    }

    .splidecntnt h5,
    .allprdtcntnt h5 {
        color: #000;
        font-weight: 600;
        font-size: 14px;
    }

    .splidecntnt .dashed,
    .allprdtcntnt .dashed {
        color: #7E7E7E;
        font-weight: 450;
        font-size: 12px;
        text-decoration: line-through #DD8D13;
    }

    .splidecntnt .original,
    .allprdtcntnt .original {
        color: #DD8D13;
        font-weight: 600;
        font-size: 13px;
    }

    .splidecntnt .rating,
    .allprdtcntnt .rating {
        display: flex;
        align-items: center;
        gap: 3px;
        font-size: 10px;
        font-weight: 500;
    }

    .rating .totalreview,
    .rating .totalreview,
    .rating .totalreview,
    .rating .totalreview,
    .rating .totalreview,
    .rating .totalreview {
        color: #55585B;
    }

    /* All Products */
    .allproducts {
        width: 100%;
        margin: 30px auto;
    }

    .allproductshead h4 {
        font-size: 25px;
        font-weight: 800;
        text-align: center;
    }

    .allprdtdiv {
        width: 90%;
        margin: 20px auto;
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        align-items: center;
        gap: 10px;
    }

    .allprdtdiv1 {
        border: 2px solid #EAEBED;
        margin-top: 15px;
        padding: 10px 0px 0px 0px;
        border-radius: 10px;
    }

    .allprdtdiv1 .allprdtimg {
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #EAEBED;
    }

    /* Review */
    .review {
        width: 100%;
        margin: 20px auto 0px auto;
        background-color: #DD8D13;
    }

    .carousel3 {
        width: 90%;
        margin: auto;
    }

    #carousel8 .splide__arrow {
        visibility: hidden;
    }

    #carousel8 .splide__slide {
        display: grid;
        grid-template-columns: 45% 45%;
        margin: auto;
        justify-content: space-evenly;
    }

    .carousel3ct {
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column;
    }

    .carousel3ct .quotes {
        margin-bottom: 50px;
    }

    .carousel3ct .reviewrate {
        margin-bottom: 50px;
    }

    .carousel3ct .reviewct {
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        text-align: justify;
    }

    .carosuel3img {
        position: relative;
        display: flex;
        justify-content: center;
    }

    .carousel3bg {
        position: relative;
        height: 600px;
    }

    .carosuel3img #rvwimg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-40%, -50%);
        z-index: 5;
        height: 400px;
    }

    .carosuel3img #rvwbg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-70%, -40%);
        z-index: 1;
        height: 400px;
    }


    /* Subscribe */
    .subscribe {
        width: 100%;
        margin: 30px auto;
    }

    .subscribediv {
        width: 90%;
        margin: auto;
        text-align: center;
    }

    .envelope {
        background-color: #DD8D13;
        color: #fff;
        height: 50px;
        width: 50px;
        font-size: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px auto;
        border-radius: 50%;
    }

    .subscribehead h4 {
        font-weight: 450;
        font-size: 25px;
        line-height: 35px;
    }

    .subscribeinp {
        width: 50%;
        height: 45px;
        border: 1px solid #E7E9ED;
        border-radius: 10px;
        padding: 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
        gap: 10px;
    }

    .subscribeinp input {
        border: none;
        outline: none;
    }

    .subscribect p {
        font-size: 15px;
        font-weight: 400;
    }

}

@media screen and (min-width:350px) and (max-width:768px) {

    /* Carousel */
    .carousel1 {
        width: 100%;
    }

    #carousel1 .splide__track {
        height: 450px;
    }

    #carousel1 .splide__arrow {
        visibility: hidden;
    }

    #carousel1 .splide__slide img {
        width: 100%;
        height: auto;
    }

    #carousel1 .slide1 {
        position: relative;
        background-color: #BDDEFF99;
        background-image: url('../images/home/carousel1.png'), url('../images/home/carouselbg.png');
        background-size: 250px 200px;
        background-position: bottom right, top right;
        background-repeat: no-repeat;
    }

    #carousel1 .slide2 {
        position: relative;
        background-color: #DD8D13;
        background-image: url('../images/home/carousel1.png'), url('../images/home/carouselbg.png');
        background-size: 250px 200px;
        background-position: bottom right, top right;
        background-repeat: no-repeat;
    }

    #carousel1 .slide3 {
        position: relative;
        background-color: #161C2D;
        background-image: url('../images/home/carousel1.png'), url('../images/home/carouselbg.png');
        background-size: 250px 200px;
        background-position: bottom right, top right;
        background-repeat: no-repeat;
    }

    #carousel1 .carouselct {
        position: absolute;
        top: 15%;
        left: 5%;
    }

    #carousel1 .carouselct h6 {
        color: #7E7E7E;
        font-weight: 400;
        font-size: 15px;
    }

    #carousel1 .carouselct h3 {
        color: #000;
        font-weight: 900;
        font-size: 30px;
        width: 100%;
    }

    #carousel1 .carouselct h5 {
        color: #7E7E7E;
        font-family: "Oregano", cursive;
        font-size: 15px;
    }

    #carousel1 .carouselct h5 .span1 {
        color: #DD8D13;
    }

    #carousel1 .carouselct button {
        background-color: #fff;
        color: #010F1C;
        font-size: 14px;
        border: none;
        border-radius: 6px;
        width: auto;
        height: 35px;
        box-shadow: 0px 1px 2px 0px #010F1C1A;
        margin-top: 10px;
    }

    /* Ellipse */
    .ellipse {
        width: 100%;
        margin: -50px auto 0px auto;
        padding-top: 100px;
    }

    .ellipsecard {
        width: 95%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        align-items: center;
        place-items: center;
    }

    .ellipsediv {
        margin-top: 10px;
    }

    .eimg {
        background: radial-gradient(95.56% 95.56% at 50% 50%, #FFFFFF 0%, #F0CC6E 100%);
        height: 150px;
        width: 150px;
        border-radius: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    .ect {
        text-align: center;
        margin-top: 10px;
    }

    .ect h5 {
        color: #010F1C;
        font-weight: 600;
    }

    .ect h6 {
        color: #7E7E7E;
        font-size: 14px;
    }

    /* Card1 */
    .card1 {
        width: 100%;
        margin: 10px auto;
    }

    .cards {
        width: 95%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        align-items: center;
        place-items: center;
        gap: 10px;
    }

    .carddiv {
        background-color: #F6F7F9;
        width: 100%;
        display: grid;
        grid-template-columns: 15% 85%;
        align-items: center;
        place-items: center;
        margin: auto;
        padding: 10px 10px;
        border-radius: 2px;
    }

    .carddiv .cimg1 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .carddiv .cct1 {
        display: flex;
        align-items: start;
        justify-content: center;
        flex-direction: column;
    }

    .carddiv .cct1 h5 {
        color: #010F1C;
        font-weight: 600;
        font-size: 15px;
    }

    .carddiv .cct1 h6 {
        color: #7E7E7E;
        font-weight: 400;
        font-size: 12px;
    }

    /* Card2 */
    .card2 {
        width: 100%;
        margin: 50px auto;
    }

    .cards1 {
        width: 95%;
        display: block;
        margin: 0 auto;
    }

    .card2heading h2 {
        color: #000;
        font-weight: 800;
        font-size: 30px;
        text-align: center;
    }

    .card2heading img {
        display: none;
    }

    .carddiv1 {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin: auto;
        justify-content: center;
    }

    .cimg2 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .carddiv1 .cct2 {
        padding-top: 10px;
        margin: auto;
    }

    .carddiv1 .cct2 h6 {
        color: #7E7E7E;
        font-weight: 600;
        font-size: 14px;
        margin-top: 20px;
        text-align: left;
    }

    .carddiv1 .cct2 h4 {
        color: #161C2D;
        font-weight: 800;
        font-size: 22px;
        width: 100%;
        text-align: left;
    }

    .carddiv1 .cct2 span {
        color: #5C616C;
        font-weight: 400;
        font-size: 14px;
        text-align: justify !important;
    }

    .cct3 {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        margin-top: 20px !important;
    }

    .clrdiv h5,
    .vrtsdiv h5,
    .ratediv h5 {
        color: #DD8D13;
        font-size: 13px;
        font-weight: 450;
        text-align: center;
    }

    .clrdiv h6,
    .vrtsdiv h6,
    .ratediv h6 {
        color: #7E7E7E;
        font-size: 16px;
        font-weight: 500;
        text-align: center;
    }

    .stars img {
        height: 15px;
    }

    .ratediv h6 {
        margin-top: 5px !important;
    }

    .learnmore {
        margin-top: 15px !important;
    }

    /* Card Div2 */
    .carddiv2 {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin: auto;
        justify-content: center;
        background-color: #F4F7FA;
    }

    .carddiv2 .cimg3 img {
        display: flex;
        justify-content: center;
        align-items: center;
        margin: auto;
    }

    .carddiv2 .cct2 h6 {
        color: #7E7E7E;
        font-weight: 600;
        font-size: 14px;
    }

    .carddiv2 .cct2 h4 {
        color: #161C2D;
        font-weight: 800;
        font-size: 22px;
        width: 90%;
    }

    .carddiv2 .cct2 span {
        color: #5C616C;
        font-weight: 400;
        font-size: 14px;
    }

    .carddiv2 .cct2 {
        padding: 10px 0px 0px 10px;
        margin: auto;
    }

    .cct4 {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        place-items: center;
        align-items: center;
        justify-content: center;
        margin-top: 20px !important;
    }

    .cct4 .comfortable {
        display: flex;
        justify-content: space-between;
        gap: 10px;
    }

    .cct4 .cmfimg img {
        height: 20px;
    }

    .cct4 .cmfct h5 {
        font-size: 15px;
        font-weight: 400;
    }

    .cct4 .cmfct h6 {
        font-size: 14px;
        font-weight: 400;
    }

    /* Feature */
    .feature {
        width: 100%;
        background-color: #DD8D13;
    }

    .featurect {
        height: 75px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 10px;
        color: #fff;
    }

    .featurect span {
        font-size: 13px;
    }

    /* Card3 */
    .card3 {
        width: 100%;
        margin: 20px auto;
    }

    .cards2 {
        width: 95%;
        margin: auto;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 10px;
    }

    .c3div1 {
        height: 300px;
        background-color: #90DAFF;
        background-image: url('../images/home/cardimg4.png');
        background-size: 150px;
        background-position: right bottom;
        background-repeat: no-repeat;
        z-index: -1;
        transition: background-color 3s ease-in-out;
    }

    .c3div2 {
        height: 300px;
        background-color: #F0CC6E;
        background-image: url('../images/home/cardimg5.png');
        background-size: 150px;
        background-position: right bottom;
        background-repeat: no-repeat;
        z-index: -1;
        transition: background-color 3s ease-in-out;
    }

    .c3div3 {
        height: 610px;
        background-color: #F1F1F1;
        background-image: url('../images/home/cardimg6.png');
        background-size: 400px;
        background-position: right bottom;
        background-repeat: no-repeat;
        z-index: -1;
    }

    .c3d1 {
        width: 95%;
        padding: 20px 20px 0px 20px;
        z-index: 1;
    }

    .c3d2 {
        width: 95%;
        padding: 20px 20px 0px 20px;
        z-index: 1;
    }

    .c3d1 h6,
    .c3d2 h6 {
        font-weight: 600;
        font-size: 13px;
    }

    .c3d1 h4 {
        font-weight: 800;
        font-size: 22px;
    }

    .c3d2 h4 {
        font-weight: 800;
        font-size: 22px;
    }

    .c3d1 p {
        color: #161C2D;
        font-size: 12px;
        width: 80%;
        font-weight: 400;
    }

    .c3div1 .c3dp1,
    .c3div2 .c3dp2 {
        display: none;
        opacity: 0;
        transition: opacity 0.3s ease, height 0.3s ease;
    }

    .c3div1 .learnmore2,
    .c3div2 .learnmore2 {
        transition: opacity 1s ease-in-out;
        /* Smooth opacity transition */
    }

    .c3d2 p {
        color: #161C2D;
        font-size: 13px;
        width: 100%;
        margin-top: 10px;
    }

    .cct5 {
        width: 80%;
        display: grid;
        grid-template-columns: 27.5% 27.5% 30%;
        justify-content: start;
        align-items: start;
        place-items: start;
    }

    .cct6 {
        width: 100%;
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 20px;
        margin-top: 10px;
    }

    .cct5 .clrylw h5,
    .cct5 .vrtsylw h5,
    .cct5 .rateylw h5,
    .cct6 .clrylw h5,
    .cct6 .vrtsylw h5,
    .cct6 .rateylw h5 {
        color: #DD8D13;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        display: block;
    }

    .cct5 .clrylw h6,
    .cct5 .vrtsylw h6,
    .cct5 .rateylw h6,
    .cct6 .clrylw h6,
    .cct6 .vrtsylw h6,
    .cct6 .rateylw h6 {
        color: #7E7E7E;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
    }

    .cct5 .clrblue h5,
    .cct5 .vrtsblue h5,
    .cct5 .rateblue h5 {
        color: #0184C8;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
        display: block;
    }

    .cct5 .clrblue h6,
    .cct5 .vrtsblue h6,
    .cct5 .rateblue h6 {
        color: #7E7E7E;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
    }

    .c3d1 .learnmore2 h6 {
        font-size: 14px;
        font-weight: 600;
        color: #000;
    }

    .c3d2 .learnmore {
        margin-top: 70px;
        text-align: left;
    }

    .c3d1 .learnbtn1,
    .c3d1 .learnbtn2 {
        cursor: pointer;
    }

    /* Why Choose Us */
    .choose {
        width: 100%;
        margin: 20px auto;
    }

    .choosect {
        width: 95%;
        margin: 0 auto;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        justify-content: space-evenly;
    }

    .choosediv h4 {
        font-weight: 800;
        font-size: 30px;
        margin-top: 20px;
    }

    .choosediv h5 {
        color: #0184C8;
        font-size: 15px;
        font-weight: 550;
        margin-top: 20px;
    }

    .choosediv h6 {
        color: #161C2D;
        font-weight: 450;
        font-size: 14px;
        width: 90%;
    }

    .choosediv a {
        color: #DD8D13;
        font-weight: 450;
        font-size: 14px;
    }

    /* Selling Products */
    .product {
        width: 100%;
        background-color: #F4F7FA;
        margin: 10px auto;
        background-image: url('../images/home/leaf1.png'), url('../images/home/leaf2.png');
        background-size: 150px 150px;
        background-position: left top, right top;
        background-repeat: no-repeat, no-repeat;
    }

    .productdiv {
        width: 95%;
        margin: auto;
        padding: 30px 0px 20px 0px;
    }

    .carousel2 {
        width: 100%;
    }

    .carousel2heading h4 {
        font-weight: 800;
        font-size: 22px;
    }

    .tabbuttons {
        width: 100%;
        background-color: #D8D8D899;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 30px auto;
        padding: 3px 2px;
        font-size: 12px;
        border-radius: 25px;
    }

    .hidden {
        display: none;
    }

    #carousel2 .splide__slide .productimg,
    #carousel3 .splide__slide .productimg,
    #carousel4 .splide__slide .productimg,
    #carousel5 .splide__slide .productimg,
    #carousel6 .splide__slide .productimg,
    #carousel7 .splide__slide .productimg {
        width: 100%;
        border-bottom: 1px solid #EAEBED;
        height: 200px;
    }

    #carousel2 .splide__list,
    #carousel3 .splide__list,
    #carousel4 .splide__list,
    #carousel5 .splide__list,
    #carousel6 .splide__list,
    #carousel7 .splide__list {
        gap: 2px;
    }

    #carousel2 .splide__list .splide__slide,
    #carousel3 .splide__list .splide__slide,
    #carousel4 .splide__list .splide__slide,
    #carousel5 .splide__list .splide__slide,
    #carousel6 .splide__list .splide__slide,
    #carousel7 .splide__list .splide__slide {
        width: 100% !important;
        display: grid;
        align-content: center;
        justify-content: center;
        background-color: #fff;
        border: 1px solid #EAEBED;
        border-radius: 15px;
        padding: 10px 0px;
        cursor: pointer;
    }

    #carousel2 .splide__arrow--next,
    #carousel3 .splide__arrow--next,
    #carousel4 .splide__arrow--next,
    #carousel5 .splide__arrow--next,
    #carousel6 .splide__arrow--next,
    #carousel7 .splide__arrow--next {
        right: -5px;
        background-color: #fff;
        border: 1px solid #EAEBED;
        height: 30px;
        width: 30px;
    }

    #carousel2 .splide__arrow--prev,
    #carousel3 .splide__arrow--prev,
    #carousel4 .splide__arrow--prev,
    #carousel5 .splide__arrow--prev,
    #carousel6 .splide__arrow--prev,
    #carousel7 .splide__arrow--prev {
        left: -5px;
        background-color: #fff;
        border: 1px solid #EAEBED;
        height: 30px;
        width: 30px;
    }

    #carousel2 .splide__arrow svg,
    #carousel3 .splide__arrow svg,
    #carousel4 .splide__arrow svg,
    #carousel5 .splide__arrow svg,
    #carousel6 .splide__arrow svg,
    #carousel7 .splide__arrow svg {
        fill: #C3CAD9;
        height: 0.8em;
        width: 0.8em;
    }

    #carousel2 .splide__pagination__page,
    #carousel3 .splide__pagination__page,
    #carousel4 .splide__pagination__page,
    #carousel5 .splide__pagination__page,
    #carousel6 .splide__pagination__page,
    #carousel7 .splide__pagination__page {
        display: none;
    }

    .splidecntnt,
    .allprdtcntnt {
        padding: 10px 40px;
    }

    .splidecntnt h6,
    .allprdtcntnt h6 {
        color: #7E7E7E;
        font-weight: 450;
        font-size: 11px;
    }

    .splidecntnt h5,
    .allprdtcntnt h5 {
        color: #000;
        font-weight: 600;
        font-size: 14px;
    }

    .splidecntnt .dashed,
    .allprdtcntnt .dashed {
        color: #7E7E7E;
        font-weight: 450;
        font-size: 12px;
        text-decoration: line-through #DD8D13;
    }

    .splidecntnt .original,
    .allprdtcntnt .original {
        color: #DD8D13;
        font-weight: 600;
        font-size: 13px;
    }

    .splidecntnt .rating,
    .allprdtcntnt .rating {
        display: flex;
        align-items: center;
        gap: 3px;
        font-size: 10px;
        font-weight: 500;
    }

    .rating .totalreview,
    .rating .totalreview,
    .rating .totalreview,
    .rating .totalreview,
    .rating .totalreview,
    .rating .totalreview {
        color: #55585B;
    }

    /* All Products */
    .allproducts {
        width: 100%;
        margin: 30px auto;
    }

    .allproductshead h4 {
        font-size: 25px;
        font-weight: 800;
        text-align: center;
    }

    .allprdtdiv {
        width: 95%;
        margin: 20px auto;
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        align-items: center;
    }

    .allprdtdiv1 {
        border: 2px solid #EAEBED;
        margin-top: 15px;
        padding: 10px 0px 0px 0px;
        border-radius: 10px;
    }

    .allprdtdiv1 .allprdtimg {
        display: flex;
        justify-content: center;
        align-items: center;
        border-bottom: 1px solid #EAEBED;
    }

    /* Review */
    .review {
        width: 100%;
        margin: 20px auto 0px auto;
        background-color: #DD8D13;
        padding-top: 20px;
    }

    .carousel3 {
        width: 90%;
        margin: auto;
    }

    #carousel8 .splide__arrow {
        visibility: hidden;
    }

    #carousel8 .splide__slide {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        margin: auto;
        justify-content: space-evenly;
    }

    .carousel3ct {
        display: flex;
        justify-content: center;
        align-items: start;
        flex-direction: column;
    }

    .carousel3ct .quotes {
        margin-bottom: 50px;
    }

    .carousel3ct .reviewrate {
        margin-bottom: 50px;
    }

    .carousel3ct .reviewct {
        color: #fff;
        font-weight: 500;
        font-size: 14px;
        text-align: justify;
    }

    .carosuel3img {
        position: relative;
        display: flex;
        justify-content: center;
    }

    .carousel3bg {
        position: relative;
        height: 550px;
    }

    .carosuel3img #rvwimg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -60%);
        z-index: 5;
        height: 400px;
    }

    .carosuel3img #rvwbg {
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-78%, -50%);
        z-index: 1;
        height: 400px;
    }


    /* Subscribe */
    .subscribe {
        width: 100%;
        margin: 30px auto;
    }

    .subscribediv {
        width: 95%;
        margin: auto;
        text-align: center;
    }

    .envelope {
        background-color: #DD8D13;
        color: #fff;
        height: 50px;
        width: 50px;
        font-size: 25px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 10px auto;
        border-radius: 50%;
    }

    .subscribehead h4 {
        font-weight: 450;
        font-size: 20px;
        line-height: 25px;
    }

    .subscribeinp {
        width: 95%;
        height: 45px;
        border: 1px solid #E7E9ED;
        border-radius: 10px;
        padding: 5px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin: 0 auto;
        gap: 10px;
    }

    .subscribeinp input {
        border: none;
        outline: none;
    }

    .subscribect p {
        font-size: 15px;
        font-weight: 400;
    }

}

@media screen and (min-width: 1098px) and (max-width: 1300px) {
    .cct5 .clrylw h5,
    .cct5 .vrtsylw h5,
    .cct5 .rateylw h5 {
        color: #DD8D13;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        display: block;
    }

    .cct5 .clrylw h6,
    .cct5 .vrtsylw h6,
    .cct5 .rateylw h6 {
        color: #7E7E7E;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
    }

    .cct5 .clrblue h5,
    .cct5 .vrtsblue h5,
    .cct5 .rateblue h5 {
        color: #0184C8;
        font-size: 15px;
        font-weight: 600;
        text-align: center;
        display: block;
    }

    .cct5 .clrblue h6,
    .cct5 .vrtsblue h6,
    .cct5 .rateblue h6 {
        color: #7E7E7E;
        font-size: 14px;
        font-weight: 600;
        text-align: center;
    }

    .c3div1,
    .c3div2 {
        position: relative;
        height: 320px;
        background-size: 200px;
        background-position: right bottom;
        background-repeat: no-repeat;
        z-index: 1;
        transition: background-color 3s ease-in-out;
    }

    .c3d2 {
        width: 100%;
        padding: 20px 0px 0px 20px;
        z-index: 1;
    }

    .c3d2 p {
        color: #161C2D;
        font-size: 15px;
        line-height: 25px;
        width: 100%;
        margin-top: 25px;
    }

    .cct6 {
        width: 90%;
        display: flex;
        justify-content: start;
        align-items: start;
        gap: 20px;
        margin-top: 30px;
    }
}