@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Teko:wght@300;400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Farsan&family=Fugaz+One&family=Michroma&family=Montserrat:ital,wght@0,100..900;1,100..900&family=Nabla&family=Red+Rose:wght@300..700&display=swap");
* {
    margin: 0px;
    padding: 0px;
    outline: none;
    scroll-behavior: smooth;
    box-sizing: border-box;
}

body {
    margin: 0px;
    padding: 0px;
    width: 100%;
    overflow-x: hidden;
    background-color: var(--absolute-white);
    font-family: "Poppins",Arial, Helvetica, sans-serif;
}

:root{
    /* colors */
    --primary-yellow: #fbd508;
    --primary-bg-900: #212121;
    --primary-bg-300: #dbdbdb;
    --primary-bg-200: #f1f1f1;
    --text-color: #929191;
    --absolute-black : #000;
    --absolute-white : #fff;

    /* spacing */
    --spacing: 0.25rem;
}

.ros-row-gap{row-gap: var(--bs-gutter-x);}
button{cursor: pointer;}

.ros-xl-max-container{
    max-width: 1560px;
    margin: 0 auto;
}

.ros_site_logo{
    max-width: 120px;
    height: auto;
    display: block;
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 10;
    img{width: 100%;height: auto;}
}

.ros-main-btn{
    display: inline-block;
    margin: 0;
    padding: 0.9em 2em;
    font-size: 14px;
    color: var(--absolute-white);
    background-color: var(--primary-yellow);
    transition: all 0.25s ease-in-out;
    font-family: "Montserrat",Arial, Helvetica, sans-serif;
    font-weight: 600;
    &:hover{
        background-color: var(--absolute-black);
        color: var(--absolute-white) !important;
    }
}

.ros-main-btn.btn-block{display: block;width: 100%;}

.ros-main-btn.black-btn{background-color: var(--absolute-black) !important;}

.ros-main-btn.black-btn:hover{background-color: var(--primary-bg-900) !important;}

.ros-main-btn.sm-btn{font-size: 12px;padding: 0.5em 1.5em;}

.ros-spacing-y{
    --ros-space: 20;
    margin-top: calc( var(--spacing) * var(--ros-space) ) ;
    margin-bottom: calc( var(--spacing) * var(--ros-space) ) ;
}

.ros-spacing-p-y{
    --ros-space: 20;
    padding-top: calc( var(--spacing) * var(--ros-space) ) ;
    padding-bottom: calc( var(--spacing) * var(--ros-space) ) ;
}


.ros-spacing-p-b{
    --ros-space: 20;
    padding-bottom: calc( var(--spacing) * var(--ros-space) ) ;
}

.ros-spacing-p-t{
    --ros-space: 20;
    padding-top: calc( var(--spacing) * var(--ros-space) ) ;
}


.ros-spacing-b{
    --ros-space: 20;
    margin-bottom: calc( var(--spacing) * var(--ros-space) ) ;
}


.ros-spacing-b\/2{
    --ros-space: 10;
    margin-bottom: calc( var(--spacing) * var(--ros-space) ) ;
}

.ros-spacing-y-\/2{
    --ros-space: 10;
    margin-top: calc( var(--spacing) * var(--ros-space) ) ;
    margin-bottom: calc( var(--spacing) * var(--ros-space) ) ;
}

p{
    font-size: 16px;
    color: var(--absolute-black);
    font-weight: normal;
    line-height: 1.4;
    margin: 0;
    padding: 0;
    display: block;
}

.ros-heading{
    h1,h2,h3,h4,h5,h6{
        margin: 0;
        padding: 0;
        display: block;
        font-family: "Montserrat",Arial, Helvetica, sans-serif;
    }
}

.ros-heading h1{
    font-size: clamp(20px, 3vw + 0.75rem, 48px);
    font-weight: 600;
    color: var(--primary-bg-900);
    text-transform: capitalize;
}

#sticky{
	position:fixed; width:100%; top:0; margin:0px; padding:10px 0; background:#fff;  display:none; z-index:99999; animation:sticky 1s; box-shadow:2px 2px 10px rgb(0,0,0,0.2)}
#sticky:before,#fixedbar:after{
	display:block;}
@keyframes sticky{0%{transform:translateY(-100%)}100%{transform:translateY(0)}}
.gCdMUP{display:none !important;}
img[alt]{color:#000; font-size:12px; text-align:center; font-weight:550;}
.tus_rlogo img{margin:0px; height:70px;}
[title=""]{margin:0px; padding:7px; background-color:#000; color:#fff; font-size:7px !important;}
.tus_fixm{margin:0px; padding:0px; float:right}
.tus_success{
	margin:0px; padding:8px 10px; background-color:#d4edda; position:absolute; z-index:99999; width:23%; bottom:-15px; 
	right:2%; color:#000; display:none; font-size:14px; text-align:center; font-weight:bold;}
#message{margin:0px; padding:0px; font-size:14px; text-transform:capitalize; color:#fff;}
.tus_minslde{
	margin:0px; padding:0px; position:relative;}
.tus_itemslde{
	margin:0px; padding:0px; position:relative;}
.tus_itemslde img{
	margin:0 auto; padding:0px; width:100%; height:auto;}
.tus_srcbxs{
    margin:0px auto; padding:0px; position:relative; width:50%;min-width: calc( 250px + 8vw );}
.tus_srcbxs form{
    display: flex;justify-content: start;align-items: center;
}
.tus_inpsrch{
	margin:0px; padding:10px 15px; background:#fff; border:solid 1px #ccc; width:100%; color:#000; font-size:13px;}
.sbmsrh{
	margin:0; padding: 5px 15px;position:absolute; background-color:transparent; color:#000; border:none;top: 50%;right: 0;transform: translateY(-50%);width: fit-content;}
.tus_hdnv{
	margin:0px; padding:0px;}
/* .site_logo img{height:80px; margin:10px 0;} */

.offcanvas-top{min-height: 140px;}

/* 
    --== HEADER ==--
*/

.ros-header{
    background-color: transparent;
    position: absolute;top: 0%;right: 0%;left: 0%;bottom: auto;z-index: 999;
    padding: clamp(12px , 1vw + 0.5rem , 24px) 0;
}

.ros_navigation{
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: clamp(18px , 2vw + 0.5rem , 2.5rem);
}

hdr-social{display: block;}

hdr-social ul{
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    li{
        width: 36px;
        height: 36px;
        aspect-ratio: 1/1;
        a{
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100%;
            height: 100%;
            background-color: var(--primary-yellow);
            color: var(--absolute-black);
            transition: all 0.25s ease-in-out;
            i{
                transition: inherit;
                font-size: 16px;
            }
            &:hover{
                border-radius: 8px;
                i{
                    color: var(--absolute-white);
                }
            }
        }
    }
}

#sticky .tus_hdmenus ul li a{color: #000 !important;}

/* 
    --== BANNER ==--
*/

.ros-banner{position: relative;z-index: 2;}

#rusMainBanner{
    .carousel-caption {
        right: auto;
        bottom: 50%;
        transform: translateY(60%);
        left: 10%;
        padding: 0;
        text-align: left;
        max-width: 45%;
    }

    .carousel-caption h1{
        font-size: clamp(20px, 6vw, 90px);
        text-transform: uppercase;
        font-family: "Montserrat",Arial, Helvetica, sans-serif;
        line-height: 0.9;
        font-weight: bold;
    }

    .carousel-caption h1::first-line{
        font-size: clamp(24px, 7vw + 0.75rem, 130px);
    }
    
    .carousel-caption p{
        padding: 1rem 0;
        font-size: clamp(12px, 2.5vw, 16px);
        color: var(--absolute-white);
    }
}

/* 
    --== WHY CHOOSE US ==--
*/

.ros-why-us{
    --translate-amount: 12rem;
    padding: 4rem 0;
    position: relative;
    z-index: 2;
    margin-top: calc( var(--translate-amount) * -1 );
    background-color: transparent;
}

.ros-why-us::before{
    content: '';
    position: absolute;
    z-index: -5;
    top: calc(0% + var(--translate-amount));
    left: 0%;
    right: 0%;
    bottom: 0;
    background-color: var(--primary-yellow);

}

.ros-why-item{
    --this-bg: var(--primary-bg-200);
    --this-content: var(--absolute-black);
    position: relative;
    z-index: 3;
    background-color: var(--this-bg);
    padding: 2rem 1.5rem;
    transition: all 0.25s ease-in-out;
    border-radius: 5px;
    overflow: hidden;
    height: 100%;
}

.ros-why-item:hover{
    --this-bg: var(--primary-yellow);
    box-shadow: rgba(0, 0, 0, 0.19) 0px 10px 20px, rgba(0, 0, 0, 0.23) 0px 6px 6px;
}

.ros-why-item::before{
    content: '';
    position: absolute;
    inset: 0;
    background-color: transparent;
    z-index: -1;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 120px auto;
    pointer-events: none;
}

.ros-why-item.why-item-1::before{background-image: url('..//images/stat-1.png');}
.ros-why-item.why-item-2::before{background-image: url('..//images/stat-2.png');}
.ros-why-item.why-item-3::before{background-image: url('..//images/stat-3.png');}

.ros-why-item h3{
    font-size: 24px;
    position: relative;
    color: var(--this-content);
    margin: 0;
    padding: 0;
    &::before{
        --csdfsdf:10px;
        content: '';
        position: absolute;
        width: var(--csdfsdf);
        height: var(--csdfsdf);
        background-color: var(--this-content);
        top: calc( var(--csdfsdf) * -1 );
        left: calc( var(--csdfsdf) * -1 );
    }
}

.ros-why-item p{
    font-size: 13px;
    color: var(--this-content);
    margin: 2rem 0;
    font-weight: 500;
    margin-bottom: 6rem;
}

.ros-why-item a{
    display: inline-flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 5rem;
    color: var(--this-content);
    display: none;
    span{
        color: inherit;
        font-size: 12px;
        font-weight: 500;
    }
    .icon{
        color: inherit;
        margin: 0 0 0 0.5rem;
        transition: all 0.15s ease-in-out;
        svg{scale: 1.25;}
    }
    &:hover{
        .icon{
            margin: 0 0 0 0.75rem;
        }
    }
}

/* 
    --== COMPANY PROFILE ==--
*/

.ros-pfp-txt{padding: 0 0 0 2rem;}

.ros-pfp-txt h2{
    font-size: clamp(20px, 2vw + 0.5rem, 36px);
    font-weight: 500;
    position: relative;
    color: var(--absolute-black);
    margin: 0;
    padding: 0;
    &::before{
        --csdfsdf: 15px;
        content: '';
        position: absolute;
        width: var(--csdfsdf);
        height: var(--csdfsdf);
        background-color: var(--primary-yellow);
        top: calc( var(--csdfsdf) * -1 );
        left: calc( var(--csdfsdf) * -1 );
    }
}

.ros-pfp-txt h6{
    padding: 0 0 0 1rem;
    margin: 2rem 0;
    font-size: 14px;
    border-left: 2px solid var(--primary-yellow);
}

.ros-pfp-txt p{
    margin:2rem 0;
    font-size: 14px;
    font-weight: 500;
    color: var(--absolute-black);
}

.ros-pfp-txt a{
    border: 2px solid var(--primary-yellow);
    display: inline-block;
    position: relative;
    padding: 0.5em 4em 0.5em 1em;
    transition: all 0.25s ease-in-out;
    span{
        transition: inherit;
        display: inline-block;
        line-height: 1;
        color: var(--absolute-black);
        font-size: 14px;
        font-weight: 500;
    }
    &::before{
        content: '';
        position: absolute;
        width: 25%;
        height: 2px;
        background-color: var(--absolute-black);
        top: 50%;
        transform: translateY(-50%);
        right: 5%;
        transition: inherit;
    }
    &:hover{
        border-color: var(--absolute-black);
        &::before{
            background-color: var(--primary-yellow);
        }
        /* span{color: var(--primary-yellow);} */
    }
}

/* 
    --== OUR CATEGORIES ==--
*/

.ros-cate-item{
    background-color: var(--primary-bg-900);
    position: relative;
    overflow: hidden;
}

.ros-cate-item .item-img{
    display: block;
    background-color: var(--absolute-black);
    img{
        transition: all 0.25s ease-in-out;
        opacity: 0.25;
    }
}

.ros-cate-item .item-cntent{
    position: absolute;
    z-index: 1;
    bottom: -100%;
    inset-inline: 0;
    transition: all 0.5s cubic-bezier(0.215, 0.610, 0.355, 1);
    h3{
        margin: 0;
        padding: 0;
        padding: 1rem;
        color: var(--absolute-white);
        position: relative;
        z-index: 1;
        font-family: "Montserrat",Arial, Helvetica, sans-serif;
        font-size: 24px;
        font-weight: 600;
        &::before{
            content: '';
            position: absolute;
            inset: 0;
            background-image:
            linear-gradient(
               transparent ,
               var(--absolute-black)
            );
            z-index: -1;
        }
    }
}

.swiper-slide:has(> .ros-cate-item).swiper-slide-active {
    .ros-cate-item{
        .item-cntent{
            bottom: 0;
        }
        .item-img{
            img{opacity: 1;}
        }
    }
}

.ros-swiper-controls{
    --btn-size:40px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: 5;
    width: 50%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    pointer-events: none;
    button{
        pointer-events: auto;
        display: inline-block;
        width: var(--btn-size);
        height: var(--btn-size);
        aspect-ratio: 1/1;
        border: 1px solid var(--absolute-white);
        background: transparent;
        transition: all 0.25s ease-in-out;
        &:hover{
            background-color: var(--primary-yellow);
            border-color: var(--primary-yellow);
        }
    }
}

.ros-swiper-controls.ros-controls-overflow{
    width: 120%;
    z-index: 1;
    button{
        color: var(--primary-bg-900);
        border-color: var(--primary-bg-300);
        border-width: 2px;
        &:hover{border-color: var(--primary-yellow);}
    }
}

/* 
    --== FEATURED PRODUCTS ==--
*/

.ros-prod-item{
    border: 2px solid var(--primary-bg-200);
    border-radius: 5px;
    position: relative;
    overflow: hidden;
    transition: all 0.25s ease-in-out;
    .item-img{
        background: var(--absolute-black);
        width: 100%;
        height: auto;
        img{width: 100%;height: auto;transition: all 0.25s ease-in-out;}
    }
    a{
        position: absolute;
        z-index: 1;
        top: 50%;
        left: 50%;  
        transform: translate(-50%,-50%);
        opacity: 0;
        visibility: hidden;
        pointer-events: none;
    }
    &:hover{
        border-color: var(--primary-yellow);
        .item-img{
            img{opacity: 0.8;}
        }
        a{
            opacity: 1;
            visibility: visible;
            pointer-events: auto;
        }
    }
}

/* 
    --== TESTIMONIALS ==--
*/

.ros-testi{
    background-color: var(--primary-bg-200);
}

.ros-test-item{
    padding: 2rem;
    position: relative;
    cursor: grab;
}

.ros-test-item .top-icon{
    color: var(--primary-yellow);
    transform: translateX(-2rem);
    line-height: 1;
    margin: 0 0 1rem 0;
    padding: 0;
}

.ros-test-item p{
    font-size: 14px;
    font-weight: 500;
    margin: 0;
    padding: 0;
    line-height: 1.5;
}

.rus-test-user{
    display: inline-flex;
    justify-content: start;
    align-items: center;
    margin-top: 4rem;
}

.rus-test-user .rus-user-pfp{
    width: 100px;
    height: auto;
    aspect-ratio: 1 / 1;
    border-radius: 100%;
    overflow: hidden;
    img{
        border-radius: inherit;
        width: 100%;
        height: auto;
    }
}

.rus-test-pagination{
    --bullet-size:15px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc( var(--bullet-size) / 3 );
    margin: 0 auto;
    margin-top: 1rem;
    width: fit-content;
}

.rus-test-pagination > .swiper-pagination-bullet{
    border: 2px solid var(--primary-bg-900) !important;
    width: var(--bullet-size) !important;
    height: var(--bullet-size) !important;
    background-color: var(--absolute-white);
    transition: all 0.25s ease-in-out;
}

.rus-test-pagination > .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background-color: var(--primary-yellow) !important;
    border-color: var(--primary-yellow) !important;
}

.rus-test-user h3{
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    font-family: "Montserrat",Arial, Helvetica, sans-serif;
    margin: 0 0 0 1rem;
    color: var(--absolute-black);
    line-height: 1;
}
.rus-test-user h3 span{
    font-size: 12px;
    color: var(--text-color);
    font-style: italic;
}

/* 
    --== CONTACT US ==--
*/

.ros-cntct{
    position: relative;
    background-color: var(--primary-yellow);
}

.ros-cntct::before{
    --ros-space:40;
    content: '';
    position: absolute;
    height: calc( var(--ros-space) * var(--spacing));
    width: 100%;
    top: 0%;
    left: 0%;
    background-image: linear-gradient(
        -6.23deg ,
        transparent 50% ,
        var(--primary-bg-200) 50%
    ) ;
    pointer-events: none;
    user-select: none;
}

.ros-cntct-frm{
    --ros-space:20;
    padding-top: calc((var(--ros-space) * var(--spacing))*2) ;
    padding-left: calc(var(--ros-space) * var(--spacing)) ;
    padding-right: calc((var(--ros-space) * var(--spacing)) / 2) ;
    padding-bottom: calc((var(--ros-space) * var(--spacing)) / 1.5) ;
}

.ros-cntct-frm h3{
    font-size: clamp( 20px , 4vw + 0.25rem , 36px );
    font-family: "Montserrat",Arial, Helvetica, sans-serif;
    font-weight: 600;
    margin: 1rem 0;
}

.ros-cntct-frm form{
    --grid-col-width:250px;
    display: grid;
    grid-template-columns: repeat( auto-fit , minmax( min( var(--grid-col-width),100% ) , 1fr ) );
    gap: 1rem;
}

.ros-cntct-frm form input,
.ros-cntct-frm form textarea{
    font-family: "Poppins",Arial, Helvetica, sans-serif;
    font-weight: 500;
    font-size: 14px;
    background-color: var(--absolute-white);
    color: var(--primary-bg-900);
    border: 1px solid var(--primary-bg-200);
    padding: 1em;
}

.ros-cntct-frm form textarea {
    grid-column: 1 / -1;
}

.ros-cntct-frm form button{padding: 1.25em 2em;}

/* 
    --== FOOTER ==--
*/

.index-page > footer{margin-top: 0 !important;}

.ros-futr{
    --asdaskldjalfsd: 15;
    background-color: var(--primary-bg-900);
    padding-top: calc( var(--spacing) * var(--asdaskldjalfsd) );
    margin-top: calc( var(--spacing) * var(--asdaskldjalfsd) );
}

.ros-ftr-itm p {
    font-size: 14px;
    color: var(--text-color);
    line-height: 1.5;
    margin: 2rem 0;
}

.ros-ftr-itm ul{
    margin: 0;
    padding: 0;
}

.ros-ftr-itm h3{
    font-size: 24px;
    font-weight: normal;
    color: var(--absolute-white);
    margin-bottom: 2rem;
}

.ros-ftr-itm .ftr-nav{
    margin: 0;
    padding: 0 0 0 1.25rem;
}

.ros-ftr-itm .ftr-nav li{margin-bottom: 8px;}
.ros-ftr-itm .ftr-nav li::marker{color: var(--primary-yellow);}
.ros-ftr-itm .ftr-nav li:last-child{margin-bottom: 0px;}

.ros-ftr-itm .ftr-nav li a{
    font-size: 14px;
    font-weight: normal;
    text-transform: capitalize;
    color: var(--text-color);
    transition: all 0.25s ease-in-out;
    &:hover{
        color: var(--primary-yellow);
    }
}

ul:has(>.ros-ftr-blog-item){list-style: none;}

.ros-ftr-blog-item{
    display: flex;
    justify-content: start;
    align-items: stretch;
    gap: 1rem;
    margin-bottom: 1rem;
    &:last-child{margin-bottom: 0;}
}

.ros-ftr-blog-item .item-img{
    min-width: 80px;
    height: auto;
    aspect-ratio: 1/1;
    img{
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}

.ros-ftr-blog-item h5{
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    font-size: 14px;
    color: var(--absolute-white);
    font-weight: 500;
}

.ros-ftr-blog-item h5 span{
    margin-top: auto;
    font-size: 12px;
    color: var(--text-color);
    font-weight: 400;
}

.ftr-cont-itm{
    flex-grow: 1;
    flex-basis: 250px;
    display: flex;
    justify-content: start;
    align-items: start;
    padding: 2rem;    
    /* margin-top: 2rem; */
    gap: 1rem;
    border-bottom: 1px solid var(--text-color);
    border-right: 1px solid var(--text-color);
    height: 100%;

}

.col-12:has(>.ftr-cont-itm):last-child{
    .ftr-cont-itm{
        border-right: 0;
    }
}

.ftr-cont-itm i{
    color: var(--text-color);
    font-size: clamp( 16px , 3vw , 50px );
}

.ftr-cont-itm h6{
    font-size: 14px;
    color: var(--text-color);
    display: block;
    margin: 0;
    padding: 0;
}
.ftr-cont-itm h6 a{
    display: inline-block;
    font-size: 14px;
    color: var(--text-color);
    transition: all 0.25s ease-in-out;
    margin-top: 5px;
    text-wrap-mode: wrap;
    text-wrap: wrap;
    word-break: break-all;
    
    &:hover{
        color: var(--primary-yellow);
    }
}

.ros-copyright{
    padding: 1.5rem 0;
    text-align: center;
    p{
        font-size: 14px;
        color: var(--text-color) !important;
        font-weight: 500;
        a{
            color: var(--primary-yellow) !important;
            &:hover{
                text-decoration: underline;
                text-underline-offset: 2px;
            }
        }
    }
}

/* 
    --== PRODUCTS ==--
*/

.ros-next-prod-item{
    border: 2px solid #c7c7c7;
    padding: 1rem;
    border-radius: 2px;
    
    .item-thumbnail{
        display: block;
        width: 100%;
        height: auto;
        img{
            width: 100%;
            height: auto;
        }
    }
    .item-details{
        margin-top: 10px;
        text-align: center;
        h5{
            a{font-size: 18px;margin: 0;padding: 0;color: var(--absolute-black);}
        }
        h6{font-size: 14px;margin: 8px 0 0 0;padding: 0;color: var(--primary-yellow);}
    }
}   


/* 
    --== RESPONSIVE ==--
*/


@media screen and (max-width : 1200px) {
    /* banner */
    #rusMainBanner.carousel-caption{max-width: 50%;}
    /* why */
    .ros-why-us{--translate-amount: 10rem;}
    /* testimonials */
    .ros-swiper-controls.ros-controls-overflow{width: 110%;}
}

@media screen and (max-width : 992px) {
    /* spacing */
    .ros-spacing-y{--ros-space: 10;}
    .ros-spacing-y\/2{--ros-space: 5;}
    .ros-spacing-b{--ros-space: 10;}
    .ros-spacing-b\/2{--ros-space: 5;}
    .ros-spacing-p-y{--ros-space: 10;}
    .ros-spacing-p-t{--ros-space: 10;}
    .ros-spacing-p-b{--ros-space: 10;}
    /* header */
    .ros-header{display: none;}
    /* banner */
    #rusMainBanner .carousel-caption{left: 8%;max-width: 60%;transform: translateY(50%);}
    #rusMainBanner .carousel-caption p{font-size: 14px;}
    /* main btn */
    .ros-main-btn{padding: 0.75em 2em;font-size: 12px;}
    /* why */
    .ros-why-us{--translate-amount: 0rem;padding: 2rem 0;}
    .ros-why-item h3 {font-size: 20px;}
    /* swiper controls */
    .ros-swiper-controls{display: none;}
    /* contact us */
    .ros-cntct-frm{
        --ros-space:20;
        padding-inline: calc((var(--ros-space) * var(--spacing)) / 2);
    }
    .ros-cntct-frm form{--grid-col-width: 300px;}
    /* footer */
    .ftr-cont-itm{
        padding: 1.5rem;
        flex-basis: 230px;
        &:nth-child(2){
            border-right: 0;
        }
    }
    .ftr-cont-itm{
        padding: 1rem;
        flex-direction: column;
    }
}

@media screen and (max-width : 768px) {
    /* banner */
    #rusMainBanner .carousel-caption{left: 8%;max-width: 50%;}
    #rusMainBanner .carousel-caption p{display: none;}
    #rusMainBanner .carousel-caption a{display: none;}
    /* main btn */
    .ros-main-btn.sm-btn{font-size: 10px;white-space: nowrap;}
    /* pfp */
    .ros-pfp-txt{padding: 0;}
    .ros-pfp-txt h2::before{display: none;}
    .ros-pfp-txt h6{margin: 1rem 0;}
    .ros-pfp-txt p{margin: 1rem 0;font-size: 14px;}
    .ros-pfp-txt a{
        padding: 0.25em 3em 0.25em 0.75em;
        span{font-size: 12px;}
    }
    /* categories */
    .ros-cate-item .item-cntent h3{font-size: 20px;}
    .rus-test-pagination{--bullet-size:10px;margin-top: 0rem;}
    .rus-test-pagination .swiper-pagination-bullet{border-width: 1px !important;}
    /* testimonials */
    .rus-test-user .rus-user-pfp{width: 90px;}
    /* contact us */
    .ros-cntct::before{--ros-space:20;}
    .ros-cntct-frm{
        --ros-space:10;
        padding-top: calc((var(--ros-space) * var(--spacing)) * 2);
    }
    .ros-cntct-frm form{--grid-col-width: 250px;}
    .col-12:has(>.ftr-cont-itm):nth-child(2){
        .ftr-cont-itm{
            border-right: 0;
        }
    }
}

@media screen and (max-width : 576px) {
    .ftr-cont-itm{border-right: 0;}
    .ros-copyright{padding: 1rem 0;}
}

@media screen and (max-width : 400px) {
    /* spacing */
    .ros-spacing-y{--ros-space: 8;}
    .ros-spacing-y\/2{--ros-space: 4;}
    .ros-spacing-b{--ros-space: 8;}
    .ros-spacing-b\/2{--ros-space: 4;}
    .ros-spacing-p-y{--ros-space: 8;}
    .ros-spacing-p-b{--ros-space: 8;}
    .ros-spacing-p-t{--ros-space: 8;}
    /* banner */
    #rusMainBanner .carousel-caption h1{font-size: 20px;}
    #rusMainBanner .carousel-caption h1::first-line{font-size: 28px;}
    /* why */
    .ros-why-item h3 {font-size: 18px;}
    /* pfp */
    .ros-pfp-txt h6{padding: 0 0 0 0.5rem;font-size: 13px;}
    .ros-pfp-txt p {font-size: 12px;}
    .ros-pfp-txt a{
        padding: 0.2em 2.5em 0.2em 0.5em;
        span{font-size: 12px;}
    }
    /* categories */
    .ros-cate-item .item-cntent h3{font-size: 18px;padding: 0.5rem;}
    /* testimonials */
    .ros-test-item{padding: 1rem;}
    .ros-test-item p {font-size: 12px;}
    .ros-test-item .top-icon{transform: translateX(-1.6rem);margin: 0 ;scale: 0.8;}
    .rus-test-user{margin-top: 2.5rem;}
    .rus-test-user .rus-user-pfp{width: 80px;}
    .rus-test-user h3{font-size: 15px;}
    .rus-test-user h3 span{font-size: 10px;}
    /* contact us */
    .ros-cntct-frm{
        --ros-space:10;
        padding-top: calc((var(--ros-space) * var(--spacing)) * 2);
    }
    .ros-cntct-frm form button{width: 100% !important;}
    /* footer */
    .ros-ftr-itm h3{font-size: 18px;}
    .ros-ftr-itm p{margin: 1rem 0 0 0;}
    /* p */
    p{font-size: 12px;}
}


/*----- Nxt Page ------*/
.about_txt{
	margin:0px 0 30px 0; padding:0px;}
.about_txt p{
	margin:0px; padding:0px; color:var(--text-color); font-size:14px;}
.tus_nheading{
	margin:15px 0 15px 0; padding:10px 15px; position:relative; background-color:#000; border-bottom:solid 3px var(--primary-yellow)}
.tus_nheading a{
	margin:0px; padding:0px; color:#fff; font-size:15px; text-transform:capitalize; transition:0.8s}
.tus_nheading span{
	color:#fff; margin:0 5px}
.tus_nheading a:hover{
	color:var(--primary-yellow); text-decoration:none;}
.wa-chat-box-poweredby{display:none !important;}
.tus_nxtheading{
	margin:20px 0 30px 0; padding:0px; position:relative}
.tus_nxtheading h1{
	margin:0px; padding:0px;  font-size:25px; color:#000; text-transform:uppercase; text-align:center; font-weight:bold}
.tus_nxtheading:before{
	content:''; position:absolute; background-color:var(--text-color); width:70px; bottom:-10px; left:50%; height:2px; transform:translate(-50%,-50%);}
.tus_lefth h4{
	margin:15px 0 10px 0; padding:8px 10px; color:#000;  font-size:22px; text-transform:uppercase; border-bottom:solid 1px #0778e2;
	background-color:#fff; border-top:solid 1px #0778e2;}
.tus_nextmenu{
	margin:14px 0 15px 0; padding:10px 10px; background-color:#fff; border-bottom:solid 1px #0778e2; border-top:solid 1px #0778e2;}
.tus_nextmenu a{
	margin:0px; padding:0px;  font-size:15px; text-transform:capitalize; color:#000; width:100%; letter-spacing:1px}
.tus_nextmenu span{
	margin:0px 3px; font-size:15px}
.tus_nextmenu a:hover{
	color:var(--text-color); text-decoration:none;}
.tus_conactf{
	margin:0px 0 20px 0; padding:0px;}
.tus_conactf h4{
	margin:0px 0 10px 0; padding:0px 0 10px 0; font-size:16px; color:#fff; text-transform:uppercase; border-bottom:solid 1px #ccc;
	font-weight:600; letter-spacing:2px}
.tus_conactf p{
	margin:0px 0 10px 0; padding:0px; font-size:16px; color:#0778e2;}
.tus_continp{
	margin:0px 0 15px 0; padding:10px 15px; border:1px solid #ccc; width:100%; color:#666;  font-size:14px; background-color:transparent;
	transition:0.8s}
.tus_qcontinp{
	margin:0px 0 15px 0; padding:10px 15px; border:none; border-bottom: 1px solid #ccc; width:100%; color:#0778e2;  
	font-size:14px; background-color:transparent; transition:0.8s}
.cartSend > a,
.tus_contsbmt{
	margin:10px 0 0 0; padding:10px 16px; background-color:var(--primary-bg-900) !important; color:var(--absolute-white) !important; text-align:center; text-transform:uppercase;  font-size:13px;
	border:none; transition:0.8s; position:relative; z-index:1;display: inline-block !important;width: fit-content;font-family: "Poppins",Arial, Helvetica, sans-serif;border-radius: 3px;}
.cartSend > a:hover,
.tus_contsbmt:hover{
	background-color:var(--primary-yellow) !important; color:var(--absolute-white) !important; text-decoration:none;}
.tus_continp:focus{
	border:solid 1px var(--text-color)}
.tus_abanner{
	margin:0px; padding:0px; position:relative; z-index:1}
.tus_abanner img{
	margin:0 auto; padding:0px;}
select{background-color: #fff;border: 1px solid var(--text-color);padding: 0 5px;display: block;border-radius: 3px; color: var(--absolute-black);
    font-family: "poppins",Arial, Helvetica, sans-serif; font-size: 14px; cursor: pointer;}
#qty{font-family: "Poppins",Arial, Helvetica, sans-serif; background: #fff;border: 1px solid var(--text-color) !important;border-radius: 3px;}
.tus_abtxt{
	margin:0px auto; padding:0px; position:absolute; bottom:30%; left:0; right:0; text-align:center; width:50%}
.tus_abtxt h4{
	margin:0px 0 10px 0; padding:0px; color:#fff; font-size:35px; text-transform:uppercase; text-shadow: 1px 2px #353535; font-weight:bold; letter-spacing:1px}
.tus_abtxt h5{
	margin:0px 0 10px 0; padding:0px; color:#fff; font-size:15px; text-transform:uppercase; font-weight:400}
.tus_abtxt p{
	margin:0px 0 10px 0; padding:0px; color:#fff; font-size:14px; font-weight:400}
.tus_abtxt:before{
	content:''; position:absolute; border:solid 1px #0778e2; width:10%; height:7%; bottom:-20px; left:50%; transform:translate(-50%,-50%);}
.tus_abtxt:after{
	content:''; position:absolute; background-color:#0778e2; width:5%; height:7%; bottom:-20px; left:47%; transform:translate(-50%,-50%);}
.tus_leftct{
	margin:15px 0 15px 0; padding:8px 15px; color:#fff; font-size:18px; text-transform:uppercase;  background-color:#000;
	border-bottom:solid 3px #fff}
.tus_cdetail{
	margin:0px; padding:0px;}
.tus_cdetail h4{
	margin:0px 0 15px 0; padding:0px 0 10px 0; color:#fff; font-size:18px; border-bottom:solid 1px #eee; font-weight:600}
.tus_cdetail p{
	margin:0px; padding:0px; color:var(--text-color); font-size:16px; font-weight:400}
.tus_cdetail a{color: var(--text-color);text-decoration: underline;transition: color 0.25s ease-in-out;}
.tus_cdetail a:hover{color: var(--primary-yellow);}
.tus_prodetail{
	margin:0px; padding:0px;font-family: "Poppins",Arial, Helvetica, sans-serif;}
.tus_prodetail h1{
	margin:0px 0 15px 0; padding:0px 0 10px 0; color:var(--absolute-black); font-size:18px; text-transform:capitalize;  border-bottom:solid 1px var(--text-color);}
.tus_prodetail h2{
	margin:0px 0 15px 0; padding:0px 0 10px 0; color:var(--absolute-black); font-size:15px; text-transform:capitalize;  border-bottom:solid 1px var(--text-color);
	text-align:left}
.tus_prodetail p{
	margin:0px; padding:0px; color:var(--text-color); font-size:14px;}
.tus_prodetail p span{
	color:var(--absolute-black); font-size:14px; font-weight:600}
.modal-title{font-size:16px !important; }
.tus_whatsup{
	margin:0px; padding:7px 15px; color:#000; font-size:12px; text-transform:capitalize; text-align:center; border:solid 1px #0778e2;
	transition:0.8s}
.tus_whatsup:hover{
	background-color:#343434; color:#fff;}
.tus_whatsup i{
	font-size:14px;}
.tus_pdnav{
	margin:0px 0 20px 0; padding:5px 0; background-color:rgba(206, 206, 206, 1); position:relative}
.tus_admre{
	margin:2px 0 0 0; padding:0px; color:#000; font-size:14px; float:right; font-weight:450; transition:0.8s}
.tus_admre:hover{
	color:#0778e2;}
.tus_mineets{
	margin:0px 0 15px 0; padding:0px; border:solid 1px #ccc;}
.tus_mineets img{
	margin:0 auto; padding:0px; width:100%; height:auto;}
.tus_mineets h4{
	margin:15px 0 10px 0; padding:0px; color:#0778e2; font-size:26px; text-transform:capitalize; font-weight:500; text-align:center}
.tus_mineets p{
	margin:0px; padding:0px; color:#666; font-size:16px; text-align:center}
.tus_inpfrm{
	margin:0px 0 15px 0; padding:7px 10px; width:100%; border:solid 1px #eee; font-size:14px; color:#666;}
.tus_cdetail label{
	font-size:14px; color:#3f3f3f}
.tus_cdetail label span{
	color:#ff0000;}
.tus_sbmfrm{
	margin:0px; padding:10px 20px; background-color:#0778e2; color:#fff; font-size:14px; border:none; transition:0.8s}
.tus_sbmfrm:hover{
	background-color:#000; border-radius:2em}
/*----- Basket ------*/
.tus_mincart{
	margin:0px; padding:0px; position:relative; display:flex;}
.tus_mncrimg{
	margin:0px; padding:0px; position:relative; width:30%;}
.tus_mncrimg img{
	margin:0px auto; padding:0px;}
.tus_mncrtxt{
	margin:0px; padding:0px;}
.cartRemove{
	margin:0px; padding:0px; color:var(--text-color); font-size:18px; position:absolute; top:0; right:4px; transition:0.8s}
.cartRemove:hover{
	color:#000;}
.tus_mincart h3{
	margin:13px 0 3px 0; padding:0px; color:#000; font-size:14px; text-transform:capitalize;}
.tus_mncrtxt h4{
	margin:0px 0 3px 0; padding:0px; color:#000; font-size:14px; text-transform:capitalize;}
.tus_mincart p{
	margin:0px; padding:0px; color:#0778e2; font-size:14px; text-transform:capitalize;}
.tus_mincart h2{
	margin:0px; padding:0px; color:#fff; font-size:10px; text-transform:uppercase; background-color:rgb(0,0,0,0.8); width:20px; height:20px; 
	text-align:center; position:absolute; top:5px; left:10px; border-radius:100%; line-height:20px}
.tus_qtys{
	margin:8px 0 4px 0; padding:3px 4px; width:100%; font-size:13px; border:solid 1px #ccc}
.tus_updte{
	margin:0px; padding:0px; background-color:transparent; color:#000; font-size:13px; text-transform:uppercase; border:none;
	font-weight:500}
.tus_totlas{
	margin:5px 0 15px 0; padding:0px; background-color:#ccc;}
.tus_totlas h5{
	margin:0px; padding:15px 10px; color:#000; font-size:14px; text-transform:capitalize; text-align:center}
.tus_bskempt{
	margin:20px auto 40px auto; padding:0px; text-align:center}
.tus_bskempt h6{
	margin:0px 0 10px 0; padding:15px 10px; color:#fff; font-size:20px; text-align:center; text-transform:capitalize}
.tus_bskempt a{
	margin:0px; padding:10px 20px; background-color:#ccc; font-size:16px; text-transform:capitalize; color:#000; border-radius:2em; transition:0.8s}
.tus_bskempt a:hover{
	background-color: var(--primary-bg-900); color:#fff;}
.tus_cartfrm{
	margin:0px 0 15px 0; padding:20px 25px; background-color:#fff; border:solid 1px #eee;}
.tus_cartfrm h4{
	margin:0px 0 5px 0; padding:0px; color:#000; font-size:18px; text-transform:capitalize; font-weight:550}
.yourCart{
    width:100%; text-align:left; text-transform:uppercase; padding:15px; background:#ccc; font-weight:500; font-size:15px;
	margin-bottom:5px}
.cartProduct{
	margin:0px; padding:10px 10px; background-color:#fff; border-bottom:solid 1px #ccc; position:relative}
.cartProduct:last-child{
	margin-bottom:5px; margin-top:5px;}
.cartPdctImage{
    position:relative; margin:0px; padding:0px;}
.cartPdctImage img{
	margin:0px; padding:0px; height:110px; border:solid 1px #ccc}
.cartPdctName{
     padding:0px; color:var(--absolute-black) !important; font-size:15px; text-transform:capitalize; font-weight:bold}
.cartPdctArt{
	 padding:0px; color:var(--text-color) !important; font-size:15px; font-weight:450}
.cartPdctSize{
	 padding:5px 0 10px; color:var(--absolute-black) !important}
.cartQuantity{
	font-weight:400; color:var(--absolute-black); width:50%; border:solid 1px var(--text-color); padding:6px 5px; text-align:center; font-size:15px;background-color: #fff;border-radius: 3px;
	margin-top:15px}
.cartSubmit{
	margin:10px 0; background:#000;  border:none; padding:7px 20px; font-size:14px; color:#fff}
.cartRemove{
	margin:10px 0;  font-size:14px; color:#000; text-transform:uppercase;}
.cartRemove:hover{
	color:#fff; text-decoration:none; background-color:#000}
.cartPdctPrice{
	 padding:20px; text-align:right ; color:#fa5400}
.summery{
	background:#eee; margin-bottom:40px;}
.summeryTxt{
	 padding:20px; color:#000; font-size:15px; border-bottom:#000 1px solid;}
.summeryTotal{
	 padding:10px 25px; color:#000; font-size:15px; border-bottom:#000 1px solid; text-transform:uppercase; font-weight:500}
.summeryTotal > span{
	float:right}
.summeryOr{
	 color:#ffffff; font-size:16px;text-align:center}
.cartSend{
	padding:15px 0; text-align:center}
.cartSend > a{
	 padding:8px 10px; color:#ffffff; font-size:14px; text-transform:capitalize; background:#0778e2; display:inline-block; border-radius:3px; 
	 font-weight:400; text-decoration:none; transition:0.8s}
.cartSend > a:hover{
	background:#000; text-decoration:none; color:#fff}
.cartAddMore{
	padding:15px 30px; border-top:#0778e2 1px solid; text-align:center}
.cartAddMore > a{
    padding:10px; color:#ffffff; font-size:14px; text-transform:uppercase; background:#0778e2; display:block; border-radius:3px;  font-weight:bold; text-decoration:none}
.cartAddMore > a:hover{
	background:#fff; text-decoration:none; color:#000}
.cartBasketEmpty{
	 padding:60px 20px ; color:#fff; font-size:25px; background:#666; text-align:center; margin:20px 0 40px; width:100%}
.tus_minbskt{
	margin:0px 0 5px 0; padding:0px; background-color:#ccc;}
.tus_minbskt h3{
	margin:0px; padding:13px 0; color:#000; font-size:15px; text-transform:uppercase;}
.cartRemoveupd{
 	transition: 0.8s; margin:10px auto 0 auto; padding:5px 10px; background-color:transparent; border:1px solid var(--text-color); color:#000; font-size:15px; text-transform:capitalize;width: fit-content; background-color: #fff;border-radius: 3px;}
.cartRemoveupd:hover{background-color: var(--absolute-black); color: var(--absolute-white);}
.cartRemovebsk{
	margin:0px 0 0px 18px; padding:0px; color:#000; font-size:25px; text-align:center; position:relative; top:25px; transition:0.8s}
.cartRemovebsk:hover{
	color:#0778e2;}
.cartQuantitymb{
	margin:0px 0 10px 0; padding:0px 6px; width:25%; border:solid 1px var(--text-color);background-color: #fff;border-radius: 3px;color: var(--absolute-black);}
.cartRemovemb{
	margin:0px; padding:5px 10px; background-color:#fff; color:var(--absolute-black); font-size:13px; text-transform:capitalize; text-align:center; border:1px solid var(--text-color); width: fit-content;
	transition:0.8s;font-weight: 500;border-radius: 3px;}
.cartRemovemb:hover{
	background-color:var(--absolute-black); color:var(--absolute-white);}
.sitemap_cate{
	margin:0px 0 20px 0; padding:0px;}
.sitemap_cate h4{
	margin:0px 0 10px 0; padding:0px 0 5px 0;  font-size:15px; color:var(--primary-bg-900); text-transform:uppercase; font-weight:500; 
	border-bottom:solid 1px var(--text-color);}
.sitemap_cate p{
	margin:0px 0 0px 0; padding:0px 0 0px 0;  font-size:16px; color:#666;}
.sitemap_cate p:hover{
	color: var(--absolute-black); text-decoration:none;}
.sitem_menu{
	margin:0px 0 15px 0; padding:0px; text-align:center}
.sitem_menu ul{
	margin:0px; padding:0px;}
.sitem_menu ul li{
	margin:0px 10px; padding:0px; list-style:none; display:inline-block;}
.sitem_menu ul li a{
	margin:0px; padding:0px;  font-size:16px; color:var(--text-color); text-transform:capitalize;}
.sitem_menu ul li a:hover{
	color:var(--absolute-black); text-decoration:none;}
#tus_margin{
	margin:0px; padding:0px;}
.tus_mobile{
	margin:0px; padding:5px 15px; position:relative; display:flex; justify-content:space-between; align-items:center; background-color:var(--primary-bg-900);}
.tus_mblogo{
	margin:0px; padding:0px 5px;}
.tus_mblinks{
	margin:0px; padding:0px; position:relative}
.tus_mblinks a{
	margin:0px 0px; padding:7px 9px 5px 9px; color:#fff; font-size:16px; border:solid 1px #fff;}
.tus_mbnav{
	margin:0px; padding:25px 10px 15px 10px; width:80%; position:fixed; background-color:#fff; z-index:1; top:0; left:0; height:100%; z-index:3434349; overflow-y: scroll;}
.tus_mbnav a{
	margin:0px; padding:5px 0 5px 0; display:block; color:#000; font-size:14px; text-transform:capitalize; transition:0.8s; border-bottom:solid 1px #eee;
	font-weight:400}
.tus_mbnav a:hover{
	color:#0778e2;}
.tus_mbnav a i{
	margin:5px 15px 0 0; padding:0px; font-size:12px; float:right;}
.tus_close{
	margin:0px; padding:0px; position:absolute; top:10px; right:25px}
.tus_close a{
	margin:0px; padding:0px 6px; background-color:#000; color:#fff; font-size:16px;}
.tus_close2{
	margin:0px; padding:0px; position:absolute; top:10px; right:25px}
.tus_close2 a{
	margin:0px; padding:0px 6px; background-color:#000; color:#fff; font-size:16px;}
.tus_popsearch{
	margin:0px; padding:60px 20px 20px 20px; background-color:#fff; position:absolute; top:0; left:0; width:100%; z-index:34343499}
.tus_mbsrch{
	margin:0px; padding:8px 10px; width:100%; background-color:#000; color:#fff; font-size:14px; border:none}
.tus_mbsbmsrch{
	margin:-38px 0 0 0; padding:8.5px 12px; background-color:var(--text-color); color:#fff; font-size:14px; text-transform:uppercase; text-align:center; float:right; position:relative;
	border:none;}
.tus_close3{
	margin:0px; padding:0px; position:absolute; top:10px; right:25px}
.tus_close3 a{
	margin:0px; padding:5px 12px; background-color:#000; color:#fff; font-size:16px; border-radius:100%}
.tus_close4{
	margin:0px; padding:0px; position:absolute; top:5px; right:10px}
.tus_close4 a{
	margin:0px; padding:0px; color:#000 !important; font-size:22px !important; border:none !important}
.tus_mblogo img{
	margin:0px 0 5px 0; padding:0px; height:55px}
.tus_gallery{
	margin:0px 0 15px 0; padding:0px; position:relative; overflow:hidden}
.tus_gallery img{
	margin:0 auto; padding:0px; width:100%; height:auto;}
.tus_gallery h4{
	margin:0px; padding:8px 0; color:#fff; font-size:17px; text-transform:capitalize; border-bottom:solid 1px #ccc; font-weight:600}
.tus_gallery:before{
	content:''; position:absolute; background-color:rgb(0,0,0,0.6); width:100%; height:100%; top:0; left:0; transition:0.8s; opacity:0}
.tus_gallery:after{
	content:''; position:absolute;  width: 0; height: 0; border-bottom: 100px solid #0778e2; border-left: 120px solid transparent; 
	bottom:0; right:-100%; transition:0.8s;}
.tus_gallery i{
	margin:0px; padding:0px; color:#fff; font-size:25px; position:absolute; bottom:5%; right:4%; z-index:1; transition:0.8s; opacity:0; transition-delay:0.2s}
.tus_gallery:hover:before{
	opacity:1;}
.tus_gallery:hover:after{
	right:0;}
.tus_gallery:hover i{
	opacity:1;}
.cate{
	margin:0px; padding:0px; position:relative;}
.swiper-next{
	margin:0px; padding:0px; color:#0778e2; font-size:20px; position:absolute; top:45%; right:-105%; z-index:-1}
.swiper-prev{
	margin:0px; padding:0px; color:#0778e2; font-size:20px; position:absolute; top:45%; left:-7%; z-index:-1}

/* top-srch-frm  */

.top-srch-frm{
    border: 1px solid var(--primary-bg-900);
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--absolute-white);
    border-radius: 8px;
    overflow: hidden;

    input,button{
        margin: 0;
        padding: 1em;
        background-color: var(--absolute-white);
        border: 0;
        font-size: 14px;
        color: var(--primary-bg-900);
    }

    button{
        width: fit-content;
        padding-inline: 2em ;
        background-color: var(--primary-bg-900);
        color: var(--absolute-white);
        transition: all 0.25s ease-in-out;
        &:hover{
            background-color: var(--primary-yellow);
            color: var(--absolute-black);
        }
    }
}