/*** Font-family: Neusharp ***/
@font-face { font-family: 'Neusharp';         src: url('/fonts/Neusharp/Neusharp-Bold.otf'); }

/*** Font-family: OpenSans ***/
@font-face { font-family: 'OpenSans-Light';   src: url('/fonts/OpenSans/OpenSans-Light.ttf'); }
@font-face { font-family: 'OpenSans';         src: url('/fonts/OpenSans/OpenSans-Regular.ttf'); }
@font-face { font-family: 'OpenSans-Medium';  src: url('/fonts/OpenSans/OpenSans-Medium.ttf'); }
@font-face { font-family: 'OpenSans-SemiBold';src: url('/fonts/OpenSans/OpenSans-SemiBold.ttf'); }
@font-face { font-family: 'OpenSans-Bold';    src: url('/fonts/OpenSans/OpenSans-Bold.ttf'); }

/*** Font-family: Rajdhani ***/
@font-face { font-family: 'Rajdhani-Light';   src: url('/fonts/Rajdhani/Rajdhani-Light.ttf'); }
@font-face { font-family: 'Rajdhani';         src: url('/fonts/Rajdhani/Rajdhani-Regular.ttf'); }
@font-face { font-family: 'Rajdhani-Medium';  src: url('/fonts/Rajdhani/Rajdhani-Medium.ttf'); }
@font-face { font-family: 'Rajdhani-SemiBold';src: url('/fonts/Rajdhani/Rajdhani-SemiBold.ttf'); }
@font-face { font-family: 'Rajdhani-Bold';    src: url('/fonts/Rajdhani/Rajdhani-Bold.ttf'); }

@keyframes fadeIn  { from { opacity: 0; } to { opacity: 1; } }
@keyframes fadeOut { from { opacity: 1; } to { opacity: 0; } }
.fade_in  { animation: fadeIn  0.8s ease-in-out; }
.fade_out { animation: fadeOut 0.8s ease-in-out; }

@keyframes showPopup {
    0%   { transform: scale(0.70);opacity: 0; }
	45%  { transform: scale(1.05);opacity: 1; }
	80%  { transform: scale(0.95); }
	100% { transform: scale(1.00); }
}
@keyframes hidePopup {
	0%   { transform: scale(1.00);opacity: 1; }
	20%  { transform: scale(0.95); }
	55%  { transform: scale(1.05); }
	100% { transform: scale(0.00);opacity: 0; }
}
.show_popup { animation: showPopup 0.5s ease-in-out; }
.hide_popup { animation: hidePopup 0.5s ease-in-out; }

@keyframes scroll {
	0%   { transform: translateX(0); }
	100% { transform: translateX(calc(-21.16vh * 15)); }
}

@keyframes wishlistAnimation {
    0%   { transform: scale(1.0); }
    25%  { transform: scale(0.5); }
    50%  { transform: scale(1.2); }
    100% { transform: scale(1.0); }
}

.wishlist-animation { animation: wishlistAnimation 1s ease-in-out; }

:root {
    --main-color-1:        #A40303;
    --main-color-2:        #000000;
    --main-color-3:        #FFFFFF;
    --secondary-color-1:   #D70008;
    --secondary-color-2:   #C80606;
    --accent-color-1:      #67C15E;
    --accent-color-2:      #3B68FF;
    --border-color-1:      rgba(210, 210, 210, 0.5);
    --border-color-2:      rgba(217, 217, 217, 0.8);
    --border-color-3:      rgba( 88, 110, 122, 0.5);
    --placeholder-color-1: rgba( 139, 133, 133, 0.5);
    --disabled-color-1:    #E9E9E9;
}

::-webkit-scrollbar { width: 1.06vh; }
::-webkit-scrollbar-thumb { background-color: var(--main-color-1);border-radius: 1.06vh;cursor: grab; }
::-webkit-scrollbar-thumb:active { background-color: var(--secondary-color-1);cursor: grabbing; }
::-webkit-scrollbar-track { background-color: #D3D3D3;border-radius: 1.06vh;pointer-events: auto; }


*,
*::after,
*::before{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Rajdhani-SemiBold';
}

body {
    height: 100%;
}

h1, h2, h3 { margin: 0;font-family: 'Neusharp'; }
h4, h5, h6 { margin: 0;font-family: 'Rajdhani-SemiBold'; }

.page_wrap { position: relative;padding-top: 19.05vh; }

.sf_container { padding: 5% 8%; }

/*** Heading | START ***/
.banner_heading { position: relative;width: 100%;height: 19.05vh;background-image: url('/images/Assets/Banner/Contact_Us_Banner.png');background-size: cover;background-position-y: center;background-repeat: no-repeat; }
.banner_heading::before { content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--main-color-2);opacity: 0.35;z-index: 1; }
.banner_heading .banner_title { position: absolute;display: flex;align-items: center;justify-content: flex-start;z-index: 2;padding: 0 5%;height: 100%;font-size: 5.08vh;color: var(--main-color-3); }
/*** Heading | END ***/

.primary_btn { padding: 0.94dvw 1.67dvw;font-family: 'Neusharp';font-size: 1.25dvw;color: var(--main-color-3);background-color: var(--main-color-1);outline: none;border: none;border-radius: 0.26dvw;cursor: pointer;transition: all 0.5s ease-in-out; }
.primary_btn:hover { color: var(--main-color-1);background-color: var(--main-color-3);outline: 0.21vh solid var(--main-color-1); }
.primary_btn:focus { color: var(--main-color-3);background-color: var(--main-color-2);outline: 0.21vh solid var(--main-color-2); }

.secondary_btn { padding: 0.94dvw 1.67dvw;font-family: 'Neusharp';font-size: 1.25dvw;color: var(--main-color-3);background-color: var(--main-color-1);outline: none;border: none;border-radius: 0.26dvw;cursor: pointer;transition: all 0.5s ease-in-out; }
.secondary_btn:hover { color: var(--main-color-2);background-color: var(--main-color-3);outline: 0.21vh solid var(--main-color-2); }
.secondary_btn:focus { color: var(--main-color-3);background-color: var(--main-color-2);outline: 0.21vh solid var(--main-color-2); }

.tertiary_btn { padding: 0.94dvw 1.67dvw;font-family: 'Neusharp';font-size: 1.25dvw;color: var(--main-color-3);background-color: var(--main-color-2);outline: none;border: none;border-radius: 0.26dvw;cursor: pointer;transition: all 0.5s ease-in-out; }
.tertiary_btn:hover { color: var(--main-color-2);background-color: var(--main-color-2);outline: 0.21vh solid var(--main-color-2); }
.tertiary_btn:focus { color: var(--main-color-3);background-color: var(--main-color-2);outline: 0.21vh solid var(--main-color-2); }

.polygon_btn { padding: 0.94dvw 1.67dvw;font-family: 'Neusharp';font-size: 1.25dvw;color: var(--main-color-2);background-color: #3B68FF;outline: none;border: none;border-radius: 0;clip-path: polygon(5% 0, 95% 0, 100% 20%, 100% 80%, 95% 100%, 5% 100%, 0 80%, 0 20% );cursor: pointer; }

.dropdown { position: relative;display: inline-block;width: 100%; }
.dropdown .dropdown_toggle { display: flex;align-items: center;justify-content: space-between;padding: 2% 10%;width: 100%;border: 0.22vh solid var(--border-color-3);background-color: var(--main-color-3);border-radius: 0.53vh;cursor: pointer; }
.dropdown .dropdown_toggle span { text-align: left;font-family: 'Rajdhani-SemiBold';font-size: 1.9vh;color: var(--placeholder-color-1); }
.dropdown .dropdown_toggle i { display: flex;font-size: 1.9vh;color: var(--placeholder-color-1);transition: transform 0.5s ease-in-out; }
.dropdown .dropdown_toggle:disabled { background-color: var(--disabled-color-1);cursor: not-allowed; }
.dropdown .dropdown_toggle:disabled span,
.dropdown .dropdown_toggle:disabled i { color: var(--disabled-color-2); }
.dropdown .dropdown_menu { position: absolute;top: 100%;left: 0;margin: 0;padding: 0;width: 100%;height: auto;max-height: 0;overflow-y: scroll;z-index: 10;list-style: none;font-family: 'Rajdhani-SemiBold';font-size: 1.9vh;background-color: var(--main-color-3);border: 0.11vh solid var(--border-color-3);border-radius: 0.53vh;box-shadow: 0 0.64vh 1.27vh rgba(0, 0, 0, 0.175);opacity: 0;transition: max-height 0.5s ease-in-out, opacity 0.5s ease-in-out; }
.dropdown .dropdown_item { padding: 2% 10%;border-radius: 0.53vh;cursor: pointer;transition: background-color 0.5s ease-in; }
.dropdown .dropdown_item:hover { color: var(--main-color-3);background-color: var(--main-color-1); }

/*** Best Seller | START ***/
.bestseller_wrap { position: relative;display: flex;flex-direction: column;align-items: center;justify-content: space-between;padding: 5% 8%; }
.bestseller_wrap .title_wrap { position: relative;display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%; }
.bestseller_wrap .title_wrap .title { font-size: 2.08dvw; }
.bestseller_wrap .title_wrap .discover_btn { font-size: 1.04dvw; }
.bestseller_wrap .bestseller_scroll { position: relative;display: flex;flex-direction: row;align-items: center;justify-content: space-between;width: 100%;margin-top: 2%; }
.bestseller_wrap .bestseller_scroll .bestseller_card { position: relative;width: 15.5%;cursor: pointer; }
.bestseller_wrap .bestseller_scroll .bestseller_card:hover .card_img_wrap .card_img { transform: scale(1.05) rotate(-5deg); }
.bestseller_wrap .bestseller_scroll .bestseller_card .card_img_wrap { position: relative;width: 100%;aspect-ratio: 1/1;border-radius: 0.26dvw;background-color: #F0EEEF;overflow: hidden; }
.bestseller_wrap .bestseller_scroll .bestseller_card .card_img_wrap .card_img { width: 100%;height: 100%;object-fit: cover;transition: all 0.5s ease-in-out ; }
.bestseller_wrap .bestseller_scroll .bestseller_card .card_title { display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;margin-top: 8%;text-align: center;font-family: 'Neusharp';font-size: 1.25dvw;color: var(--main-color-2); }
.bestseller_wrap .bestseller_scroll .bestseller_card .card_price { text-align: center;font-family: 'OpenSans-SemiBold';font-size: 1.04dvw;color: var(--main-color-1); }
/*** Best Seller | END ***/

/*** Brand Infinite Scroll Slider | START ***/
.slider { position: relative;width: 100%;height: 10.58vh;overflow:hidden; }
.slider::before,
.slider::after { background: linear-gradient(to right,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);content: '';height: 100%;position: absolute;width: 21.16vh;z-index: 2; }
.slider::before { top: 0;left: 0; }
.slider::after { right: 0;top: 0;transform: rotateZ(180deg); }
.slider .slider_track { animation: scroll 40s linear infinite;display: flex;height: 100%;width: calc(21.16vh * 30); }
.slider .slider_track .slider_item { height: 100%;width: 21.16vh; }
.slider .slider_track .slider_item img { height: 100%;aspect-ratio: 1/1;object-fit: contain; }
/*** Brand Infinite Scroll Slider | END ***/

@media screen and 
(max-width: 1024px) and (min-height: 769px),
(max-width: 768px) and (min-height: 667px) {
    .page_wrap { padding-top: 20.83dvw; }
    
    .sf_container { padding: 5%; }

    .primary_btn { padding: 1.67dvw 5dvw;font-size: 3.75dvw;border-radius: 1.04dvw; }
    .secondary_btn { padding: 1.67dvw 5dvw;font-size: 3.75dvw;border-radius: 1.04dvw; }
    .tertiary_btn { padding: 1.67dvw 5dvw;font-size: 3.75dvw;border-radius: 1.04dvw; }

    .dropdown .dropdown_toggle { padding: 2% 5%;border: 0.11vh solid var(--main-color-2); }
    .dropdown .dropdown_toggle span,
    .dropdown .dropdown_toggle i { font-size: 2.12vh;color: var(--main-color-2); }

    /*** Brand Infinite Scroll Slider | START ***/
    .slider { height: 8.47vh; }
    .slider .slider_track .slider_item { height: 100%;width: 12.7vh; }
    /*** Brand Infinite Scroll Slider | END ***/


    /*** Best Seller | START ***/
    .bestseller_wrap { padding: 5%; }
    .bestseller_wrap .title_wrap .title { font-size: 6.67dvw; }
    .bestseller_wrap .title_wrap .discover_btn { font-size: 1.88dvw; }
    .bestseller_wrap .bestseller_scroll { flex-flow: wrap; }
    .bestseller_wrap .bestseller_scroll .bestseller_card { margin-bottom: 5%;width: 48%; }
    .bestseller_wrap .bestseller_scroll .bestseller_card:nth-last-child(2),
    .bestseller_wrap .bestseller_scroll .bestseller_card:nth-last-child(1) { margin-bottom: 0; }
    .bestseller_wrap .bestseller_scroll .bestseller_card .card_title { font-size: 4.17dvw; }
    .bestseller_wrap .bestseller_scroll .bestseller_card .card_price { font-size: 3.33dvw; }
    /*** Best Seller | END ***/
}