header{
    transition: all 0.4s ease;
}
/* animatation */

@keyframes scale-up-one {

    0% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }



    40% {

        -webkit-transform: scale(0.5);

        transform: scale(0.5);

    }



    100% {

        -webkit-transform: scale(1);

        transform: scale(1);

    }

}



.site-wrap {

    overflow: hidden;

}

.al-center{

    align-items: center;

}

/*=========================

   Header CSS 

=============================*/

.site-header {

    box-shadow: 0px 1px 0px 0px rgba(39, 39, 39, 0.10);

    padding: 13px 0;

    z-index: 999 !important;

}

.logo {

    display: block;

}

.modalZIndex{
z-index:99999 !important;
}

.logo:hover {

    opacity: 0.9;

}



.navlist li {

    position: relative;

}



.navlist li.active a, .navlist li a:hover {

    color: var(--primary-clr) !important;

}



.navlist li a {

    padding: 35px 15px;

    border-bottom: 3px solid transparent;

}



.navlist li a:hover, .navlist li.active a {

    border-bottom: 3px solid var(--primary-clr);

}

.signUp-nav ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.signUp-nav li {

    display: inline-block;

}



/* Sub menu */

.sub-menu {

    background: #FBFAFE;

    width: 250px;

    top: calc(100% - 5px);

    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.02);

    z-index: 99;

    transition: var(--transision);

}



.nav-mobile, .sub-menu {

    display: none;

}



.navlist li:hover .sub-menu {

    display: block;

}



.sub-menu li a:hover, .sub-menu li a {

    border-bottom: none !important;

}



.sub-menu li a {

    padding: 8px;

    display: block;

}



.sub-menu li {

    border-top: 1px solid var(--primary-clr);

}



.navlist .signUp-nav a {

    padding: 10px;

    letter-spacing: 0.16px;

}

.signUp-navMobile {

    display: none;

}



/* Button CSS */

.btn {

    letter-spacing: 0.18px;

    padding: 10px 20px;

}



.btn.gradient-bg:hover {

    background: var(--btn-hover-gradient) !important;

}



.btn-solid:hover {

    background: var(--black-clr) !important;

}





/* Hero CSS */

.hero-wrapper {

    background: #FFF7FB;

    margin-top: 92px;

    padding: 50px 0 60px;

}

.hero-img img {

    width: 55%;

    z-index: 1;

}

.hero-content h1 {

    margin-bottom: 20px;

}

.hero-form {

    padding: 20px 45px;

    z-index: 2;

}

.registration-form input, .registration-form select {

    height: 36px;

}

.registration-form input[type="submit"] {

    height: 48px;

}

.registration-form ::placeholder, .registration-form ::-webkit-placeholder {

    color: var(--black-clr);

}

.registration-form label {

    margin-top: 15px;

    display: inline-block;

    width: 100%;

}



.acceptence label {

    display: inline;

    margin-top: 0;

}

.acceptence input[type="checkbox"] {

    height: auto;

}



.acceptence {

    padding: 15px 0;

}



/* Feartued CSS */

.section-heading {

    margin-bottom: 50px;

}

.featured-box {

    padding: 20px;

    width: 231px;

    background: #fff;

}



.featured-box::before {

    content: "";

    position: absolute;

    left: -1px;

    top: -1px;

    width: 101%;

    height: 101%;

    background: var(--btn-gradient);

    z-index: -1;

    border-radius: 30px;

    opacity: 0;

}



.featured-box:hover::before {

    opacity: 1;

}



.featured-icon {

    margin-bottom: 20px;

}



.featured-box:hover a {

    color: var(--primary-clr) !important;

}



.featured-box:hover a i {

    display: block;

}





/* Featured profile CSS */

.featured-profile-slider .slick-track {

    display: flex;

    gap: 1rem;

}



.slick-slide .profile-slide-img img {

    display: block;

    width: 100%;

}



.profile-single-slide:hover {

    background: #fff;

    border-radius: 40px;

    box-shadow: 0px 4px 0px 0px rgba(0, 0, 0, 0.05);

}



.profile-single-slide {

    margin-bottom: 20px;

}



.profile-slide-content {

    padding: 20px;

}



.profile-single-slide:hover img {

    border-radius: 40px 40px 0 0;

}



.slick-arrow {

    top: 50%;

    margin-top: -25px;

    z-index: 5;

    cursor: pointer;

}

.slick-arrow:hover {

    color: var(--primary-clr) !important;

}

.fa-angle-left.slick-arrow {

    left: -30px;

}

.fa-angle-right.slick-arrow {

    right: -30px;

}



/* Profile privacy CSS */

.privacy-list-item {

    padding: 15px 15px 15px 0;

    border-bottom: 1px solid #E8E8E8;

}



.privacy-list-item:last-child {

    border-bottom: none;

}



.pp-overlay-img {

    height: 100% !important;

    object-fit: cover;

    overflow: visible;

    top: -20px;

    left: -90px;

    animation: ppOverlayImg 8s linear infinite;

}



@keyframes ppOverlayImg {

    0% {

        transform: rotate(0deg);

    }

    50% {

        transform: rotate(30deg);

    }

    100% {

        transform: rotate(0deg);

    }

}





/* Story CSS */

.stories-inner {

    background: linear-gradient(180deg, #23273A 46.35%, #FA4A6F 119.01%);

    padding: 0 130px;

    overflow: hidden;

}

.story-content {

    padding: 15px;

    border-radius: 0 0 20px 20px;

    box-shadow: 0px 10px 20px 0px rgba(13, 15, 29, 0.80);

}



.story-gallery-item {

    margin-bottom: 15px;

}

.story-gallery-item img {

    width: 100%;

}

.stories-content p {

    margin-bottom: 40px;

}



.story-gallery.s-gallery-1 {

    margin-top: 80px;

}



.story-gallery.s-gallery-2 {

    margin-bottom: 80px;

}

.stories-shade {

    width: 490px;

    height: 250px;

    transform: rotate(-148.985deg);

    flex-shrink: 0;

    background: linear-gradient(24deg, #23273A 14.62%, rgba(255, 255, 255, 0.12) 93.39%);

    opacity: 0.2;

    border-radius: 50px;

    bottom: -130px;

    left: -50px;

}





/* Pricing CSS */

.pricing-content {

    padding-top: 70px;

}



.pricing-box {

    padding: 40px;

}



.gradient-line {

    height: 1px;

}

.pricing-list {

    margin: 40px 0;

    padding-left: 15px;

}

.pricing-box.premium-plan::before {

    content: "";

    width: 100.8%;

    height: 100.5%;

    background: var(--btn-gradient) !important;

    position: absolute;

    z-index: -1;

    left: -1.5px;

    top: -1px;

    border-radius: 30px;

}



.pricing-box.premium-plan {

    background: #fff;

    border-radius: 30px;

}



.discount-price {

    background: #532B79;

    border: 1px solid #532B79;

    border-radius: 30px 30px 0 0;

    padding: 20px 50px 50px;

    z-index: -2;

    top: -70px;

    text-align: center;

}





/* Testimonial CSS */

.testimonial-carosel .slick-track {

    display: flex;

    gap: 1rem;

}

.testimonials {

    margin: 20px 0;

}

ul.slick-dots li button {

    display: none;

}



.testimonials {

    margin: 20px 0;

}



ul.slick-dots li button {

    display: none;

}



ul.slick-dots li {

    height: 10px;

    width: 10px;

    background: var(--gray-clr);

    border-radius: 50%;

    cursor: pointer;

}



ul.slick-dots li.slick-active {

    background: var(--primary-clr);

}



ul.slick-dots {

    bottom: -60px;

}



/* Home 2 CSS */

/* Section 2 */

.hero-form.home-2-form {

    background: #ffc107  !important;
    /* background: rgba(255,255,255,0.9) !important; */

  /*  margin: 175px auto 30px; */

}

.home2 .hero-wrapper {

    padding-top: 175px;

}



.hero-form.home-2-form p {

    margin-top: 0;

}



.bride input[type="radio"], .groom input[type="radio"] {

    position: absolute;

    width: 0;

    height: 0;

    cursor: pointer;

    margin-left: 0;

}



.bride input[type="radio"]::before, 

.bride input[type="radio"]::after,

.groom input[type="radio"]::before, 

.groom input[type="radio"]::after {

    position: absolute;

    content: "";

    width: 12px;

    height: 12px;

    border: 4px solid;

    left: 0;

    top: 0;

    border-radius: 50%;

    transition: var(--transision);

    background: var(--white-clr);

    transform: translateY(7px);

}



.bride input[type="radio"]::after, .groom input[type="radio"]::after {

    border-color: var(--gray-clr);

}



.bride input[type="radio"]::before, .groom input[type="radio"]::before {

    border-color: var(--primary-clr) !important;

    opacity: 0;

    z-index: 9;

}



.bride label, .groom label {

    margin-left: 30px;

    cursor: pointer;

}



.bride input[type="radio"]:checked::before, .groom input[type="radio"]:checked::before {

    opacity: 1;

}



.age-range input[type="number"] {

    width: 50px;

    height: 40px;

    text-align: center;

}

.religion select, .language select {

    width: 200px;

    height: 40px;

    padding: 5px;

}



/* Section 2 */

.couple-stories-wrapper {

    overflow-x: hidden;

    overflow: hidden;

}



.couple-s-grid {

    display: flex;

    flex-direction: column;

    gap: 50px;

}



.single-carosel-couple {

    box-shadow: -10px 15px 40px 0px rgba(0, 0, 0, 0.08);

    border: 5px solid #fff;

    /* height: 380px; */

    -ms-transform-style: preserve-3d;

    transform-style: preserve-3d;

    -webkit-transform-style: preserve-3d;

    perspective: 1000px;

    -webkit-perspective: 1000px;

}

.couple-s-carousel {

    display: flex;

    gap: 15px;

    width: 100%;

}



.couple-s-carousel .single-carosel-couple {

    width: calc(33.33% - 10px);

}



.couple-s-carousel .slick-list {

    overflow: visible;

}



.couple-s-img {

    margin: 30px 0 20px;

}



.flip-front h5 {

    margin-bottom: 50px;

}



.flip-back {

    padding: 15px;

    z-index: 999;

}



.flip-front, .flip-back {

    -ms-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);

    transition: transform 0.7s cubic-bezier(.4,.2,.2,1);

    -webkit-transition: transform 0.7s cubic-bezier(.4,.2,.2,1);

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    background-size: cover;

    background-position: center;

    -webkit-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    transform-style: preserve-3d;

}



.single-carosel-couple:hover .flip-front {

    -ms-transform: rotateY(-180deg);

    -webkit-transform: rotateY(-180deg);

    transform: rotateY(-180deg);

}



.flip-front {

    -ms-transform: rotateY(0deg);

    -webkit-transform: rotateY(0deg);

    transform: rotateY(0deg);

}



.flip-back {

    -ms-transform: rotateY(180deg);

    -webkit-transform: rotateY(180deg);

    transform: rotateY(180deg);

    position: absolute;

    width: 100%;

    left: 0;

    top: 0;

}



.single-carosel-couple:hover .flip-back {

    -ms-transform: rotateY(0deg);

    -webkit-transform: rotateY(0deg);

    transform: rotateY(0deg);

}



.love-tree {

    right: -135px;

}



ul.list-unstyled {

    flex-wrap: wrap;

}



/* Pricing page CSS */

.second-header {

    padding: 20px 0;

    box-shadow: 0px 1px 0px 0px rgba(39, 39, 39, 0.10);

}



.second-header ul li.active a, .second-header ul li a:hover {

    color: var(--primary-clr) !important;

}







/* Footer CSS */

.site-footer {

    padding: 80px 0 10px;

}



.footer-bottom {

    padding-top: 20px;

    border-top: 1px solid #EEEEEE;

}



.footer-top {

    padding-bottom: 40px;

}



.widget-navs ul li a:hover, .widget-navs ul li.active a, .socials li a:hover {

    color: var(--primary-clr) !important;

}



/* check out page start */

section.playment-area {

    margin-top: 1px;

}

.payment-tittle h2 {

    font-size: 40px;

    font-weight: 600;

    line-height: normal;

    color: #020203;

    margin-bottom: 25px;

}



.payment-tittle {

    text-align: center;

    margin-bottom: 55px;

}



.payment-tittle p {

    font-size: 18px;

    font-weight: 400;

    line-height: 140%;

    color: #23273A;

    width: 625px;

    margin: 0 auto;

}



.single-card-img {

    width: 188px;

    height: 110px;

    border: 1px solid #F2F2F2;

    background: #fff;

    border-radius: 6px;

    line-height: 110px;

    margin-left: 30px;

    margin-bottom: 50px;

    text-align: center;

}



.single-card-img:hover img {

    animation: scale-up-one infinite 2s linear;

}



.single-card-img:first-child {

    margin-left: 0;

}



.pament-bg {

    background: #FFFDF9;

    padding-top: 85px;

    padding-bottom: 115px;

}



.top-cards {

    display: flex;

    justify-content: center;

}



.bottom-cards {

    display: flex;

    justify-content: center;

}



a.card-btn {

    display: inline-block;

    background: var(--primary-clr);

    color: var(--white-clr);

    font-size: 18px;

    font-weight: 700;

    line-height: 26px;

    width: 624px;

    border-radius: 6px;

    height: 55px;

    padding: 15px 0;

    transition: all .3s ease-in-out;

    text-align: center;

}

a.card-btn:hover {

    background: var(--black-clr);

}



.payment-btn {

    text-align: center;

}



.bottom-cards .single-card-img {

    margin-bottom: 85px;

}



/* success stories page  */



section.success-stories {

    padding-top: 118px;

    padding-bottom: 120px;

}



main.site-main .second-header {

    padding-top: 144px;

}



.success-tittle .section-tittle {

    margin-bottom: 42px;

}



.success-tittle .section-heading {

    margin-bottom: 100px;

}



.success-stories-top-baner {

    margin-bottom: 20px;

}

.success-stories-top-baner p {

    margin: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 135%;

    letter-spacing: 0.14px;

    margin-bottom: 15px;

}



.success-stories-top-baner p span {

    color: #FA4A6F;

}



.success-stories-top-baner h2 {

    margin: 0;

    font-size: 35px;

    font-weight: 600;

    line-height: 125%;

    color: var(--black-clr);

    letter-spacing: -0.35px;

    margin-bottom: 25px;

}



.baner-btn {

    text-align: right;

}



a.red-more {

    background: var(--primary-clr);

    color: var(--white-clr);

    display: inline-block;

    padding: 11px 26px;

    border-radius: 6px;

    transition: all .3s ease-in-out;

}



a.red-more:hover{

    background: var(--black-clr);

}



.top-baner-img img {

    width: 100%;

}



.top-baner-content {

    border-radius: 30px;

    background: var(--white-clr);

    box-shadow: 0px 10px 10px 0px rgba(13, 15, 29, 0.05);

    padding-top: 20px;

    padding-left: 35px;

    padding-right: 35px;

    padding-bottom: 45px;

}



.single-baner-item p {

    margin: 0;

    font-size: 14px;

    font-weight: 500;

    line-height: 135%;

    color: #91939C;

    margin-bottom: 20px;

}



.single-baner-item p span {

    color: var(--primary-clr);

    margin-left: 5px;

}

.baner-content {

    border-radius: 30px;

    background: var(--white-clr);

    box-shadow:  0px 10px 10px 0px rgba(13, 15, 29, 0.05);

    padding-top: 30px;

    padding-bottom: 35px;

    padding-left: 34px;

    padding-right: 35px;

}



.single-baner-item {

    width: 50%;

    margin-left: 20px;

}



.single-baner-item:first-child {

    margin-left: 0;

}



.single-baner-item img {

    width: 100%;

}



.single-baner-item h2 {

    margin: 0;

    font-size: 25px;

    font-weight: 700;

    line-height: 125%;

    letter-spacing: -0.32px;

    color: var(--black-clr);

    margin-bottom: 27px;

}



.success-secound-baner {

    display: flex;

    margin-bottom: 20px;

}



.success-third-baner {

    display: flex;

}



.success-tittle h2 {

    font-weight: 700;

}



/* contact us page  */

section.contact-us {

    display: block;

    padding: 118px 0;

}



.contact-tittle {

    margin-bottom: 100px;

}



.main-contact-wrap {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.single-contact-item .icon {

    height: 54px;

    width: 54px;

    background: #FCE0ED;

    text-align: center;

    line-height: 54px;

    border-radius: 50%;

    color: #FA4A6F;

    margin-bottom: 17px;

}



.single-contact-item h6 {

    color: var(--black-clr);

    font-size: 20px;

    font-weight: 500;

    line-height: 135%;

    margin-bottom: 17px;

}



.single-contact-item p {

    margin: 0;

    line-height: 140%;

    font-size: 16px;

    font-weight: 500;

    color: var(--black-clr);

    margin-bottom: 9px;

}

.single-contact-item {

    margin-bottom: 60px;

}



.single-contact-item a {

    color: var(--black-clr);

    font-size: 20px;

    font-weight: 600;

    line-height: 135%;

}



.single-contact-item a:hover {

    color: var(--primary-clr);

}



.social-area ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.social-area li {

    display: inline-block;

    margin-left: 36px;

}



.social-area li:first-child {

    margin: 0;

}



.social-area a {

    font-size: 20px;

    color: #484A57;

    transition: .3s ease-in-out;

}



.social-area a:hover {

    color: var(--primary-clr);

}



.social-area p {

    margin: 0;

    font-weight: 500;

    margin-bottom: 13px;

}



.contact-form input, .contact-form textarea {

    display: block;

    padding: 10px;

    width: 100%;

    outline: none;

    border: 1px solid #ACACAC;

    border-radius: 4px;

    margin-bottom: 31px;

}



.contact-form textarea {

    display: block;

}

.contact-form {

    background: #EEFEFF;

    border-radius: 30px;

    padding: 88px;

}



.contact-form h2 {

    color: var(--black-clr);

    font-size: 30px;

    line-height: normal;

    font-weight: 600;

    margin: 0;

    margin-bottom: 70px;

}



.contact-form label {

    font-size: 14px;

    font-weight: 400;

    line-height: normal;

    color: #23273A;

    opacity: 0.6;

    margin-bottom: 15px;

    display: block;

}



.contact-form form span {

    font-size: 12px;

    display: block;

    opacity: 0.4;

    color: var(--black-clr);

    font-weight: 5;

    line-height: normal;

    margin-bottom: 35px;

}



.contact-form input[type="email"] {

    margin-bottom: 10px;

}



.contact-form textarea {

    margin-bottom: 20px;

}



.contact-form input[type="submit"] {

    background: var(--primary-clr);

    color: var(--white-clr);

    border: none;

    font-size: 18px;

    font-weight: 400;

    line-height: normal;

    padding: 15px;

}



/* login page start */



section.log-in {

    display: block;

    padding-top: 210px;

    padding-bottom: 120px;

}



.login-tittle {

    margin-bottom: 82px;

}



.main-login-wrap {

    display: flex;

    justify-content: center;

}



.login-img {

    background: #FFC5B2;

    border-radius: 30px 0px 0px 30px;

}



.login-img img {

    padding-top: 47px;

}

.login-form {

    background: #F8F5FF;

    border-radius: 0px 30px 30px 0px;

    padding-top: 60px;

    padding-left: 90px;

    padding-right: 70px;

}



.forgot-password {

    padding-top: 164px;

    padding-bottom: 100px;

}



.login-form label, .forgot-password-form label {

    font-size: 14px;

    font-weight: 400;

    line-height: normal;

    color: var(--black-clr);

    opacity: 0.6;

    margin-bottom: 15px;

    display: block;

}



.login-form input, .forgot-password-form input {

    display: block;

    width: 100%;

    padding: 10px;

    outline: none;

    border-radius: 4px;

    border: 1px solid #EDEDED;

    margin-bottom: 10px;

}



.login-form input[type="submit"], .forgot-password-form input[type="submit"] {

    padding: 15px;

    background: var(--primary-clr);

    color: var(--white-clr);

    font-weight: 500;

    border: none;

    font-size: 18px;

    line-height: normal;

    letter-spacing: 0.18px;

    margin-bottom: 23px;

}



.login-form input:focus, .forgot-password-form input:focus {

    border-color: var(--primary-clr);

}



.login-form h2 {

    font-size: 30px;

    margin: 0;

    font-weight: 600;

    text-align: center;

    margin-bottom: 74px;

}



.login-form span {

    display: block;

    font-size: 12px;

    font-weight: 400;

    line-height: normal;

    opacity: 0.4;

    color: var(--black-clr);

    margin-bottom: 30px;

}



.forget-area {

    display: flex;

    align-items: center;

    justify-content: space-between;

    margin-bottom: 30px;

}



.forget-area p {

    margin: 0;

    font-size: 12px;

    font-weight: 500;

    line-height: normal;

}



.forget-area a {

    font-size: 12px;

    font-weight: 600;

    line-height: normal;

    color: var(--primary-clr);

    border-bottom: 1px solid;

}



.login-form h6 {

    margin: 0;

    text-align: center;

    font-size: 14px;

    font-weight: 600;

    line-height: normal;

    color: #23273A;

    opacity: 0.6;

    margin-bottom: 26px;

}



.singin-all-btn a {

    display: block;

    text-align: center;

    padding: 13px;

    border: 1px solid #EDEDED;

    background: var(--white-clr);

    color: #020203;

    font-size: 18px;

    font-weight: 400;

    line-height: normal;

    letter-spacing: 0.18px;

    border-radius: 5px;

    margin-bottom: 13px;

}



.singin-all-btn a:hover {

    background: var(--primary-clr);

    color: var(--white-clr);

}

.singin-all-btn a:hover i{

    color: var(--white-clr);

}



.singin-all-btn a img {

    margin-right: 10px;

}



.singin-all-btn a i {

    font-size: 22px;

    margin-right: 10px;

    color: #484A57;

}



.singin-all-btn a svg {

    margin-right: 10px;

}



.creat-account {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-top: 58px;

}



.creat-account p {

    font-size: 14px;

    font-weight: 400;

    line-height: normal;

    opacity: 0.6;

    margin: 0;

    margin-right: 10px;

}



.creat-account a {

    padding: 0;

    background: no-repeat;

    border: none;

    font-size: 14px;

    line-height: normal;

    margin-bottom: 0;

    border-bottom: 1px solid;

    color: var(--primary-clr);

    font-weight: 700;

}

.creat-account a:hover {

    background: none;

    color: var(--black-clr);

}



/* forgot password page */



section.forgot-password {

    padding-top: 210px;

    padding-bottom: 120px;

    display: block;

}

.forgot-tittle img {

    margin-bottom: 19px;

}



.forgot-password-form {

    width: 600px;

    margin: 0 auto;

    background: #F8F5FF;

    border-radius: 30px;

    padding: 66px 0;

    padding-left: 70px;

    padding-right: 48px;

}



.forgot-password-form a {

    text-align: center;

    display: block;

    font-size: 14px;

    font-weight: 500;

    line-height: normal;

    color: var(--black-clr);

}



.forgot-password-form a:hover {

    color: var(--primary-clr);

}



.forgot-password-form a i {

    margin-right: 10px;

}



.forgot-password-form input {

    margin-bottom: 20px;

}



/* register page start */



.regoster-img {

    width: 45%;

    text-align: right;

}

.regoster-img img {

    border-radius: 30px 0px 0px 30px;

}

.register {

    width: 55%;

    padding-top: 60px;

    padding-left: 85px;

    padding-right: 85px;

    border-radius: 0px 30px 30px 0px;

    background: #F8F5FF;

    opacity: 0.9;

}



.register h6 {

    margin: 0;

    text-align: center;

    font-size: 14px;

    font-weight: 600;

    line-height: normal;

    color: #23273A;

    opacity: 0.6;

    margin-bottom: 26px;

}



.register .submit input {

    margin-bottom: 30px;

}



/* check out v2 page  */



.check-v2-bg {

    background: #FFFDF9;

    padding-top: 73px;

    padding-bottom: 95px;

    margin-top: 1px;

}



.check-out-form,.billing-address,.payment-method {

    width: 624px;

    background: var(--white-clr);

    border: 0.5px solid #E0E0E0;

    border-radius: 10px;

    margin: 0 auto;

    padding-top: 20px;

    padding-left: 80px;

    padding-right: 45px;

    padding-bottom: 60px;

}



.check-out-form,.billing-address{

    margin-bottom: 35px;

}



.check-out-form h2 {

    margin: 0;

    font-size: 32px;

    font-weight: 700;

    line-height: 61px;

    color: var(--black-clr);

    margin-bottom: 22px;

}



.check-out-form h4 {

    font-size: 18px;

    font-weight: 700;

    line-height: 34px;

    margin: 0;

    margin-bottom: 6px;

}



.check-out-form p {

    margin: 0;

    font-size: 15px;

    font-weight: 500;

    line-height: 26px;

    margin-bottom: 40px;

}



.check-form,.billing-name,.state-address, .expiration-cvc {

    display: flex;

    justify-content: space-between;

}



.check-form input,.billing-name input,.card-form input{

    display: block;

    width: 100%;

}



.check-email,.first-name,.starte,.expiration {

    width: 50%;

    margin-right: 23px;

}



.confirm-email,.last-name,.zip,.cvc {

    width: 50%;

}



.check-form label, .billing-address label, .card-form label {

    font-size: 16px;

    font-weight: 500;

    line-height: 26px;

    color: var(--black-clr);

    margin-bottom: 12px;

    display: block;

}



.check-form input, .billing-address input, .card-form input {

    outline: none;

    border-radius: 6px;

    border: 1px solid #E0E0E0;

    padding: 11px;

    width: 100%;

}



.billing-address h2 {

    font-size: 20px;

    font-weight: 700;

    line-height: 34px;

    margin-bottom: 17px;

    margin-top: 18px;

}



.billing-address p {

    margin: 0;

    font-size: 15px;

    font-weight: 500;

    line-height: 26px;

    margin-bottom: 25px;

}



.billing-address input {

    margin-bottom: 22px;

}

.starte {

    margin-bottom: 22px;

}



.billing-name {

    margin-bottom: 22px;

}



.billing-address input:last-child {

    margin-bottom: 0;

}



.payment-method {

    margin-bottom: 50px;

}



.payment-method h2 {

    margin: 0;

    font-size: 20px;

    font-weight: 700;

    line-height: 34px;

    margin-bottom: 10px;

    margin-top: 12px;

}



.payment-method p {

    margin: 0;

    font-size: 16px;

    font-weight: 500;

    line-height: 26px;

    margin-bottom: 20px;

}



.card-area {

    display: flex;

    justify-content: space-between;

}



.select-card {

    display: flex;

}



.select-card input {

    height: 22px;

    width: 22px;

    margin-right: 10px;

}



p.zib-code {

    margin-bottom: 7px;

}



.card-item a {

    height: 22px;

    width: 22px;

    display: inline-block;

    margin-left: 15px;

}



.card-form input {

    margin-bottom: 15px;

}

.payment-method-btn {

    display: flex;

    align-items: center;

}



.payment-select {

    display: flex;

    justify-content: space-between;

    align-items: center;

}



.payment-method-btn input {

    height: 22px;

    width: 22px;

    margin-top: 16px;

    margin-right: 10px;

}



.payment-method-btn p {

    margin: 0;

}



.payment-icon {

    display: flex;

}



.pament-bottom-part {

    width: 624px;

    margin: 0 auto;

}



.pament-bottom-content {

    display: flex;

    align-items: center;

    justify-content: center;

    margin-bottom: 42px;

}



.pament-bottom-content input {

    height: 22px;

    width: 22px;

    margin-right: 10px;

}



.pament-bottom-content p {

    margin: 0;

    font-size: 16px;

    font-weight: 500;

    line-height: 22px;

}



a.check-out-btn {

    display: block;

    background: var(--primary-clr);

    color: var(--white-clr);

    text-align: center;

    font-size: 18px;

    font-weight: 700;

    line-height: 26px;

    border-radius: 6px;

    padding: 14px;

}



a.check-out-btn:hover {

    background: var(--black-clr);

}



/* active member */



header.site-header.active-member-header {

    padding: 0;

}



header.site-header.active-member-header .sub-menu {

    top: 97px;

}



section.advance-search-area {

    padding-top: 120px;

    padding-bottom: 80px;

}



.search-header {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-bottom: 1px solid #E9E9E9;

    padding: 18px 30px;

}



.search-form-wrap {

    padding: 32px 40px 32px 40px;

}

.advance-search-form {

    border: 1px solid #E9E9E9;

}



.search-header h4 {

    font-size: 20px;

    font-weight: 600;

    line-height: normal;

    margin: 0;

}



.search-header a {

    color: var(--primary-clr);

    font-size: 20px;

}



.all-member-item {

    display: flex;

    justify-content: space-between;

    gap: 20px;

    margin-bottom: 15px;

}



.single-member-item {

    display: flex;

    align-items: center;

    border: 1px solid #EDEDED;

    padding: 10px 15px;

    border-radius: 4px;

    width: 391px;

}



.single-member-item p {

    margin: 0;

    font-size: 14px;

    font-weight: 500;

    line-height: normal;

}



.single-member-item input {

    height: 20px;

    width: 20px;

    color: #C9C9C9;

    margin-right: 10px;

}



.member-type h6 {

    text-align: center;

    margin-bottom: 18px;

    font-size: 14px;

    line-height: normal;

    font-weight: 600;

}



.search-subtittle {

    text-align: center;

    font-size: 12px;

    font-weight: 400;

    line-height: normal;

    border-bottom: 1px solid #E9E9E9;

    margin-bottom: 32px;

}



.search-subtittle span {

    margin: 0;

    opacity: .5;

    margin-bottom: 18px;

    display: inline-block;

}



.search-subtittle  a {

    color: var(--primary-clr);

    margin-left: 5px;

    font-size: 12px;

    font-weight: 600;

    line-height: normal;

    display: inline-block;

}



.age-start-end {

    display: flex;

    position: relative;

}



.age-start {

    position: relative;

    z-index: 1;

}



.age-start-end select {

    border: none !important;

    width: 35%;

    position: absolute;

    right: 5px;

    top: 2px;

}



.age-end {

    position: relative;

}



.age-start-end input {

    border: 1px solid #EDEDED;

    outline: none;

}



.search-main-form label {

    display: block;

    font-size: 14px;

    font-weight: 500;

    line-height: normal;

    color: #23273A;

    opacity: 0.6;

    margin-bottom: 15px;

}



.search-main-form select {

    padding: 8px;

    margin-bottom: 20px;

}



.search-main-form input {

    outline: none;

    width: 100%;

    border: 1px solid #EDEDED;

    padding: 6px;

    border-radius: 4px;

    padding-left: 10px;

    margin-bottom: 20px;

}

.search-form-btn {

    text-align: center;

    margin-top: 12px;

}



a.search-btn {

    color: var(--white-clr);

    background: var(--primary-clr);

    padding: 15px;

    border-radius: 5px;

    display: block;

}



a.search-btn:hover {

    background: var(--black-clr);

}



.active-member-tittle {

    display: flex;

    justify-content: space-between;

    margin-bottom: 44px;

    align-items: center;

}



.tittle-right span {

    display: flex;

}



.title-left h2 {

    margin: 0;

    font-size: 40px;

    font-weight: 600;

    line-height: normal;

    color: var(--black-clr);

}



.tittle-right span {

    font-size: 20px;

    font-weight: 500;

    line-height: normal;

    opacity: 0.6;

    color: var(--black-clr);

    margin: 0;

}



.tittle-right span a {

    font-size: 20px;

    font-weight: 600;

    line-height: normal;

    margin-left: 25px;

}



.tittle-right span a i {

    margin-left: 5px;

}



.mamber-profile-head {

    display: flex;

    border-bottom: 1px solid #D6D6D6;

    padding-bottom: 30px;

    margin-bottom: 30px;

}



.mamber-profile-wrap {

    display: flex;

    align-items: center;

}





a.premium {

    display: inline-block;

    background: #FF8A35;

    padding: 0px 8px;

    color: var(--white-clr);

    border-radius: 4px 8px;

    font-size: 12px;

    text-transform: uppercase;

    margin-bottom: 22px;

}



.profile-content a i {

    color: var(--white-clr);

    margin-right: 5px;

    font-size: 12px;

    margin-left: 10px;

}



.profile-content h4 {

    font-size: 20px;

    font-weight: 600;

    line-height: normal;

    margin-bottom: 10px;

}



.profile-content p {

    margin-bottom: 27px;

    font-size: 16px;

    font-weight: 500;

    line-height: normal;

    color: #656875;

}



.profile-btn a {

    background: #EFEFEF;

    border-radius: 3px;

    color: var(--black-clr);

    padding: 6px 12px;

    display: inline;

    font-size: 12px;

}



.profile-btn a:hover {

    background: var(--primary-clr);

    color: var(--white-clr);

}



.profile-btn a:hover i {

    color: var(--whtie-clr);

}



.member-profile {

    background: #FFFDF9;

    border-radius: 20px;

    border: 1px solid #E9E9E9;

    padding: 20px;

    margin-bottom: 24px;

}



.profile-btn a i {

    color: var(--black-clr);

}



.profile-content p span {

    color: #FA4A6F;

}



.profile-top-btn ul {

    margin: 0;

    padding: 0;

    list-style: none;

    display: flex;

}



.profile-top-btn li {

    display: inline;

    border: 0.5px solid #E9E9E9;

    background: var(--white-clr);

    text-align: center;

    border-radius: 8px;

    margin-left: 8px;

}



.profile-top-btn li a {

    display: inline-block;

    font-size: 12px;

    font-weight: 500;

    line-height: normal;

    width: 63px;

    height: 60px;

    border-radius: 8px;

    color: #1C1B1F;

}



.profile-top-btn li a:hover {

    background: var(--primary-clr);

    color: var(--white-clr);

    border-radius: 8px;

}





.profile-top-btn li a i {

    font-size: 20px;

    display: block;

    margin-top: 10px;

    margin-bottom: 5px;

}

.profile-btn ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.profile-img img {

    width: 155px;

    height: 175px;

    border-radius: 40px;

    margin-right: 24px;

}



.profile-btn li {

    display: inline-block;

    margin-right: 5px;

}



.profile-btn a i {

    margin-left: 5px;

}



.profile-content {

    padding-top: 10px;

}



.single-content-itme span {

    display: inline-block;

    font-size: 16px;

    font-weight: 500;

    line-height: normal;

    opacity: 0.7;

    color: var(--black-clr);

    margin-bottom: 10px;

}



.single-content-itme p {

    margin: 0;

    font-size: 20px;

    font-weight: 600;

    line-height: normal;

}



.single-content-itme {

    margin-bottom: 33px;

}



.active-member-btn {

    text-align: center;

    margin-top: 36px;

    margin-bottom: 120px;

}



a.show-more {

    font-size: 20px;

    line-height: normal;

    font-weight: 600;

    letter-spacing: 0.2px;

    color: var(--black-clr);

}



a.show-more img {

    margin-right: 15px;

}



/* profile page start */





section.details-profile {

    padding-top: 215px;

    padding-bottom: 95px;

}



.profile-img-part .profile {

    width: 260px;

    height: 260px;

    border-radius: 90px;

    margin-bottom: 10px;

}



.left-adrees h2 {

    font-size: 30px;

    font-weight: 700;

    line-height: normal;

    margin-bottom: 8px;

}



.profile-bio {

    display: flex;

    align-items: center;

    padding-left: 20px;

    margin-bottom: 52px;

}



.profile-bio img {

    height: 24px;

    width: 34px;

    margin-right: 8px;

}



.profile-bio p {

    font-size: 16px;

    font-weight: 500;

    line-height: normal;

    color: #656875;

}



.profile-bio p span {

    color: #23273A;

    font-weight: 700;

}



.left-adrees h2 span img {

    padding-bottom: 13px;

}



.profile-adress-top {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-bottom: 1px solid #D6D6D6;

    padding-bottom: 28px;

    margin-bottom: 30px;

}



.adress-memberid {

    display: flex;

}



.member-adredd {

    display: flex;

    align-items: center;

    margin-right: 15px;

}



.adress-memberid p {

    margin: 0;

    font-weight: 500;

    color: #656875;

}



.member-adredd img {

    margin-right: 10px;

}



.member-id p strong {

    font-size: 30px;

    margin-right: 5px;

    color: var(--black-clr);

}



.member-id p span {

    color: var(--primary-clr);

    font-weight: 600;

    margin-left: 5px;

}



.main-profile {

    border: 1px solid #E9E9E9;

    border-radius: 0px 0px 20px 20px;

    background: #FCFBFF;

    padding: 30px 30px;

}



.cover img {

    width: 100%;

    height: 260px;

    object-fit: cover;

}



.single-content-item span {

    font-size: 16px;

    font-weight: 500;

    line-height: normal;

    color: #23273A;

    opacity: .7;

    display: inline-block;

    margin-bottom: 10px;

}



.single-content-item p {

    color: #23273A;

    font-size: 20px;

    font-weight: 500;

    line-height: normal;

    margin-bottom: 0;

}



.single-content-item {

    margin-bottom: 25px;

}



.left-adrees a {

    margin-bottom: 17px;

}



.right-adress-btn a {

    color: #1C1B1F;

}



.profile-header {

    position: relative;

    z-index: 1;

    margin-bottom: 43px;

}



.profile-img-part {

    position: absolute;

    top: 18%;

}

.profile-manu li a {

    font-size: 20px;

    color: #646775 !important;

    line-height: normal;

    font-weight: 600;

}

.profile-manu {

    margin-bottom: 40px;

}



.profile-manu ul {

    border-bottom: 1px solid #D6D6D6;

}

.profile-manu .navlist li.active a, .navlist li a:hover {

    color: var(--black-clr) !important;

}

.profile-manu .navlist li a:hover, .navlist li.active a {

    border-bottom: 3px solid var(--primary-clr);

}

/* ====================================== */

.profile-faq {

    margin-bottom: 60px;

}

.accordion-item .accordion-button {

    outline: none;

    border: none;

    -webkit-box-shadow: none;

    box-shadow: none;

    font-size: 24px;

    font-weight: 600;

    line-height: normal;

    color: #23273A;

    padding: 32px 34px;

    padding-right: 25px;

    border-radius: 20px;

}

.accordion-item .accordion-button:focus{

   background-color: var(--white-clr);

    color: var(--primary-clr);

}



.accordion .accordion-item {

    border: 1px solid #E9E9E9;

    margin-bottom: 20px;

    border-radius: 20px;

}



.accordion .accordion-button:not(.collapsed) {

    background-color:var(--white-clr);

}

.accordion .accordion-body {

    padding-top: 0;

}

.accordion-item .accordion-header .accordion-button:not(.collapsed)::after {

    background-image: url(../imgs/icons/faq-active.svg);

    background-size: 35px 32px;

    background-position: center center;

    border-radius: 50%;

    height: 32px;

    width: 32px;

}

 

 .accordion-item .accordion-header .accordion-button::after {

    background-image: url(../imgs/icons/faq-deactive.svg);

    background-size: 35px 32px;

    background-position: center center;

    border-radius: 50%;

    height: 32px;

    width: 32px;

}

.accordion-item:first-of-type .accordion-button {

    border-radius: 20px;

}



.accordion-item:last-of-type .accordion-button.collapsed {

    border-radius: 20px;

}

.similar-profile-tittle {

    text-align: center;

}



.similar-profile-tittle h2 {

    font-size: 40px;

    font-weight: 600;

    line-height: normal;

    margin-bottom: 45px;

}



/* partner expectation page start */



.profile-table table, th, td {

    border:1px solid #D6D6D6;

    border-collapse: collapse;

  }



  .profile-table span {

    font-size: 16px;

    display: block;

    font-weight: 500;

    line-height: normal;

    color: var(--black-clr);

    opacity: .7;

    margin-bottom: 9px;

}



.profile-table th {

    font-size: 24px;

    font-weight: 600;

    line-height: normal;

    color: var(--black-clr);

    padding: 20px 20px;

    padding-top: 90px;

}



.profile-table td {

    font-size: 24px;

    font-weight: 600;

    line-height: normal;

    padding: 20px 20px;

}

.profile-table .last-td {

    padding-bottom: 91px;

}



/* photo gallary page start */



.img-add img {

    display: block;

    height: 52px;

    width: 52px;

    margin: 0 auto;

}



.img-add a {

    color: var(--primary-clr);

    font-size: 16px;

    font-weight: 500;

    line-height: normal;

}



.img-add {

    background: #FFF8FB;

    border: 1px dashed #D29DB4;

    border-radius: 20px;

    text-align: center;

    padding: 75px 30px;

}



.video-add {

    background: #EC3384;

    border: 1px dashed #D29DB4;

    border-radius: 20px;

    text-align: center;

    padding: 75px 30px;

}



.video-add img {

    margin-bottom: 24px;

}



.video-add a {

    display: inline-block;

}



.gallery-add {

    margin-bottom: 80px;

}



.single-gallery-item {

    border-radius: 20px;

    border: 1px solid #E9E9E9;

    position: relative;

    z-index: 1;

    margin-bottom: 23px;

}

.gallery-img img {

    border-radius: 20px;

    width: 100%;

    height: 400px;

}



.galler-hover ul {

    margin: 0;

    padding: 0;

    list-style: none;

}



.galler-hover li {

    display: inline-block;

}



.galler-hover a {

    color: #1C1B1F;

    padding: 6px 12px;

    background: var(--white-clr);

    border: 1px solid #EDEDED;

    border-radius: 3px;

    margin-right: 5px;

    font-size: 12px;

    font-weight: 500;

}



.galler-hover a:hover {

    background: var(--primary-clr);

    color: var(--white-clr);

}



.galler-hover {

    position: absolute;

    top: 50%;

    z-index: 3;

    left: 10%;

    transform: translate(10%, -50%);

    visibility: hidden;

}



.single-gallery-item::after {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    width: 100%;

    content: "";

    z-index: 1;

    background: linear-gradient(180deg, #EC3384 47.42%, rgba(17, 49, 97, 0.96) 83.61%);

    opacity: 0.9;

    border-radius: 20px;

    visibility: hidden;

}



.galler-hover a i {

    margin-right: 5px;

}



.single-gallery-item:hover::after {

    visibility: visible;

}



.single-gallery-item:hover .galler-hover {

    visibility: visible;

}



.gallery-btn {

    text-align: center;

    padding-top: 33px;

}



/* notification page start */

section.notification {

    margin-top: 180px;

    padding-bottom: 120px;

}



.notification-head {

    display: flex;

    border-bottom: 1px solid #D6D6D6;

    padding-bottom: 26px;

    padding-top: 30px;

    padding-left: 33px;

    padding-right: 30px;

}



.notification-full-page {

    border: 1px solid #E9E9E9;

    border-radius: 20px;

}



.single-notification-item:last-child {

    border-bottom: none;

}



.notification-head {

    display: flex;

    border-bottom: 1px solid #D6D6D6;

    margin-bottom: 12px;

}



.notification-head h2 {

    font-size: 20px;

    font-weight: 600;

    line-height: normal;

    margin-bottom: 0;

    align-items: center;

}



.notification-head i {

    font-size: 20px;

    margin-right: 10px;

}



.single-notification-item {

    display: flex;

    justify-content: space-between;

    border-bottom: 1px solid #D6D6D6;

    padding: 10px 0;

    padding-top: 17px;

    padding-left: 30px;

    padding-right: 30px;

}



.notification-item-left {

    display: flex;

}



.noti-item-img img {

    height: 48px;

    width: 48px;

    border-radius: 20px;

    margin-right: 10px;

}



.noti-item-content h6 {

    font-size: 16px;

    font-weight: 700;

    line-height: normal;

    color: var(--black-clr);

    margin-bottom: 5px;

}



.noti-item-content p {

    margin-bottom: 0;

    font-size: 14px;

    font-weight: 400;

    line-height: 140%;

    color: #656875;

}



.notification-item-right {

    display: flex;

    align-items: center;

}



.notification-item-right p {

    font-size: 12px;

    color: #65687580;

    font-weight: 400;

    line-height: 140%;

    margin-bottom: 0;

}



.notification-item-right i {

    font-size: 8px;

    color: var(--primary-clr);

    margin-left: 10px;

}



/* notification popup page start */



section.notification.popup{

    margin-top: 90px;

    padding-bottom: 80px;



}

.notification-full-page.popup-full-page .single-notification-item {

    padding: 20px;

}

.notification-full-page.popup-full-page {

    width: 437px;

    margin: 0 auto;

}



.notification-btn {

    text-align: center;

    margin-bottom: 22px;

    margin-top: 24px;

}



a.view-notification {

    background: #F6F6F6;

    display: block;

    width: 390px;

    margin: 0 auto;

    border-radius: 5px;

    font-size: 16px;

    font-weight: 600;

    line-height: 48px;

    color: var(--black-clr);

    letter-spacing: 0.16px;

    text-align: center;

    height: 48px;

}



.popup-full-page .notification-head {

    background: #F8F5FF;

    padding: 20px;

    border-radius: 20px 20px 0px 0px;

}



/* photo upload procress 2 page start */

.photo-upload-process2 {

    margin-top: 160px;

    padding-bottom: 90px;

}



.photo-upload-tittle {

    display: flex;

    align-items: center;

    margin-bottom: 45px;

}



.photo-upload-tittle h2 {

    font-size: 24px;

    line-height: normal;

    margin-bottom: 0;

    font-weight: 600;

    margin-left: 18px;

}



.photo-upload-tittle i {

    font-size: 22px;

}



.file-upload-area {

    border: 1px solid #E9E9E9;

    background: #FCFBFF;

    border-radius: 20px;

    padding: 30px 32px;

}



.all-upload-img {

    display: flex;

    gap: 10px;

    margin-bottom: 32px;

}



.single-upload-item img {

    width: 140px;

    height: 112px;

    border-radius: 4px;

}



.upload-img-remove {

    height: 32px;

    width: 32px;

    background: #23273A;

    border-radius: 50%;

    text-align: center;

    line-height: 32px;

}



.upload-img-remove i {

    color: var(--white-clr);

}



.single-upload-item {

    position: relative;

    z-index: 1;

    background: #EAEAEA;

}



.upload-img-remove {

    position: absolute;

    top: 10px;

    right: 10px;

    cursor: pointer;

}



.file-upload-area h4 {

    margin-bottom: 14px;

    font-size: 18px;

    font-weight: 600;

    line-height: normal;

}



.upload-btn {

    margin-bottom: 24px;

}



a.phto-upload-btn {

    background: var(--primary-clr);

    color: var(--white-clr);

    border-radius: 5px;

    padding: 10px 23px;

    display: inline-block;

    font-size: 16px;

    font-weight: 500;

    line-height: normal;

    letter-spacing: 0.16px;

}



.loding-procress {

    width: 140px;

    height: 112px;

    text-align: center;

    border-radius: 4px;

}



.loding-procress span {

    display: block;

    background: #2BD046;

    padding: 20px;

    color: #020203;

    font-size: 20px;

    font-weight: 700;

    border-radius: 4px 4px 0px 0px;

}

/* photo upload procress 3 page start */



.photo-upload-process3 {

    margin-top: 160px;

    padding-bottom: 90px;

}



.photo-upload-process3 .loding-procress {

    background: #FFEBEB;

    border-radius: 4px;

    border: 1px solid #FF0000;

}



/* blog page start */

section.Blog-page {

    padding-top: 215px;

    padding-bottom: 120px;

}



section.Blog-page .section-heading {

    margin-bottom: 80px;

}



.feature-tittle {

    margin-bottom: 43px;

}



.feature-tittle h4 {

    margin-bottom: 0;

    color: #020203;

    font-size: 30px;

    font-weight: 600;

    line-height: normal;

}



/* .blog-feature-news {

    margin-bottom: 90px;

} */



.blog-top-item .single-baner-item {

    width: 100%;

}



.blog-top-item .single-baner-item h2 img {

    width: 20px;

    height: 20px;

}



.sinlge-top-left img {

    height: 895px;

    object-fit: cover;

    border-radius: 20px 20px 0px 0px;

}



.single-top-right img {

    height: 342px;

    object-fit: cover;

    border-radius: 20px 20px 0px 0px;

}



.blog-top-item .single-baner-item h2 {

    margin-bottom: 3px;

    font-size: 35px;

    line-height: 125%;

}



.single-baner-item.single-top-right {

    margin-bottom: 22px;

}



/* single bloge page start */

.single-blog-icon {

    background: #FCE0ED;

    display: inline-block;

    height: 100px;

    width: 100px;

    border-radius: 50%;

    font-size: 40px;

    text-align: center;

    line-height: 100px;

}



.single-blog-icon i {

    color: #FA4A6F;

}

.single-blog-tittle {

    display: flex;

}



.single-blog-text p {

    margin-bottom: 33px;

    font-size: 16px;

    font-weight: 400;

    line-height: 135%;

    letter-spacing: 0.16px;

}



.single-blog-text p span {

    color: var(--primary-clr);

}



.single-blog-text h2 {

    font-size: 40px;

    font-weight: 600;

    line-height: normal;

    margin-bottom: 45px;

}



.single-blog-text {

    width: 935px;

    padding-left: 35px;

}



.single-blog-top {

    width: 1044px;

    margin: 0 auto;

}



.blog-top-img img {

    border-radius: 20px;

    width: 1044px;

    margin-bottom: 71px;

}



.single-blog-top-content p {

    font-size: 18px;

    font-weight: 500;

    line-height: 150%;

    color: var(--black-clr);

}



p.top-blog-1 {

    margin-bottom: 27px;

}



p.top-blog-5 {

    margin-bottom: 27px;

}



.single-blog-top-content {

    border-bottom: 1px solid #D6D6D6;

    padding-bottom: 42px;

}



.new-blog-item .feature-tittle {

    text-align: center;

    padding-top: 100px;

}



/* shop page start */

.shop-baner{

    background-image: url(../imgs/shop/shop-banner.png);

    background-repeat: no-repeat;

    background-size: cover;

    background-position:center;

}



section.shop-page {

    margin-top: 216px;

}



.shop-baner {

    text-align: center;

    padding: 82px 0;

    border-radius: 20px;

    margin-bottom: 82px;

}



.shop-baner h2 {

    font-size: 60px;

    font-weight: 600;

    line-height: normal;

    margin-bottom: 0;

}



.shop-product-img img {

    height: 104px;

    width: 130px;

    border-radius: 4px;

}



.single-shop-item {

    background: #FCFBFF;

    border: 1px solid #E9E9E9;

    display: flex;

    align-items: center;

    gap: 25px;

    padding: 15px 20px;

    border-radius: 10px;

    margin-bottom: 23px;

}



.shop-product-content h5 {

    margin-bottom: 4px;

    color: var(--black-clr);

    font-size: 24px;

    font-weight: 500;

    line-height: normal;

}



.shop-product-content p {

    margin-bottom: 0;

    color: #646775;

    font-size: 16px;

    font-weight: 500;

    line-height: normal;

}



.all-new-item {

    padding-top: 30px;

    border-bottom: 1px solid #D6D6D6;

    padding-bottom: 42px;

}



.new-carousel-area {

    position: relative;

    z-index: 1;

}



.new-carousel-area::after {

    position: absolute;

    left: -100%;

    top: 0;

    height: 100%;

    width: 100.1%;

    content: "";

    background: var(--white-clr);

    z-index: 2;

}



.singele-new-item {

    margin-left: 22px;

}



.new-product-slider.owl-carousel .owl-stage-outer {

    overflow: visible;

}



.regular-product-slider.owl-carousel .owl-stage-outer {

    overflow: visible;

}



.new-item-tittle h2 {

    font-size: 40px;

    line-height: normal;

    font-weight: 500;

    color: var(--black-clr);

}



.new-item-tittle {

    margin-bottom: 40px;

}



.new-item-img img {

    height: 297px;

    width: 384px;

    border-radius: 10px;

}



.img-bg-1 {

    background: #FFF5E4;

}

.img-bg-2 {

    background: #fff4fc;

}

.img-bg-3 {

    background:#DBF9FF;

}



.new-item-img {

    border-radius: 10px;

    text-align: center;

    padding: 54px 50px;

    padding-bottom: 70px;

    margin-bottom: 33px;

}



.new-item-content h5 {

    margin-bottom: 12px;

    color: var(--black-clr);

    font-weight: 600;

    font-size: 20px;

    line-height: normal;

}



.new-item-content p {

    font-size: 16px;

    font-weight: 400;

    line-height: normal;

    margin-bottom: 12px;

    color: #646775;

}



.star {

    color: #fd872f;

    margin-bottom: 16px;

}



.new-item-content h6 {

    margin-bottom: 27px;

    color: var(--primary-clr);

    font-weight: 600;

    font-size: 20px;

    line-height: normal;

}



a.add-to-card {

    display: inline-block;

    color: var(--black-clr);

    border: 1px solid #E6E6E6;

    border-radius: 53px;

    padding: 8px 20px;

    font-size: 16px;

    font-weight: 600;

    line-height: normal;

}



a.add-to-card:hover{

    background: var(--primary-clr);

    color: var(--white-clr);

    border-color: var(--primary-clr);    

}



.regular-item {

    padding-top: 38px;

    padding-bottom: 120px;

}



/* single shop page start */



section.shop-tab {

    margin-top: 200px;

}



.shop-tab-left p {

    font-size: 16px;

    font-weight: 400;

    line-height: normal;

    color: var(--black-clr);

    margin-bottom: 43px;

}



.shop-tab-left p span {

    color: #646775;

}



.all-tab-btn.nav {

    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    gap: 13px;

}



button#v-pills-home-tab{

    background: #FFF3FC;

}

button#v-pills-home-tab.active {

    background: #FFF3FC;

}



button#v-pills-profile-tab {

    background: #E4E7FF;

}

button#v-pills-profile-tab.active {

    background: #E4E7FF;

}



button#v-pills-messages-tab.active {

    background:#D7FFE2;

}

button#v-pills-messages-tab{

    background:#D7FFE2;

}

.tab-img-1 img {

    width: 438px;

    height: 438px;

}



.tab-img-1 {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 92px;

    background: #FFF3FC;

    border-radius: 10px;

}



.all-tab-btn button {width: 33.3333%;}



.tab-img-2 {

    background: #E4E7FF;

    display: flex;

    justify-content: center;

    padding: 92px;

    border-radius: 10px;

}



.tab-img-3 {

    background: #D7FFE2;

    display: flex;

    justify-content: center;

    padding: 92px;

    border-radius: 10px;

}



.tab-content {

    margin-bottom: 14px;

}

.bridal-tittle h2 {

    font-size: 32px;

    line-height: normal;

    margin-bottom: 10px;

    font-weight: 600;

}



.bridal-tittle p {

    font-size: 16px;

    font-weight: 400;

    line-height: normal;

    color: #646775;

    margin-bottom: 24px;

}



.star-review {

    display: flex;

    gap: 8px;

    margin-bottom: 38px;

}



.star-review span {

    color: var(--black-clr);

    font-weight: 500;

    font-size: 14px;

}



.bridal-shoes {

    padding: 0 115px;

    padding-right: 90px;

}



.bridal-tittle {

    border-bottom: 1px solid #D6D6D6;

}



.bridal-price h4 {

    margin-bottom: 10px;

    font-size: 20px;

    font-weight: 600;

    line-height: normal;

    color: var(--primary-clr);

}



.bridal-price p {

    color: #646775;

    font-size: 16px;

    font-weight: 400;

    line-height: normal;

    margin-bottom: 42px;

}



.bridal-price {

    border-bottom: 1px solid #D6D6D6;

    padding-top: 38px;

}



.bridal-all-color-item {

    display: flex;

    gap: 27px;

    margin-bottom: 39px;

}



.brdal-single-color-item {

    display: flex;

    align-items: center;

    gap: 7px;

}



.brdal-single-color-item p {

    margin-bottom: 0;

    font-size: 16px;

    color: #646775;

}



.bridal-color-tittle h4 {

    font-size: 20px;

    line-height: normal;

    color: #23273A;

    font-weight: 600;

    margin-bottom: 8px;

}



.brdal-single-color-item input {

    height: 16px;

    width: 16px;

}



.bridal-btn {

    display: flex;

    gap: 12px;

    border-bottom: 1px solid #D6D6D6;

    padding-bottom: 40px;

}



.plus-minus-btn a {

    font-size: 20px;

}



.plus-minus-btn input {

    border: none;

    outline: none;

    width: 40px;

}



.plus-minus-btn {

    border: 1px solid #E6E6E6;

    border-radius: 50px;

    padding: 4px 20px;

}



a.buy-now {

    color: var(--white-clr);

    background: var(--primary-clr);

    padding: 8px 20px;

    border-radius: 50px;

    display: inline-block;

    font-size: 16px;

    font-weight: 400;

    line-height: normal;

}



.bridal-color {

    padding-top: 40px;

}



.description-tab-area button {

    font-size: 20px;

    font-weight: 400;

    line-height: normal;

    padding: 0 28px 19px 0;

    margin-right: 38px;

    color: #646775;

    border: none;

    border-bottom: 3px solid transparent;

    

}

.description-tab-area .nav-tabs {

    border-bottom: 1px solid #D6D6D6;

}



.description-tab-area .nav-tabs .nav-link.active {

    font-weight: 700;

    padding: 0 28px 19px 0;

    border: none;

    border-bottom: 3px solid #FA4A6F;

}



.description-tab-area .nav-tabs .nav-link:hover{

    color: #646775;

}

.description-tab-area {

    padding-top: 80px;

}



.description-tab-area .tab-content {

    width: 776px;

    padding-top: 29px;

    margin-bottom: 0;

}



.description-tab-area .tab-content p {

    font-size: 16px;

    font-weight: 400;

    line-height: 150%;

    color: var(--black-clr);

    margin-bottom: 0;

}



.description-tab-area .tab-content p:first-child {

    margin-bottom: 23px;

}



.related-product-slider.owl-carousel .owl-stage-outer {

    overflow: visible;

}



.related-product-area {

    padding-top: 120px;

    padding-bottom: 120px;

}



/* cart shop page start */



section.cart-page {

    margin-top: 215px;

    padding-bottom: 120px;

}



.cart-tittle {

    text-align: center;

    margin-bottom: 83px;

}



.cart-head {

    display: flex;

    border-bottom: 1px solid #D6D6D6;

    padding-bottom: 20px;

    margin-bottom: 40px;

}



.cart-optin {

    display: flex;

    width: 60%;

    justify-content: space-around;

}



.cart-item {

    width: 40%;

}



.cart-tittle h2 {

    font-size: 40px;

    font-weight: 600;

    line-height: normal;

}



.cart-head p {

    margin-bottom: 0;

    font-size: 16px;

    font-weight: 500;

    line-height: normal;

}



.single-cart-product-itme {

    display: flex;

    justify-content: space-between;

    align-items: center;

    border-bottom: 1px solid #D6D6D6;

    padding-bottom: 40px;

    margin-bottom: 40px;

}



.left-cart {

    display: flex;

    width: 40%;

    align-items: center;

    gap: 23px;

}



.right-cart {

    display: flex;

    width: 60%;

    justify-content: space-around;

}



.cart-img {padding: 27px 18px;background: #FFF5E4;border-radius: 10px;}



.cart-content h4 {

    margin-bottom: 8px;

    font-size: 20px;

    font-weight: 600;

    line-height: normal;

}



.cart-content p {

    font-size: 16px;

    font-weight: 400;

    line-height: normal;

    color: #646775;

}



.cart-price h4 {

    font-size: 20px;

    line-height: normal;

    font-weight: 600;

    margin-bottom: 0;

}



.total-calculate h4 {

    font-size: 20px;

    line-height: normal;

    font-weight: 600;

}



.quantiry-btn a {

    font-size: 20px;

    font-weight: 600;

    color: var(--black-clr);

}



.cart-amount-list {

    display: flex;

    width: 40%;

    justify-content: space-between;

    border-bottom: 1px solid #D6D6D6;

    position: absolute;

    right: 0;

}

.cart-details-name h4 {

    margin-bottom: 32px;

    font-size: 20px;

    font-weight: 600;

    line-height: normal;

    color: var(--black-clr);

}



.cart-details-amount h4 {

    font-size: 20px;

    font-weight: 600;

    margin-bottom: 32px;

    line-height: normal;

}



.grand-total {

    display: flex;

    width: 40%;

    justify-content: space-between;

    padding-top: 16px;

    margin-bottom: 80px;

    position: absolute;

    right: 0;

    bottom: 3px;

}



.grand-total h2 {

    margin-bottom: 0;

    font-size: 24px;

    font-weight: 600;

    line-height: normal;

}



.cart-details-name h4:last-child {

    margin-bottom: 18px;

}



a.copon-btn {

    display: inline-block;

    font-size: 20px;

    font-weight: 500;

    line-height: normal;

    border-bottom: 1px solid;

    color: var(--primary-clr);

}



.cart-bottom-btn {

    width: 40%;

    text-align: right;

    position: absolute;

    right: 0;

    bottom: 0;

}



a.cart-check {

    display: inline-block;

    font-size: 16px;

    font-weight: 500;

    line-height: normal;

    background: var(--primary-clr);

    color: var(--white-clr);

    padding: 8px 50px;

    border-radius: 50px;

}



a.cart-check:hover {

    background: var(--black-clr);

}



.cart-bottom {

    position: relative;

    z-index: 1;

    height: 288px;

}





/* 3D ROTATION TEXT CODE START */


.ring-wrapper {
      /* width: 600px; */
      height: 60px;
      /* background-color: #f0e68c; */
      overflow: hidden;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 10px;
    }

    .ring {
      position: relative;
      width: 400px;
      height: 200px;
      transform-style: preserve-3d;
      animation: rotate 30s linear infinite;
    }

    .ring-wrapper:hover .ring {
      animation-play-state: paused; /* Pause on hover */
    }

    .word {
      position: absolute;
      top: 50%;
      left: 50%;
      transform-origin: 0 -150px;
      font-size: 16px;
      font-weight: bold;
      color: #fff;
      padding: 5px 12px;
      border-radius: 20px;
      white-space: nowrap;
      cursor: pointer;
      box-shadow: 0 2px 6px rgba(0,0,0,0.2);
      transform: translate(-50%, -50%);
      user-select: none;
      text-decoration: none;
    }
    a:visited{
        color: #fff;
    }

    @keyframes rotate {
      from {
        transform: rotateY(0deg);
      }
      to {
        transform: rotateY(360deg);
      }
    }

/* 3D ROTATION TEXT CODE END */