:root {
    --primary-font: "poppinsregular";
    --light-font: "poppinsblack";
    --black-color: #000;
    --white-color: #fff;
    --heading-font: "boutique_sansl_light";
    --default-font: "edwardian_script_itcregular";
    --light-pink: #FAD6A5;
    --brown-color: #FFD700;
    --pink: #B87333;
    --sand: #C2B280;
    --nude: #f6a58a;
   
}

@font-face {
    font-family: 'poppinsblack';
    src: url('../font/poppins-black-webfont.woff2') format('woff2'),
        url('../font/poppins-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsmedium';
    src: url('../font/poppins-medium-webfont.woff2') format('woff2'),
        url('../font/poppins-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'poppinsregular';
    src: url('../font/poppins-regular-webfont.woff2') format('woff2'),
        url('../font/poppins-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'boutique_sansl_light';
    src: url('../font/boutiquesans-llight-webfont.woff2') format('woff2'),
        url('../font/boutiquesans-llight-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'edwardian_script_itcregular';
    src: url('../font/itcedscr-webfont.woff2') format('woff2'),
        url('../font/itcedscr-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body {
    margin: 0;
    font-family: var(--primary-font);
}

::-webkit-scrollbar {
    width: 10px;
    background-color: var(--nude);
}

::-webkit-scrollbar-thumb {
    background-color: var(--nude);
    border-radius: 10px;
    height: 80px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
    background-color: var(--white-color);
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}

a {
    text-decoration: none;
    color: var(--black-color);
}

h2 {
    font-family: var(--heading-font);
    font-size: 100px;
    color: var(--black-color);
    font-weight: 600;
}

p {
    font-size: 22px;
    margin: 0;
    font-family: var(--heading-font);

}

h3 {
    font-family: var(--heading-font);
    font-size: 26px;
    font-weight: 600;
}

@-webkit-keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 7));
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-250px * 7));
    }
}

.stellarnav ul li {
    text-align: end;
}


.bride-buttonone {
    background-color: var(--black-color);
    border-radius: 10px;
    color: var(--white-color);
    padding: 12px 34px;
    transition: 0.5s all ease;
    font-weight: 400;
    font-size: 20px;
    display: inline-block;
    width: auto;
    height: 58px;
    line-height: 35px;
    font-weight: 600;
    text-align: center;
}

.bride-buttonone:hover {
    background-color: var(--white-color);
    color: var(--black-color);
    font-weight: 400;

}

.bride-buttontwo {
    background-color: var(--white-color);
    color: var(--black-color);
    padding: 13px 52px;
    transition: 0.5s all ease;
    font-weight: 400;
    font-size: 20px;
    border-radius: 10px;
    display: inline-block;
    width: auto;
    height: 58px;
    line-height: 35px;
    font-weight: 600;
    text-align: center;
}

.bride-buttontwo:hover {
    background-color: var(--black-color);
    color: var(--white-color);
}

/* header */
.header-part .home-icon {
    display: flex;
    justify-content: end;
    width: 25%;
}

.home-icon-img {
    padding-top: 1rem;
    margin-right: -26px;
    display: flex;
    position: relative;
}

.stellarnav.mobile.right>ul {
    background: var(--white-color);
    box-shadow: 0 0 10px #504d4dc9;
}

.header-part .stellarnav.mobile li a {
    font-size: 21px;
    color: var(--black-color);
    transition: all 0.3s;
}

.header-part .stellarnav.mobile li a:hover {
    color: var(--pink);
}

.stellarnav.mobile>ul>li>a {
    padding: 12px;
}

.ph a i:hover {
    color: var(--pink);
}

.stellarnav a.dd-toggle .icon-plus:after,
.stellarnav a.dd-toggle .icon-plus:before {
    border-bottom: solid 3px var(--black-color);
}

.stellarnav .menu-toggle span.bars span {
    background: var(--black-color);
}

.stellarnav .menu-toggle span.bars span {
    width: 24px !important;
    height: 4px !important;
}

.stellarnav .icon-close:after,
.stellarnav .icon-close:before {
    width: 17px !important;
    border-bottom: solid 3px var(--black-color);
}

.side-nav-sub-menu {
    background: var(--white-color) !important;
    box-shadow: 0 0 10px #504d4dc9;
}

.side-nav-sub-menu li a {
    margin-left: 11px;
}

.stellarnav.mobile.left>ul,
.stellarnav.mobile.right>ul {
    max-width: 415px !important;
}

.header-part .navbar-light .navbar-nav .nav-link:hover {
    background-color: #000;
    color: var(--white-color);
    font-size: 19px;
    padding: 10px 11px;
}

.header-part {
    background-color: #fff;
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    padding: 10px 0;
    box-shadow: 0 0 4px 0px #000000c9;
    display: none;
}

.logo h5 a {
    font-family: var(--heading-font);
    font-weight: 400;
    font-size: 43px;
}

.logo h5 a:hover {
    color: var(--black-color);
}

.home-icon .navbar {
    display: inline-block;
}

.top-header .logo {
    text-align: center;
    padding-top: 10px;
    width: 50%;
}

.logo {
    text-align: center;
    padding-top: 10px;

}

.home-icon {
    padding-top: 10px;
}

.home-date {
    text-align: center;
    padding: 4px 7px;
    background-color: #f4f4f4;
}

.home-date p {
    font-family: var(--heading-font);
}

.home-icon-img a {
    margin-right: 23px;
    font-size: 20px;
    margin-left: 1px;
}

.home-icon .navbar-light .navbar-toggler {
    color: rgba(0, 0, 0, .55);
    border-color: transparent;
}

/* 
.home-icon a {
    padding-left: 31px;
} */





/* banner */
.banner-part {
    position: relative;
}

.banner-part .video-part::before {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 99%;
    background: rgba(0, 0, 0, 0.4);
    z-index: 1;
    bottom: 5px;
    right: 0;
}

.banner-part .banner-text {
    color: var(--white-color);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    color: #fff;
    z-index: 2;
}

.banner-part .banner-text h1 {
    font-family: var(--heading-font);
    font-size: 70px;
}

.banner-part .banner-text p {
    padding: 1rem 0 3rem 0;
    line-height: 1.2;
}

.banner-part .banner-button {
    display: flex;
    justify-content: center;
}

.banner-part .bride-button {
    margin-right: 30px;
}


/* carousel */
.home-slider {
    padding: 0 0 1rem 0;
}

.home-slider .item {
    /* border: 3px solid #000;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 106px;
    height: 106px;
    margin: 0 auto;
    transition: transform 0.5s; */
    transition: transform 0.5s;
}

.home-slider .item a {
    margin-bottom: 21px;
    margin-top: 48px;
    border: 3px solid #000;
    border-radius: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 85px;
    height: 85px;
    margin: 0 auto;
}
.home-slider .item span {
    /* opacity: 0; */
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    top: 7px;
    /* position: relative; */
}

.home-slider .item .owl-item-text {
    text-align: center;
}

/* .home-slider .item:hover span {
    opacity: 1;
    position: relative;
    z-index: 1;
} */

.home-slider .owl-stage {
    padding: 21px 0 20px;
}
.home-slider .owl-nav, .home-slider .owl-dots{
display: none;
}
/* .home-slider .owl-carousel {
    padding: 0 37px;
} */


.home-slider .item:hover {
    transform: scale(1.2);
    /* background-color: #1e170d; */
    border: 0;
}


.home-slider .owl-carousel .owl-item img {
    width: auto;
    height: 48px;
}
.home-slider .owl-nav {
    font-size: 32px;
}
.home-slider-wrap {
    padding: 2rem 0 2rem 0;
}
.swiper-wrapper{
    transition-timing-function: linear !important;
  }
.home-slider .owl-nav button {
    border: 1px solid var(--black-color) !important;
    width: 21px;
    height: 21px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 57%;
    display: none;
}

.home-slider .owl-prev i {
    /* content: "\f053"; */
    font-size: 12px;
    margin-top: 2px;
}

.home-slider .owl-next i {
    /* content: "\f054";  */
    font-size: 12px;
    margin-top: 2px;
}

.home-slider .owl-next {
    position: absolute;
    right: -6%;
    top: 36%;
}

.home-slider .owl-prev {
    position: absolute;
    left: -50px;
    top: 36%;
}

/* .home-slider .item a:hover {
    place-content: center;
    color: var(--black-color);
    width: 106px;
    text-shadow: 0 1px 0 #000;
    --border-angle: 0turn;
    --main-bg: conic-gradient(from var(--border-angle),
            #fff,
            #fff 5%,
            #fff 60%,
            #fff 95%);
    border: solid 5px transparent;
    border-radius: 50%;
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #fff, #fff 99%, transparent);
    background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
    background-position: center center;
    -webkit-animation: bg-spin 3s linear infinite;
    animation: bg-spin 3s linear infinite;
    box-shadow: 0px 0px 6px 0px rgb(59 54 54 / 28%);
} */

/* 
.home-slider .owl-item:nth-child(3) .item:hover {
    background: #a7762f38;
}

.home-slider .owl-item:nth-child(4) .item:hover {
    background: #84978659;
}

.home-slider .owl-item:nth-child(5) .item:hover {
    background: #647dc338;
}

.home-slider .owl-item:nth-child(6) .item:hover {
    background: #581d3338;
}

.home-slider .owl-item:nth-child(7) .item:hover {
    background: #e9101052;
}

.home-slider .owl-item:nth-child(8) .item:hover {
    background: #ff6a0047;
}

.home-slider .owl-item:nth-child(9) .item:hover {
    background: #ffc21547;
}

.home-slider .owl-item:nth-child(10) .item:hover {
    background: #c4fd1547;
}

.home-slider .owl-item:nth-child(11) .item:hover {
    background: #00000033;
}

.home-slider .owl-item:nth-child(12) .item:hover {
    background: #43878733;
}

.home-slider .owl-carousel .owl-item img:hover {
    filter: none;
} */


/* blog */
.blog .blog-img {
    position: relative;
    height: 100%;
}

.blog-img img {
    width: 100% !important;
    height: 100%;
}


.blog-img-text {
    position: absolute;
    top: 0;
    right: 0;
}

.blog-img-text {
    position: absolute;
    top: 50%;
    right: 0;
    background: #0000008f;
    color: #fff;
    text-align: start;
    display: inline-block;
    width: 458px;
    height: 400px;
    padding: 25px 11px;
    transform: translate(0, -50%);
}

.blog-img-text p {
    font-family: var(--heading-font);
    padding: 2rem 0 1rem 0;
    font-size: 39px;
    font-weight: 600;
}

.head {
    font-size: 15px !important;
    font-family: var(--primary-font) !important;
}

.blog-site-img img {
    width: 55px !important;
    height: 41px;
}

.blog-site-img {
    position: absolute;
    left: -31px;
    top: -19px;
    -webkit-animation: mover 1s infinite alternate;
}

@-webkit-keyframes mover {
    0% {
        transform: translateY(0);
    }

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

@keyframes mover {
    0% {
        transform: translateY(0);
    }

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

.blog-text-img {
    position: relative;
    padding: 0 0 31px 0;
}

.blog-text-img::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #ffffffe3;
    content: "";
}

.blog-text-img .blog-site-img2 {
    position: absolute;
    /* left: 50%; */
    rotate: 287deg;
    right: 21px;
    z-index: 1;
    top: 19px;
}

/* .blog-text-img::after{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    background-color: #f2f1f1c9;
} */
.blog-sec {
    position: relative;
    z-index: 1;
}

.blog-sec .card {
    position: relative;
    /* margin: 1rem 1rem; */
    margin-bottom: 90px;
    padding: 0 10px;
    background: transparent;
    border: none;
}

.blog-sec .card .card-body {
    position: absolute;

    background: #fff;
    right: -11px;
    left: 0;
    margin-left: 2rem;
    height: 151px;
    bottom: -20px;
}

.blog-text-img .beauty-button {
    margin-left: 12px;
}

.blog-sec .card .card-body .card-text {
    position: relative;
    font-size: 15px;
    font-family: var(--primary-font);
    margin-top: 9px;
    font-weight: 600;
    color: var(--black-color) !important;
}

.blog-sec .card .card-body small {
    font-size: 12px;
    color: var(--black-color) !important;
}

.blog-sec .card .card-body .card-text::after {
    position: absolute;
    content: "";
    background-color: var(--black-color);
    width: 119px;
    height: 1px;
    bottom: -10px;
    left: 0;
}

.blog-sec h2 {
    padding: 3rem 0 2rem 2rem;
    font-size: 75px;
}

.beauty {
    padding: 3rem 0;
    position: relative;
    overflow: hidden;
}

.beauty-site-img {
    position: absolute;
    right: 0;
    z-index: -1;
    bottom: -34px;
    -webkit-animation: mover2 1s infinite alternate;
}

@-webkit-keyframes mover2 {
    0% {
        transform: translatex(0);
    }

    100% {
        transform: translatex(-10px);
    }
}

@keyframes mover2 {
    0% {
        transform: translatex(0);
    }

    100% {
        transform: translatex(-10px);
    }
}


.beauty-img img {

    -webkit-animation: mover 1s infinite alternate;
}

.beauty .beauty-text {
    margin-left: 7rem;
    margin-top: 3rem;
}

.beauty-text h2 {
    padding: 1rem 0 1rem 0;
    font-size: 57px;
}

.beauty-text p {
    padding-bottom: 4rem;
    font-family: var(--heading-font);
    font-weight: 600;
    font-size: 28px;
    letter-spacing: 1px;
}

/* wishlist */
.wishlist {
    /* padding: 100px 0; */
    overflow: hidden;
    position: relative;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
   
    z-index: 1;
}
.wishlist::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) -1%, rgba(255, 255, 255, 0.04) 1%, rgb(255 255 255 / 66%) 54%, rgba(255, 255, 255, 1) 98%);
    z-index: -1;
}
.wishlist-img .carousel-item {
    position: relative;
}

.wishlist-img .carousel-item::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) -1%, rgba(255, 255, 255, 0.04) 1%, rgb(255 255 255 / 66%) 54%, rgba(255, 255, 255, 1) 98%);
} 

 .wishlist-text {
    position: absolute;
    z-index: 1;
    top: 50px;
} 

.wishlist-text h3 {
    letter-spacing: 4px;
    font-weight: 600;
    color: var(--black-color);
    text-shadow: -6px 0px 10px #ffffff;
}

.wishlist-text h2 {

    padding: 1rem 0 2rem 0;
}

.wishlist .carousel-indicators [data-bs-target] {
    width: 22px;
    height: 22px;
    border-radius: 50%;
}

.wishlist .carousel-indicators {
    justify-content: start;
    margin-left: 5%;
}

.wishlist-text p {
    padding-bottom: 2rem;
    font-weight: 600;
    letter-spacing: 1px;
    font-size: 29px;
    color: var(--black-color);
}

/* vendor */
.vendor {
    padding: 2rem 0;
    text-align: center;
    position: relative;
    overflow: hidden;
}

.vendor-site-img {
    position: absolute;
    left: 0;
    /* transform: translate(-50%, 0); */
    z-index: -1;
    right: 0;
    -webkit-animation: mover 1s infinite alternate;
}

.vendor-text {
    padding-top: 6rem;
}

/* .vendor-text h2 {
    font-size: 100px;
} */

.vendor-text-img {
    color: var(--white-color);
}

.vendor-text-img h2 {
    color: var(--white-color);
    text-align: start;
    font-size: 43px;
}

.vendor-text-img {
    padding-top: 1rem;
}

.vendor-text-img p {
    text-align: start;
    padding: 0 0 3rem 0;
    font-size: 30px;
    height: 155px;
}

.circle-img {
    position: absolute;
    left: -78px;
    rotate: 89deg;
    top: 50%;
    z-index: -1;
    -webkit-animation: mover2 1s infinite alternate;
}

.circle-img2 {
    position: absolute;
    rotate: -89deg;
    right: 0;
    bottom: -247px;
    z-index: -1;
}

.vendor-button a {
    border: 1px solid var(--white-color);
    color: var(--white-color);
    padding: 10px 11px;
}

.vendor-button {
    text-align: start;
}

.vendor-img img {
    width: 100%;
}

.vendor-text p {
    padding-bottom: 5rem;
    font-size: 29px;
    font-weight: 600;
}

.vendor .col-md-3:nth-child(2),
.vendor .col-md-3:nth-child(3),
.vendor .col-md-3:nth-child(4),
.vendor .col-md-3:nth-child(5) {
    margin-bottom: 50px;
}


.gift {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

.gift::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background-color: rgb(235 235 235 / 51%);
}

.gift-text {
    position: relative;
    z-index: 1;
}

.gift .gift-text p {
    padding: 2rem 0 3rem 0;
    font-size: 31px;
    font-weight: 600;
}

.gift .gift-button a {
    margin-right: 1rem;
    border-radius: 0;
}

.gift-text h2 {
    letter-spacing: 1px;
    font-size: 65px;
}

.gift .gift-button {
    display: flex;
}

.real {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 10rem 0 5rem 0;
    overflow: hidden;
    position: relative;
}

.reel-text h2 {
    font-family: var(--default-font);
    font-size: 115px;
    font-weight: 400;
    display: inline;
    line-height: 0.7;
    position: relative;
}

.reel-text h2 span {
    font-size: 252px;
    font-weight: 400;
}




.reel-text p {
    font-weight: 600;
    font-size: 28px;
    margin-left: -3rem;
    margin-top: 3rem;
    line-height: 1.2;
}

.reel-box2 .reel-text {

    text-align: right;
    margin-right: -47px;
    max-width: 148px;
}

.reel-wrap {
    text-align: center;
}

.reel-wrap h3 {
    font-size: 42px;
    font-weight: 600;
    padding-bottom: 8px;
}

.reel-wrap h3 span {
    font-size: 23px;
    font-weight: 400;
}


.gown {
    text-align: center;
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

/* .gown-site-pic {
    position: absolute;
    z-index: -01;
    top: -126px;
    left: -61px;
} */
.gown-list::before {
    position: absolute;
    display: block;
    content: "";
    right: 50%;
    top: -10%;
    width: 100%;
    height: 27%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
   
    background-image: url('../images/line.png');
}

.wishlist .carousel-indicators [data-bs-target] {
    background-color: var(--pink);
}

.gown-list::after {
    position: absolute;
    display: block;
    content: "";
    right: 0px;
    left: 97%;
    top: 42%;
    width: 7%;
    height: 32%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    z-index: -1;
   
    background-image: url('../images/line.png');
}

.gown-img-header {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    margin: 0 auto;
    z-index: -1;
}


.wraper-side-img {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
}
/* .bride-gown .wraper-side-img2 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
} */
.wraper-side-img2 {
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: -1;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.gown p {
    padding-bottom: 4rem;
    font-weight: 600;
    font-size: 24px;
    padding-top: 11px;
}



.gown-img {
    position: relative;
}

.gown .gown-icon img {
    width: 51px;
    margin-top: 16px;
}

.gown-icon {
    position: absolute;
    bottom: -32px;
    left: 50%;
    transform: translate(-50%, 0);
    background: #000;
    display: inline-block;
    width: 107px;
    height: 107px;
    padding: 14px 12px;
    border-radius: 50%;
    /* outline: 2px solid #fff;
    outline-offset: 10px; */
}

.gown-icon::after {
    position: absolute;
    content: "";
    border: 2px solid var(--white-color);
    width: calc(100% + 20px);
    height: calc(100% + 20px);
    left: -10px;
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
    top: -12px;
    bottom: 0;
}

.gown-box {
    position: relative;
    transition: transform 0.5s;
    overflow: hidden;
    padding: 0 0 36px 0;
}





.gown-text {
    padding-top: 4rem;
    padding-bottom: 2rem;
}

.gown-text:hover {
    color: var(--black-color);
}

.gown-text h4 {
    font-size: 19px;
}

.gown-button-text {
    border: 1px solid var(--black-color);
    padding: 7px 56px;
    font-size: 21px;
    transition: all 0.5s ease;
}

.gown-button-text:hover {
    background-color: var(--black-color);
    color: var(--white-color);
}


.gown .beauty-button {
    padding-top: 5rem;
}




.like {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 70px 0;
}

.like-text h2 {
    color: var(--white-color);
    font-size: 192px;
    line-height: 1;
    font-weight: 300;
}

.like .owl-nav {
    color: var(--white-color);
    font-size: 37px;
    display: none !important;
}

.like .like-carousel {
    position: relative;
}

.like .owl-nav .owl-next {
    position: absolute;
    right: 0;
    top: 62%;
    transform: translate(0, -303%);
    background: #000;
    border: 1px solid #000 !important;
    display: flex;
    width: 39px;
    height: 37px;
    border-radius: 56%;
    justify-content: center;
    align-items: center;
    color: var(--black-color);
}

.like .owl-nav span {
    color: var(b);
}

.like .owl-prev {
    position: absolute;
    left: 0;
    top: 62%;
    transform: translate(0, -303%);
    background: #000;
    border: 1px solid #000 !important;
    display: flex;
    width: 39px;
    height: 37px;
    border-radius: 56%;
    justify-content: center;
    align-items: center;
}



.like .item {
    /* position: relative; */
    overflow: hidden;
    /* display: inline-block; */
}

.like .item .active {

    padding-bottom: 100px;
}

.like-img {
    position: relative;
    margin-top: -10px;

}


/* .like-img:hover img {
    transform: scale(1.2); 
    transform: translateY(-10px);
   
} */
.like-img img {
    width: 100%;
    height: auto;
    display: block;
}

.like-view-button {
    position: absolute;
    bottom: -100px;
    left: 0;
    background: #ffffff69;
    width: 163px;
    display: flex;
    justify-content: center;
    height: 48px;
    align-items: center;
    /* transform: translate(25%, 0); */
    font-size: 20px;
    transition: .5s ease;
    opacity: 0;
    right: 0;
    margin: 0 auto;
}

.like .item:hover .like-view-button {
    bottom: 29px;
    opacity: 1;
}

.like-carousel .owl-item a {
    position: relative;
}


.like-carousel .owl-carousel .owl-dots.disabled,
.owl-carousel .owl-nav.disabled {
    display: block;
}



.like-view-button {
    color: var(--white-color);
}



.like .owl-item-text {
    color: var(--white-color);
    padding-top: 1rem;
}

.like .owl-item-text p {
    font-size: 22px;
}

.like .owl-text-para {
    font-size: 15px !important;
    padding-top: 11px;
}

.owl-side-img {
    position: absolute;
    right: 0;
    top: 7%;
}

/* .owl-side-img::after{
    background-color: #fff;
    position: absolute;
    width: 10px;
    height: 10px;
} */
.like_owl {
    position: relative;
}

/* .like .item img {
    transition: transform 0.5s;
    overflow: hidden;
}

.like .item:hover img {
    transform: scale(1.45, 1.3);

} */
.like .item {
    transition: all .3s ease-in-out;
}


.Design {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
    background-attachment: fixed;
}

.Design .gift-button {
    padding-top: 3rem;
}



.designer-text h2 {
    font-size: 81px;
    letter-spacing: 1;
}

.personal h2 {
    font-size: 100px;
    text-align: center;
}

/* bride-gown */
.bride-gown {
    position: relative;
    padding: 5rem 0;
    text-align: center;
}

.bride-gown-site-pic {
    position: absolute;
    right: 0;
    z-index: -1;
    -webkit-animation: mover 1s infinite alternate;
}

.bride-gown-site-pic2 {
    position: absolute;
    top: 50%;
    transform: translate(0, -159%);

}

.bride-gown p {
    padding-bottom: 4rem;
    color: var(--black-color);
    font-size: 27px;
    font-weight: 600;
}

.bride-gown-site-pic3 {
    position: absolute;
    left: 50%;
    z-index: -1;
    bottom: -30%;
}

.bride-gown .beauty-button {
    padding-top: 6rem;
}

/* personal */
.personal {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;

}

.personal .gift-button {
    padding-top: 3rem;
    text-align: center;
}



.blog-post {
    text-align: center;
    position: relative;
    padding-bottom: 5rem;
}

.blog-post-side-img {
    position: absolute;
    left: -174px;
    z-index: -1;
    -webkit-animation: mover 1s infinite alternate;
}

.blog-post h2 {
    padding: 5rem 0;
}

.blog-post-img {
    width: 100%;
    object-fit: cover;
}

.blog-post-text {
    padding-top: 1rem;
}

.blog-post-img img {
    width: 100%;
    object-fit: cover;
    height: 422px;
}

.blog-post-text h6 {
    font-family: var(--heading-font);
    padding-bottom: 5px;
    font-size: 21px;
    font-weight: 600;
}

.blog-post-text h3 {
    font-family: var(--heading-font);
    font-size: 21px;
    padding-bottom: 1rem;
}

.blog-post-text .bride-buttontwo {
    border-right: 1px solid #000;
    border-left: 1px solid #000;
    border-radius: 0;
}

.blog-post .gift-blog {
    padding-top: 1rem;
}

.blog-post-side-img2 {
    position: absolute;
    right: 0;
    /* height: 68px; */
    z-index: -1;
    bottom: -30%;
    -webkit-animation: mover 1s infinite alternate;
}


.partner {
    background-color: #EAEAEC;
    padding: 50px 0;
}

.partner h2 {
    font-size: 54px;
}

/*  Styling  */
.ticker-container .ticker-tape {
    height: auto;
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
    margin: 84px 0;
}

.ticker-container .ticker-tape:before,
.ticker-container .ticker-tape:after {

    content: "";
    height: 100px;
    position: absolute;
    width: 200px;
    z-index: 2;
}

.ticker-container .ticker-tape:after {
    right: 0;
    top: 0;
    transform: rotateZ(180deg);
}

.ticker-container .ticker-tape:before {
    left: 0;
    top: 0;
}

.ticker-container .slide-track {
    -webkit-animation: scroll 40s linear infinite;
    animation: scroll 40s linear infinite;
    display: flex;
    width: calc(250px * 14);
}

.ticker-container div.slide {
    padding: 0 12px;
    display: flex;
    flex-direction: column;
    justify-content: center;

}

.partner .slide img {
    width: auto;
    height: 24px;
}


.testimonial {
    position: relative;
    padding-bottom: 5rem;
    text-align: center;
}

.testi-up-img {
    position: absolute;
    left: 0;
    right: 0;
}

.testi-text {
    padding-top: 5rem;
    position: relative;
}

.testi-text-img {
    margin: 0 auto;
}

.testimonial .carousel-item p {
    color: var(--black-color);
}

.testimonial h2 {
    padding-top: 5rem;
}

.testimonial .carousel {
    position: relative;
    /* padding-top: 3rem; */
    padding: 3rem 0 2rem 0;
}

.testimonial .testi-star nav a {
    color: var(--brown-color);
}

.testimonial .carousel-control-next {
    opacity: 1;
}

.testimonial .carousel-control-prev {
    opacity: 1;
}

.testimonial .carousel-control-prev {
    filter: invert(1);
    border: 1px solid;
    display: flex;
    width: 44px;
    height: 43px;
    border-radius: 55%;
}

.testimonial .carousel-control-prev {
    left: 0;
    top: 38%;
}

.testimonial .carousel-control-next-icon {
    filter: invert(1);
    border: 1px solid;
    display: flex;
    width: 44px;
    height: 43px;
    border-radius: 55%;
}

.testimonial .carousel-inner {
    position: relative;
    width: 100%;
    overflow: hidden;

}

.testimonial .carousel-item {
    padding: 0 135px;
}

.testimonial .carousel-item h3 {
    color: var(--black-color);
    font-weight: 600;
    padding-top: 2rem;
    font-size: 31px;
}

.testi-star {
    padding-top: 2rem;
}

.email {
    background-color: #EAEAEC;
    padding: 50px;
}

.testi-last-img {
    position: absolute;
    left: 0;
    z-index: -1;
    top: 50%;
    transform: translate(0, 31%);
}

.testi-last-img2 {
    position: absolute;
    right: 0;
    z-index: -1;
    top: 50%;
    transform: translate(0, 31%);
}


.email-text {
    text-align: center;
    position: relative;
}

.email-text .form-control {
    border-radius: 24px;
    width: 55%;
    margin: 0 auto;
    height: 51px;
    border: 1px solid var(--black-color);
}

.email-text p {
    padding-bottom: 1rem;
}

.right-email {
    position: absolute;
    right: 0;
    left: 50%;
    top: 84%;
}


.team {
    padding: 5rem 0;
    position: relative;
    overflow: hidden;
}

.team-text h2 {
    text-align: end;
    font-weight: 500;
}

.team-img-bg {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 50px 0;
    position: relative;
    margin-left: -107px;
    z-index: 1;
}

.team-img {
    position: relative;
}

.team-side-img {
    position: absolute;
    right: 58px;
    /* -webkit-animation: mover 1s infinite alternate; */
    top: 45px;
}

.team-side-img2 {
    position: absolute;
    bottom: -26px;
    z-index: -1;
    left: 17px;
    /* margin: 0 auto; */
    /* transform: translate(117%, -8%); */
}

.team .team-list {
    color: var(--white-color);
    padding: 0 10px 36px 52px;
}

.team .team-list li a {
    padding-bottom: 0;
    font-size: 43px;
    font-family: var(--heading-font);
    color: var(--white-color);
    font-weight: 500;
}

.team-button .bride-buttontwo {
    border-radius: 0;
}

.team-button .bride-buttontwo:hover {
    border: 1px solid var(--white-color);
}

.team-button {
    padding-left: 56px;
}

.team-text img {
    width: 100%;
}

.team-img h2 {
    font-size: 120px;
    margin-top: -2rem;
    line-height: 1.1;
}

.team-text h2 {
    font-size: 89px;
}

.footer-part {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0 0 0;
    color: var(--white-color);
    position: relative;
    z-index: 1;
    display: none;
}

.footer-menu-list li a {
    color: var(--white-color);
    font-family: var(--heading-font);
}

.footer-menu article {
    padding-bottom: 2rem;
    font-size: 21px;
    font-family: var(--heading-font);
}

.footer-menu-list li {
    padding-bottom: 7px;
    font-size: 20px;
}

.menu2 {
    padding-top: 4rem;
}

.menu2 nav a {
    padding-right: 9px;
}

.menu2 nav {
    padding-top: 1rem;
}

.footer-part .logo {
    text-align: start;
}

.footer-part .logo {
    text-align: start;
    padding-bottom: 1rem;
}

.footer-part .logo h5 a {
    color: var(--white-color) !important;
}

.bottom-footer {
    padding: 47px 0 10px 0;
    text-align: center;
}

.bottom-footer p {
    font-size: 15px;
}

.home-date.box .running {
    animation-play-state: running !important;
}

.box {
    place-content: center;
    color: var(--black-color);
    width: 80px;
    text-shadow: 0 1px 0 #000;
    --border-angle: 0turn;
    --main-bg: conic-gradient(from var(--border-angle),
            #f4f4f4,
            #f4f4f4 5%,
            #f4f4f4 60%,
            #f4f4f4 95%);
    border: solid 5px transparent;
    border-radius: 5px;
    --gradient-border: conic-gradient(from var(--border-angle), transparent 25%, #fff, #fff 99%, transparent);
    background: var(--main-bg) padding-box, var(--gradient-border) border-box, var(--main-bg) border-box;
    background-position: center center;
    -webkit-animation: bg-spin 3s linear infinite;
    animation: bg-spin 3s linear infinite;
    -webkit-box-shadow: 0px 0px 105px 45px rgba(45, 255, 196, 0.9);
    -moz-box-shadow: 0px 0px 105px 45px rgba(45, 255, 196, 0.9);
    box-shadow: 0px 0px 6px 0px rgb(59 54 54 / 28%);
}

@-webkit-keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

@keyframes bg-spin {
    to {
        --border-angle: 1turn;
    }
}

/* .box:hover {
    animation-play-state: running; } */

@property --border-angle {
    syntax: "<angle>";
    inherits: true;
    initial-value: 0turn;
}

.like .owl-stage {
    padding-top: 95px;
}


.real .real-text {
    font-size: 121px;
    position: absolute;
    top: -95px;
    border: unset !important;
    right: -8px;
}

.real .real-text::after {
    content: none;
}

.reel-text h2 ::after {
    position: absolute;
    background-color: var(--black-color);
    content: "";
    width: 392px;
    height: 1px;
    right: -28rem;
    top: 51%;
}


/* inner-banner */
.inner-banner {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 150px 0;
    position: relative;
    z-index: 1;
}

.inner-banner .banner-text {
    text-align: center;
    color: var(--white-color);
    padding-top: 5rem;
    position: relative;
    z-index: 1;
}

.inner-banner::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background-color: rgb(0 0 0 / 71%);
    z-index: -1;
}

.inner-banner .banner-button {
    display: flex;
    justify-content: center;
}

.inner-banner .banner-text p {
    padding: 1rem 0 3rem 0;
    line-height: 1.2;
}

.inner-banner .banner-text h1 {
    font-family: var(--heading-font);
    font-size: 70px;
}

.inner-banner-service {
    padding: 3rem 0 10px 0;
    position: relative;
}

.inner-banner-service .testi-last-img {
    left: 0;
    bottom: 0;
    top: unset;
}

.inner-banner-service .testi-last-img2 {
    right: 0;
    bottom: 0;
    top: unset;
}

.inner-banner-serviceimg-box {
    margin-bottom: 27px;
    position: relative;
}

.innerbanner-service-box {
    margin-bottom: 59px;
}

.innerbanner-service-box h3 {
    font-size: 36px;
}

.innerbanner-service-box .bride-buttonone {
    border-radius: 0;
    font-size: 16px;
    padding: 7px 13px;
    height: 48px;
    border: 2px solid var(--black-color);
}

.innerbanner-service-box .bride-buttonone:hover {
    border: 2px solid var(--black-color);
    background-color: transparent;
}

.innerbanner-service-box p {
    /* margin-bottom: 18px; */
    font-weight: 600;
    height: 242px;
}

.banner-text ul li a {
    color: var(--white-color);
}

.banner-text ul li {
    padding-right: 10px;
}

/* ul.d-flex.justify-content-center {
    margin-top: 25px;
    font-size: 19px;
    font-family: var(--primary-font);
} */




.bride-gown .btn-secondary {
    color: #000 !important;
    background-color: transparent !important;
    border-color: #565e64 !important;
    font-family: var(--heading-font);
    font-weight: 600;
    font-size: 22px;
}

.dropdown-menu-part {
    /* display: flex; */
    /* justify-content: center; */
    margin-top: 53px;
}

.dropdown-menu-part .dropdown-menu {
    width: 100%;
}

.dropdown-menu-part .dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: var(--black-color);
}

.team-text img {
    outline: 3px solid #fff;
    outline-offset: -41px;
    position: relative;
}


.gift-button a {
    margin-right: 41px;
}

.owl-line {
    position: absolute;
    width: 213px;
    height: 2px;
    background: #fff;
    left: -239px;
    top: 12px;
}

.like .item:hover {
    margin-top: -72px;
    padding-bottom: 100px;
}

.like-text {
    text-align: center;
}

.like .item:hover p {
    font-size: 25px !important;
}

.like .item:hover img {
    min-height: 459px;
    object-fit: cover;
}

.like .item:hover .like-view-button {

    left: -21px;
    width: 216px;
    font-size: 30px;
}

.top-menu {
    border: 1px solid #000;
    padding: 12px 9px;
    margin-top: -10px;
}

.directory .dropdown-menu-part {
    display: flex;
    justify-content: center;
}

.directory .dropdown {
    margin-bottom: 4rem;
    text-align: center;
    margin-right: 8px;
}

.dropdown-toggle::after {

    content: none;

}

.directory .btn-secondary {
    color: #000 !important;
    background-color: transparent !important;
    border-color: #565e64 !important;
    font-family: var(--heading-font);
    font-weight: 600;
    font-size: 22px;
}

.blog-post-box {
    margin-bottom: 46px;
}

/* .vendors input {
    width: 100%;
    padding: 1px 12px;
} */
.vendors {
    position: relative;
}

.vendors img {
    position: absolute;
    top: 3px;
    right: 4px;
}

.vendors::placeholder {
    font-size: 10px;
    padding: 0 10px;
}

.stellarnav {
    width: unset !important;
}

.blog-location i {
    color: #fbaf00;
}

.blog-post-box .blog-post-text h6 {
    font-size: 20px;
}




/* product
.menu-link {
    display: inline-block;
    position: relative;
    padding: 0.5em 0;
    color: #222222;
    line-height: 1.5em;
}
.shop-acs__select {
    padding-right: 0.9375rem;
    background-position: right center;
    cursor: pointer;
    padding-left: 0;
    box-shadow: none !important;
    text-transform: uppercase;
    font-weight: 500;
}
.shop-asc__seprator {
    width: 2px;
    height: 22px;
    background-color: var(--black-color);
}
.btn-link {
    display: inline-block;
    position: relative;
    padding: 0;
    border: 0;
    background-color: transparent;
    color: #222222;
    font-weight: 400;
    text-decoration: none;
}
.product-card {
    position: relative;
    overflow: hidden;
}
.pc__img-wrapper {
    display: block;
    position: relative;
    height: 0;
    padding-top: 121.212122%;
    overflow: hidden;
} */

.directory .blog-post-side-img {
    width: 28%;
}

.top-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

/* search */
.search-box {
    position: relative;
    height: 28px;
    line-height: 0;
    padding: 0;
    display: flex;
    align-items: center;
}

.home-login {
    font-family: var(--default-font);
    font-size: 25px;
    font-weight: 600;

}

.ph img {
    max-width: 31px;
}

.sign {
    color: var(--pink) !important;
}

header .product-icon a {

    font-size: 22px;
}

header .product-icon {
    padding: 10px 13px 18px;
}

.search-input {
    /* background-color: #EAEAEC; */
    color: #000;
    outline: none;
    border: none;
    line-height: 40px;
    width: 0px;
    font-size: 14px;
    transition: 0.7s ease;
    padding: 0;
}

.search-btn {
    text-decoration: none;
    /* padding: 12px; */
    /* border-radius: 50%; */
    color: var(--black-color);
    transition: 0.4s ease;
}

.search-box:hover>.search-input {
    width: 163px;
    /* margin: 0 -12px; */
    background-color: #EAEAEC;
    padding: 0 10px;
}

.search-input:focus {
    width: 163px;
    background-color: #EAEAEC;
}

.search-box:hover>.search-btn {
    color: var(--black-color);
}

.vendors {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: fit-content;
    /* Ensures the div is only as wide as its contents */
}

#vendorInput {
    padding: 0 36px 0 6px;
}


/* product */
.product-categories {
    /* display: flex; */
    /* justify-content: center; */
    padding: 5rem 0;
    text-align: center;
}

.product-categories .cat_image img {
    border-radius: 10px;
}

.categories-sec .cat_inner .cat_image {
    width: 156px;
    height: 178px;
    object-fit: cover;
    transition: all .3s ease-in-out;
    overflow: hidden;
    margin: 0 auto;
    border-radius: 10px;
}

.categories-sec {
    padding: 5rem 0;
}

.slider-item {
    margin-right: 39px;
}



.product {
    display: block;
    width: 100%;
    margin-bottom: 30px;
    position: relative;
    transition: 0.5s ease-in;
    padding: 8px;
}

.product .text {
    background: #fff;
    position: relative;
    width: 100%;
    z-index: 1;
    padding: 0 10px 10px;
}

.product .text h3 a {

    font-size: 18px;
    text-align: center;
    font-weight: 600;
}

.product .price {
    font-size: 15px;
    font-weight: 600;
}

.rating i {
    font-size: 15px;
}

.product .text p.price span.price-dc {
    text-decoration: line-through;
    color: #b3b3b3;
}

.product .text .pricing,
.product .text .rating {
    width: 50%;
}

.product .d-flex {
    display: flex !important;

    align-items: baseline;
}

.product .text .bottom-area {
    position: absolute;
    top: -100px;
    left: 0;
    opacity: 0;
    transition: all 0.3s ease;
    right: 0;
    margin: 0 auto;
}

.product:hover .text .bottom-area {
    opacity: 1;
}

.product .text .bottom-area span {
    background: #00000082;
    color: #fff;
    display: flex;
    width: 39px;
    border-radius: 102px;
    justify-content: center;
    align-items: center;
    height: 39px;
    padding-right: 1px;
    margin-left: 10px;
}

/* .product:hover {
    -webkit-box-shadow: 0 7px 15px -5px rgba(0, 0, 0, 0.07);
    -moz-box-shadow: 0 7px 15px -5px rgba(0, 0, 0, 0.07);
    box-shadow: 0 7px 15px -5px rgba(0, 0, 0, 0.07);
    transform: translate(0, -10px);
} */

.product .img-prod .overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    content: '';
    opacity: 0;
    background: #b2905f;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.product .img-prod span.status {
    position: absolute;
    top: 10px;
    right: 9px;
    padding: 2px 7px;
    color: var(--black-color);
    font-weight: 300;
    background: var(--white-color);
    z-index: 1;
    border-radius: 50%;
    opacity: 0;
    visibility: hidden;
}

.product:hover .img-prod span.status {
    opacity: 1;
    visibility: visible;
}

.block-27 ul {
    display: flex;
    justify-content: center;
}

.block-27 ul li {
    display: inline-block;
    margin-bottom: 4px;
    font-weight: 400;
    margin-left: 14px;
}

.block-27 ul li a,
.block-27 ul li span {
    color: #000;
    text-align: center;
    display: inline-block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border-radius: 50%;
    border: 1px solid #e6e6e6;
    background: #fff;
}

.block-27 ul li.active a,
.block-27 ul li.active span {
    background: #000;
    color: #fff;
    border: 1px solid transparent;
    transition: all 0.3s;
}

.ftco-section {
    padding: 5rem 0;
}





#filterButton {

    cursor: pointer;

}

.filter-box .bride-buttonone:hover {
    border: 1px solid var(--black-color);
    color: var(--black-color);
}

#filterToggle {
    display: none;
}

.filter-box .modal {
    display: flex;
    position: fixed;
    left: -50%;
    top: 0;
    width: 30%;
    height: 100%;
    overflow: auto;
    background-color: #fefefe;
    transition: left 0.3s ease;
}
#filterToggle:checked~.modal {
    left: 0;
    z-index: 9999;
}

.modal-content {
    background-color: #fefefe;
    /* margin: auto; */
    padding: 20px;
    border: 0 !important;
    width: 100%;
}

.close {
    color: #aaa;
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
}

.close:hover,
.close:focus {
    color: black;
    text-decoration: none;
}

.filter-section {
    margin: 20px 0;
}

.filter-section h3 {
    margin-bottom: 10px;
}

.filter-section ul {
    list-style-type: none;
    padding: 0;
}

.filter-section ul li {
    margin-bottom: 5px;
    display: flex;
    align-items: center;
}

.filter-section ul li input {
    margin-right: 10px;
}

.filter-section h4 {
    font-size: 18px;
    font-weight: 600;
}

.filter-section .modal-content {
    border: 0 !important;
}

.modal-content .form-select {
    border-radius: 20px;
    border: 1px solid #000;
}

.filter-section .bride-button {
    margin-right: 10px;
}

#filterButton span {
    margin-right: 10px;
}

.product img {
    width: 100% !important;
    height: 100%;
}

.product-slider .owl-nav {
    display: none;
}

.dress-details-page {
    padding: 5rem 0;
    position: relative;
}

.dress-details-blog-page .gown-box:hover {
    box-shadow: none;
}

.dress-details-blog-page .gown-text {
    text-align: left;
    border: 1px solid #00000029;
    padding: 35px 25px;
    height: 295px;
}

.dress-details-blog-page .gown-button-text {
    display: none;
}

.dress-details-blog-page .gown-text h4 {
    font-size: 14px;
    padding: 10px 0;
}

.dress-details-blog-page .gown-img img {
    width: 100%;
}

.blog-slider .item {
    position: relative;
}

.blog-slider .item::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: #ccb7b7b5;
    opacity: 0;
    z-index: 1;
}

.blog-slider .item:hover::after {
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
}

.hover-img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    z-index: 9999;
    color: var(--white-color);
    opacity: 0;
    width: 100%;
    height: 100%;
    align-items: center;
}

.blog-slider .item:hover .hover-img {
    opacity: 1;
}

.hover-img i {
    margin-left: 15px;
    margin-right: 15px;
}

.dress-details-blog-page .gown-text p {
    font-size: 14px !important;
    padding-bottom: 2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight: 400;
}

.dress-details-blog-page .gown-text h6 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
}

.dress-details-blog-page .gown-button {
    text-align: left;
}

.real-wrp-text h2 {
    font-size: 67px;
    font-weight: 600;
    text-transform: uppercase;
}

.real-wrp-text span {
    font-size: 141px;
    font-weight: 400;
    text-transform: uppercase;
}

.real-wrp-line {
    opacity: 1;
    width: 100%;
}

.real-wrp-text1 span {
    font-size: 56px;
}

.real-wrp-text1 h2 {
    font-size: 90px;
    line-height: 1.1;
}

.real-wrp-text1 {
    margin-top: 3rem;
    position: relative;
    z-index: 1;
}

.real-wrp-text1 .real-wrp-line {
    position: absolute;
    right: -28px;
    width: 67%;
}

.like-carousel .owl-item.active:last-child .like-img {
    position: relative;
    /* Ensure the parent container has a relative position */
}

.like-carousel .owl-item.active:last-child .like-img::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: #f0f0f0;
    z-index: 1;
}



.dress-details-blog-item {
    margin-top: 45px;
}

.dress-box-text {

    text-align: left;

}

.dress-box-text p {
    padding-bottom: 1rem;
    font-size: 21px;
}

.dress-details-blog-page .dress-box-text h3 {
    font-size: 13px;
}

.dress-details-blog-page .dress-box-text p {
    font-size: 10px;
}

.dress-box {
    display: flex;
    border: 1px solid #00000021;
    margin-bottom: 14px;
    justify-content: space-between;
    height: 128px;
    padding: 18px 10px;
}

.dress-box img {
    width: 26%;
    height: 76px;
    object-fit: cover;
}

.blog-slider {
    background-color: #f8f9fa;
    padding: 5rem 0;
}

.blog-slider img {
    width: 100%;
}

.blog-slider2 .owl-nav {
    text-align: center;
}

.blog-slider2 .owl-prev span {
    font-size: 54px;
}

.blog-slider2 .owl-next span {
    font-size: 54px;
}

.real .real-image2 {
    position: relative;
    z-index: 1;
}

.real .real-wrp-text {
    position: relative;
    z-index: 1;
}

.img1 {
    position: absolute;
    top: 0;
    left: 0;
}

.img2 {
    position: absolute;
    top: 0;
    right: 0;
}

.real-bg-img {
    height: 100%;
    object-fit: cover;
}

.product-img-box img {
    width: 100%;

    object-fit: cover;
}

section.product-single {
    padding: 9rem 0 0 0;
}

.product-single__rating {
    display: flex;
    align-items: baseline;
    gap: 0.625rem;
    /* margin-bottom: 36px; */
    margin: 21px 0 24px;
}

.reviews-group i {
    width: 9px;
    height: 9px;
    margin-right: 8px;
    color: #ff8400;
}

.product-single__price {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 20px;
}

.product-single__short-desc {
    margin-bottom: 2.1875rem;
}

.product-single__addtocart {
    display: flex;
    align-items: baseline;
    gap: 1.25rem;
    flex-direction: column;
    margin: 10px 0 10px;
}

.product-single__addtocart .qty-control {}

.product-single__addtocart .qty-control__number {
    border: 2px solid #E4E4E4;
    height: 3.75rem;
    padding: 0 2rem;
    min-width: 6.5rem;
}

.qty-control__number {
    padding: 0;
    width: 100%;
    background-color: #ffffff;
    outline: none;
    -moz-appearance: textfield;
}

.product-single__addtocart .qty-control__reduce,
.product-single__addtocart .qty-control__increase {
    font-size: 1rem;
    text-align: center;
    top: 60%;
    /* transform: translateY(-50%); */
    width: 2rem;
    position: absolute;
    cursor: pointer;
}

.qty-control__reduce {
    left: 0;
}

.qty-control__increase {
    right: 0;
}

.btn-primary:hover {
    color: #fff;
    background-color: #1d1d1d;
    border-color: #1b1b1b;
}

.product-single__addtocart .btn-addtocart {
    height: 3.75rem;
    text-transform: uppercase;
    font-size: 0.875rem;
    width: 17.5rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.product-single__addtolinks {
    font-size: 0.8125rem;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 2rem;
    /* margin-bottom: 2rem; */
    margin: 26px 0;
}

.product-single__addtolinks>a,
.product-single__addtolinks>.share-button>button {
    display: flex;
    align-items: center;
    gap: 0.625rem;
    padding: 0 0 0.625rem;
    text-transform: uppercase;
    border: 0;
    background-color: transparent;
    font-weight: 500;
    font-size: 17px;
}

.product-single__meta-info {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 20px;
}

.product-single__meta-info label {
    color: #767676;
    text-transform: uppercase;
}

.product-single__details-tab {

    padding: 5rem;
    display: none;
}

.product-single__details-tab>.nav {
    justify-content: center;
    text-transform: uppercase;
}

.nav-link_underscore:hover,
.nav-link_underscore:focus,
.nav-link_underscore.active,
.nav-item.show .nav-link_underscore {
    color: #222222;
}

.nav-link_underscore:after {
    content: '';
    display: block;
    position: absolute;
    bottom: 0;
    left: 1.5625rem;
    width: 0;
    height: 2px;
    background-color: #222222;
    transition: width 0.36s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.nav-link_underscore:hover:after,
.nav-link_underscore:focus:after,
.nav-link_underscore.active:after,
.nav-item.show .nav-link_underscore:after {
    width: calc(100% - 3.125rem);
}

.nav-link_underscore {
    position: relative;
    padding: 0.6875rem 1.5625rem 0.4375rem;
    color: #767676;
}

.product-single__details-tab>.tab-content {
    padding: 4rem 0;
}

.content {
    margin-bottom: 1.5rem;
    font-size: 18px;
    line-height: 1.3;
}

.block-title {
    margin-bottom: 1rem;
    font-size: 26px;
}

.product-single__addtional-info>.item label {
    min-width: 8.75rem;
    margin: 0;
    font-weight: 600;
}

.product-single__addtional-info>.item {
    margin-bottom: 1.875rem;
}

.product-single__reviews-item {
    display: flex;
    border-bottom: 1px solid #e4e4e4;
    margin-bottom: 31px;
    padding-bottom: 21px;
}

/* .product-single__reviews-item .customer-review .customer-name {
    display: flex;
    align-items: center;
    justify-content: space-between;
} */

/* .product-single__reviews-item .customer-review .review-date {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #767676;
    margin-bottom: 1.25rem;
} */

/* .product-single__reviews-item .customer-review .review-text {
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5rem;
    color: #767676;
    margin-bottom: 1.5rem;
} */

.product-single__reviews-list {
    display: flex;
    flex-direction: column;
    gap: 1.87rem;
    margin-bottom: 2.375rem;
    margin-top: 38px;
}

.select-star-rating {
    /* margin-bottom: 24px; */
    margin: 19px 0;
}

.form-label-fixed>.form-label {
    position: absolute;
    top: -20px;
    left: 1rem;
    margin: 0;
    padding: 0.25rem 0.5rem 0.25rem 0.5rem;
    background-color: #ffffff;
    color: #222222;
    z-index: 1;
}

.form-label-fixed {
    position: relative;
}

.form-control_gray {
    border-color: #e4e4e4;
}

.form-label-fixed .form-control {

    height: 55px;
}

.related-product h2 {
    font-size: 59px;
}

.product-down-img {
    margin-top: 33px;
}

.product-down-img img {
    height: 127px !important;
    object-fit: cover !important;
}

.shop-checkout {
    padding: 9rem 0 0 0;
}

.shop-checkout .checkout-steps {
    display: flex;
    border-bottom: 2px solid #e4e4e4;
}

.shop-checkout .checkout-steps__item.active {
    border-color: #222222;
}

.shop-checkout .checkout-steps__item {
    flex-grow: 1;
    display: flex;
    gap: 0.75rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid transparent;
    margin-bottom: -2px;
}

.shop-checkout .checkout-steps__item-number {
    font-size: 1.125rem;
    font-weight: 500;
}

.shop-checkout .checkout-steps__item-title {
    display: flex;
    flex-direction: column;
}

.shop-checkout .checkout-steps__item-title>span {
    font-size: 1.125rem;
    font-weight: 500;
    text-transform: uppercase;
}

.shopping-cart .cart-table thead th {
    font-size: 0.875rem;
    text-transform: uppercase;
    font-weight: 500;
    padding: 0 0 0.625rem;
}

.shopping-cart .cart-table {
    width: 100%;
}

.shopping-cart .cart-table__wrapper {
    padding-top: 3.125rem;
    flex-grow: 1;
}

.shopping-cart {
    display: flex;

    gap: 3.625rem;
}

.shopping-cart__totals-wrapper .sticky-content {
    padding-top: 3.125rem;
}

.shopping-cart__totals {
    border: 1px solid #222;
    margin-bottom: 1.25rem;
    padding: 2.5rem 2.5rem 0.5rem;
    max-width: 100%;
}

.shopping-cart__totals-wrapper .btn-checkout {
    width: 100%;
    height: 3.75rem;
    font-size: 0.875rem;
}

.shopping-cart .cart-table .qty-control__number {
    border: 2px solid #e4e4e4;
    height: 3.125rem;
    padding: 0 2rem;
    min-width: 6.875rem;
}

.shopping-cart .cart-table tbody td {
    padding: 1.875rem 0;
    display: table-cell;
    margin: 0;
}

.shopping-cart .cart-table tbody tr:first-child {
    border: 0;
}

.shopping-cart .cart-table tbody tr:first-child {
    border-top: 1px solid #e4e4e4;
}

.shopping-cart .cart-table tbody tr {
    display: table-row;
    padding: 0;
    border: 0;
}

.shopping-cart__product-item__detail h4,
.shopping-cart__product-item__detail .h4 {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 0;
}

.shopping-cart__product-item__options {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 0.5rem;
}

.shopping-cart .cart-table tbody tr td {
    transition: all 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);
}

.qty-control__number {
    padding: 0;
    width: 100%;
    background-color: #ffffff;
    outline: none;

}

.shopping-cart .cart-table .qty-control__reduce,
.shopping-cart .cart-table .qty-control__increase {
    font-size: 1rem;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
}

.shopping-cart .cart-table .qty-control {
    width: 7.25rem;
    margin: 0;
}

.directory-detail-about .team-side-img {
    right: 0;
    bottom: 0;
    z-index: -1;
    top: unset;
}

.directory-img img {
    height: 500px;
    object-fit: cover;
}

.gallery img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.gallery {
    padding: 5rem 0;
    text-align: center;
    background-color: #EAEAEC;
}

.gallery img {
    width: 100%;
}

.gallery-single-img {
    position: relative;
    margin-bottom: 20px;
}

.gallery-single-img .overlay-text {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    text-align: center;
    width: 100%;
    padding: 0 20px;
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.gallery-single-img:hover .overlay-text {
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
}

.gallery-single-img::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    background-color: rgb(255 255 255 / 90%);
    border: 1px solid var(--black-color);
    opacity: 0;
    transition: 0.3s;
    visibility: hidden;
}

.gallery-single-img:hover::after {
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
}

/* .overlay-text h5 {
    color: var(--black-color);
    margin-bottom: 8px;
   
    font-size: 25px;
    font-weight: 700;
}
.overlay-text p {
    font-size: 18px;
    font-weight: 500;
    color: var(--black-color);
} */
.gallery h2 {
    margin-bottom: 89px;
}

.image-group-1 {
    display: flex;
    flex-direction: column;
}

.image-group-1 img {
    max-width: 60%;
}

.image-group-1 img:nth-of-type(2) {
    margin-top: -38.3%;
    margin-left: auto;
}

.amenities-details {
    padding: 0 0 5rem 0;
    position: relative;
}

.amenities-text li {
    font-size: 19px;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.amenities-text ul {
    display: grid;
    grid-template-columns: auto auto;
    margin-top: 50px;
}

.amenities-text li span {
    background-color: #3f3d3d29;
    width: 36px;
    height: 36px;
    margin-right: 11px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    /* color: #fff; */
}

.amenities-details .col-md-6 {
    margin-top: 5rem;
}

.details-contact-form {
    background: #eaeaec;
    padding: 26px;
    /* margin-left: -75px; */
    position: relative;
    top: 49px;
    left: -97px;
}

.details-contact-form .col-md-6 {
    margin-top: 34px;
}

.details-contact {
    padding: 0 0 5rem 0;
}

.details-img img {
    width: 100%;
}

.details-contact-form .message {
    margin-top: 31px;
}

.details-contact-form .form-message {
    height: 108px !important;
}

.details-contact-form .bride-buttontwo {
    border-radius: 0 !important;
    background-color: var(--black-color);
    color: var(--white-color);
}

.details-contact {
    position: relative;
}

.details-contact .gown-site-pic2 {
    display: none;
    bottom: 0;

}

.directory-text h3 {
    font-size: 45px;
}

.details-contact .gown-site-pic {
    position: absolute;
    z-index: -01;
    top: -104px;
    transform: none;
    bottom: unset;
    left: 0;
    display: none;
}

.bride-inner-page .gown-text h4 {
    margin-bottom: -4px;
    font-size: 17px;
    margin-top: 20px;
    font-weight: 600;
}

.blog-post-img {
    position: relative;
}

.blog-post-img i {
    position: absolute;
    top: 7px;
    right: 12px;
    font-size: 25px;
    z-index: 1;
    color: red;
    opacity: 0;
}

.blog-post-img:hover i {
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
}

.blog-post-img::after {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    content: "";
    background-color: #ccb7b7b5;
    opacity: 0;
}

.blog-post-img:hover::after {
    opacity: 1;
    visibility: visible;
    transition: 0.3s;
}

.vendor-button {
    border: 1px solid var(--black-color);
    /* padding: 10px 16px; */
    margin-top: 0px;
    transition: all 0.5s;
    color: #000 !important;
    font-weight: 600;
}

.vendor-button:hover {
    background-color: var(--black-color);
    color: var(--white-color) !important;
}

.ph {
    display: flex;
    justify-content: space-around;
    margin: 20px 0;
    align-items: center;
}

.ph a i {
    color: var(--black-color);
    font-size: 22px;
}

.related-product .owl-nav {
    display: none;
}

.blog-slider .owl-nav {
    display: none;
}



/* radio-button */
.radio__button {
    position: relative;
    display: inline-block;
}

.radio__button label {
    cursor: pointer;
    color: #664c4c;
    user-select: none;
    border: 1px solid #ffffff;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent;
    padding: 1em;
    height: 10px;
    width: 10px;
    overflow: hidden;
    display: flex;
    text-align: center;
    border-radius: 4px;
    margin: 10px 10px 14px 0;
    box-shadow: 0px 0px 5px #e5e5e5;
    transition: all 120ms ease-in-out;
    justify-content: center;
}

.radio__button label p {
    font-size: 12px;
    margin: 0;
}

.radio__button label:before {
    content: attr(data-icon);
    font-size: 16px;
    display: block;
    line-height: 0;
}

.radio__button input[type=radio] {
    display: none;
}

.radio__button input[type=radio]:checked+label {
    color: var(--black-color);
    border: 1px solid var(--black-color);
}

.radio__button input[type=radio]:disabled+label {
    cursor: not-allowed;
    color: #ccc;
    border: 1px solid #e7e7e7;
}



.product-single .bride-buttonone {
    width: 100%;
}

.product-single .bride-buttonone:hover {
    background-color: var(--black-color);
    color: var(--white-color);
}

.product-single .swiper-button-next {
    background-color: white;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

.product-single .swiper-button-next:after {
    font-size: 14px;
    color: #000;
}

.product-single .swiper-button-prev {
    background-color: white;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px;
}

.product-single .swiper-button-prev:after {
    font-size: 14px;
    color: #000;
}

.product-icon.d-flex {
    align-items: baseline;
    gap: 10px;
}

.product-icon p {
    margin-right: 22px;
    font-size: 18px;
    font-weight: 600;
}

.product-icon a {
    color: var(--black-color) !important;
}

.single-product-box {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    gap: 14px;
}

.single-product-box i {
    font-size: 20px;
}

.product-single .product-down-img .swiper-slide-visible {
    cursor: pointer;
    width: 86px !important;
    height: 86px !important;
    outline: 1px solid #000;
    outline-offset: -1px;
}

.date-box {
    width: 25%;
}




/* color */
.color-box .selection {
    margin-bottom: 1em;
    margin-right: 10px;
}

.color-box .selection label {
    display: inline-block;
    width: 1rem;
    background-color: #42b4d6;
    color: #ffffff;
    padding: 10px 10px;
    cursor: pointer;
}



.color-box .selection input[type=radio] {
    display: none;
}

.color-box .selection input[type=radio]:checked~label {
    outline: 1px solid var(--black-color);

}

.color-box {
    display: flex;
    align-items: baseline;
    gap: 12px;
    margin: 10px 0;
}

#selection2 label {
    background-color: green;
}

#selection3 label {
    background-color: red;
}

.bride-inner-page .gown-box {
    box-shadow: 0 2px 10px 0 #00000075;
    margin-bottom: 41px;
    width: 100%;
}

.bride-inner-page .gown-icon {
    display: none;
}

/* .bride-inner-page  .gown-box{   
    width: 275px;
    height: 285px;
} */
.bride-inner-page .gown-text {
    padding-top: 1rem;
    padding-bottom: 1rem;
}

.bride-inner-page .gown-button-text {
    padding: 7px 10px;
    font-size: 12px;
    letter-spacing: 1px;
}

.bride-inner-page .gown-button-text {
    position: relative;
}

.bride-inner-page .gown-button-text::after {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    outline: 1px solid var(--black-color);
    outline-offset: 2px;
}

/* .bride-inner-page .col-md-2 {
    width: 20%;
}

.bride-inner-page .Gown-directory-list .col-md-2 {
    padding-right: calc(var(--bs-gutter-x) * .9);
    padding-left: calc(var(--bs-gutter-x) * .9);
} */

.ftco-section .product-detail-image .owl-nav {
    display: none;
}

.ftco-section .product-detail-image .owl-dots {
    display: none;
}

.ftco-section .product-detail-image .owl-item {
    transition: 0.5s ease-in;
    /* CSS transition for opacity */
}

.inner-banner-service .owl-item-text {
    background: #fff;
    border: 1px solid #000;
    padding: 33px 9px;
    /* margin-left: -121px; */
    position: relative;
    left: -247px;
    text-align: center;
    top: 23px;
    width: 571px;
    height: 85%;
}

.inner-banner-service .owl-item-text h6 {
    font-family: var(--default-font);
    font-size: 20px;
    font-weight: 600;
}

.inner-banner-service .owl-item-text h4 {
    position: relative;
    font-size: 31px;
}

.inner-banner-service .owl-item-text h4::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: var(--black-color);
    width: 129px;
    height: 1px;
}

.inner-banner-service .owl-item-text h4::before {
    position: absolute;
    content: "";
    bottom: -8px;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: var(--black-color);
    width: 173px;
    height: 1px;
}

.inner-banner-service .owl-item-text .bride-button {
    margin-top: 11px;
}

.inner-banner-serviceimg-box img {
    height: 472px;
    object-fit: cover;
}

.inner-page-title {
    position: absolute;
    bottom: 0;
    left: -137px;
    right: 0;
    margin: 0 auto;
    text-align: center;
    justify-content: center;
    border: 1px solid #000;
    background: #fff;
    width: 409px;
    height: 62px;
}

.inner-page-title h4 {
    margin-top: 9px;
    font-size: 37px;
    font-family: var(--heading-font);
}

.inner-logo-img img {
    height: 20px;
}

.inner-logo-img {
    position: absolute;
    right: 9px;
    top: 24px;
}

.inner-banner-service .owl-item-text p {
    font-size: 20px;
    margin-top: 23px;
    padding: 0 21px;
}

.inner-banner-service .owl-item-text .bride-buttonone {
    padding: 6px 22px;
    font-size: 14px;
    height: 46px;
    border: 1px solid var(--black-color);
    border-radius: 0;
    font-size: 13px;
    outline: 1px solid #000;
    outline-offset: 4px;
}

.inner-banner-service .owl-item-text .bride-buttonone:hover {
    border: 1px solid var(--black-color);
}

.service-slide .owl-nav {
    display: none;
}

.inner-page-slide .owl-nav {
    display: none;
}

.inner-page-slide .owl-item img {
    width: auto;
    height: 166px !important;
    object-fit: cover;
}

.inner-page-slide .item a {
    position: relative;
}

.inner-page-slide .item a::after {
    position: absolute;
    content: "";
    border: 2px solid var(--black-color);
    width: calc(100% + 11px);
    height: calc(100% + 11px);
    left: -5px;
    right: 0;
    margin: 0 auto;
    border-radius: 50%;
    top: -8px;
    bottom: 0;
}

.inner-page-slide .owl-stage-outer {
    padding: 40px 0px 86px !important;
}

.slider-icon-list a {
    display: block;
}

.slider-icon-list img {
    border: 2px solid var(--black-color);
    border-radius: 50%;
    padding: 10px 5px;
    transition: 0.5s ease-out;
}

.slider-icon-list img:hover {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.slider-icon-list .icon-text {
    text-align: center;
    margin-top: 17px;
    font-size: 22px;
    font-weight: 600;
    font-family: var(--heading-font);
    letter-spacing: 2px;
}

.swift-up-text {
    color: var(--pink)
}

.wedding-plan_icon h3 {
    text-align: center;
    margin-top: 55px;
}

.slider-icon-list {
    text-align: center;
}

.swift-up-text span {
    display: inline-block;
    overflow: hidden;
    animation: .3s swift-up ease-in-out forwards;
}

.swift-up-text i {
    font-style: normal;
    position: relative;
    animation: .9s swift-up ease-in-out forwards;
    top: 55px;
}

@keyframes swift-up {
    to {
        top: 0;
    }
}

/* .bride-inner-page h2 {
    font-size: 21px;
    text-align: left;
} */

/* .bride-inner-page p {
    font-size: 16px;
    font-weight: 500;
    text-align: left;
} */

.bride-inner-page .dropdown label {
    font-size: 10px;
    /* margin-right: 48px; */
    font-weight: 600;
    width: 100%;
    text-align: left;
}

.bride-inner-page .dropdown .form-select-sm {
    padding-top: .25rem;
    padding-bottom: 0.25rem;
    padding-left: 16px;
    font-size: 0.875rem;
    font-weight: 500;
    height: 33px;
    border-radius: 0;
    border: 1px solid #000;
    width: 271px;
}

.dropdown-content h4 {
    font-family: var(--default-font);
    text-align: left;
    font-weight: 600;
    font-size: 39px;
}

.dress-img-text h2,
.dress-img-text h3 {
    font-family: var(--default-font);
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 10px;
}

.dress-img-text p {
    font-size: 16px;
}

.dress-details-img img {
    outline: 2px solid var(--black-color);
}

.blog-slider h4 {
    font-family: var(--default-font);
    text-align: center;
    margin-bottom: -4px;
    font-size: 22px;
    font-weight: 600;
    margin-top: -8px;
}

.blog-slider .text {
    text-align: center;
}

.blog-slider h3 {
    font-size: 17px;
    font-weight: 400;
}

.blog-slider .text h5 {
    font-size: 24px;
    font-weight: 400;
}

.new-contain {
    text-align: end !important;
    font-size: 24px !important;
}

.page-icon i {
    margin-right: 10px;
}

.page-icon {
    font-size: 11px;
}

.country a {
    font-size: 10px;
    text-align: left;
}

.country {
    text-align: left;
    margin-top: 29px;
    border-bottom: 1px solid #000;
}

.contact-box {
    text-align: center;
    background: #f7f7f7;
    padding: 89px 53px;
    margin-bottom: 28px;
    height: 88%;
}

.contact-connection-box {
    display: flex;
    justify-content: space-between;
}

.contact-page {
    padding: 2rem 0;
}

.contact-text p {
    font-size: 15px;
    padding: 8px 0;
}

.contact-btn {
    background-color: var(--black-color);
    border: 1px solid var(--black-color);
    color: var(--white-color);
    padding: 10px 0;
}

.contact-btn {
    background-color: var(--black-color);
    border: 1px solid var(--black-color);
    color: var(--white-color);
    padding: 6px 15px;
    font-size: 11px;
    margin-top: 16px;
    width: 136px;
    transition: all 0.5s;
}

.contact-btn:hover {
    background-color: transparent;
    color: var(--black-color);
}

.contact-button {
    display: flex;
    justify-content: center;
}

.contact-page .row .col-md-4:last-child .contact-box {
    padding: 66px 0;
}

.contact-page-form {
    padding-bottom: 2rem;
    margin-top: -53px;
}

.contact-page-form h2 {
    font-size: 32px;
    margin-bottom: 33px;
}

.contact-page-form .form-part {
    background: #f7f7f7;
    padding: 26px 28px 81px 28px;
    /* height: 818px; */
}

.contact-page-form .row {
    margin-right: calc(var(--bs-gutter-x));
}

.contact-page-form .form-part .form-control {
    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid var(--black-color);
    border-radius: 0;
    background: transparent;
    height: 49px;
    padding: 0 !important;
    transition: all 0.2s;
}

.contact-page-form .form-part .form-control:hover {
    border-width: 3px;
}

.form-select:focus {
    border-color: unset;
    outline: 0;
    box-shadow: unset;
}

.form-control:focus {
    color: #212529;
    background-color: #fff;
    border-color: unset;
    outline: 0;
    box-shadow: unset;
}

.contact-page-form #inputState {
    background-color: transparent;
    margin-bottom: 23px;
    border: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
    height: 49px;
    font-size: 12px;
    padding: 0 !important;
    cursor: pointer;
}

.contact-page-form input::placeholder {
    font-size: 12px;
    color: var(--black-color);

}

.form-label {
    margin-bottom: 0;
    font-size: 12px;
}

.subject {
    font-size: 12px;

    margin-top: 14px;
}

.subject::placeholder {
    color: var(--black-color);
}

.message {
    font-size: 12px;
    margin-top: 14px;
}

.contact-page-form .form-part .subject {
    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
    background: transparent;
    height: 34px;
}

.message::placeholder {
    color: var(--black-color);
    text-transform: uppercase;
}

.contact-page-form .bride-buttontwo {
    border-radius: 25px;
    font-size: 16px;
    background-color: var(--black-color);
    color: var(--white-color);
    /* width: 71px; */
    padding: 4px 73px;
    height: 43px;
}

.contact-page-form .bride-buttontwo:hover {
    background-color: transparent;
    border: 1px solid var(--black-color);
    color: var(--black-color);
}

.contact-connection-box span {
    margin-right: 40px;
}

.contact-icon {
    position: relative;
}

.contact-icon::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    right: -17px;
    width: 19px;
    height: 60px;
    border-right: 1px solid var(--black-color);
}

.contact-connection-box h6 {
    font-size: 18px;
    margin-bottom: 0;
}

.contact-connection-box p {
    font-size: 16px;
}

section.contact-connection {
    padding: 10rem 0 3rem 0;
}

#inputState option {
    color: #b8a358;
    padding: 20px;
}

.contact-icon i {
    font-size: 27px;
    padding-top: 20px;
}

.options li:hover {
    background-color: lightblue;
    /* Hover color */
}

.post-deatails {
    padding: 3rem 0;
}

.post-list-box {
    display: flex;
    justify-content: center;
}

.post-tab {
    padding: 2rem 0 0 0;
}

.post-list-box li {
    margin-right: 30px;
    font-size: 12px;
}

.post-list-box .dropbtn i {
    font-size: 12px;
}

.post1 {
    border: 1px solid #dadce0;
    padding-bottom: 71px;
}

.post1 img {
    width: 100%;
}

.post-img {
    position: relative;
}

.post-img-icon {
    position: absolute;
    top: 13px;
    left: 13px;
    right: 8px;
    opacity: 0;
    transition: all 0.5s;
}

.post-img:hover .post-img-icon {
    opacity: 1;
}

.red {
    background-color: red;
    color: var(--white-color);
    padding: 6px 6px;
    border-radius: 7px;
}

.post-icon {
    background-color: var(--white-color);
    color: var(--black-color) !important;
    border-radius: 50%;
    padding: 6px 10px;
}

.post1-list {
    margin-top: 56px;
}

.post-list1 h3 {
    font-size: 39px;
    padding: 28px 0 10px;
}

.post-list1 p {
    margin-bottom: 27px;
    margin-top: 20px;
}

.red i {
    margin-right: 5px;
}

.circle i {
    font-size: 8px;
    margin-right: 19px;
    display: flex;
    margin-top: 7px;
}

.circle li {
    display: flex;
    margin-bottom: 10px;
    margin-right: 0;
    font-size: 14px;
}

.circle li strong {
    margin-right: 10px;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
    width: 33%;
    padding: 2px;
}


.grid-item {
    float: left;
}

.grid-item img {
    display: block;
    max-width: 100%;
    width: 100%;
}

.comment-sec a {
    width: 100%;
    display: flex;
    border: 1px solid #000;
    padding: 15px;
}

.post2 .modal-body {
    text-align: center;
}

.post2 h5#exampleModalLabel {
    font-size: 39px;
    font-family: var(--heading-font);
}

.post2 .modal-body p {
    margin-bottom: 10px;
}

.post2 .google {
    border: 1px solid #dadce0;
    padding: 10px 76px;
    display: inline-block;
}

.post2 .google img {
    position: relative;
    left: -59px;
}

.post2 .btn {
    width: 100%;
    background-color: transparent;
    color: #000;
    border: 1px solid #dadce0;
    border-radius: 0;
    display: flex;
    padding: 15px;
}

.post2 .facebook {
    border: 1px solid #167ee6;
    padding: 10px 66px;
    display: inline-block;
    background-color: #167ee6;
    margin-top: 23px;
}

.post2 .facebook i {
    position: relative;
    left: -47px;
    font-size: 25px;
    color: var(--white-color);
}

.post2 .facebook a {
    color: var(--white-color);
}

.icon-wrp {
    background: #fff;
    position: relative;
    margin-top: 12px;
    font-size: 18px;
}

.icon-wrp::after {
    position: absolute;
    content: "";
    left: 54px;
    background-color: #dadce0;
    width: 134px;
    height: 1px;
    top: 14px;
}

.icon-wrp::before {
    position: absolute;
    content: "";
    right: 54px;
    background-color: #dadce0;
    width: 134px;
    height: 1px;
    top: 14px;
}

.post2 .post-email {
    border: 1px solid #dadce0;
    padding: 10px 95px;
    display: inline-block;
    background-color: transparent;
    margin-top: 23px;
    color: var(--white-color);
}

.post2 .modal-content {
    padding: 21px 21px 73px 21px;
}

.post2 {
    border: 1px solid #dadce0;
    margin-top: 35px;
    padding: 28px 0;
}

.post2 .model-home {
    margin-top: 33px;
}

.post1 .bride-buttonone {
    border-radius: 0;
    font-size: 14px;
    padding: 6px 16px;
    height: 44px;
}

.post1 .bride-buttonone:hover {
    border: 1px solid var(--black-color);
    color: var(--black-color);
}

.post1 .beauty-button {
    margin: 108px 0 44px;
}

.post-location {
    text-decoration: underline;
    font-size: 23px;
    color: var(--black-color) !important;
}

.post-wrp2 {
    text-decoration: underline;
    font-size: 28px;
}

.post-wrp {
    text-decoration: underline;
}

.post1 .name {
    font-size: 12px;
}

.head-list li {
    margin-right: 10px;
    font-size: 13px;
    display: flex;
    align-items: center;
}

.head-list i {
    font-size: 4px;
    margin-right: 5px;
    /* display: flex; */
    margin-top: 0;
}

.menu {
    background-color: #333;
    padding: 10px 0;
}

.menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.menu ul li {
    display: inline-block;
    position: relative;
}

.menu ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 10px 20px;
}

.menu ul li a:hover {
    background-color: #555;
}

.dropbtn {
    color: var(--black-color);
    background-color: transparent;
    font-size: 12px;
    border: none;
    cursor: pointer;
}



.dropdown {
    position: relative;
    display: inline-block;
}

.dropdown-content {
    display: none;
    position: absolute;
    background-color: #ffffffc4;
    min-width: 144px;
    overflow: hidden;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
    z-index: 1;
    height: 394px;
    padding: 10px 0 10px 0;
    margin-top: 6px;
    z-index: 999;
}

.post-list-box li a:hover {
    color: var(--brown-color);
}

.post-tab-list {
    display: flex;
    justify-content: space-between;
}

.dropdown-content li {
    border-bottom: 1px solid #dadce0;
    width: 100%;
}

.dropdown-content a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
}

.dropdown a:hover {
    background-color: #ddd;
}

.show {
    display: block;
}


.post-page-section-list .gown-text2 p {
    font-size: 25px !important;
    padding-bottom: 2rem;
    font-weight: 600;
}

.post-page-section-list .gown-text2 {
    text-align: left;
    border: 1px solid #00000029;
    padding: 35px 13px;
    height: 218px;
}

.post-page-section-list h2 {
    margin-bottom: 22px;
    font-size: 62px;
    font-family: var(--default-font);
}

.name2 {
    text-decoration: underline;
    font-size: 15px;
}

.post-social nav a {
    margin-right: 24px;
    color: var(--black-color) !important;
}

.post-deatails2 h4 {
    font-family: var(--heading-font);
    margin: 20px 0;
    font-weight: 600;
}

.gifting-page .gown-text2 p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-weight: 400;
    font-size: 19px !important;
    padding-bottom: 0 !important;
}

.gifting-page .gown-text2 {
    height: 384px;
}

.gifting-page .gown-text2 h5 a {
    background: var(--black-color);
    display: inline;
    color: var(--white-color);
    padding: 7px 23px;
    font-size: 14px;
}

.gifting-list {
    margin-bottom: 14px;
    position: relative;
    z-index: 1;
}

.share-box {
    position: absolute;
    left: 50%;
    background-color: #fff;
    box-shadow: 0 0 10px #cdc7c7;
    padding-bottom: 0 !important;
    padding: 0px 0;
    width: 155px;
    display: flex !important;
    justify-content: center;
    align-items: center;
    height: 38px;
    opacity: 0;
    color: var(--black-color) !important;
}

.gifting-list:hover .share-box {
    opacity: 1;
}

.share-box i {
    margin-right: 10px;
}

.gifting-page h3 {
    margin: 14px 0;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.living {
    padding: 10rem 0;
}


.sign-in-button a {
    border: 1px solid;
    padding: 9px 24px;
    margin-left: 37px;
}

.post-tab-list .search-input {
    background-color: #fafafa;
}

.post-tab-wrp .post-list-box li {
    font-family: var(--default-font);
    font-size: 26px;
    font-weight: 600;
}

.post-tab-wrp .dropbtn {
    font-family: var(--default-font);
    font-size: 26px;
    font-weight: 600;
}

.post-tab-wrp .dropbtn:hover {
    color: var(--brown-color);
}

.fashion-page .col-md-2 {
    width: 20%;
}

.post-tab-wrp .dropbtn i {
    font-size: 15px;
}

.post-tab-wrp {
    background-color: #fafafa;
    padding-bottom: 2rem;
}

.box-img {
    position: relative;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    /* padding: 218px 20px; */
    display: flex;
    min-height: 500px;
    flex-direction: column;
    justify-content: space-between;
    padding: 10px 26px 28px;
    color: #fff;
    z-index: 1;
}

.box-img a {
    position: relative;
    color: #fff;
    z-index: 1;
}

.box-img::after {
    position: absolute;
    content: "";
    left: 0;
    bottom: 0;
    right: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.51);
}

.box-img .share-box {
    position: absolute;
    left: -169px;
}

.box-img h5 {
    background-color: var(--black-color);
    display: inline;
    padding: 10px;
    font-size: 14px;
}

.box-img h3 {
    padding-top: 22px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.recent-post {
    padding: 2rem 0;
}

.recent-post-box {
    margin-bottom: 22px;
}

.brand-slider-page {
    border: 1px solid #000;
    margin: 113px 0;
}

.brand-slider-page .item {
    padding: 0 55px;
}

.brand-slider-page .owl-prev {
    position: absolute;
    top: 40%;
    left: 14px;
}

.brand-slider-page .owl-next {
    position: absolute;
    top: 40%;
    right: 17px;
}

.brand-slider-page .owl-next i {
    font-size: 40px;
}

.brand-slider-page .owl-prev i {
    font-size: 40px;
}

.brand-join-page {
    padding: 5rem 0 2rem;
}

.brand-join-page .owl-item-text {
    display: flex;
    flex-direction: column;
    margin-top: 14px;
}

.brand-join-page .brand-slide-name {
    margin-left: 42px;
}

.brand-join-page .owl-item-text span {
    margin-bottom: 2px;
    font-size: 10px;
    /* margin-top: 4px; */
}

.brand-join-page .owl-item-text small {
    font-size: 10px;
    margin-top: 10px;
}

.brand-join-page .owl-item-text i {
    margin-left: 9px;
    margin-right: 9px;
}

.brand-page {
    background-repeat: no-repeat;
    background-size: cover;
    min-height: 758px;
    padding: 100px 0 0 0;
    /* margin-top: 37px; */
}

.brand-banner-text {
    margin-top: -8rem;
}

.brand-banner-text h2 {
    font-size: 35px;
}

.join-page-text h3 {
    font-family: var(--default-font);
    font-size: 48px;
}

.brand-join-image .text {
    margin-left: 15rem;
    font-size: 12px;
    text-decoration: underline;
}

.brand-join-button ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    margin-top: 58px;
}

.brand-join-button ul a {
    background-color: var(--black-color);
    color: var(--white-color);
    width: 68%;
    display: inline-flex;
    justify-content: center;
    font-size: 19px;
    height: 106px;
    align-items: center;
    position: relative;
    transition: all 0.5s;
    font-family: var(--heading-font);
    letter-spacing: 1px;
}

.brand-join-button ul a:hover {
    background-color: transparent;
    color: var(--black-color);
}

.brand-join-button ul li {
    margin-bottom: 20px;
}

.brand-join-button ul a::after {
    position: absolute;
    content: "";
    /* background-color: var(--black-color); */
    width: calc(100% + 9px);
    height: calc(100% + 8px);
    top: -4px;
    border: 1px solid var;
    border: 1px solid var(--black-color);
    left: -4px;
    right: 0;
    margin: 0 auto;
}

.join {
    background-color: #4a454a;
    padding: 80px 0;
    color: var(--white-color);
}

.join h3 {
    font-size: 68px;
}

.join-text {
    margin-top: 12px;
}

.join-text hr {
    width: 14%;
    opacity: 1;
}

.join-text span a {
    color: var(--white-color);
    font-size: 44px;
    font-weight: 600;
}

.brand-icon img {
    border: 1px solid var(--black-color);
    border-radius: 50%;
    padding: 7px 0;
    width: auto;
    height: 150px;
    object-fit: cover;
}

.brand-icon h4 {
    font-size: 19px;
    font-family: var(--heading-font);
    letter-spacing: 3px;
    text-align: center;
    font-weight: 600;
    margin-top: 10px;
}

.brand-icon {
    padding: 50px 0;
}

.brand-icon .col-md-2 {
    width: 17.666667%;
    margin-bottom: 26px;
    text-align: center;
}

.instagram .col-md-2 {
    margin-bottom: 20px;
}

.venue-img {
    background-color: #fafafa;
}

.plan {

    background-color: #fafafa;
}

.venue-plan {
    background-color: var(--white-color);
    padding: 3rem 0;
}

.plan h3 {
    text-align: center;
}

.venue-img img {
    width: 100%;
}

.price-list {
    text-align: center;
    background-color: var(--white-color);
    box-shadow: 0 0 10px #0000006e;
    padding: 50px;
    height: 100%;
}

.plan .row>* {
    padding-right: calc(var(--bs-gutter-x) * .8);
    padding-left: calc(var(--bs-gutter-x) * .8);
}

.price-list li {
    margin-bottom: 21px;
    font-size: 12px;
}

.price-list li a {
    background-color: var(--black-color);
    color: #fff;
    font-size: 15px;
    width: 60%;
    display: inline-flex;
    height: 45px;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
}

.price-list li h3 {
    font-size: 57px;
}

.price-list2 {
    margin-top: 4rem;
}

.price--number {
    font-size: 58px;
    font-weight: 600;
    margin-right: 11px;
    font-family: var(--heading-font);
}

.price {
    display: flex;
    justify-content: center;
    margin-bottom: -19px;
}

.price--dolar {
    font-size: 1.1rem;
    margin-top: -7px;
    font-weight: 500;
    margin-right: 10px;
    font-family: var(--heading-font);
}

.price-list h4 {
    font-family: var(--heading-font);
    font-weight: 600;
    font-size: 30px;
}

.venue-plan h3 {
    font-size: 39px;
}

.venu-plan2 {
    padding-top: 1rem;
}

.plan-page {
    background-color: #fafafa;
}

.plan-page h5 {
    font-size: 14px;
}

.insta-img {
    position: relative;
}

.insta-img span {
    position: absolute;
    right: 6px;
    top: 5px;
    background: #0000009e;
    color: #fff;
    padding: 3px 10px;
}

.brand-join-page .owl-item-text small a {
    color: var(--light-pink);
    font-size: 14px;
}

.gifting-page img {
    height: 408px !important;
    object-fit: cover;
}

.grid-item {
    position: relative;
}

.grid-item .post-icon {
    position: absolute;
    top: 9px;
    right: 13px;
    opacity: 0;
    transition: 0.5s ease-in;
}

.grid-item:hover .post-icon {
    opacity: 1;
}

.contact-text h4 {
    font-family: var(--heading-font);
}

.contact-wrp {
    text-decoration: underline;
    color: var(--black-color) !important;
}

.contact-page-form .input-group {
    align-items: center;
}

.contact-page-form #datepicker-input {
    cursor: pointer;
}

.datepicker-dropdown {
    border: 1px solid #000 !important;
    max-width: 336px !important;
    width: 100% !important;
    /* height: 100%; */
    border-radius: 0;
    padding: 25px 19px 24px;
}

.datepicker td,
.datepicker th {
    text-align: center;
    width: 48px;
    height: 48px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    border: none;
}

.datepicker table tr td.day.focused,
.datepicker table tr td.day:hover {
    background: var(--nude);
    cursor: pointer;
    color: var(--white-color);
}
.datepicker table tr td.active{
    background-image: linear-gradient(to bottom, #b87333, #b87333);
}

.table-condensed thead tr:nth-last-child(2) {
    border-bottom: 1px solid var(--black-color);
}

/* .datepicker table tr td.active {
    background: var(--black-color) !important;
    border-radius: 50%;
    color: var(--white-color);
} */

.editor {
    padding: 4rem 0;
}

.video-part video {
    width: 100%;

}

.editor .blog-text {
    margin-left: 26px;
}

.editor .blog-sec h2 {
    padding: 0 0 20px;
    font-size: 42px;
}

.editor .gown-box {
    border: 1px solid var(--black-color);
    margin-bottom: 2rem;
    height: 95%;
}

.editor .gown-text2 {
    padding: 32px;
}

.editor .video-text {
    color: var(--white-color);
    background-color: var(--black-color);
    padding: 13px 20px 41px;
}

.editor .video-part {
    background-color: var(--black-color);
    padding: 0 59px 24px;
}

.video-text p {
    font-family: unset;
    font-weight: 400;
    font-size: 20px;
}

.video-text h4 {
    font-family: var(--heading-font);
    font-weight: 600;
    font-size: 33px;
    padding: 20px 0;
}

.video-text .beauty-button {
    display: flex;
    justify-content: center;
    margin-top: 53px;
}

.video-text .bride-buttonone {
    background-color: var(--white-color);
    color: var(--black-color);
    font-weight: 600;
}

.editor .gown-img img {

    height: 463px;
    object-fit: cover;
}

.trend h2 {
    font-size: 42px;
    position: relative;
}

.trend h2::after {
    position: absolute;
    content: "";
    border-bottom: 9px dotted #fdf6f4;
    right: 0;
    bottom: 11px;
    width: 370px;
    height: 230px;
}

.editor .blog-sec h2 {
    position: relative;
}

.editor .blog-sec h2::after {
    position: absolute;
    content: "";
    border-bottom: 9px dotted #fdf6f4;
    right: 0;
    bottom: 31px;
    width: 431px;
    height: 230px;
}

.trend p {
    margin: 2rem 0;
}

.editor .blog-img {
    height: unset;
}

.trend {
    margin-top: 20px;
}

.editor-text {
    margin: 0;
    text-decoration: underline;
}

.editor-icon nav i {
    font-size: 38px;
}

.editor-icon {
    margin-top: 27px;
}

.editor-icon nav a {
    margin-left: 18px;
}

.editor-icon hr {
    color: var(--black-color);
    opacity: 1;
}

.editor-sec h2 {
    position: relative;
    font-size: 42px;
    font-family: unset;
}

.editor-sec h2::after {
    position: absolute;
    content: "";
    border-bottom: 9px dotted #fdf6f4;
    right: 0;
    bottom: 16px;
    width: 528px;
    height: 230px;
}

.editor-sec h2::before {
    position: absolute;
    content: "";
    border-bottom: 9px dotted #fdf6f4;
    left: 0;
    bottom: 16px;
    width: 540px;
    height: 230px;
}

.editor-sec .bride-buttonone {
    padding: 8px 55px;
    font-size: 14px;
    height: 49px;
    border: 1px solid var(--black-color);
    border-radius: 0;
    font-size: 17px;
    outline: 1px solid #000;
    outline-offset: 4px;
    font-weight: 500;
    letter-spacing: 1px;
}

.mail-form input {
    width: calc(100% - 233px);
    height: 55px;
    border-radius: 0;
    margin: 34px 0;
    border: 3px solid;
}

.mail-form span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.mail-form span a {
    padding: 13px 15px;
    font-size: 14px;
    height: 53px;
    border-radius: 0;
    font-size: 17px;
    font-weight: 500;
    letter-spacing: 1px;
    background-color: var(--black-color);
    color: var(--white-color);
    margin-left: 10px;
}

.mail-form p {
    font-size: 27px;
}

.mail-text {
    padding-bottom: 5rem;
}

.checkout-page {
    margin-top: 50px;
}

.payment-form ul li {
    margin-bottom: 41px;
    font-size: 26px;
    /* opacity: 0.6; */
}

.payment-form .gift-button {
    margin-top: 25px;
}

.payment-form .gift-button .bride-buttonone {
    border-radius: 0;
    width: 259px;
    font-size: 14px;
    padding: 2px 34px;
    height: 39px;
}

.payment-form .gift-button .bride-buttonone:hover {
    background-color: var(--black-color);
    border-radius: 0;
    width: 259px;
    color: var(--white-color);
}

.payment-form .gift-button .bride-buttontwo {
    border-radius: 0;
    width: 259px;
    border: 1px solid var(--black-color);
    font-size: 14px;
    padding: 2px 34px;
    height: 39px;
}

.payment-form .gift-button .bride-buttontwo:hover {
    border-radius: 0;
    width: 259px;
    border: 1px solid var(--black-color);
}

.order {
    border: 1px solid;
    padding: 29px 20px 0;
}

.checkout {
    padding-bottom: 40px;
    background-color: #fafafa;
}

.checkout .col-md-11 {
    background-color: var(--white-color);
}

.order li p {
    font-size: 15px;
    margin-bottom: 6px;
    margin-top: 3px;
}

.order li span {
    margin-right: 10px;
}

.order li {
    margin-bottom: 26px;
    font-size: 13px;
}

.order li .d-flex .justify-content-between li {
    margin-bottom: 10px;
}

.order li ul li {
    margin-bottom: 0;
    font-size: 13px;
}

.order li ul li h6 {
    font-size: 19px;
    font-weight: 400;

}

.order li .coupon {
    text-decoration: underline;
    color: var(--black-color);
}

.checkout-text {
    font-size: 15px;
    margin-top: 17px;
    margin-bottom: 15px;
}

.checkout-text span {
    margin-right: 10px;
}

.checkout-page h4 {
    margin-bottom: 34px;
}

.checkout-line {
    margin-bottom: 39px;

}

.payment-form ul li h4 span {
    margin-right: 23px;
}

.payment-color {
    color: #b3afa6;
    font-weight: 400;
}

.payment-page {
    background-color: #fafafa;
}



.venu-page-gallery {
    padding: 2rem 0;
    background-color: #fafafa;
}

.venu-page-content {
    padding: 22px 0;
}

.venu-page-text h4 {
    font-family: var(--default-font);
    font-size: 52px;
    font-weight: 600;
    margin-bottom: 0;
}

.venu-page-text p {
    margin-top: -15px;
    font-weight: 600;
}

.venue-price img {
    width: auto;
    height: 85px;
}

.venue-price strong {
    font-size: 24px;
}

.venue-price .quote a {
    color: #e4b43c;
    transition: 0.5s all;
}

.venu-page-start-price {
    transition: 0.5s all;
}

.venu-page-start-price:hover {
    letter-spacing: 2px;
    color: var(--black-color);
    text-decoration: underline;
}

.venue-price .quote a:hover {
    letter-spacing: 2px;
    color: var(--black-color);
    text-decoration: underline;
}

.venue-rating nav i {
    color: #e3bf16;
    font-size: 21px;
}

.venue-rating {
    margin-top: 13px;
}

.venue-rating strong {
    font-size: 25px;
}

.venu-page-content .col-md-4,
.venu-page-content .col-md-8 {
    margin-top: 25px;
}

.venu-page-content .col-md-4 p {
    font-size: 19px;
}

.venu-page-content .col-md-8 img {
    background-color: var(--white-color);
    padding: 10px 11px 42px;
    box-shadow: 0 0 10px #00000054;
}

.venu-page-content .bride-buttonone {
    padding: 16px 78px;
    font-size: 14px;
    height: 64px;
    border: 1px solid var(--black-color);
    border-radius: 0;
    font-size: 17px;
    outline: 1px solid #000;
    outline-offset: 4px;
    letter-spacing: 2px;
}

.facility-text {
    background-color: #fbf6f3;
    padding: 79px 28px 48px;
    text-align: center;
    margin-top: -53px;
    min-height: 932px;

}

.facility-img-box:hover h4 {
    margin-top: -20px;
}

.facility-img-box1:hover img {
    content: url(../images/hover-img1.webp);
    /* Use 'content' property for image replacement */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.facility-img-box2:hover img {
    content: url(../images/facilityimg3.webp);
    /* Use 'content' property for image replacement */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.facility-img-box3:hover img {
    content: url(../images/love-img.webp);
    /* Use 'content' property for image replacement */
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.facility-img-box img {
    padding: 0 37px;
    width: 100%;
    height: 223px;
    object-fit: cover;
}

.facility-box.row>* {
    padding-right: calc(var(--bs-gutter-x) * 3);
    padding-left: calc(var(--bs-gutter-x) * 3);
    margin-top: var(--bs-gutter-y);
}

.facility-box .col-md-3 {
    width: 33%;
}

.facility {
    padding: 3rem 0;
}

.facility-text h4 {
    padding: 32px 0 10px;
    font-weight: 600;
    font-size: 28px;
    transition: 0.5s all;
}

.venu-menu {
    background-color: #fbfbfb;
    padding-top: 25px;
    padding-bottom: 24px;
}

.venu-menu .col-md-4 {
    text-align: center;
}

.venu-menu .bride-buttonone {
    border-radius: 0;
    width: 274px;
    position: relative;
    font-weight: 400;
    font-size: 16px;
}

.venu-menu video {
    border-radius: 10px;
}

.venu-menu .bride-buttonone::after {
    position: absolute;
    content: "";
    border: 2px solid var(--black-color);
    width: calc(100% + 6px);
    height: calc(100% + 6px);
    left: -3px;
    right: 0;
    margin: 0 auto;
    top: -3px;
    bottom: 0;
}

.venu-menu .bride-button {
    margin-top: 26px;
}




.video-waiver-page .video-part {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
}

.video-waiver-page video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.video-waiver-page {
    position: relative;
}

.video-form {
    background: #000;
    color: #fff;
    padding: 40px 39px 103px;
    border-radius: 54px;
    margin: 28px 0 341px;
}

.video-text {
    margin-top: 0;
}

.video-text h5 a {
    font-size: 59px;
}

.video-form h4 {
    font-size: 42px;
    padding-bottom: 12px;
}

.video-form .form-control {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid var(--white-color);
    border-radius: 0;
    color: var(--white-color);
    padding-left: 0;
}

.video-form .form-check-label {
    font-size: 15px;
    font-family: var(--heading-font);
}

.video-form .form-check-input[type=checkbox] {
    border-radius: 1.25em;
    margin-top: 25px;
    background-color: transparent;
    border: 1px solid #fff;
}

.upload {
    font-family: var(--default-font);
}

#signature {
    border: 0;
    margin-bottom: 17px;
    border-bottom: 1px solid #fff;
    position: relative;
}

#signature::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background-color: var(--white-color);
    width: 10px;
    height: 1px;
}

.clear-button {
    background-color: transparent;
    color: #eeeeee61;
    border: 0;
    text-align: end;
}

.form-submit {
    background-color: transparent;
    color: var(--white-color) !important;
    font-family: var(--heading-font);
    font-style: italic;
    border: 0;
    font-size: 26px;
    transition: all 0.5s;
}

.form-submit:hover {
    background-color: transparent;
    border: 1px solid var(--white-color);
    border-radius: 24px;
    box-shadow: 0;
}


.video-form-wrp .robot {
    font-size: 14px;
    color: var(--black-color);
}

.box-container {
    display: flex;
    background-color: #F9F9F9;
    border: 1px solid #D3D3D3;
    border-radius: 3px;
    /* width: 235px; */
    align-items: center;
    padding: 10px 0px 10px 0px;
    height: 60px;
    justify-content: space-around;
}

.logo-text p {
    color: var(--black-color);
    font-size: 9px;
}

.box-container input[type="checkbox"] {
    appearance: none;
    width: 18px;
    height: 19px;
    border: 2px solid #C1C1C1;
    margin: 0px 14px 0px 14px;
}

.box-container input[type="checkbox"]:checked::before {
    content: url(https://img.icons8.com/?size=20&id=27&format=png&color=1e5180);
    display: block;
    line-height: 20px;
    padding: 0.05rem 0.6rem 0rem 0.05em;
}

.box-container .capcha-logo {
    display: block;
    /* margin-left: 47%; */
    text-align: center;
}

.logo-text {
    text-align: center;
    font-size: 9px;
}

.logo-text-tos {
    display: block;
    text-align: center;
    font-size: 7px;
    color: #000;
}

.signature-box {
    position: relative;
}

.canvas-line {
    /* position: absolute; */
    opacity: 1;
    top: 84px;
    z-index: 0;
    margin-top: -42px;
    width: 60%;
    margin-left: 59px;
}














.main-wrapper {
    max-width: 1170px;
    margin: 0 auto;
    text-align: center;
}

.upload-main-wrapper {
    width: 169px;
    margin: 0 auto;
}

#file-upload-name {
    margin: 4px 0 0 0;
    font-size: 12px;
}

.upload-wrapper {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    cursor: pointer;
    border: 1px solid var(--white-color);
    padding: 8px 22px;
    border-radius: 0;
    overflow: hidden;
    transition: 0.2s linear all;
    color: var(--white-color);
}

.upload-wrapper input[type="file"] {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    opacity: 0;
    top: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 1;
}

.upload-wrapper>svg {
    width: 50px;
    height: auto;
    cursor: pointer;
}

.upload-wrapper.success>svg {
    transform: translateX(-200px);
}

.upload-wrapper.uploaded {
    transition: 0.2s linear all;
    width: 60px;
    border-radius: 50%;
    height: 60px;
    text-align: center;
}

.upload-wrapper .file-upload-text {
    position: absolute;
    left: 31px;
    opacity: 1;
    visibility: visible;
    transition: 0.2s linear all;
}

.upload-wrapper.uploaded .file-upload-text {
    text-indent: -999px;
    margin: 0;
}

.file-success-text {
    opacity: 0;
    transition: 0.2s linear all;
    visibility: hidden;
    transform: translateX(200px);
    position: absolute;
    left: 0;
    right: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.file-success-text svg {
    width: 25px;
    height: auto;
}

.file-success-text span {
    margin-left: 15px;
}

.upload-wrapper.success .file-success-text {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.upload-wrapper.success.uploaded .file-success-text {
    opacity: 1;
    visibility: visible;
    transform: none;
}

.upload-wrapper.success.uploaded .file-success-text span {
    display: none;
}

.upload-wrapper .file-success-text circle {
    stroke-dasharray: 380;
    stroke-dashoffset: 380;
    transition: 1s linear all;
    transition-delay: 1.4s;
}

.upload-wrapper.success .file-success-text circle {
    stroke-dashoffset: 0;
}

.upload-wrapper .file-success-text polyline {
    stroke-dasharray: 380;
    stroke-dashoffset: 380;
    transition: 1s linear all;
    transition-delay: 2s;
}

.upload-wrapper.success .file-success-text polyline {
    stroke-dashoffset: 0;
}

.upload-wrapper.success .file-upload-text {
    -webkit-animation-name: bounceOutLeft;
    animation-name: bounceOutLeft;
    -webkit-animation-duration: 0.2s;
    animation-duration: 0.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

@-webkit-keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}

@keyframes bounceOutLeft {
    20% {
        opacity: 1;
        -webkit-transform: translate3d(20px, 0, 0);
        transform: translate3d(20px, 0, 0);
    }

    to {
        opacity: 0;
        -webkit-transform: translate3d(-2000px, 0, 0);
        transform: translate3d(-2000px, 0, 0);
    }
}


.gown-list .gown-box .owl-nav {
    display: none;
}

.gown-list .gown-box .item {
    position: relative;
}

.home-grown_icon {
    position: absolute;
    display: flex;
    justify-content: space-between;
    left: 0;
    right: 0;
    padding: 10px;
}

.home-grown_icon i {
    background-color: var(--brown-color);
    padding: 10px;
    height: 100%;
    border-radius: 0 0 0 32px;
}

.home-grown_icon p {
    font-size: 10px;
}

.black-button {
    border-radius: 0;
    border: 1px solid var(--black-color);
}

.black-button:hover {
    border: 1px solid var(--black-color) !important;
    color: var(--black-color);
}

.white-button {
    border-radius: 0;
    font-weight: 600;
}

/* discover-page */
.discover-inner_page {
    padding: 6rem 0 1rem;
}

.discover_content h2 {
    width: 100%;
    font-size: 89px;
    max-width: 500px;
}

.discover_content p {
    width: 100%;
    max-width: 284px;
    margin-left: 89px;
    padding: 25px 0;
}

.discover_img {
    position: relative;
}

.discover-real_wedding {
    position: absolute;
    top: 50%;
    right: -3%;
    transform: translateY(-50%) rotate(90deg);
    transform-origin: right center;
 
}

.discover_content {
    margin-left: 104px;
}

.discover_content .beauty-button {
    margin-left: 89px;
}

.discover_img img {
    min-height: 769px;
    object-fit: cover;
}

.discover-list .gown-text2 {
    border: 0;
    height: unset;
    color: var(--black-color) !important;
}

.discover-list .gown-text2 p {
    font-size: 19px !important;
    padding-bottom: 2rem;
    font-weight: 400;
}

.discover-list .gown-text2 h5 {
    margin: 25px 0;
    font-size: 18px;
    color: var(--pink) !important;
}

.discover-directory-_wrp {
    background-color: #f4f4f4;
    padding: 51px 68px;

}

.discover_directory {
    position: relative;
}

.discover_directory::after {
    position: absolute;
    content: "";
    top: 0;
    right: 0;
    bottom: 0;
    background-color: #f4f4f4;
    height: 100%;
    width: 14%;
}

.discover-list {
    padding-top: 10px !important;
}

.discover-weeding {
    padding: 5rem 0 0 0;
}

.head-title {
    font-size: 70px;
}

.discover-weeding-head {
    margin-bottom: 25px;
}

.discover-directory2.discover_directory::after {
    left: 0;
    right: unset;
}

.discover-join {
    background-color: #f4f4f4;
    color: var(--black-color);
}

.discover-join h4 {
    font-family: var(--heading-font);
    margin-bottom: 25px;
}

.discover-join .product-icon i {
    font-size: 25px;
}

.discover-join .product-icon a {
    margin-right: 13px;
}

.discover-form span .form-control {
    margin-bottom: 0;
    border: 0;
    border-bottom: 1px solid var(--black-color);
    border-radius: 0;
    background: transparent;
    height: 49px;
    padding: 0 !important;
    transition: all 0.2s;
}

.discover-form span input::placeholder {
    font-size: 18px;
    color: var(--black-color);

}

.discover-join .join-text p {
    margin: 25px 0;
}

.discover-form span {
    margin-right: 18px;
}

.head-title2 {
    font-size: 41px;
}

.personalized-page {
    padding: 5rem 0;
}

.personalized-page span {
    background-color: var(--black-color);
    width: 8px;
    height: 8px;
    display: inline-flex;
    margin-right: 8px;
    border-radius: 50%;
}

.personalized-page ul {
    margin: 25px 0;
}

.personalized-page ul li {
    margin-bottom: 10px;
}

.wedding-website {
    padding: 5rem 0;
    overflow: hidden;
}

.wedding-website_menu .swiper-slide {
    text-align: center;
    border: 1px solid #0000004d;
    border-radius: 11px;
    padding: 7px 1px;
    margin-top: 24px;
}

.wedding-website_menu .active {
    border: 1px solid var(--black-color);
}

.website-img {
    margin-top: 25px;
    position: relative;
    margin-bottom: 25px;
}

.website-img img {
    margin-bottom: 10px;
}

.website-img p a {
    text-decoration: underline;
    color: #000 !important;
}

.personalized-help {
    background-color: #e3bc9a21;
}

/* .website-img img {
    border-radius: 10px;
    transition: all 0.5s;

}

.website-img:hover img {
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
} */

/* .website-img span {
    opacity: 0;
    visibility: hidden;
}

.website-img:hover span {
    opacity: 1;
    visibility: visible;
    position: absolute;
    bottom: -52px;
    left: 0;
    text-align: center;
    right: 0;
    margin: 0 auto;
    color: var(--black-color);
    font-family: var(--heading-font);
    color: var(--sand);
    font-size: 27px;
    font-weight: 600;
} */

.personalized-page_list {
    padding-bottom: 5rem;
    overflow: hidden;
}

.personalized-page_listimage img {
    height: 392px;
    object-fit: cover;
    border-radius: 10px;
}

.personalized-page_listbox {
    margin-top: 55px;
    border-top: 1px solid var(--black-color);
    padding-left: 17px;
}

.personalized-page_listimage {
    border-right: 1px solid var(--black-color);
    margin-left: 11px;
    padding: 39px 39px 43px 0;
}

.personalized-page_listbox2 {
    margin-top: 0 !important;

}

.personalized-page_listbox2 .personalized-page_listtext {
    border-right: 1px solid var(--black-color);
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: center;
}

.personalized-page_listbox2 .personalized-page_listimage {
    border: 0;
}

.personalized-page_listbox2 hr {
    opacity: 1;
}

.personalized-testimonial {
    overflow: hidden;
    padding: 2rem 0;
}

.testimonial-content {
    background-color: rgb(194 178 128 / 32%);
    padding: 45px 31px;
    border-radius: 10px;
}

.personalized-testimonial .personalized-page_listtext {
    padding: 39px 24px 43px 17px;
}

.personalized-testimonial hr {
    opacity: 1;
}

.personalized-testimonial .reviews-group {
    margin: 25px 0;
}







/* article */
.articleLeft {
    background: #f8f8f8;
    padding: 30px;
    /* position: fixed;
    top: 100px; */
}

.articleLeft ul {
    margin-top: 30px;
    border-left: #ddd 1px solid;
}

.articleLeft ul li a {
    margin-bottom: 15px;
    display: block;
    padding: 0 0 0 20px;
    position: relative;
    color: #000;
}

.articleLeft ul li a::before {
    position: absolute;
    top: 10px;
    left: -3px;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #ccc;
    content: "";
}

.articleLeft ul li a:hover,
.articleLeft ul li a.active {
    color: var(--pink) !important
}

.articleLeft ul li a:hover::before,
.articleLeft ul li a.active::before {
    background: var(--black-color) !important
}

.article h2 {
    font-size: 50px;
}

.articleRight li {
    padding-right: 15px;
}

.box2 {
    background: #f2f2f2;
    padding: 30px;
}

.box2 a {
    text-decoration: underline
}

.articleRight a {
    color: var(--pink)
}

.pl-3 {
    padding-left: 2rem;
}

.lookfor p {
    margin-top: 15px;
}

.accordion-button:not(.collapsed) {
    color: #333;
    background-color: #ddd;
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
}

.accordion-button {
    font-size: 20px;
}

.stick {
    position: fixed;
    width: 18.7%;
    top: 15%;
}

.abs {
    position: absolute;
    bottom: 0px;
    width: 92.5%;
}

.footertop {
    height: 60px;
}

.mt-10 {
    padding-top: 6.5rem;
}

.commonClass h3 {
    margin-bottom: 20px;
    font-size: 50px
}


.gallery-container {
    position: relative;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
    padding: 12px 0;
}

.gallery-main {
    width: 86%;
    /* height: 300px; */
    /* box-shadow: 0 50px 75px 50px rgba(30, 30, 30, 0.18); */
    border: 1px solid #e9e9e9;
}

.gallery-thumbs .swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: auto !important;
    position: relative;
    transition-property: transform;
    display: block;
    margin: 10px 0;
}

.gallery-main .swiper-button-prev,
.gallery-main .swiper-button-next {
    position: absolute;
    bottom: 0;
    right: 0;
    top: auto;
    left: auto;
    height: 52px;
    width: 51px;
    color: var(--white-color);
    border-radius: 50%;
    box-shadow: 0 0 7px #000000b0;
}

.gallery-main .swiper-button-prev::after,
.gallery-main .swiper-button-next::after {
    font-size: 12px;
}

.gallery-main .swiper-button-prev {
    left: 118px;
    border-right: 1px solid #e9e9e9;
    top: 50%;
}

.gallery-main .swiper-button-next {
    top: 50%;
    right: 10px;
}

.gallery-title {
    position: absolute;
    top: 15px;
    right: 15px;
    font-family: "Epilogue", sans-serif;
    font-size: 50px;
    font-weight: 700;
    text-align: right;
    text-transform: uppercase;
    text-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    color: #ffffff;
}

.swiper-slide-active .gallery-title {
    -webkit-animation: slide-in 0.3s ease-in both;
    animation: slide-in 0.3s ease-in both;
}

.gallery-thumbs {
    order: -1;
    width: 100px;
    height: 300px;
    margin-right: 15px;
    padding-left: 15px;
}

.gallery-thumbs .swiper-slide img {
    transition: 0.3s;
}

.gallery-thumbs .swiper-slide-active {}

.gallery-thumbs .swiper-slide {
    opacity: 0.5;
}

.gallery-thumbs .swiper-slide-thumb-active {
    opacity: 1;
}

/* .gallery-thumbs .swiper-slide-thumb-active img {
    margin-left: -15px;
  } */
.gallery-main .swiper-slide img,
.gallery-thumbs img {
    width: 100%;
}

.gallery-main .swiper-slide img {
    border-radius: 10px;
    height: 773px;
    object-fit: contain;
}

.gallery-main .swiper-slide {}

.product-page_single-icon {
    position: absolute;
    top: -11px;
    left: 8px;
    right: 9px;
    display: flex;
    justify-content: space-between;
}

.etsy-content {
    background: var(--sand);
    padding: 6px 10px;
    border-radius: 19px;
    color: var(--white-color);
    display: flex;
    font-size: 14px;
    justify-content: center;
    align-items: center;
}

.etsy-content i {
    margin-right: 6px;
    margin-top: -4px;
}

.product-heart_icon {
    background-color: var(--white-color);
    padding: 4px 10px;
    box-shadow: 0 0 10px #00000040;
    border-radius: 50%;
    font-size: 21px;
}

.product-review-section {
    padding: 2rem 0;
}

.review-tab a {
    margin-right: 47px;
    margin-bottom: 17px;
    font-size: 18px;
    position: relative;
    color: var(--black-color) !important;
}

.review-tab .review-number {
    background-color: var(--light-pink);
    margin-left: 10px;
    padding: 10px;
    border-radius: 26px;
    font-weight: 600;
}

.review-tab .active::after {
    border-bottom: 3px solid var(--black-color);
    position: absolute;
    bottom: -18px;
    left: 0;
    content: "";
    width: 100%;
}

.review-tab.d-flex {
    border-bottom: 1px solid #00000047;
}

.review-select .form-select {
    width: unset;
    padding-left: 80px;
    border: 0;
    font-weight: 600;
}



.custom-select-wrapper {
    position: relative;
}

.custom-select-wrapper:hover {
    background-color: var(--light-pink);
}

.custom-select-wrapper::before {
    content: 'Sort by:';
    position: absolute;
    left: 13px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: 600;
}

/* new-product */
.product-single__reviews-item p {
    margin: 25px 0;
}

.customer-name h6 {
    margin-right: 11px;
    margin-bottom: 0;
    border-bottom: 1px solid var(--black-color);
}

.customer-name h6 i {
    margin-right: 10px;
}

.customer-review {
    width: 100%;
    max-width: 404px;
}

.customer-review_right ul {
    margin-top: 20px;
}

.customer-review_right ul li {
    margin-bottom: 10px;
    font-size: 12px;
    gap: -3px;
    width: 100%;
    justify-content: end;
}

.customer-recommends {
    font-size: 12px;
}

span.subrating-item-number {
    padding: 0 8px;
}

.block-28 ul {
    justify-content: start !important;
}

.review-photo {
    padding: 4rem 0;
}

.review-photo_list img {
    width: 100%;
    min-height: 180px;
    object-fit: cover;
    border-radius: 10px;
}

.review-photo_list .swiper-button-prev:after,
.review-photo_list .swiper-button-next:after {
    background: #fff;
    font-size: 21px;
    padding: 9px 13px;
    color: #000;
    border-radius: 50%;
}

.product-acordian .accordion-body h4 {
    margin: 16px 0;
    font-family: var(--heading-font);
    font-weight: 600;
}

.product-acordian .accordion-button:not(.collapsed) {
    color: #333;
    background-color: #ddd;
    box-shadow: none;
    border: 0;
    border-radius: 20px;
}

.product-acordian .accordion-item {
    background-color: #fff;
    border: 0;
}

.product-acordian .accordion-button:hover {
    background-color: #ddd;
    box-shadow: none;
    border: 0;
    border-radius: 20px;
}

.product-acordian .black-button {
    padding: 6px 23px;
    height: 46px;
    font-size: 13px;
}

.product-acordian .accordion-body i {
    margin-right: 10px;
}

.product-acordian .materials {
    margin-top: 10px;
}

.product-acordian .accordion-body ul li {
    margin-bottom: 10px;
}

.pincode {
    margin: 20px 0;
}

.product h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 16px;
    margin-top: 16px;
}

.product:hover {
    background-color: var(--white-color);
    box-shadow: 0 0 10px #000;
    padding: 8px;
    border-radius: 10px;
}

.realated-product-list li {
    margin-bottom: 21px;
    border: 1px solid #000;
    padding: 0;
    border-radius: 13px;
    transition: all 0.5s;
}

.realated-product-list li:hover {
    box-shadow: 0 0 10px #000;
}

.realated-product-list {
    margin-top: 20px;
}

.realated-product-list div {
    font-size: 12px;
    margin-left: 18px;
    margin-top: 5px;
}

.realated-product-list img {
    width: auto;
    height: 45px;
    border-radius: 10px 0 0 10px;
}

.also-like2 {
    padding: 2rem 0;
}

.product-shop-form-year {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: 21px;
}

.product-shop-form-year .form-select {
    padding: 10px;
    border: 0;
    background: #fff;
    box-shadow: 0 0 4px #000000a8;
}

.month-name {
    margin-right: 15px;
}

.month-name label {
    font-size: 18px;
    font-weight: 600;
}

.date-button span a:hover i {
    padding-left: 10px;
}

.date-button span a i {
    transition: all 0.5s;
}

.product-shop img {
    height: 256px;
    object-fit: cover;
    border-radius: 10px 0 0 10px;
}

.product-shop-bg {
    background-color: var(--white-color);
    box-shadow: 0 0 10px #000;
    border-radius: 10px;
}

.product-shop {
    padding: 3rem 0;
}

.product-shop-form {
    padding: 21px 21px 21px 0;
}

.product-top-wedding .text {
    margin-top: 20px;
    color: var(--black-color) !important;
    font-weight: 600;
}

.product-top-wedding .text i {
    margin-left: 15px;
    transition: all 0.5s;
}

.product-top-wedding .product:hover .text i {
    padding-left: 10px;
}

.product-top-wedding .product img {
    height: 271px;
    object-fit: cover;
    border-radius: 10px;
}

.related-search {
    padding: 3rem 0;
}

.related-search_list {
    flex-wrap: wrap;
    gap: 15px;
}

.related-search_list li {
    text-align: center;
    width: 8%;
}

.related-search .text {
    font-size: 15px;
}

.related-search .text {
    font-size: 15px;
    margin-top: 10px;
    text-align: center;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    padding: 0;
}

.related-search .product img {
    height: 87px;
    border-radius: 50%;
    width: 87px !important;
    object-fit: cover;
}

.explore-more .col-md-2 {
    width: 20%;
    display: flex;
    margin-top: 20px;
}

.explore-more .button {
    background-color: var(--light-pink);
    padding: 15px;
    border-radius: 27px;
    font-weight: 600;
    color: var(--black-color) !important;
}

.explore-more {
    padding: 0 0 3rem 0;
}

.purchase i {
    font-size: 44px;
    margin-right: 19px !important;
}

.easy {
    background-color: var(--sand);
    color: var(--white-color);
    padding: 14px;
    border-radius: 14px;
    font-size: 14px;
}

.easy i {
    font-size: 20px;
}

.product-acordian .black-button {
    background-color: transparent;
    color: var(--black-color) !important;
    border-radius: 20px;
}

.seller-part {
    display: flex;
    align-items: center;
}

.seller-text {
    margin-left: 19px;
}

.seller-part img {
    height: 35px;
    object-fit: cover;
}

.product-acordian .seller-part .black-button {
    background-color: transparent;
    color: var(--black-color) !important;
    border-radius: 20px;

}

.product-acordian .bride-button {
    width: 100%;
    display: inline-grid;
}

.product-categories_masonry .product .text {
    padding-top: 12px;
    text-align: start;
    font-weight: 600;
    color: var(--pink) !important;
}

.product-categories_masonry .product .text i {
    margin-left: 10px;
}

.product-categories_masonry .product img {
    border-radius: 10px;
}

.product-deatil_date li a {
    margin-left: 25px;
    border-bottom: 1px solid var(--black-color);
}

.product-detail_menu {
    justify-content: start;
}

.product-detail_menu li a {
    border-bottom: 0;
    margin-left: 0;
    font-weight: 600;
}

.product-detail_menu li a:hover {
    color: var(--pink);
}

.product-detail_menu li a i {
    margin-left: 10px;
}

.product-detail_menu li {
    margin-right: 20px;
}

.email-input {
    max-width: 441px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    position: relative;
}

.email-input input {
    border-radius: 20px;
    height: 46px;
}

.product-subscribe {
    background: var(--light-pink);
    padding: 5rem 0;
}

.product-subscribe p {
    margin-bottom: 23px;
    font-weight: 600;
    font-family: var(--primary-font);
}

.email-input_button {
    position: absolute;
    top: 0px;
    right: 0px;
    border: 0;
    background: var(--black-color);
    color: var(--white-color);
    font-size: 16px;
    padding: 11px 11px;
    border-radius: 0 19px 19px 0;
}

.email-input_button:hover {
    background-color: var(--pink);
}

.product-acordian p {
    font-size: 16px;
}

.seller-text p {
    margin-bottom: 10px;
}

.seller-text-para {
    margin-top: 9px;
    margin-bottom: 16px;
}

.Seller-button:hover {
    background-color: var(--black-color);
    padding: 11px 17px;
    border-radius: 20px;
    color: var(--white-color);
}

.Seller-button {
    font-size: 14px;
    font-weight: 600;

    transition: ease-in-out 0.5s;
    padding: 11px 17px;
}

.ceremony-product .product-2 img {
    min-height: 378px;
    object-fit: cover;
}

.ceremony-product_menu {
    padding: 5rem 0;
}

.ceremony-product_menu img {
    border-radius: 50%;
    height: 162px;
    margin-bottom: 16px;
    transition: all 0.3s;
    max-width: 162px;
}

.menu-img {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.menu-img span {
    font-family: var(--heading-font);
    font-weight: 600;
    font-size: 23px;
}

.menu-img:hover img {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}

.menu-img:hover span {
    border-bottom: 2px solid var(--pink);
    color: var(--pink);
}

.big-day .product img {
    height: 300px;
    object-fit: cover;
    border-radius: 10px;
}

.get-started_form {
    padding: 105px 0 0 0;
    background-color: rgb(227 188 154 / 41%);
}

.get-started_form .form-control {
    height: 54px;
    border-radius: 0;
}

.get-started_form .form-control .option {
    color: #6c757d;
}

.get-started_form .form-check-label {
    font-size: 9px;
}

.get-started_form .form-check-input:checked {
    background-color: var(--pink);
    border-color: var(--pink);
}

.get-started_form .form-check-input:focus {
    border-color: var(--pink);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(184 115 51 / 48%);
}

.get-started_page {
    padding: 35px 0;
}

.get-started_form img {
    height: 100%;
    width: 100%;
}

.get-stared-logo {
    padding: 5rem 0;
}

.get-stared-logo hr {
    margin-top: 68px;
    width: calc(100% - 155px);
}

.get-started-website p {
    margin: 20px 0;
}

.get-started-website .built-website {
    color: var(--pink);
    font-weight: 600;
}

.get-started-website2 {
    padding: 5rem 0;
}

.get-started-website_text {
    max-width: 328px;
}

.get-started-bgimage {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 100px 0;
}

.get-started-bgimage-text {
    background-color: var(--white-color);
    padding: 87px 69px;
}

.get-started-bgimage-text img {
    width: 150px;
    height: 150px;
    border-radius: 50%;
}

.get-started-bgimage-text h4 {
    font-weight: 600;
    font-size: 18px;
    margin-top: 19px;
}

.learn-more_page {
    padding: 150px 0 0 0;
}

.learn-more-content {
    background-color: rgb(194 178 128 / 44%);
    padding: 38px;
    height: 78%;
    border-radius: 24px;
}

.learn-more_form {
    background: var(--white-color);
    padding: 46px;
    border-radius: 26px;
    box-shadow: 0 0 10px #0000003d;
}

.learn-more_form .form-control {
    border: 1px solid var(--black-color);
}

.learn-more_form .form-check-input:checked {
    background-color: var(--pink);
    border-color: var(--pink);
}

.learn-more_form .form-check-input:focus {
    border-color: var(--pink);
    outline: 0;
    box-shadow: 0 0 0 .25rem rgb(184 115 51 / 48%);
}

.learn-more-text h3 {
    font-size: 64px;
    padding-bottom: 31px;
}

.learn-more-text p {
    font-size: 28px;
}

.learn-more-content_img {
    width: 498px;
    height: 555px;
    object-fit: cover;
    border-radius: 27px;

}

.learn-more-content-img_box {
    position: relative;
}

.learn-more-content-img_box span {
    position: absolute;
    bottom: 49px;
    left: 0;
    background-color: var(--pink);
    padding: 11px;
    font-size: 23px;
    color: var(--white-color);
}

.learn-more-content_img2 {
    width: 100%;
    border-radius: 27px;
    height: 319px;
    object-fit: cover;
    margin-left: -57px;

}

.learn-more-content-img_box2 {
    position: relative;
}

.learn-more-content-img_box2 span {
    position: absolute;
    bottom: 49px;
    right: 0;
    background-color: var(--pink);
    padding: 11px;
    font-size: 23px;
    color: var(--white-color);
}

.counter {
    padding: 0 0 5rem 0;
}

.counter-box h3 {
    font-size: 67px;
}

.counter-box i {
    font-size: 25px;
    background: var(--pink);
    color: var(--white-color);
    width: 76px;
    height: 76px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 19px;
}

.wedding-pros {
    position: relative;
    padding: 5rem 0;
    margin-top: 72px;
}

.wedding-pros::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: var(--nude);
    width: 87%;
    height: 100%;
    z-index: -1;
    height: 81%;
    border-radius: 20px;
}

.wedding-pros_img {
    margin-top: -10rem;
    border-radius: 20px;
}

.wedding-pros_text {
    position: relative;
    z-index: 1;
    background: #fff;
    width: calc(100% + 402px);
    padding: 54px;
    border-radius: 22px;
    margin-top: 160px;
    border: 1px solid #0000001f;
}

.wedding-pros_text h3 {
    font-size: 57px;
}

.business-box img {
    border-radius: 20px;
}

.business {
    padding-bottom: 5rem;
    position: relative;
}

.business-box_text {
    width: 100%;
    max-width: 531px;
    margin-left: 73px;
}

.business-box {
    position: relative;
}

.business-box::after {
    position: absolute;
    content: "";
    border: 2px solid var(--pink);
    top: 30px;
    bottom: 0;
    left: 28px;
    right: 0;
    width: calc(100% - 38px);
    height: calc(100% - 57px);
    border-radius: 23px;
}

span.side_post {
    position: absolute;
    left: 28px;
    bottom: 57px;
    background: var(--pink);
    padding: 10px;
    color: var(--white-color);
}

.weddingpro-booking {
    padding-bottom: 5rem;
}

.wedding-pro_box {
    background-color: rgb(194 178 128 / 33%);
    padding: 60px;
    border-radius: 20px;
}

.wedding-pro_box .wedding-pro_box_text p {
    margin: 25px 0 29px;

}

.wedding-pro_box img {
    border-radius: 20px;
}

.weddingpro_blog {
    padding: 0 0 5rem 0;
}

.weddingpro_blog img {
    border-radius: 20px;
}

.weddingpro_blog .content {
    background-color: var(--white-color);
    border-radius: 20px;
    padding: 25px;
    margin-top: -42px;
    position: relative;
    z-index: 1;
    /* color: #fff; */
    margin-left: 16px;
    margin-right: 20px;
}

.weddingpro_blog .content p {
    text-align: justify;
    font-size: 18px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.weddingpro_blog .content h4 {
    font-family: var(--heading-font);
    font-weight: 600;
    margin-bottom: 20px;
    font-size: 28px;
}

.wedding-pro_testimonial {
    padding-bottom: 5rem;
}

.wedding-pro_review {
    background-color: rgb(194 178 128 / 33%);
    padding: 124px 0;
}

.wedding-pro_review-content {
    padding: 0 126px;
}

.wedding-pro_review-content p {
    padding-bottom: 20px;
}

.wedding-pro_review-content h6 {
    font-weight: 600;
    margin-bottom: 0;
    padding-bottom: 0;
    font-size: 19px;
}

.wedding-pro_review img {
    border-radius: 20px;
}

.wedding-pro_review .swiper-slide {
    position: relative;
}

.wedding-pro_review .swiper-slide::after {
    position: absolute;
    content: "";
    border: 2px solid var(--pink);
    top: 30px;
    bottom: 0;
    left: 28px;
    right: 0;
    width: calc(100% - 38px);
    height: calc(100% - 57px);
    border-radius: 23px;
}

.wedding-pro_review .swiper-button-prev {
    left: var(--swiper-navigation-sides-offset, 55px);
}

.wedding-pro_review .swiper-button-next {
    right: var(--swiper-navigation-sides-offset, 55px);
}

.wedding-pro_review .swiper-button-next:after,
.wedding-pro_review .swiper-button-prev:after {
    font-size: 22px;
    background: var(--white-color);
    padding: 11px 16px;
    border-radius: 50%;
    border: 1px solid var(--pink);
    color: var(--pink);
}

.wedding-pro-contact_form .learn-more_form {
    background-color: transparent;
    box-shadow: none;
}

.wedding-pro-contact_form {
    background-color: rgb(194 178 128 / 33%);
    padding: 5rem 0;
}

.wedding-pro-contact_form img {
    border-radius: 20px;
    height: 100%;
    object-fit: cover;
}

.wedding-pro_review .swiper-pagination-bullet-active {
    background: var(--pink);
}

.wedding-pro-contact_form .from-list {
    padding: 0 32px;
}

.ceremony-product img {
    border-radius: 10px;
}

.product-categories_tab button {
    background-color: var(--pink);
    color: var(--white-color);
    border: 0;
    border-radius: 30px;
    font-size: 19px;
    /* padding: 9px 15px; */
    margin-bottom: 10px;
    font-size: 15px;
    width: 100%;
    height: 40px;
}

.product-categories_tab {
    margin-top: 26px;
}

.product-categories .black-button {
    font-size: 14px;
}

.product-categories .black-button i {
    padding-right: 10px;
}

.shop-wedding {
    padding-bottom: 5rem;
}

.shop-wedding-box {
    position: relative;
}

.dot {
    position: absolute;
    cursor: pointer;
}

.dot1 {
    top: 50%;
    left: 50%;
    cursor: pointer;
}

.shop-wedding .dot .dress {
    opacity: 0;
    visibility: hidden;
    background: #ffff;
    border-radius: 10px;
    width: calc(100% + 380px);
    position: absolute;
    z-index: 1;
    top: 0;
    left: 39px;
    height: 264px;
}

.shop-wedding .dot:hover .dress {
    opacity: 1;
    visibility: visible;
}

.dot2 {
    left: 0 !important;
    bottom: 20% !important;
    top: unset;
}

.shop-wedding .dot1 .dress {
    top: -270px;
}

.shop-wedding .dress .product img {
    object-fit: contain;
}

.shop-wedding .dot .dot-icon {
    color: var(--white-color);
    background-color: #00000054;
    padding: 7px;
    border-radius: 50%;
    font-size: 13px;
}

.shop-wedding-box3 .dot2 .dress {
    left: -100px;
    top: -294px;
}

.shop-wedding-box3 .dot1 .dress {
    left: revert-layer;
    top: -294px;
    right: 0 !important;
}

.shop-wedding-box2 .dot2 .dress {
    top: -147px;
}

.shop-wedding-box1 .dot2 .dress {
    top: -147px;
}

.market-place-registry {
    padding: 22px 0 0 47px;
    display: block;
    color: var(--pink) !important;
}

.marketplace-shop_page span {
    padding-top: 13px;
    display: block;
    font-weight: 600;
}

.market-place-faq {
    padding-bottom: 5rem;

}

.market-place-faq-part {
    background-color: rgb(194 178 128 / 45%);
    padding: 100px 25px;
    border-radius: 17px;
}

.market-place-faq-part .accordion-item {
    margin-bottom: 25px;
}

.market-place-faq-part .accordion-flush .accordion-item .accordion-button {
    border-radius: 25px !important;
}

.market-place-faq-part .accordion-flush .accordion-item {
    border-radius: 25px;
}

.market-place-faq-part i {
    padding-bottom: 40px;
    font-size: 49px;
}

.footer-sign-up {
    font-size: 18px;
}

.start-button {
    color: var(--white-color);
    display: block;
    padding: 10px 0;
    font-size: 15px;
    transition: all 0.2s;
}

.start-button:hover {
    color: var(--pink);
}

.start-button i {
    margin-left: 10px;
    animation: moverr 1s infinite alternate;
}

@-webkit-keyframes moverr {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-3px);
    }
}

@keyframes moverr {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-3px);
    }
}

.footer-app_icon {
    display: flex;
}

.banner-modal .modal-body {
    text-align: center;
}

.banner-modal .modal-body h4 {
    font-family: var(--default-font);
    font-weight: 600;
    font-size: 39px;
    margin-bottom: 0;
}

.banner-modal .modal-body h5 {
    font-family: var(--heading-font);
    font-weight: 600;
}

.banner-modal .modal-body form {
    margin-top: 12px;
}

.banner-modal .modal-body .form-control {
    margin-bottom: 0;
    height: 40px;
    border-radius: 0;
}

.banner-modal .modal-body .banner-password {
    text-decoration: underline;
    color: var(--black-color) !important;
    font-weight: 600;
}

.banner-modal .modal-header {
    border-bottom: 0;
    padding: 0;
}

.banner-popup_button {
    margin-top: 43px;
}

.banner-popup_button p a {
    color: var(--pink);
    font-weight: 600;
   
    transition: all 0.5s;
}

.banner-part .modal-body .bride-buttonone {
    height: 40px;
    padding: 3px;
    font-size: 16px;
}

.banner-popup_button hr {
    width: 85px;
    margin: 10px auto;
}

.banner-popup_button p {
    font-size: 16px;
}

/* log-in */
.log-in_page {
    padding: 8rem 0 5rem;
}

.log-in_page .progress {
    height: 7px;
}

.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 0;
 
}

.login-page_city .form-select {

    width: 60%;
}

.custom-select {
    position: relative;
    padding-left: 14px;
}

.custom-select select {
    display: none;
    /*hide original SELECT element:*/
}

.select-selected {
    border-bottom: 1px solid var(--black-color);
}

/*style the arrow inside the select element:*/
.select-selected:after {
    position: absolute;
    content: "";
    top: 14px;
    right: 10px;
    width: 0;
    height: 0;
    border: 6px solid transparent;
    border-color: #fff transparent transparent transparent;
}

/*point the arrow upwards when the select box is open (active):*/
.select-selected.select-arrow-active:after {
    border-color: transparent transparent #fff transparent;
    top: 7px;
}

/*style the items (options), including the selected item:*/
.select-items div,
.select-selected {
    color: var(--black-color);
    padding: 8px 16px;
    border: 1px solid var(--black-color);
    border-color: transparent transparent rgba(0, 0, 0, 0.1) transparent;
    cursor: pointer;
    user-select: none;
}

/*style items (options):*/
.select-items {
    position: absolute;

    top: 100%;
    left: 0;
    right: 0;
    z-index: 99;
}

/*hide the items when the select box is closed:*/
.select-hide {
    display: none;
}

.select-items div:hover,
.same-as-selected {
    background-color: rgb(184 115 51 / 16%);
}

.step1 .form-control {
    border: 0;
    border-bottom: 1px solid var(--black-color);
    border-radius: 0;
}

.step1 p {
    font-size: 13px;
    font-family: var(--primary-font);
    font-weight: 600;
}

.step1 input::placeholder {
    font-size: 12px;
}

.progress-text h3 {
    margin-bottom: 20px;
}
.step1 .progress-text h3 {
    margin-bottom: 66px;
}
.log-in_page .next {
    background-color: var(--pink);
    color: var(--white-color);
    border: 0;
    padding: 5px 21px;
    border-radius: 28px;
}

.log-in_page .back {
    border: 0;
    color: var(--pink);
    background-color: transparent;
}

.step2 p {
    font-size: 16px;
    font-weight: 600;
    font-family: var(--primary-font);
    margin-bottom: 26px;
}

.step2 .form-control {
    border: 0;
    border-bottom: 1px solid var(--black-color);
    border-radius: 0;
    background-color: transparent;
}

.step2 .input-group {
    width: 50%;
}

.step2 input::placeholder {
    font-size: 12px;
}

.step3 .form-check-input {
    border-radius: 50%;
}

.step5 p {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--primary-font);
}

.step5 .progress-text h4 {
    margin-top: 22px;
    font-family: var(--heading-font);
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 15px;
}

.step6 p {
    font-size: 15px;
    font-weight: 600;
    font-family: var(--primary-font);
}

.login-price {
    width: 50% !important;
}

.step6 .form-select {
    margin-left: 12px;
    border: 0;
    border-bottom: 1px solid var(--black-color);
    border-radius: 0;
}

.log-in_page .modal-body {
    text-align: center;
}

.log-in_page .modal-header {
    border-bottom: 0;
}

.login-count-head {
    font-family: var(--primary-font);
    font-size: 15px;
    font-weight: 600;
}

.progress-text {
    margin-top: 0;
}

.mega_menu {
    position: absolute;
    content: "";
}

.log-in_page .form-check-input:focus {
    border-color: var(--sand);
    outline: 0;
    box-shadow: none !important;
}

.log-in_page .form-check-input:checked {
    background-color: var(--sand);
    border-color: var(--sand);
}

.real::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: linear-gradient(to right, #ffffff 0%, #d2bebab8 54%);
}

.menuBox h5 i {
    margin: 0 10px;
    position: relative;
    top: 3px;
}


.wedding-dress_heading {
    background-color: var(--white-color);
}

.wedding-dress_text::first-letter {
    float: left;
    font-size: 100px;
    line-height: 1;
    margin-right: 15px;

}

.wedding-dress_text {
    margin-top: 15px;
    max-width: 609px;
}

.wedding-dress_name em {
    font-weight: 600;
}

.wedding-dress_name {
    padding: 25px 0;
}



.blog-details {
    min-height: 900px;
    background-attachment: fixed;
    overflow: hidden;
    padding-bottom: 0;
}

.blog-details::after {
    content: none;
}

.bg-whites {
    position: relative;
    height: 100vh;
    width: 100%;
    pointer-events: none;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    z-index: 1;
    background: linear-gradient(rgba(255, 255, 255, 0) 1%, #ffffff);

}

.blog-details p {
    font-size: 15px;
    font-weight: 600;
}

.blog-details a {
    text-decoration: underline;
}

.blog-details p span {
    margin-left: 15px;
}

.wedding-dress_headings {
    padding: 45px 0;
}

.wedding-dress_gallery {
    padding: 25px 0 50px;
}

.wedding-dress-social {
    padding: 50px 0 100px;
}

.wedding-dress-social .social-icon a {
    margin-right: 28px;
    font-size: 23px;
}

.pinterest-image {
    position: relative;
}

.pinterest-image::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 64%);
}

.wedding-dress-paragraph {
    padding: 100px 0;
}

.ads img {
    height: 200px;
    object-fit: cover;
}

.ads {
    padding-bottom: 100px;
}

.side-ads {
    position: sticky;
    top: 0;
}

.wedding-dress_blog {
    margin-top: 50px;
}

.wedding-dress_buy {
    padding-bottom: 100px;
}

.w_line {
    opacity: 1;
    border: 3px solid;
}

.wedding-dress-cover {
    padding: 5rem 0;
}

.wedding-dress-cover .side-ads {
    top: 25px;
}


#myModal .modal-lg {
    max-width: 96%;
}

#myModal a {
    margin-bottom: 15px;
    display: block;
    font-size: 14px;
    transition: all 0.5s;
}

#myModal a:hover {
    color: var(--pink);
}

#myModal .col-md-7 h5 {
    font-weight: 600;
}

#myModal ul {
    margin-top: 22px;
}

#myModal img {
    height: 159px;
    border-radius: 13px;
    object-fit: cover;
    max-width: 100%;
}

#myModal .vendor-list {
    margin-top: 53px;
    margin-bottom: 0;
    font-weight: 600;
}

#myModal .start {
    color: var(--pink);
    font-size: 15px;
    margin-top: 4px;
}

#myModal ul {
    margin-top: 22px;
    border-right: 2px solid #00000026;
}

#myModal ul:last-child {
    border-right: 0;
}

#myModal h6 {
    font-weight: 600;
    letter-spacing: 2px;
    font-size: 14px;
    margin-bottom: 20px;
}

#myModal h5 {
    font-weight: 600;
}

#myModal small {
    font-weight: 600;
    margin-top: 14px;
    display: block;
    font-size: 13px;
}

#myModal .modal-header {
    display: none;
}
















.login-page_duringbox .select {
    display: none;
}

.login-page_duringbox #a {
    padding-left: 0px;
    background: white;
    margin-bottom: 0;
}

.login-page_duringbox #a img,
.btn-select img {
    width: 20px;

}

.login-page_duringbox #a li {
    list-style: none;
    padding-top: 5px;
    padding-bottom: 5px;
}

.login-page_duringbox #a li:hover {
    background-color: #F4F3F3;
}

.login-page_duringbox #a li img {
    margin: 5px;
}

.login-page_duringbox #a li span,
.btn-select li span {
    margin-left: 10px;
}

/* item list */

.login-page_duringbox .b {
    display: none;
    width: 100%;
    max-width: 355px;
    box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: 5px;
    margin-top: -7px;
    position: relative;
    z-index: 1;
}
.login-page_duringbox .open {
    display: show !important;
}

.login-page_duringbox .btn-select {
    margin-top: 10px;
    width: 100%;
    max-width: 350px;
    height: 35px;
    border-radius: 0;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid var(--black-color);
}

.log-in_year {
    border: 0;
    border-bottom: 1px solid var(--black-color);
    border-radius: 0;
    position: relative;
    top: -10px;
}

.login-page_city .form-select {
    border: 0;
    border-bottom: 1px solid var(--black-color);
    border-radius: 0;
}

.login-page_duringbox .btn-select li {
    list-style: none;
    float: left;
    padding-bottom: 0px;
    width: 100%;
    text-align: left;

}

.login-page_duringbox .btn-select:hover li {
    margin-left: 0px;
}

/* .login-page_duringbox .btn-select:hover {
    background-color: #F4F3F3;
    border: 1px solid transparent;
    box-shadow: inset 0 0px 0px 1px #ccc;
} */
.login-page_duringbox {
    margin-top: 18px;
}

.skip-button {
    margin-top: 10px;
}

.login-page_duringbox .btn-select:focus {
    outline: none;
}

.login-page_duringbox .lang-select {
    margin-left: 10px;
    width: 100%;
    margin-right: 27px;
    height: 0;
}

.step .col-md-6 img {
    height: auto;
    object-fit: cover;
}

.step5 .lang-select li img {
    height: unset;
    object-fit: none;
}

#drawing_canvas {
    position: absolute;
    top: -50%;
    width: 100%;
    /* height: 100%; */
    transform: translateX(-50%);
    left: 50%;
    /* right: 0; */
    /* margin: 0 auto; */
    text-align: center;
}

.log-in_page .modal-content {
    overflow: hidden;
}

.log-in_page .btn-close {
    position: relative;
    z-index: 1;
}

.log-in_page .modal-body p {
    margin-bottom: 50px;
}

.log-in_page .bride-buttonone {
    padding: 11px 20px;
    font-size: 17px;
    height: 49px;
    line-height: 29px;
}

.log-in_page .model-icon .icon img {
    width: 100%;
    border-radius: 50%;
    box-shadow: 0 0 9px #00000059;
}

.model-icon {
    margin-top: 67px;
}

.model-icon h5 {
    font-size: 11px;
    text-align: center;
    margin-top: 10px;
    font-weight: 600;
}

.log-in_page .modal-body h3 {
    font-size: 33px;
    color: var(--pink);
    margin-bottom: 20px;
}

.login-page_price select {
    width: 60%;
}

.search-page {
    padding: 5rem 0;
}

.search-page-box .d-flex img {
    flex: 0 0 208px;
    width: 173px;
    margin-right: 41px;
    height: 100%;
    /* object-fit: cover; */
}

.search-page-box .d-flex {

    border-bottom: 1px solid var(--black-color);
    padding: 40px 0;
}

.search-page-box .d-flex:last-child {
    border-bottom: 0;
}

.search-page-box .search-text a {
    color: var(--black-color) !important;
}

.search-page-box .search-text a small {
    font-size: 13px;
}

.search-page-box .search-text a h4 {
    font-weight: 600;
    margin-bottom: 18px;
}

.search-page-box .search-text a p {
    margin-top: 18px;
}

.error-page {
    padding: 10rem 0 5rem;
}

.error-page p {
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 20px;
}

.error-button i {
    margin-right: 10px;
}

.error-button {
    color: var(--pink) !important;
    font-size: 20px;
}

.error-page img {
    max-width: 67%;
}

.error-page h2 {
    font-size: 200px;
}

.product-single .product-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    margin: 10px 0;
    gap: 12px;
}

.product-single .color,
.product-single .color input {
    position: relative;
    overflow: hidden;
    width: 31px;
    height: 31px;
    border-radius: 50%;
}

.color {
    display: inline-block;
    margin: 3px;
}

.color input {
    position: absolute;
    top: 0;
    left: 0;

    opacity: 0;
    z-index: 2;
    cursor: pointer;
}

.color i {
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transition: .15s opacity ease-in-out;
    transform: translate(-50%, -50%);
    font-size: 24px;
    color: var(--white-color);
}

.color input:checked+i {
    opacity: 1;
}



.dress-details-page .product-slider-img .swiper-wrapper .swiper-slide img {
    border-radius: 4px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: contain;
    transition: all .4s ease-in-out;
    width: 100%;
}

.dress-details-page .product-slider-img .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
    border: 1px solid var(--black-color);
    border-radius: 4px;
    padding: 2px;
}

.dress-details-page .ratio_square-2 {
    background: #efefef;
    box-shadow: 0 0 10px #0000002b;
    align-items: center;
}

.dress-details-page .ratio_square-2 img {
    width: 100%;
}

.dress-details-page .dress-details-slider .swiper-wrapper {
    height: calc(167.3197px + 20.4521vw);
}

.dress-details-page .product-slider-thumb .swiper-slide {
    position: relative;
}

.dress-details-page .product-slider-thumb .product-heart_icon {
    top: 0;
    position: absolute;
    right: 0;
}

.bride-inner-page-faq .accordion-button:last-child span {
    display: inline-block;
    width: 50%;
    text-align: end;
    font-size: 17px;
}
.bride-inner-page-faq .accordion-button .text-start{
    font-weight: 600;
}
.bride-inner-page .top h6 {
    position: relative;
    text-align: center;
    letter-spacing: 3px;
    font-weight: 600;
    font-size: 13px;
}
.bride-inner-page .top h6::after {
    position: absolute;
    content: "";
    background-color: #00000052;
    width: 37%;
    height: 1px;
    top: 7px;
    right: 0px;
}
.bride-inner-page  .top img {
    height: 200px;
    object-fit: cover;
    object-position: top;
}
.bride-inner-page  .top {
    border-bottom: 1px solid #0000006b;
    margin-bottom: 19px;
    padding-bottom: 11px;
}
.bride-inner-page  .top span{
    font-weight: 600;
}
.bride-inner-page  .gown-text {
    display: flex;
    flex-direction: column;
    justify-content: start;
    text-align: left;
    padding: 0 12px;
}
.bride-inner-page  .gown-text h4{
    margin-bottom: 5px;
}
.bride-inner-page .love {
    position: absolute;
    top: 21px;
    right: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 50%;
    border: 1px solid #00000057;
    font-size: 17px;
    color: #000 !important;
}
.bride-inner-page .gown-directory-list {
    border-bottom: 1px solid #00000047;
    padding-bottom: 32px;
}
.bride-inner-page .top h6::before {
    position: absolute;
    content: "";
    background-color: #00000052;
    width: 37%;
    height: 1px;
    top: 7px;
    left: 0px;
}
.bride-inner-page-faq .accordion-button{
    justify-content: space-between;
}
.bride-inner-page-faq .accordion-button::after {
    background-size: auto;
    width: 15px;
    height: 15px;
    margin: 0 0 0 10px;
}

.bride-inner-page-faq .accordion-body .form-check {
    margin-bottom: 1.125rem;
}

.bride-inner-page-faq .form-check-input:checked {
    background-color: var(--pink);
    border-color: var(--pink);
}

.bride-inner-page-faq .form-check-input:focus {
    box-shadow: none;
}

.bride-inner-page-faq .form-check-label {
    font-family: var(--primary-font);
    font-size: 18px;
}

.bride-inner-page-faq {
    margin-top: 13px;
    border-top: 1px solid #00000036;
}

.accordion-button:focus {

    box-shadow: none;
}

.bride-inner-page-faq .accordion-button:not(.collapsed) {
    color: var(--pink);
    background-color: transparent;
    box-shadow: 0;
}

.bride-inner-page-faq .accordion-item {
    border: 0;
}

.bride-inner-page-faq .accordion {
    border-bottom: 1px solid #c3c3c3;
}

.bride-inner-page-sidebar {
    position: sticky;
    top: 108px;
}
.bride-inner-page-sidebar .add h6{
text-align: center;
color: var(--pink);
font-family: var(--heading-font);
}
.mm-page {
    min-height: 0;
}

/* .mm-menu--offcanvas {
    position: absolute;
    z-index: -1;
} */


/* #menu:not(.mm-menu):not(.mm) {
    display: none;
} */
.customMenu {
    position: fixed;
    top: 0;
    width: calc(100% + 15px);
    height: 100vh;
    height: 100vh;
    left: 0;
    overflow-y: scroll;
    overflow-x: hidden;
    display: none;
}

.customMenu.show {
    display: block;
}



.customMenu ul {
    padding-top: 78px;
    position: fixed;
    top: 0;
    width: 474px;
    height: 100%;
    background: #fff;
    text-align: right;
    overflow-y: scroll;
    -webkit-transition: all 1s ease-in-out;
    -moz-transition: all 1s ease-in-out;
    -ms-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.customMenu>ul {
    right: -350px;
    background: #fff;
}

.customMenu ul li {
    color: var(--black-color);
    padding: 6px 30px;
    font-size: 16px;
    width: 100%;
}

.customMenu ul ul {
    position: fixed;
    right: -650px;
    width: 350px;
    padding-top: 80px;
    padding-bottom: 50px;
    top: 0;
    overflow-y: scroll;
    height: 100vh;
    z-index: -1;
}

.customMenu>ul.open {
    right: 0;
}

.customMenu ul ul.open {
    right: 471px;
}

.naviocn .fa-close {
    display: none;
}

.close .fa-bars {
    display: none;
}

.naviocn.close .fa-close {
    display: block;
}

.customMenu ul ul li {
    text-align: left;
}

#header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 10;
    height: 50px;
    font-size: 18px;
    font-weight: 400;
    color: #fff;

}

/* #header a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: absolute;
    top: 0;
    left: 10px;
    width: 50px;
    height: 50px;
    text-decoration: none;
} */

#header a[href="#menu"] {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.mm-wrapper--opened #header a[href="#menu"] {
    display: none;
}

#header a[href="#page"] {
    display: none;
}

.vendor-page-categories {
    padding: 0 0 5rem;
}

.vendor-page-categories .vendor-icon img {
    width: auto;
    height: 115px;
}

.vendor-page-categories .vendor-icon {
    text-align: center;
}

.vendor-page-categories .vendor-icon h6 {
    font-size: 14px;
    color: var(--black-color) !important;
    font-weight: 600;
}

.vendor-page-categories .vender-slider {
    margin-top: 37px;
}





.filter-container {
    display: flex;
    align-items: center;
    background-color: var(--white-color);
    border-radius: 8px;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    margin-top: 20px;
    justify-content: end;
}
.action-buttons .dropdown {
    display: flex;
    align-items: center;
    border-right: 1px solid #000;
}

.filter-item:last-child {
    border-right: none;
}

.filter-item i {
    font-size: 18px;
    margin-right: 10px;
    color: var(--pink)
}

.dropdown-list {
    font-size: 16px;
    border-radius: 4px;
    padding: 5px 10px;
    color: #333;
    background-color: #fff;
    cursor: pointer;
    outline: none;
    border: 0;
}

.dropdown-list:focus {
    border-color: var(--pink);
    box-shadow: 0 0 5px rgba(198, 63, 98, 0.5);
}

.get-started {
    background-color: var(--pink);
    color: var(--white-color);
    border: none;
    padding: 19px 20px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: background-color 0.3s ease;
    border-radius: 0px 3px 3px 0;
}

.get-started:hover {
    background-color: var(--pink);
}

.get-started:active {
    background-color: var(--pink);
}

.p-100 {
    padding: 5rem 0;
}

.destination-page-list li i {
    margin-right: 10px;
    color: var(--pink);
    font-size: 22px;
}

.destination-page-list li {
    font-size: 18px;
}

.heading {
    font-size: 70px;
}

.destination-page-text p {
    text-align: justify;
}

.destination-text_list {
    margin-left: 43px;
    border: 1px solid var(--pink);
    height: 100%;
    border-radius: 15px;
    padding: 49px;
    position: relative;
    background-color: var(--white-color);
    box-shadow: 6px 9px 0px 0px var(--pink);
}

.destination-text_list h5 {
    font-family: var(--heading-font);
    font-weight: 600;
    margin-bottom: 33px;
}

.destination-text_list ul li {
    display: flex;
    align-items: center;
    margin-bottom: 26px;
    font-size: 15px;

}

.destination-text_list ul li i {
    margin-right: 15px;
    font-size: 7px;
    color: var(--pink);
}

.destination-page small a {
    color: var(--pink) !important;
}

.destination-page small {
    font-family: var(--heading-font);
    font-size: 18px;
    font-weight: 600;
}

.destination-page-work-list li {
    display: flex;
    justify-content: flex-start;
    text-align: left;
    margin-bottom: 45px;
}

.destination-page-work-list li span i {
    margin-right: 15px;
    color: var(--pink);
}

.location-slider .swiper-scrollbar {
    opacity: 1 !important;
    width: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 10px;
}

.location-slider .img-box {
    background-color: var(--white-color);
    border-radius: 25px;
    transition: all 0.5s;
}

.location-slider .img-box:hover {
    box-shadow: 6px 9px 0px 0px var(--pink);
}

.location-slider .img-box img {
    border-radius: 20px 20px 0 0;
}

.location-slider .swiper-button-next,
.location-slider .swiper-button-prev {
    top: unset;
    bottom: -14px;
}

.location-slider .swiper-button-next {
    right: 20%;
    left: unset;
}

.location-slider .swiper-button-prev {
    left: 20%;
    right: unset;
    opacity: 1;
}

.location-slider .swiper-button-next:after,
.location-slider .swiper-button-prev:after {
    font-size: 21px;
    color: var(--pink);
}

.location-slider .swiper-scrollbar-drag {
    width: 25% !important;
}

.location-slider {
    padding-bottom: 60px;
    padding-top: 20px;
}

.location-slider .img-box div {
    margin-top: 15px;
    padding: 27px;
}

.location-slider .img-box div h4,
.location-slider .img-box div p {
    color: var(--black-color) !important;
}

.location-slider .img-box div h4 {
    font-family: var(--heading-font);
    font-weight: 600;
}

.location-slider .img-box div span {
    color: var(--black-color) !important;
    text-transform: uppercase;
    font-size: 15px;
}

.location-slider .img-box div p {
    margin-bottom: 15px;
}

section.destination-location {
    background-color: var(--nude);
}

.destination-offer img {
    border-radius: 15px;
    margin-top: 42px;
    height: 400px;
    object-fit: cover;
}

.destination-offer .offer-box {
    text-align: left;
    margin-top: 56px;
    border-right: 1px solid #00000038;
    margin-bottom: 100px;
}

.destination-offer .col-md-4:last-child .offer-box {
    border-right: 0;
}

.destination-offer .offer-box h4 {
    font-weight: 600;
}

.destination-offer .offer-box p {
    margin-bottom: 18px;
}

.destination-testimonial {

    position: relative;
}

.destination-testimonial .testimonial {
    background-color: var(--nude);
    margin-top: -1px;
}

.svg-shape svg {
    width: 100%;
    height: auto;
}

.pt-100 {
    padding-top: 5rem;
}

.destination-testimonial .testimonial h2 {
    padding-top: 0;
}

.destination-testimonial .testimonial-slider .swiper-scrollbar {
    opacity: 1 !important;
    width: 50%;
    margin: 0 auto;
    left: 0;
    right: 0;
    bottom: 10px;
}

.destination-testimonial .testimonial-slider .swiper-button-next,
.destination-testimonial .testimonial-slider .swiper-button-prev {
    top: unset;
    bottom: -11px;
}

.destination-testimonial .testimonial-slider .swiper-button-next {
    right: 20%;
    left: unset;
}

.destination-testimonial .testimonial-slider .swiper-button-prev {
    left: 20%;
    right: unset;
    opacity: 1;
}

.destination-testimonial .testimonial-slider .swiper-button-next:after,
.destination-testimonial .testimonial-slider .swiper-button-prev:after {
    font-size: 21px;
    color: var(--pink);
}

.destination-testimonial .testimonial-slider .swiper-scrollbar-drag {
    width: 25% !important;
}

.destination-testimonial .testimonial-slider {
    padding-bottom: 60px;
    padding-top: 20px;
}

.destination-testimonial .testimonial-slider h4 {
    font-size: 15px;
    font-weight: 600;
    margin-top: 23px;
    letter-spacing: 2px;
}

.destination-location {
    background-color: var(--nude);
    margin-top: -1px;
}

section.destination-location-page {
    margin-top: -267px;
}

.destination_work {
    background-color: var(--white-color);
    border-radius: 25px;
    position: relative;
    z-index: 1;
    padding: 49px;
}

.p-v-200 {
    padding: 200px 0;
}

.weddingCebration p {
    margin: 30px 0 50px;
}

.weddingCebration .button {
    height: 50px;
    position: relative;
    border: #E3BC9A 1px solid;
    border-radius: 15px;
    margin: 12px 0;
    width: 100%;
}

.weddingCebration .button img {
    height: 25px;
    margin-right: 10px;
}

.weddingCebration .button label,
.weddingCebration .button input {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.weddingCebration .button input[type="radio"] {
    opacity: 0.011;
    z-index: 100;
}

.weddingCebration .button input[type="radio"]:checked+label {
    background: #fff5ed;
}

.weddingCebration .button label {
    cursor: pointer;
    z-index: 90;
    line-height: 1.8em;
}

.relative {
    position: relative;
}

.sidebar-item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* Position the items */
}

.make-me-sticky {
    position: sticky;
    top: 15px;
    padding: 0 15px;
}

.p-v-100 {
    padding: 100px 0;
}

.gifts h3 {
    font-family: var(--heading-font);
    font-size: 40px;
    font-weight: 600;
}

.footer-part::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 82%);
    z-index: -1;
}

.footer-sign {
    font-size: 17px !important;
}

.footer-sign a {
    margin-left: 8px;
    text-decoration: underline;
    color: var(--pink) !important;
}

#menu a:hover {
    color: var(--pink);
}

.make-me-sticky {
    position: sticky;
    top: 15px;
    padding: 0 15px;
}

.gift h3 {
    font-family: var(--heading-font);
    font-size: 40px;
    font-weight: 600;
}

.p-v-100 {
    padding: 5rem 0;
}

.wedding-dress-box h3 {
    font-size: 18px;
}

.wedding-dress-page-list .wedding-dress-box h3 {
    font-size: 16px;
}

.wedding-dress-page .mt-2 {
    flex-direction: column;
}

.wedding-dress-box svg {
    width: 15px;
    height: 15px;
    margin-right: 4px;
    fill: var(--pink);
}

.wedding-dress-box .rating i {
    margin: 0 5px 0;
}

.wedding-dress-box .love {
    position: absolute;
    right: 14px;
    top: 47px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    border-radius: 50%;
    border: 1px solid #00000057;
    font-size: 17px;
    opacity: 0;
    transition: all 0.5s;
}

.wedding-dress-box:hover .love {
    top: 14px;
    opacity: 1;
}

.wedding-dress-box span {
    font-size: 13px;
}

.wt-text-grey {
    text-decoration: line-through;
}

.wedding-dress-page .wedding-dress-price {
    color: var(--pink);
}

.wedding-dress-page-list .wedding-dress-box img {
    height: 374px;
    object-fit: cover;
}

.wedding-dress-box {
    margin-bottom: 25px;
}

.wedding-dress-list li a {
    display: block;
    margin-right: 13px;
    background: #00000030;
    padding: 7px 7px;
    font-size: 12px;
    border-radius: 19px;
    color: var(--black-color) !important;
}

.wedding-dress-list li a svg {
    width: 26px;
    height: 18px;
}

.offcanvas-body li {
    font-size: 14px;
    margin: 7px 0;
}

.offcanvas-body li a:hover {
    text-decoration: underline;
    color: var(--black-color);
}

.offcanvas-body li .show {
    text-decoration: underline;
}

.wedding-dress-page .form-select {
    width: 50%;
    margin-left: 10px;
}

.wedding-dress-page-list {
    border-top: 1px solid #0000002b;
    padding-top: 17px;
}

.wedding-dress-page .view-button {
    border: 2px solid var(--black-color);
    color: var(--black-color) !important;
    padding: 6px 17px;
    border-radius: 28px;
    font-size: 14px;
    font-weight: 600;
}

.wedding-dress-page-list .list a {
    margin-left: 13px;
    background: #00000040;
    border-radius: 50%;
    width: 34px;
    display: flex;
    height: 34px;
    justify-content: center;
    align-items: center;
    color: #000000;
    font-size: 13px;
}

.wedding-page-place img {
    width: 100%;
    height: 250px;
    object-fit: cover;
    border-radius: 10px 10px 0 0;
}

.wedding-page-place .list-box div {
    border: 1px solid #00000029;
    border-radius: 10px;
    transition: all 0.5s;
}

.wedding-page-place .content {
    border: 0 !important;
    padding: 13px;
    margin-bottom: 0;
}

.wedding-page-place .content p {
    margin: 0 0 10px 0;
    font-size: 16px;
}

.wedding-page-place .list-box:hover div {
    box-shadow: 0 0 10px #424242a6;
}

.wedding-page-place .list-box {
    color: #000 !important;
}

.men-page select {
    margin-left: 10px;
    border: 0;
    border-bottom: 1px solid #000;
    border-radius: 0;
    background-color: transparent;
}

.men-page {
    background-color: #a0a0a01c;
    padding: 62px 0;

}

.mens-page-image .mens-image_box h5 {
    margin: 20px 0;
    font-size: 16px;
}

.mens-page-image .mens-image_box {
    margin-bottom: 49px;
}

.honeymoon-and-travel_text {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-repeat: no-repeat;
}


.mens-article-page .paragraph p {
    margin-bottom: 32px;
}

.men-slider img {
    width: 100%;
}

.men-slider .swiper-button-prev::after,
.men-slider .swiper-button-next::after {
    background-color: #ffffffa3;
    color: var(--black-color);
    padding: 13px 20px;
    font-size: 27px;
    border-radius: 50%;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    opacity: 1;

}

.men-slider .post-img-icon {
    opacity: 1;
    display: inline-flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
    align-items: flex-end;
    padding: 10px 0;
    top: 0;
}

.men-slider .red {
    background-color: var(--white-color);
    color: var(--white-color);
    padding: 4px 6px;
    border-radius: 50%;
    /* border-radius: 50%; */
    display: flex;
    justify-content: center;
    align-items: center;
}

.men-slider .red i {
    color: #d0d0d0;
    margin-right: 0;
}

.men-slider .post-icon {
    background-color: transparent;
}

.men-slider .post-icon i {
    color: var(--white-color);
}

.pb-100 {
    padding-bottom: 100px;
}

.c__promo-card {
    position: relative;
    z-index: 1;
}

.c__promo-card::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #f4f4f4;
    width: 92%;
    z-index: -1;
}

.p-v-50 {
    padding: 50px 0;
}

.c__promo-card h2 {
    font-size: 59px;

}

.inner-banner .form-group span {
    position: absolute;
    top: 17px;
    left: 19px;
    z-index: 9;
}

.inner-banner .form-group {
    position: relative;
}

.inner-banner .form-group .form-control {
    padding: 0.375rem 2.75rem;
    height: 57px;
    border-radius: 29px;
}

.inner-banner .couple-search button {
    border-radius: 34px;
    font-size: 15px;
}

.couple-page .col-md-4 {
    text-align: center;
    position: relative;
}

.couple-page .col-md-4::after {
    position: absolute;
    content: "";
    right: 0;
    background-color: var(--white-color);
    width: 1px;
    height: 197px;
    top: -66px;
}

.couple-page-box {
    border-radius: 15px;
    min-height: 244px;
    align-items: center;
    color: var(--white-color);
}

.couple-slider img {
    height: 200px;
    object-fit: cover;
}

.privacy-policy_page p {
    margin-bottom: 15px;
}

.privacy-policy_page ul li {
    margin-bottom: 8px;
    display: flex;

}

.privacy-policy_page ul li span {
    margin-right: 10px;
    font-size: 7px;
    margin-top: 7px;
}

.privacy-policy_page ul {
    margin-left: 36px;
    margin-bottom: 30px;
}

.privacy-policy_page h4 {
    margin-bottom: 15px;
    font-family: var(--heading-font);
    font-size: 20px;
}

.privacy-policy_page h6 span {
    font-size: 8px;
    vertical-align: middle;
    margin-right: 11px;
}

.honeymoon-travel-image .travel-image-text-box {
    background-color: rgb(250 214 165 / 32%);
    padding: 32px 10px 0;
}

.honeymoon-travel-image .travel-image-text-box .bride-buttonone {
    height: 48px;
    line-height: 24px;
    font-size: 15px;
}

.honeymoon-travel-image .travel-image-text-box .d-flex {
    margin-top: 15px;
}

.travel-bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 507px;
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 0 23px 23px;
    position: relative;
}

.travel-bg-image::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.1);
}

.travel-bg-imag2 {
    height: 249px;
    width: 100%;
}

.travel-bg-image small,
.travel-bg-image h4 {
    color: var(--white-color) !important;
    position: relative;
    z-index: 1;
}

.honeymoon-luxury .luxury-box .text {
    background-color: rgb(250 214 165 / 32%);
    padding: 32px 10px 0;
}

.honeymoon-luxury .luxury-box .text p {
    font-size: 15px;
}

.honeymoon-luxury .luxury-box .bride-buttonone {
    height: 48px;
    line-height: 24px;
    font-size: 14px;
}

.honeymoon-luxury .luxury-box .text small {
    color: var(--pink);
}

.honeymoon-luxury .luxury-box {
    margin-top: 18px;
}

.honeymoon-destinations-editor-picks li {
    border-bottom: 1px solid #000;
}

.honeymoon-destinations-editor-picks li a {
    font-size: 34px;

}

.honeymoon-destinations-editor-picks li a .title {
    width: 75%;
    font-size: 1.5rem;
    color: var(--pink) !important;
}

.honeymoon-destinations-editor-picks li a .icon {
    width: 10%;
    color: var(--nude) !important;
}

.honeymoon-destinations-editor-picks li a .counter {
    font-size: 2.5rem;
    font-weight: bold;
    color: rgba(103, 119, 123, 0.102);
    width: 15%;
    margin-bottom: -5.2rem;
}

.honeymoon-destinations .row {
    border-top: 1px solid #00000038;
    border-left: 1px solid #00000038;


}

.honeymoon-destinations .text-wrap {
    border-right: 1px solid #00000038;
    padding: 23px;
}

.honeymoon-destinations-editor-picks {
    padding: 26px 0;
}

.honeymoon-destinations h4 {
    color: var(--pink);
    font-style: italic;
    font-size: 32px;
}

.honeymoon-destinations p {
    font-size: 19px;
    margin-bottom: 15px;
}

.ts-img-slider {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 507px;
    width: 100%;
    position: relative;
    z-index: 1;
}

.ts-img-slider::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgb(0 0 0 / 29%);
    z-index: -1;
}

.ts-img-slider a {
    height: 100%;
    display: inline-flex;
    width: 100%;
    flex-direction: column;
    justify-content: end;
    padding: 59px;
    color: var(--white-color) !important;
}

.ts-custom-blogs .text {
    max-width: 350px;
    margin-left: 16px;
}

.ts-custom-blogs {
    padding: 3rem 0;
}

.ts-custom-blogs img {
    height: 285px;
    object-fit: cover;
}

.hotel {
    position: relative;
    background-size: cover;
    background-position: center;
    padding: 20px;
    height: 205px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.hotel .text {
    position: absolute;
    bottom: 4px;
    left: 0;
    color: white;
    font-size: 1.5rem;
}

.hotel .star {
    position: absolute;
    top: 0;
    right: 0;
    display: flex;
    gap: 5px;
    color: var(--white-color);
    font-size: 12px;
    padding: 10px;
}

.ts-custom-blogs hr {
    margin: 68px 0 47px;
}

.ts-custom-blogs .hotel-list .heading {
    margin-bottom: 43px;
    font-size: 41px;
}

.ts-custom_review .review-list {
    border-top: 1px solid #c7c8c9;
    border-bottom: 1px solid #c7c8c9;
    padding: 25px 0;
}

.ts-custom_review .ts-review-text {
    text-align: center;
    position: relative;
    padding: 0 29px 0 0;
}

.ts-custom_review .ts-review-text::after {
    position: absolute;
    content: "";
    right: 0;
    top: -26px;
    bottom: 0;
    background-color: #c7c8c9;
    width: 1px;
    height: 258px;
}

.ts-custom_review .col-md-4:last-child .ts-review-text::after {
    background-color: transparent;
}

.ts-custom_review .beauty-button a {
    margin-right: 10px;
}

.ts-custome-monthbox {}

.ts-custom_review .ts-review-text p {
    font-size: 21px;
    padding: 32px 0;
}

.ts-custom_review .ts-review-text h6 {
    color: var(--pink);
    font-family: var(--heading-font);
    font-weight: 600;
    margin-bottom: 0;
    font-size: 20px;
}

.ts-custom_review .ts-review-text .star i {
    background-color: var(--pink);
    color: #fff;
    padding: 4px;
    font-size: 12px;
}

section.ts-custom_review {
    padding-bottom: 24px;
}

.ts-custom-blogs .hotel .star {
    background-color: var(--pink);
}

.agency-wedding .paragraph {
    margin-top: 5rem;
}

.agency-wedding .grid-item {

    padding: 11px;
}

.commercial-shoots-page p {
    max-width: 422px;
}

.commercial-editorial {
    background-color: hsl(0, 0%, 98%);
}

.commercial-editorial h3 {
    margin-bottom: 70px;
}

.commercial-bg-image {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    z-index: 1;
}

.commercial-bg-image::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, 0.51);
    z-index: -1;
}

.commercial-shoots-page_two .wrap {
    max-width: 608px;
    padding-left: 68px;
}

.commercial-shoots-page_two .wrap h4 {
    font-weight: 600;
}

.help-center-search-box .form-control {
    height: 95px;
    font-size: calc(16px * 1.45);
    background: rgba(255, 255, 255, 1);
    border: 1px solid #eceeef;
    border-radius: 2px 2px 0 0;
    padding: 2px 10px 0 70px;
}

.help-center-search-box {
    position: relative;
}

.help-center-search-box span {
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    left: 23px;
    font-size: 25px;
    color: var(--pink);
}

.custom-block__link {
    text-align: center;
    background: var(--nude);
    border: 1px solid rgba(255, 245, 237, 1);
    border-radius: 2px;
    display: block;
    padding: 28px;
    height: 100%;
    color: var(--black-color) !important;
    transition: all 0.5s;
}

.custom-block__link:hover .custom-block__title {
    color: var(--black-color);
    text-decoration: underline;
}

.custom-block__link:hover {
    border: 1px solid var(--black-color);
}

.custom-block__title {
    font-size: 21px;
    margin-bottom: 15px;
}

.custom-block__description {
    font-size: 18px;
}

.promoted-articles {
    margin-top: 57px;
}

.promoted-article_item {
    padding: 30px;
    background: rgba(255, 255, 255, 1);
    border-radius: 2px;
    box-shadow: 0 1px 3px rgba(55, 60, 80, 0.05);
    margin-bottom: 24px;
}

.help-center-page {
    position: relative;
}

.help-center-page::after {
    position: absolute;
    content: "";
    bottom: 0;
    background-color: rgb(227 188 154 / 24%);
    left: 0;
    right: 0;
    top: 176px;
    z-index: -1;
}

.promoted-articles__list {
    margin-top: 40px;
}

.promoted-article_item a {
    color: var(--pink);
    font-size: 23px;
    margin-bottom: 3px;
    display: block;
}

.promoted-article_item:hover a {
    color: var(--black-color);
    text-decoration: underline;
}

.promoted-article_item p {
    font-size: 15px;
}

.community-box .svg-icon {
    text-align: center;
    margin-bottom: 30px;
}

.community-box {
    text-align: center;
    border: 1px solid #e1e3df;
    padding: 34px 24px;
    color: var(--pink);
}

.community-box h4,
.community-box p {
    text-decoration: underline;
    color: var(--black-color) !important;
}

.community-box:hover h4,
.community-box:hover p {
    text-decoration: none;
}

.community-box:hover {
    background-color: #b9b9b90d;
}

.logo a img {
    max-width: 300px;
}

footer .logo a img {
    -webkit-filter: invert(100%);
    filter: invert(100%);

}

.ts-custome-monthbox .heading {
    font-size: 52px;
}

.ts-custome-monthbox .nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--pink);
    border-radius: 0;
    padding: 10px 27px;
}

.ts-custome-monthbox .nav-link {
    color: var(--pink);
    font-size: 21px;
    padding: 10px 27px;
    text-align: center;
}

.ts-custome-monthbox .nav {
    border: 1px solid #c7c8c9;
}

.ts-custome-monthbox .nav li {
    border-right: 1px solid #c7c8c9;
}

.ts-custome-monthbox .tab .tab-pane img {
    width: 100%;
}

.ts-custome-monthbox .tab .tab-pane {
    margin-top: 42px;
}

.ts-custome-monthbox .tab .tab-pane h3 {
    font-size: 38px;
    color: var(--pink);
    margin-bottom: 16px;
}

.ts-custom-booking .heading {
    font-size: 50px;
   
    padding-bottom: 10px;
}

.ts-custom-booking .box-wrap .heading {
    border-bottom: 0;
    text-align: center;
    position: relative;
    font-size: 36px;
}

.ts-custom-booking .box-wrap .heading::after {
    position: absolute;
    content: "";
    background-color: var(--pink);
    width: 101px;
    height: 2px;
    left: 32px;
    top: 24px;
    /* bottom: 0; */
    margin: 0 auto;
}

.ts-custom-booking .box-wrap .call {
    color: var(--pink);
}

.ts-custom-booking .box-wrap p {
    border-top: 1px solid #00000057;
    padding-top: 13px;
}
.ts-custom-booking .box-wrap h5 {
    color: var(--pink);
    margin-bottom: -6px;
    font-size: 16px;
}
.ts-custom-booking .box-wrap small{
    font-size: 11px;
  
}
.ts-custom-booking .box-wrap {
    /* border-right: 1px solid #00000057; */
    /* padding: 0 32px 0 0; */
}


.enquiry-section .info-box {
    padding: 20px;

}

section.enquiry-section {
    padding-bottom: 100px;
}

.enquiry-section .form-box {
    background-color: #124b4f;
    color: #fff;
    border-radius: 5px;
}

.enquiry-section .form-box h3 {
    color: #fff;
    margin-bottom: 20px;
}

.enquiry-section .form-box label {
    font-weight: 600;
}


.enquiry-section .form-box .nav {
    padding: 14px 1px;
}

.enquiry-section .form-box .nav li {
    position: relative;
}

.enquiry-section .form-box .nav li::after {
    position: absolute;
    top: -15px;
    bottom: 0;
    right: 0;
    content: "";
    background-color: var(--white-color);
    width: 1px;
    height: 73px;
}

#your-trip {
    padding: 25px;
}

#your-trip .slider-labels span {
    font-size: 11px;
}

#your-trip .slider-labels {
    display: flex;
    justify-content: space-between;
}

#your-trip .btn-custom {
    background-color: var(--white-color);
    color: #000 !important;
}

.enquiry-section #your-trip #notes {
    width: 100%;
    height: 175px;
}

.enquiry-section #your-details {
    padding: 25px;
}

.enquiry-section .nav-link {
    border: none;
    color: #fff !important;
    padding: 10px 20px;
    cursor: pointer;
    width: 100%;
    background-color: transparent !important;
}

.enquiry-section .form-box li {
    width: 50%;
}


.enquiry-section .form-note {
    font-size: 12px;
    margin-top: 10px;
}

.enquiry-section .info-box .heading {
    font-size: 35px;
    border-bottom: 1px solid #00000057;
    padding-bottom: 10px;
}

#your-trip .btn-custome {
    background-color: var(--white-color) !important;
    color: #000 !important;
}

#your-details .btn {
    background-color: var(--white-color) !important;
    color: #000 !important;
}

.designer-spotlights-page h3 {
    margin: 41px 0;
}

.designer-spotlights-page .designer-contact h5 {
    font-weight: 600;
    font-size: 24px;
}

.designer-spotlights-page .m__social-share a {
    margin-right: 29px;
    font-size: 23px;
    color: var(--black-color) !important;
}

.designer-spotlights-page .designer-contact li {
    margin-bottom: 17px;
}

.designer-spotlights-page .c__wysiwyg-content .heading {
    font-size: 45px;
}

.designer-spotlight-editor .editor-box {
    margin-top: 66px;
}

.designer-spotlight-editor .editor-box h5 {
    font-weight: 600;
    font-size: 30px;
}

.banner-part .video-part {
    position: relative;
    width: 100%;
    height: 100%;
}

.home-video {
    width: 100%;
}



.global-contact {
    /* border: 1px solid #000; */
    padding: 55px;
    box-shadow: 0 0 16px #e3bc9a;
    border-radius: 15px;
}

.global-contact input.form-control {
    height: 50px;
}

.global-contact label {
    color: var(--pink);
    font-family: var(--heading-font);
    margin-bottom: 4px;
    font-weight: 600;
    font-size: 20px;
}

.global-contact input::placeholder,
.global-contact textarea::placeholder {
    font-size: 12px;
}

.sticky-nav-wrapper ul li a {
    margin-right: 15px;
    font-weight: 400;
    position: relative;
}

.sticky-nav-wrapper ul li a::after {
    position: absolute;
    content: "";
    bottom: -29px;
    left: 0;
    right: 0;
    background-color: var(--pink);
    width: 0;
    height: 3px;
    transition: all 0.5s;
}

.sticky-nav-wrapper ul li a:hover:after {
    width: 100%;
}

.sticky-nav-wrapper {
    border-bottom: 1px solid #00000036;
    padding-bottom: 21px;
}

.sticky-nav-wrapper ul li a:hover {
    color: var(--black-color);
    font-weight: 600;
}

.personalized-page_text {
    margin-left: 29px;
}

.personalized-image {
    background-color: #e3bc9a21;
    padding: 70px 0;
}

.personalized-image h4 {
    margin-top: 15px;
    font-weight: 600;
    font-size: 18px;
}

.inspiration::after {
    content: none;
}

.real-box {
    display: flex;
    align-items: center;
}

.honeymoon-travel-text {
    padding-top: 24px;
}

.marketplace-page{
    padding: 10rem 0 5rem;
}


#wedding h5 {
    font-weight: 600;
    font-size: 14px;
}
#wedding h5 i{
    position: relative;
    top: 1px;
}
#wedding .header-mark {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
}
.header-wedding {
    margin-top: 13px;
    margin-bottom: 13px;

}
.header-wedding li a{
    color: #0000008c;
    font-size: 14px;
}
#wedding strong{
color: var(--black-color);
}


.ts-vertical-tabs-container .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: var(--pink);
    background-color: transparent;
    position: relative;
    transition: all 0.4s;
}

.ts-vertical-tabs-container .nav-pills .nav-link.active::after {
    position: absolute;
    content: "";
    left: -16px;
    top: 20px;
    background-color: var(--pink);
    width: 87px;
    height: 1px;
    opacity: 0;
}
.ts-vertical-tabs-container .nav-pills .nav-link.active:hover::after {
    opacity: 1;
}

.ts-vertical-tabs-container .nav-pills .nav-link{
    text-align: start;
    font-size: 20px;
    color: var(--black-color);
}
.ts-vertical-tabs-container .nav-pills .nav-link.active:hover {
    padding-left: 95px;
}
.ts-vertical-tabs-container .tab-content {
    border-left: 1px solid #dee2e6;
    padding-left: 33px;
    padding-top: 15px;
}

.ts-vertical-tabs-container .nav-pills{
    padding-top: 15px;
}

.home-slider-wrap .item a {
    border: 0;
    width: 170px;
    height: 170px;
    box-shadow: 0 0 10px #00000033;
    padding: 15px;
}
.home-slider-wrap .item a img{
    border-radius: 50%;
}
.home-slider-wrap .item a :hover {
   
    --main-bg: none;
    border: solid 5px transparent;
    border-radius: 50%;
    --gradient-border: none;
    background: transparent;
    background-position: center center;
    -webkit-animation: bg-spin 3s linear infinite;
    animation: bg-spin 3s linear infinite;
    box-shadow:none;
}

.gown .gown-img .image{
    height: 400px;
    object-fit: cover;
}

.gown .gown-box small{
    color: var(--pink) !important;
    font-weight: 600;
}
.design{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 140px 0;
    position: relative;
    z-index: 1;
}

.design::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    content: "";
    background-color: rgb(235 235 235 / 51%);
    z-index: -1;
}

.design p {
    color: var(--black-color);
    margin-bottom: 15px;
}

.bride-gown .gown-icon {
    padding: 29px 4px
}

.bride-gown .gown-text small{
    color: var(--pink);
    font-weight: 600;
}
.home-slider-wrap .mySwiper {
    padding-bottom: 28px;
    padding-top: 28px;
}

.home-slider h2{
    font-size: 57px;
}



.login-step {
    padding: 10rem 0 5rem;
    background-color: #f0f4f8;
}
.login-step .sidebar {
    width: 100%;
    background: #f6a58a94;
    padding: 40px 30px;
    position: relative;
    height: 100%;
    border-radius: 14px 0 0 14px;
}
.login-step .col-md-4{
    padding-right:0 ;
}
.login-step .col-md-8{
    padding-left:0 ;
}
.login-step  .main-content {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    padding: 40px;
    background: white;
    border-radius: 0 14px 14px 0;
}
.login-step .datepicker table tr td.active {
    background: var(--nude)!important;
    border-radius: 50%;
    color: var(--white-color);
}

.login-step  .progress-steps {
    display: flex;
    flex-direction: column;
    gap: 30px;
    margin-top: 60px;
    }

  .login-step  .step-item {
    display: flex;
    align-items: center;
    gap: 15px;
    padding: 15px;
    border-radius: 12px;
    transition: all 0.3s ease;
    cursor: pointer;
  }

  .login-step  .step-item.active {
    background: #ffffffbd;
   }

.login-step .step-number {
    width: 35px;
    height: 35px;
    border-radius: 10px;
    background: #f6a58aba;
    color: var(--black-color);
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
  }

  .login-step .step-item.completed .step-number {
    background: #e64b8d;
    color: white;
  }

  .login-step .step-text {
    font-weight: 600;
    color: #000000;
    font-size: 19px;
    }
  .login-step .step-item.active .step-text {
    color: var(--pink);
    font-weight: 600;
  }

  .login-step  .form-container {
    max-width: 500px;
    margin: 0 auto;
  }

  .login-step .form-step {
    display: none;
  }

  .login-step .form-step.active {
    display: block;
    animation: slideIn 0.4s ease;
  }

  @keyframes slideIn {
    from {
      opacity: 0;
      transform: translateX(20px);
    }

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

  .login-step  .step-title {
    font-size: 28px;
    color: #2d3748;
    margin-bottom: 30px;
    font-weight: 600;
  }

  .login-step  .form-group {
    margin-bottom: 25px;
  }

  .login-step .form-group label {
    display: block;
    margin-bottom: 10px;
    font-weight: 500;
    color: #4a5568;
    font-size: 15px;
  }

  .login-step .form-group input,
  .login-step  .form-group select {
    width: 100%;
    padding: 14px;
    border: 2px solid #edf2f7;
    border-radius: 12px;
    font-size: 15px;
    transition: all 0.3s ease;
    background: #f8fafc;
  }

  .login-step .form-group input:focus,
  .login-step  .form-group select:focus {
    border-color: var(--nude);
    background:var(--white-color);
    outline: none;
  }

  .login-step  .form-group input:hover,
  .login-step  .form-group select:hover {
    border-color: #ffd1e3;
  }

  .login-step .buttons {
    display: flex;
    justify-content: flex-end;
    gap: 15px;
    margin-top: 40px;
  }

  .login-step  button {
    padding: 14px 28px;
    border: none;
    border-radius: 12px;
    font-size: 15px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
  }

  .login-step button.prev {
    background: #f7fafc;
    color: #4a5568;
  }

  .login-step button.next,
  .login-step  button.submit {
    background: #ffb6d3;
    color: #943658;
  }

  .login-step  button:hover {
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
  }

  .login-step  button.prev:hover {
    background: #edf2f7;
  }

  .login-step button.next:hover,
  .login-step  button.submit:hover {
    background: #ffa6c9;
  }

  .login-step .success-message {
    display: none;
    text-align: center;
    padding: 60px 40px;
  }

  .login-step  .success-message.active {
    display: block;
    animation: fadeIn 0.6s ease;
  }

  .success-message h2 {
    color: #e64b8d;
    font-size: 32px;
    margin-bottom: 20px;
  }

  .success-message p {
    color: #666;
    line-height: 1.7;
    font-size: 16px;
  }

  .form-header {
    margin-bottom: 40px;
  }

  .form-header h1 {
    font-size: 24px;
    color: #2d3748;
    margin-bottom: 10px;
  }

  .form-header p {
    color: #718096;
    line-height: 1.6;
  }

  @media (max-width: 768px) {
    .container {
      flex-direction: column;
    }

    .sidebar {
      width: 100%;
      padding: 20px;
    }

    .progress-steps {
      margin-top: 20px;
      flex-direction: row;
      justify-content: space-between;
      gap: 10px;
    }

    .step-item {
      flex-direction: column;
      text-align: center;
      padding: 10px;
    }

    .step-text {
      display: none;
    }

    .main-content {
      padding: 20px;
    }
  }

  .error {
    border-color: var(--nude) !important;
    background: #fff5f5 !important;
  }

  .error-message {
    color: var(--pink);
    font-size: 13px;
    margin-top: 5px;
    display: none;
  }

  .error+.error-message {
    display: block;
  }

  .form-group input:focus::placeholder {
    color: #a0aec0;
  }

  .step-description {
    color: #718096;
    font-size: 14px;
    margin-top: 5px;
  }



  #confetti-holder{
    position: fixed;
    height: 100vh;
    pointer-events: none;
    width: 100%;
    top: 0;
    z-index: 2;
    text-align: center;
    vertical-align:middle;
  } 
  
  #e0DQ82qcIov1 {
    height: 150vh;
    min-width: 600px;
    min-height: 600px;
  
  }
  
  .center {
    width: 100%;
    height: 100vh;
    display: flex;
    background-color: #FFF8F5;
      align-items: center;
    justify-content: center;
  }
  
  #shooter {
    font-weight: 500;
    padding: 16px 32px;
    min-width: 200px;
    overflow: hidden;
    cursor: pointer;
    outline: none;
    color: rgba(250, 250, 255, 0.9);
    background-color: #E64784;
    border: none;
    border-radius: 48px;
    box-shadow: 0 4px 8px #F2B3C8;
    -webkit-tap-highlight-color: transparent;
    transition: box-shadow 0.1s ease-out;
  }
  
  #shooter:hover {
    background-color: #F74D8D; 
    color: rgba(250, 250, 255, 1);
    box-shadow: 0 8px 16px #F6CEDA;
  }
  
  #shooter:active {
    box-shadow: 0 0 8px #F6CEDA;
    transform: translateY(4px);
    color: #fff;
  }
  
  span.shoot{
    font-size: 28px;
    text-align: center;
    pointer-events: none;
  }
  
  
.confetti-canvas {
    position: fixed !important; 
    z-index: 9999 !important; 
}
.success-modal {
    z-index: 9999;
}
.success-modal .modal-content {
    background-color: transparent;
    color: #fff;
   
}
.success-modal .modal-header{
border-bottom: none;
}
.success-modal .modal-body {
    text-align: center;
    font-size: 92px;
    font-family: var(--heading-font);
    color: var(--black-color);
    background-color: #ffffffba;
    padding: 24px;
}
.step4 .progress-text h3{
margin-bottom: 55px;
}
.step4  label{
    font-weight: 600;
}
    .success-modal .modal-header .btn-close {
        display: none;
    }

    header.fixed {
        position: fixed;
        width: 100%;
        z-index: 9999;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
    }
    .scenic img {
        height: 114px !important;
    }
   

    .home-date.box p{
      font-size: 16px;
    }
    .home-icon-slider{
        margin-left: -35px;
    }
    .down-arrow {
        position: fixed;
        right: 23px;
        bottom: 0;
        z-index: 999;
    }
    .down-arrow {
        color: var(--white-color);
        font-size: 34px;
        background-color: var(--pink);
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 13px;
    }
    .catering-check_box {
        display: grid;
        grid-template-columns: auto auto;
        margin-bottom: 20px;
        margin-top: 12px;
        column-gap: 22px;

    }
    .catering-check_box label{
        font-size: 15px;
    }
    .elope{
        font-weight: 600;
    }

    .bride-inner-page-sidebar .bride-buttonone {
        margin: 0 10px 0 0;
        padding: 6px 0;
        height: 46px;
        font-size: 15px;
        width: 140px;
        border-radius: 27px;
    }
    .bride-inner-page-sidebar h4 {
        font-weight: 600;
        margin-bottom: 18px;
    }
    .explore-wedding-fashion .topbar .col-md-11 {
        border-top: 1px solid #b8b8b8;
        padding-top: 33px;
    }
    .explore-wedding-fashion  .top-bar-img-box img{
        height: 200px;
    width: 100%;
    }
    .explore-wedding-fashion  .top-bar-img-box h6{
        margin-top: 5px;
    }
    .explore-wedding-fashion  .top-bar-img-box {
        row-gap: 18px;
    }

    .bride-inner-page .form-check-input[type=radio]{
border-radius: 0;
    }
    .bride-inner-page  .form-check-input:checked[type=radio] {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    }

    .bride-inner-page .accordion-body {
        overflow-y: scroll;
        overflow-x: hidden;
        height: 200px;
    }
    .bride-inner-page .accordion-button:not(.collapsed)::after {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000000'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
        ;
       
    }
    .bride-inner-page  .dress input[type="radio"]{
        visibility: hidden;
        height: 0;
        width: 0;
      }

      .bride-inner-page  .dress input[type="radio"]:checked + label {
        background: #F1F2F4;
        border-radius: 6px;
      
    }

      .bride-inner-page  .dress{
        display: flex;
            flex-wrap: wrap;
      }
      .bride-inner-page  .dress .form-check {
        display: flex;
        /* flex-direction: column; */
        padding-left: 0;
        padding: 6px;
        margin-right: 24px;
    }
    .bride-inner-page  .dress .form-check span {
        font-size: 12px;
        margin-top: 5px;
    }
    .bride-inner-page .accordion-body{
        border-bottom: 1px solid #adadad;
    }
      .bride-inner-page  .dress   .form-check-label img{
        width: 90px !important;
        height: 90px !important;
        object-fit: cover;
        object-position: top;
        margin-right: 0 !important;
      }

      .bride-inner-page-faq .dress .form-check-label {

        display: flex;
        flex-direction: column;
        justify-content: center;
        text-align: center;
    }
   
    .action-buttons  .custom-dropdown {
        border: 1px solid #ddd;
        border-radius: 10px;
        background-color: white;
        box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
        padding: 0;
        min-width: 272px;
        border: 1px solid #000;
        padding: 0 18px 0;
        overflow-y: scroll;
        overflow-x: hidden;
        height: 200px;
    }
  
    .action-buttons  .custom-dropdown .dropdown-item {
        padding: 12px 15px;
        border-bottom: 1px solid #ddd;
        font-size: 16px;
        color: #333;
      }
  
  
      .action-buttons .custom-dropdown .dropdown-item:last-child {
        border-bottom: 1px solid #ddd;
      }
      .action-buttons .custom-button {
        display: flex;
        align-items: center;
        border: 0;
        padding: 15px;
        border-radius: 10px;
        width: 286px;
        background: white;
        font-size: 18px;
        font-weight: bold;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
    }
  
    .action-buttons   .custom-button span {
        color: #333;
        font-size: 14px;
    }
  
      .action-buttons  .icon {
        margin-right: 10px;
      }
  
      .action-buttons {
        display: flex;
        align-items: center;
        /* gap: 15px; */
        justify-content: space-between;
        background-color: #fff;
        border-radius: 10px;
    }
    .action-buttons .guest{
       border-right: 0;
    }
  
    /* .action-buttons  .guest-button {
        padding: 15px;
        border-radius: 10px;
        background: white;
        border: 2px solid #ccc;
        font-size: 18px;
        font-weight: bold;
        display: flex;
        align-items: center;
        gap: 10px;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1);
      } */
  
      .action-buttons  .get-started {
        padding: 15px 25px;
        border-radius: 0 9px 9px 0;
        background: var(--pink);
        color: white;
        font-size: 15px;
        font-weight: bold;
        border: none;
        box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2);
    }
      .action-buttons .dropdown a:hover {
        background-color: transparent;
        color: var(--pink);
        border-radius:0;
        
    }

    .bride-pagination {
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 15px;
        padding: 10px 0;
        list-style: none;
    }
    
    .bride-pagination li {
        display: inline-block;
    }
    
    .bride-pagination a {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        font-size: 18px;
        font-weight: 600;
        color: var(--black-color);
        text-decoration: none;
        border-radius: 50%;
        transition: all 0.3s ease-in-out;
    }
    
    .bride-pagination a:hover,
    .bride-pagination a.active {
        background-color: var(--black-color);
        color: #fff;
    }
    
    .bride-pagination .arrow {
        background: none;
        border: none;
    }
    
    .bride-pagination .arrow i {
        font-size: 22px;
    }

   
    .profileContent {
        background-repeat: no-repeat;
        background-position: center;
        z-index: 1;
        position: relative;
       
        /* max-width: 1360px; */
        background-size: 100%;
    }
    .profileContent-text {
        position: absolute;
        top: 50%;
        left: 50%;
        /* margin: 0 auto; */
        transform: translate(-50%,-50%);
        background: #ffffff9c;
        padding: 46px;
    }

    /* .profileContent::after{
        position: absolute;
        content: "";
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: rgb(246 165 138 / 43%);
        z-index: -1;
    } */

    .profileContent ul li {
        margin-left: 24px;
    }
    .homescreen-wrapper{
        background-color: rgb(246 165 138 / 43%);
        padding-bottom: 5rem;
    }
    .homescreen-wrapper .accordion-button:not(.collapsed) {
        color: #333;
        background-color: #fff;
        box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .125);
        border-radius: 10px 10px 0 0;
    }
    .homescreen-wrapper .accordion-item{
        border-radius: 10px;
    }
    .homescreen-wrapper .venue-slider{
        margin-top: 18px;
    }
    .homescreen-wrapper .swiper-button-next:after,   .homescreen-wrapper  .swiper-button-prev:after {
    
        font-size: 13px;
        border: 1px solid #000;
        color: #000;
        background-color: #fff;
        padding: 7px 10px;
        border-radius: 50%;
    }

    .homescreen-wrapper .swiper-button-next,     .homescreen-wrapper .swiper-button-prev {
        top: var(--swiper-navigation-top-offset,35%);
    }
    .homescreen-wrapper .box-wrap {
        border: 1px solid #00000042;
        border-radius: 15px;
        padding: 15px 15px;
        margin-bottom: 17px;
    }   
    .blue {
        background-color: #cdf9ff;
        border: 0 !important;
    }
    .venue-page-wrapper {
        padding: 43px 25px 25px;
    }
    .venue-page-wrapper img {
        width: 400px;
        height: 120px;
        border-radius: 15px;
        rotate: 9deg;
    }
    .venue-page-wrapper .accordion-button::after {
        top: 17px;
        position: absolute;
        left: 100px;
    }
    .venue-page-wrapper .accordion-button:hover {
        z-index: 0;
    }
   .step6 .requests input{
    border: 0;
    border-bottom: 1px solid var(--black-color);
    border-radius: 0;
   }
   .step6 .requests textarea{
    border: 0;
    border-bottom: 1px solid var(--black-color);
    border-radius: 0;
   }
   .step6 .requests textarea::placeholder{
    font-size: 11px;
   }
#successModal h3{
    font-size: 37px;
}

#submitBox .btn-secondary{
    background-color: var(--black-color);
}
.step4 .form-control {
    border: 0;
    border-bottom: 1px solid var(--black-color);
    border-radius: 0;
}


#confetti-canvas {
    position: fixed !important; /* Ensures it stays on top */
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    pointer-events: none; /* Prevent interaction */
    z-index: 9999; /* Set a high z-index */
}

.step5 i{
    color: var(--brown-color);
}
.dashboard-directory h2{
padding-bottom: 0;
}




/* personalize */
 .personalize-box {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 250px;
    width: 100%;
    margin-bottom: 19px;
    display: flex;
    align-items: end;
    position: relative;
    z-index: 1;
}
.personalize-box::after{
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0,0,0,0.51);
    z-index: -1;
}


 .personalize-box h6 {
    color: var(--white-color);
    margin-left: 18px;
    margin-bottom: 18px;
    font-family: var(--heading-font);
    font-size: 25px;
}

.personalize-vendor-categories{
    padding: 0 0 5rem;
}


.personalize-vendor-categories .col-md-12{
    margin-bottom: 50px;
}

.personalize-vendor-box {
    display: flex;
    /* height: 100%; */
    width: 100%;
    max-width: 300px;
    border-radius: 10px;
    border: 1px solid var(--white-color);
    box-shadow: 0 3px 12px 0 rgba(0, 0, 0, 0.14), 0 5px 12px 0 rgba(0, 0, 0, 0.16);
    margin-bottom: 15px;
}
.personalize-vendor-box img {
    height: 100px;
    width: 100px;
}
.personalize-vendor-box h6 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-left: 5px;
    text-align: center;
    font-family: var(--heading-font);
    font-weight: 600;
}

.wedding-vendors ul{
    display: grid;
    grid-template-columns: auto auto auto;
}
.wedding-vendors ul li a {
    font-family: var(--heading-font);
    text-decoration: underline;
    margin-bottom: 9px;
    display: block;
    font-size: 22px;
    color: var(--black-color) !important;
}

.wedding-vendors{
    padding: 0 0 5rem;
}

.ods-c-masthead-v1 h2 {
    font-size: 62px;
}


.ods-c-masthead-v1 .custom-dropdown {
    width: 250px;
}
.ods-c-masthead-v1 .dropdown-item img {
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.ods-c-masthead-v1 {
    background-color: var(--white-color);
    box-shadow: -1px -2px 7px #00000073;
    padding: 38px;
    margin-top: 3rem;
}
.vendor-page-categoriesE.home-icon-slider {
    margin-left: 0;
}
.ods-c-masthead-v1::after{
    background-color: transparent;
}

.dashboard-directory .form-select, .dashboard-directory .form-control {
    height: 51px;
    padding-top: 16px;
}
.dashboard-directory  .categories {
    position: absolute;
    top: 5px;
    left: 25px;
    font-size: 10px;
}
.dashboard-directory  .bride-buttonone {
    padding: 8px 34px;
    height: 49px;
}

.dashboard-directory h2{
    padding: 0;
}

.dashboard-directory{
    padding: 5rem 0;
}

.vendor-post .blog-post-text a h6{
    text-align: start;
    color: var(--black-color) !important;
}
.vendor-icon-slider .home-icon-slider{
 margin-left: 0;
}
.vendor-page-wrap .vendor-text-img h2 {
    font-size: 24px;
}
.vendor-page-wrap .vendor-text-img p {
   
    font-size: 18px;
    height: 224px;
}
.vendor-page-wrap .vendor-img, .vendor-page-wrap .vendor-img img{
    height: 100%;
    object-fit: cover;
}
.photograph-name li{
    font-family: var(--heading-font);
    font-size: 16px;
}
.login-wrap{
    position: relative;
    padding: 35px 24px;
    width: 100%;
    border-radius: 16px;
    background-color: var(--white-color);
   
    box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
}
.login-wrap .banner-password {
    text-decoration: underline;
    color: var(--black-color) !important;
    font-weight: 600;
}
.signup-page{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 10rem 0 5rem;
}
.signup-page .sub-container {
    position: relative;
    /* line-height: 1.5; */
    margin-bottom: 13px;
}
.signup-page label {
    color: var(--black-color);
    font-size: 12px;
    position: absolute;
    background-color: var(--white-color);
    padding: 0rem 0.4rem;
    font-weight: 500;
    transform: translate(16px, -12px);
}

.signup-page .form-control{
  height: 54px;
  border: 1px solid #e9ecee;
  font-size: 15px;
  background-color: var(--white-color) !important;
}
.signup-page .login-wrap h4{
    font-family: var(--default-font);
    font-weight: 600;
    font-size: 39px;
    margin-bottom: 0;
    text-align: center;
}
.signup-page .login-wrap h5{
    font-family: var(--heading-font);
    font-weight: 600;
    text-align: center;
}
.signup-page .login-wrap p a{
   color: var(--pink);
}
.signup-page .login-wrap form{
    margin-top: 25px;
}
.signup-page .bride-buttonone {
    font-size: 16px;
    padding: 10px 0;
    height: unset;
    line-height: unset;
    border: 1px solid #000;
}

.naviocn{
    color: var(--black-color) !important;
}


.comingsoon-page {
    position: relative;
    height: 100vh;
    text-align: center;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
}

.comingsoon-page::after {
    content: '';
    position: absolute;
    background-image: url(../images/error-img.png);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.4;
    z-index: -1;
    background-position: center;
    background-size: cover;
}