.elementor-303 .elementor-element.elementor-element-aa40035{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-85ab7e6{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-303 .elementor-element.elementor-element-fd56277{--display:flex;--min-height:350px;--justify-content:center;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-303 .elementor-element.elementor-element-fd56277:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-fd56277 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shauryapaperbags.com/wp-content/uploads/2025/10/generated-image-october-15-2025-4-59pm-68f01a810cf15.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-303 .elementor-element.elementor-element-baf10b7{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-303 .elementor-element.elementor-element-baf10b7 .elementor-heading-title{font-family:"Prata", Sans-serif;font-size:28px;font-weight:400;color:#FFFFFF;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-303 .elementor-element.elementor-element-0eb930d .elementor-button{background-color:#00000000;font-family:"Ranade", Sans-serif;font-size:13.5px;font-weight:600;letter-spacing:-0.3px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 1.5px 0px;border-color:#FFFFFF47;border-radius:0px 0px 0px 0px;padding:18px 0px 8px 0px;}.elementor-303 .elementor-element.elementor-element-0eb930d .elementor-button:hover, .elementor-303 .elementor-element.elementor-element-0eb930d .elementor-button:focus{background-color:#FFFFFF00;color:#FFFFFF;border-color:#FFFFFF42;}.elementor-303 .elementor-element.elementor-element-0eb930d.elementor-element{--align-self:flex-start;}.elementor-303 .elementor-element.elementor-element-0eb930d .elementor-button:hover svg, .elementor-303 .elementor-element.elementor-element-0eb930d .elementor-button:focus svg{fill:#FFFFFF;}.elementor-303 .elementor-element.elementor-element-dd3a0a2{--display:flex;--min-height:350px;--justify-content:center;--padding-top:40px;--padding-bottom:40px;--padding-left:40px;--padding-right:40px;}.elementor-303 .elementor-element.elementor-element-dd3a0a2:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-dd3a0a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shauryapaperbags.com/wp-content/uploads/2025/10/google-ai-studio-2025-10-15t23-17-20158z-68f02c481efda.webp");background-position:bottom center;background-repeat:no-repeat;background-size:cover;}.elementor-303 .elementor-element.elementor-element-807af97{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-303 .elementor-element.elementor-element-807af97 .elementor-heading-title{font-family:"Prata", Sans-serif;font-size:28px;font-weight:400;color:#000000;}.elementor-303 .elementor-element.elementor-element-8cd5b1a .elementor-button{background-color:#00000000;font-family:"Ranade", Sans-serif;font-size:13.5px;font-weight:600;letter-spacing:-0.3px;fill:#000000;color:#000000;border-style:solid;border-width:0px 0px 1.5px 0px;border-color:#00000047;border-radius:0px 0px 0px 0px;padding:18px 0px 8px 0px;}.elementor-303 .elementor-element.elementor-element-8cd5b1a .elementor-button:hover, .elementor-303 .elementor-element.elementor-element-8cd5b1a .elementor-button:focus{background-color:#FFFFFF00;color:#000000;border-color:#FFFFFF42;}.elementor-303 .elementor-element.elementor-element-8cd5b1a.elementor-element{--align-self:flex-start;}.elementor-303 .elementor-element.elementor-element-8cd5b1a .elementor-button:hover svg, .elementor-303 .elementor-element.elementor-element-8cd5b1a .elementor-button:focus svg{fill:#000000;}.elementor-303 .elementor-element.elementor-element-ff0d3e8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:80px;--padding-bottom:80px;--padding-left:10px;--padding-right:10px;}.elementor-303 .elementor-element.elementor-element-422f09a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--margin-top:0px;--margin-bottom:10px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-303 .elementor-element.elementor-element-13c1fe1{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;}.elementor-303 .elementor-element.elementor-element-13c1fe1 .elementor-heading-title{font-family:"Prata", Sans-serif;font-size:36px;font-weight:400;color:#000000;}.elementor-303 .elementor-element.elementor-element-f548bce .elementor-button{background-color:#FFFFFF00;font-family:"Ranade", Sans-serif;font-size:13.5px;font-weight:600;letter-spacing:-0.3px;fill:#000000;color:#000000;border-style:solid;border-width:0px 0px 1.5px 0px;border-color:#00000042;border-radius:0px 0px 0px 0px;padding:14px 4px 8px 0px;}.elementor-303 .elementor-element.elementor-element-f548bce .elementor-button:hover, .elementor-303 .elementor-element.elementor-element-f548bce .elementor-button:focus{background-color:#FFFFFF00;color:#000000;border-color:#FFFFFF42;}.elementor-303 .elementor-element.elementor-element-f548bce.elementor-element{--align-self:flex-start;}.elementor-303 .elementor-element.elementor-element-f548bce .elementor-button:hover svg, .elementor-303 .elementor-element.elementor-element-f548bce .elementor-button:focus svg{fill:#000000;}.elementor-303 .elementor-element.elementor-element-a5414ce{--display:flex;--min-height:600px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-303 .elementor-element.elementor-element-baf10b7{--container-widget-width:71%;--container-widget-flex-grow:0;width:var( --container-widget-width, 71% );max-width:71%;}.elementor-303 .elementor-element.elementor-element-807af97{--container-widget-width:71%;--container-widget-flex-grow:0;width:var( --container-widget-width, 71% );max-width:71%;}}@media(min-width:768px){.elementor-303 .elementor-element.elementor-element-85ab7e6{--content-width:1300px;}.elementor-303 .elementor-element.elementor-element-ff0d3e8{--content-width:1300px;}.elementor-303 .elementor-element.elementor-element-a5414ce{--content-width:1300px;}}@media(max-width:767px){.elementor-303 .elementor-element.elementor-element-85ab7e6{--padding-top:20px;--padding-bottom:10px;--padding-left:16px;--padding-right:16px;}.elementor-303 .elementor-element.elementor-element-fd56277:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-fd56277 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shauryapaperbags.com/wp-content/uploads/2025/10/generated-image-october-16-2025-3-39am-68f01bb78f4a0.webp");background-position:bottom right;background-size:414px auto;}.elementor-303 .elementor-element.elementor-element-fd56277{--min-height:400px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:16px 16px;--row-gap:16px;--column-gap:16px;--padding-top:40px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-303 .elementor-element.elementor-element-baf10b7{--container-widget-width:100%;--container-widget-flex-grow:0;width:var( --container-widget-width, 100% );max-width:100%;text-align:center;}.elementor-303 .elementor-element.elementor-element-baf10b7 .elementor-heading-title{font-size:24px;}.elementor-303 .elementor-element.elementor-element-0eb930d.elementor-element{--align-self:center;}.elementor-303 .elementor-element.elementor-element-dd3a0a2:not(.elementor-motion-effects-element-type-background), .elementor-303 .elementor-element.elementor-element-dd3a0a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://shauryapaperbags.com/wp-content/uploads/2025/10/google-ai-studio-2025-10-15t23-19-27712z-68f02c481b2f1.webp");background-position:0px -188px;background-size:cover;}.elementor-303 .elementor-element.elementor-element-dd3a0a2{--min-height:400px;--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:36px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-303 .elementor-element.elementor-element-807af97{--container-widget-width:88%;--container-widget-flex-grow:0;width:var( --container-widget-width, 88% );max-width:88%;text-align:center;}.elementor-303 .elementor-element.elementor-element-807af97 .elementor-heading-title{font-size:24px;}.elementor-303 .elementor-element.elementor-element-8cd5b1a.elementor-element{--align-self:center;}.elementor-303 .elementor-element.elementor-element-ff0d3e8{--padding-top:56px;--padding-bottom:60px;--padding-left:16px;--padding-right:16px;}.elementor-303 .elementor-element.elementor-element-422f09a{--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-303 .elementor-element.elementor-element-13c1fe1{width:auto;max-width:auto;text-align:left;}.elementor-303 .elementor-element.elementor-element-13c1fe1 .elementor-heading-title{font-size:28px;}.elementor-303 .elementor-element.elementor-element-f548bce{margin:12px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-303 .elementor-element.elementor-element-f548bce.elementor-element{--align-self:center;}.elementor-303 .elementor-element.elementor-element-f548bce .elementor-button{padding:0px 0px 8px 0px;}}/* Start custom CSS for html, class: .elementor-element-0aa6858 */.slider-container {
    max-width: 100%;
    margin: 0px auto;
    background-color: #fff;
    padding: 0px;
    /* Hide the slides that are outside the container */
    overflow: hidden;
    height: 100vh;
}

.slides {
    /* Lay out slides in a horizontal row */
    display: flex;
    /* Add a smooth transition effect for the slide movement */
    transition: transform 0.6s ease-in-out;
}

.slide {
    /* Ensure each slide takes up the full container width and doesn't shrink */
    flex: 0 0 100%;
    width: 100%;
    height: 90vh; /* Adjust height as needed */
    background-size: cover;
    background-position: center;
    overflow: hidden;
}

/* --- CONTROL STYLES (No Changes Needed) --- */
.slider-controls {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0px 0 0px;
    border-bottom: 1px solid #ddd;
}

.controls-left, .controls-right {
    display: flex;
    align-items: center;
}

.controls-right {
    /*flex-grow: 1;*/
    justify-content: center;
    height: 50px;
    border-left: 1px solid #ddd;
    margin-left: 20px
}

#playPauseBtn {
    background: none;
    /*border: 1px solid #ddd;*/
    padding: 8px 9px;
    cursor: pointer;
    border-radius: 50%;
    box-shadow: none;
    background: #0000000f;
}

.arrow, .arrow:hover{
    background: none !important;
    box-shadow: none !important;
}

/* Add these new styles */

/* Style the button to look better as an icon holder */
#playPauseBtn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 35px;  /* A fixed size for the button */
    height: 35px;
}

/* Style for the SVG icons themselves */
#playPauseBtn svg {
    width: 20px;
    height: 20px;
    stroke: #333; /* Icon color */
}

/* A simple utility class to hide an element */
.hide {
    display: none;
}

.arrow {
    margin: 0 15px;
    padding: 0;
}

.pagination {
    display: flex;
    align-items: center;
}

.dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background-color: #ccc;
    margin: 0 5px;
    cursor: pointer;
    position: relative;
    overflow: hidden;
    padding: 0 !important;
}

.dot.active {
    width: 24px;
    border-radius: 6px;
}

.dot .timer {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background-color: #333;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-0eb930d */.elementor-303 .elementor-element.elementor-element-0eb930d a::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1.5px;
    background: white;
    transition: 0.2s ease-in-out;
}

.elementor-303 .elementor-element.elementor-element-0eb930d a:hover::before{
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-8cd5b1a */.elementor-303 .elementor-element.elementor-element-8cd5b1a a::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1.5px;
    background: black;
    transition: 0.2s ease-in-out;
}

.elementor-303 .elementor-element.elementor-element-8cd5b1a a:hover::before{
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-f548bce */.elementor-303 .elementor-element.elementor-element-f548bce a::before{
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 1.5px;
    background: black;
    transition: 0.2s ease-in-out;
}

.elementor-303 .elementor-element.elementor-element-f548bce a:hover::before{
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-831ca7c */.product-slider-container {
            max-width: 1300px;
            margin: 20px auto;
            padding: 0; 
            overflow: hidden; 
            height: auto;
            border-radius: 12px;
        }
        
        .product-slides-track {
            display: flex;
            gap: 20px; 
            transition: transform 0.6s ease-in-out;
            padding: 10px 8px 10px 16px !important;
        }
        
        
        
        @media (max-width: 767px) {
            .product-slides-track {
                gap: 16px; 
                
            }
            
            .product-slide-item {
            flex: 0 0 109% !important; 
            width: 100%;
            
        }
        
        .ps-pagination {
     left: 20% !important;
        }
        
        .product-slider-controls {
            margin: 20px 0px 0 0px !important; 
        }
        
         .product-slides-track {
            padding: 10px 20px !important;
        }
        }

        
        .product-slide-item {
            
            flex: 0 0 calc(100% - 32px); 
            width: calc(100% - 32px);
            
            height: 100%; 
            overflow: hidden;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        @media (min-width: 768px) {
            .product-slide-item {
                flex: 0 0 calc(50% - 10.6666px); 
                width: calc(50% - 10.6666px);
            }
        }

        @media (min-width: 1024px) {
            .product-slide-item {
                flex: 0 0 calc(33.3333% - 12px); 
                width: calc(33.3333% - 12px);
            }
        }
        
         @media (min-width: 1300px) {
            .product-slide-item {
                flex: 0 0 calc(25% - 12px); 
                width: calc(25% - 12px);
            }
        }
        
        .product-slider-controls {
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 0 0 10px;
            /*border-bottom: 1px solid #eee;*/
            margin: 32px 16px 0 16px; 
        }

        .controls-left, .controls-right {
            display: flex;
            align-items: center;
        }

        .elementor-303 .elementor-element.elementor-element-831ca7c .controls-right {
            justify-content: center;
            height: 50px;
            border-left: none;
            margin-left: 20px;
        }

        #psPlayPauseBtn {
            background: none;
            padding: 8px 9px;
            cursor: pointer;
            border-radius: 50%;
            box-shadow: none;
            background: #0000000f;
            display: flex;
            align-items: center;
            justify-content: center;
            width: 35px;
            height: 35px;
        }

        #psPlayPauseBtn svg {
            width: 20px;
            height: 20px;
            stroke: #333;
        }

        .ps-arrow, .ps-arrow:hover{
            background: none !important;
            box-shadow: none !important;
        }

        .ps-hide {
            display: none;
        }

        .ps-arrow {
            margin: 0 0px 0 30px;
            padding: 0;
            cursor: pointer;
        }
        
        .ps-arrow svg path {
            stroke: #333;
        }

        .ps-pagination {
            display: flex;
            align-items: center;
            position: absolute;
     left: 50%;
        }

        .ps-dot {
            width: 9px;
            height: 9px;
            border-radius: 50%;
            background-color: #ccc;
            margin: 0 5px;
            cursor: pointer;
            position: relative;
            overflow: hidden;
            padding: 0 !important;
            border: none;
        }

        .ps-dot.ps-active {
            width: 24px;
            border-radius: 6px;
            background-color: #999;
        }

        .ps-dot .ps-timer {
            position: absolute;
            top: 0;
            left: 0;
            width: 0;
            height: 100%;
            background-color: black; /* Blue timer */
        }/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Ranade';
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url('https://shauryapaperbags.com/wp-content/uploads/2025/10/Ranade-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'Ranade';
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url('https://shauryapaperbags.com/wp-content/uploads/2025/10/Ranade-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Ranade';
	font-style: normal;
	font-weight: 300;
	font-display: swap;
	src: url('https://shauryapaperbags.com/wp-content/uploads/2025/10/Ranade-Light.woff2') format('woff2');
}
/* End Custom Fonts CSS */