@import url(basic.css);
@import url(product-detail.css);

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

/* .top_bar {text-align: center;background: var(--primary-300);color: var(--primary-50);padding: 6px 0;letter-spacing: 2px;} */

/* OFFER BEDGE */
.offer-tag { display: none; align-items: center; margin: 1px 0; overflow: hidden;}

/* Offer Badge */
.offer-tag span { background: var(--primary-400); border-radius: 0 18px 18px 0; color: #fff; padding: 8px 14px; display: inline-block; cursor: pointer; position: relative; z-index: 2;}

/* Hidden Text */
.offer-tag p { background: navajowhite; color: #523202; padding: 8px 15px; border-radius: 0 15px 15px 0; margin-left: -10px; max-width: 0; opacity: 0; white-space: nowrap; overflow: hidden; transition: all .4s ease;}

/* Hover only on Offer badge */
.offer-tag span:hover + p { max-width: 700px; opacity: 1;  margin-left: 0;}

.header { background: linear-gradient(45deg, #f1e5dc, #ffffff); border-top: 1px solid #e2c5b0; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; border-radius: 60px;padding: 10px 35px; margin-bottom: 2px; display: flex; align-items: center; justify-content: space-between; max-width: 98%; margin: 2rem auto 0; position: relative; }
.logo{max-width: 50px;}

/* Main Navigation (DESKTOP) ----------------- */
.menu ul{display:flex; list-style:none; gap:2rem;}
.menu > ul { align-items: center;}
.menu ul li{position:relative;}
.menu > ul > li a { display: flex; align-items: center; gap: 6px;}
.menu > ul > li a:hover {color: #9c468c}
.menu > ul > li a .material-symbols-outlined { transition: all ease 0.3s;}
.menu > ul > li a:hover .material-symbols-outlined { transform: rotate(90deg);}
.menu a{ text-decoration:none; color:var(--text); font-weight:500; padding:14px 0; display:block;}

/* dropdown */
.menu .dropdown{ position:absolute; top:100%; left:0; width:220px; background:#fff; border-radius:12px; box-shadow:0 15px 40px rgba(0,0,0,.12); opacity:0; visibility:hidden; transform:translateY(15px); transition:.35s;
padding:10px 0; display:flex !important; flex-direction:column; gap:0 !important; z-index:9;}
.menu .dropdown li a{ padding:12px 20px;}
.menu .dropdown li a:hover{ background:var(--primary-50); color:var(--primary);}
.menu .has-dropdown:hover .dropdown{ opacity:1; visibility:visible; transform:translateY(0);}

/* megamenu */
.menu .mega-menu{ position:absolute; left:50%; top:100%; transform:translateX(-50%) translateY(20px); width:1000px; background:#fff; border-radius:18px; padding:3.5rem; display:grid; grid-template-columns:repeat(4,1fr);
gap:3.5rem; box-shadow:0 20px 60px rgba(0,0,0,.12); opacity:0; visibility:hidden; transition:.35s; z-index:9;}
.menu .mega-menu-image { gap: 20px;}
.menu .mega-menu-image .mega-column {padding: 0px; background: linear-gradient(45deg, #efe2d3, transparent); border-radius: 0 0 15px 15px; }
.menu .mega-menu-image .mega-column .mega-image {border-radius: 15px; overflow: hidden; background: linear-gradient(1deg, #c03a2b, transparent); padding: 2px;}
.menu .mega-menu-image .mega-column .mega-image img { border-radius: 15px; transition: all 0.5s ease;}
.menu .mega-menu-image .mega-column:hover img { transform: scale(1.2);}
.menu .mega-menu-image .mega-column h3 { padding: 10px; text-align: center; font-family: var(--body-font); font-weight: 400; font-size: clamp(18px, 2.2rem, 2.6rem);}

.menu .has-mega { position: static;}
.menu .has-mega:hover .mega-menu{ opacity:1; visibility:visible; transform:translateX(-50%) translateY(0);}
.menu .mega-column h4{ font-size:20px; color:#9c468c; margin-bottom:18px; padding-bottom:10px; border-bottom:2px solid #9c468c;}
.menu .mega-column{ display:flex; flex-direction:column;}
.menu .mega-column a{ padding:10px 0; color:var(--text-light); transition:.3s;}
.menu .mega-column a:hover{ color:#9c468c; padding-left:10px;}
.menu .mega-column a svg, .menu .dropdown li a svg {width: 18px;}

/* MOBILE ONLY MENU (BELOW 992) */
.menu-toggle { display:none; border:none; background:none; cursor:pointer;}
.mobile-overlay{ position:fixed; inset:0; background:rgba(0,0,0,.45); opacity:0; visibility:hidden; transition:.35s; z-index:9998;}
.mobile-menu { position:fixed; left:-340px; top:0; width:320px; height:100vh; background:#fff; z-index:9999; overflow:auto; transition:.35s; box-shadow:20px 0 40px rgba(0,0,0,.15);}
.mobile-menu.active{ left:0;}
.mobile-overlay.active{ opacity:1; visibility:visible;}
.mobile-menu .mobile-header{ padding:10px 25px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--secondary-300); background: var(--secondary-100);}
.mobile-menu .mobile-header img { max-width: 60px;}
.mobile-menu .close-menu{ background:none; border:none; cursor:pointer;}
.mobile-menu ul{ list-style:none;}
.mobile-menu li{ border-bottom:1px solid var(--border);}
.mobile-menu>ul>li>a{ display:flex; justify-content:space-between; align-items:center; padding:18px 25px; text-decoration:none; color:var(--text); font-weight:600;}

.mobile-menu .submenu{ display:none; background:var(--secondary-50);}
.mobile-menu .submenu li a{ display:block; padding:14px 40px; text-decoration:none; color:var(--text-light); transition:.3s;}
.mobile-menu .submenu li a:hover{ color:var(--primary); padding-left:50px;}
.mobile-menu .arrow{ transition:.3s;}
.mobile-menu .has-submenu.active .arrow{ transform:rotate(180deg);}

@media(max-width:991px) {
.menu {display:none;}
.menu-toggle {display:block;}
}

.actions{ display:flex; align-items:center; gap:20px;}
.actions a{ text-decoration:none;}
.actions a svg { color: #8b7a6a;}
.actions a:hover svg path {stroke: #9c468c;}

/* HERO SLIDER */
.hero-gallery { margin: 40px 20px 0px; display:grid; grid-template-columns:minmax(0,1fr) 220px; gap:25px; border-radius:30px;}
.hero-main-slider { /*border-radius:30px; overflow:hidden;*/ position:relative;margin-bottom: 0px !important;}
.hero-main-slider .slick-slide { aspect-ratio: 1920 / 797; overflow:hidden; border-radius:30px;}
.hero-main-slider .slick-slide img { width:100%; height:100%; object-fit:cover;}
.hero-thumb-slider { display: flex; flex-direction: column; justify-content: center; background: var(--bg); padding: 0 15px; border: 2px solid #799eb9; box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px; border-radius: 20px;}
.hero-thumb-slider .slick-slide { margin:10px 0;}
.hero-thumb-slider .slick-slide { aspect-ratio:  1.64; overflow:hidden; border-radius:15px; cursor: pointer;}
.hero-thumb-slider .slick-slide img { width:100%; height:100%; object-fit:cover; display:block; border: solid 2px white; border-radius: 15px;}
.hero-thumb-slider .slick-current img { border-color:#9c468c;}
.hero-thumb-wrap { position: relative;}
.hero-gallery .thumb-prev,
.hero-gallery .thumb-next { width:4.5rem; height:4.5rem; border:none; border-radius:4.5rem; background:#164c74;color: #fff; box-shadow:0 10px 25px rgba(0,0,0,.12); display:flex; align-items:center; justify-content:center; cursor:pointer;position:absolute; left:50%; transform:translateX(-50%); z-index:9;}

.hero-gallery .thumb-prev { top:-20px;}
.hero-gallery .thumb-next { bottom:-20px;}

.hero-gallery .thumb-prev .material-symbols-outlined,
.hero-gallery .thumb-next .material-symbols-outlined { font-size:3rem;}

/* Feature Category Section */
.feature-category {padding: 60px 0px;}
.comman-container {width: 100%;height: 100%;align-items: center;padding-left: 1%;padding-right: 1%;}
.curated {display: inline-flex;align-items: center;gap: 15px;font-size: 13px;letter-spacing: 2px;text-transform: uppercase;color: #164c74;}
.curated::before, .curated::after {content: "";width: 45px;height: 1px;background: #164c74;}
.featured-title {font-size: 38px;letter-spacing: 2px;margin-bottom: 15px;}
.feature-category-wrapper {display: flex;flex-wrap: wrap;gap: 10px;}
.feature-category-item {flex: 1 1 calc(17.666% - 17px);text-align: center;position: relative;overflow: hidden;border-radius: 10px;}
.feature-category-item img {width: 100%;height: 420px;object-fit: cover;display: block;transition: transform 1.2s cubic-bezier(0.22, 1, 0.36, 1);}
.feature-category-item::after {content: "";position: absolute;background: linear-gradient(to top, #9c468c 0%, #9c468c 50%, rgba(0, 0, 0, 0) 100%);z-index: 1;opacity: 0.9;transition: opacity 0.6s ease, background 0.6s ease;bottom: 0px;height: 18%;width: 100%;left: 0px;right: 0px;}
.feature-category-overlay {position: absolute;left: 0;bottom: 0;width: 100%;padding: 20px;z-index: 2;transform: translateY(10px);transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);}
.feature-category-overlay h5 {margin: 0;color: #fff;font-size: 18px;font-weight: 600;}
.feature-category-overlay h5 a {color: #fff;text-decoration: none;}
.feature-category-item:hover img {transform: scale(1.16) translateY(-5px);}
.feature-category-item:hover .feature-category-overlay {transform: translateY(0);}
.collection-arrow {position: absolute;top: 0;right: 0;width: 58px;height: 58px;border-radius: 50%;background: #9c468c;color: #fff;display: flex;align-items: center;justify-content: center;font-size: 25px;opacity: 0;visibility: hidden;transform: translate(15px, -15px) scale(.6);transition: opacity .35s ease, visibility .35s ease, transform .45s cubic-bezier(.2, .8, .2, 1);z-index: 5;}
.feature-category-item:hover .collection-arrow {opacity: 1;visibility: visible;transform: translate(-12px, 12px) scale(1);}

/* Marquee Slider Section */
.image-marquee {width: 100%;overflow: hidden;padding: 90px 0 20px;}
.marquee-track {display: flex;width: max-content;gap: 20px;animation: marquee 55s linear infinite;}
.marquee-item {flex: 0 0 10%;height: 600px;overflow: hidden;border-radius: 12px;}
.marquee-item img {width: 100%;height: 100%;display: block;object-fit: cover;}

@keyframes marquee {
    from {
        transform: translateX(0);
    }

    to {
        transform: translateX(calc(-50% - 10px));
    }
}

/*.image-marquee:hover .marquee-track {animation-play-state: paused;}*/

@media (max-width: 767px) {
    .marquee-track {gap: 12px;animation-duration: 40s;}
    .marquee-item {flex-basis: 180px;height: 130px;border-radius: 8px;}
}

.btn_secondary {display: inline-flex;align-items: center;justify-content: center;gap: 10px;padding: 14px 32px;background: transparent;color: #164c74;border: 1px solid #164c74;border-radius: 50px;font-size: 16px;font-weight: 600;letter-spacing: .5px;transition: all 0.3s ease-in-out;cursor: pointer;text-decoration: none;letter-spacing: 1px;text-transform: uppercase;}
.btn_secondary:hover {background: #164c74;color: #fff;border: 1px solid #164c74;}
.btn_secondary span {transition: all 0.3s ease-in-out;}
.hero-main-slider .slick-dots li button {display: none;}
.hero-main-slider .slick-dots li.slick-active {background: #7e6a56;}
.hero-main-slider .slick-dots li {background: #c7b29d;border-radius: 50%;width: 16px;height: 16px;}
.hero-main-slider .slick-dots {bottom: -40px;padding: 0px;}

/*** Make It Section ***/
.make-it-sec-main {padding: 80px 0px;}
.make-it-sec-main-inner {
    padding: 0% 5%;
}
.make-it-sec-main-inner1 {
    display: grid;
    grid-template-columns: 29.1% 69.1%;
    gap: 30px;
}
.make-it-sec-main-left {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.make-it-img-left {
    border-radius: 20px;
    overflow: hidden;
        height: 400px;
}
.make-it-img-right-inner {
    display: grid;
    grid-template-columns: 48.68% 48.68%;
    gap: 30px;
}
.make-it-sec-main-right {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.make-it-img-right, .make-it-img-center {
    border-radius: 20px;
    overflow: hidden;
        height: 400px;
}
.make-it-img-left img, .make-it-img-right img, .make-it-img-center img {
    transition: transform 1s cubic-bezier(0.22, 1, 0.36, 1), box-shadow 1s ease;
}
.make-it-img-left:hover img, .make-it-img-right:hover img, .make-it-img-center:hover img {
    transform: scale(1.2);
}
/*** End Make It Section ***/

/* CATGORY SECTION */
.category-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 3.2rem;}
.category-section .container { max-width: 90%;}
.category-section .cateogry-card {text-decoration: none;background: var(--secondary-50);padding-bottom: 15px;}
.category-section .cateogry-card .category-image { border-radius: 5rem; overflow: hidden; position: relative; aspect-ratio: 3/4;}
.category-section .cateogry-card .logo_tag { background: #f2d7d5; width: 120px; height: 67px; border-radius: 50%; display: flex; align-items: center; justify-content: center; left: 0; right: 0; margin: -30px auto 0;
position: relative; z-index: 2; top: -4px;}
.category-section .cateogry-card .logo_tag img { max-width: 40px; width: 100%; height: auto;}
.category-section .cateogry-card .category-image img {  object-fit: cover; transition: .4s ease-in-out; width: 100%; height: 100%;}
.category-section .cateogry-card .category-title { color: var(--text); width: 100%; font-size: clamp(16px, 2.2rem, 2.4rem); letter-spacing: 1px; text-align: center;}
.category-section .cateogry-card:hover .category-image img { transform: scale(1.1);}

/* Collection */
.trending-collection {position: relative;background: #fff4ef;padding: 70px 0px;}
/*.trending-collection::before { position: absolute; top: 0; content: ''; width: 100%; height: 50%; background: var(--secondary-50); z-index: -1;}*/
.trending-collection.best-seller::before { background: var(--primary-100);}
.trending-collection.best-seller .product_item { margin-right: 20px;}

.trending-collection .container { max-width: 90%; position: relative;}

.trending-collection.best-seller .slider-nav, .trending-collection.like-list .slider-nav {width: 100%; justify-content: space-between; position: absolute; top: 50%;}

.trending-collection.best-seller .prev-btn, .trending-collection.like-list .prev-btn {margin-left: -20px;}
.trending-collection.like-list .next-btn {margin-right: 40px;}
.trending-collection .collection_grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(298px, 1fr)); gap: 20px; margin: 2rem auto;}

.trending-collection .heading { text-align: center; display: flex; align-items: center; flex-direction: column; padding-top: 5rem;}
.trending-collection .heading img { max-width: 400px;}

.trending-collection .trending-collection-section { width: 100%; margin: auto;}
.trending-collection .trending-collection-section img { border-radius: 10px;}

.product_item .product_image .product_tag {position: absolute;bottom: 10px;left: 10px;background: /*#9c468c*/ #164c74;padding: 2px 15px;border-radius: 3px;color: #fff;z-index: 1;}
.product_item .product_image .product_tag_wishlist {z-index: 1;cursor: pointer; width: 3rem; height: 3rem; border-radius: 3rem; position: absolute; top: 10px; right: 10px; background: #164c74; padding: 2px 6px; display: flex; align-items: center; justify-content: center;}
.product_item .product_image .product_tag_wishlist span { font-size: 18px; color: #fff;}
.product_item .product_image { position: relative; overflow: hidden; border-radius: 10px;}
.product_item .product_image img { aspect-ratio: 2/3; object-fit: cover; border-radius: 10px; transition: .4s ease-in-out; width: 100%;}
.product_item .product_image:hover img { transform: scale(1.2);}
.product_item .product_data { margin-top: 15px; display: flex; flex-direction: column; gap: 6px; justify-content: center; align-items: center;}
.product_item .product_data .product_title { font-size: clamp(17px, 18px, 2rem);}
.product_item .product_data .product_title a { color: #164c74; text-decoration: none;}
.product_item .product_data .product_price .price_orignal { font-size: clamp(17px, 18px, 2rem);color: #164c74;font-weight: bold;}
.product_item .product_data .product_price .price_old { display: inline-block; margin-left: 5px; text-decoration: line-through; opacity: 0.5;}

/* Overlay */
.product_hover{ position:absolute; left:0; bottom:0; width:100%; padding:15px; background: var(--secondary-50); display:flex;flex-direction:column; gap:10px; opacity:0; visibility:hidden; transform:translateY(30px); transition:.45s ease; z-index: 1;}
.product_item:hover .product_hover{ opacity:1; visibility:visible; transform:translateY(0); align-items: center;}
.product_item:hover .product_tag { opacity: 0;}
.product_item .btn_cart { width: 100%;}
.product_hover .svg_shape { position: absolute; left: 0; top: -44px; width: 100%; right: 0; margin: auto; z-index: -1; height: 71px;}

/* Color Swatches */
.product_colors{ display:flex; gap:8px;}
.product_colors span{ width:20px; height:20px; border-radius:50%; border: 2px solid #164c74; cursor:pointer; transition:.3s;}
.product_colors span:hover{ transform:scale(1.15);}

/* Sizes */
.product_sizes{ display:flex; gap:6px; flex-wrap:wrap;}
.product_sizes span{ min-width:32px; height:32px; display:flex; align-items:center; justify-content:center; background: #ae8e741c; backdrop-filter:blur(10px); color:#164c74;font-size:12px; border-radius:5px; transition:.3s;border: 1px solid #164c74;}
.product_sizes span:hover{ background:#164c74; color: white;}

/* Button */
.btn_cart{ height:42px; display:flex; align-items:center; justify-content:center; text-decoration:none; background:#164c74; color:white; border-radius:6px; font-weight:600; transition:.3s; cursor: pointer;}
.btn_cart:hover{ background:#083556; color: white;}

.product_image::after{ content:""; position:absolute; inset:0; background:rgba(0,0,0,.15); opacity:0; transition:.4s;}
.product_item:hover .product_image::after{ opacity:1;}

/* ================================
   BRIDAL HERO
================================ */

.bridal-hero {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 50px 0px;
}


/* Background image */
.bridal-bg {
    position: absolute;
    inset: 0;

    background-image: url("https://parkofideas.com/moderno/demo/wp-content/uploads/2023/07/moderno-1349368030.jpg");
    background-size: cover;
    background-position: center;

    filter: grayscale(20%);
    transform: scale(1.04);
/*    background-color: #0f5b4f;*/
    background-color: #ebc8b8;

    animation: bridalBgZoom 12s ease-in-out infinite alternate;
}


.bridal-img-7 {
    top: 37%;
    left: -300px;
    transform: rotate(-5deg);
    animation: bridalFloat1 5s ease-in-out infinite;
}

.bridal-img-8 {
    bottom: 37%;
    right: -300px;
    transform: rotate(5deg);
    animation: bridalFloat3 5s ease-in-out infinite;
}

/* Dark overlay */
.bridal-overlay {
    position: absolute;
    inset: 0;

    background:
        linear-gradient(
            90deg,
            rgba(20, 18, 17, .94) 0%,
            rgba(20, 18, 17, .78) 40%,
            rgba(20, 18, 17, .60) 100%
        );

    z-index: 1;
}


/* Container */
.bridal-container {
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1200px;
    height: 790px;
    margin: 0 auto;
}

/* ================================
   CONTENT
================================ */

.bridal-hero .bridal-content {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-45%);
    width: 850px;
    z-index: 10;
    padding: 0px;
}

.bridal-hero .bridal-small-title {
    display: block;
    font-size: 12px;
    letter-spacing: 4px;
    color: #d7bda7;
    margin-bottom: 18px;
    opacity: 0;
    animation: bridalFadeUp .8s ease forwards;
    animation-delay: .2s;
}

.bridal-hero .bridal-content h1 {
    margin: 0 0 12px;
    font-family: 'Outfit';
    font-size: 74px;
    font-weight: 400;
    line-height: .95;
    letter-spacing: -2px;
    color: #fff;
    opacity: 0;
    animation: bridalFadeUp 1s ease forwards;
    animation-delay: .35s;
}

.bridal-hero .bridal-content p {
    max-width: 790px;
    margin: 0px 0 15px;
    font-family: 'Outfit';
    font-size: 15px;
    line-height: 1.6;
    color: #fff;
    opacity: 0;
    animation: bridalFadeUp 1s ease forwards;
    animation-delay: .55s;
}

/* ================================
   BUTTON
================================ */

.bridal-btn {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 18px;
    padding: 16px 18px 16px 20px;
    background: /*#0f5b4f*/ #E91E63;
    color: #fff;
    border-radius: 0px 15px 0px 15px;
    width: fit-content;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    transition: .4s ease;
    opacity: 0;
    animation: bridalFadeUp .8s ease forwards;
    animation-delay: .75s;
}

.bridal-btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: -120%;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.15);
    transform: skewX(-25deg);
    transition: .6s ease;
}

.bridal-btn:hover::before {
    left: 120%;
}

.bridal-btn:hover {
    background: #a92c3a;
    padding-left: 24px;
}

.btn-arrow {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    transition: .4s ease;
}

.btn-arrow svg {
    width: 24px;
    height: 24px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.bridal-btn:hover .btn-arrow {
    transform: translateX(5px);
}

/* ================================
   IMAGE WRAPPER
================================ */

.bridal-img {
    position: absolute;
    width: 220px;
    height: 220px;
    z-index: 5;
    transition: .5s ease;
}

/* Image itself */
.shape-image {
    position: absolute;
    inset: 10px;
    overflow: hidden;
    clip-path: polygon(
        30% 4%,
        68% 8%,
        96% 30%,
        94% 70%,
        70% 96%,
        30% 94%,
        5% 70%,
        6% 30%
    );
}

.shape-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: top;
    display: block;
    transform: scale(1);
    transition: transform .8s cubic-bezier(.2,.8,.2,1),
        filter .5s ease;
}

.hex-img {
    position: relative;
    width: 240px;
    height: 240px;
}

/* Image */
.hex-img img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
    clip-path: polygon(
        27% 5%,
        70% 10%,
        96% 40%,
        85% 78%,
        52% 97%,
        12% 80%,
        4% 42%
    );
    transform: scale(.90);
    transition: transform .6s ease;
    border: 1px solid rgba(210, 210, 210, .9);
    object-position: top;
}

/* SVG border */
.hex-border {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    overflow: visible;
}

/* Border line */
.hex-border polygon {
    fill: none;
    stroke: rgba(210, 210, 210, .85) /*#0f5b4f*/;
    stroke-width: 2;
    stroke-linejoin: round;
    vector-effect: non-scaling-stroke;
}

/* Rotated second border */
.hex-border-inner {
    transform: rotate(8deg);
    transform-origin: center;
    display: none;
}

.hex-border-inner polygon {
    stroke: rgba(190, 190, 190, .65);
    stroke-width: 1.5;
}

/* Hover */
.hex-img:hover img {
    transform: scale(.96);
}

.hex-img:hover .hex-border polygon {
    stroke: #fff;
}

/* Animation */
.hex-img {
    animation: hexFloat 5s ease-in-out infinite;
}


@keyframes hexFloat {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(-10px);
    }
}


/* ================================
   SVG BORDER
================================ */

.shape-border {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
    pointer-events: none;
}


.shape-border polygon {
    fill: none;
    stroke: rgba(220,220,220,.75);
    stroke-width: 1.8;
    vector-effect: non-scaling-stroke;
    stroke-linejoin: round;
    transition: .5s ease;
}


/* Second decorative border */
.bridal-img::after {
    content: "";
    position: absolute;
    inset: 18px;
    border: 1px solid rgba(255,255,255,.28);
    clip-path: polygon(
        30% 4%,
        68% 8%,
        96% 30%,
        94% 70%,
        70% 96%,
        30% 94%,
        5% 70%,
        6% 30%
    );

    transform: rotate(7deg);
    pointer-events: none;
}


/* ================================
   HOVER EFFECT
================================ */

.bridal-img:hover {
    z-index: 20;
    transform: scale(1.08) rotate(0deg) !important;
}


.bridal-img:hover img {
    transform: scale(1.18);
    filter: brightness(1.08);
}


.bridal-img:hover .shape-border polygon {
    stroke: #fff;
    stroke-width: 2.3;
}


/* ================================
   IMAGE POSITIONS
================================ */

/*** Featured Collection New ***/
.featured-category-inner {
    background: #efeaff;
    padding: 70px 0px 80px;
}
.featured-category-inner .feature-category-item:after {
    display: none;
}
.featured-category-inner .feature-category-wrapper {
    display: flex;
    column-gap: 80px;
    justify-content: center;
    /* grid-template-columns: repeat(4, 1fr); */
    row-gap: 90px;
}
.featured-category-inner .comman-container {
    padding-left: 5%;
    padding-right: 5%;
}
.featured-category-inner .feature-cat-img {
    position: relative;
}
.featured-category-inner .feature-category-item img {
    box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.2);
    border-radius: 10px;
    object-position: top;
        z-index: 1;
    position: relative;
}
.featured-category-inner .feature-category-item {
    overflow: visible;
    border-radius: 0px;
    flex: 0 0 calc(25% - 60px);
}
.collection-brd {
    width: 100%;
    height: 100%;
    border: 1px solid #164c74;
    position: absolute;
    top: -15px;
    right: -15px;
    z-index: 0;
    border-radius: 10px;
    box-shadow: 0px 0px 2px 2px rgba(0, 0, 0, 0.1);
    transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
}
.featured-category-inner .feature-category-item:hover .collection-brd {
    top: 15px;
    right: 15px;
    transform: scale(1.16) translateY(-5px);
}
.featured-category-inner .sec-head {
    margin-bottom: 70px;
}
.featured-category-inner .feature-category-item .feature-category-overlay {
    position: inherit;
}
.featured-category-inner .feature-category-item .feature-category-overlay h5 a {
    color: #164c74;
}
.featured-category-inner .feature-category-item:hover .feature-category-overlay {
    transform: translateY(40px);
}
/*** End Featured Collection ***/


/*** Best Seller Section ***/
.our-best-seller-main {
    background: #efeaff;
    padding: 70px 0px;
}
.our-best-seller-inner {
    padding: 0;
    max-width: 1200px;
    margin: 0px auto;
}
.our-best-seller-inner1 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
}
.btn-view-alll-txt {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 7px;
    width: fit-content;
    text-decoration: none;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 40px;
    padding-bottom: 8px;
}
.btn-view-alll-txt .btn-arrow {
    border-radius: 50%;
    border: 1px solid #a5a5a5;
    width: 32px;
    height: 32px;
    padding: 5px;
}
.btn-view-alll-txt .btn-arrow svg {
    stroke: #a5a5a5;
}
.btn-view-alll-txt:before {
    content: "";
    background: #a5a5a5;
    width: 100%;
    position: absolute;
    bottom: 0px;
    height: 1px;
}
.review-sec-left {
    display: flex;
    align-items: center;
    gap: 15px;
}
.review-sec-left-inner {
    display: flex;
    align-items: center;
}
.review-sec-img {
    overflow: hidden;
    border: 1px solid #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}
.review-sec-img+.review-sec-img {
    margin-left: -12px;
}
.review-txt-right h5 {
    color: #fff;
    font-size: 16px;
    margin: 0px;
}
.review-txt-right .stars span {
    font-size: 14px;
    letter-spacing: 0px;
    color: #fff;
}
.sec-img-best-left img, .sec-img-best-center img, .sec-img-best-right img {
    transition: all 0.4s ease-in-out;
}
.sec-img-best-left:hover img, .sec-img-best-center:hover img, .sec-img-best-right:hover img {
    transform: scale(1.2);
}
.sec-img-best-left {
    border: 2px solid #a5a5a5;
    border-radius: 15px;
    overflow: hidden;
}
.our-best-seller-left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 50px;
}
.our-best-seller-right {
    display: flex;
    flex-direction: column;
    gap: 50px;
    justify-content: center;
}
.sec-img-best-right {
    border: 2px solid #a5a5a5;
    border-radius: 15px;
    overflow: hidden;
}
.sec-img-best-center {
    border: 2px solid #a5a5a5;
    border-radius: 15px;
    overflow: hidden;
}
.our-best-seller-center {
    display: flex;
    flex-direction: column;
    gap: 40px;
}
.our-best-seller-center .curated {
    color: #164c74;
}
.our-best-seller-center .curated:before, .our-best-seller-center .curated:after {
    background: #164c74;
}
.our-best-seller-center .featured-title {
    font-size: 50px;
    color: #164c74;
}
.our-best-seller-center p {
    color: #164c74;
    font-size: 16px;
    margin: 0px;
}
/*** End Best Seller Section ***/


/*** Discover Section ***/
.discover-section-main {
    background: #f8f1e7;
    padding: 80px 0px;
}
.discover-section-main-inner {
    max-width: 1400px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 48px 32px;
}
.discover-intro {
    grid-column: span 2;

    min-height: 220px;

    display: flex;
    flex-direction: column;
    justify-content: space-between;

    padding-right: 20px;
}

.discover-intro h2 {
    margin: 0;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 72px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 1.5px;
    color: #164c74;
}
/*.discover-cta {
    display: flex;
    align-items: center;
    gap: 18px;
}*/

.discover-cta {
    display: flex;
    align-items: center;
    gap: 18px;
    border-bottom: 1px solid #3d627c;
    width: fit-content;
    padding-bottom: 7px;
}

.discover-cta span {
    font-family: "Outfit", sans-serif;
    font-size: 15px;
    font-weight: 400;

    color: #164c74;
}

.discover-arrow {
    width: 40px;
    height: 40px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #164c74;
    border-radius: 50%;

    text-decoration: none;

    transition:
        transform 0.7s cubic-bezier(.22, 1, .36, 1),
        background 0.5s ease;
}

.discover-arrow svg {
    width: 17px;
    height: 17px;

    stroke: #fff;
    stroke-width: 1.5;
    stroke-linecap: round;
    stroke-linejoin: round;

    transition: transform 0.6s ease;
}

.discover-arrow:hover {
    transform: scale(1.12);
    background: #742934;
}

.discover-arrow:hover svg {
    transform: translateX(3px);
}
.jewellery-card {
    display: block;

    text-decoration: none;

    color: inherit;

    min-width: 0;
}

.jewellery-image {
    width: 100%;
    aspect-ratio: 1 / 1;

    overflow: hidden;
    border-radius: 13px;

    background: #ddd;
    box-shadow: 0px 3px 0px 0px rgba(0, 0, 0, 0.1);
}

.jewellery-image img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 1.2s cubic-bezier(.22, 1, .36, 1),
        filter 0.8s ease;
}

.jewellery-card h3 {
    margin: 14px 0 0;

    text-align: center;

    font-family: "DM Serif Display", Georgia, serif;
    font-size: 21px;
    font-weight: 400;
    line-height: 1.2;

    color: #164c74;

    transition:
        color 0.5s ease,
        transform 0.6s ease;
}
.jewellery-card:hover .jewellery-image img {
    transform: scale(1.08);
}

.jewellery-card:hover h3 {
    color: #742934;
    transform: translateY(-3px);
}
.jewellery-image {
    position: relative;
}

.jewellery-image::after {
    content: "";

    position: absolute;
    inset: 0;

    background: linear-gradient(
        180deg,
        rgba(0, 0, 0, 0) 55%,
        rgba(0, 0, 0, 0.12) 100%
    );

    opacity: 0;

    transition: opacity 0.8s ease;
}

.jewellery-card:hover .jewellery-image::after {
    opacity: 1;
}

@media (max-width: 767px) {
    .discover-section-main-inner {
        grid-template-columns: repeat(2, 1fr);
        gap: 28px 14px;
    }

    .discover-intro {
        grid-column: span 2;
        gap: 25px;
    }

    .discover-intro h2 {
        font-size: 39px;
        line-height: 1.15;
        letter-spacing: -0.8px;
    }

    .discover-cta {
        gap: 12px;
    }

    .discover-cta span {
        font-size: 11px;
    }

    .discover-arrow {
        width: 38px;
        height: 38px;
    }

    .jewellery-image {
        border-radius: 10px;
    }

    .jewellery-card h3 {
        margin-top: 10px;
        font-size: 17px;
    }

}

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

    .discover-section-main-inner {
        grid-template-columns: repeat(2, 1fr);
        gap: 35px 20px;
    }

    .discover-intro {
        grid-column: span 2;
        min-height: auto;
        padding-right: 0;
        gap: 35px;
    }

    .discover-intro h2 {
        font-size: clamp(40px, 6vw, 55px);
    }

}

/*** End Discover Section ***/

/*** Occasion Section ***/

.occasion-section {
    width: 100%;
    padding: 80px 0px;
    background: #eac6b5;
}

.occasion-container {
    max-width: 1400px;
    margin: 0 auto;

    display: grid;
    grid-template-columns: 2.5fr 1fr;
    gap: 35px;

    align-items: stretch;
}

.occasion-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px 30px;
}

.occasion-card {
    display: block;

    text-decoration: none;

    background: #f8f0e7;

    border-radius: 15px;
    overflow: hidden;

    transition:
        transform 0.8s cubic-bezier(.22, 1, .36, 1),
        box-shadow 0.8s ease;
}

.occasion-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 15px 35px rgba(75, 42, 32, 0.12);
}

.occasion-img {
    width: 100%;
    height: 200px;

    overflow: hidden;
}

.occasion-img img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    transition:
        transform 1.2s cubic-bezier(.22, 1, .36, 1);
}

.occasion-card:hover .occasion-img img {
    transform: scale(1.08);
}

.occasion-name {
    height: 44px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-family: "Outfit", sans-serif;

    font-size: 15px;
    font-weight: 500;

    color: #164c74;

    background: #f8f0e7;

    transition:
        color 0.5s ease,
        letter-spacing 0.5s ease;
}

.occasion-card:hover .occasion-name {
    color: #762c37;
    letter-spacing: 0.4px;
}

.occasion-content {
    display: flex;
    align-items: center;

    padding: 20px 0 20px 0;
}

.occasion-content-inner {
    width: 100%;
}

.occasion-content h2 {
    margin: 0 0 55px;
    font-family: "DM Serif Display", Georgia, serif;
    font-size: 34px;
    font-weight: 400;
    line-height: 1.2;
    letter-spacing: 1.5px;
    color: #164c74;
}

.occasion-content p {
    margin: 0 0 15px;

    font-family: "Outfit", sans-serif;

    font-size: 16px;
    font-weight: 400;

    line-height: 1.35;

    color: #61958e;
}

.occasion-btn {
    display: inline-flex;
    align-items: center;

    gap: 10px;

    text-decoration: none;

    font-family: "Outfit", sans-serif;

    font-size: 15px;

    color: #164c74;
}

.occasion-btn i {
    width: 25px;
    height: 25px;

    display: flex;
    align-items: center;
    justify-content: center;

    background: #11675e;

    border-radius: 50%;

    font-style: normal;

    transition:
        transform 0.7s cubic-bezier(.22, 1, .36, 1),
        background 0.5s ease;
}

.occasion-btn svg {
    width: 12px;
    height: 12px;

    stroke: #fff;

    stroke-width: 1.5;

    stroke-linecap: round;
    stroke-linejoin: round;

    transition: transform 0.6s ease;
}

.occasion-btn:hover i {
    transform: scale(1.12);
    background: #762c37;
}

.occasion-btn:hover svg {
    transform: translateX(3px);
}

@media (max-width: 767px) {

    .occasion-section {
        padding: 20px 15px;
    }

    .occasion-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }

    .occasion-img {
        height: 125px;
    }

    .occasion-name {
        height: 42px;
        font-size: 14px;
    }

    .occasion-content {
        padding: 15px 5px 25px;
    }

    .occasion-content h2 {
        font-size: 28px;
        line-height: 1.35;
        margin-bottom: 30px;
    }

    .occasion-content p {
        font-size: 14px;
    }

}

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

    .occasion-section {
        padding: 25px;
    }

    .occasion-container {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .occasion-content {
        padding: 10px 0 20px;
    }

    .occasion-content h2 {
        margin-bottom: 30px;
    }

}

/*** End Occasion Section ***/

/* Top left */
.bridal-img-1 {
    top: 25px;
    left: 0;
    transform: rotate(-5deg);
    animation: bridalFloat1 5s ease-in-out infinite;
}


/* Top center */
.bridal-img-2 {
    top: 30px;
    left: 460px;
    transform: rotate(4deg);
    animation: bridalFloat2 6s ease-in-out infinite;
}


/* Top right */
.bridal-img-3 {
    top: 60px;
    right: 80px;
    transform: rotate(-5deg);
    animation: bridalFloat3 5.5s ease-in-out infinite;
}


/* Bottom left */
.bridal-img-4 {
    bottom: 25px;
    left: 0;
    transform: rotate(4deg);
    animation: bridalFloat2 5.8s ease-in-out infinite;
}


/* Bottom center */
.bridal-img-5 {
    bottom: 85px;
    left: 460px;
    transform: rotate(-3deg);
    animation: bridalFloat1 6s ease-in-out infinite;
}


/* Add sixth image if required */
.bridal-img-6 {
    bottom: 75px;
    right: 80px;
    transform: rotate(5deg);
    animation: bridalFloat3 5s ease-in-out infinite;
}


/* ================================
   FLOAT ANIMATIONS
================================ */

@keyframes bridalFloat1 {

    0%,
    100% {
        transform:
            translateY(0)
            rotate(-5deg);
    }

    50% {
        transform:
            translateY(-12px)
            rotate(-2deg);
    }
}


@keyframes bridalFloat2 {

    0%,
    100% {
        transform:
            translateY(0)
            rotate(4deg);
    }

    50% {
        transform:
            translateY(14px)
            rotate(7deg);
    }
}


@keyframes bridalFloat3 {

    0%,
    100% {
        transform:
            translateY(0)
            rotate(-5deg);
    }

    50% {
        transform:
            translateY(-15px)
            rotate(-1deg);
    }
}


/* Background movement */

@keyframes bridalBgZoom {

    0% {
        transform: scale(1.04);
    }

    100% {
        transform: scale(1.10);
    }
}


/* Content animation */

@keyframes bridalFadeUp {

    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}


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

@media (max-width: 1199px) {

    .bridal-container {
        max-width: 1000px;
    }

    .bridal-content {
        width: 560px;
    }

    .bridal-img {
        width: 190px;
        height: 190px;
    }

    .bridal-img-2,
    .bridal-img-5 {
        left: 300px;
    }
}


@media (max-width: 991px) {

    .bridal-hero {
        min-height: 900px;
    }

    .bridal-container {
        height: 900px;
    }

    .bridal-content {
        left: 40px;
        top: 48%;
        width: 500px;
    }

    .bridal-content h1 {
        font-size: 60px;
    }

    .bridal-img {
        width: 160px;
        height: 160px;
    }

    .bridal-img-1 {
        left: 20px;
    }

    .bridal-img-2 {
        left: 300px;
    }

    .bridal-img-3 {
        right: 20px;
    }

    .bridal-img-4 {
        left: 20px;
    }

    .bridal-img-5 {
        left: 300px;
    }
}


@media (max-width: 767px) {

    .bridal-hero {
        min-height: 850px;
    }

    .bridal-container {
        height: 850px;
    }

    .bridal-content {
        position: absolute;

        left: 20px;
        right: 20px;
        top: 48%;

        width: auto;

        text-align: center;
    }

    .bridal-content h1 {
        font-size: 48px;
        letter-spacing: -1px;
    }

    .bridal-content p {
        font-size: 13px;
        margin-left: auto;
        margin-right: auto;
    }

    .bridal-small-title {
        font-size: 9px;
        letter-spacing: 3px;
    }

    .bridal-img {
        width: 125px;
        height: 125px;
    }

    /* Top images */
    .bridal-img-1 {
        top: 25px;
        left: 10px;
    }

    .bridal-img-2 {
        top: 30px;
        left: 50%;
        transform: translateX(-50%);
    }

    .bridal-img-3 {
        top: 25px;
        right: 10px;
    }

    /* Bottom images */
    .bridal-img-4 {
        bottom: 25px;
        left: 30px;
    }

    .bridal-img-5 {
        bottom: 30px;
        left: 50%;
        transform: translateX(-50%);
    }

    .bridal-img-6 {
        bottom: 25px;
        right: 30px;
    }
}


@media (max-width: 480px) {

    .bridal-hero {
        min-height: 760px;
    }

    .bridal-container {
        height: 760px;
    }

    .bridal-content {
        top: 47%;
    }

    .bridal-content h1 {
        font-size: 39px;
    }

    .bridal-content p {
        font-size: 12px;
        line-height: 1.5;
    }

    .bridal-img {
        width: 105px;
        height: 105px;
    }

    .bridal-img-1 {
        left: -2px;
        top: 25px;
    }

    .bridal-img-2 {
        top: 20px;
    }

    .bridal-img-3 {
        right: -2px;
        top: 25px;
    }

    .bridal-img-4 {
        left: 0;
        bottom: 20px;
    }

    .bridal-img-5 {
        bottom: 25px;
    }

    .bridal-img-6 {
        right: 0;
        bottom: 20px;
    }
}



.ethnic_section .ehtinic_content { position: absolute; width: 100%; height: 100%; background: linear-gradient(3deg, rgba(0, 0, 0, 0.73), transparent, transparent); display: flex; flex-direction: column;
justify-content: end; color: white; padding: 0rem 8rem 4rem; z-index: 1; align-items: center; text-align: center;}
.ethnic_section .ehtinic_content h2 {  font-size: 3rem; font-weight: 300; color: white;}
.ethnic_section .ehtinic_content p { font-size: 16px; line-height: 24px; letter-spacing: 1px; opacity: 0.9;}

.ethnic_gallery {display: grid;column-gap: 2rem;grid-template-columns: repeat(4, 1fr);row-gap: 4rem;}
.gallery_item{ overflow:hidden; border-radius:18px; position: relative; border: solid 10px #fff; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;}
.gallery_item img{ width:100%; height:100%; object-fit:cover; display:block; transition:.4s;}

.ethnic_wrapper .column-one {gap: 2rem;display: flex;flex-direction: column;background: #e3f3ff;padding-bottom: 20px;border-radius: 125px 125px 50px 50px;transition: all 0.3s ease-in-out;}
.ethnic_wrapper .column-one:hover {box-shadow: 0 0 10px #8db6d5;}
.ethnic_wrapper .column-one.two { margin-top: -10rem;}
.galler-img-list {overflow: hidden;border-radius: 125px;}
.galler-img-list img {aspect-ratio: 1/1.4;transition: all 0.5s ease-in-out;}
.ethnic_wrapper .column-one:hover .galler-img-list img {transform: scale(1.2);}

.ethnic_wrapper .top-corner { position: absolute; z-index: 1; top: 0;}
.gallery_item.wide .top-corner { top: inherit; bottom: 0; transform: rotate(180deg);}

.gallery_item:hover img{ transform:scale(1.05);}
.gallery_item.tall{ grid-row:span 2;}
.gallery_item.tall img { aspect-ratio: 9/16;}
.gallery_item.wide{grid-column:span 1;}
.gallery_item.wide img, .gallery_item img { aspect-ratio: 1/1; object-fit: cover;}

.ethnic_content{ max-width:550px;}
.sub_title{ display:inline-block; color:var(--primary); font-size:14px; text-transform:uppercase; letter-spacing:2px; margin-bottom:15px;}
.ethnic_content h2{ font-size:5rem; line-height:1.1; margin-bottom:25px; color:var(--primary); font-weight: 400; }
.ethnic_content p{ color:var(--text-light); line-height:1.9; margin-bottom:20px;}

.ehtinic_content {text-align: center;padding: 0px 20px;}
.ehtinic_content h2 {color: #164c74;}
.ehtinic_content p {color: #7a7a7a;margin: 0px;}
.slick-dots li button:before,
.slick-dots li button::after { display: none;}

.big-image-section { /*background: url(../images/section_bg1.png) no-repeat center top;*/ background: #0d3756; max-width: 1600px; margin: 8rem auto; display: grid; grid-template-columns:  0.8fr 1fr; border-radius: 3rem; overflow: hidden;}
.big-image-section .left-card { position: relative; display: flex; align-items: end;}
.big-image-section .left-card .content { position: absolute; top: 0; width: 100%; height: 100%; color: wheat;display: flex; flex-direction: column; align-items: center; justify-content: flex-end;padding-bottom: 5rem; background: linear-gradient(359deg, #0d3756, transparent, transparent);}

.big-image-section .left-card .content h2 {font-size: 7rem; color: white; letter-spacing: 7px; font-weight: 500;}
.big-image-section .left-card .content h2 + p { font-size: 18px;letter-spacing: 1px; max-width: 400px; text-align: center;line-height: 26px;}
.big-image-section .left-card .content a{ background: #4784b1; color: #fff; display: inline-flex;text-decoration: none;padding: 1rem 4rem; font-size: 18px; letter-spacing: 4px;    align-items: center; justify-content: center; gap: 8px; font-weight: 800; text-transform: uppercase; margin-top: 3rem; position: relative; overflow: hidden; transition: .4s ease;}

/* Shine Effect */
.big-image-section .left-card .content a::before{ content:""; position:absolute; top:0; left:-120%; width:60px; height:100%; background:linear-gradient( 90deg,transparent,rgba(255,255,255,.5),transparent);
transform:skewX(-25deg); transition:.7s ease;}

.big-image-section .left-card .content a:hover{ transform:translateY(-4px); box-shadow:0 15px 30px rgba(0,0,0,.15);}
.big-image-section .left-card .content a:hover::before{ left:130%;}

.big-image-section .right-card { gap: 7rem; padding: 5rem; width: 100%; display: flex; flex-direction: column; justify-content: center;}
.big-image-section .right-card .column { display: flex; justify-content: space-evenly;}
.big-image-section .right-card .image-card { position: relative; overflow: hidden; border-radius: 125px; display: block; border: solid 2px #fff;}
.big-image-section .right-card .image-card img {  width: 100%; height: 100%; object-fit: cover; max-width: 340px; transition: all 0.5s ease; border-radius: 125px;}
.big-image-section .right-card .image-card .title {position: absolute;width: 100%;bottom: -50px;color: white;display: flex;background: linear-gradient(45deg, #0d3756, transparent);font-size: 18px;letter-spacing: 1px;left: 0;transition: all 0.5s ease-in-out;padding: 1rem 4rem;align-items: center;justify-content: center;}
.big-image-section .right-card .image-card:hover .title {bottom: 22px;}
.big-image-section .right-card .image-card:hover img {transform: scale(1.1);}

.ethnic-showcase{ position:relative; overflow:hidden; padding:10rem 0; background: radial-gradient(circle at top left, var(--primary-100), transparent 40%), radial-gradient(circle at bottom right, var(--secondary-100), transparent 40%), var(--bg);}
.ethnic-showcase .container {width: 100%;margin: auto;max-width: 90%;}
.ethnic-content-btn {text-align: center;margin-top: 60px;}
.ethnic-showcase .ethnic-card svg.frame-border{ position:absolute; inset:0;width:100%; height:100%; display:block; pointer-events:none;}

/* Content */

.ethnic-showcase .sub-title{ display:inline-block; color:var(--primary); letter-spacing:3px; text-transform:uppercase; margin-bottom:15px;}
.ethnic-showcase .ethnic-content h2{ font-size:clamp(24px,5vw,5rem); font-weight: 700; line-height:1.1; color:var(--text); margin-bottom:20px;}
.ethnic-showcase .ethnic-content p{ max-width:550px; font-size:18px; line-height:1.8; color:var(--text-light); margin-bottom:35px;}

/* Card */
.ethnic-showcase .ethnic-card{ width:100%; max-width:400px; aspect-ratio:5/7; filter:drop-shadow(0 20px 30px rgba(0,0,0,.15));}
.ethnic-showcase .ethnic-card .ethnic-image{ width:100%; height:100%; position:relative; -webkit-mask:url("../images/ethnic-frame.svg") center/100% 100% no-repeat; mask:url("../images/ethnic-frame.svg") center/100% 100% no-repeat; background: url("../images/ethnic-frame.svg") center/100% 100% no-repeat;}

.ethnic-showcase .ethnic-card .ethnic-image img{ width:100%; height:100%; object-fit:cover; display:block;}
.ethnic-showcase .ethnic-image-wrap{ display:flex; justify-content:center; align-items: flex-start;}

.ethnic-showcase .ethnic-card .ethnic-content h3 { font-size: 2.2rem; letter-spacing: 1px; text-align: center; font-family: var(--body-font);color: #164c74;}
.ethnic-showcase .ethnic-card .ethnic-content .link {position: absolute;top: 80%;left: -40px;display: inline-block;background: #164c74;right: 0;margin: auto;max-width: 210px;opacity: 0;transition: all 0.4s ease;text-align: center;border-radius: 30px;}
.ethnic-showcase .ethnic-card .ethnic-content .link:hover { background: #0d3756;}
.ethnic-showcase .ethnic-card .ethnic-content .link  a {padding: 1rem 2rem 1rem 2rem;display: block;color: #fff;text-decoration: none;font-size: 16px;text-transform: uppercase;font-weight: 600;letter-spacing: 1px;}
.ethnic-showcase .ethnic-card:hover .link { left: 0; opacity: 1; }

/* IMAGES GRID SECTION*/
.lookbook-section {padding: 8rem 0;background: #f8f1e7;margin-top: 50px;}
.lookbook-column-inner {display: grid;grid-template-columns: repeat(2, 1fr);gap: 25px;}
.lookbook-column-inner .lookbook-item img {object-position: top;}

.lookbook-section .lookbook-grid { display:flex; gap:25px;}
.lookbook-section .lookbook-column{ display:flex; flex-direction:column; gap:25px;}
.lookbook-section .lookbook-column.left{ width:22.5%;}
.lookbook-section .lookbook-column.center{ width:56%;}
.lookbook-section .lookbook-column.right{ width:22.5%;}
.lookbook-section .lookbook-item{ position:relative; overflow:hidden; border-radius:24px; display:block; border:2px solid #164c74; padding:2px;}
.lookbook-section .lookbook-item img{ width:100%; height:100%;object-fit:cover; display:block; border-radius:22px; transition:.6s ease;}
.lookbook-section .lookbook-item:hover img{ transform:scale(1.08);}

/* Heights */
.lookbook-section .left .small{ aspect-ratio:1/0.8;}
.lookbook-section .left .medium{ aspect-ratio:1/1.2;}
.lookbook-section .center .large{aspect-ratio:16/9;}
.lookbook-section .center .large{aspect-ratio:16/9;}
.lookbook-section .right .tall{ aspect-ratio:1/1.43;}

/* Overlay */

.overlay{ position:absolute; inset:0; display:flex; flex-direction:column; justify-content:flex-end; padding:30px; background:linear-gradient(to top, rgba(0,0,0,.8), rgba(0,0,0,.25), transparent ); color:#fff;
opacity:0; transition:.4s;}
.lookbook-item:hover .overlay{opacity:1;}
.overlay h3{ font-size:28px; margin:0 0 10px;}
.overlay span{ letter-spacing:2px; text-transform:uppercase; font-size:13px;}

/* Mobile */

@media(max-width:991px) {
.lookbook-grid {flex-direction:column;}
.lookbook-column {width:100% !important;}
}

/* Overlay */
.lookbook-section .overlay{ position:absolute; left:0; bottom:0; width:100%; padding:30px; display:flex; flex-direction:column; align-items:flex-start; background:linear-gradient( to top,rgba(0,0,0,.85), rgba(0,0,0,.45), transparent); opacity:1;}

.lookbook-section .overlay h3{ color: #fff; font-size: 25px; margin-bottom: 10px; transform: translateY(25px); transition: .4s ease; font-family: var(--body-font); font-weight: 300;}
.overlay span{ color:#fff; background:#164c74; backdrop-filter:blur(10px); padding:10px 20px; border-radius:50px; opacity:0; transform:translateY(20px); transition:.4s ease;
text-transform: uppercase;}
/* Hover */
.lookbook-section .overlay span:hover { background: #78281f;}
.lookbook-item:hover img{ transform:scale(1.08);}
.lookbook-item:hover .overlay span{ opacity:1; transform:translateY(0);}
.lookbook-item:hover .overlay h3{ transform:translateY(0);}

/* Mobile */

@media(max-width:991px) {
.lookbook-grid {grid-template-columns:1fr;}
.lookbook-item.large {grid-row:auto;aspect-ratio:4/5;}
}

/* TESTIMONAIL SECTION --------------------------------------------------------------*/
.ethnic-testimonial{ padding:10rem 0; background:var(--bg); position:relative; overflow:hidden;}
.ethnic-testimonial .container{ max-width:90%;}
.ethnic-testimonial .testimonial-rope{ position:absolute; top:250px; left:0; width:100%; height:2px; background:#641e16; z-index:1;}
.ethnic-testimonial .testimonial-slider{ position:relative; z-index:2;}
.ethnic-testimonial .hanging-card{ background:#fff9f7; padding:14px; margin:40px 15px; border-radius:12px; box-shadow:0 15px 40px rgba(0,0,0,.08); transition:.4s; position:relative;}
.ethnic-testimonial .hanging-card:hover{ transform:translateY(-12px) rotate(0deg);}
.ethnic-testimonial .rotate-left{ transform:rotate(-4deg);}
.ethnic-testimonial .rotate-right{ transform:rotate(4deg);}
.ethnic-testimonial .clip{  width:28px;  height:35px; background:#f2d7d5; border-radius:3px; position:absolute; top:-18px; left:50%; transform:translateX(-50%); /*box-shadow:0 2px 6px rgba(0,0,0,.2);*/}
.ethnic-testimonial .clip::after{ content:''; width:12px; height:12px; border-radius:50%; background:#641e16; position:absolute; top:11px; left:8px;}
.ethnic-testimonial .card-image{ aspect-ratio:1/1; overflow:hidden;}
.ethnic-testimonial .card-image img{ width:100%; height:100%; object-fit:cover; display:block;}

.ethnic-testimonial .card-content{ padding:20px 10px 10px;}
.ethnic-testimonial .stars{ color:#641e16; font-size:18px; margin-bottom:12px; letter-spacing:2px;}
.ethnic-testimonial .card-content p{ font-size:15px; line-height:1.8; color:var(--text-light); margin-bottom:15px;}
.ethnic-testimonial .card-content h4{ font-size:18px; margin-bottom:3px;}
.ethnic-testimonial .card-content span{ color:var(--text-light); font-size:14px;}

.testimonial-prev,
.testimonial-next{ position:absolute; top:50%; transform:translateY(-50%); width:4rem; height:4rem; border:none; border-radius:50%; background:#fff; color:var(--text); box-shadow:0 10px 25px rgba(0,0,0,.12); cursor:pointer;
 z-index:99; transition:.3s ease;}
.testimonial-prev{ left:-25px;}
.testimonial-next{ right:-25px;}
.testimonial-prev:hover,
.testimonial-next:hover{ background:var(--primary); color:#fff;}

/* NEWSLETTER SECTION---------------------------------- */
.newsletter-section {position:relative;overflow:hidden;background: url(../images/newsletter_bg.png) no-repeat center;padding:8rem 0;}
.newsletter-section .heading {writing-mode:vertical-lr;transform:rotate(180deg);letter-spacing:3px;color:var(--text-light);text-transform:uppercase;align-self: baseline;margin-left: 1.8rem;}
.newsletter-section .container {position:relative;max-width:1400px;}
.newsletter-content {max-width:900px;margin:auto;text-align:center;}
.newsletter-tag {display: inline-flex;align-items: center;gap: 15px;font-size: 13px;letter-spacing: 2px;text-transform: uppercase;color: #164c74;}
.newsletter-tag::before, .newsletter-tag::after {content: "";width: 45px;height: 1px;background: #164c74;}
.newsletter-content h2 {font-size: 38px;letter-spacing: 2px;margin-bottom: 15px;margin-top: 10px;}
.newsletter-content h2 span {color:#164c74;}
.newsletter-content p {max-width:700px;margin:auto;font-size:15px;line-height:1.4;color:var(--text-light);}
.newsletter-form {max-width:800px;margin:5rem auto 0;background:#fff;border-radius:80px;padding:10px;display:flex;align-items:center;box-shadow: 0 20px 60px rgba(0,0,0,.08);}
.newsletter-form input {flex:1;border:none;outline:none;background:none;padding:0 35px;height:6rem;font-size:18px;}
.newsletter-form button {height:6rem;min-width:220px;border:none;border-radius:60px;background:#164c74;color:#fff;font-size:16px;font-weight:700;letter-spacing:3px;text-transform:uppercase;cursor:pointer;transition:.4s;}
.newsletter-form button:hover {transform:translateY(-3px);}
.newsletter-benefits {margin-top:4rem;display:flex;justify-content:center;gap:50px;flex-wrap:wrap;}
.newsletter-benefits li {list-style:none;color:var(--text-light);font-size:18px;}
.newsletter-benefits li::before {content:"✦";color:#164c74;margin-right:10px;}

/* Social */
.social-connect {position:absolute;left:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:15px;}
.social-link {width:5rem;height:5rem;display:flex;align-items:center;overflow:hidden;border-radius:60px;text-decoration:none;background-color:#fff;color: #240116;transition:.4s ease;box-shadow:0 10px 25px rgba(0,0,0,.08);}
.social-link i {min-width:5rem;display:flex;align-items:center;justify-content:center;font-size:18px;}
.social-link span {white-space:nowrap;padding-right:20px;font-weight:600;opacity:0;transform:translateX(10px);transition:.3s ease;}
.social-link:hover {width:180px;}
.social-link:hover span {opacity:1;transform:translateX(0);}

/* Brand Colors */

.social-link.instagram:hover {background:#164c74;color: white;}
.social-link.facebook:hover {background:#164c74;color: white;}
.social-link.pinterest:hover {background:#164c74;color: white;}
.social-link.youtube:hover {background:#164c74;color: white;}

/* INSTAGRAM SECTION-------- */
.instagram-section {padding:10rem 0; background:var(--bg); overflow: hidden;}
.instagram-section .section-title {margin-bottom: 5px;}
.instagram-section .section-head{ text-align:center; margin-bottom:5rem;}
.instagram-section .section-head span, span.small-heading{ color:var(--primary); text-transform:uppercase; letter-spacing:3px;}
.instagram-section { font-size: 16px; margin-top: 0;}


.insta-card{display:block; position:relative; overflow:hidden; border-radius:20px; aspect-ratio:2/3; margin: 0 10px;}
.insta-card img{ width:100%; height:100%; object-fit:cover; transition:.5s ease;}
.insta-card .overlay{ position:absolute; inset:0; display:flex; justify-content:center; align-items:center; background:rgba(0,0,0,.35); opacity:0; transition:.4s ease; font-size: 4rem;}
.insta-card .overlay i{ color:#fff; font-size:6rem; transform:scale(.5); transition:.4s ease;}
.insta-card:hover img{transform:scale(1.08);}
.insta-card:hover .overlay{ opacity:1;}
.insta-card:hover .overlay span{ transform:scale(1);}

.instagram-slider .insta-prev,
.instagram-slider .insta-next { position: absolute; top: 45%; z-index: 2;}

.instagram-slider .insta-prev { left: 20px;}
.instagram-slider .insta-next { right: 10px;}


/* BLOG SECTION------------------------------------------------- */
.blog-section {
    padding: 5rem 0;
    overflow:hidden;
}

.blog-slider{
    margin:0 -12px;
}

.blog-item{
    margin:0 12px;
    background:var(--white);
    border-radius:20px;
    overflow:hidden;
    border:1px solid var(--border);
    transition:.4s;
}

.blog-item:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 40px rgba(0,0,0,.08);
}

.blog-image{
    position:relative;
    overflow:hidden;
}

.blog-image img{
    width:100%;
    aspect-ratio:4/3;
    object-fit:cover;
    transition:.5s;
}

.blog-item:hover .blog-image img{
    transform:scale(1.08);
}

.blog-category{
    position:absolute;
    left:15px;
    top:15px;
    background:rgba(255,255,255,.9);
    color:var(--primary);
    padding:.6rem 1rem;
    border-radius:50px;
    font-size:13px;
    font-weight:600;
}

.blog-content{
    padding:24px;
}

.blog-date{
    display:block;
    font-size:14px;
    color:var(--text-light);
    margin-bottom:12px;
}

.blog-content h3{
    font-size:22px;
    line-height:1.5;
    margin-bottom:20px;
    font-family: var(--body-font);
    font-weight: 400;
}

.blog-content h3 a{
    text-decoration:none;
    color:var(--text);
}

.blog-readmore{
    color:var(--primary);
    text-decoration:none;
    font-weight:700;
    position:relative;
}

.blog-readmore::after{
    content:"→";
    margin-left:6px;
    transition:.3s;
}

.blog-readmore:hover::after{
    margin-left:12px;
}

.blog-slider{
    position:relative;
}

.blog-slider .slick-prev,
.blog-slider .slick-next{
    width:5rem;
    height:5rem;
    border:none;
    border-radius:50%;
    background:#fff;
    box-shadow:0 5px 20px rgba(0,0,0,.1);
    display:flex !important;
    color: black;
    align-items:center;
    justify-content:center;
    transition: all 0.4s ease-in;
    z-index:99;
}

.blog-slider .slick-prev:hover,
.blog-slider .slick-next:hover { background-color: var(--primary-500); color: white;}

.blog-slider .slick-prev:before,
.blog-slider .slick-next:before{
    display:none;
}

.blog-slider .slick-prev{
    left:-25px;
}

.blog-slider .slick-next{
    right:-25px;
}

.blog-slider .slick-prev i,
.blog-slider .slick-next i{
    color:var(--primary);
}


/*** Blog Section New ***/
.blog-section-main {
    width: 100%;
    padding: 70px 0px;
}

.blog-container {
    max-width: 1300px;
    margin: 0 auto;
}
.blog-section-inner {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 55px;
    row-gap: 45px;
}
.blog-section-main .sec-head {
    margin-bottom: 70px;
}

.blog-item-main {
    display: flex;
    align-items: center;
    gap: 40px;

    min-height: 145px;
}

.blog-item-main.reverse {
    flex-direction: row-reverse;
}

.blog-image-main {
    width: 250px;
    height: 250px;
    flex: 0 0 250px;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    transition: transform 0.5s cubic-bezier(.2,.8,.2,1);
}

.blog-image-main .image-border {
    position: absolute;

    width: 100%;
    height: 100%;

    top: -9px;
    left: 9px;

    border: 1px solid #164c74;
    border-radius: 5px;

    z-index: -1;

    transition:
        transform 0.5s ease,
        top 0.5s ease,
        left 0.5s ease;
}

.blog-image-main img {
    width: 100%;
    height: 100%;

    display: block;

    object-fit: cover;

    border-radius: 5px;

    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);

    transition:
        transform 0.6s cubic-bezier(.2,.8,.2,1),
        filter 0.6s ease;
}

.blog-item-main:hover .blog-image-main {
    transform: translateY(-5px);
}

.blog-item-main:hover .blog-image-main img {
    transform: scale(1.06);
    filter: brightness(1.03);
}

.blog-item-main:hover .image-border {
    top: -13px;
    left: 13px;
}

.blog-content-main {
    flex: 1;
}

.blog-content-main h3 {
    margin: 0 0 12px;

    font-family: Georgia, serif;
    font-size: 24px;
    font-weight: 500;

    color: #164c74;

    transition:
        color 0.3s ease,
        transform 0.3s ease;
}

.blog-item-main:hover h3 {
    color: #7b2830;
    transform: translateX(3px);
}

.blog-content-main p {
    
    margin: 0 0 13px;

    font-family: Arial, sans-serif;
    font-size: 15px;
    line-height: 1.5;

    color: #555;
}

.blog-btn-main {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    padding: 12px 16px;

    background: #164c74;
    color: #fff;

    text-decoration: none;

    border-radius: 0 10px 0 10px;

    font-family: Arial, sans-serif;
    font-size: 13px;
    font-weight: 500;

    overflow: hidden;

    position: relative;

    transition:
        background 0.35s ease,
        transform 0.35s ease,
        padding 0.35s ease;
}

.blog-btn-main span {
    display: inline-block;

    font-size: 18px;
    line-height: 1;

    transform: translateX(-8px);
    opacity: 0;

    transition:
        transform 0.35s ease,
        opacity 0.35s ease;
}

.blog-btn-main:hover {
    color: #fff;
    background: #4e1720;

    transform: translateY(-3px);

    padding-right: 13px;
}

.blog-btn-main:hover span {
    opacity: 1;
    transform: translateX(0);
}

.blog-image-main {
    overflow: visible;
}

.blog-image-main img {
    transform-origin: center center;
}

@media (max-width: 991px) {

    .blog-container {column-gap: 30px;row-gap: 40px;}

    .blog-item-main {
        gap: 18px;
    }

    .blog-image-main {
        width: 145px;
        height: 125px;
        flex-basis: 145px;
    }

    .blog-content-main h3 {
        font-size: 16px;
    }

    .blog-content-main p {
        font-size: 11px;
    }
}

@media (max-width: 767px) {
.blog-container {grid-template-columns: 1fr;gap: 50px;}
.blog-item-main, .blog-item-main.reverse, .blog-item-main.text-first {flex-direction: row;align-items: center;}
.blog-image-main {width: 150px;height: 125px;flex-basis: 150px;}
.blog-content-main {min-width: 0;}
.blog-content-main h3 {font-size: 16px;}
.blog-content-main p {max-width: 100%;font-size: 11px;}
}

@media (max-width: 480px) {
.blog-item-main, .blog-item-main.reverse, .blog-item-main.text-first {gap: 15px;}
.blog-image-main {width: 125px;height: 110px;flex-basis: 125px;}
.blog-content-main h3 {font-size: 15px;margin-bottom: 8px;}
.blog-content-main p {font-size: 10px;line-height: 1.4;margin-bottom: 10px;}
.blog-btn-main {padding: 9px 12px;font-size: 9px;}
.blog-btn-main span {display: none;}
}

/*** End Blog Section New ***/

/*** Our Process Section ***/
.process-section {position: relative;overflow: hidden;padding: 100px 0 90px;background: #e3f3ff;}
.process-section::before {content: "";position: absolute;width: 500px;height: 500px;top: -280px;left: -180px;border: 1px solid rgb(22 76 116 / 35%);border-radius: 50%;pointer-events: none;}
.process-section::after {content: "";position: absolute;width: 400px;height: 400px;bottom: -250px;right: -180px;border: 1px solid rgb(22 76 116 / 35%);border-radius: 50%;pointer-events: none;}
.process-container {width: 100%;max-width: 100%;margin: auto;position: relative;z-index: 2;padding: 0px 50px;}
.process-section .sec-head {margin-bottom: 60px;}
.process-section .sec-head p {font-size: 15px;color: #555;}
.process-grid-list {display: grid;grid-template-columns: 25% 50% 25%;gap: 20px;}
.process-grid-left-img {display: flex;flex-direction: column;gap: 20px;}
.process-grid-right-img {display: flex;flex-direction: column;gap: 20px;}
.process-main-inner {margin-top: 50px;}
.process-grid-left-img1 {overflow: hidden;border-radius: 10px;position: relative;}
.process-grid-left-img1 img {height: 275px;object-fit: cover;}
.process-grid-center-img {overflow: hidden;border-radius: 10px;height: 100%;position: relative;}
.process-grid-center-img img {height: 100%;object-fit: cover;}
.process-grid-right-img1 {overflow: hidden;border-radius: 10px;position: relative;}
.process-grid-right-img1 img {height: 275px;object-fit: cover;}
.process-overlay {position: absolute;left: 0;bottom: 0;width: 100%;padding: 30px;display: flex;flex-direction: column;align-items: flex-start;background: linear-gradient(to top, rgb(22 76 116 / 90%), rgb(22 76 116 / 60%), transparent);opacity: 1;}
.process-icon1 {width: 6rem;height: 6rem;margin: 0 auto 15px;border-radius: 50%;background: var(--white);display: flex;align-items: center;justify-content: center;transition: .4s;box-shadow: 0 10px 30px rgba(0,0,0,.06);}
.process-top1 .process-icon1 .material-symbols-outlined {font-size: 28px;font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 32;color: #164c74;}
.process-content1 h3 {margin: 0 0 10px;font-size: 19px;font-weight: 500;color: #fff;transform: translateY(35px);transition: all 0.6s ease-in-out;}
.process-top1 {opacity: 0;visibility: hidden;transition: all 0.6s ease-in-out;transform: translateY(50px);}
.process-content1 p {margin: 0;font-family: Arial, sans-serif;font-size: 13px;line-height: 1.7;color: #f5f5f5;opacity: 0;visibility: hidden;transition: all 0.6s ease-in-out;transform: translateY(50px);}
.process-grid-left-img1:hover .process-top1 {opacity: 1;visibility: visible;transform: translateY(0px);}
.process-grid-left-img1:hover .process-content1 h3 {transform: translateY(0px);}
.process-grid-left-img1:hover .process-content1 p {opacity: 1;visibility: visible;transform: translateY(0px);}
.process-grid-center-img:hover .process-top1 {opacity: 1;visibility: visible;transform: translateY(0px);}
.process-grid-center-img:hover .process-content1 h3 {transform: translateY(0px);}
.process-grid-center-img:hover .process-content1 p {opacity: 1;visibility: visible;transform: translateY(0px);}
.process-grid-right-img1:hover .process-top1 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}
.process-grid-right-img1:hover .process-content1 h3 {
    transform: translateY(0px);
}
.process-grid-right-img1:hover .process-content1 p {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
}

.process-icon1:hover {
    color: #fff;
    background: #164c74;
    transform: rotate(8deg) scale(1.08);
    box-shadow: 0px 10px 25px rgba(114,31,42,.22);
}

.process-top1 .process-icon1:hover .material-symbols-outlined {
    color: #fff;
}

.process-heading {
    max-width: 650px;

    margin: 0 auto 65px;

    text-align: center;
}

.process-subtitle {
    display: inline-block;

    margin-bottom: 14px;

    font-family: Arial, sans-serif;

    font-size: 10px;
    font-weight: 600;

    letter-spacing: 3px;

    color: #721f2a;
}

.process-heading h2 {
    margin: 0;

    font-family: Georgia, serif;

    font-size: clamp(38px, 5vw, 58px);

    font-weight: 400;

    line-height: 1.1;

    color: #163f3b;
}

.process-heading h2 em {
    color: #721f2a;

    font-style: italic;
}

.process-heading p {
    max-width: 520px;

    margin: 18px auto 0;

    font-family: Arial, sans-serif;

    font-size: 13px;

    line-height: 1.7;

    color: #716b65;
}

.process-slider {
    width: 100%;

    overflow: hidden;

    position: relative;
}


.process-track {
    display: grid;
    width: max-content;
    gap: 18px;
    grid-template-columns: repeat(3, 1fr);

    /*animation: processSlider 30s linear infinite;
    will-change: transform;*/
}

.process-sec-inner {
    display: grid;
    grid-template-columns: 40% 60%;
    gap: 30px;
}

.process-slider:hover .process-track {animation-play-state: paused;}
.process-card {position: relative;width: 235px;min-height: 290px;flex: 0 0 235px;padding: 28px 25px;background: rgba(255,255,255,.48);border: 1px solid #164c74;border-radius: 5px;margin-bottom: 0px;overflow: hidden;transition: transform .5s cubic-bezier(.2,.8,.2,1), background .5s ease, box-shadow .5s ease, border-color .5s ease;}
.process-card::before {content: "";position: absolute;display: none;width: 70px;height: 70px;top: -35px;right: -35px;border-radius: 50%;background: #164c74;opacity: .09;transition: transform .5s ease, opacity .5s ease;}
.process-top {display: flex;align-items: center;justify-content: space-between;}
.process-number {font-size: 38px;line-height: 1;color: rgb(22 76 116 / 70%);transition: color .4s ease, transform .4s ease;}
.process-icon {width: 62px;height: 62px;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #f4e8dc; border: 1px solid rgba(114,31,42,.15);color: #721f2a;transition: background .5s ease, color .5s ease, transform .6s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease;}
.process-top .process-icon .material-symbols-outlined {font-size: 28px;font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 32;color: #164c74;}
.process-card:hover .process-top .process-icon .material-symbols-outlined {color: #fff;}
.process-card .process-line {position: relative;width: 100%;height: 1px;margin: 30px 0 24px;background: rgba(114,31,42,.15);left: auto;right: auto;top: auto;border: medium none;}
.process-line::after {content: "";position: absolute;left: 0;top: 0;width: 0;height: 1px;background: #721f2a;transition: width .7s ease;}
.process-content h3 {margin: 0 0 13px;font-size: 19px;font-weight: 500;color: #164c74;transition: color .4s ease, transform .4s ease;}
.process-content p {margin: 0;font-family: Arial, sans-serif;font-size: 13px;line-height: 1.7;color: #706a65;}
.process-card:hover {transform: translateY(0px);background: #fffaf4;border-color: rgba(114,31,42,.35);box-shadow: 0 22px 45px rgba(64,39,30,.12);}
.process-card:hover::before {transform: scale(3);opacity: .12;}
.process-card:hover .process-number {color: #721f2a;transform: translateX(5px);}
.process-card:hover .process-icon {color: #fff;background: #164c74;transform: rotate(8deg) scale(1.08);box-shadow: 0 10px 25px rgba(114,31,42,.22);}
.process-card:hover .process-line::after {width: 100%;}
.process-card:hover .process-content h3 {color: #721f2a;transform: translateX(4px);}

@keyframes processSlider {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(calc(-50% - 12.5px));
    }
}

.process-bottom {margin-top: 45px;display: flex;align-items: center;justify-content: center;flex-direction: column;gap: 14px;}
.process-progress {position: relative;display: block;width: 180px;height: 2px;background: rgba(114,31,42,.15);overflow: hidden;}
.process-progress::after {content: "";position: absolute;left: 0;top: 0;width: 55px;height: 100%;background: #721f2a;animation: progressMove 3s ease-in-out infinite;}

@keyframes progressMove {
    0% {
        left: -55px;
    }
    50% {
        left: 90px;
    }
    100% {
        left: 180px;
    }
}

.process-caption {font-family: Arial, sans-serif;font-size: 10px;letter-spacing: 2.5px;color: #174c74;font-weight: 600;}

@media (max-width: 991px) {
.process-section {padding: 80px 0;}
.process-heading {padding: 0 25px;margin-bottom: 50px;}
.process-card {width: 220px;flex-basis: 220px;min-height: 275px;}
}

@media (max-width: 767px) {
.process-section {padding: 65px 0;}
.process-heading {margin-bottom: 40px;}
.process-heading h2 {font-size: 36px;}
.process-heading p {font-size: 12px;}
.process-track {gap: 15px;animation-duration: 25s;}
.process-card {width: 190px;flex-basis: 190px;min-height: 250px;padding: 22px 20px;}
.process-icon {width: 52px;height: 52px;}
.process-icon .material-symbols-outlined {font-size: 24px;}
.process-number {font-size: 31px;}
.process-line {margin: 25px 0 20px;}
.process-content h3 {font-size: 17px;}
.process-content p {font-size: 11px;}
.process-bottom {margin-top: 35px;}
}

@media (prefers-reduced-motion: reduce) {
    .process-track,
    .process-progress::after {animation: none;}

    .process-card,
    .process-icon,
    .process-number {transition: none;}
}
/*** End Our Process Section ***/

/*** Instagram Section ***/
.instagram-section-main {position: relative;overflow: hidden;padding: 90px 0 100px;background: #f8f1e7;}
.instagram-heading {position: relative;z-index: 5;max-width: 600px;margin: 0 auto 55px;text-align: center;}
.instagram-small {display: inline-block;margin-bottom: 12px;font-family: Arial, sans-serif;font-size: 10px;font-weight: 600;letter-spacing: 3px;color: #721f2a;}
.instagram-heading h2 {margin: 0;font-family: Georgia, serif;font-size: clamp(32px, 4vw, 52px);font-weight: 400;line-height: 1.1;color: #163f3b;}
.instagram-heading h2 span {font-style: italic;color: #721f2a;}
.instagram-heading p {max-width: 430px;margin: 18px auto 25px;font-family: Arial, sans-serif;font-size: 13px;line-height: 1.7;color: #68625d;}
.instagram-follow {display: inline-flex;align-items: center;gap: 10px;padding: 13px 20px;border: 1px solid #164c74;border-radius: 40px;color: #164c74;background: transparent;text-decoration: none;font-size: 15px;font-weight: 600;letter-spacing: .3px;margin-top: 10px;transition: color .4s ease, background .4s ease, transform .4s ease, box-shadow .4s ease;}
.instagram-follow:hover {color: #fff;background: #164c74;transform: translateY(-4px);box-shadow: 0 12px 30px rgba(114, 31, 42, .20);}
.instagram-icon {width: 20px;height: 20px;display: flex;align-items: center;justify-content: center;transition: transform .6s ease;}
.instagram-icon svg {width: 20px;height: 20px;}
.instagram-follow:hover .instagram-icon {transform: rotate(360deg);}
.insta-arrow {font-size: 16px;transition: transform .35s ease;}
.instagram-follow:hover .insta-arrow {transform: translate(3px, -3px);}
.instagram-gallery {position: relative;display: flex;flex-direction: column;gap: 75px;width: 100%;}
.instagram-row {display: flex;width: max-content;gap: 18px;will-change: transform;}
.instagram-row-one {animation: instagramLeft 35s linear infinite;}
.instagram-row-two {animation: instagramRight 40s linear infinite;}
/*.instagram-gallery:hover .instagram-row {animation-play-state: paused;}*/
.instagram-card {position: relative;display: block;width: 300px;height: 300px;flex-shrink: 0;overflow: hidden;border-radius: 10px;background: #ddd;text-decoration: none;box-shadow: 0 8px 25px rgba(0, 0, 0, .08);transition: transform .5s cubic-bezier(.2,.8,.2,1), box-shadow .5s ease;}
.instagram-card img {width: 100%;height: 100%;display: block;object-fit: cover;transition: transform .8s cubic-bezier(.2,.8,.2,1), filter .6s ease;}
.instagram-overlay {position: absolute;inset: 0;display: flex;align-items: center;justify-content: center;background: rgba(114, 31, 42, .5);opacity: 0;transition: opacity .45s ease;}
.instagram-overlay span {width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;border: 1px solid #fff;border-radius: 50%;color: #fff;font-size: 25px;transform: scale(.5) rotate(-20deg);transition: transform .5s cubic-bezier(.2,.8,.2,1);}
.instagram-card:hover {z-index: 5;transform: translateY(-8px) scale(1.02);box-shadow: 0px 20px 40px rgba(0, 0, 0, .16);}
.instagram-card:hover img {transform: scale(1.12);filter: brightness(.78) saturate(1.1);}
.instagram-card:hover .instagram-overlay {opacity: 1;}
.instagram-card:hover .instagram-overlay span {transform: scale(1) rotate(0);}
.instagram-card:hover .instagram-overlay span:hover {background: #164c74;border-color: #164c74;color: #fff;}

@keyframes instagramLeft {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-25%);
    }
}

@keyframes instagramRight {
    from {
        transform: translateX(-25%);
    }
    to {
        transform: translateX(0);
    }
}

.instagram-card:nth-child(2n) {transform: translateY(20px);}
/*.instagram-card:nth-child(3n) {transform: translateY(-5px);}*/
.instagram-card:hover {transform: translateY(-10px) scale(1.03);}
.instagram-section-main .sec-head p {font-size: 15px;color: #555;}
.instagram-section-main .sec-head {margin-bottom: 70px;}

@media (max-width: 991px) {
.instagram-section {padding: 70px 0 80px;}
.instagram-card {width: 180px;height: 180px;}
.instagram-row {gap: 14px;}
.instagram-gallery {gap: 14px;}
}

@media (max-width: 767px) {
.instagram-section {padding: 60px 0 70px;}
.instagram-heading {padding: 0 20px;margin-bottom: 40px;}
.instagram-heading h2 {font-size: 34px;}
.instagram-heading p {font-size: 12px;}
.instagram-card {width: 145px;height: 145px;}
.instagram-row {gap: 10px;}
.instagram-gallery {gap: 10px;}
.instagram-overlay span {width: 40px;height: 40px;font-size: 20px;}
}

@media (max-width: 480px) {
.instagram-heading h2 {font-size: 30px;}
.instagram-small {font-size: 9px;letter-spacing: 2px;}
.instagram-card {width: 125px;height: 125px;}
}
/*** End Instagram Section ***/

/*** BRIDAL COLLECTION ***/
.bridal-collection {display:grid;grid-template-columns:40% 50%;min-height:700px;background:radial-gradient(circle at top left, var(--primary-100), transparent 40%), radial-gradient(circle at bottom right, var(--secondary-200), transparent 40%), var(--bg);position: relative;justify-content: center;padding: 20px 3rem;}
.bridal-slide {height: 700px;border-radius: 10px;padding: 1rem;border: 2px solid #164c74;background: #fff;overflow: hidden;}
.bridal-slide img {width: 100%;height: 100%;object-fit: cover;border-radius: 10px;}
.bridal-content {padding: 4rem 6rem;display:flex;flex-direction:column;justify-content:center;color:#fff;}
.sub-title {color:#d7b46a;text-transform:uppercase;letter-spacing:4px;font-size:14px;margin-bottom:25px;}
.bridal-content h2 {font-size:clamp(4rem,4vw,5rem);line-height:1.1;font-weight:700;margin-bottom:3rem;color: var(--primary);}
.bridal-content h2 span {color:#cd6155;font-style:italic;}
.bridal-content p {max-width:550px;font-size:20px;line-height:1.9;color:rgba(255,255,255,.75);margin-bottom:4rem;}
.bridal-slider {position:relative;}
.bridal-slider .slick-dots {position: absolute;bottom: -30px;left: 0px;z-index: 99;}
.bridal-slider .slick-dots li {width:auto;height:auto;}
.bridal-slider .slick-dots button {font-size:0;border:none;width:12px;height:12px;border-radius:50%;background:#164c74;cursor:pointer;transition:.4s ease;padding:0;}
.bridal-slider .slick-dots .slick-active button {width:3rem;border-radius:30px;background:#641e16;}
.bridal-slider.slick-dotted.slick-slider {margin-bottom: 40px !important;}
.process-section .instagram-section-main .sec-head p {font-size: 15px;color: #555;}
.process-wrapper {position: relative;display: flex;gap: 3rem;}
.process-line {position: absolute;left: 8%;right: 8%;top: 36px;border-top: 2px dashed var(--primary-300);z-index: 1;}
.process-item {position: relative;text-align: center;z-index: 2;}
.process-icon {width: 6rem;height: 6rem;margin: 0 auto 25px;border-radius: 50%;background: var(--white);display: flex;align-items: center;justify-content: center;transition: .4s;box-shadow: 0 10px 30px rgba(0,0,0,.06);}
.process-icon .material-symbols-outlined {font-size: 3rem;color: var(--primary);}
.process-item:hover .process-icon {background: var(--primary);transform: translateY(-10px);}
.process-item:hover .material-symbols-outlined {color: #fff;}
.process-item h4 {font-size: 20px;color: var(--primary);margin-bottom: 15px;font-weight: 600;font-family: var(--body-font);}
.process-item p {font-size: 15px;line-height: 1.8;color: #6a5142;}

@media(max-width:1200px) {
.process-wrapper {grid-template-columns: repeat(3,1fr);row-gap: 50px;}
.process-line {display:none;}
}

@media(max-width:768px) {
.process-wrapper {grid-template-columns: repeat(2,1fr);}
.process-item h4 {font-size: 20px;}
}

@media(max-width:480px) {
.process-wrapper {grid-template-columns: 1fr;}
}

/*Latest collection*/
.latest-collection { background: var(--secondary-50); padding: 5rem 0;}
.latest-collection-card { margin: 0 15px;}
.latest-collection-card .latest-collection-card-image { aspect-ratio: 1.65; }
.latest-collection-card .latest-collection-card-image img { width: 100%; height: 100%; border-radius: 6rem;}
.latest-collection-card .latest-collection-card-option { display: flex; gap: 20px; margin-top: -15%; align-items: center;justify-content: center;}
.latest-collection-card .latest-collection-small-card { background: #f7f7f7; box-shadow: -3px 3px 5px 0 #E3E3E380; border-radius: 15px; aspect-ratio: 1 / 1; border: 2px solid var(--primary-100);}
.latest-collection-card .latest-collection-small-card img { width: 100%; height: 100%; max-width: 170px; object-fit: contain;}

/*** LIST PAGE ***/
.product-listing {padding:6rem 0;}
.product-listing .container { max-width: 1920px;}
.product-listing .product-grid { grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));}
.listing-layout {display:grid;grid-template-columns:320px 1fr;gap:40px;}
.filter-sidebar {background:#fff;border:1px solid var(--border);border-radius:20px;padding:0 3rem 3rem;position:sticky;top:120px;height:max-content;overflow: hidden;box-shadow: rgba(0, 0, 0, 0.16) 0px 3px 6px, rgba(0, 0, 0, 0.23) 0px 3px 6px;}
.filter-header {margin: 0 -3rem 3rem;border-bottom: 1px solid var(--border);background: var(--bg);color: var(--bg);padding: 10px 15px;font-family: var(--body-font);}
.filter-header h3 {font-size: 24px;color: var(--secondary-700);font-weight: 400;font-family: var(--body-font);letter-spacing: 1px;}
.filter-group {margin-bottom:35px;}
.filter-group h4 {font-size:18px;margin-bottom:15px;color:var(--secondary);}
.size-filter {display:flex;flex-wrap:wrap;gap:10px;}
.size-filter span {width:4rem;height:4rem;border:1px solid var(--border);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.3s;}
.size-filter span:hover {background:var(--primary);color:#fff;}
.color-filter {display:flex;gap:10px;}
.color-filter span {width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid #fff;box-shadow:0 0 0 1px var(--border);}
.listing-topbar {display: flex;justify-content: space-between;align-items: center;margin-bottom: 30px;background: #fff;padding: 1rem 3rem;border: solid 1px #d7c6b9;border-radius: 5px;}
.listing-topbar select {height:50px;padding:0 20px;border:1px solid var(--border);border-radius:10px;}
.product-grid {display:grid;grid-template-columns:repeat(3,1fr);gap:25px;}
.custom-check {display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:14px;color:var(--text);font-size:15px;transition:.3s;}
.custom-check input {display:none;}
.checkmark {width:22px;height:22px;border:2px solid var(--secondary-300);border-radius:50%;position:relative;transition:.3s ease;flex-shrink:0;}
.checkmark::after {content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#fff;top:50%;left:50%;transform:translate(-50%,-50%) scale(0);transition:.3s ease;}
.custom-check input:checked + .checkmark {background:var(--primary);border-color:var(--primary);}
.custom-check input:checked + .checkmark::after {transform:translate(-50%,-50%) scale(1);}
.custom-check:hover {color:var(--primary);}
/* End LIST PAGE */

/*** Footer Section ***/
.site-footer {background:#072f4c;padding:8rem 0 0;margin-top: 2rem;position: relative;}
.footer-top {display:grid;grid-template-columns:repeat(4,1fr);gap:50px;padding-bottom:4rem;}
.footer-col h4 {font-size:20px;color:#fff;margin-bottom:25px;position:relative;}
.footer-col h4::after {content:'';width:40px;height:2px;background:#fff;display:block;margin-top:10px;}
.footer-col ul {list-style:none;padding:0;margin:0;}
.footer-col ul li {margin-bottom:14px;}
.footer-col ul li a {color:#fff;text-decoration:none;transition:.3s;}
.footer-col ul li a:hover {color:#d7d7d7;padding-left:8px;}
.social-col p {color:#fff;line-height:1.8;margin-bottom:25px;}
.footer-social {display:flex;gap:12px;}
.footer-social a {width:48px;height:48px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;color:#072f4c;text-decoration:none;transition:.4s;box-shadow:0 10px 25px rgba(0,0,0,.05);}
.footer-social a:hover {background:var(--primary);color:#fff;transform:translateY(-5px);}
.footer-trust {border-top:1px solid #8f8f8f;border-bottom:1px solid #8f8f8f;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:25px 0;}
.trust-item {display:flex;align-items:center;justify-content:center;gap:12px;color:#fff;font-weight:500;}
.trust-item i {color:#fff;font-size:20px;}
.trust-item:hover .trust-icon i {color: #072f4c;}
.trust-icon {width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border: 1px solid #fff;border-radius: 50%;transition: all 0.4s ease-in-out;}
.trust-item:hover .trust-icon {background: #fff;}
.footer-middle {padding: 0px 0px 35px;color: #fff;margin-top: -25px;}
.footer-middle h1, .footer-middle h2, .footer-middle h3 {font-size: 14px;font-family: 'Outfit';margin-top: 30px;}
.seolink {color: #fff;}
.footer-middle ul {padding-left: 35px;list-style-type: decimal;}
.footer-middle ul li {margin-bottom: 10px;}
.footer-bottom {text-align:center;padding:25px 0;border-top: 1px solid #8f8f8f;}
.footer-bottom p {color:#fff;margin:0;}
.footer-bottom p a {color: #fff;}
.footer-inner {display: flex;flex-direction: column;gap: 20px;margin-bottom: 60px;align-items: center;}
.footer-inner img {max-width: 100px;}
.footer-inner h2 {color: #fff;font-size: 35px;margin: 0px;}
/*** End Footer Section ***/