@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&display=swap');
/*
font-family: "Italiana", sans-serif;
font-family: "Lato", sans-serif;
*/

:root {
    --primary: #006078;
    --text: #8E8E8E;
    --white: #FFFFFF;
    --black: #000000;
    --lato: "Lato", sans-serif;
    --noto: "Noto Serif", serif;
}

html, body { overflow-x: hidden;}
html{ scrollbar-width: thin; -ms-overflow-style: none; scrollbar-color: var(--primary) #7D7E81; scroll-behavior: smooth;}
body{ padding:0; margin:0; font-size:16px; color:var(--text); font-family: var(--lato);}
a, button{outline:none !important; text-decoration:none; box-shadow:none; transition:all .4s ease-in-out;}
a:hover, a:focus, select:focus, button:focus,.btn:focus,btn.focus { outline:none; text-decoration:none; box-shadow:none;}
* { margin:0; padding:0;}
img { border:none; vertical-align:middle; max-width:100%; height:auto;}
li{ list-style:none;}
h1, h2, h3, h4, h5, h6{ outline:none !important; font-family: var(--noto);}
input, select, textarea, button{ outline:none !important; box-shadow:none;}
input, textarea, select{ /*-moz-appearance: none; -webkit-appearance: none;*/ box-shadow:none !important;}

.container{ width:90%; max-width: 1280px; margin:0 auto; padding:0;}

.btns{ box-sizing: border-box; margin: 0; padding: 10px; display: inline-flex; align-items: center; justify-content: center; text-align: center; border: none; transition: all .5s; background: var(--primary); color: var(--white); font-size: 14px; font-weight: 500; text-transform: uppercase; width: 204px; height: 52px; letter-spacing: 2.8px; position: relative; overflow: hidden;}
.btns:hover { cursor: pointer; background: var(--black);}
.btns::before { position: absolute; top: 0; left: 0; width: 100%; content: attr(data-text); transform: translate3d(0, 15px, 0); transition: all .4s ease-in-out; transition-timing-function: cubic-bezier(0.85, 0, 0.2, 1);}
.btns span { display: inline-block; opacity: 0; transform: translate3d(0, -10px, 0); transition: all .4s; transition-timing-function: cubic-bezier(0.85, 0, 0.2, 1);}
.btns:hover::before{ opacity: 0; transform: translate3d(0, 40px, 0);}
.btns:hover span { opacity: 1; transform: translate3d(0, 0, 0);}
.btns:hover span:nth-child(1) { transition-delay: 0.04s;}
.btns:hover span:nth-child(2) { transition-delay: 0.08s;}
.btns:hover span:nth-child(3) { transition-delay: 0.12s;}
.btns:hover span:nth-child(4) { transition-delay: 0.16s;}
.btns:hover span:nth-child(5) { transition-delay: 0.2s;}
.btns:hover span:nth-child(6) { transition-delay: 0.24s;}
.btns:hover span:nth-child(7) { transition-delay: 0.28s;}
.btns:hover span:nth-child(8) { transition-delay: 0.32s;}
.btns:hover span:nth-child(9) { transition-delay: 0.36s;}
.btns:hover span:nth-child(10) { transition-delay: 0.4s;}
.btns:hover span:nth-child(11) { transition-delay: 0.44s;}
.btns:hover span:nth-child(12) { transition-delay: 0.48s;}
.btns:hover span:nth-child(13) { transition-delay: 0.52s;}

.global_title{ margin: 0 0 25px; padding: 0; font-size: 50px; color: var(--black); background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 10%, rgba(243, 243, 243, 0.60) 17.94%, rgba(255, 255, 255, 0.60) 19.07%, rgba(0, 0, 0, 0.9) 25.8%); background-size: 200% auto; background-clip: text; text-fill-color: transparent; -webkit-background-clip: text; -webkit-text-fill-color: transparent; animation: shine 6s linear infinite reverse;}
.global_title small{ display: block; font-size: 16px; font-weight: 500; color: var(--primary);}
@keyframes shine {
    to {
        background-position: 200% center;
    }
}

p{ font-size: 16px; line-height: 24px; color: var(--black);}

#preloader{ width: 100%; height: 100%; position: fixed; z-index: 99999; inset: 0px; justify-content: center; transition: opacity .4s; display: flex; align-items: center;}
#preloader .circle{ position: absolute; width: 200px; height: 200px; background: #000; border-radius: 50%; box-shadow: #fff 0 0 0 100vw; transition: transform 1.6s; transform: inherit; margin: auto; justify-content: center; display: flex; align-items: center;}
#preloader .circle img{ width: 140px; height: auto; z-index: 1; position: relative;}

/*===================
 		HEADER 
 ===================*/
header{ width: 100%; padding: 20px 0; margin:0; background: none; position: absolute; top: 0; z-index:9999;}
header .navbar{ margin: 0; padding: 0; align-items: center; justify-content: space-between;}
header .navbar-brand{ margin:0; padding:0; width: 175px;}
header .navbar-brand img{ width: 100%;}
header .nav-right{ margin: 0; padding: 0;}
header .navbar-light .navbar-nav .nav-item{ margin: 0 0 0 45px;}
header .navbar-light .navbar-nav .nav-item:hover .nav-link{ color: var(--primary);}
header .navbar-light .navbar-nav .nav-link{ margin: 0; padding: 10px 0; font-weight: 400; font-size: 18px; color: var(--white);}
header .navbar-light .navbar-nav .nav-link:focus, header .navbar-light .navbar-nav .nav-link:hover{ color: var(--primary);}
header .navbar-light .navbar-nav .nav-link.active, header .navbar-light .navbar-nav .show > .nav-link{ color: var(--primary);}
header .top_part{ margin: 0 0 14px; padding: 0; display: flex; gap: 22px; align-items: center; justify-content: end;}
header .top-link{ margin: 0; padding: 0; display: flex; gap: 22px;}
header .top-link li{ margin: 0; padding: 0; font-size: 16px;}
header .top-link li .nav-link{ color: var(--white);}
header .top-link li .nav-link:hover, header .top-link li .nav-link.active{ color: var(--primary);}
header .call_info{ margin: 0; padding: 0; display: flex; align-items: center; gap: 14px;}
header .call_info i{ margin: 0; padding: 0; background: #45A943; height: 41px; width: 41px; min-width: 41px; min-height: 41px; border-radius: 40px; display: inline-flex; align-items: center; justify-content: center;}
header .call_info .contact_dtl{ margin: 0; padding: 0; font-size: 16px; color: var(--white); line-height: normal;}
header .call_info .contact_dtl a{ margin: 0; padding: 0; font-size: 20px; color: var(--white); display: block;}
header .call_info .contact_dtl a:hover{ color: var(--primary);}
header .btns{ border-radius: 50px; width: 160px;}
header .drop_menu{ margin: 0; padding: 0;}
header .drop_menu li{ margin: 0; padding: 0; font-size: 16px; color: var(--primary);}
header .drop_menu li a{ padding: 5px 10px; color: var(--primary); display: block;}
header .drop_menu li a:hover, header .drop_menu li a.active{ color: var(--white); background: var(--primary);}

header .navbar-light .navbar-nav .nav-item.dropdown>.dropdown-toggle:after{ display: block;}
header .navbar-light .dropdown-toggle::after{ background-image: url(../images/drop_arrow.svg); border: none; background-size: 9px 6px; height: 6px; width: 9px; vertical-align: middle; position: absolute; top: 0; bottom: 0; margin: auto 0; right: -15px;}
header .navbar-light .navbar-nav .nav-item .dropdown-menu{ border-radius: 0; animation: growOut 400ms ease-in-out forwards; left: 0; right: auto; transform-origin: top left;}
header .navbar-light .navbar-nav .nav-item .dropdown-menu .dropdown-item{ padding: 8px 20px;}
header .navbar-light .navbar-nav .nav-item .dropdown-menu .dropdown-item:hover, header .navbar-light .navbar-nav .nav-item .dropdown-menu .dropdown-item:focus{ background: var(--primary); color:var(--white);}


@keyframes growOut {
    0% {
       transform: scale(0)
   }
   80% {
       transform: scale(1.1)
   }
   100% {
       transform: scale(1)
   }
}

/* HEADER STICKY */
header.sticky{ padding: 10px 0; position:fixed; background: rgba(0,0,0,0.7); backdrop-filter: blur(25.5px); box-shadow:0 5px 5px rgba(0,0,0,0.1); z-index:999 !important; animation:slide-down 0.4s;}
header.sticky .navbar-brand{ width: 130px;}
header.sticky .navbar{ align-items: center;}
header.sticky .navbar-light .navbar-collapse{ padding: 0;}
header.sticky .top_part{ display: none;}

@keyframes slide-down{
    0% {
        opacity: 0;
        transform: translateY(-100%);
    } 
    100% {
        opacity: 0.9;
        transform: translateY(0);
    } 
}


/*===================
 		FOOTER 
===================*/
.footer_sec{ margin: 0; padding: 60px 0 0; background: var(--black); position: relative;}
.footer_sec .bg{ position: absolute; top: 0; left: 0; object-fit: cover; height: 100%; width: 100%; opacity: 0.22;}
.footer_sec .container{ position: relative; z-index: 2;}
.footer_sec p{ margin: 0; padding: 0; font-size: 16px; color: var(--white);}
.footer_sec figure{ margin: 0; padding: 0; width: 200px;}
.footer_sec h3{ margin: 0 0 20px; padding: 0; font-size: 18px; color: var(--white); text-transform: uppercase;}
.ftr_link{ margin: 0; padding: 0;}
.ftr_link li{ margin: 0 0 10px; padding: 0; font-size: 16px;}
.ftr_link li a{ color: var(--white); position: relative;}
.ftr_link li a:hover{ padding: 0 0 0 15px; color: var(--primary);}
.ftr_link li a::before{ content: ""; position: absolute; top: 9px; left: 0; background: var(--primary); height: 2px; width: 0; transition: all 0.4s ease-in-out;}
.ftr_link li a:hover::before{ width: 10px;}
.contact_link{ margin: 0; padding: 0;}
.contact_link li{ margin: 0 0 10px; padding: 0; font-size: 16px; color: var(--white);}
.contact_link li a{ color: var(--white);}
.contact_link li a:hover{ color: var(--primary);}
.copyright{ margin: 80px 0 0 0; padding: 40px 0; border-top: 1px solid rgba(255,255,255,0.6);}


/* Return To Top */
#return-to-top{ position: fixed; bottom: 10px; right: 15px; background: transparent; width: 49px; height: 49px; font-size: 18px; line-height: 49px; color: var(--primary); border-radius: 40px; text-decoration: none; text-align: center; transition: all 0.3s ease; z-index: 9999;}
#return-to-top span{ display: inline-block; transform: rotate(-90deg);}
#return-to-top:hover{ background: var(--primary); color: var(--white);}

/*=================================
 		SECTION START HERE 
=================================*/
/* Sticky Buttons */
.sticky_buttons{ margin: 0; display: flex; flex-direction: column; position: fixed; top: 50%; transform: translate(0, -50%); right: 15px; z-index: 9999; gap: 30px; transition:all .4s ease-in-out;}
.sticky_buttons ul{ margin: 0; padding: 0; display: flex; flex-direction: column; gap: 17px;}
.sticky_buttons ul li a{ width: 41px; height: 41px; border-radius: 50px; background: var(--primary); display: flex; align-items: center; justify-content: center; overflow: hidden;}
.sticky_buttons ul li a img{ transition:all .4s ease-in-out; filter: brightness(0) invert(1);}
.sticky_buttons ul li a:hover img{ animation: toBottomFromTop 0.4s linear alternate;}

@keyframes toBottomFromTop {
	49% {
		transform: translateY(100%);
	}
	50% {
		opacity: 0;
		transform: translateY(-100%);
	}
	51% {
		opacity: 1;
	}
}

.hero_sec{ position: relative;}
.hero_sec .splide__slide{ position: relative;}
.hero_sec .splide__slide::before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 180px; background: linear-gradient(0deg, rgba(0, 0, 0, 0.00) 2.46%, #000 97.8%); z-index: 1;}
.hero_sec .jquery-background-video-wrapper{ height:auto; min-height: 100vh; position: relative; overflow: hidden; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.hero_sec .jquery-background-video{ position: absolute; min-width: 100%; min-height: 100%; width: auto; height: auto; top: 50%; left: 50%; -o-object-fit: contain; object-fit: contain; transform: translate(-50%, -50%);}
.hero_sec .js .jquery-background-video{ opacity: 0; transition: opacity 300ms linear;}
.hero_sec .js .jquery-background-video.is-visible{ opacity: 1;}
.vid_mute { width: 32px; height: 32px; padding: 10px; display: block; cursor: pointer; border-radius: 50%; position: absolute; bottom:120px; right:50px; background:rgba(0,0,0,0.2) url('../images/play_unmute.svg') no-repeat center center; background-size:14px 14px; font-size:0;}
.vid_mute.muted { background:rgba(0,0,0,0.1) url('../images/play_mute.svg') no-repeat center center; background-size: 14px 14px;}

.contact_sec{ margin: 0; padding: 80px 0;}
.contact_sec .left_part{ margin: 0; padding: 60px 85px 70px; background: rgba(242,242,242,0.5);}
.contact_sec .input-group{ margin: 0 0 27px; padding: 0;}
.contact_sec .form-control{ margin: 0; padding: 10px 20px; width: 100%; height: 48px; background: var(--white); border: 1px solid #E1E6EB; font-size: 14px; color: var(--black); border-radius: 4px;}
.contact_sec .form-control::placeholder{ color: #131514;}
.contact_sec .form-control:focus{ border-color: var(--primary);}
.contact_sec .iti--separate-dial-code.iti--show-flags .iti__selected-dial-code{ font-size: 14px; color: #131514;}
.contact_sec textarea.form-control{ height: 100px; resize: none;}
.contact_sec .iti--separate-dial-code .iti__selected-flag { background: transparent; font-size: 14px;}
.contact_sec .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag { background: none !important;}
.contact_sec .iti--container{ position: absolute !important; top: 48px !important; left: 0 !important; z-index: 1000 !important; width: 100% !important; height: 250px;}
.contact_sec .iti{ width: 100%;}
.contact_sec .btns{ font-weight: 600;}

.social_icons{ margin: 0; padding: 30px 0 0 0; display: flex; gap: 30px; flex-wrap: wrap; border-top: 2px solid rgba(242,242,242,0.6);}
.social_icons li{ margin: 0; padding: 0;}
.social_icons li a{ height: 40px; width: 40px; border-radius: 40px; background: var(--primary); display: inline-flex; align-items: center; justify-content: center;}
.social_icons li a img{ transition: all 0.4s ease-in-out; filter: brightness(0) invert(1);}
.social_icons li a:hover img{ animation: toBottomFromTop 0.4s linear alternate;}
.contact_dtl{ margin: 0; padding: 40px 0 0;}
.contact_dtl li{ margin: 0 0 30px; padding: 0; display: flex; align-items: center; gap: 30px; font-size: 18px; line-height: normal; color: var(--black);}
.contact_dtl li i{ padding: 11px; background: var(--primary); height: 44px; width: 44px; min-width: 44px; display: flex; align-items: center; justify-content: center; border-radius: 40px;}
.contact_dtl li a{ color: var(--black);}
.contact_dtl li a:hover{ color: var(--primary);}

.about_sec{ margin: 0; padding: 80px 0; position: relative;}
.about_sec .curve1{ position: absolute; top: 120px; left: 30px; opacity: 0.5;}
.about_sec .curve1 .path{ stroke-dasharray: 100; stroke-dashoffset: 100; animation: draw 4s linear infinite;}
.about_sec .curve1 .rotate{ animation: rotate 4s linear infinite; transform-box: fill-box; transform-origin: center center;}
.about_sec .container{ position: relative; z-index: 2;}
.about_sec p{ margin: 0 0 45px; padding: 0;}
.about_sec figure{ margin: 0; padding: 0; overflow: hidden;}
.about_sec figure img{ transition: all 0.4s ease-in-out;}
.about_sec figure:hover img{ transform: scale(1.03);}
@keyframes draw {
    to {
      stroke-dashoffset: 0;
    }
}
@keyframes rotate{
    from{ -webkit-transform: rotate(0deg);}
    to{ -webkit-transform: rotate(359deg);}
}

.testimonial_sec{ margin: 0; padding: 60px 0; background: #FFFAF4; position: relative;}
.testimonial_sec::before{ content: ""; position: absolute; top: 0; left: 0; background: url(../images/testi_curve.png) center center no-repeat; background-size: cover; height: 100%; width: 100%; opacity: 0.05;}
.testi_block{ margin: 0; padding: 0; text-align: center;}
.testi_block i{ margin: 0 0 25px; padding: 0; display: inline-block;}
.testi_block h2{ margin: 0 0 30px; padding: 0; font-size: 36px; font-weight: 700; color: var(--black);}
.testi_block figure{ margin: 0 auto 15px; padding: 0; height: 110px; width: 110px; min-width: 110px; border-radius: 50%;}
.testi_block figure img{ border-radius: 50%; width: 100%; height: 100%; object-fit: cover;}
.testi_block .name{ margin: 0 0 5px; padding: 0; font-size: 18px; font-weight: 500; color: var(--black);}

/* Gallery */
.gallery_sec{ margin: 0; padding: 80px 0; position: relative; background: rgba(0,96,120,0.05);}
.gallery_sec .curve1{ position: absolute; top: 30px; right: 90px;}
.gallery_sec .curve1 .path{ stroke-dasharray: 100; stroke-dashoffset: 100; animation: draw 4s forwards infinite;}
.gallery_sec figure{ margin: 0 0 30px; padding: 0; min-height: 505px; max-height: 505px; height: 100%; display: flex;}
.gallery_sec figure a{ width: 100%; display: flex;}
.gallery_sec figure img{ width: 100%; object-fit: cover;}
.fancybox-content{ border: 1px solid var(--white) !important;}

.gift_sec{ margin: 0; padding: 90px 0; background: url(../images/gift-bg.jpg) center center no-repeat; background-size: 100% 100%;}
.gift_sec .detail{ margin: 0 0 0 auto; padding: 0; max-width: 440px;}

/* Counter */
.counter_sec{ margin: 0; padding: 0 0 60px 0;}
.counter_sec h2{ margin: 0; padding: 0; font-size: 70px; font-weight: 400; color: var(--primary);}
.counter_sec h2 small{ display: block; font-size: 30px; font-weight: 600; margin-top: -10px; color: var(--black);}

/* Collection */
.collection_sec{ margin: 0; padding: 120px 0; position: relative;}
.collection_sec .rectangle{ position: absolute; top: 40px; left: -40px; border-radius: 447px; opacity: 0.4; background: var(--primary); filter: blur(75px); width: 400px; height: 400px;}
.collection_block{ margin: 0; padding: 0; position: relative;}
.collection_block figure{ margin: 0; padding: 0; background: var(--black); transition: all 0.8s ease-in-out; overflow: hidden; max-height: 410px; min-height: 410px; display: flex; height: 100%;}
.collection_block figure img{ width: 100%; opacity: 0.2; transition: all 0.8s ease-in-out; object-fit: cover;}
.collection_block:hover figure img{ width: 100%; opacity: 0.5; transform: scale(1.3);}
.collection_block .caption{ margin: 0; padding: 30px; position: absolute; bottom: 0; left: 0; z-index: 2;}
.collection_block h2{ margin: 0; padding: 0; font-size: 28px; color: var(--white);}

/*=================================
 		    Contact Page
=================================*/
.inner_banner{ margin: 0; padding: 0; position: relative;}
.inner_banner figure{ margin: 0; padding: 0; min-height: 620px; max-height: 620px; height: 100%; display: flex; background: var(--black);}
.inner_banner figure img{ width: 100%; object-fit: cover; opacity: 0.5;}
.inner_banner .banner_cap{ margin: 0; padding: 0; width: 100%; position: absolute; bottom: 40px; left: 0; text-align: center;}
.inner_banner h1{ margin: 0; padding: 0; font-size: 60px; font-weight: 700; color: var(--white);}

/* Map */
.map_sec{ margin: 0; padding: 0; display: flex;}
.imgmarqee{ margin: 0; padding: 10px 0;}
.imgmarqee img{ opacity: 0.4;}

/*=================================
 		    About Page 
=================================*/
.company_sec{ margin: 0; padding: 0 0 100px;}
.company_sec figure{ margin: 0; padding: 0; border-radius: 250px 250px 0 0; position: relative;}
.company_sec figure::before{ content: ""; position: absolute; top: 20px; left: 30px; border-radius: 250px 250px 0 0; height: 100%; width: 100%; border: 3px solid #ccb162;}
.company_sec figure img{ border-radius: 250px 250px 0 0;}
.company_sec .detail{ margin: 0; padding: 0 0 0 50px;}
.company_sec p{ margin: 0; padding: 0;}

/* Shop */
.shop_sec{ margin: 0; padding: 0 0 80px;}
.shop_sec .grid{ display: grid; grid-template-columns: repeat(5, 1fr); grid-column-gap: 30px;}
.shop_box{ margin: 0; padding: 0; text-align: center;}
.shop_box figure{ margin: 0 0 20px; padding: 0; overflow: hidden; background: var(--black); min-height: 230px; max-height: 230px; display: flex;}
.shop_box figure img{ width: 100%; object-fit: cover; transition: all 0.8s ease-in-out; opacity: 0.5;}
.shop_box:hover figure img{ transform: scale(1.08); opacity: 1;}
.shop_box h3{ margin: 0; padding: 0; font-size: 24px; font-weight: 500; color: var(--black); transition: all 0.4s ease-in-out; text-transform: capitalize;}
.shop_box:hover h3{ color: var(--primary);}

/* Service */
.service_sec{ margin: 0; padding: 0 0 30px;}
.service_sec.service{ padding-top: 80px;}
.service_box{ margin: 0 0 40px; padding: 0; position: relative;}
.service_box figure{ margin: 0 0 20px; padding: 0; min-height: 385px; max-height: 385px; display: flex; height: 100%; background: var(--black); border-radius: 22px;}
.service_box figure img{ width: 100%; object-fit: cover; transition: all 0.4s ease-in-out; border-radius: 20px;}
.service_box:hover figure img{ opacity: 0.4;}
.service_box h3{ margin: 0; padding: 0; font-size: 28px; font-weight: 700; color: var(--primary); transition: all 0.6s ease-in-out; text-align: center;}
.service_box:hover h3{ color: var(--white); transform: translateY(-230px);}

/*=================================
 		Real Diamond Page 
=================================*/
.product_sec{ margin: 0; padding: 80px 0;}
.product_box{ margin: 0 0 25px; padding: 0;}
.product_box figure{ margin: 0 0 20px; padding: 0; min-height: 324px; max-height: 324px; height: 100%; display: flex; overflow: hidden;}
.product_box figure img{ width: 100%; object-fit: cover; transition: all 0.6s ease-in-out;}
.product_box:hover figure img{ transform: scale(1.08);}
.product_box h2{ margin: 0 0 8px; padding: 0; font-size: 24px; font-weight: 600; color: var(--black); transition: all 0.4s ease-in-out;}
.product_box:hover h2{ color: var(--primary);}
.product_box p{ margin: 0 0 20px; padding: 0; overflow: hidden; width: 100%; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.read_more{ margin: 0; padding: 0 0 5px; display: inline-flex; font-size: 14px; font-weight: 500; color: var(--black); align-items: center; position: relative; text-transform: uppercase;}
.read_more:hover{ color: var(--primary);}
.read_more::before{ content: ""; position: absolute; bottom: 0; left: 0; width: 0; height: 2px; background: var(--primary); transition: all 0.8s ease-in-out;}
.read_more:hover::before{ width: 100%;}

/*=================================
 		Nose Pin Page 
=================================*/
.prod_detail{ margin: 0; padding: 80px 0;}
.prod_detail #thumbnail-carousel .splide__slide{ height: 180px !important;}
.prod_detail .splide__track--nav > .splide__list > .splide__slide.is-active{ border-color: var(--primary);}
.prod_detail #thumbnail-carousel .splide__slide img{ height: 100%; width: 100%; object-fit: cover;}
.prod_detail figure{ margin: 0 0 40px; padding: 0; min-height: 410px; max-height: 410px; display: flex; height: 100%;}
.prod_detail figure img{ width: 100%; object-fit: cover;}
.category_item{ margin: 0; padding: 0;}
.category_item li{ margin: 0 0 15px; padding: 0 0 0 30px; font-size: 20px; text-transform: uppercase; color: var(--black); position: relative;}
.category_item li::before{ content: ""; position: absolute; top: 13px; left: 0; background: var(--primary); height: 6px; width: 6px; border-radius: 8px;}
.prod_detail p{ margin: 0 0 25px; padding: 0;}

.related_sec{ margin: 0; padding: 80px 0;}
.related_box{ margin: 0; padding: 0;}
.related_box a{ margin: 0; padding: 0; display: inline-block; width: 100%;}
.related_box h3{ margin: 0; padding: 0; font-size: 28px; font-weight: 700; color: var(--text); transition: all 0.4s ease-in-out;}
.related_box:hover h3{ color: var(--primary);}
.related_box figure{ margin: 0 0 25px; padding: 0; overflow: hidden; min-height: 335px; max-height: 335px; display: flex; height: 100%;}
.related_box figure img{ width: 100%; object-fit: cover; transition: all 0.8s ease-in-out;}
.related_box:hover figure img{ transform: scale(1.06);}

.related_sec .splide__arrow{ margin: 0; height: 46px; width: 46px; background: #dfdede; opacity: 1;}
.related_sec .splide__arrow--prev{ left: -60px;}
.related_sec .splide__arrow--next{ right: -60px;}
.related_sec .splide__arrow:hover{ background: var(--primary);}

.goldgift_sec{ margin: 0; padding: 90px 0; background: url(../images/gold_gift_bg.jpg) center center no-repeat; background-size: cover;}
.goldgift_sec .detail{ margin: 0; padding: 0; max-width: 440px;}

.silvergift_sec{ margin: 0; padding: 90px 0; background: url(../images/silver_gift_bg.jpg) center center no-repeat; background-size: cover;}
.silvergift_sec .detail{ margin: 0; padding: 0; max-width: 440px;}