@media screen and (min-width:1400px) {
    /* loader  */
    .preloader .Loader {
        position: fixed;
        margin: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        background-color: white;
        z-index: 999;
    }
    .preloader .Loader h1 {
        color: black;
        font-size: 1.5em;
        animation: fading 2.5s ease-in-out infinite;
    }
    .preloader .Loader p {
        color: white;
        opacity: 80%;
        font-size: 0.8em;
    }
    .preloader .Loader-box {
        margin: 10px;
        flex: 0 0 auto;
        height: 50px;
        width: 50px;
    }
    .preloader .Loader-box .box {
        position: absolute;
        height: 50px;
        width: 50px;
        animation: rotating 2s ease-in infinite;
        animation-delay: calc(var(--id) * .2s);
    }
    .preloader .Loader-box .box .dot {
        background-color: black;
        height: 6px;
        width: 6px;
        border-radius: 100%;
    }
    @keyframes rotating {
        0% {
            opacity: 0;
            transform: rotateZ(0);
        }
        25% {
            opacity: 100%;
            transform: rotateZ(160deg);
        }
        75% {
            opacity: 200%;
            opacity: 100;
        }
        80% {
            transform: rotateZ(300deg);
            opacity: 100;
        }
        100% {
            transform: rotateZ(350deg);
            opacity: 0;
        }
    }
    @keyframes fading {
        0% {
            opacity: 40%;
        }
        50% {
            opacity: 90%;
        }
        100% {
            opacity: 40%;
        }
    }
    /* loader end */
    /* dashboard loader  */
    .dashboard-loader {
        position: relative;
        padding: 10px 20px;
        animation: loader 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
        color: white;
    }
    @keyframes loader {
        0% {
            letter-spacing: -1px;
        }
        100% {
            letter-spacing: 15px;
        }
    }
    .dashboard-loader::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        transform: skewX(-15deg);
        background-color: #f3b8d0;
    }
    .dashboard-loader .banner-left,
    .dashboard-loader .banner-right {
        width: 60px;
        height: 100%;
        position: absolute;
        z-index: -2;
        bottom: -30%;
        transform: skewX(-15deg);
        background-color: #b60965bf;
    }
    .dashboard-loader .banner-left {
        animation: sub-banner-left 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
    }
    @keyframes sub-banner-left {
        0% {
            right: 82%;
        }
        100% {
            right: 90%;
        }
    }
    .dashboard-loader .banner-right {
        animation: sub-banner-right 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
    }
    @keyframes sub-banner-right {
        0% {
            left: 82%;
        }
        100% {
            left: 90%;
        }
    }
    .dashboard-loader .banner-left::before,
    .dashboard-loader .banner-right::before {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -1px;
        border: 22px solid;
        border-color: transparent;
    }
    .dashboard-loader .banner-left::before {
        left: -1px;
        border-left-color: #ffffff;
    }
    .dashboard-loader .banner-right::before {
        right: -1px;
        border-right-color: #ffffff;
    }
    .dashboard-preloader {
        position: fixed;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* dashboard loader  end*/
    .process-arrow img {
        width: 85px;
        height: 14px;
        object-fit: contain
    }
    .logo-link img {
        height: 65px;
        width: auto;
        object-fit: cover
    }
    .banner-div {
        position: relative
    }
    .banner-div svg {
        position: absolute;
        bottom: -2px;
        left: 0;
        z-index: 1
    }
    .banner-div svg path {
        fill: #fdf6fa
    }
    .banner-slider img {
        width: 100%;
        height: calc(110vh - 130px);
        opacity: 1!important;
        animation-duration: 3s;
        transition: all 1s ease;
        object-fit: cover
    }
    .banner-slider [data-animation-in] {
        opacity: 0;
        animation-duration: 6s;
        transition: opacity .5s ease .3s!important;
        transition: 1s
    }
    @keyframes zoomInImage {
        from {
            transform: scale3d(1, 1, 1);
            transition: 1s
        }
        to {
            transform: scale3d(1.1, 1.1, 1.1);
            transition: 1s
        }
    }
    .zoomInImage {
        animation-name: zoomInImage
    }
    .banner-slider .slide .slide__content {
        position: absolute;
        top: 25%;
        transform: translateY(-25%) translateX(-50%);
        left: 50%;
        z-index: 9999999
    }
    .banner-slider .slide .slide__content .search-head {
        margin-bottom: 0;
        padding: 0
    }
    .banner-slider .slide .slide__img {
        position: relative
    }
    .banner-slider .slide .slide__img .overlay {
        position: absolute;
        background: #00000061;
        width: 100%;
        height: 100%;
        top: 0
    }
    .category-div .venue-categories-img img {
        height: 175px;
        object-fit: cover;
        width: 100%
    }
    .category-div .venue-categories-img .venue-categories-overlay h3 {
        font-weight: 500
    }
    .category-div .venue-categories-img .overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #0000008c 20%, transparent 40%)
    }
    .gallery-div .image-gallery img {
        max-width: 100%;
        height: 175px;
        width: 100%;
        object-fit: cover
    }
    .gallery-div .image-gallery {
        margin-bottom: 30px;
        position: relative;
        box-shadow: rgb(0 0 0 / 15%) 0 1px 5px 0;
        padding: 15px;
        margin-right: 20px;
        background: #fff
    }
    .gallery-div .image-gallery i {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        font-size: 34px;
        color: #000;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: #ffc125;
        text-align: center;
        transform: translate(-50%, -50%) scale(0);
        transition: transform .3s 0s cubic-bezier(.175, .885, .32, 1.275)
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item img {
        width: 100%;
        height: 70vh;
        object-fit: contain
    }
    .ekko-lightbox.show {
        overflow: hidden!important;
        height: calc(115vh - 130px)!important
    }
    .ekko-lightbox .modal-dialog {
        min-width: 50%!important;
        max-width: 50%!important;
        min-height: 100vh!important;
        max-height: 100vh!important
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container {
        height: 70vh!important;
        position: relative;
        display: flex;
        justify-content: center
    }
    .ekko-lightbox .modal-dialog .modal-body {
        padding: 50px
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item img {
        width: 100%;
        height: 70vh;
        object-fit: contain
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item {
        position: absolute
    }
    .ekko-lightbox {
        padding-right: 0!important
    }
    .ekko-lightbox .modal-dialog .modal-content .modal-header {
        display: none!important
    }
    .ekko-lightbox .modal-dialog .modal-content {
        border-radius: 15px
    }
    .ekko-lightbox .modal-dialog {
        margin-top: 130px
    }
    .ekko-lightbox .modal-dialog .modal-content .modal-header .modal-title {
        display: none
    }
    .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-nav-overlay a span {
        font-size: 20px;
        color: #000
    }
    .slide__content {
        position: absolute!important;
        top: 50%;
        z-index: 99999999999999999;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 65%
    }
    .slide__content .nice-select .list {
        max-height: 165px;
        overflow-y: scroll
    }
    .nice-select {
        width: 100%!important
    }
    .gallery-loaction p {
        margin-top: 10px;
        font-size: 15px;
        text-align: center;
        color: #4a4a4a
    }
    .wedding-planning-bgimg {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative
    }
    .wedding-planning-bgimg .wedding-planning-section {
        background-color: #00000091!important;
        color: #fff;
        padding-bottom: 150px;
        padding-top: 70px
    }
    .wedding-planning-bgimg .wedding-planning-section .section-title h2 {
        color: #fff
    }
    .wedding-planning-bgimg .wedding-planning-section .feature-icon-block .feature-content h3 {
        color: #fff
    }
    .wedding-planning-bgimg .wedding-planning-section .feature-icon-block .feature-icon i {
        color: #fff
    }
    .wedding-planning-bgimg svg {
        position: absolute;
        bottom: -68px;
        left: 0
    }
    .wedding-planning-bgimg svg path {
        fill: #fdf6fa
    }
    .process-section-step .section-title {
        margin-bottom: 100px
    }
    .sectionbgimg {
        background-repeat: no-repeat;
        background-position: -4% 1%;
        margin-top: -100px;
        position: relative;
        z-index: 99
    }
    .sectionbgimg-right {
        background-repeat: no-repeat;
        background-position: 105% -561%
    }
    .vendor-mt-heading {
        margin-top: 40px
    }
    .dashboard-content-cont {
        width: 1000px;
        position: relative;
        display: flex;
        justify-content: space-between
    }
    .dashboard-content-cont .card {
        position: relative;
        cursor: pointer
    }
    .dashboard-content-cont .card .face {
        width: 300px;
        height: 200px;
        transition: .5s
    }
    .dashboard-content-cont .card .face.face1 {
        position: relative;
        background: #333;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        transform: translateY(100px)
    }
    .dashboard-content-cont .card:hover .face.face1 {
        background: #ff0057;
        transform: translateY(0)
    }
    .dashboard-content-cont .card .face.face1 .content {
        opacity: .2;
        transition: .5s
    }
    .dashboard-content-cont .card:hover .face.face1 .content {
        opacity: 1
    }
    .dashboard-content-cont .card .face.face1 .content img {
        max-width: 100px
    }
    .dashboard-content-cont .card .face.face1 .content h3 {
        margin: 10px 0 0;
        padding: 0;
        color: #fff;
        text-align: center;
        font-size: 1.5em
    }
    .dashboard-content-cont .card .face.face2 {
        position: relative;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        box-sizing: border-box;
        box-shadow: 0 20px 50px rgba(0, 0, 0, .8);
        transform: translateY(-100px)
    }
    .dashboard-content-cont .card:hover .face.face2 {
        transform: translateY(0)
    }
    .dashboard-content-cont .card .face.face2 .content p {
        margin: 0;
        padding: 0
    }
    .dashboard-content-cont .card .face.face2 .content a:hover {
        background: #333;
        color: #fff
    }
    .signup-signin-section .nice-select ul {
        max-height: 210px;
        overflow-y: scroll
    }
    .vendor-login-section {
        background-repeat: no-repeat;
        background-position: -4% 1%;
        position: relative
    }
    .vendor-new-bg {
        min-height: 100vh
    }
    .change-password-section .show-modal {
        color: #fff;
        background: linear-gradient(to right, #33a3ff, #0675cf, #49a6fd);
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
        padding: 10px 15px;
        margin: 200px auto 0;
        border: none;
        outline: 0;
        box-shadow: 0 0 20px rgba(0, 0, 0, .1);
        display: block;
        transition: all .3s ease 0s
    }
    .change-password-section .show-modal:focus,
    .change-password-section .show-modal:hover {
        color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        outline: 0
    }
    .change-password-section .modal-dialog {
        width: 400px;
        margin: 150px auto 0
    }
    .change-password-section .modal-dialog {
        transform: scale(.5)
    }
    .change-password-section .modal-dialog {
        transform: scale(1)
    }
    .change-password-section .modal-dialog .modal-content {
        text-align: center;
        border: none;
        background-image: url(https://c0.wallpaperflare.com/preview/491/618/554/indian-wedding-bride-marriage-gown.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative
    }
    .change-password-section .modal-dialog .modal-content .overlay {
        background: #00000061;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
    .change-password-section .modal-content .close {
        color: #fff;
        background: linear-gradient(to right, #e60132, #eb002c, #7d1726);
        font-size: 25px;
        font-weight: 400;
        text-shadow: none;
        line-height: 27px;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        overflow: hidden;
        opacity: 1;
        position: absolute;
        left: auto;
        right: 8px;
        top: 8px;
        z-index: 1;
        transition: all .3s
    }
    .change-password-section .modal-content .close:hover {
        color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, .5)
    }
    .change-password-section .close:focus {
        outline: 0
    }
    .change-password-section .modal-body {
        padding: 60px 40px 40px!important
    }
    .change-password-section .modal-body .title {
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 1px;
        margin: 0 0 35px
    }
    .change-password-section .modal-body .description {
        color: #fff;
        font-size: 16px;
        margin: 0 0 20px
    }
    .change-password-section .modal-body .form-group {
        text-align: left;
        margin-bottom: 20px;
        position: relative
    }
    .change-password-section .modal-body .input-icon {
        color: #777;
        font-size: 18px;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        left: 20px
    }
    .change-password-section .modal-body .form-control {
        font-size: 17px;
        height: 45px;
        width: 100%;
        padding: 6px 0 6px 50px;
        margin: 0 auto;
        border: 2px solid #eee;
        border-radius: 5px;
        box-shadow: none;
        outline: 0
    }
    .change-password-section .form-control::placeholder {
        color: #aeafb1
    }
    .change-password-section .modal-content .modal-body .btn {
        color: #fff;
        background: linear-gradient(to right, #e60132, #eb002c, #7d1726);
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 38px;
        width: 100%;
        height: 40px;
        padding: 0;
        border: none;
        border-radius: 5px;
        border: none;
        display: inline-block;
        transition: all .6s ease 0s
    }
    .change-password-section .modal-content .modal-body .btn:hover {
        color: #fff;
        letter-spacing: 2px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .5)
    }
    .change-password-section .modal-content .modal-body .btn:focus {
        outline: 0
    }
    .profile-names p.changes-passwords {
        cursor: pointer
    }
    .dashboard-nav ul li a:hover {
        background: #cf919c;
        color: #fff;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px
    }
    .animate-charcter {
        background-image: linear-gradient(-225deg, #231557 0, #d9a94d 29%, #e952a6 67%, #5e96b4 100%);
        background-size: auto auto;
        background-clip: border-box;
        background-size: 200% auto;
        color: #fff;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: textclip 2s linear infinite;
        display: inline-block;
        font-size: 40px;
        height: 68px;
        display: flex;
        align-items: center;
        margin-left: 15px;
        font-weight: 600
    }
    @keyframes textclip {
        to {
            background-position: 200% center
        }
    }
    .hello-title h3 {
        text-align: center;
        font-size: 40px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        color: #3c3c3c;
        margin-bottom: 6px
    }
    .hello-title p {
        color: #000;
        font-size: 20px;
        margin-bottom: 60px
    }
    .feature.height-equal {
        height: 475px;
        font-size: 16px
    }
    .background-images-pro.new-bannerimg img {
        width: 100%;
        height: 290px;
        object-fit: cover;
        object-position: top;
        background: #7fffd4;
        opacity: .5
    }
    .table.table-list thead.thead-light th {
        color: #495057;
        background-color: #e5c3e7!important;
        border-color: #e5c3e7!important;
        padding: 15px 20px
    }
    .todo-thead {
        color: #495057!important;
        background-color: #e5c3e7!important;
        border-color: #e5c3e7!important
    }
    .my-profile-sections .nav-bggradient {
        height: 100%;
        background: linear-gradient(114deg, #ddd6f3, #faaca8)
    }
    .my-profile-sections .nav-pills .nav-link.active,
    .my-profile-sections .nav-pills .show>.nav-link {
        background-color: #cf919c!important;
        color: #fff!important;
        font-weight: 600;
        letter-spacing: 1px
    }
    .my-profile-sections .card-header-bgcolor {
        background-image: linear-gradient(173deg, #fff, #fd9193);
        border-bottom: 0
    }
    .vendor-descript-section .venue-header {
        position: relative
    }
    .vendor-descript-section .venue-head {
        position: absolute;
        bottom: 40px;
        width: 100%
    }
    .vendor-descript-section .venue-head h1 {
        font-size: 42px;
        color: #fff;
        margin-bottom: 10px
    }
    .vendor-descript-section .venue-head .title {
        border-bottom: 1px solid #504849;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
    .vendor-descript-section .venue-head .location {
        color: #fff
    }
    .vendor-descript-section .venue-head .location i {
        padding-right: 10px
    }
    .vendor-descript-section .rating-box,
    .vendor-descript-section .venue-action {
        margin-bottom: 20px
    }
    .vendor-descript-section .venue-action {
        text-align: right
    }
    .vendor-descript-section .label-primary {
        background-color: #00aeaf;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        padding: 4px 8px;
        border-radius: 2px;
        font-weight: 700
    }
    .vendor-descript-section .label-primary[href]:focus,
    .vendor-descript-section .label-primary[href]:hover {
        background-color: #f9a630;
        color: #fff
    }
    .vendor-descript-section .address {
        margin-bottom: 0
    }
    .vendor-descript-section .address i {
        padding-right: 10px
    }
    .vendor-descript-section .venue-amenities ul li.list-group-item {
        border: 1px solid #e9e6e0
    }
    .vendor-descript-section .rating {
        margin: 0
    }
    .vendor-descript-section .rating i {
        color: #ffc513
    }
    .vendor-descript-section .side-box {
        background-color: #fff;
        padding: 28px;
        border: 1px solid #e9e6e0;
        margin-bottom: 30px
    }
    .vendor-descript-section .page-sidebar .venue-info {
        background-color: #fff;
        margin-bottom: 30px;
        border: 1px solid #e9e6e0
    }
    .vendor-descript-section .customer-review,
    .vendor-descript-section .review {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .vendor-descript-section .customer-review h1 {
        margin-bottom: 30px;
        border-bottom: 1px solid #e9e6e0;
        padding-bottom: 30px
    }
    .vendor-descript-section .review-list .arrow:after,
    .vendor-descript-section .review-list .arrow:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent
    }
    .vendor-descript-section .review-list .panel.arrow.left:after,
    .vendor-descript-section .review-list .panel.arrow.left:before {
        border-left: 0
    }
    .vendor-descript-section .review-list .panel.arrow.left:before {
        left: -15px;
        top: 30px;
        border-right-color: inherit;
        border-width: 16px
    }
    .vendor-descript-section .review-list .panel.arrow.left:after {
        left: -14px;
        top: 31px;
        border-right-color: #fff;
        border-width: 15px
    }
    .vendor-descript-section .review-list .panel.arrow.right:before {
        right: -16px;
        top: 30px;
        border-left-color: inherit;
        border-width: 16px
    }
    .vendor-descript-section .review-list .panel.arrow.right:after {
        right: -14px;
        top: 31px;
        border-left-color: #fff;
        border-width: 15px
    }
    .vendor-descript-section .review-post {
        margin-top: 10px
    }
    .vendor-descript-section .review-list .review-post {
        margin-top: 20px
    }
    .vendor-descript-section .profile-userpic img,
    .vendor-descript-section .user-pic img {
        border: 4px solid #e9e6e0;
        border-radius: 100%;
        width: 240px;
        height: 55px;
        object-fit: contain
    }
    .vendor-descript-section .profile-sidebar .profile-userpic img {
        height: 153px;
        width: 135px
    }
    .vendor-descript-section .review-list .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 0;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .05);
        box-shadow: 0 0 0 rgba(0, 0, 0, .05)
    }
    .vendor-descript-section .review-list .panel-default {
        border-color: #e9e6e0
    }
    .vendor-descript-section .review-list .panel-body {
        padding: 30px
    }
    .vendor-descript-section .review-list h3 {
        margin-bottom: 10px
    }
    .vendor-descript-section .rating-group {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .vendor-descript-section .vendor-des-mt {
        margin-top: 55px
    }
    .vendor-descript-section .tabbed-page .capacity {
        border-right: 1px solid #e9e6e0
    }
    .vendor-descript-section .capacity,
    .vendor-descript-section .pricebox {
        width: 50%;
        float: left;
        padding: 15px 20px;
        font-size: 12px
    }
    .vendor-descript-section .venue-info {
        background-color: #fcfbf9;
        border-top: 1px solid #e9e6e0;
        height: 84px;
        font-family: Montserrat, sans-serif;
        text-transform: uppercase;
        font-weight: 700
    }
    .vendor-descript-section .cap-people,
    .vendor-descript-section .price {
        font-size: 18px;
        letter-spacing: -1px;
        color: #3c3634;
        display: block;
        margin: 0;
        line-height: inherit
    }
    .vendor-descript-section p,
    .vendor-descript-section ul li {
        color: #252328;
        font-size: 15px
    }
    .vendor-descript-section h1,
    .vendor-descript-section h2 {
        font-size: 25px
    }
    .vendor-descript-section .profile-userpic {
        text-align: center;
        width: 154px;
        margin-right: auto;
        margin-left: auto
    }
    .vendor-descript-section .profile-sidebar .profile-usertitle {
        margin-top: 30px
    }
    .vendor-descript-section .fab,
    .vendor-descript-section .fas {
        color: #e9038d;
        padding-right: 10px
    }
    .vendor-descript-section .profile-usertitle-name {
        text-align: center
    }
    .vendor-descript-section .profile-address,
    .vendor-descript-section .profile-email,
    .vendor-descript-section .profile-website {
        margin-bottom: 10px
    }
    .vendor-descript-section ul.follow-icon {
        margin-bottom: 0
    }
    .vendor-descript-section ul.follow-icon li {
        padding-right: 10px;
        display: inline
    }
    .vendor-descript-section ul.follow-icon li a {
        font-size: 32px
    }
    .vendor-descript-section .rating-group .radio {
        display: flex;
        align-items: center
    }
    .vendor-descript-section .rating-group .radio:not(:first-child) {
        margin-left: 20px
    }
    .vendor-descript-section .rating-group {
        display: flex;
        align-items: center
    }
    .vendor-descript-section .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px
    }
    .vendor-descript-section .radio label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        top: 6px;
        margin-left: -20px;
        border: 1px solid #e0dcd1;
        border-radius: 50%;
        background-color: #faf9f5;
        -webkit-transition: border .15s ease-in-out;
        -o-transition: border .15s ease-in-out;
        transition: border .15s ease-in-out
    }
    .vendor-descript-section .radio label::after {
        display: inline-block;
        position: absolute;
        content: " ";
        width: 11px;
        height: 11px;
        left: 3px;
        top: 9px;
        margin-left: -20px;
        border-radius: 50%;
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
        -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33)
    }
    .vendor-descript-section .radio input[type=radio] {
        opacity: 0;
        z-index: 1
    }
    .vendor-descript-section .radio input[type=radio]:checked+label::after {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    .vendor-descript-section .radio input[type=radio]:disabled+label {
        opacity: .65
    }
    .vendor-descript-section .radio input[type=radio]:disabled+label::before {
        cursor: not-allowed
    }
    .vendor-descript-section .radio.radio-inline {
        margin-top: 0
    }
    .vendor-descript-section .radio-primary input[type=radio]+label::after {
        background-color: #337ab7
    }
    .vendor-descript-section .radio-primary input[type=radio]:checked+label::before {
        border-color: #337ab7
    }
    .vendor-descript-section .radio-primary input[type=radio]:checked+label::after {
        background-color: #337ab7
    }
    .vendor-descript-section .radio-danger input[type=radio]+label::after {
        background-color: #d9534f
    }
    .vendor-descript-section .radio-danger input[type=radio]:checked+label::before {
        border-color: #d9534f
    }
    .vendor-descript-section .radio-danger input[type=radio]:checked+label::after {
        background-color: #d9534f
    }
    .vendor-descript-section .radio-info input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-info input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-info input[type=radio]:checked+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]:checked+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]:checked+label::after {
        background-color: #e9038d!important;
        outline: 0;
        border: 0;
        background: 0 0
    }
    .edit-guest-div {
        display: none
    }
    .budget-checkbox .custom-control-label::before {
        top: -12px
    }
    .budget-checkbox .custom-control-label::after {
        top: -12px
    }
    .nice-select ul {
        max-height: 250px;
        overflow-y: scroll!important;
        width: 100%
    }
    .all-vendor-listdiv .venue-categories-img img {
        height: 190px;
        width: 100%;
        object-fit: cover
    }
    .gallery-addimg-modal button.close {
        font-size: 30px;
        opacity: 1;
        font-weight: 600;
        line-height: 1;
        color: #fff
    }
    .gallery-addimg-modal button.close:hover {
        color: #ff7b7b!important;
        opacity: 1!important
    }
    .gallery-addimg-modal .modal-header {
        align-items: center;
        color: #fff;
        background-color: #e9038d;
        border-color: #e9038d
    }
    .gallery-addimg-modal .modal-header h5 {
        color: #fff;
        font-size: 18px;
        text-transform: capitalize
    }
    .gallery-addimg-modal .modal-body {
        margin: 22px 0
    }
    .gallery-addimg-modal .modal-dialog {
        height: 100vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .img-del-icon {
        position: relative
    }
    .img-del-icon button.close {
        position: absolute;
        top: -10px;
        right: -10px;
        background: #0000009e;
        color: #fff;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 20px;
        font-weight: 500;
        border-radius: 50%
    }
    .img-del-icon button.close:hover {
        background-color: red!important;
        color: #fff!important
    }
    .checkoutform-div .payment-mode-div {
        display: flex;
        align-items: center
    }
    .checkoutform-div .payment-mode-div .custom-control {
        margin-right: 35px
    }
    .profile-reviews .rating-star {
        font-size: 10px!important
    }
    .profile-reviews .rated {
        color: #ffa912
    }
    .profile-reviews .rate-mute {
        color: #909090
    }
    .profile-reviews .avatar img {
        width: 100%;
        object-fit: cover;
        max-width: 100%;
        height: 100%;
        border: 0;
        border-radius: 50%;
        z-index: 1;
        box-shadow: 0 10px 18px 0 rgb(62 57 107 / 20%)
    }
    .profile-reviews span.avatar {
        position: relative;
        width: 36px;
        height: 36px;
        white-space: nowrap;
        cursor: pointer;
        display: inline-flex;
        font-size: .8rem;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
        color: #fff
    }
    .profile-reviews .td-widthdescrip {
        white-space: normal;
        max-width: 270px
    }
    .customer-review .review-list .review-user {
        color: #252328
    }
    .forgot-password-para {
        margin: 0!important
    }
    .forgot-password-para a {
        font-weight: 300!important
    }
    .forgot-password-para a:hover {
        font-weight: 400!important;
        text-decoration: underline!important
    }
    .forgot-password-div {
        display: none
    }
    .signup-signin-section.change-passowrd-section {
        overflow: hidden;
        box-shadow: none;
        border-radius: 0;
        background: 0 0
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div {
        position: relative;
        background: #fff;
        box-shadow: 0 5px 25px rgb(0 0 0 / 10%);
        overflow: hidden;
        width: 50%;
        margin: 0 auto
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div .user {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div .user .formBx {
        width: 100%;
        display: block
    }
    .signup-signin-section {
        position: relative;
        height: 850px;
        margin: 40px 0;
        background: #e9038d;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        overflow: hidden;
        box-shadow: 0 2px 8px #d3d3d3;
        border-radius: 7px
    }
    .signup-signin-section .usersignin-up-div {
        background: #fff;
        box-shadow: 0 15px 50px rgba(0, 0, 0, .1);
        overflow: hidden
    }
    .signup-signin-section .usersignin-up-div .user {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex
    }
    .signup-signin-section .usersignin-up-div .user .imgBx {
        position: relative;
        width: 50%;
        height: 100%;
        background: #ff0;
        transition: .5s
    }
    .signup-signin-section .usersignin-up-div .user .imgBx img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    .signup-signin-section .usersignin-up-div .user .formBx {
        position: relative;
        width: 50%;
        height: 100%;
        background: #fff;
        justify-content: center;
        align-items: center;
        padding: 40px;
        transition: .5s
    }
    .signup-signin-section .usersignin-up-div .user .formBx h2 {
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 2px;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
        color: #555
    }
    .signup-signin-section .usersignin-up-div .user .formBx input {
        position: relative;
        width: 100%;
        border: 1px solid #f1eaea!important;
        padding: 10px;
        background: 0 0;
        color: #333;
        border: none;
        outline: 0;
        box-shadow: none;
        margin: 8px 0;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 300
    }
    .signup-signin-section .usersignin-up-div .user .formBx button {
        width: 30%;
        background: #e9038d;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        border-radius: 10px;
        transition: .5s;
        border: 0;
        padding: 10px 0;
        margin: 30px 0 18px 0
    }
    .signup-signin-section .usersignin-up-div .user .formBx .signup {
        position: relative;
        margin-top: 10px;
        font-size: 12px;
        letter-spacing: 1px;
        color: #000;
        text-transform: uppercase;
        font-weight: 300
    }
    .signup-signin-section .usersignin-up-div .user .formBx .signup a {
        font-weight: 600;
        text-decoration: none;
        color: #000
    }
    .signup-signin-section .usersignin-up-div .signupBx {
        pointer-events: none
    }
    .signup-signin-section .usersignin-up-div .signinBx {
        pointer-events: initial
    }
    .signup-signin-section .active .signupBx {
        pointer-events: initial
    }
    .signup-signin-section .active .signinBx {
        pointer-events: none
    }
    .signup-signin-section .usersignin-up-div .signupBx .formBx {
        left: 100%
    }
    .signup-signin-section .active .signupBx .formBx {
        left: 0
    }
    .signup-signin-section .usersignin-up-div .signupBx .imgBx {
        left: -100%
    }
    .signup-signin-section .active .signupBx .imgBx {
        left: 0
    }
    .signup-signin-section .usersignin-up-div .signinBx .formBx {
        left: 0
    }
    .signup-signin-section .active .signinBx .formBx {
        left: 100%
    }
    .signup-signin-section .usersignin-up-div .signinBx .imgBx {
        left: 0
    }
    .signup-signin-section .active .signinBx .imgBx {
        left: -100%
    }
    .usersignin-up-div .or-div {
        text-align: center;
        margin: 20px 0;
        position: relative
    }
    .usersignin-up-div .or-div:before {
        content: '';
        position: absolute;
        border-bottom: 1px solid #dadada;
        width: 45.3%;
        top: 14px;
        left: 0
    }
    .usersignin-up-div .or-div:after {
        content: '';
        position: absolute;
        border-bottom: 1px solid #dadada;
        width: 45.3%;
        top: 14px;
        right: 0
    }
    .usersignin-up-div .or-div span {
        background: #d7d7d7;
        padding: 10px;
        border-radius: 50%;
        color: #000;
        font-size: 12px
    }
    .usersignin-up-div .google-fb-login ul {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }
    .usersignin-up-div .google-fb-login ul li {
        vertical-align: middle;
        text-align: center;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        background-color: #e44120;
        list-style: none
    }
    .usersignin-up-div .google-fb-login ul li.fb {
        background-color: #4476b1
    }
    .usersignin-up-div .google-fb-login ul li a {
        color: #fff
    }
    .usersignin-up-div .google-fb-login ul li:not(:first-child) {
        margin-left: 10px
    }
    .signup-signin-section .nice-select {
        width: 100%;
        margin: 8px 0;
        color: #333;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 300
    }
    .signup-signin-section .nice-select:after {
        border-bottom: 2px solid #333;
        border-right: 2px solid #333
    }
    .budget-div .table thead.thead-light th {
        color: #495057;
        background-color: #f6f5f5!important;
        border-color: #f6f5f5!important;
        padding: 15px 20px
    }
    .checklist-div .custom-control-label::before {
        top: -12px
    }
    .checklist-div .custom-control-label::after {
        top: -12px
    }
    .dashboard-content .banner-img-div {
        width: 100%;
        height: 460px;
        background: linear-gradient(45deg, #728bbb, #ffd6dd);
        margin-bottom: 40px;
        position: relative
    }
    .dashboard-content .banner-img-div .banner-curve {
        position: absolute;
        bottom: -221px;
        left: 0;
        width: 100%;
        height: 100%
    }
    .dashboard-content .banner-img-div .banner-curve svg path {
        fill: #fdf6fa
    }
    .dashboard-content .banner-img-div .overlay {
        position: absolute;
        background: #4a4a4a96;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .dashboard-content .banner-img-div .dashboard-page-header {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translateX(-50%) translateY(-45%);
        border: 0;
        margin: 0;
        width: 100%;
        text-align: center
    }
    .dashboard-content .banner-img-div .dashboard-page-header h3 {
        font-weight: 500;
        margin-bottom: 22px;
        font-size: 60px;
        color: #fff;
        letter-spacing: 2px
    }
    .dashboard-content .banner-img-div .dashboard-page-header p {
        color: #252328;
        font-size: 20px;
        color: #fff
    }
    .dashboard-content .banner-img-div img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }
    .checklist-msg-div {
        display: flex;
        border: 1px solid #ffffff94;
        padding: 15px 15px;
        margin-bottom: 50px;
        background: #fff;
        border-radius: 10px
    }
    .checklist-msg-div .msg-icon i {
        color: #f5f503;
        font-size: 25px;
        margin-right: 12px
    }
    .checklist-msg-div .msg-content p:first-child {
        font-weight: 600;
        color: #252328;
        margin-bottom: 10px;
        font-size: 16px
    }
    .checklist-msg-div .msg-content p {
        color: #252328;
        font-size: 14px;
        line-height: 25px
    }
    .checklist-msg-div .msg-content button {
        background: 0 0;
        color: #345191;
        border: 1px solid #345191;
        width: 10%;
        padding: 5px 0;
        cursor: pointer
    }
    .circular-progress-div .circle_percent {
        font-size: 125px;
        width: 1em;
        height: 1em;
        position: relative;
        background: #eee;
        border-radius: 50%;
        overflow: hidden;
        display: inline-block;
        margin: 20px
    }
    .circular-progress-div .circle_inner {
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        height: 1em;
        clip: rect(0 1em 1em .5em)
    }
    .circular-progress-div .round_per {
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        height: 1em;
        background: #e4a6d2;
        clip: rect(0 1em 1em .5em);
        transform: rotate(180deg);
        transition: 1.05s
    }
    .circular-progress-div .percent_more .circle_inner {
        clip: rect(0 .5em 1em 0)
    }
    .circular-progress-div .percent_more:after {
        position: absolute;
        left: .5em;
        top: 0;
        right: 0;
        bottom: 0;
        background: #e4a6d2;
        content: ''
    }
    .circular-progress-div .circle_inbox {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background: #fff;
        z-index: 3;
        border-radius: 50%
    }
    .circular-progress-div .percent_text {
        position: absolute;
        font-size: 36px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3
    }
    .circular-progress-div .total-cost-div p {
        color: #d8a94c;
        font-weight: 600;
        font-size: 20px;
        line-height: 35px
    }
    .circular-progress-div .total-cost-div p.max-budget-linjk {
        color: #777;
        font-weight: 400;
        font-size: 14px;
        background: #eee;
        padding: 8px 25px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }
    .circular-progress-div .total-cost-div p.max-budget-linjk span {
        margin-left: 12px
    }
    .circular-progress-div {
        display: flex;
        align-items: center
    }
    .circular-progress-div.amount-paid-circular {
        margin-left: 60px
    }
    .circular-progress-div.amount-paid-circular .total-cost-div p {
        color: #61749f
    }
    .circular-dflex {
        display: flex;
        align-items: center
    }
    .circular-progress-row {
        margin-bottom: 50px
    }
    .budget-category-title {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .budget-category-title>span {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        font-size: 20px;
        margin: 0
    }
    .budget-category-title>span p {
        margin-right: 20px
    }
    .budget-board .accordion-card-header {
        background: #f6f5f5
    }
    .budget-category-title .accordion-card-title span {
        margin-top: 0
    }
    .day-form-div,
    .event-form-div {
        display: none
    }
    .my-profile-sections .nav-pills .nav-link.active,
    .my-profile-sections .nav-pills .show>.nav-link {
        color: #fff;
        background-color: #183240
    }
    .dashboard-content {
        margin-bottom: 60px
    }
    .event-slide-panel {
        overflow-y: scroll
    }
    .budget-list-checkbox .custom-control-label::before {
        top: -14px
    }
    .budget-list-checkbox .custom-control-label::after {
        top: -14px
    }
    .budget-submit-btn {
        margin-left: auto!important;
        display: block;
        margin-right: 30px;
        margin-top: 50px!important;
        width: 16%
    }
    .swal2-container .swal2-confirm {
        color: #fff;
        background-color: #e9038d!important;
        border-color: #e9038d!important
    }
    .swal2-container .swal2-popup .swal2-styled:focus {
        box-shadow: none!important
    }
    .my-profile-user-section .nice-select,
    .my-profile-user-section .nice-select ul {
        width: 100%!important
    }
    .my-profile-user-section .nice-select ul {
        width: 100%;
        max-height: 200px;
        overflow-y: scroll
    }
    .nice-select.swal2-select {
        display: none!important
    }
    .add-task-slide {
        display: none
    }
    .signup-section {
        display: flex;
        justify-content: center
    }
    .signup-tab a {
        display: block;
        width: 50%
    }
    .signup-tab a.active {
        background: #e9038d;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        border-radius: 10px;
        transition: .5s;
        border: 0;
        padding: 3px 0
    }
    .signup-section .signup-tab {
        width: 70%;
        display: flex;
        justify-content: center;
        text-align: center;
        margin-bottom: 25px
    }
    .tab-users {
        display: none
    }
    .tab-users.active {
        display: block
    }
    .section-services {
        padding-bottom: 120px;
        font-family: Poppins, sans-serif;
        color: #fff
    }
    .section-services .header-section {
        margin-bottom: 35px
    }
    .section-services .header-section .title {
        position: relative;
        margin-bottom: 40px;
        padding-bottom: 25px;
        text-transform: uppercase;
        font-weight: 700
    }
    .section-services .header-section .title:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 140px;
        height: 1px;
        background-color: #f70037
    }
    .section-services .header-section .title:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 45px;
        height: 3px;
        background-color: #f70037
    }
    .section-services .header-section .title span {
        color: #f70037
    }
    .section-services .header-section .description {
        color: #6f6f71
    }
    .section-services .single-service {
        margin-top: 40px;
        background-image: linear-gradient(114deg, #ddd6f3, #faaca8);
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
        border-radius: 0 37px;
        min-height: 355px;
        position: relative
    }
    .section-services .single-service .part-1 {
        padding: 15px 40px 15px;
        border-bottom: 2px solid #1d1e23;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
    .section-services .single-service .part-1 i {
        font-size: 40px;
        color: #e62d99
    }
    .section-services .single-service .part-1 .title {
        font-size: 17px;
        font-weight: 700;
        letter-spacing: .02em;
        line-height: 1.8em;
        color: #fff;
        margin-left: 20px;
        margin-bottom: 0
    }
    .section-services .single-service .part-2 {
        padding: 30px 40px 40px
    }
    .section-services .single-service .part-2 .description {
        margin-bottom: 22px;
        color: #6f6f71;
        font-size: 14px;
        line-height: 1.8em
    }
    .section-services .single-service .part-2 a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        position: absolute;
        left: 12%;
        bottom: 7%;
        width: 100%
    }
    .section-services .single-service .part-2 a i {
        margin-right: 10px;
        color: #e62d99
    }
    .section-services .single-service table {
        width: 100%;
        color: #3e3e3e
    }
    .section-services .single-service table td:first-child {
        width: 90%
    }
    .margin-top-section0 {
        margin-top: 0!important
    }
    .adv-section marquee img {
        height: 150px;
        margin: 0 20px;
        width: 225px
    }
    .change-password-section.login-message-section .modal-dialog .modal-content {
        text-align: center;
        border: none;
        background-image: url(../images/img/login-modal.webp);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-position: center
    }
    .change-password-section.login-message-section .modal-dialog .modal-content .overlay {
        background: #0000008c;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
    .change-password-section.login-message-section .modal-body .description {
        color: #fff;
        font-size: 12px;
        margin: 0 0 20px;
        line-height: 21px
    }
    .change-password-section.login-message-section .modal-dialog {
        width: 583px;
        max-width: 583px
    }
    .change-password-section.login-message-section .modal-content .modal-body .btn {
        width: 40%
    }
    .color-bg {
        height: 285px!important
    }
    .color-black {
        background-color: #000;
        padding: 43px 0
    }
    #headline {
        font-weight: 400;
        letter-spacing: .125rem;
        text-transform: uppercase
    }
    #countdown ul li {
        display: inline-block;
        font-size: 22px;
        list-style-type: none;
        padding: 0 3px;
        text-transform: uppercase;
        justify-content: center
    }
    #countdown ul li .span-first-counter {
        border: 1px solid #ffffff21;
        margin: 0 5px 3px 5px;
        font-weight: 500;
        text-shadow: 1px 2px #000;
        background: #fdf6fa36;
        color: #fff;
        width: 100px;
        font-size: 40px;
        height: 61px;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .emoji {
        display: none;
        padding: 1rem
    }
    .emoji .span-first-counter {
        font-size: 4rem;
        padding: 0 .5rem
    }
    .days-span {
        color: #fff;
        text-align: center;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-shadow: 0 0 #000
    }
    #countdown {
        margin: 32px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .remainder-hrading h2 {
        text-align: center;
        color: #fff;
        margin-top: 15x
    }
    .color-black {
        background-color: #000;
        padding: 43px 0
    }
    .image-of-profile {
        background: #fff;
        border-radius: 72%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 190px;
        height: 190px
    }
    .image-of-profile img {
        height: 190px;
        object-fit: contain;
        border: 9px solid #b1b1b121;
        width: 190px;
        border-radius: 83%;
        position: absolute;
        background: #fff;
        bottom: 64px;
        box-shadow: 0 4px 8px 0 rgb(255 220 226 / 38%);
        transition: .3s
    }
    .profile-names .name-texts {
        color: #e9038d;
        font-size: 30px;
        font-weight: 500;
        padding-bottom: 17px
    }
    .profile-information {
        width: 100%;
        background: #fff;
        box-shadow: 0 4px 8px 0 rgb(225 225 225);
        transition: .3s
    }
    .profile-information {
        margin: 100px 0
    }
    .background-images-pro img {
        width: 100%;
        height: 255px;
        object-fit: cover;
        background: #7fffd4;
        opacity: .5
    }
    .profile-names {
        width: 60%;
        padding-top: 32px
    }
    .profile-names p {
        margin-bottom: 0
    }
    .image-of-profile {
        width: 40%;
        position: relative
    }
    .information-text {
        display: flex;
        border-top: 5px solid #e9038d
    }
    .changes-passwords span .fa,
    .members-texts span .fa {
        color: #605c5f61
    }
    .changes-passwords span:nth-child(2),
    .members-texts span:nth-child(2) {
        padding-left: 10px
    }
    .my-profile-sections {
        margin: 100px 0
    }
    .countdown-day {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 173px
    }
    .countdown-day p:nth-child(1) {
        margin-bottom: 0;
        font-size: 32px;
        color: #fff
    }
    .countdown-day p:nth-child(2) {
        margin-bottom: 0;
        padding-left: 5px;
        font-size: 32px;
        color: #fff
    }
    .couples-weds-name h2 {
        position: relative;
        margin: 0;
        font-size: 2em;
        font-weight: 900;
        color: #000;
        overflow: hidden
    }
    .couples-weds-name h2 span {
        color: #ff022c
    }
    .wedding-couples-name-section {
        background: #ffd5dd2e;
        DISPLAY: flex;
        justify-content: center;
        align-items: center
    }
    .couples-weds-name1 h2 {
        position: relative;
        -webkit-box-reflect: below -12px linear-gradient(transparent, rgb(251 0 0 / 8%));
        font-family: Estonia, cursive
    }
    .couples-weds-name1 span {
        position: relative;
        display: inline-block;
        color: #e9038d;
        font-size: 67PX;
        text-transform: uppercase;
        animation: animate 2s ease-in-out infinite;
        animation-delay: calc(.1s * var(--i))
    }
    @keyframes animate {
        0% {
            transform: translateY(0)
        }
        20% {
            transform: translateY(-20px)
        }
        100%,
        40% {
            transform: translateY(0)
        }
    }
    .couples-weds-name2 h2 {
        font-size: 93px;
        color: #fff;
        position: relative;
        -webkit-box-reflect: below -12 px linear-gradient(transparent, rgb(251 0 0 / 8%));
        font-family: Estonia, cursive
    }
    .couples-weds-name2 span {
        position: relative;
        display: inline-block;
        color: #fff;
        font-size: 127PX;
        animation: animate 2s ease-in-out infinite;
        animation-delay: calc(.1s * var(--i))
    }
    .color-bg {
        background: #e9038d24
    }
    .couples-weds-name2 {
        height: 216px;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media screen and (min-width:1201px) and (max-width:1399px) {
    /* loader  */
    .preloader .Loader {
        position: fixed;
        margin: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        background-color: white;
        z-index: 999;
    }
    .preloader .Loader h1 {
        color: black;
        font-size: 1.5em;
        animation: fading 2.5s ease-in-out infinite;
    }
    .preloader .Loader p {
        color: white;
        opacity: 80%;
        font-size: 0.8em;
    }
    .preloader .Loader-box {
        margin: 10px;
        flex: 0 0 auto;
        height: 50px;
        width: 50px;
    }
    .preloader .Loader-box .box {
        position: absolute;
        height: 50px;
        width: 50px;
        animation: rotating 2s ease-in infinite;
        animation-delay: calc(var(--id) * .2s);
    }
    .preloader .Loader-box .box .dot {
        background-color: black;
        height: 6px;
        width: 6px;
        border-radius: 100%;
    }
    @keyframes rotating {
        0% {
            opacity: 0;
            transform: rotateZ(0);
        }
        25% {
            opacity: 100%;
            transform: rotateZ(160deg);
        }
        75% {
            opacity: 200%;
            opacity: 100;
        }
        80% {
            transform: rotateZ(300deg);
            opacity: 100;
        }
        100% {
            transform: rotateZ(350deg);
            opacity: 0;
        }
    }
    @keyframes fading {
        0% {
            opacity: 40%;
        }
        50% {
            opacity: 90%;
        }
        100% {
            opacity: 40%;
        }
    }
    /* loader end */
    /* dashboard loader  */
    .dashboard-loader {
        position: relative;
        padding: 10px 20px;
        animation: loader 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
        color: white;
    }
    @keyframes loader {
        0% {
            letter-spacing: -1px;
        }
        100% {
            letter-spacing: 15px;
        }
    }
    .dashboard-loader::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        transform: skewX(-15deg);
        background-color: #f3b8d0;
    }
    .dashboard-loader .banner-left,
    .dashboard-loader .banner-right {
        width: 60px;
        height: 100%;
        position: absolute;
        z-index: -2;
        bottom: -30%;
        transform: skewX(-15deg);
        background-color: #b60965bf;
    }
    .dashboard-loader .banner-left {
        animation: sub-banner-left 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
    }
    @keyframes sub-banner-left {
        0% {
            right: 82%;
        }
        100% {
            right: 90%;
        }
    }
    .dashboard-loader .banner-right {
        animation: sub-banner-right 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
    }
    @keyframes sub-banner-right {
        0% {
            left: 82%;
        }
        100% {
            left: 90%;
        }
    }
    .dashboard-loader .banner-left::before,
    .dashboard-loader .banner-right::before {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -1px;
        border: 22px solid;
        border-color: transparent;
    }
    .dashboard-loader .banner-left::before {
        left: -1px;
        border-left-color: #ffffff;
    }
    .dashboard-loader .banner-right::before {
        right: -1px;
        border-right-color: #ffffff;
    }
    .dashboard-preloader {
        position: fixed;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* dashboard loader  end*/
    .process-arrow img {
        width: 85px;
        height: 14px;
        object-fit: contain
    }
    .vendor-category-listdiv .vendor-img img {
        width: 100%;
        height: 300px;
        object-fit: cover
    }
    .process-block .inner-box {
        padding: 0!important;
        height: 435px
    }
    .process-section-step .circle-xxxl {
        height: 200px;
        width: 200px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .process-section-step .circle-xxxl .icon-5x {
        font-size: 60px
    }
    .logo-link img {
        height: 65px;
        width: auto;
        object-fit: cover
    }
    .banner-div {
        position: relative
    }
    .banner-div svg {
        position: absolute;
        bottom: -2px;
        left: 0;
        z-index: 1
    }
    .banner-div svg path {
        fill: #fdf6fa
    }
    .banner-slider img {
        width: 100%;
        height: calc(110vh - 130px);
        opacity: 1!important;
        animation-duration: 3s;
        transition: all 1s ease;
        object-fit: cover
    }
    .banner-slider [data-animation-in] {
        opacity: 0;
        animation-duration: 6s;
        transition: opacity .5s ease .3s!important;
        transition: 1s
    }
    @keyframes zoomInImage {
        from {
            transform: scale3d(1, 1, 1);
            transition: 1s
        }
        to {
            transform: scale3d(1.1, 1.1, 1.1);
            transition: 1s
        }
    }
    .zoomInImage {
        animation-name: zoomInImage
    }
    .banner-slider .slide .slide__content {
        position: absolute;
        top: 35%;
        transform: translateY(-35%) translateX(-50%);
        left: 50%;
        z-index: 9999999
    }
    .banner-slider .slide .slide__content .search-head {
        margin-bottom: 0;
        padding: 0
    }
    .banner-slider .slide .slide__img {
        position: relative
    }
    .banner-slider .slide .slide__img .overlay {
        position: absolute;
        background: #00000061;
        width: 100%;
        height: 100%;
        top: 0
    }
    .category-div .venue-categories-img img {
        height: 175px;
        object-fit: cover;
        width: 100%
    }
    .category-div .venue-categories-img .venue-categories-overlay h3 {
        font-weight: 500;
        font-size: 18px
    }
    .category-div .venue-categories-img .overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #0000008c 20%, transparent 40%)
    }
    .gallery-div .image-gallery img {
        max-width: 100%;
        height: 175px;
        width: 100%;
        object-fit: cover
    }
    .gallery-div .image-gallery {
        margin-bottom: 30px;
        position: relative;
        box-shadow: rgb(0 0 0 / 15%) 0 1px 5px 0;
        padding: 15px;
        margin-right: 20px;
        background: #fff
    }
    .gallery-div .image-gallery i {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        font-size: 34px;
        color: #000;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: #ffc125;
        text-align: center;
        transform: translate(-50%, -50%) scale(0);
        transition: transform .3s 0s cubic-bezier(.175, .885, .32, 1.275)
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item img {
        width: 100%;
        height: 70vh;
        object-fit: contain
    }
    .ekko-lightbox.show {
        overflow: hidden!important;
        height: calc(115vh - 130px)!important
    }
    .ekko-lightbox .modal-dialog {
        min-width: 50%!important;
        max-width: 50%!important;
        min-height: 100vh!important;
        max-height: 100vh!important
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container {
        height: 70vh!important;
        position: relative;
        display: flex;
        justify-content: center
    }
    .ekko-lightbox .modal-dialog .modal-body {
        padding: 50px
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item img {
        width: 100%;
        height: 70vh;
        object-fit: contain
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item {
        position: absolute
    }
    .ekko-lightbox {
        padding-right: 0!important
    }
    .ekko-lightbox .modal-dialog .modal-content .modal-header {
        display: none!important
    }
    .ekko-lightbox .modal-dialog .modal-content {
        border-radius: 15px
    }
    .ekko-lightbox .modal-dialog {
        margin-top: 130px
    }
    .ekko-lightbox .modal-dialog .modal-content .modal-header .modal-title {
        display: none
    }
    .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-nav-overlay a span {
        font-size: 20px;
        color: #000
    }
    .slide__content {
        position: absolute!important;
        top: 50%;
        z-index: 99999999999999999;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 65%
    }
    .slide__content .nice-select .list {
        max-height: 165px;
        overflow-y: scroll
    }
    .nice-select {
        width: 100%!important
    }
    .gallery-loaction p {
        margin-top: 10px;
        font-size: 15px;
        text-align: center;
        color: #4a4a4a
    }
    .wedding-planning-bgimg {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative
    }
    .wedding-planning-bgimg .wedding-planning-section {
        background-color: #00000091!important;
        color: #fff;
        padding-bottom: 150px;
        padding-top: 70px
    }
    .wedding-planning-bgimg .wedding-planning-section .section-title h2 {
        color: #fff
    }
    .wedding-planning-bgimg .wedding-planning-section .feature-icon-block .feature-content h3 {
        color: #fff
    }
    .wedding-planning-bgimg .wedding-planning-section .feature-icon-block .feature-icon i {
        color: #fff
    }
    .wedding-planning-bgimg svg {
        position: absolute;
        bottom: -68px;
        left: 0
    }
    .wedding-planning-bgimg svg path {
        fill: #fdf6fa
    }
    .process-section-step .section-title {
        margin-bottom: 100px
    }
    .sectionbgimg {
        background-repeat: no-repeat;
        background-position: -4% 1%;
        margin-top: -100px;
        position: relative;
        z-index: 99
    }
    .sectionbgimg-right {
        background-repeat: no-repeat;
        background-position: 105% -561%
    }
    .vendor-mt-heading {
        margin-top: 40px
    }
    .dashboard-content-cont {
        width: 1000px;
        position: relative;
        display: flex;
        justify-content: space-between
    }
    .dashboard-content-cont .card {
        position: relative;
        cursor: pointer
    }
    .dashboard-content-cont .card .face {
        width: 300px;
        height: 200px;
        transition: .5s
    }
    .dashboard-content-cont .card .face.face1 {
        position: relative;
        background: #333;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        transform: translateY(100px)
    }
    .dashboard-content-cont .card:hover .face.face1 {
        background: #ff0057;
        transform: translateY(0)
    }
    .dashboard-content-cont .card .face.face1 .content {
        opacity: .2;
        transition: .5s
    }
    .dashboard-content-cont .card:hover .face.face1 .content {
        opacity: 1
    }
    .dashboard-content-cont .card .face.face1 .content img {
        max-width: 100px
    }
    .dashboard-content-cont .card .face.face1 .content h3 {
        margin: 10px 0 0;
        padding: 0;
        color: #fff;
        text-align: center;
        font-size: 1.5em
    }
    .dashboard-content-cont .card .face.face2 {
        position: relative;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        box-sizing: border-box;
        box-shadow: 0 20px 50px rgba(0, 0, 0, .8);
        transform: translateY(-100px)
    }
    .dashboard-content-cont .card:hover .face.face2 {
        transform: translateY(0)
    }
    .dashboard-content-cont .card .face.face2 .content p {
        margin: 0;
        padding: 0
    }
    .dashboard-content-cont .card .face.face2 .content a:hover {
        background: #333;
        color: #fff
    }
    .signup-signin-section .nice-select ul {
        max-height: 210px;
        overflow-y: scroll
    }
    .vendor-login-section {
        background-repeat: no-repeat;
        background-position: -4% 1%;
        position: relative
    }
    .vendor-new-bg {
        min-height: 100vh
    }
    .change-password-section .show-modal {
        color: #fff;
        background: linear-gradient(to right, #33a3ff, #0675cf, #49a6fd);
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
        padding: 10px 15px;
        margin: 200px auto 0;
        border: none;
        outline: 0;
        box-shadow: 0 0 20px rgba(0, 0, 0, .1);
        display: block;
        transition: all .3s ease 0s
    }
    .change-password-section .show-modal:focus,
    .change-password-section .show-modal:hover {
        color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        outline: 0
    }
    .change-password-section .modal-dialog {
        width: 400px;
        margin: 150px auto 0
    }
    .change-password-section .modal-dialog {
        transform: scale(.5)
    }
    .change-password-section .modal-dialog {
        transform: scale(1)
    }
    .change-password-section .modal-dialog .modal-content {
        text-align: center;
        border: none;
        background-image: url(https://c0.wallpaperflare.com/preview/491/618/554/indian-wedding-bride-marriage-gown.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative
    }
    .change-password-section .modal-dialog .modal-content .overlay {
        background: #00000061;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
    .change-password-section .modal-content .close {
        color: #fff;
        background: linear-gradient(to right, #e60132, #eb002c, #7d1726);
        font-size: 25px;
        font-weight: 400;
        text-shadow: none;
        line-height: 27px;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        overflow: hidden;
        opacity: 1;
        position: absolute;
        left: auto;
        right: 8px;
        top: 8px;
        z-index: 1;
        transition: all .3s
    }
    .change-password-section .modal-content .close:hover {
        color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, .5)
    }
    .change-password-section .close:focus {
        outline: 0
    }
    .change-password-section .modal-body {
        padding: 60px 40px 40px!important
    }
    .change-password-section .modal-body .title {
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 1px;
        margin: 0 0 35px
    }
    .change-password-section .modal-body .description {
        color: #fff;
        font-size: 16px;
        margin: 0 0 20px
    }
    .change-password-section .modal-body .form-group {
        text-align: left;
        margin-bottom: 20px;
        position: relative
    }
    .change-password-section .modal-body .input-icon {
        color: #777;
        font-size: 18px;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        left: 20px
    }
    .change-password-section .modal-body .form-control {
        font-size: 17px;
        height: 45px;
        width: 100%;
        padding: 6px 0 6px 50px;
        margin: 0 auto;
        border: 2px solid #eee;
        border-radius: 5px;
        box-shadow: none;
        outline: 0
    }
    .change-password-section .form-control::placeholder {
        color: #aeafb1
    }
    .change-password-section .modal-content .modal-body .btn {
        color: #fff;
        background: linear-gradient(to right, #e60132, #eb002c, #7d1726);
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 38px;
        width: 100%;
        height: 40px;
        padding: 0;
        border: none;
        border-radius: 5px;
        border: none;
        display: inline-block;
        transition: all .6s ease 0s
    }
    .change-password-section .modal-content .modal-body .btn:hover {
        color: #fff;
        letter-spacing: 2px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .5)
    }
    .change-password-section .modal-content .modal-body .btn:focus {
        outline: 0
    }
    .profile-names p.changes-passwords {
        cursor: pointer
    }
    .dashboard-nav ul li a:hover {
        background: #cf919c;
        color: #fff;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px
    }
    .animate-charcter {
        background-image: linear-gradient(-225deg, #231557 0, #d9a94d 29%, #e952a6 67%, #5e96b4 100%);
        background-size: auto auto;
        background-clip: border-box;
        background-size: 200% auto;
        color: #fff;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: textclip 2s linear infinite;
        display: inline-block;
        font-size: 40px;
        height: 68px;
        display: flex;
        align-items: center;
        margin-left: 15px;
        font-weight: 600
    }
    @keyframes textclip {
        to {
            background-position: 200% center
        }
    }
    .hello-title h3 {
        text-align: center;
        font-size: 40px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        color: #3c3c3c;
        margin-bottom: 6px
    }
    .hello-title p {
        color: #000;
        font-size: 20px;
        margin-bottom: 60px
    }
    .feature.height-equal {
        height: 475px;
        font-size: 16px
    }
    .background-images-pro.new-bannerimg img {
        width: 100%;
        height: 290px;
        object-fit: cover;
        object-position: top;
        background: #7fffd4;
        opacity: .5
    }
    .table.table-list thead.thead-light th {
        color: #495057;
        background-color: #e5c3e7!important;
        border-color: #e5c3e7!important;
        padding: 15px 20px
    }
    .todo-thead {
        color: #495057!important;
        background-color: #e5c3e7!important;
        border-color: #e5c3e7!important
    }
    .my-profile-sections .nav-bggradient {
        height: 100%;
        background: linear-gradient(114deg, #ddd6f3, #faaca8)
    }
    .my-profile-sections .nav-pills .nav-link.active,
    .my-profile-sections .nav-pills .show>.nav-link {
        background-color: #cf919c!important;
        color: #fff!important;
        font-weight: 600;
        letter-spacing: 1px
    }
    .my-profile-sections .card-header-bgcolor {
        background-image: linear-gradient(173deg, #fff, #fd9193);
        border-bottom: 0
    }
    .vendor-descript-section .venue-header {
        position: relative
    }
    .vendor-descript-section .venue-head {
        position: absolute;
        bottom: 40px;
        width: 100%
    }
    .vendor-descript-section .venue-head h1 {
        font-size: 42px;
        color: #fff;
        margin-bottom: 10px
    }
    .vendor-descript-section .venue-head .title {
        border-bottom: 1px solid #504849;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
    .vendor-descript-section .venue-head .location {
        color: #fff
    }
    .vendor-descript-section .venue-head .location i {
        padding-right: 10px
    }
    .vendor-descript-section .rating-box,
    .vendor-descript-section .venue-action {
        margin-bottom: 20px
    }
    .vendor-descript-section .venue-action {
        text-align: right
    }
    .vendor-descript-section .label-primary {
        background-color: #00aeaf;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        padding: 4px 8px;
        border-radius: 2px;
        font-weight: 700
    }
    .vendor-descript-section .label-primary[href]:focus,
    .vendor-descript-section .label-primary[href]:hover {
        background-color: #f9a630;
        color: #fff
    }
    .vendor-descript-section .address {
        margin-bottom: 0
    }
    .vendor-descript-section .address i {
        padding-right: 10px
    }
    .vendor-descript-section .venue-amenities ul li.list-group-item {
        border: 1px solid #e9e6e0
    }
    .vendor-descript-section .rating {
        margin: 0
    }
    .vendor-descript-section .rating i {
        color: #ffc513
    }
    .vendor-descript-section .side-box {
        background-color: #fff;
        padding: 28px;
        border: 1px solid #e9e6e0;
        margin-bottom: 30px
    }
    .vendor-descript-section .page-sidebar .venue-info {
        background-color: #fff;
        margin-bottom: 30px;
        border: 1px solid #e9e6e0
    }
    .vendor-descript-section .customer-review,
    .vendor-descript-section .review {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .vendor-descript-section .customer-review h1 {
        margin-bottom: 30px;
        border-bottom: 1px solid #e9e6e0;
        padding-bottom: 30px
    }
    .vendor-descript-section .review-list .arrow:after,
    .vendor-descript-section .review-list .arrow:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent
    }
    .vendor-descript-section .review-list .panel.arrow.left:after,
    .vendor-descript-section .review-list .panel.arrow.left:before {
        border-left: 0
    }
    .vendor-descript-section .review-list .panel.arrow.left:before {
        left: -15px;
        top: 30px;
        border-right-color: inherit;
        border-width: 16px
    }
    .vendor-descript-section .review-list .panel.arrow.left:after {
        left: -14px;
        top: 31px;
        border-right-color: #fff;
        border-width: 15px
    }
    .vendor-descript-section .review-list .panel.arrow.right:before {
        right: -16px;
        top: 30px;
        border-left-color: inherit;
        border-width: 16px
    }
    .vendor-descript-section .review-list .panel.arrow.right:after {
        right: -14px;
        top: 31px;
        border-left-color: #fff;
        border-width: 15px
    }
    .vendor-descript-section .review-post {
        margin-top: 10px
    }
    .vendor-descript-section .review-list .review-post {
        margin-top: 20px
    }
    .vendor-descript-section .profile-userpic img,
    .vendor-descript-section .user-pic img {
        border: 4px solid #e9e6e0;
        border-radius: 100%;
        width: 240px;
        height: 55px;
        object-fit: contain
    }
    .vendor-descript-section .profile-sidebar .profile-userpic img {
        height: 153px;
        width: 135px
    }
    .vendor-descript-section .review-list .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 0;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .05);
        box-shadow: 0 0 0 rgba(0, 0, 0, .05)
    }
    .vendor-descript-section .review-list .panel-default {
        border-color: #e9e6e0
    }
    .vendor-descript-section .review-list .panel-body {
        padding: 30px
    }
    .vendor-descript-section .review-list h3 {
        margin-bottom: 10px
    }
    .vendor-descript-section .rating-group {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .vendor-descript-section .vendor-des-mt {
        margin-top: 55px
    }
    .vendor-descript-section .tabbed-page .capacity {
        border-right: 1px solid #e9e6e0
    }
    .vendor-descript-section .capacity,
    .vendor-descript-section .pricebox {
        width: 50%;
        float: left;
        padding: 15px 20px;
        font-size: 12px
    }
    .vendor-descript-section .venue-info {
        background-color: #fcfbf9;
        border-top: 1px solid #e9e6e0;
        height: 84px;
        font-family: Montserrat, sans-serif;
        text-transform: uppercase;
        font-weight: 700
    }
    .vendor-descript-section .cap-people,
    .vendor-descript-section .price {
        font-size: 18px;
        letter-spacing: -1px;
        color: #3c3634;
        display: block;
        margin: 0;
        line-height: inherit
    }
    .vendor-descript-section p,
    .vendor-descript-section ul li {
        color: #252328;
        font-size: 15px
    }
    .vendor-descript-section h1,
    .vendor-descript-section h2 {
        font-size: 25px
    }
    .vendor-descript-section .profile-userpic {
        text-align: center;
        width: 154px;
        margin-right: auto;
        margin-left: auto
    }
    .vendor-descript-section .profile-sidebar .profile-usertitle {
        margin-top: 30px
    }
    .vendor-descript-section .fab,
    .vendor-descript-section .fas {
        color: #e9038d;
        padding-right: 10px
    }
    .vendor-descript-section .profile-usertitle-name {
        text-align: center
    }
    .vendor-descript-section .profile-address,
    .vendor-descript-section .profile-email,
    .vendor-descript-section .profile-website {
        margin-bottom: 10px
    }
    .vendor-descript-section ul.follow-icon {
        margin-bottom: 0
    }
    .vendor-descript-section ul.follow-icon li {
        padding-right: 10px;
        display: inline
    }
    .vendor-descript-section ul.follow-icon li a {
        font-size: 32px
    }
    .vendor-descript-section .rating-group .radio {
        display: flex;
        align-items: center
    }
    .vendor-descript-section .rating-group .radio:not(:first-child) {
        margin-left: 20px
    }
    .vendor-descript-section .rating-group {
        display: flex;
        align-items: center
    }
    .vendor-descript-section .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px
    }
    .vendor-descript-section .radio label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        top: 6px;
        margin-left: -20px;
        border: 1px solid #e0dcd1;
        border-radius: 50%;
        background-color: #faf9f5;
        -webkit-transition: border .15s ease-in-out;
        -o-transition: border .15s ease-in-out;
        transition: border .15s ease-in-out
    }
    .vendor-descript-section .radio label::after {
        display: inline-block;
        position: absolute;
        content: " ";
        width: 11px;
        height: 11px;
        left: 3px;
        top: 9px;
        margin-left: -20px;
        border-radius: 50%;
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
        -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33)
    }
    .vendor-descript-section .radio input[type=radio] {
        opacity: 0;
        z-index: 1
    }
    .vendor-descript-section .radio input[type=radio]:checked+label::after {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    .vendor-descript-section .radio input[type=radio]:disabled+label {
        opacity: .65
    }
    .vendor-descript-section .radio input[type=radio]:disabled+label::before {
        cursor: not-allowed
    }
    .vendor-descript-section .radio.radio-inline {
        margin-top: 0
    }
    .vendor-descript-section .radio-primary input[type=radio]+label::after {
        background-color: #337ab7
    }
    .vendor-descript-section .radio-primary input[type=radio]:checked+label::before {
        border-color: #337ab7
    }
    .vendor-descript-section .radio-primary input[type=radio]:checked+label::after {
        background-color: #337ab7
    }
    .vendor-descript-section .radio-danger input[type=radio]+label::after {
        background-color: #d9534f
    }
    .vendor-descript-section .radio-danger input[type=radio]:checked+label::before {
        border-color: #d9534f
    }
    .vendor-descript-section .radio-danger input[type=radio]:checked+label::after {
        background-color: #d9534f
    }
    .vendor-descript-section .radio-info input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-info input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-info input[type=radio]:checked+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]:checked+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]:checked+label::after {
        background-color: #e9038d!important;
        outline: 0;
        border: 0;
        background: 0 0
    }
    .edit-guest-div {
        display: none
    }
    .budget-checkbox .custom-control-label::before {
        top: -12px
    }
    .budget-checkbox .custom-control-label::after {
        top: -12px
    }
    .nice-select ul {
        max-height: 250px;
        overflow-y: scroll!important;
        width: 100%
    }
    .all-vendor-listdiv .venue-categories-img img {
        height: 190px;
        width: 100%;
        object-fit: cover
    }
    .gallery-addimg-modal button.close {
        font-size: 30px;
        opacity: 1;
        font-weight: 600;
        line-height: 1;
        color: #fff
    }
    .gallery-addimg-modal button.close:hover {
        color: #ff7b7b!important;
        opacity: 1!important
    }
    .gallery-addimg-modal .modal-header {
        align-items: center;
        color: #fff;
        background-color: #e9038d;
        border-color: #e9038d
    }
    .gallery-addimg-modal .modal-header h5 {
        color: #fff;
        font-size: 18px;
        text-transform: capitalize
    }
    .gallery-addimg-modal .modal-body {
        margin: 22px 0
    }
    .gallery-addimg-modal .modal-dialog {
        height: 100vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .img-del-icon {
        position: relative
    }
    .img-del-icon button.close {
        position: absolute;
        top: -10px;
        right: -10px;
        background: #0000009e;
        color: #fff;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 20px;
        font-weight: 500;
        border-radius: 50%
    }
    .img-del-icon button.close:hover {
        background-color: red!important;
        color: #fff!important
    }
    .checkoutform-div .payment-mode-div {
        display: flex;
        align-items: center
    }
    .checkoutform-div .payment-mode-div .custom-control {
        margin-right: 35px
    }
    .profile-reviews .rating-star {
        font-size: 10px!important
    }
    .profile-reviews .rated {
        color: #ffa912
    }
    .profile-reviews .rate-mute {
        color: #909090
    }
    .profile-reviews .avatar img {
        width: 100%;
        object-fit: cover;
        max-width: 100%;
        height: 100%;
        border: 0;
        border-radius: 50%;
        z-index: 1;
        box-shadow: 0 10px 18px 0 rgb(62 57 107 / 20%)
    }
    .profile-reviews span.avatar {
        position: relative;
        width: 36px;
        height: 36px;
        white-space: nowrap;
        cursor: pointer;
        display: inline-flex;
        font-size: .8rem;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
        color: #fff
    }
    .profile-reviews .td-widthdescrip {
        white-space: normal;
        max-width: 270px
    }
    .customer-review .review-list .review-user {
        color: #252328
    }
    .forgot-password-para {
        margin: 0!important
    }
    .forgot-password-para a {
        font-weight: 300!important
    }
    .forgot-password-para a:hover {
        font-weight: 400!important;
        text-decoration: underline!important
    }
    .forgot-password-div {
        display: none
    }
    .signup-signin-section.change-passowrd-section {
        overflow: hidden;
        box-shadow: none;
        border-radius: 0;
        background: 0 0
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div {
        position: relative;
        background: #fff;
        box-shadow: 0 5px 25px rgb(0 0 0 / 10%);
        overflow: hidden;
        width: 50%;
        margin: 0 auto
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div .user {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div .user .formBx {
        width: 100%;
        display: block
    }
    .signup-signin-section {
        position: relative;
        height: 850px;
        margin: 40px 0;
        background: #e9038d;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        overflow: hidden;
        box-shadow: 0 2px 8px #d3d3d3;
        border-radius: 7px
    }
    .signup-signin-section .usersignin-up-div {
        background: #fff;
        box-shadow: 0 15px 50px rgba(0, 0, 0, .1);
        overflow: hidden
    }
    .signup-signin-section .usersignin-up-div .user {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex
    }
    .signup-signin-section .usersignin-up-div .user .imgBx {
        position: relative;
        width: 50%;
        height: 100%;
        background: #ff0;
        transition: .5s
    }
    .signup-signin-section .usersignin-up-div .user .imgBx img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    .signup-signin-section .usersignin-up-div .user .formBx {
        position: relative;
        width: 50%;
        height: 100%;
        background: #fff;
        justify-content: center;
        align-items: center;
        padding: 40px;
        transition: .5s
    }
    .signup-signin-section .usersignin-up-div .user .formBx h2 {
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 2px;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
        color: #555
    }
    .signup-signin-section .usersignin-up-div .user .formBx input {
        position: relative;
        width: 100%;
        border: 1px solid #f1eaea!important;
        padding: 10px;
        background: 0 0;
        color: #333;
        border: none;
        outline: 0;
        box-shadow: none;
        margin: 8px 0;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 300
    }
    .signup-signin-section .usersignin-up-div .user .formBx button {
        width: 30%;
        background: #e9038d;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        border-radius: 10px;
        transition: .5s;
        border: 0;
        padding: 10px 0;
        margin: 30px 0 18px 0
    }
    .signup-signin-section .usersignin-up-div .user .formBx .signup {
        position: relative;
        margin-top: 10px;
        font-size: 12px;
        letter-spacing: 1px;
        color: #000;
        text-transform: uppercase;
        font-weight: 300
    }
    .signup-signin-section .usersignin-up-div .user .formBx .signup a {
        font-weight: 600;
        text-decoration: none;
        color: #000
    }
    .signup-signin-section .usersignin-up-div .signupBx {
        pointer-events: none
    }
    .signup-signin-section .usersignin-up-div .signinBx {
        pointer-events: initial
    }
    .signup-signin-section .active .signupBx {
        pointer-events: initial
    }
    .signup-signin-section .active .signinBx {
        pointer-events: none
    }
    .signup-signin-section .usersignin-up-div .signupBx .formBx {
        left: 100%
    }
    .signup-signin-section .active .signupBx .formBx {
        left: 0
    }
    .signup-signin-section .usersignin-up-div .signupBx .imgBx {
        left: -100%
    }
    .signup-signin-section .active .signupBx .imgBx {
        left: 0
    }
    .signup-signin-section .usersignin-up-div .signinBx .formBx {
        left: 0
    }
    .signup-signin-section .active .signinBx .formBx {
        left: 100%
    }
    .signup-signin-section .usersignin-up-div .signinBx .imgBx {
        left: 0
    }
    .signup-signin-section .active .signinBx .imgBx {
        left: -100%
    }
    .usersignin-up-div .or-div {
        text-align: center;
        margin: 20px 0;
        position: relative
    }
    .usersignin-up-div .or-div:before {
        content: '';
        position: absolute;
        border-bottom: 1px solid #dadada;
        width: 45.3%;
        top: 14px;
        left: 0
    }
    .usersignin-up-div .or-div:after {
        content: '';
        position: absolute;
        border-bottom: 1px solid #dadada;
        width: 45.3%;
        top: 14px;
        right: 0
    }
    .usersignin-up-div .or-div span {
        background: #d7d7d7;
        padding: 10px;
        border-radius: 50%;
        color: #000;
        font-size: 12px
    }
    .usersignin-up-div .google-fb-login ul {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }
    .usersignin-up-div .google-fb-login ul li {
        vertical-align: middle;
        text-align: center;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        background-color: #e44120;
        list-style: none
    }
    .usersignin-up-div .google-fb-login ul li.fb {
        background-color: #4476b1
    }
    .usersignin-up-div .google-fb-login ul li a {
        color: #fff
    }
    .usersignin-up-div .google-fb-login ul li:not(:first-child) {
        margin-left: 10px
    }
    .signup-signin-section .nice-select {
        width: 100%;
        margin: 8px 0;
        color: #333;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 300
    }
    .signup-signin-section .nice-select:after {
        border-bottom: 2px solid #333;
        border-right: 2px solid #333
    }
    .budget-div .table thead.thead-light th {
        color: #495057;
        background-color: #f6f5f5!important;
        border-color: #f6f5f5!important;
        padding: 15px 20px
    }
    .checklist-div .custom-control-label::before {
        top: -12px
    }
    .checklist-div .custom-control-label::after {
        top: -12px
    }
    .dashboard-content .banner-img-div {
        width: 100%;
        height: 460px;
        background: linear-gradient(45deg, #728bbb, #ffd6dd);
        margin-bottom: 40px;
        position: relative
    }
    .dashboard-content .banner-img-div .banner-curve {
        position: absolute;
        bottom: -4px;
        left: -1px;
        width: 101%
    }
    .dashboard-content .banner-img-div .banner-curve svg path {
        fill: #fdf6fa
    }
    .dashboard-content .banner-img-div .overlay {
        position: absolute;
        background: #4a4a4a96;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .dashboard-content .banner-img-div .dashboard-page-header {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translateX(-50%) translateY(-45%);
        border: 0;
        margin: 0;
        width: 100%;
        text-align: center
    }
    .dashboard-content .banner-img-div .dashboard-page-header h3 {
        font-weight: 500;
        margin-bottom: 22px;
        font-size: 60px;
        color: #fff;
        letter-spacing: 2px
    }
    .dashboard-content .banner-img-div .dashboard-page-header p {
        color: #252328;
        font-size: 20px;
        color: #fff
    }
    .dashboard-content .banner-img-div img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }
    .checklist-msg-div {
        display: flex;
        border: 1px solid #ffffff94;
        padding: 15px 15px;
        margin-bottom: 50px;
        background: #fff;
        border-radius: 10px
    }
    .checklist-msg-div .msg-icon i {
        color: #f5f503;
        font-size: 25px;
        margin-right: 12px
    }
    .checklist-msg-div .msg-content p:first-child {
        font-weight: 600;
        color: #252328;
        margin-bottom: 10px;
        font-size: 16px
    }
    .checklist-msg-div .msg-content p {
        color: #252328;
        font-size: 14px;
        line-height: 25px
    }
    .checklist-msg-div .msg-content button {
        background: 0 0;
        color: #345191;
        border: 1px solid #345191;
        width: 10%;
        padding: 5px 0;
        cursor: pointer
    }
    .circular-progress-div .circle_percent {
        font-size: 125px;
        width: 1em;
        height: 1em;
        position: relative;
        background: #eee;
        border-radius: 50%;
        overflow: hidden;
        display: inline-block;
        margin: 20px
    }
    .circular-progress-div .circle_inner {
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        height: 1em;
        clip: rect(0 1em 1em .5em)
    }
    .circular-progress-div .round_per {
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        height: 1em;
        background: #e4a6d2;
        clip: rect(0 1em 1em .5em);
        transform: rotate(180deg);
        transition: 1.05s
    }
    .circular-progress-div .percent_more .circle_inner {
        clip: rect(0 .5em 1em 0)
    }
    .circular-progress-div .percent_more:after {
        position: absolute;
        left: .5em;
        top: 0;
        right: 0;
        bottom: 0;
        background: #e4a6d2;
        content: ''
    }
    .circular-progress-div .circle_inbox {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background: #fff;
        z-index: 3;
        border-radius: 50%
    }
    .circular-progress-div .percent_text {
        position: absolute;
        font-size: 36px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3
    }
    .circular-progress-div .total-cost-div p {
        color: #d8a94c;
        font-weight: 600;
        font-size: 20px;
        line-height: 35px
    }
    .circular-progress-div .total-cost-div p.max-budget-linjk {
        color: #777;
        font-weight: 400;
        font-size: 14px;
        background: #eee;
        padding: 8px 25px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }
    .circular-progress-div .total-cost-div p.max-budget-linjk span {
        margin-left: 12px
    }
    .circular-progress-div {
        display: flex;
        align-items: center
    }
    .circular-progress-div.amount-paid-circular {
        margin-left: 20px
    }
    .circular-progress-div.amount-paid-circular .total-cost-div p {
        color: #61749f
    }
    .circular-dflex {
        display: flex;
        align-items: center
    }
    .circular-progress-row {
        margin-bottom: 50px
    }
    .budget-category-title {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .budget-category-title>span {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        font-size: 20px;
        margin: 0
    }
    .budget-category-title>span p {
        margin-right: 20px
    }
    .budget-board .accordion-card-header {
        background: #f6f5f5
    }
    .budget-category-title .accordion-card-title span {
        margin-top: 0
    }
    .day-form-div,
    .event-form-div {
        display: none
    }
    .my-profile-sections .nav-pills .nav-link.active,
    .my-profile-sections .nav-pills .show>.nav-link {
        color: #fff;
        background-color: #183240
    }
    .dashboard-content {
        margin-bottom: 60px
    }
    .event-slide-panel {
        overflow-y: scroll
    }
    .budget-list-checkbox .custom-control-label::before {
        top: -14px
    }
    .budget-list-checkbox .custom-control-label::after {
        top: -14px
    }
    .budget-submit-btn {
        margin-left: auto!important;
        display: block;
        margin-right: 30px;
        margin-top: 50px!important;
        width: 16%
    }
    .swal2-container .swal2-confirm {
        color: #fff;
        background-color: #e9038d!important;
        border-color: #e9038d!important
    }
    .swal2-container .swal2-popup .swal2-styled:focus {
        box-shadow: none!important
    }
    .my-profile-user-section .nice-select,
    .my-profile-user-section .nice-select ul {
        width: 100%!important
    }
    .my-profile-user-section .nice-select ul {
        width: 100%;
        max-height: 200px;
        overflow-y: scroll
    }
    .nice-select.swal2-select {
        display: none!important
    }
    .add-task-slide {
        display: none
    }
    .signup-section {
        display: flex;
        justify-content: center
    }
    .signup-tab a {
        display: block;
        width: 50%
    }
    .signup-tab a.active {
        background: #e9038d;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        border-radius: 10px;
        transition: .5s;
        border: 0;
        padding: 3px 0
    }
    .signup-section .signup-tab {
        width: 70%;
        display: flex;
        justify-content: center;
        text-align: center;
        margin-bottom: 25px
    }
    .tab-users {
        display: none
    }
    .tab-users.active {
        display: block
    }
    .section-services {
        padding-bottom: 120px;
        font-family: Poppins, sans-serif;
        color: #fff
    }
    .section-services .header-section {
        margin-bottom: 35px
    }
    .section-services .header-section .title {
        position: relative;
        margin-bottom: 40px;
        padding-bottom: 25px;
        text-transform: uppercase;
        font-weight: 700
    }
    .section-services .header-section .title:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 140px;
        height: 1px;
        background-color: #f70037
    }
    .section-services .header-section .title:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 45px;
        height: 3px;
        background-color: #f70037
    }
    .section-services .header-section .title span {
        color: #f70037
    }
    .section-services .header-section .description {
        color: #6f6f71
    }
    .section-services .single-service {
        margin-top: 40px;
        background-image: linear-gradient(114deg, #ddd6f3, #faaca8);
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
        border-radius: 0 37px;
        min-height: 355px;
        position: relative
    }
    .section-services .single-service .part-1 {
        padding: 15px 40px 15px;
        border-bottom: 2px solid #1d1e23;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
    .section-services .single-service .part-1 i {
        font-size: 40px;
        color: #e62d99
    }
    .section-services .single-service .part-1 .title {
        font-size: 17px;
        font-weight: 700;
        letter-spacing: .02em;
        line-height: 1.8em;
        color: #fff;
        margin-left: 20px;
        margin-bottom: 0
    }
    .section-services .single-service .part-2 {
        padding: 30px 40px 40px
    }
    .section-services .single-service .part-2 .description {
        margin-bottom: 22px;
        color: #6f6f71;
        font-size: 14px;
        line-height: 1.8em
    }
    .section-services .single-service .part-2 a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        position: absolute;
        left: 12%;
        bottom: 7%;
        width: 100%
    }
    .section-services .single-service .part-2 a i {
        margin-right: 10px;
        color: #e62d99
    }
    .section-services .single-service table {
        width: 100%;
        color: #3e3e3e
    }
    .section-services .single-service table td:first-child {
        width: 90%
    }
    .margin-top-section0 {
        margin-top: 0!important
    }
    .adv-section marquee img {
        height: 110px;
        margin: 0 15px;
        width: 200px
    }
    .change-password-section.login-message-section .modal-dialog .modal-content {
        text-align: center;
        border: none;
        background-image: url(../images/img/login-modal.webp);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-position: center
    }
    .change-password-section.login-message-section .modal-dialog .modal-content .overlay {
        background: #0000008c;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
    .change-password-section.login-message-section .modal-body .description {
        color: #fff;
        font-size: 12px;
        margin: 0 0 20px;
        line-height: 21px
    }
    .change-password-section.login-message-section .modal-dialog {
        width: 583px;
        max-width: 583px
    }
    .change-password-section.login-message-section .modal-content .modal-body .btn {
        width: 40%
    }
    .color-black {
        background-color: #000;
        padding: 43px 0;
        margin-top: 69px
    }
    #headline {
        font-weight: 400;
        letter-spacing: .125rem;
        text-transform: uppercase
    }
    #countdown ul li {
        display: inline-block;
        font-size: 22px;
        list-style-type: none;
        padding: 0 3px;
        text-transform: uppercase;
        justify-content: center
    }
    #countdown ul li .span-first-counter {
        border: 1px solid #ffffff21;
        margin: 0 5px 3px 5px;
        font-weight: 500;
        text-shadow: 1px 2px #000;
        background: #fdf6fa36;
        color: #fff;
        width: 100px;
        font-size: 40px;
        height: 61px;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .emoji {
        display: none;
        padding: 1rem
    }
    .emoji .span-first-counter {
        font-size: 4rem;
        padding: 0 .5rem
    }
    .days-span {
        color: #fff;
        text-align: center;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-shadow: 0 0 #000
    }
    #countdown {
        margin: 32px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .remainder-hrading h2 {
        text-align: center;
        color: #fff;
        margin-top: 15x
    }
    .color-black {
        background-color: #000;
        padding: 43px 0
    }
    .image-of-profile {
        background: #fff;
        border-radius: 72%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 190px;
        height: 190px
    }
    .image-of-profile img {
        height: 190px;
        object-fit: contain;
        border: 9px solid #b1b1b121;
        width: 190px;
        border-radius: 83%;
        position: absolute;
        background: #fff;
        bottom: 64px;
        box-shadow: 0 4px 8px 0 rgb(255 220 226 / 38%);
        transition: .3s
    }
    .profile-names .name-texts {
        color: #e9038d;
        font-size: 30px;
        font-weight: 500;
        padding-bottom: 17px
    }
    .profile-information {
        width: 100%;
        background: #fff;
        box-shadow: 0 4px 8px 0 rgb(225 225 225);
        transition: .3s
    }
    .profile-information {
        margin: 100px 0
    }
    .background-images-pro img {
        width: 100%;
        height: 255px;
        object-fit: cover;
        object-position: top;
        background: #7fffd4;
        opacity: .5
    }
    .profile-names {
        width: 60%;
        padding-top: 32px
    }
    .profile-names p {
        margin-bottom: 0
    }
    .image-of-profile {
        width: 40%;
        position: relative
    }
    .information-text {
        display: flex;
        border-top: 5px solid #e9038d
    }
    .changes-passwords span .fa,
    .members-texts span .fa {
        color: #605c5f61
    }
    .changes-passwords span:nth-child(2),
    .members-texts span:nth-child(2) {
        padding-left: 10px
    }
    .my-profile-sections {
        margin: 100px 0
    }
    .countdown-day {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 173px
    }
    .countdown-day p:nth-child(1) {
        margin-bottom: 0;
        font-size: 32px;
        color: #fff
    }
    .countdown-day p:nth-child(2) {
        margin-bottom: 0;
        padding-left: 5px;
        font-size: 32px;
        color: #fff
    }
    .couples-weds-name h2 {
        position: relative;
        margin: 0;
        font-size: 2em;
        font-weight: 900;
        color: #000;
        overflow: hidden
    }
    .couples-weds-name h2 span {
        color: #ff022c
    }
    .wedding-couples-name-section {
        background: #ffd5dd2e;
        DISPLAY: flex;
        justify-content: center;
        align-items: center
    }
    .couples-weds-name1 h2 {
        position: relative;
        -webkit-box-reflect: below -12px linear-gradient(transparent, rgb(251 0 0 / 8%));
        font-family: Estonia, cursive
    }
    .couples-weds-name1 span {
        position: relative;
        display: inline-block;
        color: #e9038d;
        font-size: 67PX;
        text-transform: uppercase;
        animation: animate 2s ease-in-out infinite;
        animation-delay: calc(.1s * var(--i))
    }
    @keyframes animate {
        0% {
            transform: translateY(0)
        }
        20% {
            transform: translateY(-20px)
        }
        100%,
        40% {
            transform: translateY(0)
        }
    }
    .couples-weds-name2 h2 {
        font-size: 93px;
        color: #fff;
        position: relative;
        -webkit-box-reflect: below -12 px linear-gradient(transparent, rgb(251 0 0 / 8%));
        font-family: Estonia, cursive
    }
    .couples-weds-name2 span {
        position: relative;
        display: inline-block;
        color: #fff;
        font-size: 127PX;
        animation: animate 2s ease-in-out infinite;
        animation-delay: calc(.1s * var(--i))
    }
    .color-bg {
        background: #e9038d24;
        border-bottom: 2 px solid #f6018970
    }
    .couples-weds-name2 {
        height: 216px;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media screen and (min-width:993px) and (max-width:1200px) {
    /* loader  */
    .preloader .Loader {
        position: fixed;
        margin: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        background-color: white;
        z-index: 999;
    }
    .preloader .Loader h1 {
        color: black;
        font-size: 1.5em;
        animation: fading 2.5s ease-in-out infinite;
    }
    .preloader .Loader p {
        color: white;
        opacity: 80%;
        font-size: 0.8em;
    }
    .preloader .Loader-box {
        margin: 10px;
        flex: 0 0 auto;
        height: 50px;
        width: 50px;
    }
    .preloader .Loader-box .box {
        position: absolute;
        height: 50px;
        width: 50px;
        animation: rotating 2s ease-in infinite;
        animation-delay: calc(var(--id) * .2s);
    }
    .preloader .Loader-box .box .dot {
        background-color: black;
        height: 6px;
        width: 6px;
        border-radius: 100%;
    }
    @keyframes rotating {
        0% {
            opacity: 0;
            transform: rotateZ(0);
        }
        25% {
            opacity: 100%;
            transform: rotateZ(160deg);
        }
        75% {
            opacity: 200%;
            opacity: 100;
        }
        80% {
            transform: rotateZ(300deg);
            opacity: 100;
        }
        100% {
            transform: rotateZ(350deg);
            opacity: 0;
        }
    }
    @keyframes fading {
        0% {
            opacity: 40%;
        }
        50% {
            opacity: 90%;
        }
        100% {
            opacity: 40%;
        }
    }
    /* loader end */
    /* dashboard loader  */
    .dashboard-loader {
        position: relative;
        padding: 10px 20px;
        animation: loader 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
        color: white;
    }
    @keyframes loader {
        0% {
            letter-spacing: -1px;
        }
        100% {
            letter-spacing: 15px;
        }
    }
    .dashboard-loader::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        transform: skewX(-15deg);
        background-color: #f3b8d0;
    }
    .dashboard-loader .banner-left,
    .dashboard-loader .banner-right {
        width: 60px;
        height: 100%;
        position: absolute;
        z-index: -2;
        bottom: -30%;
        transform: skewX(-15deg);
        background-color: #b60965bf;
    }
    .dashboard-loader .banner-left {
        animation: sub-banner-left 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
    }
    @keyframes sub-banner-left {
        0% {
            right: 82%;
        }
        100% {
            right: 90%;
        }
    }
    .dashboard-loader .banner-right {
        animation: sub-banner-right 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
    }
    @keyframes sub-banner-right {
        0% {
            left: 82%;
        }
        100% {
            left: 90%;
        }
    }
    .dashboard-loader .banner-left::before,
    .dashboard-loader .banner-right::before {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -1px;
        border: 22px solid;
        border-color: transparent;
    }
    .dashboard-loader .banner-left::before {
        left: -1px;
        border-left-color: #ffffff;
    }
    .dashboard-loader .banner-right::before {
        right: -1px;
        border-right-color: #ffffff;
    }
    .dashboard-preloader {
        position: fixed;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* dashboard loader  end*/
    .process-arrow img {
        width: 85px;
        height: 14px;
        object-fit: contain
    }
    .dashrow .dashcol .main-iconlogo {
        width: 85px;
        height: 85px;
        font-size: 26px
    }
    .dashcol h4 {
        font-size: 25px
    }
    .single-services table {
        font-size: 16px
    }
    .dashborad-card-border {
        border: 1px dashed #bbb;
        border-radius: 0 0 0 20px;
        min-height: 415px;
        padding: 47px 0
    }
    .budget-board table th {
        padding: 8px 15px
    }
    .wedding-budget-event {
        width: 25%
    }
    .budget-board table td {
        padding: 10px 15px
    }
    .budget-board .card-body h3 {
        font-size: 18px
    }
    .budget-board .card-body p {
        font-size: 14px
    }
    .db-nav-list .navbar-nav .nav-item .nav-link {
        padding: 16px 10px
    }
    .price-table .price-head {
        padding: 25px 0
    }
    .upload-gallery-images h3 {
        font-size: 16px
    }
    .budget-board .table {
        font-size: 12px
    }
    button.btn {
        font-size: 16px;
        font-weight: 300
    }
    .upload-gallery-images .remove {
        display: block;
        background: #183240;
        border: 1px solid #000;
        color: #fff;
        text-align: center;
        cursor: pointer;
        font-size: 12px;
        padding: 0 15px
    }
    .add-venue-title h3 {
        color: #fff;
        background-color: #e9038d;
        border-color: #e9038d;
        padding: 6px 15px;
        border-radius: 7px;
        font-size: 16px
    }
    .dashboard-sidebar .vendor-user-profile .vendor-profile-img img {
        width: 60px;
        height: 65px;
        object-fit: contain;
        background: #fff
    }
    .dashboard-tabled-img img {
        height: 30px;
        object-fit: contain
    }
    .dashboard-sidebar {
        width: 235px
    }
    .dashboard-header .header-logo {
        line-height: 4;
        padding-top: 0;
        height: 100%;
        display: flex;
        align-items: center
    }
    .trusted-partner .client-logo img {
        height: 100px;
        width: 100%;
        object-fit: contain
    }
    .what-we-do-div .service-img img {
        height: 200px
    }
    .what-we-do-div .service-title {
        font-size: 20px
    }
    .what-we-do-div p {
        font-size: 14px
    }
    .what-we-do-div a.btn {
        font-size: 16px
    }
    .who-we-are-div .lead {
        font-size: 18px
    }
    .who-we-are-div p {
        margin: 0 0 15px 0;
        font-size: 14px
    }
    .testimonial-block {
        min-height: 533px
    }
    .testimonial-block .testimonial-text {
        min-height: 120px
    }
    .testimonial-pic img {
        width: 80px;
        height: 80px;
        object-fit: cover
    }
    .process-block .inner-box {
        padding: 0!important;
        height: 365px
    }
    .process-section-step .circle-xxxl {
        height: 130px;
        width: 130px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0!important
    }
    .process-section-step .circle-xxxl .icon-5x {
        font-size: 45px
    }
    .process-section-step .circle-xxxl .circle-lg {
        height: 40px;
        width: 40px;
        line-height: 40px
    }
    .process-section-step .process-arrow {
        position: absolute;
        top: 92px;
        right: -28px
    }
    .logo-link img {
        height: 65px;
        width: auto;
        object-fit: cover
    }
    .banner-div {
        position: relative
    }
    .banner-div svg {
        position: absolute;
        bottom: -2px;
        left: 0;
        z-index: 1
    }
    .banner-div svg path {
        fill: #fdf6fa
    }
    .banner-slider img {
        width: 100%;
        height: calc(100vh - 760px);
        opacity: 1!important;
        animation-duration: 3s;
        transition: all 1s ease;
        object-fit: cover
    }
    .banner-slider [data-animation-in] {
        opacity: 0;
        animation-duration: 6s;
        transition: opacity .5s ease .3s!important;
        transition: 1s
    }
    @keyframes zoomInImage {
        from {
            transform: scale3d(1, 1, 1);
            transition: 1s
        }
        to {
            transform: scale3d(1.1, 1.1, 1.1);
            transition: 1s
        }
    }
    .zoomInImage {
        animation-name: zoomInImage
    }
    .banner-slider .slide .slide__content {
        position: absolute;
        top: 35%;
        transform: translateY(-35%) translateX(-50%);
        left: 50%;
        z-index: 9999999
    }
    .banner-slider .slide .slide__content .search-head {
        margin-bottom: 0;
        padding: 0
    }
    .banner-slider .slide .slide__img {
        position: relative
    }
    .banner-slider .slide .slide__img .overlay {
        position: absolute;
        background: #00000061;
        width: 100%;
        height: 100%;
        top: 0
    }
    .category-div .venue-categories-img img {
        height: 175px;
        object-fit: cover;
        width: 100%
    }
    .category-div .venue-categories-img .venue-categories-overlay h3 {
        font-weight: 500;
        font-size: 16px
    }
    .category-div .venue-categories-img .overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #0000008c 20%, transparent 40%)
    }
    .gallery-div .image-gallery img {
        max-width: 100%;
        height: 175px;
        width: 100%;
        object-fit: cover
    }
    .gallery-div .image-gallery {
        margin-bottom: 30px;
        position: relative;
        box-shadow: rgb(0 0 0 / 15%) 0 1px 5px 0;
        padding: 15px;
        margin-right: 20px;
        background: #fff
    }
    .gallery-div .image-gallery i {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        font-size: 34px;
        color: #000;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: #ffc125;
        text-align: center;
        transform: translate(-50%, -50%) scale(0);
        transition: transform .3s 0s cubic-bezier(.175, .885, .32, 1.275)
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item img {
        width: 100%;
        height: 70vh;
        object-fit: contain
    }
    .ekko-lightbox.show {
        overflow: hidden!important;
        height: calc(115vh - 130px)!important
    }
    .ekko-lightbox .modal-dialog {
        min-width: 50%!important;
        max-width: 50%!important;
        min-height: 100vh!important;
        max-height: 100vh!important
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container {
        height: 70vh!important;
        position: relative;
        display: flex;
        justify-content: center
    }
    .ekko-lightbox .modal-dialog .modal-body {
        padding: 50px
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item img {
        width: 100%;
        height: 70vh;
        object-fit: contain
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item {
        position: absolute
    }
    .ekko-lightbox {
        padding-right: 0!important
    }
    .ekko-lightbox .modal-dialog .modal-content .modal-header {
        display: none!important
    }
    .ekko-lightbox .modal-dialog .modal-content {
        border-radius: 15px
    }
    .ekko-lightbox .modal-dialog {
        margin-top: 130px
    }
    .ekko-lightbox .modal-dialog .modal-content .modal-header .modal-title {
        display: none
    }
    .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-nav-overlay a span {
        font-size: 20px;
        color: #000
    }
    .slide__content {
        position: absolute!important;
        top: 50%;
        z-index: 99999999999999999;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 85%
    }
    .slide__content .search-head-title {
        color: #e9038d;
        font-size: 30px
    }
    .slide__content .nice-select .list {
        max-height: 165px;
        overflow-y: scroll
    }
    .nice-select {
        width: 100%!important
    }
    .gallery-loaction p {
        margin-top: 10px;
        font-size: 15px;
        text-align: center;
        color: #4a4a4a
    }
    .wedding-planning-bgimg {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative
    }
    .wedding-planning-bgimg .wedding-planning-section {
        background-color: #00000091!important;
        color: #fff;
        padding-bottom: 150px;
        padding-top: 70px
    }
    .wedding-planning-bgimg .wedding-planning-section .section-title h2 {
        color: #fff
    }
    .wedding-planning-bgimg .wedding-planning-section .feature-icon-block .feature-content h3 {
        color: #fff
    }
    .wedding-planning-bgimg .wedding-planning-section .feature-icon-block .feature-icon i {
        color: #fff
    }
    .wedding-planning-bgimg svg {
        position: absolute;
        bottom: -68px;
        left: 0
    }
    .wedding-planning-bgimg svg path {
        fill: #fdf6fa
    }
    .process-section-step .section-title {
        margin-bottom: 100px
    }
    .sectionbgimg {
        background-repeat: no-repeat;
        background-position: -4% 1%;
        margin-top: -100px;
        position: relative;
        z-index: 99
    }
    .sectionbgimg-right {
        background-repeat: no-repeat;
        background-position: 105% -561%
    }
    .vendor-mt-heading {
        margin-top: 40px
    }
    .dashboard-content-cont {
        width: 1000px;
        position: relative;
        display: flex;
        justify-content: space-between
    }
    .dashboard-content-cont .card {
        position: relative;
        cursor: pointer
    }
    .dashboard-content-cont .card .face {
        width: 300px;
        height: 200px;
        transition: .5s
    }
    .dashboard-content-cont .card .face.face1 {
        position: relative;
        background: #333;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        transform: translateY(100px)
    }
    .dashboard-content-cont .card:hover .face.face1 {
        background: #ff0057;
        transform: translateY(0)
    }
    .dashboard-content-cont .card .face.face1 .content {
        opacity: .2;
        transition: .5s
    }
    .dashboard-content-cont .card:hover .face.face1 .content {
        opacity: 1
    }
    .dashboard-content-cont .card .face.face1 .content img {
        max-width: 100px
    }
    .dashboard-content-cont .card .face.face1 .content h3 {
        margin: 10px 0 0;
        padding: 0;
        color: #fff;
        text-align: center;
        font-size: 1.5em
    }
    .dashboard-content-cont .card .face.face2 {
        position: relative;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        box-sizing: border-box;
        box-shadow: 0 20px 50px rgba(0, 0, 0, .8);
        transform: translateY(-100px)
    }
    .dashboard-content-cont .card:hover .face.face2 {
        transform: translateY(0)
    }
    .dashboard-content-cont .card .face.face2 .content p {
        margin: 0;
        padding: 0
    }
    .dashboard-content-cont .card .face.face2 .content a:hover {
        background: #333;
        color: #fff
    }
    .signup-signin-section .nice-select ul {
        max-height: 210px;
        overflow-y: scroll
    }
    .vendor-login-section {
        background-repeat: no-repeat;
        background-position: -4% 1%;
        position: relative
    }
    .vendor-new-bg {
        min-height: 100vh
    }
    .change-password-section .show-modal {
        color: #fff;
        background: linear-gradient(to right, #33a3ff, #0675cf, #49a6fd);
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
        padding: 10px 15px;
        margin: 200px auto 0;
        border: none;
        outline: 0;
        box-shadow: 0 0 20px rgba(0, 0, 0, .1);
        display: block;
        transition: all .3s ease 0s
    }
    .change-password-section .show-modal:focus,
    .change-password-section .show-modal:hover {
        color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        outline: 0
    }
    .change-password-section .modal-dialog {
        width: 400px;
        margin: 150px auto 0
    }
    .change-password-section .modal-dialog {
        transform: scale(.5)
    }
    .change-password-section .modal-dialog {
        transform: scale(1)
    }
    .change-password-section .modal-dialog .modal-content {
        text-align: center;
        border: none;
        background-image: url(https://c0.wallpaperflare.com/preview/491/618/554/indian-wedding-bride-marriage-gown.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative
    }
    .change-password-section .modal-dialog .modal-content .overlay {
        background: #00000061;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
    .change-password-section .modal-content .close {
        color: #fff;
        background: linear-gradient(to right, #e60132, #eb002c, #7d1726);
        font-size: 25px;
        font-weight: 400;
        text-shadow: none;
        line-height: 27px;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        overflow: hidden;
        opacity: 1;
        position: absolute;
        left: auto;
        right: 8px;
        top: 8px;
        z-index: 1;
        transition: all .3s
    }
    .change-password-section .modal-content .close:hover {
        color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, .5)
    }
    .change-password-section .close:focus {
        outline: 0
    }
    .change-password-section .modal-body {
        padding: 60px 40px 40px!important
    }
    .change-password-section .modal-body .title {
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 1px;
        margin: 0 0 35px
    }
    .change-password-section .modal-body .description {
        color: #fff;
        font-size: 16px;
        margin: 0 0 20px
    }
    .change-password-section .modal-body .form-group {
        text-align: left;
        margin-bottom: 20px;
        position: relative
    }
    .change-password-section .modal-body .input-icon {
        color: #777;
        font-size: 18px;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        left: 20px
    }
    .change-password-section .modal-body .form-control {
        font-size: 17px;
        height: 45px;
        width: 100%;
        padding: 6px 0 6px 50px;
        margin: 0 auto;
        border: 2px solid #eee;
        border-radius: 5px;
        box-shadow: none;
        outline: 0
    }
    .change-password-section .form-control::placeholder {
        color: #aeafb1
    }
    .change-password-section .modal-content .modal-body .btn {
        color: #fff;
        background: linear-gradient(to right, #e60132, #eb002c, #7d1726);
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 38px;
        width: 100%;
        height: 40px;
        padding: 0;
        border: none;
        border-radius: 5px;
        border: none;
        display: inline-block;
        transition: all .6s ease 0s
    }
    .change-password-section .modal-content .modal-body .btn:hover {
        color: #fff;
        letter-spacing: 2px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .5)
    }
    .change-password-section .modal-content .modal-body .btn:focus {
        outline: 0
    }
    .profile-names p.changes-passwords {
        cursor: pointer
    }
    .dashboard-nav ul li a:hover {
        background: #cf919c;
        color: #fff;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px
    }
    .animate-charcter {
        background-image: linear-gradient(-225deg, #231557 0, #d9a94d 29%, #e952a6 67%, #5e96b4 100%);
        background-size: auto auto;
        background-clip: border-box;
        background-size: 200% auto;
        color: #fff;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: textclip 2s linear infinite;
        display: inline-block;
        font-size: 40px;
        height: 68px;
        display: flex;
        align-items: center;
        margin-left: 15px;
        font-weight: 600
    }
    @keyframes textclip {
        to {
            background-position: 200% center
        }
    }
    .hello-title h3 {
        text-align: center;
        font-size: 40px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        color: #3c3c3c;
        margin-bottom: 6px
    }
    .hello-title p {
        color: #000;
        font-size: 20px;
        margin-bottom: 60px
    }
    .feature.height-equal {
        min-height: 462px;
        font-size: 16px
    }
    .feature.height-equal .card-body {
        padding: 30px 20px
    }
    .feature.height-equal .circle-xl {
        height: 80px;
        width: 80px;
        line-height: 80px;
        padding: 0
    }
    .feature.height-equal .circle-xl i {
        font-size: 30px
    }
    .feature.height-equal .feature-icon h3 {
        font-size: 18px
    }
    .feature.height-equal .feature-icon ul li {
        font-size: 14px
    }
    .background-images-pro.new-bannerimg img {
        width: 100%;
        height: 290px;
        object-fit: cover;
        object-position: top;
        background: #7fffd4;
        opacity: .5
    }
    .table.table-list thead.thead-light th {
        color: #495057;
        background-color: #e5c3e7!important;
        border-color: #e5c3e7!important;
        padding: 15px 20px
    }
    .todo-thead {
        color: #495057!important;
        background-color: #e5c3e7!important;
        border-color: #e5c3e7!important;
        padding: 10px 12px;
        line-height: 2;
        font-size: 12px
    }
    .todo-list ul li {
        padding: 10px 12px;
        border-bottom: 1px solid #ebe7e7;
        line-height: 2
    }
    .my-profile-sections .nav-bggradient {
        height: 100%;
        background: linear-gradient(114deg, #ddd6f3, #faaca8)
    }
    .my-profile-sections .nav-pills .nav-link.active,
    .my-profile-sections .nav-pills .show>.nav-link {
        background-color: #cf919c!important;
        color: #fff!important;
        font-weight: 600;
        letter-spacing: 1px
    }
    .my-profile-sections .card-header-bgcolor {
        background-image: linear-gradient(173deg, #fff, #fd9193);
        border-bottom: 0
    }
    .vendor-descript-section .venue-header {
        position: relative
    }
    .vendor-descript-section .venue-head {
        position: absolute;
        bottom: 40px;
        width: 100%
    }
    .vendor-descript-section .venue-head h1 {
        font-size: 42px;
        color: #fff;
        margin-bottom: 10px
    }
    .vendor-descript-section .venue-head .title {
        border-bottom: 1px solid #504849;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
    .vendor-descript-section .venue-head .location {
        color: #fff
    }
    .vendor-descript-section .venue-head .location i {
        padding-right: 10px
    }
    .vendor-descript-section .rating-box,
    .vendor-descript-section .venue-action {
        margin-bottom: 20px
    }
    .vendor-descript-section .venue-action {
        text-align: right
    }
    .vendor-descript-section .label-primary {
        background-color: #00aeaf;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        padding: 4px 8px;
        border-radius: 2px;
        font-weight: 700
    }
    .vendor-descript-section .label-primary[href]:focus,
    .vendor-descript-section .label-primary[href]:hover {
        background-color: #f9a630;
        color: #fff
    }
    .vendor-descript-section .address {
        margin-bottom: 0
    }
    .vendor-descript-section .address i {
        padding-right: 10px
    }
    .vendor-descript-section .venue-amenities ul li.list-group-item {
        border: 1px solid #e9e6e0
    }
    .vendor-descript-section .rating {
        margin: 0
    }
    .vendor-descript-section .rating i {
        color: #ffc513
    }
    .vendor-descript-section .side-box {
        background-color: #fff;
        padding: 28px;
        border: 1px solid #e9e6e0;
        margin-bottom: 30px
    }
    .vendor-descript-section .page-sidebar .venue-info {
        background-color: #fff;
        margin-bottom: 30px;
        border: 1px solid #e9e6e0
    }
    .vendor-descript-section .customer-review,
    .vendor-descript-section .review {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .vendor-descript-section .customer-review h1 {
        margin-bottom: 30px;
        border-bottom: 1px solid #e9e6e0;
        padding-bottom: 30px
    }
    .vendor-descript-section .review-list .arrow:after,
    .vendor-descript-section .review-list .arrow:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent
    }
    .vendor-descript-section .review-list .panel.arrow.left:after,
    .vendor-descript-section .review-list .panel.arrow.left:before {
        border-left: 0
    }
    .vendor-descript-section .review-list .panel.arrow.left:before {
        left: -15px;
        top: 30px;
        border-right-color: inherit;
        border-width: 16px
    }
    .vendor-descript-section .review-list .panel.arrow.left:after {
        left: -14px;
        top: 31px;
        border-right-color: #fff;
        border-width: 15px
    }
    .vendor-descript-section .review-list .panel.arrow.right:before {
        right: -16px;
        top: 30px;
        border-left-color: inherit;
        border-width: 16px
    }
    .vendor-descript-section .review-list .panel.arrow.right:after {
        right: -14px;
        top: 31px;
        border-left-color: #fff;
        border-width: 15px
    }
    .vendor-descript-section .review-post {
        margin-top: 10px
    }
    .vendor-descript-section .review-list .review-post {
        margin-top: 20px
    }
    .vendor-descript-section .profile-userpic img,
    .vendor-descript-section .user-pic img {
        border: 4px solid #e9e6e0;
        border-radius: 100%;
        width: 240px;
        height: 55px;
        object-fit: contain
    }
    .vendor-descript-section .profile-sidebar .profile-userpic img {
        height: 153px;
        width: 135px
    }
    .vendor-descript-section .review-list .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 0;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .05);
        box-shadow: 0 0 0 rgba(0, 0, 0, .05)
    }
    .vendor-descript-section .review-list .panel-default {
        border-color: #e9e6e0
    }
    .vendor-descript-section .review-list .panel-body {
        padding: 30px
    }
    .vendor-descript-section .review-list h3 {
        margin-bottom: 10px
    }
    .vendor-descript-section .rating-group {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .vendor-descript-section .vendor-des-mt {
        margin-top: 55px
    }
    .vendor-descript-section .tabbed-page .capacity {
        border-right: 1px solid #e9e6e0
    }
    .vendor-descript-section .capacity,
    .vendor-descript-section .pricebox {
        width: 50%;
        float: left;
        padding: 15px 20px;
        font-size: 12px
    }
    .vendor-descript-section .venue-info {
        background-color: #fcfbf9;
        border-top: 1px solid #e9e6e0;
        height: 84px;
        font-family: Montserrat, sans-serif;
        text-transform: uppercase;
        font-weight: 700
    }
    .vendor-descript-section .cap-people,
    .vendor-descript-section .price {
        font-size: 18px;
        letter-spacing: -1px;
        color: #3c3634;
        display: block;
        margin: 0;
        line-height: inherit
    }
    .vendor-descript-section p,
    .vendor-descript-section ul li {
        color: #252328;
        font-size: 15px
    }
    .vendor-descript-section h1,
    .vendor-descript-section h2 {
        font-size: 25px
    }
    .vendor-descript-section .profile-userpic {
        text-align: center;
        width: 154px;
        margin-right: auto;
        margin-left: auto
    }
    .vendor-descript-section .profile-sidebar .profile-usertitle {
        margin-top: 30px
    }
    .vendor-descript-section .fab,
    .vendor-descript-section .fas {
        color: #e9038d;
        padding-right: 10px
    }
    .vendor-descript-section .profile-usertitle-name {
        text-align: center
    }
    .vendor-descript-section .profile-address,
    .vendor-descript-section .profile-email,
    .vendor-descript-section .profile-website {
        margin-bottom: 10px
    }
    .vendor-descript-section ul.follow-icon {
        margin-bottom: 0
    }
    .vendor-descript-section ul.follow-icon li {
        padding-right: 10px;
        display: inline
    }
    .vendor-descript-section ul.follow-icon li a {
        font-size: 32px
    }
    .vendor-descript-section .rating-group .radio {
        display: flex;
        align-items: center
    }
    .vendor-descript-section .rating-group .radio:not(:first-child) {
        margin-left: 20px
    }
    .vendor-descript-section .rating-group {
        display: flex;
        align-items: center
    }
    .vendor-descript-section .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px
    }
    .vendor-descript-section .radio label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        top: 6px;
        margin-left: -20px;
        border: 1px solid #e0dcd1;
        border-radius: 50%;
        background-color: #faf9f5;
        -webkit-transition: border .15s ease-in-out;
        -o-transition: border .15s ease-in-out;
        transition: border .15s ease-in-out
    }
    .vendor-descript-section .radio label::after {
        display: inline-block;
        position: absolute;
        content: " ";
        width: 11px;
        height: 11px;
        left: 3px;
        top: 9px;
        margin-left: -20px;
        border-radius: 50%;
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
        -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33)
    }
    .vendor-descript-section .radio input[type=radio] {
        opacity: 0;
        z-index: 1
    }
    .vendor-descript-section .radio input[type=radio]:checked+label::after {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    .vendor-descript-section .radio input[type=radio]:disabled+label {
        opacity: .65
    }
    .vendor-descript-section .radio input[type=radio]:disabled+label::before {
        cursor: not-allowed
    }
    .vendor-descript-section .radio.radio-inline {
        margin-top: 0
    }
    .vendor-descript-section .radio-primary input[type=radio]+label::after {
        background-color: #337ab7
    }
    .vendor-descript-section .radio-primary input[type=radio]:checked+label::before {
        border-color: #337ab7
    }
    .vendor-descript-section .radio-primary input[type=radio]:checked+label::after {
        background-color: #337ab7
    }
    .vendor-descript-section .radio-danger input[type=radio]+label::after {
        background-color: #d9534f
    }
    .vendor-descript-section .radio-danger input[type=radio]:checked+label::before {
        border-color: #d9534f
    }
    .vendor-descript-section .radio-danger input[type=radio]:checked+label::after {
        background-color: #d9534f
    }
    .vendor-descript-section .radio-info input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-info input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-info input[type=radio]:checked+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]:checked+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]:checked+label::after {
        background-color: #e9038d!important;
        outline: 0;
        border: 0;
        background: 0 0
    }
    .edit-guest-div {
        display: none
    }
    .budget-checkbox .custom-control-label::before {
        top: -12px
    }
    .budget-checkbox .custom-control-label::after {
        top: -12px
    }
    .nice-select ul {
        max-height: 250px;
        overflow-y: scroll!important;
        width: 100%
    }
    .all-vendor-listdiv .venue-categories-img img {
        height: 190px;
        width: 100%;
        object-fit: cover
    }
    .gallery-addimg-modal button.close {
        font-size: 30px;
        opacity: 1;
        font-weight: 600;
        line-height: 1;
        color: #fff
    }
    .gallery-addimg-modal button.close:hover {
        color: #ff7b7b!important;
        opacity: 1!important
    }
    .gallery-addimg-modal .modal-header {
        align-items: center;
        color: #fff;
        background-color: #e9038d;
        border-color: #e9038d
    }
    .gallery-addimg-modal .modal-header h5 {
        color: #fff;
        font-size: 18px;
        text-transform: capitalize
    }
    .gallery-addimg-modal .modal-body {
        margin: 22px 0
    }
    .gallery-addimg-modal .modal-dialog {
        height: 100vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 276px;
        max-width: 700px
    }
    .img-del-icon {
        position: relative
    }
    .img-del-icon button.close {
        position: absolute;
        top: -10px;
        right: -10px;
        background: #0000009e;
        color: #fff;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 20px;
        font-weight: 500;
        border-radius: 50%
    }
    .img-del-icon button.close:hover {
        background-color: red!important;
        color: #fff!important
    }
    .checkoutform-div .payment-mode-div {
        display: flex;
        align-items: center
    }
    .checkoutform-div .payment-mode-div .custom-control {
        margin-right: 35px
    }
    .profile-reviews .rating-star {
        font-size: 10px!important
    }
    .profile-reviews .rated {
        color: #ffa912
    }
    .profile-reviews .rate-mute {
        color: #909090
    }
    .profile-reviews .avatar img {
        width: 100%;
        object-fit: cover;
        max-width: 100%;
        height: 100%;
        border: 0;
        border-radius: 50%;
        z-index: 1;
        box-shadow: 0 10px 18px 0 rgb(62 57 107 / 20%)
    }
    .profile-reviews span.avatar {
        position: relative;
        width: 36px;
        height: 36px;
        white-space: nowrap;
        cursor: pointer;
        display: inline-flex;
        font-size: .8rem;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
        color: #fff
    }
    .profile-reviews .td-widthdescrip {
        white-space: normal;
        max-width: 270px
    }
    .customer-review .review-list .review-user {
        color: #252328
    }
    .forgot-password-para {
        margin: 0!important
    }
    .forgot-password-para a {
        font-weight: 300!important
    }
    .forgot-password-para a:hover {
        font-weight: 400!important;
        text-decoration: underline!important
    }
    .forgot-password-div {
        display: none
    }
    .signup-signin-section.change-passowrd-section {
        overflow: hidden;
        box-shadow: none;
        border-radius: 0;
        background: 0 0
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div {
        position: relative;
        background: #fff;
        box-shadow: 0 5px 25px rgb(0 0 0 / 10%);
        overflow: hidden;
        width: 50%;
        margin: 0 auto
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div .user {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div .user .formBx {
        width: 100%;
        display: block
    }
    .signup-signin-section {
        position: relative;
        height: 850px;
        margin: 40px 0;
        background: #e9038d;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        overflow: hidden;
        box-shadow: 0 2px 8px #d3d3d3;
        border-radius: 7px
    }
    .signup-signin-section .usersignin-up-div {
        background: #fff;
        box-shadow: 0 15px 50px rgba(0, 0, 0, .1);
        overflow: hidden
    }
    .signup-signin-section .usersignin-up-div .user {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex
    }
    .signup-signin-section .usersignin-up-div .user .imgBx {
        position: relative;
        width: 50%;
        height: 100%;
        background: #ff0;
        transition: .5s
    }
    .signup-signin-section .usersignin-up-div .user .imgBx img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    .signup-signin-section .usersignin-up-div .user .formBx {
        position: relative;
        width: 50%;
        height: 100%;
        background: #fff;
        justify-content: center;
        align-items: center;
        padding: 40px;
        transition: .5s
    }
    .signup-signin-section .usersignin-up-div .user .formBx h2 {
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 2px;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
        color: #555
    }
    .signup-signin-section .usersignin-up-div .user .formBx input {
        position: relative;
        width: 100%;
        border: 1px solid #f1eaea!important;
        padding: 10px;
        background: 0 0;
        color: #333;
        border: none;
        outline: 0;
        box-shadow: none;
        margin: 8px 0;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 300
    }
    .signup-signin-section .usersignin-up-div .user .formBx button {
        width: 30%;
        background: #e9038d;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        border-radius: 10px;
        transition: .5s;
        border: 0;
        padding: 10px 0;
        margin: 30px 0 18px 0
    }
    .signup-signin-section .usersignin-up-div .user .formBx .signup {
        position: relative;
        margin-top: 10px;
        font-size: 12px;
        letter-spacing: 1px;
        color: #000;
        text-transform: uppercase;
        font-weight: 300
    }
    .signup-signin-section .usersignin-up-div .user .formBx .signup a {
        font-weight: 600;
        text-decoration: none;
        color: #000
    }
    .signup-signin-section .usersignin-up-div .signupBx {
        pointer-events: none
    }
    .signup-signin-section .usersignin-up-div .signinBx {
        pointer-events: initial
    }
    .signup-signin-section .active .signupBx {
        pointer-events: initial
    }
    .signup-signin-section .active .signinBx {
        pointer-events: none
    }
    .signup-signin-section .usersignin-up-div .signupBx .formBx {
        left: 100%
    }
    .signup-signin-section .active .signupBx .formBx {
        left: 0
    }
    .signup-signin-section .usersignin-up-div .signupBx .imgBx {
        left: -100%
    }
    .signup-signin-section .active .signupBx .imgBx {
        left: 0
    }
    .signup-signin-section .usersignin-up-div .signinBx .formBx {
        left: 0
    }
    .signup-signin-section .active .signinBx .formBx {
        left: 100%
    }
    .signup-signin-section .usersignin-up-div .signinBx .imgBx {
        left: 0
    }
    .signup-signin-section .active .signinBx .imgBx {
        left: -100%
    }
    .usersignin-up-div .or-div {
        text-align: center;
        margin: 20px 0;
        position: relative
    }
    .usersignin-up-div .or-div:before {
        content: '';
        position: absolute;
        border-bottom: 1px solid #dadada;
        width: 45.3%;
        top: 14px;
        left: 0
    }
    .usersignin-up-div .or-div:after {
        content: '';
        position: absolute;
        border-bottom: 1px solid #dadada;
        width: 45.3%;
        top: 14px;
        right: 0
    }
    .usersignin-up-div .or-div span {
        background: #d7d7d7;
        padding: 10px;
        border-radius: 50%;
        color: #000;
        font-size: 12px
    }
    .usersignin-up-div .google-fb-login ul {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }
    .usersignin-up-div .google-fb-login ul li {
        vertical-align: middle;
        text-align: center;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        background-color: #e44120;
        list-style: none
    }
    .usersignin-up-div .google-fb-login ul li.fb {
        background-color: #4476b1
    }
    .usersignin-up-div .google-fb-login ul li a {
        color: #fff
    }
    .usersignin-up-div .google-fb-login ul li:not(:first-child) {
        margin-left: 10px
    }
    .signup-signin-section .nice-select {
        width: 100%;
        margin: 8px 0;
        color: #333;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 300
    }
    .signup-signin-section .nice-select:after {
        border-bottom: 2px solid #333;
        border-right: 2px solid #333
    }
    .budget-div .table thead.thead-light th {
        color: #495057;
        background-color: #f6f5f5!important;
        border-color: #f6f5f5!important;
        padding: 15px 15px
    }
    .checklist-div .custom-control-label::before {
        top: -12px
    }
    .checklist-div .custom-control-label::after {
        top: -12px
    }
    .dashboard-content .banner-img-div {
        width: 100%;
        height: 330px;
        background: linear-gradient(45deg, #728bbb, #ffd6dd);
        margin-bottom: 40px;
        position: relative
    }
    .dashboard-content .banner-img-div .banner-curve {
        position: absolute;
        bottom: -4px;
        left: -1px;
        width: 101%
    }
    .dashboard-content .banner-img-div .banner-curve svg path {
        fill: #fdf6fa
    }
    .dashboard-content .banner-img-div .overlay {
        position: absolute;
        background: #4a4a4a96;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .dashboard-content .banner-img-div .dashboard-page-header {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translateX(-50%) translateY(-45%);
        border: 0;
        margin: 0;
        width: 100%;
        text-align: center
    }
    .dashboard-page-title {
        font-family: Estonia, cursive;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 40px
    }
    td .dashboard-list-content h3 {
        font-size: 16px
    }
    .dashboard-page-header p {
        font-size: 14px
    }
    .dashboard-content .banner-img-div .dashboard-page-header h3 {
        font-weight: 500;
        margin-bottom: 22px;
        font-size: 45px;
        color: #fff;
        letter-spacing: 2px
    }
    .dashboard-content .banner-img-div .dashboard-page-header p {
        color: #252328;
        font-size: 20px;
        color: #fff
    }
    .dashboard-content .banner-img-div img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }
    .checklist-msg-div {
        display: flex;
        border: 1px solid #ffffff94;
        padding: 15px 15px;
        margin-bottom: 50px;
        background: #fff;
        border-radius: 10px
    }
    .checklist-msg-div .msg-icon i {
        color: #f5f503;
        font-size: 25px;
        margin-right: 12px
    }
    .checklist-msg-div .msg-content p:first-child {
        font-weight: 600;
        color: #252328;
        margin-bottom: 10px;
        font-size: 16px
    }
    .checklist-msg-div .msg-content p {
        color: #252328;
        font-size: 14px;
        line-height: 25px
    }
    .checklist-msg-div .msg-content button {
        background: 0 0;
        color: #345191;
        border: 1px solid #345191;
        width: 15%;
        padding: 5px 0;
        cursor: pointer
    }
    .circular-progress-div .circle_percent {
        font-size: 125px;
        width: 1em;
        height: 1em;
        position: relative;
        background: #eee;
        border-radius: 50%;
        overflow: hidden;
        display: inline-block;
        margin: 20px
    }
    .circular-progress-div .circle_inner {
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        height: 1em;
        clip: rect(0 1em 1em .5em)
    }
    .circular-progress-div .round_per {
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        height: 1em;
        background: #e4a6d2;
        clip: rect(0 1em 1em .5em);
        transform: rotate(180deg);
        transition: 1.05s
    }
    .circular-progress-div .percent_more .circle_inner {
        clip: rect(0 .5em 1em 0)
    }
    .circular-progress-div .percent_more:after {
        position: absolute;
        left: .5em;
        top: 0;
        right: 0;
        bottom: 0;
        background: #e4a6d2;
        content: ''
    }
    .circular-progress-div .circle_inbox {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background: #fff;
        z-index: 3;
        border-radius: 50%
    }
    .circular-progress-div .percent_text {
        position: absolute;
        font-size: 36px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3
    }
    .circular-progress-div .total-cost-div p {
        color: #d8a94c;
        font-weight: 600;
        font-size: 20px;
        line-height: 35px
    }
    .circular-progress-div .total-cost-div p.max-budget-linjk {
        color: #777;
        font-weight: 400;
        font-size: 14px;
        background: #eee;
        padding: 8px 25px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }
    .circular-progress-div .total-cost-div p.max-budget-linjk span {
        margin-left: 12px
    }
    .circular-progress-div {
        display: flex;
        align-items: center
    }
    .circular-progress-div.amount-paid-circular {
        margin-left: 60px
    }
    .circular-progress-div.amount-paid-circular .total-cost-div p {
        color: #61749f
    }
    .circular-dflex {
        display: flex;
        align-items: center
    }
    .circular-progress-row {
        margin-bottom: 50px
    }
    .budget-category-title {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .budget-category-title>span {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        font-size: 20px;
        margin: 0
    }
    .budget-category-title>span p {
        margin-right: 20px
    }
    .budget-board .accordion-card-header {
        background: #f6f5f5
    }
    .budget-category-title .accordion-card-title span {
        margin-top: 0
    }
    .day-form-div,
    .event-form-div {
        display: none
    }
    .my-profile-sections .nav-pills .nav-link.active,
    .my-profile-sections .nav-pills .show>.nav-link {
        color: #fff;
        background-color: #183240
    }
    .dashboard-content {
        margin-bottom: 60px;
        margin-left: 276px
    }
    .event-slide-panel {
        overflow-y: scroll
    }
    .budget-list-checkbox .custom-control-label::before {
        top: -14px
    }
    .budget-list-checkbox .custom-control-label::after {
        top: -14px
    }
    .budget-submit-btn {
        margin-left: auto!important;
        display: block;
        margin-right: 30px;
        margin-top: 50px!important;
        width: 16%
    }
    .swal2-container .swal2-confirm {
        color: #fff;
        background-color: #e9038d!important;
        border-color: #e9038d!important
    }
    .swal2-container .swal2-popup .swal2-styled:focus {
        box-shadow: none!important
    }
    .my-profile-user-section .nice-select,
    .my-profile-user-section .nice-select ul {
        width: 100%!important
    }
    .my-profile-user-section .nice-select ul {
        width: 100%;
        max-height: 200px;
        overflow-y: scroll
    }
    .nice-select.swal2-select {
        display: none!important
    }
    .add-task-slide {
        display: none
    }
    .signup-section {
        display: flex;
        justify-content: center
    }
    .signup-tab a {
        display: block;
        width: 50%
    }
    .signup-tab a.active {
        background: #e9038d;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        border-radius: 10px;
        transition: .5s;
        border: 0;
        padding: 3px 0
    }
    .signup-section .signup-tab {
        width: 70%;
        display: flex;
        justify-content: center;
        text-align: center;
        margin-bottom: 25px
    }
    .tab-users {
        display: none
    }
    .tab-users.active {
        display: block
    }
    .section-services {
        padding-bottom: 120px;
        font-family: Poppins, sans-serif;
        color: #fff
    }
    .section-services .header-section {
        margin-bottom: 35px
    }
    .section-services .header-section .title {
        position: relative;
        margin-bottom: 40px;
        padding-bottom: 25px;
        text-transform: uppercase;
        font-weight: 700
    }
    .section-services .header-section .title:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 140px;
        height: 1px;
        background-color: #f70037
    }
    .section-services .header-section .title:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 45px;
        height: 3px;
        background-color: #f70037
    }
    .section-services .header-section .title span {
        color: #f70037
    }
    .section-services .header-section .description {
        color: #6f6f71
    }
    .section-services .single-service {
        margin-top: 40px;
        background-image: linear-gradient(114deg, #ddd6f3, #faaca8);
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
        border-radius: 0 37px;
        min-height: 355px;
        position: relative
    }
    .section-services .single-service .part-1 {
        padding: 15px 40px 15px;
        border-bottom: 2px solid #1d1e23;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
    .section-services .single-service .part-1 i {
        font-size: 25px;
        color: #e62d99
    }
    .section-services .single-service .part-1 .title {
        font-size: 17px;
        font-weight: 700;
        letter-spacing: .02em;
        line-height: 1.8em;
        color: #fff;
        margin-left: 20px;
        margin-bottom: 0
    }
    .section-services .single-service .part-2 {
        padding: 30px 40px 40px
    }
    .section-services .single-service .part-2 .description {
        margin-bottom: 22px;
        color: #6f6f71;
        font-size: 14px;
        line-height: 1.8em
    }
    .section-services .single-service .part-2 a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        position: absolute;
        left: 12%;
        bottom: 7%;
        width: 100%
    }
    .section-services .single-service .part-2 a i {
        margin-right: 10px;
        color: #e62d99
    }
    .section-services .single-service table {
        width: 100%;
        color: #3e3e3e;
        font-size: 14px
    }
    .section-services .single-service table td:first-child {
        width: 90%
    }
    .margin-top-section0 {
        margin-top: 0!important
    }
    .adv-section marquee img {
        height: 100px;
        margin: 0 15px;
        width: 175px
    }
    .change-password-section.login-message-section .modal-dialog .modal-content {
        text-align: center;
        border: none;
        background-image: url(../images/img/login-modal.webp);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-position: center
    }
    .change-password-section.login-message-section .modal-dialog .modal-content .overlay {
        background: #0000008c;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
    .change-password-section.login-message-section .modal-body .description {
        color: #fff;
        font-size: 12px;
        margin: 0 0 20px;
        line-height: 21px
    }
    .change-password-section.login-message-section .modal-dialog {
        width: 583px;
        max-width: 583px
    }
    .change-password-section.login-message-section .modal-content .modal-body .btn {
        width: 40%
    }
    #headline {
        font-weight: 400;
        letter-spacing: .125rem;
        text-transform: uppercase
    }
    #countdown ul li {
        display: inline-block;
        font-size: 22px;
        list-style-type: none;
        padding: 0 3px;
        text-transform: uppercase;
        justify-content: center
    }
    #countdown ul li .span-first-counter {
        border: 1px solid #ffffff21;
        margin: 0 5px 3px 5px;
        font-weight: 500;
        text-shadow: 1px 2px #000;
        background: #fdf6fa36;
        color: #fff;
        width: 100px;
        font-size: 40px;
        height: 61px;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .emoji {
        display: none;
        padding: 1rem
    }
    .emoji .span-first-counter {
        font-size: 4rem;
        padding: 0 .5rem
    }
    .days-span {
        color: #fff;
        text-align: center;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-shadow: 0 0 #000
    }
    #countdown {
        margin: 32px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .remainder-hrading h2 {
        text-align: center;
        color: #fff;
        margin-top: 15x
    }
    .color-black {
        background-color: #000;
        padding: 43px 0
    }
    .image-of-profile {
        background: #fff;
        border-radius: 72%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 190px;
        height: 190px
    }
    .image-of-profile img {
        height: 190px;
        object-fit: contain;
        border: 9px solid #b1b1b121;
        width: 190px;
        border-radius: 83%;
        position: absolute;
        background: #fff;
        bottom: 64px;
        box-shadow: 0 4px 8px 0 rgb(255 220 226 / 38%);
        transition: .3s
    }
    .profile-names .name-texts {
        color: #e9038d;
        font-size: 30px;
        font-weight: 500;
        padding-bottom: 17px
    }
    .profile-information {
        width: 100%;
        background: #fff;
        box-shadow: 0 4px 8px 0 rgb(225 225 225);
        transition: .3s
    }
    .profile-information {
        margin: 100px 0
    }
    .background-images-pro img {
        width: 100%;
        height: 255px;
        object-fit: cover;
        background: #7fffd4;
        opacity: .5
    }
    .profile-names {
        width: 60%;
        padding-top: 32px
    }
    .profile-names p {
        margin-bottom: 0
    }
    .image-of-profile {
        width: 40%;
        position: relative
    }
    .information-text {
        display: flex;
        border-top: 5px solid #e9038d
    }
    .changes-passwords span .fa,
    .members-texts span .fa {
        color: #605c5f61
    }
    .changes-passwords span:nth-child(2),
    .members-texts span:nth-child(2) {
        padding-left: 10px
    }
    .my-profile-sections {
        margin: 100px 0
    }
    .countdown-day {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 173px
    }
    .countdown-day p:nth-child(1) {
        margin-bottom: 0;
        font-size: 32px;
        color: #fff
    }
    .countdown-day p:nth-child(2) {
        margin-bottom: 0;
        padding-left: 5px;
        font-size: 32px;
        color: #fff
    }
    .couples-weds-name h2 {
        position: relative;
        margin: 0;
        font-size: 2em;
        font-weight: 900;
        color: #000;
        overflow: hidden
    }
    .couples-weds-name h2 span {
        color: #ff022c
    }
    .wedding-couples-name-section {
        background: #ffd5dd2e;
        DISPLAY: flex;
        justify-content: center;
        align-items: center
    }
    .couples-weds-name1 h2 {
        position: relative;
        -webkit-box-reflect: below -12px linear-gradient(transparent, rgb(251 0 0 / 8%));
        font-family: Estonia, cursive
    }
    .couples-weds-name1 span {
        position: relative;
        display: inline-block;
        color: #e9038d;
        font-size: 67PX;
        text-transform: uppercase;
        animation: animate 2s ease-in-out infinite;
        animation-delay: calc(.1s * var(--i))
    }
    @keyframes animate {
        0% {
            transform: translateY(0)
        }
        20% {
            transform: translateY(-20px)
        }
        100%,
        40% {
            transform: translateY(0)
        }
    }
    .couples-weds-name2 h2 {
        font-size: 93px;
        color: #fff;
        position: relative;
        -webkit-box-reflect: below -12 px linear-gradient(transparent, rgb(251 0 0 / 8%));
        font-family: Estonia, cursive
    }
    .couples-weds-name2 span {
        position: relative;
        display: inline-block;
        color: #fff;
        font-size: 127PX;
        animation: animate 2s ease-in-out infinite;
        animation-delay: calc(.1s * var(--i))
    }
    .color-bg {
        background: #e9038d24
    }
    .couples-weds-name2 {
        height: 216px;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media screen and (min-width:768px) and (max-width:992px) {
    /* loader  */
    .preloader .Loader {
        position: fixed;
        margin: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        background-color: white;
        z-index: 999;
    }
    .preloader .Loader h1 {
        color: black;
        font-size: 1.5em;
        animation: fading 2.5s ease-in-out infinite;
    }
    .preloader .Loader p {
        color: white;
        opacity: 80%;
        font-size: 0.8em;
    }
    .preloader .Loader-box {
        margin: 10px;
        flex: 0 0 auto;
        height: 50px;
        width: 50px;
    }
    .preloader .Loader-box .box {
        position: absolute;
        height: 50px;
        width: 50px;
        animation: rotating 2s ease-in infinite;
        animation-delay: calc(var(--id) * .2s);
    }
    .preloader .Loader-box .box .dot {
        background-color: black;
        height: 6px;
        width: 6px;
        border-radius: 100%;
    }
    @keyframes rotating {
        0% {
            opacity: 0;
            transform: rotateZ(0);
        }
        25% {
            opacity: 100%;
            transform: rotateZ(160deg);
        }
        75% {
            opacity: 200%;
            opacity: 100;
        }
        80% {
            transform: rotateZ(300deg);
            opacity: 100;
        }
        100% {
            transform: rotateZ(350deg);
            opacity: 0;
        }
    }
    @keyframes fading {
        0% {
            opacity: 40%;
        }
        50% {
            opacity: 90%;
        }
        100% {
            opacity: 40%;
        }
    }
    /* loader end */
    /* dashboard loader  */
    .dashboard-loader {
        position: relative;
        padding: 10px 20px;
        animation: loader 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
        color: white;
    }
    @keyframes loader {
        0% {
            letter-spacing: -1px;
        }
        100% {
            letter-spacing: 15px;
        }
    }
    .dashboard-loader::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        transform: skewX(-15deg);
        background-color: #f3b8d0;
    }
    .dashboard-loader .banner-left,
    .dashboard-loader .banner-right {
        width: 60px;
        height: 100%;
        position: absolute;
        z-index: -2;
        bottom: -30%;
        transform: skewX(-15deg);
        background-color: #b60965bf;
    }
    .dashboard-loader .banner-left {
        animation: sub-banner-left 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
    }
    @keyframes sub-banner-left {
        0% {
            right: 82%;
        }
        100% {
            right: 90%;
        }
    }
    .dashboard-loader .banner-right {
        animation: sub-banner-right 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
    }
    @keyframes sub-banner-right {
        0% {
            left: 82%;
        }
        100% {
            left: 90%;
        }
    }
    .dashboard-loader .banner-left::before,
    .dashboard-loader .banner-right::before {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -1px;
        border: 22px solid;
        border-color: transparent;
    }
    .dashboard-loader .banner-left::before {
        left: -1px;
        border-left-color: #ffffff;
    }
    .dashboard-loader .banner-right::before {
        right: -1px;
        border-right-color: #ffffff;
    }
    .dashboard-preloader {
        position: fixed;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* dashboard loader  end*/
    .bride-summary .bride-name h3 {
        font-size: 40px;
        color: #fff;
        letter-spacing: 4px;
        font-family: 'Great Vibes', cursive
    }
    .mobile-navmenu-customcss {
        position: absolute;
        width: 112%;
        background: #fff;
        top: -45px;
        left: -41px;
        z-index: 99999;
        padding: 0 0 40px;
        height: 100vh;
        padding: 25px 0
    }
    .mobile-navmenu-closebtn {
        display: block;
        margin-left: auto;
        margin-right: 25px
    }
    .mobile-navmenu-closebtn i {
        margin: 0 5px;
        color: #e9038d
    }
    .mob-button-ml {
        margin-left: 21px
    }
    .price-table .price-head h4 {
        font-size: 25px
    }
    .price-table .price-head h2 {
        font-size: 20px
    }
    .price-table .price-button a {
        font-size: 15px
    }
    .price-table .price-content ul li {
        list-style: none;
        font-size: 15px;
        text-transform: uppercase;
        padding: 6px 0;
        color: #777;
        cursor: pointer;
        border-left: .94rem solid transparent;
        border-right: .94rem solid transparent;
        transition: .5s
    }
    .dashboard-header {
        position: fixed
    }
    .days-submit-btn button {
        width: 25%!important
    }
    .main-menu.mobile-dashboard-sidebar:hover,
    nav.main-menu.mobile-dashboard-sidebar.expanded {
        width: 250px;
        overflow: visible
    }
    .main-menu.mobile-dashboard-sidebar {
        background: linear-gradient(114deg, #ddd6f3, #faaca8);
        box-shadow: 0 0 1px 0 rgb(198 198 198 / 85%);
        border-right: 1px solid #e5e5e5;
        position: fixed;
        top: 80px;
        bottom: 0;
        height: 100%;
        left: 0;
        width: 60px;
        overflow: hidden;
        -webkit-transition: width .05s linear;
        transition: width .05s linear;
        -webkit-transform: translateZ(0) scale(1, 1);
        z-index: 1000
    }
    .main-menu.mobile-dashboard-sidebar ul li a i {
        position: relative;
        display: table-cell;
        width: 60px;
        text-align: center;
        vertical-align: middle;
        font-size: 14px
    }
    .main-menu.mobile-dashboard-sidebar>ul {
        margin: 0 0;
        padding: 0
    }
    .main-menu.mobile-dashboard-sidebar li {
        position: relative;
        display: block;
        width: 250px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0
    }
    .main-menu.mobile-dashboard-sidebar li>a {
        position: relative;
        display: table;
        border-collapse: collapse;
        border-spacing: 0;
        color: #656565;
        font-family: arial;
        font-size: 14px;
        text-decoration: none;
        -webkit-transform: translateZ(0) scale(1, 1);
        -webkit-transition: all .1s linear;
        transition: all .1s linear
    }
    .main-menu.mobile-dashboard-sidebar .nav-icon {
        position: relative;
        display: table-cell;
        width: 60px;
        height: 36px;
        text-align: center;
        vertical-align: middle;
        font-size: 18px
    }
    .main-menu.mobile-dashboard-sidebar .nav-text {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        width: 190px;
        font-family: 'Titillium Web', sans-serif
    }
    .main-menu.mobile-dashboard-sidebar>ul.logout {
        position: absolute;
        left: 0;
        bottom: 0
    }
    .main-menu.mobile-dashboard-sidebar li:hover,
    nav.main-menu.mobile-dashboard-sidebar li.active {
        background: #cf919c;
        color: #fff
    }
    .main-menu.mobile-dashboard-sidebar li:hover>a,
    .main-menu.mobile-dashboard-sidebar li:hover>a span,
    nav.main-menu.mobile-dashboard-sidebar li.active>a,
    nav.main-menu.mobile-dashboard-sidebar li.active>a span {
        background: #cf919c;
        color: #fff
    }
    .process-block .inner-box .count {
        position: absolute;
        right: 17px;
        top: -40px;
        height: 60px;
        width: 60px;
        background-color: #fff;
        border-radius: 0 10px 0 0;
        font-size: 20px;
        line-height: 60px
    }
    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-next {
        position: absolute
    }
    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-prev {
        position: absolute
    }
    .btn-lg {
        padding: 14px 26px;
        font-size: 14px;
        line-height: 1.3333333
    }
    .section-title h2 {
        font-size: 25px
    }
    .section-title p {
        font-size: 14px
    }
    .dashrow .dashcol .main-iconlogo {
        width: 50px;
        height: 50px;
        font-size: 16px
    }
    .dashcol h4 {
        font-size: 16px
    }
    .single-services table {
        font-size: 12px
    }
    .dashborad-card-border {
        border: 1px dashed #bbb;
        border-radius: 0 0 0 20px;
        min-height: 335px;
        padding: 47px 0;
        margin-bottom: 20px
    }
    .budget-board table th {
        padding: 8px 15px
    }
    .wedding-budget-event {
        width: 25%
    }
    .budget-board table td {
        padding: 10px 15px
    }
    .budget-board .card-body h3 {
        font-size: 18px
    }
    .budget-board .card-body p {
        font-size: 14px
    }
    .db-nav-list .navbar-nav .nav-item .nav-link {
        padding: 8px 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
    .user-icon img {
        height: 31px
    }
    .db-nav-list .navbar-nav .nav-item {
        text-align: center
    }
    .price-table .price-head {
        padding: 15px 0
    }
    .upload-gallery-images h3 {
        font-size: 16px
    }
    .budget-board .table {
        font-size: 12px
    }
    button.btn {
        font-size: 16px;
        font-weight: 300
    }
    .upload-gallery-images .remove {
        display: block;
        background: #183240;
        border: 1px solid #000;
        color: #fff;
        text-align: center;
        cursor: pointer;
        font-size: 12px;
        padding: 0 15px
    }
    .add-venue-title h3 {
        color: #fff;
        background-color: #e9038d;
        border-color: #e9038d;
        padding: 6px 15px;
        border-radius: 7px;
        font-size: 16px
    }
    .dashboard-sidebar .vendor-user-profile .vendor-profile-img img {
        width: 60px;
        height: 65px;
        object-fit: contain;
        background: #fff
    }
    .dashboard-tabled-img img {
        height: 30px;
        object-fit: contain
    }
    .dashboard-sidebar {
        width: 235px
    }
    .dashboard-header .header-logo {
        line-height: 4;
        padding-top: 0;
        height: 100%;
        display: flex;
        align-items: center
    }
    .trusted-partner .client-logo img {
        height: 100px;
        width: 100%;
        object-fit: contain
    }
    .what-we-do-div .service-img img {
        height: 115px
    }
    .what-we-do-div .service-title {
        font-size: 20px
    }
    .what-we-do-div p {
        font-size: 14px
    }
    .what-we-do-div a.btn {
        font-size: 14px
    }
    .who-we-are-div .lead {
        font-size: 16px
    }
    .who-we-are-div p {
        margin: 0 0 15px 0;
        font-size: 14px
    }
    .testimonial-block {
        min-height: 513px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 26px
    }
    .testimonial-block .testimonial-text {
        min-height: 120px;
        font-size: 14px
    }
    .abt-who-mobimg {
        height: 290px;
        width: 100%;
        object-fit: contain
    }
    .who-we-content h2 {
        font-size: 25px
    }
    .page-title {
        font-size: 30px!important
    }
    .testimonial-pic img {
        width: 60px;
        height: 60px;
        object-fit: cover
    }
    .page-header.about-bgimg {
        min-height: 165px
    }
    .process-block .inner-box {
        padding: 0!important;
        height: 290px
    }
    .process-section-step .circle-xxxl {
        height: 80px;
        width: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0!important;
        margin-bottom: 20px
    }
    .how-works h3 {
        font-size: 16px
    }
    .how-works p {
        font-size: 12px;
        line-height: 20px
    }
    .process-section-step .circle-xxxl .icon-5x {
        font-size: 25px
    }
    .process-number-second {
        position: absolute;
        left: 30%;
        bottom: -17px;
        text-align: center;
        font-weight: 500;
        line-height: 1.8
    }
    .process-section-step .circle-xxxl .circle-lg {
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 12px
    }
    .process-section-step .process-arrow {
        position: absolute;
        top: 92px;
        right: -28px
    }
    .logo-link img {
        height: 45px;
        width: auto;
        object-fit: cover
    }
    .banner-div {
        position: relative
    }
    .banner-div svg {
        position: absolute;
        bottom: -2px;
        left: 0;
        z-index: 1
    }
    .banner-div svg path {
        fill: #fdf6fa
    }
    .banner-slider img {
        width: 100%;
        height: calc(100vh - 670px);
        opacity: 1!important;
        animation-duration: 3s;
        transition: all 1s ease;
        object-fit: cover
    }
    .banner-slider [data-animation-in] {
        opacity: 0;
        animation-duration: 6s;
        transition: opacity .5s ease .3s!important;
        transition: 1s
    }
    @keyframes zoomInImage {
        from {
            transform: scale3d(1, 1, 1);
            transition: 1s
        }
        to {
            transform: scale3d(1.1, 1.1, 1.1);
            transition: 1s
        }
    }
    .zoomInImage {
        animation-name: zoomInImage
    }
    .banner-slider .slide .slide__content {
        position: absolute;
        top: 35%;
        transform: translateY(-35%) translateX(-50%);
        left: 50%;
        z-index: 9999999
    }
    .banner-slider .slide .slide__content .search-head {
        margin-bottom: 0;
        padding: 0
    }
    .banner-slider .slide .slide__img {
        position: relative
    }
    .banner-slider .slide .slide__img .overlay {
        position: absolute;
        background: #00000061;
        width: 100%;
        height: 100%;
        top: 0
    }
    .category-div .venue-categories-img img {
        height: 130px;
        object-fit: cover;
        width: 100%
    }
    .category-div .venue-categories-img .venue-categories-overlay h3 {
        font-weight: 500;
        font-size: 14px
    }
    .category-div .venue-categories-img .overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #0000008c 20%, transparent 40%)
    }
    .gallery-div .image-gallery img {
        max-width: 100%;
        height: 175px;
        width: 100%;
        object-fit: cover
    }
    .gallery-div .image-gallery {
        margin-bottom: 30px;
        position: relative;
        box-shadow: rgb(0 0 0 / 15%) 0 1px 5px 0;
        padding: 15px;
        margin-right: 20px;
        background: #fff
    }
    .gallery-div .image-gallery i {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        font-size: 34px;
        color: #000;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: #ffc125;
        text-align: center;
        transform: translate(-50%, -50%) scale(0);
        transition: transform .3s 0s cubic-bezier(.175, .885, .32, 1.275)
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item img {
        width: 100%;
        height: 70vh;
        object-fit: contain
    }
    .ekko-lightbox.show {
        overflow: hidden!important;
        height: calc(115vh - 130px)!important
    }
    .ekko-lightbox .modal-dialog {
        min-width: 50%!important;
        max-width: 50%!important;
        min-height: 100vh!important;
        max-height: 100vh!important
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container {
        height: 70vh!important;
        position: relative;
        display: flex;
        justify-content: center
    }
    .ekko-lightbox .modal-dialog .modal-body {
        padding: 50px
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item img {
        width: 100%;
        height: 70vh;
        object-fit: contain
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item {
        position: absolute
    }
    .ekko-lightbox {
        padding-right: 0!important
    }
    .ekko-lightbox .modal-dialog .modal-content .modal-header {
        display: none!important
    }
    .ekko-lightbox .modal-dialog .modal-content {
        border-radius: 15px
    }
    .ekko-lightbox .modal-dialog {
        margin-top: 130px
    }
    .ekko-lightbox .modal-dialog .modal-content .modal-header .modal-title {
        display: none
    }
    .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-nav-overlay a span {
        font-size: 20px;
        color: #000
    }
    .slide__content {
        position: absolute!important;
        top: 50%;
        z-index: 99999999999999999;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 85%
    }
    .slide__content .search-head-title {
        color: #e9038d;
        font-size: 18px;
        padding: 10px
    }
    .slide__content .nice-select .list {
        max-height: 165px;
        overflow-y: scroll
    }
    .nice-select {
        width: 100%!important
    }
    .gallery-loaction p {
        margin-top: 10px;
        font-size: 15px;
        text-align: center;
        color: #4a4a4a
    }
    .wedding-planning-bgimg {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative
    }
    .wedding-planning-bgimg .wedding-planning-section {
        background-color: #00000091!important;
        color: #fff;
        padding-bottom: 150px;
        padding-top: 70px
    }
    .wedding-planning-bgimg .wedding-planning-section .section-title h2 {
        color: #fff
    }
    .wedding-planning-bgimg .wedding-planning-section .feature-icon-block .feature-content h3 {
        color: #fff
    }
    .wedding-planning-bgimg .wedding-planning-section .feature-icon-block .feature-icon i {
        color: #fff
    }
    .wedding-planning-bgimg svg {
        position: absolute;
        bottom: -1px;
        left: 0
    }
    .wedding-planning-bgimg svg path {
        fill: #fdf6fa
    }
    .process-section-step .section-title {
        margin-bottom: 100px
    }
    .sectionbgimg {
        background-repeat: no-repeat;
        background-position: -4% 1%;
        margin-top: -100px;
        position: relative;
        z-index: 99
    }
    .sectionbgimg-right {
        background-repeat: no-repeat;
        background-position: 105% -561%
    }
    .vendor-mt-heading {
        margin-top: 40px
    }
    .dashboard-content-cont {
        width: 1000px;
        position: relative;
        display: flex;
        justify-content: space-between
    }
    .dashboard-content-cont .card {
        position: relative;
        cursor: pointer
    }
    .dashboard-content-cont .card .face {
        width: 300px;
        height: 200px;
        transition: .5s
    }
    .dashboard-content-cont .card .face.face1 {
        position: relative;
        background: #333;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        transform: translateY(100px)
    }
    .dashboard-content-cont .card:hover .face.face1 {
        background: #ff0057;
        transform: translateY(0)
    }
    .dashboard-content-cont .card .face.face1 .content {
        opacity: .2;
        transition: .5s
    }
    .dashboard-content-cont .card:hover .face.face1 .content {
        opacity: 1
    }
    .dashboard-content-cont .card .face.face1 .content img {
        max-width: 100px
    }
    .dashboard-content-cont .card .face.face1 .content h3 {
        margin: 10px 0 0;
        padding: 0;
        color: #fff;
        text-align: center;
        font-size: 1.5em
    }
    .dashboard-content-cont .card .face.face2 {
        position: relative;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        box-sizing: border-box;
        box-shadow: 0 20px 50px rgba(0, 0, 0, .8);
        transform: translateY(-100px)
    }
    .dashboard-content-cont .card:hover .face.face2 {
        transform: translateY(0)
    }
    .dashboard-content-cont .card .face.face2 .content p {
        margin: 0;
        padding: 0
    }
    .dashboard-content-cont .card .face.face2 .content a:hover {
        background: #333;
        color: #fff
    }
    .signup-signin-section .nice-select ul {
        max-height: 210px;
        overflow-y: scroll
    }
    .vendor-login-section {
        background-repeat: no-repeat;
        background-position: -4% 1%;
        position: relative
    }
    .vendor-new-bg {
        min-height: 100vh
    }
    .change-password-section .show-modal {
        color: #fff;
        background: linear-gradient(to right, #33a3ff, #0675cf, #49a6fd);
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
        padding: 10px 15px;
        margin: 200px auto 0;
        border: none;
        outline: 0;
        box-shadow: 0 0 20px rgba(0, 0, 0, .1);
        display: block;
        transition: all .3s ease 0s
    }
    .change-password-section .show-modal:focus,
    .change-password-section .show-modal:hover {
        color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        outline: 0
    }
    .change-password-section .modal-dialog {
        width: 400px;
        margin: 150px auto 0
    }
    .change-password-section .modal-dialog {
        transform: scale(.5)
    }
    .change-password-section .modal-dialog {
        transform: scale(1)
    }
    .change-password-section .modal-dialog .modal-content {
        text-align: center;
        border: none;
        background-image: url(https://c0.wallpaperflare.com/preview/491/618/554/indian-wedding-bride-marriage-gown.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative
    }
    .change-password-section .modal-dialog .modal-content .overlay {
        background: #00000061;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
    .change-password-section .modal-content .close {
        color: #fff;
        background: linear-gradient(to right, #e60132, #eb002c, #7d1726);
        font-size: 25px;
        font-weight: 400;
        text-shadow: none;
        line-height: 27px;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        overflow: hidden;
        opacity: 1;
        position: absolute;
        left: auto;
        right: 8px;
        top: 8px;
        z-index: 1;
        transition: all .3s
    }
    .change-password-section .modal-content .close:hover {
        color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, .5)
    }
    .change-password-section .close:focus {
        outline: 0
    }
    .change-password-section .modal-body {
        padding: 60px 40px 40px!important
    }
    .change-password-section .modal-body .title {
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 1px;
        margin: 0 0 35px
    }
    .change-password-section .modal-body .description {
        color: #fff;
        font-size: 16px;
        margin: 0 0 20px
    }
    .change-password-section .modal-body .form-group {
        text-align: left;
        margin-bottom: 20px;
        position: relative
    }
    .change-password-section .modal-body .input-icon {
        color: #777;
        font-size: 18px;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        left: 20px
    }
    .change-password-section .modal-body .form-control {
        font-size: 17px;
        height: 45px;
        width: 100%;
        padding: 6px 0 6px 50px;
        margin: 0 auto;
        border: 2px solid #eee;
        border-radius: 5px;
        box-shadow: none;
        outline: 0
    }
    .change-password-section .form-control::placeholder {
        color: #aeafb1
    }
    .change-password-section .modal-content .modal-body .btn {
        color: #fff;
        background: linear-gradient(to right, #e60132, #eb002c, #7d1726);
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 38px;
        width: 100%;
        height: 40px;
        padding: 0;
        border: none;
        border-radius: 5px;
        border: none;
        display: inline-block;
        transition: all .6s ease 0s
    }
    .change-password-section .modal-content .modal-body .btn:hover {
        color: #fff;
        letter-spacing: 2px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .5)
    }
    .change-password-section .modal-content .modal-body .btn:focus {
        outline: 0
    }
    .profile-names p.changes-passwords {
        cursor: pointer
    }
    .dashboard-nav ul li a:hover {
        background: #cf919c;
        color: #fff;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px
    }
    .dashboard-wrapper {
        padding-top: 60px
    }
    .lightbox-item-card a img {
        border-radius: 7px;
        padding: 10px;
        height: 115px;
        object-fit: cover;
        width: 100%
    }
    .current-activited-new a {
        color: #fff;
        font-size: 12px
    }
    .animate-charcter {
        background-image: linear-gradient(-225deg, #231557 0, #d9a94d 29%, #e952a6 67%, #5e96b4 100%);
        background-size: auto auto;
        background-clip: border-box;
        background-size: 200% auto;
        color: #fff;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: textclip 2s linear infinite;
        display: inline-block;
        font-size: 30px;
        height: 68px;
        display: flex;
        align-items: center;
        margin-left: 15px;
        font-weight: 600
    }
    @keyframes textclip {
        to {
            background-position: 200% center
        }
    }
    .hello-title h3 {
        text-align: center;
        font-size: 30px;
        height: 60px;
        display: flex;
        align-items: center;
        justify-content: center;
        font-weight: 600;
        color: #3c3c3c;
        margin-bottom: 6px
    }
    .hello-title p {
        color: #000;
        font-size: 20px;
        margin-bottom: 60px
    }
    .feature.height-equal {
        min-height: 290px;
        margin: 0;
        font-size: 14px
    }
    .feature.height-equal .card-body {
        padding: 30px 20px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    .feature.height-equal .circle-xl {
        height: 80px;
        width: 80px;
        line-height: 80px;
        padding: 0
    }
    .feature.height-equal .circle-xl i {
        font-size: 30px
    }
    .feature.height-equal .feature-icon h3 {
        font-size: 18px
    }
    .feature.height-equal .feature-icon ul li {
        font-size: 14px
    }
    .background-images-pro.new-bannerimg img {
        width: 100%;
        height: 290px;
        object-fit: cover;
        object-position: top;
        background: #7fffd4;
        opacity: .5
    }
    .table.table-list thead.thead-light th {
        color: #495057;
        background-color: #e5c3e7!important;
        border-color: #e5c3e7!important;
        padding: 15px 20px
    }
    .todo-thead {
        color: #495057!important;
        background-color: #e5c3e7!important;
        border-color: #e5c3e7!important;
        padding: 10px 12px;
        line-height: 2;
        font-size: 12px
    }
    .todo-list ul li {
        padding: 10px 12px;
        border-bottom: 1px solid #ebe7e7;
        line-height: 2
    }
    .my-profile-sections .nav-bggradient {
        height: 100%;
        background: linear-gradient(114deg, #ddd6f3, #faaca8)
    }
    .my-profile-sections .nav-pills .nav-link.active,
    .my-profile-sections .nav-pills .show>.nav-link {
        background-color: #cf919c!important;
        color: #fff!important;
        font-weight: 600;
        letter-spacing: 1px
    }
    .my-profile-sections .card-header-bgcolor {
        background-image: linear-gradient(173deg, #fff, #fd9193);
        border-bottom: 0
    }
    .vendor-descript-section .venue-header {
        position: relative
    }
    .vendor-descript-section .venue-head {
        position: absolute;
        bottom: 40px;
        width: 100%
    }
    .vendor-descript-section .venue-head h1 {
        font-size: 42px;
        color: #fff;
        margin-bottom: 10px
    }
    .vendor-descript-section .venue-head .title {
        border-bottom: 1px solid #504849;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
    .vendor-descript-section .venue-head .location {
        color: #fff
    }
    .vendor-descript-section .venue-head .location i {
        padding-right: 10px
    }
    .vendor-descript-section .rating-box,
    .vendor-descript-section .venue-action {
        margin-bottom: 20px
    }
    .vendor-descript-section .venue-action {
        text-align: right
    }
    .vendor-descript-section .label-primary {
        background-color: #00aeaf;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        padding: 4px 8px;
        border-radius: 2px;
        font-weight: 700
    }
    .vendor-descript-section .label-primary[href]:focus,
    .vendor-descript-section .label-primary[href]:hover {
        background-color: #f9a630;
        color: #fff
    }
    .vendor-descript-section .address {
        margin-bottom: 0
    }
    .vendor-descript-section .address i {
        padding-right: 10px
    }
    .vendor-descript-section .venue-amenities ul li.list-group-item {
        border: 1px solid #e9e6e0
    }
    .vendor-descript-section .rating {
        margin: 0
    }
    .vendor-descript-section .rating i {
        color: #ffc513
    }
    .vendor-descript-section .side-box {
        background-color: #fff;
        padding: 28px;
        border: 1px solid #e9e6e0;
        margin-bottom: 30px
    }
    .vendor-descript-section .page-sidebar .venue-info {
        background-color: #fff;
        margin-bottom: 30px;
        border: 1px solid #e9e6e0
    }
    .vendor-descript-section .customer-review,
    .vendor-descript-section .review {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .vendor-descript-section .customer-review h1 {
        margin-bottom: 30px;
        border-bottom: 1px solid #e9e6e0;
        padding-bottom: 30px
    }
    .vendor-descript-section .review-list .arrow:after,
    .vendor-descript-section .review-list .arrow:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent
    }
    .vendor-descript-section .review-list .panel.arrow.left:after,
    .vendor-descript-section .review-list .panel.arrow.left:before {
        border-left: 0
    }
    .vendor-descript-section .review-list .panel.arrow.left:before {
        left: -15px;
        top: 30px;
        border-right-color: inherit;
        border-width: 16px
    }
    .vendor-descript-section .review-list .panel.arrow.left:after {
        left: -14px;
        top: 31px;
        border-right-color: #fff;
        border-width: 15px
    }
    .vendor-descript-section .review-list .panel.arrow.right:before {
        right: -16px;
        top: 30px;
        border-left-color: inherit;
        border-width: 16px
    }
    .vendor-descript-section .review-list .panel.arrow.right:after {
        right: -14px;
        top: 31px;
        border-left-color: #fff;
        border-width: 15px
    }
    .vendor-descript-section .review-post {
        margin-top: 10px
    }
    .vendor-descript-section .review-list .review-post {
        margin-top: 20px
    }
    .vendor-descript-section .profile-userpic img,
    .vendor-descript-section .user-pic img {
        border: 4px solid #e9e6e0;
        border-radius: 100%;
        width: 240px;
        height: 55px;
        object-fit: contain
    }
    .vendor-descript-section .profile-sidebar .profile-userpic img {
        height: 95px;
        width: 90px
    }
    .vendor-descript-section .review-list .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 0;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .05);
        box-shadow: 0 0 0 rgba(0, 0, 0, .05)
    }
    .vendor-descript-section .review-list .panel-default {
        border-color: #e9e6e0
    }
    .vendor-descript-section .review-list .panel-body {
        padding: 30px
    }
    .vendor-descript-section .review-list h3 {
        margin-bottom: 10px
    }
    .vendor-descript-section .rating-group {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .vendor-descript-section .vendor-des-mt {
        margin-top: 55px
    }
    .vendor-descript-section .tabbed-page .capacity {
        border-right: 1px solid #e9e6e0
    }
    .vendor-descript-section .capacity,
    .vendor-descript-section .pricebox {
        width: 50%;
        float: left;
        padding: 15px 20px;
        font-size: 12px
    }
    .vendor-descript-section .venue-info {
        background-color: #fcfbf9;
        border-top: 1px solid #e9e6e0;
        height: 84px;
        font-family: Montserrat, sans-serif;
        text-transform: uppercase;
        font-weight: 700
    }
    .vendor-descript-section .cap-people,
    .vendor-descript-section .price {
        font-size: 18px;
        letter-spacing: -1px;
        color: #3c3634;
        display: block;
        margin: 0;
        line-height: inherit
    }
    .vendor-descript-section p,
    .vendor-descript-section ul li {
        color: #252328;
        font-size: 14px
    }
    .vendor-descript-section h1,
    .vendor-descript-section h2 {
        font-size: 20px;
        line-height: 30px
    }
    .vendor-descript-section .profile-userpic {
        text-align: center;
        width: 154px;
        margin-right: auto;
        margin-left: auto
    }
    .vendor-descript-section .profile-sidebar .profile-usertitle {
        margin-top: 30px
    }
    .vendor-descript-section .fab,
    .vendor-descript-section .fas {
        color: #e9038d;
        padding-right: 10px;
        font-size: 22px
    }
    .vendor-descript-section .profile-usertitle-name {
        text-align: center
    }
    .vendor-descript-section .profile-address,
    .vendor-descript-section .profile-email,
    .vendor-descript-section .profile-website {
        margin-bottom: 10px
    }
    .vendor-descript-section ul.follow-icon {
        margin-bottom: 0
    }
    .vendor-descript-section ul.follow-icon li {
        padding-right: 10px;
        display: inline
    }
    .vendor-descript-section ul.follow-icon li a {
        font-size: 32px
    }
    .vendor-descript-section .rating-group .radio {
        display: flex;
        align-items: center
    }
    .vendor-descript-section .rating-group .radio:not(:first-child) {
        margin-left: 20px
    }
    .vendor-descript-section .rating-group {
        display: flex;
        align-items: center
    }
    .vendor-descript-section .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px
    }
    .vendor-descript-section .radio label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        top: 6px;
        margin-left: -20px;
        border: 1px solid #e0dcd1;
        border-radius: 50%;
        background-color: #faf9f5;
        -webkit-transition: border .15s ease-in-out;
        -o-transition: border .15s ease-in-out;
        transition: border .15s ease-in-out
    }
    .vendor-descript-section .radio label::after {
        display: inline-block;
        position: absolute;
        content: " ";
        width: 11px;
        height: 11px;
        left: 3px;
        top: 9px;
        margin-left: -20px;
        border-radius: 50%;
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
        -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33)
    }
    .vendor-descript-section .radio input[type=radio] {
        opacity: 0;
        z-index: 1
    }
    .vendor-descript-section .radio input[type=radio]:checked+label::after {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    .vendor-descript-section .radio input[type=radio]:disabled+label {
        opacity: .65
    }
    .vendor-descript-section .radio input[type=radio]:disabled+label::before {
        cursor: not-allowed
    }
    .vendor-descript-section .radio.radio-inline {
        margin-top: 0
    }
    .vendor-descript-section .radio-primary input[type=radio]+label::after {
        background-color: #337ab7
    }
    .vendor-descript-section .radio-primary input[type=radio]:checked+label::before {
        border-color: #337ab7
    }
    .vendor-descript-section .radio-primary input[type=radio]:checked+label::after {
        background-color: #337ab7
    }
    .vendor-descript-section .radio-danger input[type=radio]+label::after {
        background-color: #d9534f
    }
    .vendor-descript-section .radio-danger input[type=radio]:checked+label::before {
        border-color: #d9534f
    }
    .vendor-descript-section .radio-danger input[type=radio]:checked+label::after {
        background-color: #d9534f
    }
    .vendor-descript-section .radio-info input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-info input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-info input[type=radio]:checked+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]:checked+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]:checked+label::after {
        background-color: #e9038d!important;
        outline: 0;
        border: 0;
        background: 0 0
    }
    .edit-guest-div {
        display: none
    }
    .budget-checkbox .custom-control-label::before {
        top: -12px
    }
    .budget-checkbox .custom-control-label::after {
        top: -12px
    }
    .nice-select ul {
        max-height: 250px;
        overflow-y: scroll!important;
        width: 100%
    }
    .all-vendor-listdiv .venue-categories-img img {
        height: 190px;
        width: 100%;
        object-fit: cover
    }
    .gallery-addimg-modal button.close {
        font-size: 30px;
        opacity: 1;
        font-weight: 600;
        line-height: 1;
        color: #fff
    }
    .gallery-addimg-modal button.close:hover {
        color: #ff7b7b!important;
        opacity: 1!important
    }
    .gallery-addimg-modal .modal-header {
        align-items: center;
        color: #fff;
        background-color: #e9038d;
        border-color: #e9038d
    }
    .gallery-addimg-modal .modal-header h5 {
        color: #fff;
        font-size: 18px;
        text-transform: capitalize
    }
    .gallery-addimg-modal .modal-body {
        margin: 22px 0
    }
    .gallery-addimg-modal .modal-dialog {
        height: 100vh;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 100px;
        max-width: 600px
    }
    .img-del-icon {
        position: relative
    }
    .img-del-icon button.close {
        position: absolute;
        top: -10px;
        right: -10px;
        background: #0000009e;
        color: #fff;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 20px;
        font-weight: 500;
        border-radius: 50%
    }
    .img-del-icon button.close:hover {
        background-color: red!important;
        color: #fff!important
    }
    .checkoutform-div .payment-mode-div {
        display: flex;
        align-items: center
    }
    .checkoutform-div .payment-mode-div .custom-control {
        margin-right: 35px
    }
    .profile-reviews .rating-star {
        font-size: 10px!important
    }
    .profile-reviews .rated {
        color: #ffa912
    }
    .profile-reviews .rate-mute {
        color: #909090
    }
    .profile-reviews .avatar img {
        width: 100%;
        object-fit: cover;
        max-width: 100%;
        height: 100%;
        border: 0;
        border-radius: 50%;
        z-index: 1;
        box-shadow: 0 10px 18px 0 rgb(62 57 107 / 20%)
    }
    .profile-reviews span.avatar {
        position: relative;
        width: 36px;
        height: 36px;
        white-space: nowrap;
        cursor: pointer;
        display: inline-flex;
        font-size: .8rem;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
        color: #fff
    }
    .profile-reviews .td-widthdescrip {
        white-space: normal;
        max-width: 270px
    }
    .customer-review .review-list .review-user {
        color: #252328
    }
    .forgot-password-para {
        margin: 0!important
    }
    .forgot-password-para a {
        font-weight: 300!important
    }
    .forgot-password-para a:hover {
        font-weight: 400!important;
        text-decoration: underline!important
    }
    .forgot-password-div {
        display: none
    }
    .signup-signin-section.change-passowrd-section {
        overflow: hidden;
        box-shadow: none;
        border-radius: 0;
        background: 0 0
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div {
        position: relative;
        background: #fff;
        box-shadow: 0 5px 25px rgb(0 0 0 / 10%);
        overflow: hidden;
        width: 50%;
        margin: 0 auto
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div .user {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div .user .formBx {
        width: 100%;
        display: block
    }
    .signup-signin-section {
        position: relative;
        height: 850px;
        margin: 40px 0;
        background: #e9038d;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        overflow: hidden;
        box-shadow: 0 2px 8px #d3d3d3;
        border-radius: 7px
    }
    .signup-signin-section .usersignin-up-div {
        background: #fff;
        box-shadow: 0 15px 50px rgba(0, 0, 0, .1);
        overflow: hidden
    }
    .signup-signin-section .usersignin-up-div .user {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex
    }
    .signup-signin-section .usersignin-up-div .user .imgBx {
        position: relative;
        width: 50%;
        height: 100%;
        background: #ff0;
        transition: .5s
    }
    .signup-signin-section .usersignin-up-div .user .imgBx img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    .signup-signin-section .usersignin-up-div .user .formBx {
        position: relative;
        width: 100%;
        height: 100%;
        background: #fff;
        justify-content: center;
        align-items: center;
        padding: 40px;
        transition: .5s
    }
    .signup-signin-section .usersignin-up-div .user .formBx h2 {
        font-size: 18px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 2px;
        text-align: center;
        width: 100%;
        margin-bottom: 10px;
        color: #555
    }
    .signup-signin-section .usersignin-up-div .user .formBx input {
        position: relative;
        width: 100%;
        border: 1px solid #f1eaea!important;
        padding: 10px;
        background: 0 0;
        color: #333;
        border: none;
        outline: 0;
        box-shadow: none;
        margin: 8px 0;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 300
    }
    .signup-signin-section .usersignin-up-div .user .formBx button {
        width: 30%;
        background: #e9038d;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        border-radius: 10px;
        transition: .5s;
        border: 0;
        padding: 10px 0;
        margin: 30px 0 18px 0
    }
    .signup-signin-section .usersignin-up-div .user .formBx .signup {
        position: relative;
        margin-top: 10px;
        font-size: 12px;
        letter-spacing: 1px;
        color: #000;
        text-transform: uppercase;
        font-weight: 300
    }
    .signup-signin-section .usersignin-up-div .user .formBx .signup a {
        font-weight: 600;
        text-decoration: none;
        color: #000
    }
    .signup-signin-section .usersignin-up-div .signupBx {
        pointer-events: none
    }
    .signup-signin-section .usersignin-up-div .signinBx {
        pointer-events: initial
    }
    .signup-signin-section .active .signupBx {
        pointer-events: initial
    }
    .signup-signin-section .active .signinBx {
        pointer-events: none
    }
    .signup-signin-section .usersignin-up-div .signupBx .formBx {
        left: 100%
    }
    .signup-signin-section .active .signupBx .formBx {
        left: 0
    }
    .signup-signin-section .usersignin-up-div .signupBx .imgBx {
        left: -100%
    }
    .signup-signin-section .active .signupBx .imgBx {
        left: 0
    }
    .signup-signin-section .usersignin-up-div .signinBx .formBx {
        left: 0
    }
    .signup-signin-section .active .signinBx .formBx {
        left: 100%
    }
    .signup-signin-section .usersignin-up-div .signinBx .imgBx {
        left: 0
    }
    .signup-signin-section .active .signinBx .imgBx {
        left: -100%
    }
    .usersignin-up-div .or-div {
        text-align: center;
        margin: 20px 0;
        position: relative
    }
    .usersignin-up-div .or-div:before {
        content: '';
        position: absolute;
        border-bottom: 1px solid #dadada;
        width: 45.3%;
        top: 14px;
        left: 0
    }
    .usersignin-up-div .or-div:after {
        content: '';
        position: absolute;
        border-bottom: 1px solid #dadada;
        width: 45.3%;
        top: 14px;
        right: 0
    }
    .usersignin-up-div .or-div span {
        background: #d7d7d7;
        padding: 10px;
        border-radius: 50%;
        color: #000;
        font-size: 12px
    }
    .usersignin-up-div .google-fb-login ul {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }
    .usersignin-up-div .google-fb-login ul li {
        vertical-align: middle;
        text-align: center;
        width: 50px;
        height: 50px;
        line-height: 50px;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        background-color: #e44120;
        list-style: none
    }
    .usersignin-up-div .google-fb-login ul li.fb {
        background-color: #4476b1
    }
    .usersignin-up-div .google-fb-login ul li a {
        color: #fff
    }
    .usersignin-up-div .google-fb-login ul li:not(:first-child) {
        margin-left: 10px
    }
    .signup-signin-section .nice-select {
        width: 100%;
        margin: 8px 0;
        color: #333;
        font-size: 14px;
        letter-spacing: 1px;
        font-weight: 300
    }
    .signup-signin-section .nice-select:after {
        border-bottom: 2px solid #333;
        border-right: 2px solid #333
    }
    .budget-div .table thead.thead-light th {
        color: #495057;
        background-color: #f6f5f5!important;
        border-color: #f6f5f5!important;
        padding: 15px 15px
    }
    .checklist-div .custom-control-label::before {
        top: -12px
    }
    .checklist-div .custom-control-label::after {
        top: -12px
    }
    .dashboard-content .banner-img-div {
        width: 100%;
        height: 265px;
        background: linear-gradient(45deg, #728bbb, #ffd6dd);
        margin-bottom: 10px;
        position: relative
    }
    .dashboard-content .banner-img-div .banner-curve {
        position: absolute;
        bottom: -1px;
        left: -1px;
        width: 101%
    }
    .dashboard-content .banner-img-div .banner-curve svg path {
        fill: #fdf6fa
    }
    .dashboard-content .banner-img-div .overlay {
        position: absolute;
        background: #4a4a4a96;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .dashboard-content .banner-img-div .dashboard-page-header {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translateX(-50%) translateY(-45%);
        border: 0;
        margin: 0;
        width: 100%;
        text-align: center
    }
    .dashboard-page-title {
        font-family: Estonia, cursive;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 30px
    }
    td .dashboard-list-content h3 {
        font-size: 16px
    }
    .dashboard-page-header p {
        font-size: 14px
    }
    .dashboard-content .banner-img-div .dashboard-page-header h3 {
        font-weight: 500;
        margin-bottom: 22px;
        font-size: 35px;
        color: #fff;
        letter-spacing: 2px
    }
    .dashboard-content .banner-img-div .dashboard-page-header p {
        color: #252328;
        font-size: 20px;
        color: #fff
    }
    .dashboard-content .banner-img-div img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }
    .checklist-msg-div {
        display: flex;
        border: 1px solid #ffffff94;
        padding: 15px 15px;
        margin-bottom: 50px;
        background: #fff;
        border-radius: 10px
    }
    .checklist-msg-div .msg-icon i {
        color: #f5f503;
        font-size: 25px;
        margin-right: 12px
    }
    .checklist-msg-div .msg-content p:first-child {
        font-weight: 600;
        color: #252328;
        margin-bottom: 10px;
        font-size: 16px
    }
    .checklist-msg-div .msg-content p {
        color: #252328;
        font-size: 14px;
        line-height: 25px
    }
    .checklist-msg-div .msg-content button {
        background: 0 0;
        color: #345191;
        border: 1px solid #345191;
        width: 15%;
        padding: 5px 0;
        cursor: pointer
    }
    .circular-progress-div .circle_percent {
        font-size: 125px;
        width: 1em;
        height: 1em;
        position: relative;
        background: #eee;
        border-radius: 50%;
        overflow: hidden;
        display: inline-block;
        margin: 20px
    }
    .circular-progress-div .circle_inner {
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        height: 1em;
        clip: rect(0 1em 1em .5em)
    }
    .circular-progress-div .round_per {
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        height: 1em;
        background: #e4a6d2;
        clip: rect(0 1em 1em .5em);
        transform: rotate(180deg);
        transition: 1.05s
    }
    .circular-progress-div .percent_more .circle_inner {
        clip: rect(0 .5em 1em 0)
    }
    .circular-progress-div .percent_more:after {
        position: absolute;
        left: .5em;
        top: 0;
        right: 0;
        bottom: 0;
        background: #e4a6d2;
        content: ''
    }
    .circular-progress-div .circle_inbox {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background: #fff;
        z-index: 3;
        border-radius: 50%
    }
    .circular-progress-div .percent_text {
        position: absolute;
        font-size: 23px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3
    }
    .circular-progress-div .total-cost-div p {
        color: #d8a94c;
        font-weight: 600;
        font-size: 20px;
        line-height: 35px
    }
    .circular-progress-div .total-cost-div p.max-budget-linjk {
        color: #777;
        font-weight: 400;
        font-size: 14px;
        background: #eee;
        padding: 8px 25px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }
    .circular-progress-div .total-cost-div p.max-budget-linjk span {
        margin-left: 12px
    }
    .circular-progress-div {
        display: flex;
        align-items: center
    }
    .circular-progress-div.amount-paid-circular {
        margin-left: 60px
    }
    .circular-progress-div.amount-paid-circular .total-cost-div p {
        color: #61749f
    }
    .circular-dflex {
        display: flex;
        align-items: center
    }
    .circular-progress-row {
        margin-bottom: 50px
    }
    .budget-category-title {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .budget-category-title>span {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        font-size: 16px;
        margin: 0
    }
    .budget-category-title>span p {
        margin-right: 20px
    }
    .budget-board .accordion-card-header {
        background: #f6f5f5
    }
    .budget-category-title .accordion-card-title span {
        margin-top: 0
    }
    .day-form-div,
    .event-form-div {
        display: none
    }
    .my-profile-sections .nav-pills .nav-link.active,
    .my-profile-sections .nav-pills .show>.nav-link {
        background: #cf919c;
        color: #fff
    }
    .dashboard-content {
        margin-bottom: 60px;
        margin-left: 58px;
        margin-right: 0
    }
    .event-slide-panel {
        overflow-y: scroll
    }
    .budget-list-checkbox .custom-control-label::before {
        top: -14px
    }
    .budget-list-checkbox .custom-control-label::after {
        top: -14px
    }
    .budget-submit-btn {
        margin-left: auto!important;
        display: block;
        margin-right: 30px;
        margin-top: 50px!important;
        width: 16%
    }
    .swal2-container .swal2-confirm {
        color: #fff;
        background-color: #e9038d!important;
        border-color: #e9038d!important
    }
    .swal2-container .swal2-popup .swal2-styled:focus {
        box-shadow: none!important
    }
    .my-profile-user-section .nice-select,
    .my-profile-user-section .nice-select ul {
        width: 100%!important
    }
    .my-profile-user-section .nice-select ul {
        width: 100%;
        max-height: 200px;
        overflow-y: scroll
    }
    .nice-select.swal2-select {
        display: none!important
    }
    .add-task-slide {
        display: none
    }
    .signup-section {
        display: flex;
        justify-content: center
    }
    .signup-tab a {
        display: block;
        width: 50%
    }
    .signup-tab a.active {
        background: #e9038d;
        color: #fff;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500;
        letter-spacing: 1px;
        border-radius: 10px;
        transition: .5s;
        border: 0;
        padding: 3px 0
    }
    .signup-section .signup-tab {
        width: 70%;
        display: flex;
        justify-content: center;
        text-align: center;
        margin-bottom: 25px
    }
    .tab-users {
        display: none
    }
    .tab-users.active {
        display: block
    }
    .section-services {
        padding-bottom: 120px;
        font-family: Poppins, sans-serif;
        color: #fff
    }
    .section-services .header-section {
        margin-bottom: 35px
    }
    .section-services .header-section .title {
        position: relative;
        margin-bottom: 40px;
        padding-bottom: 25px;
        text-transform: uppercase;
        font-weight: 700
    }
    .section-services .header-section .title:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 140px;
        height: 1px;
        background-color: #f70037
    }
    .section-services .header-section .title:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 45px;
        height: 3px;
        background-color: #f70037
    }
    .section-services .header-section .title span {
        color: #f70037
    }
    .section-services .header-section .description {
        color: #6f6f71
    }
    .section-services .single-service {
        margin-top: 40px;
        background-image: linear-gradient(114deg, #ddd6f3, #faaca8);
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
        border-radius: 0 37px;
        min-height: 355px;
        position: relative
    }
    .section-services .single-service .part-1 {
        padding: 15px 40px 15px;
        border-bottom: 2px solid #1d1e23;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
    .section-services .single-service .part-1 i {
        font-size: 25px;
        color: #e62d99
    }
    .section-services .single-service .part-1 .title {
        font-size: 17px;
        font-weight: 700;
        letter-spacing: .02em;
        line-height: 1.8em;
        color: #fff;
        margin-left: 20px;
        margin-bottom: 0
    }
    .section-services .single-service .part-2 {
        padding: 30px 40px 40px
    }
    .section-services .single-service .part-2 .description {
        margin-bottom: 22px;
        color: #6f6f71;
        font-size: 14px;
        line-height: 1.8em
    }
    .section-services .single-service .part-2 a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        position: absolute;
        left: 12%;
        bottom: 7%;
        width: 100%
    }
    .section-services .single-service .part-2 a i {
        margin-right: 10px;
        color: #e62d99
    }
    .section-services .single-service table {
        width: 100%;
        color: #3e3e3e;
        font-size: 14px
    }
    .section-services .single-service table td:first-child {
        width: 90%
    }
    .margin-top-section0 {
        margin-top: 0!important
    }
    .adv-section marquee img {
        height: 75px;
        margin: 0 15px;
        width: 120px
    }
    .change-password-section.login-message-section .modal-dialog .modal-content {
        text-align: center;
        border: none;
        background-image: url(../images/img/login-modal.webp);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-position: center
    }
    .change-password-section.login-message-section .modal-dialog .modal-content .overlay {
        background: #0000008c;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
    .change-password-section.login-message-section .modal-body .description {
        color: #fff;
        font-size: 12px;
        margin: 0 0 20px;
        line-height: 21px
    }
    .change-password-section.login-message-section .modal-dialog {
        width: 583px;
        max-width: 583px
    }
    .change-password-section.login-message-section .modal-content .modal-body .btn {
        width: 40%
    }
    #headline {
        font-weight: 400;
        letter-spacing: .125rem;
        text-transform: uppercase
    }
    #countdown ul li {
        display: inline-block;
        font-size: 22px;
        list-style-type: none;
        padding: 0 3px;
        text-transform: uppercase;
        justify-content: center
    }
    #countdown ul li .span-first-counter {
        border: 1px solid #ffffff21;
        margin: 0 5px 3px 5px;
        font-weight: 500;
        text-shadow: 1px 2px #000;
        background: #fdf6fa36;
        color: #fff;
        width: 100px;
        font-size: 40px;
        height: 61px;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .emoji {
        display: none;
        padding: 1rem
    }
    .emoji .span-first-counter {
        font-size: 4rem;
        padding: 0 .5rem
    }
    .days-span {
        color: #fff;
        text-align: center;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-shadow: 0 0 #000
    }
    #countdown {
        margin: 32px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .remainder-hrading h2 {
        text-align: center;
        color: #fff;
        margin-top: 15x
    }
    .color-black {
        background-color: #000;
        padding: 43px 0
    }
    .image-of-profile {
        background: #fff;
        border-radius: 72%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 190px;
        height: 190px
    }
    .image-of-profile img {
        height: 190px;
        object-fit: contain;
        border: 9px solid #b1b1b121;
        width: 190px;
        border-radius: 83%;
        position: absolute;
        background: #fff;
        bottom: 64px;
        box-shadow: 0 4px 8px 0 rgb(255 220 226 / 38%);
        transition: .3s
    }
    .profile-names .name-texts {
        color: #e9038d;
        font-size: 30px;
        font-weight: 500;
        padding-bottom: 17px
    }
    .profile-information {
        width: 100%;
        background: #fff;
        box-shadow: 0 4px 8px 0 rgb(225 225 225);
        transition: .3s
    }
    .profile-information {
        margin: 100px 0
    }
    .background-images-pro img {
        width: 100%;
        height: 255px;
        object-fit: cover;
        background: #7fffd4;
        opacity: .5
    }
    .profile-names {
        width: 60%;
        padding-top: 32px
    }
    .profile-names p {
        margin-bottom: 0
    }
    .image-of-profile {
        width: 40%;
        position: relative
    }
    .information-text {
        display: flex;
        border-top: 5px solid #e9038d
    }
    .changes-passwords span .fa,
    .members-texts span .fa {
        color: #605c5f61
    }
    .changes-passwords span:nth-child(2),
    .members-texts span:nth-child(2) {
        padding-left: 10px
    }
    .my-profile-sections {
        margin: 100px 0
    }
    .countdown-day {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 173px
    }
    .countdown-day p:nth-child(1) {
        margin-bottom: 0;
        font-size: 32px;
        color: #fff
    }
    .countdown-day p:nth-child(2) {
        margin-bottom: 0;
        padding-left: 5px;
        font-size: 32px;
        color: #fff
    }
    .couples-weds-name h2 {
        position: relative;
        margin: 0;
        font-size: 2em;
        font-weight: 900;
        color: #000;
        overflow: hidden
    }
    .couples-weds-name h2 span {
        color: #ff022c
    }
    .wedding-couples-name-section {
        background: #ffd5dd2e;
        DISPLAY: flex;
        justify-content: center;
        align-items: center
    }
    .couples-weds-name1 h2 {
        position: relative;
        -webkit-box-reflect: below -12px linear-gradient(transparent, rgb(251 0 0 / 8%));
        font-family: Estonia, cursive
    }
    .couples-weds-name1 span {
        position: relative;
        display: inline-block;
        color: #e9038d;
        font-size: 67PX;
        text-transform: uppercase;
        animation: animate 2s ease-in-out infinite;
        animation-delay: calc(.1s * var(--i))
    }
    @keyframes animate {
        0% {
            transform: translateY(0)
        }
        20% {
            transform: translateY(-20px)
        }
        100%,
        40% {
            transform: translateY(0)
        }
    }
    .couples-weds-name2 h2 {
        font-size: 93px;
        color: #fff;
        position: relative;
        -webkit-box-reflect: below -12 px linear-gradient(transparent, rgb(251 0 0 / 8%));
        font-family: Estonia, cursive
    }
    .couples-weds-name2 span {
        position: relative;
        display: inline-block;
        color: #fff;
        font-size: 127PX;
        animation: animate 2s ease-in-out infinite;
        animation-delay: calc(.1s * var(--i))
    }
    .color-bg {
        background: #e9038d24
    }
    .couples-weds-name2 {
        height: 216px;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media screen and (min-width:577px) and (max-width:767px) {
    /* loader  */
    .preloader .Loader {
        position: fixed;
        margin: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        background-color: white;
        z-index: 999;
    }
    .preloader .Loader h1 {
        color: black;
        font-size: 1em;
        animation: fading 2.5s ease-in-out infinite;
    }
    .preloader .Loader p {
        color: white;
        opacity: 80%;
        font-size: 0.8em;
    }
    .preloader .Loader-box {
        margin: 10px;
        flex: 0 0 auto;
        height: 30px;
        width: 30px;
    }
    .preloader .Loader-box .box {
        position: absolute;
        height: 30px;
        width: 30px;
        animation: rotating 2s ease-in infinite;
        animation-delay: calc(var(--id) * .2s);
    }
    .preloader .Loader-box .box .dot {
        background-color: black;
        height: 6px;
        width: 6px;
        border-radius: 100%;
    }
    @keyframes rotating {
        0% {
            opacity: 0;
            transform: rotateZ(0);
        }
        25% {
            opacity: 100%;
            transform: rotateZ(160deg);
        }
        75% {
            opacity: 200%;
            opacity: 100;
        }
        80% {
            transform: rotateZ(300deg);
            opacity: 100;
        }
        100% {
            transform: rotateZ(350deg);
            opacity: 0;
        }
    }
    @keyframes fading {
        0% {
            opacity: 40%;
        }
        50% {
            opacity: 90%;
        }
        100% {
            opacity: 40%;
        }
    }
    /* loader end */
    /* dashboard loader  */
    .dashboard-loader {
        position: relative;
        padding: 5px 15px;
        animation: loader 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
        color: white;
        font-size: 12px;
    }
    @keyframes loader {
        0% {
            letter-spacing: -1px;
        }
        100% {
            letter-spacing: 15px;
        }
    }
    .dashboard-loader::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        transform: skewX(-15deg);
        background-color: #f3b8d0;
    }
    .dashboard-loader .banner-left,
    .dashboard-loader .banner-right {
        width: 60px;
        height: 100%;
        position: absolute;
        z-index: -2;
        bottom: -30%;
        transform: skewX(-15deg);
        background-color: #b60965bf;
    }
    .dashboard-loader .banner-left {
        animation: sub-banner-left 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
    }
    @keyframes sub-banner-left {
        0% {
            right: 82%;
        }
        100% {
            right: 90%;
        }
    }
    .dashboard-loader .banner-right {
        animation: sub-banner-right 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
    }
    @keyframes sub-banner-right {
        0% {
            left: 82%;
        }
        100% {
            left: 90%;
        }
    }
    .dashboard-loader .banner-left::before,
    .dashboard-loader .banner-right::before {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -1px;
        border: 22px solid;
        border-color: transparent;
    }
    .dashboard-loader .banner-left::before {
        left: -1px;
        border-left-color: #ffffff;
    }
    .dashboard-loader .banner-right::before {
        right: -1px;
        border-right-color: #ffffff;
    }
    .dashboard-preloader {
        position: fixed;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* dashboard loader  end*/
    .counter-text p {
        text-align: center;
        text-align: center;
        font-family: Estonia, cursive;
        letter-spacing: 2px;
        color: #fff;
        font-size: 35px;
        border: 1px solid #fff;
        margin: 0 5px 3px 5px;
        font-weight: 500;
        text-shadow: 1px 2px #000;
        background: #fdf6fa36;
        color: #fff;
        border-radius: 15px 0!important;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .profile-bridegroom {
        padding: 50px 0
    }
    .profile-pic-new {
        width: 140px;
        height: 145px
    }
    .profile-pic-new img {
        border-radius: 50%;
        object-fit: cover;
        border: 20px solid pink;
        border-image-source: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/652/hearts-border-image.png);
        border-image-slice: 20 22;
        width: 140px;
        height: 140px
    }
    .bride-summary-col .wedsheart {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 18px 0
    }
    .bride-summary .bride-name h3 {
        font-size: 20px;
        text-align: center;
        color: #fff;
        letter-spacing: 4px;
        font-family: 'Great Vibes', cursive
    }
    .wedsheart .heart-circle {
        width: 40px;
        height: 40px;
        background: #3d5ae8;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px
    }
    .accordion-card-header {
        margin-bottom: 0;
        background-color: #fff;
        border-radius: 4px;
        padding: 10px 12px
    }
    .todo .accordion-card-title {
        font-size: 12px
    }
    .accordion-card-header span {
        font-size: 12px;
        margin-top: 6px
    }
    .todo-date {
        color: #6f6d72;
        font-size: 11px
    }
    .mob-font-para {
        font-size: 13px
    }
    .submit-event-days {
        margin-top: 0!important;
        margin-bottom: 20px
    }
    .venue-form-calendar {
        position: absolute;
        bottom: 17px;
        right: 30px;
        color: #6e6a6b
    }
    .form-group {
        margin-bottom: 12px
    }
    .mob-dashrow-mt {
        margin-top: 25px
    }
    .margin-top-mob {
        margin-top: 75px!important
    }
    .current-activited-new {
        padding: 8px 18px
    }
    .process-section-step {
        padding: 45px 0!important
    }
    .space-small {
        padding-top: 45px;
        padding-bottom: 45px
    }
    .mobile-dashboard-menubtn i {
        font-size: 22px;
        line-height: 1;
        background-color: transparent;
        border: 2px solid #e9038d;
        border-radius: .25rem;
        padding: 4px 8px;
        color: #e9038d
    }
    .mobile-menu-height {
        height: 80px
    }
    .mob-nav-dropdown .dropdown-container {
        display: none
    }
    .sidenav {
        display: block;
        width: 98%;
        background-color: #fff;
        padding-top: 0;
        position: fixed;
        top: 0;
        left: -133%;
        height: 100%;
        text-align: left;
        transition: all .9s ease;
        z-index: 9999999;
        background: linear-gradient(114deg, #ddd6f3, #faaca8)
    }
    .main-mobile-hidden {
        display: none!important
    }
    .header-side-screen {
        background: #000000c9;
        height: 100vh;
        width: 20%;
        position: absolute;
        right: 0;
        z-index: 99999
    }
    .header-side-screen {
        display: none
    }
    .sidenav.show {
        left: 0
    }
    .dropdown-btn,
    .sidenav a {
        display: block;
        width: 100%
    }
    .sidenav .red-bg {
        background: linear-gradient(173deg, #fff, #fd9193);
        color: #000!important;
        font-size: 18px
    }
    .sidenav .mob-nav-list .nav-links {
        padding-left: 10px;
        color: grey;
        font-size: 15px;
        text-transform: capitalize
    }
    .sidenav .mob-nav-list .dropdown-btn {
        border: none;
        padding: 5px 15px;
        text-align: left;
        font-size: 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: 0 0;
        color: inherit
    }
    .sidenav .mob-nav-list .dropdown-btn i {
        width: 10%;
        text-align: center
    }
    .sidenav .mob-nav-list .dropdown-btn span {
        display: inline-block;
        width: 80%;
        padding-left: 10px
    }
    .sidenav .mob-nav-list .fa-chevron-down,
    .sidenav .mob-nav-list .fa-chevron-up {
        padding-left: 0;
        width: 10%;
        font-size: 12px;
        text-align: right
    }
    .rewards-img,
    .sidenav .post-img,
    .wallet-img {
        padding-right: 7px
    }
    .mob-header {
        height: 60px;
        display: flex;
        align-items: center;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999999;
        box-shadow: 0 2px 10px rgb(0 0 0 / 11%)
    }
    .mob-header .mob-bar-col {
        text-align: left
    }
    .mob-header .mob-bar-col .fa-bars {
        font-size: 25px;
        color: #000
    }
    .mob-header .mob-logo-col {
        text-align: right
    }
    .mob-header .mob-logo-col .mob-logo-img {
        height: 40px;
        object-fit: contain
    }
    .sidenav .red-bg {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 15px
    }
    .sidenav .mob-menu-close,
    .sidenav .profile-img {
        width: 15%
    }
    .sidenav .login-heading {
        width: 70%
    }
    .sidenav .profile-img img {
        width: 40px;
        height: 40px;
        padding: 5px;
        border-radius: 50%
    }
    .sidenav .login-heading p {
        color: #000;
        font-size: 16px;
        font-weight: 600;
        margin-left: 5px;
        text-transform: capitalize
    }
    .sidenav .mob-menu-close .fa-times {
        font-size: 18px;
        line-height: 1;
        background-color: transparent;
        border: 2px solid #e9038d;
        border-radius: .25rem;
        padding: 4px 8px;
        color: #e9038d
    }
    .sidenav .mob-nav-div {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px 15px
    }
    .sidenav .mob-nav-div:hover,
    .sidenav .mob-nav-dropdown .dropdown-btn:hover {
        background: #cf919c;
        color: #fff
    }
    .sidenav .mob-nav-div:hover .nav-links {
        color: #fff
    }
    .sidenav .mob-nav-list .mob-nav-div:hover .nav-links {
        color: #fff
    }
    .sidenav .mob-nav-div .mob-nav-img {
        width: 10%;
        text-align: center
    }
    .sidenav .mob-nav-div .mob-nav-heading {
        width: 90%
    }
    .sidenav .mob-nav-div .mob-nav-img img {
        height: 16px;
        width: 16px;
        object-fit: contain;
        padding: 0
    }
    .sidenav .mob-nav-dropdown {
        padding: 3px 0
    }
    .sidenav ul {
        padding: 0;
        margin: 0
    }
    .who-we-content {
        padding: 30px 0!important
    }
    .mobile-mb0 {
        margin-bottom: 0!important
    }
    .mob-gallery-card {
        height: 116px!important
    }
    .footer {
        background-color: #302d34;
        padding-top: 35px;
        padding-bottom: 0;
        color: #98969b;
        font-size: 14px
    }
    .tiny-footer p {
        font-size: 7px;
        text-align: center
    }
    .vendor-descript-section .venue-details img {
        height: 200px;
        object-fit: cover
    }
    .vendor-category-listdiv .vendor-img img {
        width: 100%;
        height: 195px;
        object-fit: cover
    }
    .vendor-category-listdiv .vendor-title {
        font-size: 18px
    }
    .vendor-category-listdiv .vendor-guest,
    .vendor-category-listdiv .vendor-price {
        font-size: 16px;
        color: #252328;
        font-weight: 400
    }
    .navbar-classic.navbar {
        padding: 10px 0;
        align-items: center
    }
    .navbar-classic .navbar-nav .nav-item .nav-link {
        font-size: 16px
    }
    .wedding-planning-section .feature-icon-block {
        margin: 15px 0;
        padding: 15px 5px
    }
    .wedding-planning-section .feature-icon-block .feature-icon {
        margin-bottom: 0
    }
    .navbar-boxed .navbar-toggler,
    .navbar-classic .navbar-toggler {
        padding: 7px
    }
    .mobile-navmenu-customcss {
        position: absolute;
        width: 105%;
        background: #fff;
        top: -45px;
        left: -16px;
        z-index: 99999;
        padding: 0 0 40px;
        height: 100vh;
        padding: 25px 0
    }
    .mobile-navmenu-closebtn {
        display: block;
        margin-left: auto;
        margin-right: 25px
    }
    .mobile-navmenu-closebtn i {
        margin: 0 5px;
        color: #e9038d
    }
    .mob-button-ml {
        margin-left: 21px;
        margin-top: 16px
    }
    .price-table .price-head h4 {
        font-size: 20px
    }
    .price-table .price-head h2 {
        font-size: 16px;
        line-height: 20px
    }
    .price-table .price-button a {
        font-size: 12px
    }
    .price-table .price-content ul li {
        list-style: none;
        font-size: 11px;
        text-transform: uppercase;
        padding: 3px 0;
        color: #777;
        cursor: pointer;
        border-left: .94rem solid transparent;
        border-right: .94rem solid transparent;
        transition: .5s
    }
    .dashboard-header {
        position: fixed
    }
    .days-submit-btn button {
        width: 25%!important
    }
    .main-menu.mobile-dashboard-sidebar:hover,
    nav.main-menu.mobile-dashboard-sidebar.expanded {
        width: 250px;
        overflow: visible
    }
    .main-menu.mobile-dashboard-sidebar {
        background: linear-gradient(114deg, #ddd6f3, #faaca8);
        box-shadow: 0 0 1px 0 rgb(198 198 198 / 85%);
        border-right: 1px solid #e5e5e5;
        position: fixed;
        top: 80px;
        bottom: 0;
        height: 100%;
        left: 0;
        width: 60px;
        overflow: hidden;
        -webkit-transition: width .05s linear;
        transition: width .05s linear;
        -webkit-transform: translateZ(0) scale(1, 1);
        z-index: 1000
    }
    .main-menu.mobile-dashboard-sidebar ul li a i {
        position: relative;
        display: table-cell;
        width: 60px;
        text-align: center;
        vertical-align: middle;
        font-size: 14px
    }
    .main-menu.mobile-dashboard-sidebar>ul {
        margin: 0 0;
        padding: 0
    }
    .main-menu.mobile-dashboard-sidebar li {
        position: relative;
        display: block;
        width: 250px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0
    }
    .main-menu.mobile-dashboard-sidebar li>a {
        position: relative;
        display: table;
        border-collapse: collapse;
        border-spacing: 0;
        color: #656565;
        font-family: arial;
        font-size: 14px;
        text-decoration: none;
        -webkit-transform: translateZ(0) scale(1, 1);
        -webkit-transition: all .1s linear;
        transition: all .1s linear
    }
    .main-menu.mobile-dashboard-sidebar .nav-icon {
        position: relative;
        display: table-cell;
        width: 60px;
        height: 36px;
        text-align: center;
        vertical-align: middle;
        font-size: 18px
    }
    .main-menu.mobile-dashboard-sidebar .nav-text {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        width: 190px;
        font-family: 'Titillium Web', sans-serif
    }
    .main-menu.mobile-dashboard-sidebar>ul.logout {
        position: absolute;
        left: 0;
        bottom: 0
    }
    .main-menu.mobile-dashboard-sidebar li:hover,
    nav.main-menu.mobile-dashboard-sidebar li.active {
        background: #cf919c;
        color: #fff
    }
    .main-menu.mobile-dashboard-sidebar li:hover>a,
    .main-menu.mobile-dashboard-sidebar li:hover>a span,
    nav.main-menu.mobile-dashboard-sidebar li.active>a,
    nav.main-menu.mobile-dashboard-sidebar li.active>a span {
        background: #cf919c;
        color: #fff
    }
    .process-block .inner-box .count {
        position: absolute;
        right: 17px;
        top: -40px;
        height: 60px;
        width: 60px;
        background-color: #fff;
        border-radius: 0 10px 0 0;
        font-size: 20px;
        line-height: 60px
    }
    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-next {
        position: absolute
    }
    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-prev {
        position: absolute
    }
    .btn-lg {
        padding: 14px 26px;
        font-size: 14px;
        line-height: 1.3333333
    }
    .section-title h2 {
        font-size: 18px;
        line-height: 20px
    }
    .section-title p {
        font-size: 11px;
        line-height: 2
    }
    .section-title {
        margin-bottom: 30px
    }
    .dashrow .dashcol .main-iconlogo {
        width: 35px;
        height: 35px;
        font-size: 12px
    }
    .dashcol h4 {
        font-size: 14px;
        margin: 23px 0
    }
    .single-services table {
        font-size: 11px;
        width: 90%
    }
    .single-services table tr td:first-child {
        width: 50%
    }
    .single-services table tr td {
        width: 50%
    }
    .dashborad-card-border {
        border: 1px dashed #bbb;
        border-radius: 0 0 0 20px;
        min-height: auto;
        padding: 25px 0;
        margin-bottom: 20px
    }
    .budget-board table th {
        padding: 8px 15px
    }
    .wedding-budget-event {
        width: 25%
    }
    .budget-board table td {
        padding: 10px 15px;
        font-size: 12px
    }
    .budget-board .card-body h3 {
        font-size: 12px;
        margin-bottom: 8px
    }
    .budget-board .card-body p {
        font-size: 11px;
        line-height: 20px
    }
    .db-nav-list .navbar-nav .nav-item .nav-link {
        padding: 8px 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
    .card-body {
        padding: 10px 10px
    }
    .user-icon img {
        height: 31px
    }
    .db-nav-list .navbar-nav .nav-item {
        text-align: center
    }
    .price-table .price-head {
        padding: 15px 0
    }
    .upload-gallery-images h3 {
        font-size: 12px
    }
    .upload-gallery-images input {
        font-size: 11px
    }
    .budget-board .table {
        font-size: 11px;
        white-space: nowrap
    }
    button.btn {
        font-size: 12px;
        font-weight: 300;
        padding: 5px 15px
    }
    .upload-gallery-images .remove {
        display: block;
        background: #183240;
        border: 1px solid #000;
        color: #fff;
        text-align: center;
        cursor: pointer;
        font-size: 12px;
        padding: 0 15px
    }
    .add-venue-title h3 {
        color: #fff;
        background-color: #e9038d;
        border-color: #e9038d;
        padding: 6px 15px;
        border-radius: 7px;
        font-size: 12px
    }
    .dashboard-sidebar .vendor-user-profile .vendor-profile-img img {
        width: 60px;
        height: 65px;
        object-fit: contain;
        background: #fff
    }
    .dashboard-tabled-img img {
        height: 30px;
        object-fit: contain
    }
    .dashboard-sidebar {
        width: 235px
    }
    .dashboard-header .header-logo {
        line-height: 4;
        padding-top: 0;
        height: 100%;
        display: flex;
        align-items: center;
        padding-bottom: 0
    }
    .trusted-partner .client-logo img {
        height: 65px;
        width: 100%;
        object-fit: contain
    }
    .what-we-do-div .service-img img {
        height: 70px
    }
    .what-we-do-div .service-title {
        font-size: 16px;
        line-height: 20px
    }
    .what-we-do-div p {
        font-size: 12px;
        line-height: 25px
    }
    .what-we-do-div .service-block .card-body {
        padding: 25px 15px!important
    }
    .client-logo {
        margin-bottom: 0
    }
    .what-we-do-div a.btn {
        font-size: 12px;
        padding: 10px 26px
    }
    .who-we-are-div .lead {
        font-size: 13px
    }
    .who-we-are-div p {
        margin: 0 0 15px 0;
        font-size: 12px;
        line-height: 25px
    }
    .testimonial-block {
        min-height: 340px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 18px
    }
    .testimonial-block .testimonial-icon {
        margin-bottom: 8px;
        font-size: 20px;
        text-align: center;
        margin-top: 0;
        text-align: center
    }
    .testimonial-block .testimonial-name {
        text-align: center;
        font-weight: 400;
        margin-bottom: 10px;
        font-size: 16px
    }
    .testimonial-block .testimonial-text {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 15px
    }
    .testimonial-block .testimonial-pic {
        text-align: center;
        margin-bottom: 15px
    }
    .abt-who-mobimg {
        height: 220px;
        width: 100%;
        object-fit: contain
    }
    .who-we-content h2 {
        font-size: 25px
    }
    .page-title {
        font-size: 20px!important
    }
    .page-breadcrumb .breadcrumb .breadcrumb-item {
        font-size: 10px
    }
    .testimonial-pic img {
        width: 45px;
        height: 45px;
        object-fit: cover
    }
    .testimonial-meta h5 {
        font-size: 14px;
        line-height: 20px
    }
    .testimonial-small-text {
        font-size: 10px;
        line-height: 20px
    }
    .page-header.about-bgimg {
        min-height: 165px
    }
    .process-block .inner-box {
        padding: 0!important;
        height: 255px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .process-block .inner-box .feature {
        margin-bottom: 0;
        margin-top: 0
    }
    .process-section-step .circle-xxxl {
        height: 80px;
        width: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0!important;
        margin-bottom: 20px
    }
    .how-works h3 {
        font-size: 16px
    }
    .how-works p {
        font-size: 12px;
        line-height: 20px
    }
    .process-section-step .circle-xxxl .icon-5x {
        font-size: 25px
    }
    .process-number-second {
        position: absolute;
        left: 30%;
        bottom: -17px;
        text-align: center;
        font-weight: 500;
        line-height: 1.8
    }
    .process-section-step .circle-xxxl .circle-lg {
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 12px
    }
    .process-section-step .process-arrow {
        position: absolute;
        top: 92px;
        right: -28px
    }
    .logo-link img {
        height: 45px;
        width: auto;
        object-fit: cover
    }
    .banner-div {
        position: relative
    }
    .banner-div svg {
        position: absolute;
        bottom: -2px;
        left: 0;
        z-index: 1
    }
    .banner-div svg path {
        fill: #fdf6fa
    }
    .banner-slider img {
        width: 100%;
        height: calc(100vh - 585px);
        opacity: 1!important;
        animation-duration: 3s;
        transition: all 1s ease;
        object-fit: cover
    }
    .banner-slider [data-animation-in] {
        opacity: 0;
        animation-duration: 6s;
        transition: opacity .5s ease .3s!important;
        transition: 1s
    }
    @keyframes zoomInImage {
        from {
            transform: scale3d(1, 1, 1);
            transition: 1s
        }
        to {
            transform: scale3d(1.1, 1.1, 1.1);
            transition: 1s
        }
    }
    .zoomInImage {
        animation-name: zoomInImage
    }
    .banner-slider .slide .slide__content {
        position: absolute;
        top: 35%;
        transform: translateY(-35%) translateX(-50%);
        left: 50%;
        z-index: 9999999
    }
    .banner-slider .slide .slide__content .search-head {
        margin-bottom: 0;
        padding: 0
    }
    .banner-slider .slide .slide__img {
        position: relative
    }
    .banner-slider .slide .slide__img .overlay {
        position: absolute;
        background: #00000061;
        width: 100%;
        height: 100%;
        top: 0
    }
    .category-div .venue-categories-img img {
        height: 110px;
        object-fit: cover;
        width: 100%
    }
    .category-div .venue-categories-img .venue-categories-overlay h3 {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px
    }
    .category-div .venue-categories-img .overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #0000008c 20%, transparent 40%)
    }
    .gallery-div .image-gallery img {
        max-width: 100%;
        height: 175px;
        width: 100%;
        object-fit: cover
    }
    .gallery-div .image-gallery {
        margin-bottom: 30px;
        position: relative;
        box-shadow: rgb(0 0 0 / 15%) 0 1px 5px 0;
        padding: 15px;
        margin-right: 20px;
        background: #fff
    }
    .gallery-div .image-gallery i {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        font-size: 34px;
        color: #000;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: #ffc125;
        text-align: center;
        transform: translate(-50%, -50%) scale(0);
        transition: transform .3s 0s cubic-bezier(.175, .885, .32, 1.275)
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item img {
        width: 100%;
        height: 70vh;
        object-fit: contain
    }
    .ekko-lightbox.show {
        overflow: hidden!important;
        height: calc(115vh - 130px)!important
    }
    .ekko-lightbox .modal-dialog {
        min-width: 50%!important;
        max-width: 50%!important;
        min-height: 100vh!important;
        max-height: 100vh!important
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container {
        height: 70vh!important;
        position: relative;
        display: flex;
        justify-content: center
    }
    .ekko-lightbox .modal-dialog .modal-body {
        padding: 50px
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item img {
        width: 100%;
        height: 70vh;
        object-fit: contain
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item {
        position: absolute
    }
    .ekko-lightbox {
        padding-right: 0!important
    }
    .ekko-lightbox .modal-dialog .modal-content .modal-header {
        display: none!important
    }
    .ekko-lightbox .modal-dialog .modal-content {
        border-radius: 15px
    }
    .ekko-lightbox .modal-dialog {
        margin-top: 130px
    }
    .ekko-lightbox .modal-dialog .modal-content .modal-header .modal-title {
        display: none
    }
    .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-nav-overlay a span {
        font-size: 20px;
        color: #000
    }
    .slide__content {
        position: absolute!important;
        top: 50%;
        z-index: 99999999999999999;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 85%
    }
    .slide__content .search-head-title {
        color: #e9038d;
        font-size: 12px;
        padding: 10px
    }
    .slide__content .nice-select .list {
        max-height: 165px;
        overflow-y: scroll
    }
    .nice-select {
        width: 100%!important
    }
    .gallery-loaction p {
        margin-top: 10px;
        font-size: 15px;
        text-align: center;
        color: #4a4a4a
    }
    .wedding-planning-bgimg {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative
    }
    .wedding-planning-bgimg .wedding-planning-section {
        background-color: #00000091!important;
        color: #fff;
        padding-bottom: 85px;
        padding-top: 70px
    }
    .wedding-planning-section .feature-icon-block .feature-content p {
        font-size: 11px;
        line-height: 19px;
        min-height: 40px
    }
    .wedding-planning-bgimg .wedding-planning-section .section-title h2 {
        color: #fff
    }
    .wedding-planning-bgimg .wedding-planning-section .feature-icon-block .feature-content h3 {
        color: #fff;
        font-size: 12px;
        margin-bottom: 0!important
    }
    .wedding-planning-section .feature-icon-block .feature-content {
        padding: 10px 0 0 0
    }
    .wedding-planning-bgimg .wedding-planning-section .feature-icon-block .feature-icon i {
        color: #fff;
        font-size: 20px
    }
    .wedding-planning-bgimg svg {
        position: absolute;
        bottom: -1px;
        left: 0
    }
    .wedding-planning-bgimg svg path {
        fill: #fdf6fa
    }
    .process-section-step .section-title {
        margin-bottom: 65px
    }
    .sectionbgimg {
        background-repeat: no-repeat;
        background-position: -4% 1%;
        margin-top: -100px;
        position: relative;
        z-index: 99
    }
    .sectionbgimg-right {
        background-repeat: no-repeat;
        background-position: 105% -561%
    }
    .vendor-mt-heading {
        margin-top: 0
    }
    .dashboard-content-cont {
        width: 1000px;
        position: relative;
        display: flex;
        justify-content: space-between
    }
    .dashboard-content-cont .card {
        position: relative;
        cursor: pointer
    }
    .dashboard-content-cont .card .face {
        width: 300px;
        height: 200px;
        transition: .5s
    }
    .dashboard-content-cont .card .face.face1 {
        position: relative;
        background: #333;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        transform: translateY(100px)
    }
    .dashboard-content-cont .card:hover .face.face1 {
        background: #ff0057;
        transform: translateY(0)
    }
    .dashboard-content-cont .card .face.face1 .content {
        opacity: .2;
        transition: .5s
    }
    .dashboard-content-cont .card:hover .face.face1 .content {
        opacity: 1
    }
    .dashboard-content-cont .card .face.face1 .content img {
        max-width: 100px
    }
    .dashboard-content-cont .card .face.face1 .content h3 {
        margin: 10px 0 0;
        padding: 0;
        color: #fff;
        text-align: center;
        font-size: 1.5em
    }
    .dashboard-content-cont .card .face.face2 {
        position: relative;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        box-sizing: border-box;
        box-shadow: 0 20px 50px rgba(0, 0, 0, .8);
        transform: translateY(-100px)
    }
    .dashboard-content-cont .card:hover .face.face2 {
        transform: translateY(0)
    }
    .dashboard-content-cont .card .face.face2 .content p {
        margin: 0;
        padding: 0
    }
    .dashboard-content-cont .card .face.face2 .content a:hover {
        background: #333;
        color: #fff
    }
    .signup-signin-section .nice-select ul {
        max-height: 210px;
        overflow-y: scroll
    }
    .vendor-login-section {
        background-repeat: no-repeat;
        background-position: -4% 1%;
        margin-top: 45px;
        position: relative
    }
    .vendor-new-bg {
        min-height: 100vh
    }
    .change-password-section .show-modal {
        color: #fff;
        background: linear-gradient(to right, #33a3ff, #0675cf, #49a6fd);
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
        padding: 10px 15px;
        margin: 200px auto 0;
        border: none;
        outline: 0;
        box-shadow: 0 0 20px rgba(0, 0, 0, .1);
        display: block;
        transition: all .3s ease 0s
    }
    .change-password-section .show-modal:focus,
    .change-password-section .show-modal:hover {
        color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        outline: 0
    }
    .change-password-section .modal-dialog {
        width: 400px;
        margin: 150px auto 0
    }
    .change-password-section .modal-dialog {
        transform: scale(.5)
    }
    .change-password-section .modal-dialog {
        transform: scale(1)
    }
    .change-password-section .modal-dialog .modal-content {
        text-align: center;
        border: none;
        background-image: url(https://c0.wallpaperflare.com/preview/491/618/554/indian-wedding-bride-marriage-gown.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative
    }
    .change-password-section .modal-dialog .modal-content .overlay {
        background: #00000061;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
    .change-password-section .modal-content .close {
        color: #fff;
        background: linear-gradient(to right, #e60132, #eb002c, #7d1726);
        font-size: 25px;
        font-weight: 400;
        text-shadow: none;
        line-height: 27px;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        overflow: hidden;
        opacity: 1;
        position: absolute;
        left: auto;
        right: 8px;
        top: 8px;
        z-index: 1;
        transition: all .3s
    }
    .change-password-section .modal-content .close:hover {
        color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, .5)
    }
    .change-password-section .close:focus {
        outline: 0
    }
    .change-password-section .modal-body {
        padding: 60px 40px 40px!important
    }
    .change-password-section .modal-body .title {
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 1px;
        margin: 0 0 35px
    }
    .change-password-section .modal-body .description {
        color: #fff;
        font-size: 16px;
        margin: 0 0 20px
    }
    .change-password-section .modal-body .form-group {
        text-align: left;
        margin-bottom: 20px;
        position: relative
    }
    .change-password-section .modal-body .input-icon {
        color: #777;
        font-size: 18px;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        left: 20px
    }
    .change-password-section .modal-body .form-control {
        font-size: 17px;
        height: 45px;
        width: 100%;
        padding: 6px 0 6px 50px;
        margin: 0 auto;
        border: 2px solid #eee;
        border-radius: 5px;
        box-shadow: none;
        outline: 0
    }
    .change-password-section .form-control::placeholder {
        color: #aeafb1
    }
    .change-password-section .modal-content .modal-body .btn {
        color: #fff;
        background: linear-gradient(to right, #e60132, #eb002c, #7d1726);
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 38px;
        width: 100%;
        height: 40px;
        padding: 0;
        border: none;
        border-radius: 5px;
        border: none;
        display: inline-block;
        transition: all .6s ease 0s
    }
    .change-password-section .modal-content .modal-body .btn:hover {
        color: #fff;
        letter-spacing: 2px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .5)
    }
    .change-password-section .modal-content .modal-body .btn:focus {
        outline: 0
    }
    .profile-names p.changes-passwords {
        cursor: pointer
    }
    .dashboard-nav ul li a:hover {
        background: #cf919c;
        color: #fff;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px
    }
    .dashboard-wrapper {
        padding-top: 60px
    }
    .lightbox-item-card a img {
        border-radius: 7px;
        padding: 10px;
        height: 100px;
        object-fit: cover;
        width: 100%
    }
    .current-activited-new a {
        color: #fff;
        font-size: 12px
    }
    .animate-charcter {
        background-image: linear-gradient(-225deg, #231557 0, #d9a94d 29%, #e952a6 67%, #5e96b4 100%);
        background-size: auto auto;
        background-clip: border-box;
        background-size: 200% auto;
        color: #fff;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: textclip 2s linear infinite;
        display: inline-block;
        font-size: 20px;
        height: 35px;
        display: flex;
        align-items: center;
        margin-left: 8px;
        font-weight: 600
    }
    @keyframes textclip {
        to {
            background-position: 200% center
        }
    }
    .hello-title h3 {
        text-align: center;
        font-size: 20px;
        margin-top: 30px;
        height: 35px;
        display: flex;
        align-items: center;
        font-weight: 600;
        color: #3c3c3c;
        margin-bottom: 6px;
        justify-content: center!important
    }
    .hello-title p {
        color: #000;
        font-size: 20px;
        margin-bottom: 60px
    }
    .feature.height-equal {
        min-height: 200px;
        margin: 0;
        font-size: 12px
    }
    .feature.height-equal .card-body {
        padding: 15px 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    .feature.height-equal .circle-xl {
        height: 65px;
        width: 65px;
        line-height: 65px;
        padding: 0;
        margin-bottom: 15px
    }
    .feature.height-equal h3 {
        font-size: 16px;
        line-height: 20px
    }
    .feature.height-equal .circle-xl i {
        font-size: 20px
    }
    .feature.height-equal .feature-icon h3 {
        font-size: 18px
    }
    .feature.height-equal .feature-icon ul li {
        font-size: 14px
    }
    .background-images-pro.new-bannerimg img {
        width: 100%;
        height: 135px;
        object-fit: cover;
        object-position: top;
        background: #7fffd4;
        opacity: .5
    }
    .table.table-list thead.thead-light th {
        color: #495057;
        background-color: #e5c3e7!important;
        border-color: #e5c3e7!important;
        padding: 15px 20px
    }
    .todo-thead {
        color: #495057!important;
        background-color: #e5c3e7!important;
        border-color: #e5c3e7!important;
        padding: 10px 12px;
        line-height: 2;
        font-size: 11px
    }
    .guest-list-table .table {
        font-size: 11px;
        white-space: nowrap
    }
    .event-details-fill h3,
    .event-timming h3 {
        font-size: 16px
    }
    .event-timming h4.days-count {
        font-size: 14px
    }
    .guestlist-management .guest-list-table .single-guest-tab .dataTables_info {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 25px;
        font-size: 12px
    }
    .guestlist-management .guest-list-table .single-guest-tab .dataTables_paginate .paginate_button.next,
    .guestlist-management .guest-list-table .single-guest-tab .dataTables_paginate .paginate_button.previous {
        background: #e9038d;
        padding: 5px 27px;
        color: #fff;
        margin: 20px 28px;
        display: inline-block;
        font-size: 12px
    }
    .todo-list ul li {
        padding: 10px 12px;
        border-bottom: 1px solid #ebe7e7;
        line-height: 2;
        font-size: 11px
    }
    .my-profile-sections .nav-bggradient {
        height: 100%;
        background: linear-gradient(114deg, #ddd6f3, #faaca8);
        flex-direction: row!important
    }
    .my-profile-sections .nav-pills .nav-link.active,
    .my-profile-sections .nav-pills .show>.nav-link {
        background-color: #cf919c!important;
        color: #fff!important;
        font-weight: 600;
        letter-spacing: 1px
    }
    .my-profile-sections .nav-pills .nav-link {
        color: #6f6d72;
        border-radius: 2px;
        font-size: 12px
    }
    .my-profile-sections .card-header-bgcolor {
        background-image: linear-gradient(173deg, #fff, #fd9193);
        border-bottom: 0;
        padding: 8px 15px;
        font-size: 12px
    }
    .my-profile-sections .tab-pane .card-header {
        background: #eceaea75;
        border-bottom: 1px solid #dadcdd;
        color: #252328;
        padding: 8px 15px;
        font-size: 12px
    }
    .my-profile-sections .tab-pane .card-body {
        padding: 15px 10px
    }
    textarea {
        width: 100%;
        font-size: 11px
    }
    .vendor-descript-section .venue-header {
        position: relative
    }
    .vendor-descript-section .venue-head {
        position: absolute;
        bottom: 40px;
        width: 100%
    }
    .vendor-descript-section .venue-head h1 {
        font-size: 42px;
        color: #fff;
        margin-bottom: 10px
    }
    .vendor-descript-section .venue-head .title {
        border-bottom: 1px solid #504849;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
    .vendor-descript-section .venue-head .location {
        color: #fff
    }
    .vendor-descript-section .venue-head .location i {
        padding-right: 10px
    }
    .vendor-descript-section .rating-box,
    .vendor-descript-section .venue-action {
        margin-bottom: 20px
    }
    .vendor-descript-section .venue-action {
        text-align: right
    }
    .vendor-descript-section .label-primary {
        background-color: #00aeaf;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        padding: 4px 8px;
        border-radius: 2px;
        font-weight: 700
    }
    .vendor-descript-section .label-primary[href]:focus,
    .vendor-descript-section .label-primary[href]:hover {
        background-color: #f9a630;
        color: #fff
    }
    .vendor-descript-section .address {
        margin-bottom: 0
    }
    .vendor-descript-section .address i {
        padding-right: 10px
    }
    .vendor-descript-section .venue-amenities ul li.list-group-item {
        border: 1px solid #e9e6e0
    }
    .vendor-descript-section .rating {
        margin: 0
    }
    .vendor-descript-section .rating i {
        color: #ffc513
    }
    .vendor-descript-section .side-box {
        background-color: #fff;
        padding: 28px;
        border: 1px solid #e9e6e0;
        margin-bottom: 30px
    }
    .vendor-descript-section .page-sidebar .venue-info {
        background-color: #fff;
        margin-bottom: 30px;
        border: 1px solid #e9e6e0
    }
    .vendor-descript-section .customer-review,
    .vendor-descript-section .review {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .vendor-descript-section .customer-review h1 {
        margin-bottom: 30px;
        border-bottom: 1px solid #e9e6e0;
        padding-bottom: 12px
    }
    .vendor-descript-section .review-list .arrow:after,
    .vendor-descript-section .review-list .arrow:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent
    }
    .vendor-descript-section .review-list .panel.arrow.left:after,
    .vendor-descript-section .review-list .panel.arrow.left:before {
        border-left: 0
    }
    .vendor-descript-section .review-list .panel.arrow.left:before {
        left: -15px;
        top: 30px;
        border-right-color: inherit;
        border-width: 16px
    }
    .vendor-descript-section .review-list .panel.arrow.left:after {
        left: -14px;
        top: 31px;
        border-right-color: #fff;
        border-width: 15px
    }
    .vendor-descript-section .review-list .panel.arrow.right:before {
        right: -16px;
        top: 30px;
        border-left-color: inherit;
        border-width: 16px
    }
    .vendor-descript-section .review-list .panel.arrow.right:after {
        right: -14px;
        top: 31px;
        border-left-color: #fff;
        border-width: 15px
    }
    .vendor-descript-section .review-post {
        margin-top: 10px
    }
    .vendor-descript-section .review-list .review-post {
        margin-top: 20px
    }
    .vendor-descript-section .profile-userpic img,
    .vendor-descript-section .user-pic img {
        border: 4px solid #e9e6e0;
        border-radius: 100%;
        width: 51px;
        height: 52px;
        object-fit: contain;
        margin-bottom: 10px
    }
    .vendor-descript-section .profile-sidebar .profile-userpic img {
        height: 95px;
        width: 90px
    }
    .vendor-descript-section .review-list .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 0;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .05);
        box-shadow: 0 0 0 rgba(0, 0, 0, .05)
    }
    .vendor-descript-section .review-list .panel-default {
        border-color: #e9e6e0
    }
    .vendor-descript-section .review-list .panel-body {
        padding: 30px
    }
    .vendor-descript-section .review-list h3 {
        margin-bottom: 10px
    }
    .vendor-descript-section .rating-group {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .vendor-descript-section .vendor-des-mt {
        margin-top: 55px
    }
    .vendor-descript-section .tabbed-page .capacity {
        border-right: 1px solid #e9e6e0
    }
    .vendor-descript-section .capacity,
    .vendor-descript-section .pricebox {
        width: 50%;
        float: left;
        padding: 15px 20px;
        font-size: 12px
    }
    .vendor-descript-section .venue-info {
        background-color: #fcfbf9;
        border-top: 1px solid #e9e6e0;
        height: 84px;
        font-family: Montserrat, sans-serif;
        text-transform: uppercase;
        font-weight: 700
    }
    .vendor-descript-section .cap-people,
    .vendor-descript-section .price {
        font-size: 18px;
        letter-spacing: -1px;
        color: #3c3634;
        display: block;
        margin: 0;
        line-height: inherit
    }
    .vendor-descript-section p,
    .vendor-descript-section ul li {
        color: #252328;
        font-size: 12px;
        text-align: justify;
        line-height: 25px
    }
    .vendor-descript-section h1,
    .vendor-descript-section h2 {
        font-size: 16px;
        line-height: 20px
    }
    .vendor-descript-section .profile-userpic {
        text-align: center;
        width: 154px;
        margin-right: auto;
        margin-left: auto
    }
    .vendor-descript-section .profile-sidebar .profile-usertitle {
        margin-top: 30px
    }
    .vendor-descript-section .fab,
    .vendor-descript-section .fas {
        color: #e9038d;
        padding-right: 10px;
        font-size: 22px
    }
    .vendor-descript-section .profile-usertitle-name {
        text-align: center
    }
    .vendor-descript-section .profile-address,
    .vendor-descript-section .profile-email,
    .vendor-descript-section .profile-website {
        margin-bottom: 10px
    }
    .vendor-descript-section ul.follow-icon {
        margin-bottom: 0
    }
    .vendor-descript-section ul.follow-icon li {
        padding-right: 10px;
        display: inline
    }
    .vendor-descript-section ul.follow-icon li a {
        font-size: 32px
    }
    .vendor-descript-section .rating-group .radio {
        display: flex;
        align-items: center
    }
    .vendor-descript-section .rating-group .radio:not(:first-child) {
        margin-left: 20px
    }
    .vendor-descript-section .rating-group {
        display: flex;
        align-items: center
    }
    .vendor-descript-section .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px
    }
    .vendor-descript-section .radio label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        top: 6px;
        margin-left: -20px;
        border: 1px solid #e0dcd1;
        border-radius: 50%;
        background-color: #faf9f5;
        -webkit-transition: border .15s ease-in-out;
        -o-transition: border .15s ease-in-out;
        transition: border .15s ease-in-out
    }
    .vendor-descript-section .radio label::after {
        display: inline-block;
        position: absolute;
        content: " ";
        width: 11px;
        height: 11px;
        left: 3px;
        top: 9px;
        margin-left: -20px;
        border-radius: 50%;
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
        -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33)
    }
    .vendor-descript-section .radio input[type=radio] {
        opacity: 0;
        z-index: 1
    }
    .vendor-descript-section .radio input[type=radio]:checked+label::after {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    .vendor-descript-section .radio input[type=radio]:disabled+label {
        opacity: .65
    }
    .vendor-descript-section .radio input[type=radio]:disabled+label::before {
        cursor: not-allowed
    }
    .vendor-descript-section .radio.radio-inline {
        margin-top: 0
    }
    .vendor-descript-section .radio-primary input[type=radio]+label::after {
        background-color: #337ab7
    }
    .vendor-descript-section .radio-primary input[type=radio]:checked+label::before {
        border-color: #337ab7
    }
    .vendor-descript-section .radio-primary input[type=radio]:checked+label::after {
        background-color: #337ab7
    }
    .vendor-descript-section .radio-danger input[type=radio]+label::after {
        background-color: #d9534f
    }
    .vendor-descript-section .radio-danger input[type=radio]:checked+label::before {
        border-color: #d9534f
    }
    .vendor-descript-section .radio-danger input[type=radio]:checked+label::after {
        background-color: #d9534f
    }
    .vendor-descript-section .radio-info input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-info input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-info input[type=radio]:checked+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]:checked+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]:checked+label::after {
        background-color: #e9038d!important;
        outline: 0;
        border: 0;
        background: 0 0
    }
    .edit-guest-div {
        display: none
    }
    .budget-checkbox .custom-control-label::before {
        top: -12px
    }
    .budget-checkbox .custom-control-label::after {
        top: -12px
    }
    .nice-select ul {
        max-height: 250px;
        overflow-y: scroll!important;
        width: 100%
    }
    .all-vendor-listdiv .venue-categories-img img {
        height: 190px;
        width: 100%;
        object-fit: cover
    }
    .gallery-addimg-modal button.close {
        font-size: 24px;
        opacity: 1;
        font-weight: 600;
        line-height: 1;
        color: #fff
    }
    .gallery-addimg-modal button.close:hover {
        color: #ff7b7b!important;
        opacity: 1!important
    }
    .gallery-addimg-modal .modal-header {
        align-items: center;
        color: #fff;
        background-color: #e9038d;
        border-color: #e9038d;
        padding: 10px
    }
    .gallery-addimg-modal .modal-header h5 {
        color: #fff;
        font-size: 15px;
        text-transform: capitalize
    }
    .gallery-addimg-modal .modal-dialog {
        height: 100vh;
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
        max-width: 600px;
        margin: 0 auto
    }
    .img-del-icon {
        position: relative
    }
    .img-del-icon button.close {
        position: absolute;
        top: -10px;
        right: -10px;
        background: #0000009e;
        color: #fff;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 20px;
        font-weight: 500;
        border-radius: 50%
    }
    .img-del-icon button.close:hover {
        background-color: red!important;
        color: #fff!important
    }
    .checkoutform-div .payment-mode-div {
        display: flex;
        align-items: center
    }
    .checkoutform-div .payment-mode-div .custom-control {
        margin-right: 35px
    }
    .profile-reviews .rating-star {
        font-size: 10px!important
    }
    .profile-reviews .rated {
        color: #ffa912
    }
    .profile-reviews .rate-mute {
        color: #909090
    }
    .profile-reviews .avatar img {
        width: 100%;
        object-fit: cover;
        max-width: 100%;
        height: 100%;
        border: 0;
        border-radius: 50%;
        z-index: 1;
        box-shadow: 0 10px 18px 0 rgb(62 57 107 / 20%)
    }
    .profile-reviews span.avatar {
        position: relative;
        width: 36px;
        height: 36px;
        white-space: nowrap;
        cursor: pointer;
        display: inline-flex;
        font-size: .8rem;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
        color: #fff
    }
    .profile-reviews .td-widthdescrip {
        white-space: normal;
        max-width: 270px
    }
    .customer-review .review-list .review-user {
        color: #252328
    }
    .forgot-password-para {
        margin: 0!important
    }
    .forgot-password-para a {
        font-weight: 300!important
    }
    .forgot-password-para a:hover {
        font-weight: 400!important;
        text-decoration: underline!important
    }
    .forgot-password-div {
        display: none
    }
    .signup-signin-section.change-passowrd-section {
        overflow: hidden;
        box-shadow: none;
        border-radius: 0;
        background: 0 0
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div {
        position: relative;
        background: #fff;
        box-shadow: 0 5px 25px rgb(0 0 0 / 10%);
        overflow: hidden;
        width: 50%;
        margin: 0 auto
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div .user {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div .user .formBx {
        width: 100%;
        display: block
    }
    .signup-signin-section {
        position: relative;
        height: 850px;
        margin: 40px 0;
        background: #e9038d;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        overflow: hidden;
        box-shadow: 0 2px 8px #d3d3d3;
        border-radius: 7px
    }
    .signup-signin-section .usersignin-up-div {
        background: #fff;
        box-shadow: 0 15px 50px rgba(0, 0, 0, .1);
        overflow: hidden
    }
    .signup-signin-section .usersignin-up-div .user {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex
    }
    .signup-signin-section .usersignin-up-div .user .imgBx {
        position: relative;
        width: 50%;
        height: 100%;
        background: #ff0;
        transition: .5s
    }
    .signup-signin-section .usersignin-up-div .user .imgBx img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    .signup-signin-section .usersignin-up-div .user .formBx {
        position: relative;
        width: 100%;
        height: 100%;
        background: #fff;
        display: flex;
        /* justify-content: center; */
        align-items: center;
        padding: 19px 20px;
        transition: .5s;
        flex-direction: column
    }
    .signup-signin-section .usersignin-up-div .user .formBx h2 {
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
        width: 100%;
        margin-bottom: 8px;
        color: #555;
        line-height: 20px
    }
    .signup-signin-section .usersignin-up-div .user .formBx h5 {
        font-size: 12px
    }
    .profile-pic-wrapper .pic-holder {
        width: 70px;
        height: 70px
    }
    .pic-heading p {
        font-size: 14px
    }
    .signup-signin-section .usersignin-up-div .user .formBx input {
        position: relative;
        width: 100%;
        border: 1px solid #f1eaea!important;
        padding: 10px;
        background: 0 0;
        color: #333;
        border: none;
        outline: 0;
        box-shadow: none;
        margin: 8px 0;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 300
    }
    label {
        font-size: 12px
    }
    .form-control {
        padding: 15px 15px;
        font-size: 11px
    }
    select.form-control {
        height: 40px;
        padding: 0 15px
    }
    .signup-signin-section .usersignin-up-div .user .formBx button {
        width: 40%;
        background: #e9038d;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1px;
        border-radius: 10px;
        transition: .5s;
        border: 0;
        padding: 8px 0;
        margin: 30px 0 18px 0
    }
    .signup-signin-section .usersignin-up-div .user .formBx .signup {
        position: relative;
        margin-top: 20px!important;
        font-size: 10px;
        letter-spacing: 1px;
        color: #000;
        text-transform: uppercase;
        font-weight: 300
    }
    .user-container .height-signup-increase-vendor {
        height: 1700px!important
    }
    .signup-signin-section .usersignin-up-div .user .formBx .signup a {
        font-weight: 600;
        text-decoration: none;
        color: #000
    }
    .signup-signin-section .usersignin-up-div .signupBx {
        pointer-events: none
    }
    .signup-signin-section .usersignin-up-div .signinBx {
        pointer-events: initial
    }
    .signup-signin-section .active .signupBx {
        pointer-events: initial
    }
    .signup-signin-section .active .signinBx {
        pointer-events: none
    }
    .signup-signin-section .usersignin-up-div .signupBx .formBx {
        left: 100%
    }
    .signup-signin-section .active .signupBx .formBx {
        left: 0
    }
    .signup-signin-section .usersignin-up-div .signupBx .imgBx {
        left: -100%
    }
    .signup-signin-section .active .signupBx .imgBx {
        left: 0
    }
    .signup-signin-section .usersignin-up-div .signinBx .formBx {
        left: 0
    }
    .signup-signin-section .active .signinBx .formBx {
        left: 100%
    }
    .signup-signin-section .usersignin-up-div .signinBx .imgBx {
        left: 0
    }
    .signup-signin-section .active .signinBx .imgBx {
        left: -100%
    }
    .usersignin-up-div .or-div {
        text-align: center;
        margin: 20px 0;
        position: relative
    }
    .usersignin-up-div .or-div:before {
        content: '';
        position: absolute;
        border-bottom: 1px solid #dadada;
        width: 45.3%;
        top: 14px;
        left: 0
    }
    .usersignin-up-div .or-div:after {
        content: '';
        position: absolute;
        border-bottom: 1px solid #dadada;
        width: 45.3%;
        top: 14px;
        right: 0
    }
    .usersignin-up-div .or-div span {
        background: #d7d7d7;
        padding: 10px;
        border-radius: 50%;
        color: #000;
        font-size: 12px
    }
    .usersignin-up-div .google-fb-login ul {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }
    .usersignin-up-div .google-fb-login ul li {
        vertical-align: middle;
        text-align: center;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        background-color: #e44120;
        list-style: none;
        font-size: 13px
    }
    .usersignin-up-div .google-fb-login ul li.fb {
        background-color: #4476b1
    }
    .usersignin-up-div .google-fb-login ul li a {
        color: #fff
    }
    .usersignin-up-div .google-fb-login ul li:not(:first-child) {
        margin-left: 10px
    }
    .signup-signin-section .nice-select {
        width: 100%;
        margin: 8px 0;
        color: #333;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 300
    }
    .signup-signin-section .nice-select:after {
        border-bottom: 2px solid #333;
        border-right: 2px solid #333
    }
    .budget-div .table thead.thead-light th {
        color: #495057;
        background-color: #f6f5f5!important;
        border-color: #f6f5f5!important;
        padding: 8px 8px;
        font-size: 12px
    }
    .checklist-div .custom-control-label::before {
        top: -12px
    }
    .checklist-div .custom-control-label::after {
        top: -12px
    }
    .dashboard-list-content {
        padding: 0
    }
    .dashboard-list-btn {
        padding: 0;
        text-align: left;
        display: flex;
        align-items: center
    }
    .dashboard-list-btn a {
        margin-right: 8px
    }
    .btn-xs {
        padding: 2px 6px;
        font-size: 10px;
        line-height: 1.5
    }
    .add-list-div .card-header h4 {
        font-size: 16px
    }
    .dashboard-content .banner-img-div {
        width: 100%;
        height: 195px;
        background: linear-gradient(45deg, #728bbb, #ffd6dd);
        margin-bottom: 10px;
        position: relative
    }
    .dashboard-content .banner-img-div .banner-curve {
        position: absolute;
        bottom: -1px;
        left: -1px;
        width: 101%
    }
    .dashboard-content .banner-img-div .banner-curve svg path {
        fill: #fdf6fa
    }
    .dashboard-content .banner-img-div .overlay {
        position: absolute;
        background: #4a4a4a96;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .dashboard-content .banner-img-div .dashboard-page-header {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translateX(-50%) translateY(-45%);
        border: 0;
        margin: 0;
        width: 100%;
        text-align: center
    }
    .dashboard-page-title {
        font-family: Estonia, cursive;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 20px;
        margin-bottom: 8px
    }
    .btn {
        border: 2px solid transparent;
        padding: 6px 15px;
        font-size: 12px
    }
    .btn-sm {
        padding: 6px 15px;
        font-size: 12px;
        line-height: 1.5
    }
    .dashboard-page-header {
        margin-bottom: 25px;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 15px
    }
    td .dashboard-list-content h3 {
        font-size: 11px;
        line-height: 18px
    }
    td .dashboard-list-content p {
        font-size: 11px;
        line-height: 18px
    }
    .dashboard-page-header p {
        font-size: 11px;
        line-height: 15px
    }
    .dashboard-content .banner-img-div .dashboard-page-header h3 {
        font-weight: 500;
        margin-bottom: 0;
        font-size: 25px;
        color: #fff;
        letter-spacing: 2px
    }
    .dashboard-content .banner-img-div .dashboard-page-header p {
        color: #252328;
        font-size: 20px;
        color: #fff
    }
    .dashboard-content .banner-img-div img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }
    .checklist-msg-div {
        display: flex;
        border: 1px solid #ffffff94;
        padding: 15px 15px;
        margin-bottom: 50px;
        background: #fff;
        border-radius: 10px
    }
    .checklist-msg-div .msg-icon i {
        color: #f5f503;
        font-size: 18px;
        margin-right: 12px
    }
    .checklist-msg-div .msg-content p:first-child {
        font-weight: 600;
        color: #252328;
        margin-bottom: 10px;
        font-size: 12px
    }
    .checklist-msg-div .msg-content p {
        color: #252328;
        font-size: 11px;
        line-height: 20px
    }
    .checklist-msg-div .msg-content button {
        background: 0 0;
        color: #345191;
        border: 1px solid #345191;
        width: 30%;
        padding: 5px 0;
        cursor: pointer;
        font-size: 12px;
        line-height: 20px
    }
    .circular-progress-div .circle_percent {
        font-size: 90px;
        width: 1em;
        height: 1em;
        position: relative;
        background: #eee;
        border-radius: 50%;
        overflow: hidden;
        display: inline-block;
        margin: 20px
    }
    .circular-progress-div .circle_inner {
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        height: 1em;
        clip: rect(0 1em 1em .5em)
    }
    .circular-progress-div .round_per {
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        height: 1em;
        background: #e4a6d2;
        clip: rect(0 1em 1em .5em);
        transform: rotate(180deg);
        transition: 1.05s
    }
    .circular-progress-div .percent_more .circle_inner {
        clip: rect(0 .5em 1em 0)
    }
    .circular-progress-div .percent_more:after {
        position: absolute;
        left: .5em;
        top: 0;
        right: 0;
        bottom: 0;
        background: #e4a6d2;
        content: ''
    }
    .circular-progress-div .circle_inbox {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background: #fff;
        z-index: 3;
        border-radius: 50%
    }
    .circular-progress-div .percent_text {
        position: absolute;
        font-size: 14px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
        color: #000
    }
    .circular-progress-div .total-cost-div p {
        color: #d8a94c;
        font-weight: 600;
        font-size: 15px;
        line-height: 25px;
        text-align: center
    }
    .circular-progress-div .total-cost-div p.max-budget-linjk {
        color: #777;
        font-weight: 400;
        font-size: 14px;
        background: #eee;
        padding: 8px 25px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }
    .circular-progress-div .total-cost-div p.max-budget-linjk span {
        margin-left: 12px
    }
    .circular-progress-div {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center
    }
    .circular-progress-div.amount-paid-circular {
        margin-left: 60px
    }
    .circular-progress-div.amount-paid-circular .total-cost-div p {
        color: #61749f
    }
    .circular-dflex {
        display: flex;
        align-items: flex-start;
        justify-content: center
    }
    .circular-progress-row {
        margin-bottom: 50px
    }
    .budget-category-title {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .budget-category-title>span {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        font-size: 12px;
        margin: 0
    }
    .card-header-tabs .nav-item .nav-link {
        color: #6f6d72;
        font-size: 12px;
        padding: 6px 20px
    }
    .budget-category-title>span p {
        margin-right: 20px
    }
    .budget-board .accordion-card-header {
        background: #f6f5f5
    }
    .budget-category-title .accordion-card-title span {
        margin-top: 0;
        font-size: 12px
    }
    .day-form-div,
    .event-form-div {
        display: none
    }
    .my-profile-sections .nav-pills .nav-link.active,
    .my-profile-sections .nav-pills .show>.nav-link {
        background: #cf919c;
        color: #fff
    }
    .dashboard-content {
        margin-bottom: 35px;
        margin-left: 0;
        margin-right: 0
    }
    .event-slide-panel {
        overflow-y: scroll
    }
    .budget-list-checkbox .custom-control-label::before {
        top: -14px
    }
    .budget-list-checkbox .custom-control-label::after {
        top: -14px
    }
    .budget-submit-btn {
        margin-left: auto!important;
        display: block;
        margin-right: 30px;
        margin-top: 50px!important;
        width: 35%
    }
    .swal2-container .swal2-confirm {
        color: #fff;
        background-color: #e9038d!important;
        border-color: #e9038d!important
    }
    .swal2-container .swal2-popup .swal2-styled:focus {
        box-shadow: none!important
    }
    .my-profile-user-section .nice-select,
    .my-profile-user-section .nice-select ul {
        width: 100%!important;
        font-size: 11px
    }
    .my-profile-user-section .nice-select ul {
        width: 100%;
        max-height: 200px;
        overflow-y: scroll
    }
    .nice-select.swal2-select {
        display: none!important
    }
    .add-task-slide {
        display: none
    }
    .signup-section {
        display: flex;
        justify-content: center;
        width: 100%;
        align-items: center
    }
    .signup-tab a {
        display: block;
        width: 50%;
        font-size: 12px
    }
    .signup-tab a.active {
        background: #e9038d;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1px;
        border-radius: 10px;
        transition: .5s;
        border: 0;
        padding: 3px 0
    }
    .signup-section .signup-tab {
        width: 70%;
        display: flex;
        justify-content: center;
        text-align: center;
        margin-bottom: 25px;
        margin-top: 15px
    }
    .user-container .height-signup-increase {
        height: 1600px!important
    }
    .tab-users {
        display: none
    }
    .tab-users.active {
        display: block
    }
    .section-services {
        padding-bottom: 120px;
        font-family: Poppins, sans-serif;
        color: #fff
    }
    .section-services .header-section {
        margin-bottom: 35px
    }
    .section-services .header-section .title {
        position: relative;
        margin-bottom: 40px;
        padding-bottom: 25px;
        text-transform: uppercase;
        font-weight: 700
    }
    .section-services .header-section .title:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 140px;
        height: 1px;
        background-color: #f70037
    }
    .section-services .header-section .title:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 45px;
        height: 3px;
        background-color: #f70037
    }
    .section-services .header-section .title span {
        color: #f70037
    }
    .section-services .header-section .description {
        color: #6f6f71
    }
    .section-services .single-service {
        margin-top: 40px;
        background-image: linear-gradient(114deg, #ddd6f3, #faaca8);
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
        border-radius: 0 37px;
        min-height: 355px;
        position: relative
    }
    .section-services .single-service .part-1 {
        padding: 15px 40px 15px;
        border-bottom: 2px solid #1d1e23;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
    .section-services .single-service .part-1 i {
        font-size: 25px;
        color: #e62d99
    }
    .section-services .single-service .part-1 .title {
        font-size: 17px;
        font-weight: 700;
        letter-spacing: .02em;
        line-height: 1.8em;
        color: #fff;
        margin-left: 20px;
        margin-bottom: 0
    }
    .section-services .single-service .part-2 {
        padding: 30px 40px 40px
    }
    .section-services .single-service .part-2 .description {
        margin-bottom: 22px;
        color: #6f6f71;
        font-size: 14px;
        line-height: 1.8em
    }
    .section-services .single-service .part-2 a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        position: absolute;
        left: 12%;
        bottom: 7%;
        width: 100%
    }
    .section-services .single-service .part-2 a i {
        margin-right: 10px;
        color: #e62d99
    }
    .section-services .single-service table {
        width: 100%;
        color: #3e3e3e;
        font-size: 14px
    }
    .section-services .single-service table td:first-child {
        width: 90%
    }
    .margin-top-section0 {
        margin-top: 0!important
    }
    .adv-section marquee img {
        height: 52px;
        margin: 0 6px;
        width: 76px
    }
    .change-password-section.login-message-section .modal-dialog .modal-content {
        text-align: center;
        border: none;
        background-image: url(../images/img/login-modal.webp);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-position: center
    }
    .change-password-section.login-message-section .modal-dialog .modal-content .overlay {
        background: #0000008c;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
    .change-password-section.login-message-section .modal-body .description {
        color: #fff;
        font-size: 12px;
        margin: 0 0 20px;
        line-height: 21px
    }
    .change-password-section.login-message-section .modal-dialog {
        width: 90%;
        max-width: 100%
    }
    .change-password-section.login-message-section .modal-content .modal-body .btn {
        width: 40%
    }
    #headline {
        font-weight: 400;
        letter-spacing: .125rem;
        text-transform: uppercase
    }
    #countdown ul li {
        display: inline-block;
        font-size: 22px;
        list-style-type: none;
        padding: 0 3px;
        text-transform: uppercase;
        justify-content: center
    }
    #countdown ul li .span-first-counter {
        border: 1px solid #ffffff21;
        margin: 0 5px 3px 5px;
        font-weight: 500;
        text-shadow: 1px 2px #000;
        background: #fdf6fa36;
        color: #fff;
        width: 100px;
        font-size: 40px;
        height: 61px;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .emoji {
        display: none;
        padding: 1rem
    }
    .emoji .span-first-counter {
        font-size: 4rem;
        padding: 0 .5rem
    }
    .days-span {
        color: #fff;
        text-align: center;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-shadow: 0 0 #000;
        margin-top: 8px;
        font-size: 25px!important
    }
    .my-profile-sections .nav-pills {
        font-size: 14px;
        flex-direction: row!important
    }
    #countdown {
        margin: 32px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .remainder-hrading h2 {
        text-align: center;
        color: #fff;
        margin-top: 15x
    }
    .color-black {
        background-color: #000;
        padding: 90px 0 0 0
    }
    .image-of-profile {
        background: #fff;
        border-radius: 72%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 190px;
        height: 135px
    }
    .image-of-profile img {
        height: 90px;
        object-fit: contain;
        border: 9px solid #b1b1b121;
        width: 90px;
        border-radius: 83%;
        position: absolute;
        background: #fff;
        top: -47px;
        box-shadow: 0 4px 8px 0 rgb(255 220 226 / 38%);
        transition: .3s;
        left: 19px
    }
    .profile-names .name-texts {
        color: #e9038d;
        font-size: 20px;
        font-weight: 500;
        padding-bottom: 17px
    }
    .profile-information {
        width: 100%;
        background: #fff;
        box-shadow: 0 4px 8px 0 rgb(225 225 225);
        transition: .3s
    }
    .profile-information {
        margin: 48px 0 0
    }
    .background-images-pro img {
        width: 100%;
        height: 135px;
        object-fit: cover;
        object-position: top;
        background: #7fffd4;
        opacity: .5
    }
    .profile-names {
        width: 70%;
        padding-top: 15px
    }
    .profile-names p {
        margin-bottom: 0;
        font-size: 12px
    }
    .image-of-profile {
        width: 30%;
        position: relative
    }
    .information-text {
        display: flex;
        border-top: 5px solid #e9038d
    }
    .changes-passwords span .fa,
    .members-texts span .fa {
        color: #605c5f61
    }
    .changes-passwords span:nth-child(2),
    .members-texts span:nth-child(2) {
        padding-left: 10px
    }
    .my-profile-sections {
        margin: 35px 0
    }
    .countdown-day {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 173px
    }
    .countdown-day p:nth-child(1) {
        margin-bottom: 0;
        font-size: 32px;
        color: #fff
    }
    .countdown-day p:nth-child(2) {
        margin-bottom: 0;
        padding-left: 5px;
        font-size: 32px;
        color: #fff
    }
    .couples-weds-name h2 {
        position: relative;
        margin: 0;
        font-size: 2em;
        font-weight: 900;
        color: #000;
        overflow: hidden
    }
    .couples-weds-name h2 span {
        color: #ff022c
    }
    .wedding-couples-name-section {
        background: #ffd5dd2e;
        DISPLAY: flex;
        justify-content: center;
        align-items: center
    }
    .couples-weds-name1 h2 {
        position: relative;
        -webkit-box-reflect: below -12px linear-gradient(transparent, rgb(251 0 0 / 8%));
        font-family: Estonia, cursive
    }
    .couples-weds-name1 span {
        position: relative;
        display: inline-block;
        color: #e9038d;
        font-size: 67PX;
        text-transform: uppercase;
        animation: animate 2s ease-in-out infinite;
        animation-delay: calc(.1s * var(--i))
    }
    @keyframes animate {
        0% {
            transform: translateY(0)
        }
        20% {
            transform: translateY(-20px)
        }
        100%,
        40% {
            transform: translateY(0)
        }
    }
    .couples-weds-name2 h2 {
        font-size: 93px;
        color: #fff;
        position: relative;
        -webkit-box-reflect: below -12 px linear-gradient(transparent, rgb(251 0 0 / 8%));
        font-family: Estonia, cursive
    }
    .couples-weds-name2 span {
        position: relative;
        display: inline-block;
        color: #fff;
        font-size: 127PX;
        animation: animate 2s ease-in-out infinite;
        animation-delay: calc(.1s * var(--i))
    }
    .color-bg {
        background: #e9038d24
    }
    .couples-weds-name2 {
        height: 216px;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media screen and (min-width:380px) and (max-width:576px) {
    /* loader  */
    .preloader .Loader {
        position: fixed;
        margin: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        background-color: white;
        z-index: 999;
    }
    .preloader .Loader h1 {
        color: black;
        font-size: 1em;
        animation: fading 2.5s ease-in-out infinite;
    }
    .preloader .Loader p {
        color: white;
        opacity: 80%;
        font-size: 0.8em;
    }
    .preloader .Loader-box {
        margin: 10px;
        flex: 0 0 auto;
        height: 30px;
        width: 30px;
    }
    .preloader .Loader-box .box {
        position: absolute;
        height: 30px;
        width: 30px;
        animation: rotating 2s ease-in infinite;
        animation-delay: calc(var(--id) * .2s);
    }
    .preloader .Loader-box .box .dot {
        background-color: black;
        height: 6px;
        width: 6px;
        border-radius: 100%;
    }
    @keyframes rotating {
        0% {
            opacity: 0;
            transform: rotateZ(0);
        }
        25% {
            opacity: 100%;
            transform: rotateZ(160deg);
        }
        75% {
            opacity: 200%;
            opacity: 100;
        }
        80% {
            transform: rotateZ(300deg);
            opacity: 100;
        }
        100% {
            transform: rotateZ(350deg);
            opacity: 0;
        }
    }
    @keyframes fading {
        0% {
            opacity: 40%;
        }
        50% {
            opacity: 90%;
        }
        100% {
            opacity: 40%;
        }
    }
    /* loader end */
    /* dashboard loader  */
    .dashboard-loader {
        position: relative;
        padding: 5px 15px;
        animation: loader 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
        color: white;
        font-size: 12px;
    }
    @keyframes loader {
        0% {
            letter-spacing: -1px;
        }
        100% {
            letter-spacing: 15px;
        }
    }
    .dashboard-loader::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        transform: skewX(-15deg);
        background-color: #f3b8d0;
    }
    .dashboard-loader .banner-left,
    .dashboard-loader .banner-right {
        width: 60px;
        height: 100%;
        position: absolute;
        z-index: -2;
        bottom: -30%;
        transform: skewX(-15deg);
        background-color: #b60965bf;
    }
    .dashboard-loader .banner-left {
        animation: sub-banner-left 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
    }
    @keyframes sub-banner-left {
        0% {
            right: 82%;
        }
        100% {
            right: 90%;
        }
    }
    .dashboard-loader .banner-right {
        animation: sub-banner-right 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
    }
    @keyframes sub-banner-right {
        0% {
            left: 82%;
        }
        100% {
            left: 90%;
        }
    }
    .dashboard-loader .banner-left::before,
    .dashboard-loader .banner-right::before {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -1px;
        border: 22px solid;
        border-color: transparent;
    }
    .dashboard-loader .banner-left::before {
        left: -1px;
        border-left-color: #ffffff;
    }
    .dashboard-loader .banner-right::before {
        right: -1px;
        border-right-color: #ffffff;
    }
    .dashboard-preloader {
        position: fixed;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* dashboard loader  end*/
    .counter-text p {
        text-align: center;
        text-align: center;
        font-family: Estonia, cursive;
        letter-spacing: 2px;
        color: #fff;
        font-size: 35px;
        border: 1px solid #fff;
        margin: 0 5px 3px 5px;
        font-weight: 500;
        text-shadow: 1px 2px #000;
        background: #fdf6fa36;
        color: #fff;
        border-radius: 15px 0!important;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .profile-bridegroom {
        padding: 50px 0
    }
    .profile-pic-new {
        width: 140px;
        height: 145px
    }
    .profile-pic-new img {
        border-radius: 50%;
        object-fit: cover;
        border: 20px solid pink;
        border-image-source: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/652/hearts-border-image.png);
        border-image-slice: 20 22;
        width: 140px;
        height: 140px
    }
    .bride-summary-col .wedsheart {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 18px 0
    }
    .bride-summary .bride-name h3 {
        font-size: 20px;
        text-align: center;
        color: #fff;
        letter-spacing: 4px;
        font-family: 'Great Vibes', cursive
    }
    .wedsheart .heart-circle {
        width: 40px;
        height: 40px;
        background: #3d5ae8;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px
    }
    .accordion-card-header {
        margin-bottom: 0;
        background-color: #fff;
        border-radius: 4px;
        padding: 10px 12px
    }
    .todo .accordion-card-title {
        font-size: 12px
    }
    .accordion-card-header span {
        font-size: 12px;
        margin-top: 6px
    }
    .todo-date {
        color: #6f6d72;
        font-size: 11px
    }
    .mob-font-para {
        font-size: 13px
    }
    .submit-event-days {
        margin-top: 0!important;
        margin-bottom: 20px
    }
    .venue-form-calendar {
        position: absolute;
        bottom: 17px;
        right: 30px;
        color: #6e6a6b
    }
    .form-group {
        margin-bottom: 12px
    }
    .mob-dashrow-mt {
        margin-top: 25px
    }
    .margin-top-mob {
        margin-top: 75px!important
    }
    .current-activited-new {
        padding: 8px 18px
    }
    .process-section-step {
        padding: 45px 0!important
    }
    .space-small {
        padding-top: 45px;
        padding-bottom: 45px
    }
    .mobile-dashboard-menubtn i {
        font-size: 22px;
        line-height: 1;
        background-color: transparent;
        border: 2px solid #e9038d;
        border-radius: .25rem;
        padding: 4px 8px;
        color: #e9038d
    }
    .mobile-menu-height {
        height: 80px
    }
    .mob-nav-dropdown .dropdown-container {
        display: none
    }
    .sidenav {
        display: block;
        width: 98%;
        background-color: #fff;
        padding-top: 0;
        position: fixed;
        top: 0;
        left: -133%;
        height: 100%;
        text-align: left;
        transition: all .9s ease;
        z-index: 9999999;
        background: linear-gradient(114deg, #ddd6f3, #faaca8)
    }
    .main-mobile-hidden {
        display: none!important
    }
    .header-side-screen {
        background: #000000c9;
        height: 100vh;
        width: 20%;
        position: absolute;
        right: 0;
        z-index: 99999
    }
    .header-side-screen {
        display: none
    }
    .sidenav.show {
        left: 0
    }
    .dropdown-btn,
    .sidenav a {
        display: block;
        width: 100%
    }
    .sidenav .red-bg {
        background: linear-gradient(173deg, #fff, #fd9193);
        color: #000!important;
        font-size: 18px
    }
    .sidenav .mob-nav-list .nav-links {
        padding-left: 10px;
        color: grey;
        font-size: 15px;
        text-transform: capitalize
    }
    .sidenav .mob-nav-list .dropdown-btn {
        border: none;
        padding: 5px 15px;
        text-align: left;
        font-size: 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: 0 0;
        color: inherit
    }
    .sidenav .mob-nav-list .dropdown-btn i {
        width: 10%;
        text-align: center
    }
    .sidenav .mob-nav-list .dropdown-btn span {
        display: inline-block;
        width: 80%;
        padding-left: 10px
    }
    .sidenav .mob-nav-list .fa-chevron-down,
    .sidenav .mob-nav-list .fa-chevron-up {
        padding-left: 0;
        width: 10%;
        font-size: 12px;
        text-align: right
    }
    .rewards-img,
    .sidenav .post-img,
    .wallet-img {
        padding-right: 7px
    }
    .mob-header {
        height: 60px;
        display: flex;
        align-items: center;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999999;
        box-shadow: 0 2px 10px rgb(0 0 0 / 11%)
    }
    .mob-header .mob-bar-col {
        text-align: left
    }
    .mob-header .mob-bar-col .fa-bars {
        font-size: 25px;
        color: #000
    }
    .mob-header .mob-logo-col {
        text-align: right
    }
    .mob-header .mob-logo-col .mob-logo-img {
        height: 40px;
        object-fit: contain
    }
    .sidenav .red-bg {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 15px
    }
    .sidenav .mob-menu-close,
    .sidenav .profile-img {
        width: 15%
    }
    .sidenav .login-heading {
        width: 70%
    }
    .sidenav .profile-img img {
        width: 40px;
        height: 40px;
        padding: 5px;
        border-radius: 50%
    }
    .sidenav .login-heading p {
        color: #000;
        font-size: 16px;
        font-weight: 600;
        margin-left: 5px;
        text-transform: capitalize
    }
    .sidenav .mob-menu-close .fa-times {
        font-size: 18px;
        line-height: 1;
        background-color: transparent;
        border: 2px solid #e9038d;
        border-radius: .25rem;
        padding: 4px 8px;
        color: #e9038d
    }
    .sidenav .mob-nav-div {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px 15px
    }
    .sidenav .mob-nav-div:hover,
    .sidenav .mob-nav-dropdown .dropdown-btn:hover {
        background: #cf919c;
        color: #fff
    }
    .sidenav .mob-nav-div:hover .nav-links {
        color: #fff
    }
    .sidenav .mob-nav-list .mob-nav-div:hover .nav-links {
        color: #fff
    }
    .sidenav .mob-nav-div .mob-nav-img {
        width: 10%;
        text-align: center
    }
    .sidenav .mob-nav-div .mob-nav-heading {
        width: 90%
    }
    .sidenav .mob-nav-div .mob-nav-img img {
        height: 16px;
        width: 16px;
        object-fit: contain;
        padding: 0
    }
    .sidenav .mob-nav-dropdown {
        padding: 3px 0
    }
    .sidenav ul {
        padding: 0;
        margin: 0
    }
    .who-we-content {
        padding: 30px 0!important
    }
    .mobile-mb0 {
        margin-bottom: 0!important
    }
    .mob-gallery-card {
        height: 116px!important
    }
    .footer {
        background-color: #302d34;
        padding-top: 35px;
        padding-bottom: 0;
        color: #98969b;
        font-size: 14px
    }
    .tiny-footer p {
        font-size: 7px;
        text-align: center
    }
    .vendor-descript-section .venue-details img {
        height: 200px;
        object-fit: cover
    }
    .vendor-category-listdiv .vendor-img img {
        width: 100%;
        height: 195px;
        object-fit: cover
    }
    .vendor-category-listdiv .vendor-title {
        font-size: 18px
    }
    .vendor-category-listdiv .vendor-guest,
    .vendor-category-listdiv .vendor-price {
        font-size: 16px;
        color: #252328;
        font-weight: 400
    }
    .navbar-classic.navbar {
        padding: 10px 0;
        align-items: center
    }
    .navbar-classic .navbar-nav .nav-item .nav-link {
        font-size: 16px
    }
    .wedding-planning-section .feature-icon-block {
        margin: 15px 0;
        padding: 15px 5px
    }
    .wedding-planning-section .feature-icon-block .feature-icon {
        margin-bottom: 0
    }
    .navbar-boxed .navbar-toggler,
    .navbar-classic .navbar-toggler {
        padding: 7px
    }
    .mobile-navmenu-customcss {
        position: absolute;
        width: 105%;
        background: #fff;
        top: -45px;
        left: -16px;
        z-index: 99999;
        padding: 0 0 40px;
        height: 100vh;
        padding: 25px 0
    }
    .mobile-navmenu-closebtn {
        display: block;
        margin-left: auto;
        margin-right: 25px
    }
    .mobile-navmenu-closebtn i {
        margin: 0 5px;
        color: #e9038d
    }
    .mob-button-ml {
        margin-left: 21px;
        margin-top: 16px
    }
    .price-table .price-head h4 {
        font-size: 20px
    }
    .price-table .price-head h2 {
        font-size: 16px;
        line-height: 20px
    }
    .price-table .price-button a {
        font-size: 12px
    }
    .price-table .price-content ul li {
        list-style: none;
        font-size: 11px;
        text-transform: uppercase;
        padding: 3px 0;
        color: #777;
        cursor: pointer;
        border-left: .94rem solid transparent;
        border-right: .94rem solid transparent;
        transition: .5s
    }
    .dashboard-header {
        position: fixed
    }
    .days-submit-btn button {
        width: 25%!important
    }
    .main-menu.mobile-dashboard-sidebar:hover,
    nav.main-menu.mobile-dashboard-sidebar.expanded {
        width: 250px;
        overflow: visible
    }
    .main-menu.mobile-dashboard-sidebar {
        background: linear-gradient(114deg, #ddd6f3, #faaca8);
        box-shadow: 0 0 1px 0 rgb(198 198 198 / 85%);
        border-right: 1px solid #e5e5e5;
        position: fixed;
        top: 80px;
        bottom: 0;
        height: 100%;
        left: 0;
        width: 60px;
        overflow: hidden;
        -webkit-transition: width .05s linear;
        transition: width .05s linear;
        -webkit-transform: translateZ(0) scale(1, 1);
        z-index: 1000
    }
    .main-menu.mobile-dashboard-sidebar ul li a i {
        position: relative;
        display: table-cell;
        width: 60px;
        text-align: center;
        vertical-align: middle;
        font-size: 14px
    }
    .main-menu.mobile-dashboard-sidebar>ul {
        margin: 0 0;
        padding: 0
    }
    .main-menu.mobile-dashboard-sidebar li {
        position: relative;
        display: block;
        width: 250px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0
    }
    .main-menu.mobile-dashboard-sidebar li>a {
        position: relative;
        display: table;
        border-collapse: collapse;
        border-spacing: 0;
        color: #656565;
        font-family: arial;
        font-size: 14px;
        text-decoration: none;
        -webkit-transform: translateZ(0) scale(1, 1);
        -webkit-transition: all .1s linear;
        transition: all .1s linear
    }
    .main-menu.mobile-dashboard-sidebar .nav-icon {
        position: relative;
        display: table-cell;
        width: 60px;
        height: 36px;
        text-align: center;
        vertical-align: middle;
        font-size: 18px
    }
    .main-menu.mobile-dashboard-sidebar .nav-text {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        width: 190px;
        font-family: 'Titillium Web', sans-serif
    }
    .main-menu.mobile-dashboard-sidebar>ul.logout {
        position: absolute;
        left: 0;
        bottom: 0
    }
    .main-menu.mobile-dashboard-sidebar li:hover,
    nav.main-menu.mobile-dashboard-sidebar li.active {
        background: #cf919c;
        color: #fff
    }
    .main-menu.mobile-dashboard-sidebar li:hover>a,
    .main-menu.mobile-dashboard-sidebar li:hover>a span,
    nav.main-menu.mobile-dashboard-sidebar li.active>a,
    nav.main-menu.mobile-dashboard-sidebar li.active>a span {
        background: #cf919c;
        color: #fff
    }
    .process-block .inner-box .count {
        position: absolute;
        right: 17px;
        top: -40px;
        height: 60px;
        width: 60px;
        background-color: #fff;
        border-radius: 0 10px 0 0;
        font-size: 20px;
        line-height: 60px
    }
    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-next {
        position: absolute
    }
    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-prev {
        position: absolute
    }
    .btn-lg {
        padding: 14px 26px;
        font-size: 14px;
        line-height: 1.3333333
    }
    .section-title h2 {
        font-size: 18px;
        line-height: 20px
    }
    .section-title p {
        font-size: 11px;
        line-height: 2
    }
    .section-title {
        margin-bottom: 30px
    }
    .dashrow .dashcol .main-iconlogo {
        width: 35px;
        height: 35px;
        font-size: 12px
    }
    .dashcol h4 {
        font-size: 14px;
        margin: 23px 0
    }
    .single-services table {
        font-size: 11px;
        width: 90%
    }
    .single-services table tr td:first-child {
        width: 50%
    }
    .single-services table tr td {
        width: 50%
    }
    .dashborad-card-border {
        border: 1px dashed #bbb;
        border-radius: 0 0 0 20px;
        min-height: auto;
        padding: 25px 0;
        margin-bottom: 20px
    }
    .budget-board table th {
        padding: 8px 15px
    }
    .wedding-budget-event {
        width: 25%
    }
    .budget-board table td {
        padding: 10px 15px;
        font-size: 12px
    }
    .budget-board .card-body h3 {
        font-size: 12px;
        margin-bottom: 8px
    }
    .budget-board .card-body p {
        font-size: 11px;
        line-height: 20px
    }
    .db-nav-list .navbar-nav .nav-item .nav-link {
        padding: 8px 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
    .card-body {
        padding: 10px 10px
    }
    .user-icon img {
        height: 31px
    }
    .db-nav-list .navbar-nav .nav-item {
        text-align: center
    }
    .price-table .price-head {
        padding: 15px 0
    }
    .upload-gallery-images h3 {
        font-size: 12px
    }
    .upload-gallery-images input {
        font-size: 11px
    }
    .budget-board .table {
        font-size: 11px;
        white-space: nowrap
    }
    button.btn {
        font-size: 12px;
        font-weight: 300;
        padding: 5px 15px
    }
    .upload-gallery-images .remove {
        display: block;
        background: #183240;
        border: 1px solid #000;
        color: #fff;
        text-align: center;
        cursor: pointer;
        font-size: 12px;
        padding: 0 15px
    }
    .add-venue-title h3 {
        color: #fff;
        background-color: #e9038d;
        border-color: #e9038d;
        padding: 6px 15px;
        border-radius: 7px;
        font-size: 12px
    }
    .dashboard-sidebar .vendor-user-profile .vendor-profile-img img {
        width: 60px;
        height: 65px;
        object-fit: contain;
        background: #fff
    }
    .dashboard-tabled-img img {
        height: 30px;
        object-fit: contain
    }
    .dashboard-sidebar {
        width: 235px
    }
    .dashboard-header .header-logo {
        line-height: 4;
        padding-top: 0;
        height: 100%;
        display: flex;
        align-items: center;
        padding-bottom: 0
    }
    .trusted-partner .client-logo img {
        height: 65px;
        width: 100%;
        object-fit: contain
    }
    .what-we-do-div .service-img img {
        height: 70px
    }
    .what-we-do-div .service-title {
        font-size: 16px;
        line-height: 20px
    }
    .what-we-do-div p {
        font-size: 12px;
        line-height: 25px
    }
    .what-we-do-div .service-block .card-body {
        padding: 25px 15px!important
    }
    .client-logo {
        margin-bottom: 0
    }
    .what-we-do-div a.btn {
        font-size: 12px;
        padding: 10px 26px
    }
    .who-we-are-div .lead {
        font-size: 13px
    }
    .who-we-are-div p {
        margin: 0 0 15px 0;
        font-size: 12px;
        line-height: 25px
    }
    .testimonial-block {
        min-height: 340px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 18px
    }
    .testimonial-block .testimonial-icon {
        margin-bottom: 8px;
        font-size: 20px;
        text-align: center;
        margin-top: 0;
        text-align: center
    }
    .testimonial-block .testimonial-name {
        text-align: center;
        font-weight: 400;
        margin-bottom: 10px;
        font-size: 16px
    }
    .testimonial-block .testimonial-text {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 15px
    }
    .testimonial-block .testimonial-pic {
        text-align: center;
        margin-bottom: 15px
    }
    .abt-who-mobimg {
        height: 220px;
        width: 100%;
        object-fit: contain
    }
    .who-we-content h2 {
        font-size: 25px
    }
    .page-title {
        font-size: 20px!important
    }
    .page-breadcrumb .breadcrumb .breadcrumb-item {
        font-size: 10px
    }
    .testimonial-pic img {
        width: 45px;
        height: 45px;
        object-fit: cover
    }
    .testimonial-meta h5 {
        font-size: 14px;
        line-height: 20px
    }
    .testimonial-small-text {
        font-size: 10px;
        line-height: 20px
    }
    .page-header.about-bgimg {
        min-height: 165px
    }
    .process-block .inner-box {
        padding: 0!important;
        height: 255px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .process-block .inner-box .feature {
        margin-bottom: 0;
        margin-top: 0
    }
    .process-section-step .circle-xxxl {
        height: 80px;
        width: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0!important;
        margin-bottom: 20px
    }
    .how-works h3 {
        font-size: 16px
    }
    .how-works p {
        font-size: 12px;
        line-height: 20px
    }
    .process-section-step .circle-xxxl .icon-5x {
        font-size: 25px
    }
    .process-number-second {
        position: absolute;
        left: 30%;
        bottom: -17px;
        text-align: center;
        font-weight: 500;
        line-height: 1.8
    }
    .process-section-step .circle-xxxl .circle-lg {
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 12px
    }
    .process-section-step .process-arrow {
        position: absolute;
        top: 92px;
        right: -28px
    }
    .logo-link img {
        height: 45px;
        width: auto;
        object-fit: cover
    }
    .banner-div {
        position: relative
    }
    .banner-div svg {
        position: absolute;
        bottom: -2px;
        left: 0;
        z-index: 1
    }
    .banner-div svg path {
        fill: #fdf6fa
    }
    .banner-slider img {
        width: 100%;
        height: calc(100vh - 585px);
        opacity: 1!important;
        animation-duration: 3s;
        transition: all 1s ease;
        object-fit: cover
    }
    .banner-slider [data-animation-in] {
        opacity: 0;
        animation-duration: 6s;
        transition: opacity .5s ease .3s!important;
        transition: 1s
    }
    @keyframes zoomInImage {
        from {
            transform: scale3d(1, 1, 1);
            transition: 1s
        }
        to {
            transform: scale3d(1.1, 1.1, 1.1);
            transition: 1s
        }
    }
    .zoomInImage {
        animation-name: zoomInImage
    }
    .banner-slider .slide .slide__content {
        position: absolute;
        top: 35%;
        transform: translateY(-35%) translateX(-50%);
        left: 50%;
        z-index: 9999999
    }
    .banner-slider .slide .slide__content .search-head {
        margin-bottom: 0;
        padding: 0
    }
    .banner-slider .slide .slide__img {
        position: relative
    }
    .banner-slider .slide .slide__img .overlay {
        position: absolute;
        background: #00000061;
        width: 100%;
        height: 100%;
        top: 0
    }
    .category-div .venue-categories-img img {
        height: 110px;
        object-fit: cover;
        width: 100%
    }
    .category-div .venue-categories-img .venue-categories-overlay h3 {
        font-weight: 500;
        font-size: 14px;
        line-height: 20px
    }
    .category-div .venue-categories-img .overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #0000008c 20%, transparent 40%)
    }
    .gallery-div .image-gallery img {
        max-width: 100%;
        height: 175px;
        width: 100%;
        object-fit: cover
    }
    .gallery-div .image-gallery {
        margin-bottom: 30px;
        position: relative;
        box-shadow: rgb(0 0 0 / 15%) 0 1px 5px 0;
        padding: 15px;
        margin-right: 20px;
        background: #fff
    }
    .gallery-div .image-gallery i {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        font-size: 34px;
        color: #000;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: #ffc125;
        text-align: center;
        transform: translate(-50%, -50%) scale(0);
        transition: transform .3s 0s cubic-bezier(.175, .885, .32, 1.275)
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item img {
        width: 100%;
        height: 70vh;
        object-fit: contain
    }
    .ekko-lightbox.show {
        overflow: hidden!important;
        height: calc(115vh - 130px)!important
    }
    .ekko-lightbox .modal-dialog {
        min-width: 50%!important;
        max-width: 50%!important;
        min-height: 100vh!important;
        max-height: 100vh!important
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container {
        height: 70vh!important;
        position: relative;
        display: flex;
        justify-content: center
    }
    .ekko-lightbox .modal-dialog .modal-body {
        padding: 50px
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item img {
        width: 100%;
        height: 70vh;
        object-fit: contain
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item {
        position: absolute
    }
    .ekko-lightbox {
        padding-right: 0!important
    }
    .ekko-lightbox .modal-dialog .modal-content .modal-header {
        display: none!important
    }
    .ekko-lightbox .modal-dialog .modal-content {
        border-radius: 15px
    }
    .ekko-lightbox .modal-dialog {
        margin-top: 130px
    }
    .ekko-lightbox .modal-dialog .modal-content .modal-header .modal-title {
        display: none
    }
    .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-nav-overlay a span {
        font-size: 20px;
        color: #000
    }
    .slide__content {
        position: absolute!important;
        top: 50%;
        z-index: 99999999999999999;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 85%
    }
    .slide__content .search-head-title {
        color: #e9038d;
        font-size: 12px;
        padding: 10px
    }
    .slide__content .nice-select .list {
        max-height: 165px;
        overflow-y: scroll
    }
    .nice-select {
        width: 100%!important
    }
    .gallery-loaction p {
        margin-top: 10px;
        font-size: 15px;
        text-align: center;
        color: #4a4a4a
    }
    .wedding-planning-bgimg {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative
    }
    .wedding-planning-bgimg .wedding-planning-section {
        background-color: #00000091!important;
        color: #fff;
        padding-bottom: 85px;
        padding-top: 70px
    }
    .wedding-planning-section .feature-icon-block .feature-content p {
        font-size: 11px;
        line-height: 19px;
        min-height: 40px
    }
    .wedding-planning-bgimg .wedding-planning-section .section-title h2 {
        color: #fff
    }
    .wedding-planning-bgimg .wedding-planning-section .feature-icon-block .feature-content h3 {
        color: #fff;
        font-size: 12px;
        margin-bottom: 0!important
    }
    .wedding-planning-section .feature-icon-block .feature-content {
        padding: 10px 0 0 0
    }
    .wedding-planning-bgimg .wedding-planning-section .feature-icon-block .feature-icon i {
        color: #fff;
        font-size: 20px
    }
    .wedding-planning-bgimg svg {
        position: absolute;
        bottom: -1px;
        left: 0
    }
    .wedding-planning-bgimg svg path {
        fill: #fdf6fa
    }
    .process-section-step .section-title {
        margin-bottom: 65px
    }
    .sectionbgimg {
        background-repeat: no-repeat;
        background-position: -4% 1%;
        margin-top: -100px;
        position: relative;
        z-index: 99
    }
    .sectionbgimg-right {
        background-repeat: no-repeat;
        background-position: 105% -561%
    }
    .vendor-mt-heading {
        margin-top: 0
    }
    .dashboard-content-cont {
        width: 1000px;
        position: relative;
        display: flex;
        justify-content: space-between
    }
    .dashboard-content-cont .card {
        position: relative;
        cursor: pointer
    }
    .dashboard-content-cont .card .face {
        width: 300px;
        height: 200px;
        transition: .5s
    }
    .dashboard-content-cont .card .face.face1 {
        position: relative;
        background: #333;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        transform: translateY(100px)
    }
    .dashboard-content-cont .card:hover .face.face1 {
        background: #ff0057;
        transform: translateY(0)
    }
    .dashboard-content-cont .card .face.face1 .content {
        opacity: .2;
        transition: .5s
    }
    .dashboard-content-cont .card:hover .face.face1 .content {
        opacity: 1
    }
    .dashboard-content-cont .card .face.face1 .content img {
        max-width: 100px
    }
    .dashboard-content-cont .card .face.face1 .content h3 {
        margin: 10px 0 0;
        padding: 0;
        color: #fff;
        text-align: center;
        font-size: 1.5em
    }
    .dashboard-content-cont .card .face.face2 {
        position: relative;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        box-sizing: border-box;
        box-shadow: 0 20px 50px rgba(0, 0, 0, .8);
        transform: translateY(-100px)
    }
    .dashboard-content-cont .card:hover .face.face2 {
        transform: translateY(0)
    }
    .dashboard-content-cont .card .face.face2 .content p {
        margin: 0;
        padding: 0
    }
    .dashboard-content-cont .card .face.face2 .content a:hover {
        background: #333;
        color: #fff
    }
    .signup-signin-section .nice-select ul {
        max-height: 210px;
        overflow-y: scroll
    }
    .vendor-login-section {
        background-repeat: no-repeat;
        background-position: -4% 1%;
        margin-top: 45px;
        position: relative
    }
    .vendor-new-bg {
        min-height: 100vh
    }
    .change-password-section .show-modal {
        color: #fff;
        background: linear-gradient(to right, #33a3ff, #0675cf, #49a6fd);
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
        padding: 10px 15px;
        margin: 200px auto 0;
        border: none;
        outline: 0;
        box-shadow: 0 0 20px rgba(0, 0, 0, .1);
        display: block;
        transition: all .3s ease 0s
    }
    .change-password-section .show-modal:focus,
    .change-password-section .show-modal:hover {
        color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        outline: 0
    }
    .change-password-section .modal-dialog {
        width: 400px;
        margin: 150px auto 0
    }
    .change-password-section .modal-dialog {
        transform: scale(.5)
    }
    .change-password-section .modal-dialog {
        transform: scale(1)
    }
    .change-password-section .modal-dialog .modal-content {
        text-align: center;
        border: none;
        background-image: url(https://c0.wallpaperflare.com/preview/491/618/554/indian-wedding-bride-marriage-gown.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative
    }
    .change-password-section .modal-dialog .modal-content .overlay {
        background: #00000061;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
    .change-password-section .modal-content .close {
        color: #fff;
        background: linear-gradient(to right, #e60132, #eb002c, #7d1726);
        font-size: 25px;
        font-weight: 400;
        text-shadow: none;
        line-height: 27px;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        overflow: hidden;
        opacity: 1;
        position: absolute;
        left: auto;
        right: 8px;
        top: 8px;
        z-index: 1;
        transition: all .3s
    }
    .change-password-section .modal-content .close:hover {
        color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, .5)
    }
    .change-password-section .close:focus {
        outline: 0
    }
    .change-password-section .modal-body {
        padding: 60px 40px 40px!important
    }
    .change-password-section .modal-body .title {
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 1px;
        margin: 0 0 35px
    }
    .change-password-section .modal-body .description {
        color: #fff;
        font-size: 16px;
        margin: 0 0 20px
    }
    .change-password-section .modal-body .form-group {
        text-align: left;
        margin-bottom: 20px;
        position: relative
    }
    .change-password-section .modal-body .input-icon {
        color: #777;
        font-size: 18px;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        left: 20px
    }
    .change-password-section .modal-body .form-control {
        font-size: 17px;
        height: 45px;
        width: 100%;
        padding: 6px 0 6px 50px;
        margin: 0 auto;
        border: 2px solid #eee;
        border-radius: 5px;
        box-shadow: none;
        outline: 0
    }
    .change-password-section .form-control::placeholder {
        color: #aeafb1
    }
    .change-password-section .modal-content .modal-body .btn {
        color: #fff;
        background: linear-gradient(to right, #e60132, #eb002c, #7d1726);
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 38px;
        width: 100%;
        height: 40px;
        padding: 0;
        border: none;
        border-radius: 5px;
        border: none;
        display: inline-block;
        transition: all .6s ease 0s
    }
    .change-password-section .modal-content .modal-body .btn:hover {
        color: #fff;
        letter-spacing: 2px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .5)
    }
    .change-password-section .modal-content .modal-body .btn:focus {
        outline: 0
    }
    .profile-names p.changes-passwords {
        cursor: pointer
    }
    .dashboard-nav ul li a:hover {
        background: #cf919c;
        color: #fff;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px
    }
    .dashboard-wrapper {
        padding-top: 60px
    }
    .lightbox-item-card a img {
        border-radius: 7px;
        padding: 10px;
        height: 100px;
        object-fit: cover;
        width: 100%
    }
    .current-activited-new a {
        color: #fff;
        font-size: 12px
    }
    .animate-charcter {
        background-image: linear-gradient(-225deg, #231557 0, #d9a94d 29%, #e952a6 67%, #5e96b4 100%);
        background-size: auto auto;
        background-clip: border-box;
        background-size: 200% auto;
        color: #fff;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: textclip 2s linear infinite;
        display: inline-block;
        font-size: 20px;
        height: 35px;
        display: flex;
        align-items: center;
        margin-left: 8px;
        font-weight: 600
    }
    @keyframes textclip {
        to {
            background-position: 200% center
        }
    }
    .hello-title h3 {
        text-align: center;
        font-size: 20px;
        margin-top: 30px;
        height: 35px;
        display: flex;
        align-items: center;
        font-weight: 600;
        color: #3c3c3c;
        margin-bottom: 6px;
        justify-content: center!important
    }
    .hello-title p {
        color: #000;
        font-size: 20px;
        margin-bottom: 60px
    }
    .feature.height-equal {
        min-height: 200px;
        margin: 0;
        font-size: 12px
    }
    .feature.height-equal .card-body {
        padding: 15px 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    .feature.height-equal .circle-xl {
        height: 65px;
        width: 65px;
        line-height: 65px;
        padding: 0;
        margin-bottom: 15px
    }
    .feature.height-equal h3 {
        font-size: 16px;
        line-height: 20px
    }
    .feature.height-equal .circle-xl i {
        font-size: 20px
    }
    .feature.height-equal .feature-icon h3 {
        font-size: 18px
    }
    .feature.height-equal .feature-icon ul li {
        font-size: 14px
    }
    .background-images-pro.new-bannerimg img {
        width: 100%;
        height: 135px;
        object-fit: cover;
        object-position: top;
        background: #7fffd4;
        opacity: .5
    }
    .table.table-list thead.thead-light th {
        color: #495057;
        background-color: #e5c3e7!important;
        border-color: #e5c3e7!important;
        padding: 15px 20px
    }
    .todo-thead {
        color: #495057!important;
        background-color: #e5c3e7!important;
        border-color: #e5c3e7!important;
        padding: 10px 12px;
        line-height: 2;
        font-size: 11px
    }
    .guest-list-table .table {
        font-size: 11px;
        white-space: nowrap
    }
    .event-details-fill h3,
    .event-timming h3 {
        font-size: 16px
    }
    .event-timming h4.days-count {
        font-size: 14px
    }
    .guestlist-management .guest-list-table .single-guest-tab .dataTables_info {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 25px;
        font-size: 12px
    }
    .guestlist-management .guest-list-table .single-guest-tab .dataTables_paginate .paginate_button.next,
    .guestlist-management .guest-list-table .single-guest-tab .dataTables_paginate .paginate_button.previous {
        background: #e9038d;
        padding: 5px 27px;
        color: #fff;
        margin: 20px 28px;
        display: inline-block;
        font-size: 12px
    }
    .todo-list ul li {
        padding: 10px 12px;
        border-bottom: 1px solid #ebe7e7;
        line-height: 2;
        font-size: 11px
    }
    .my-profile-sections .nav-bggradient {
        height: 100%;
        background: linear-gradient(114deg, #ddd6f3, #faaca8);
        flex-direction: row!important
    }
    .my-profile-sections .nav-pills .nav-link.active,
    .my-profile-sections .nav-pills .show>.nav-link {
        background-color: #cf919c!important;
        color: #fff!important;
        font-weight: 600;
        letter-spacing: 1px
    }
    .my-profile-sections .nav-pills .nav-link {
        color: #6f6d72;
        border-radius: 2px;
        font-size: 12px
    }
    .my-profile-sections .card-header-bgcolor {
        background-image: linear-gradient(173deg, #fff, #fd9193);
        border-bottom: 0;
        padding: 8px 15px;
        font-size: 12px
    }
    .my-profile-sections .tab-pane .card-header {
        background: #eceaea75;
        border-bottom: 1px solid #dadcdd;
        color: #252328;
        padding: 8px 15px;
        font-size: 12px
    }
    .my-profile-sections .tab-pane .card-body {
        padding: 15px 10px
    }
    textarea {
        width: 100%;
        font-size: 11px
    }
    .vendor-descript-section .venue-header {
        position: relative
    }
    .vendor-descript-section .venue-head {
        position: absolute;
        bottom: 40px;
        width: 100%
    }
    .vendor-descript-section .venue-head h1 {
        font-size: 42px;
        color: #fff;
        margin-bottom: 10px
    }
    .vendor-descript-section .venue-head .title {
        border-bottom: 1px solid #504849;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
    .vendor-descript-section .venue-head .location {
        color: #fff
    }
    .vendor-descript-section .venue-head .location i {
        padding-right: 10px
    }
    .vendor-descript-section .rating-box,
    .vendor-descript-section .venue-action {
        margin-bottom: 20px
    }
    .vendor-descript-section .venue-action {
        text-align: right
    }
    .vendor-descript-section .label-primary {
        background-color: #00aeaf;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        padding: 4px 8px;
        border-radius: 2px;
        font-weight: 700
    }
    .vendor-descript-section .label-primary[href]:focus,
    .vendor-descript-section .label-primary[href]:hover {
        background-color: #f9a630;
        color: #fff
    }
    .vendor-descript-section .address {
        margin-bottom: 0
    }
    .vendor-descript-section .address i {
        padding-right: 10px
    }
    .vendor-descript-section .venue-amenities ul li.list-group-item {
        border: 1px solid #e9e6e0
    }
    .vendor-descript-section .rating {
        margin: 0
    }
    .vendor-descript-section .rating i {
        color: #ffc513
    }
    .vendor-descript-section .side-box {
        background-color: #fff;
        padding: 28px;
        border: 1px solid #e9e6e0;
        margin-bottom: 30px
    }
    .vendor-descript-section .page-sidebar .venue-info {
        background-color: #fff;
        margin-bottom: 30px;
        border: 1px solid #e9e6e0
    }
    .vendor-descript-section .customer-review,
    .vendor-descript-section .review {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .vendor-descript-section .customer-review h1 {
        margin-bottom: 30px;
        border-bottom: 1px solid #e9e6e0;
        padding-bottom: 12px
    }
    .vendor-descript-section .review-list .arrow:after,
    .vendor-descript-section .review-list .arrow:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent
    }
    .vendor-descript-section .review-list .panel.arrow.left:after,
    .vendor-descript-section .review-list .panel.arrow.left:before {
        border-left: 0
    }
    .vendor-descript-section .review-list .panel.arrow.left:before {
        left: -15px;
        top: 30px;
        border-right-color: inherit;
        border-width: 16px
    }
    .vendor-descript-section .review-list .panel.arrow.left:after {
        left: -14px;
        top: 31px;
        border-right-color: #fff;
        border-width: 15px
    }
    .vendor-descript-section .review-list .panel.arrow.right:before {
        right: -16px;
        top: 30px;
        border-left-color: inherit;
        border-width: 16px
    }
    .vendor-descript-section .review-list .panel.arrow.right:after {
        right: -14px;
        top: 31px;
        border-left-color: #fff;
        border-width: 15px
    }
    .vendor-descript-section .review-post {
        margin-top: 10px
    }
    .vendor-descript-section .review-list .review-post {
        margin-top: 20px
    }
    .vendor-descript-section .profile-userpic img,
    .vendor-descript-section .user-pic img {
        border: 4px solid #e9e6e0;
        border-radius: 100%;
        width: 51px;
        height: 52px;
        object-fit: contain;
        margin-bottom: 10px
    }
    .vendor-descript-section .profile-sidebar .profile-userpic img {
        height: 95px;
        width: 90px
    }
    .vendor-descript-section .review-list .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 0;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .05);
        box-shadow: 0 0 0 rgba(0, 0, 0, .05)
    }
    .vendor-descript-section .review-list .panel-default {
        border-color: #e9e6e0
    }
    .vendor-descript-section .review-list .panel-body {
        padding: 30px
    }
    .vendor-descript-section .review-list h3 {
        margin-bottom: 10px
    }
    .vendor-descript-section .rating-group {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .vendor-descript-section .vendor-des-mt {
        margin-top: 55px
    }
    .vendor-descript-section .tabbed-page .capacity {
        border-right: 1px solid #e9e6e0
    }
    .vendor-descript-section .capacity,
    .vendor-descript-section .pricebox {
        width: 50%;
        float: left;
        padding: 15px 20px;
        font-size: 12px
    }
    .vendor-descript-section .venue-info {
        background-color: #fcfbf9;
        border-top: 1px solid #e9e6e0;
        height: 84px;
        font-family: Montserrat, sans-serif;
        text-transform: uppercase;
        font-weight: 700
    }
    .vendor-descript-section .cap-people,
    .vendor-descript-section .price {
        font-size: 18px;
        letter-spacing: -1px;
        color: #3c3634;
        display: block;
        margin: 0;
        line-height: inherit
    }
    .vendor-descript-section p,
    .vendor-descript-section ul li {
        color: #252328;
        font-size: 12px;
        text-align: justify;
        line-height: 25px
    }
    .vendor-descript-section h1,
    .vendor-descript-section h2 {
        font-size: 16px;
        line-height: 20px
    }
    .vendor-descript-section .profile-userpic {
        text-align: center;
        width: 154px;
        margin-right: auto;
        margin-left: auto
    }
    .vendor-descript-section .profile-sidebar .profile-usertitle {
        margin-top: 30px
    }
    .vendor-descript-section .fab,
    .vendor-descript-section .fas {
        color: #e9038d;
        padding-right: 10px;
        font-size: 22px
    }
    .vendor-descript-section .profile-usertitle-name {
        text-align: center
    }
    .vendor-descript-section .profile-address,
    .vendor-descript-section .profile-email,
    .vendor-descript-section .profile-website {
        margin-bottom: 10px
    }
    .vendor-descript-section ul.follow-icon {
        margin-bottom: 0
    }
    .vendor-descript-section ul.follow-icon li {
        padding-right: 10px;
        display: inline
    }
    .vendor-descript-section ul.follow-icon li a {
        font-size: 32px
    }
    .vendor-descript-section .rating-group .radio {
        display: flex;
        align-items: center
    }
    .vendor-descript-section .rating-group .radio:not(:first-child) {
        margin-left: 20px
    }
    .vendor-descript-section .rating-group {
        display: flex;
        align-items: center
    }
    .vendor-descript-section .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px
    }
    .vendor-descript-section .radio label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        top: 6px;
        margin-left: -20px;
        border: 1px solid #e0dcd1;
        border-radius: 50%;
        background-color: #faf9f5;
        -webkit-transition: border .15s ease-in-out;
        -o-transition: border .15s ease-in-out;
        transition: border .15s ease-in-out
    }
    .vendor-descript-section .radio label::after {
        display: inline-block;
        position: absolute;
        content: " ";
        width: 11px;
        height: 11px;
        left: 3px;
        top: 9px;
        margin-left: -20px;
        border-radius: 50%;
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
        -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33)
    }
    .vendor-descript-section .radio input[type=radio] {
        opacity: 0;
        z-index: 1
    }
    .vendor-descript-section .radio input[type=radio]:checked+label::after {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    .vendor-descript-section .radio input[type=radio]:disabled+label {
        opacity: .65
    }
    .vendor-descript-section .radio input[type=radio]:disabled+label::before {
        cursor: not-allowed
    }
    .vendor-descript-section .radio.radio-inline {
        margin-top: 0
    }
    .vendor-descript-section .radio-primary input[type=radio]+label::after {
        background-color: #337ab7
    }
    .vendor-descript-section .radio-primary input[type=radio]:checked+label::before {
        border-color: #337ab7
    }
    .vendor-descript-section .radio-primary input[type=radio]:checked+label::after {
        background-color: #337ab7
    }
    .vendor-descript-section .radio-danger input[type=radio]+label::after {
        background-color: #d9534f
    }
    .vendor-descript-section .radio-danger input[type=radio]:checked+label::before {
        border-color: #d9534f
    }
    .vendor-descript-section .radio-danger input[type=radio]:checked+label::after {
        background-color: #d9534f
    }
    .vendor-descript-section .radio-info input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-info input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-info input[type=radio]:checked+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]:checked+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]:checked+label::after {
        background-color: #e9038d!important;
        outline: 0;
        border: 0;
        background: 0 0
    }
    .edit-guest-div {
        display: none
    }
    .budget-checkbox .custom-control-label::before {
        top: -12px
    }
    .budget-checkbox .custom-control-label::after {
        top: -12px
    }
    .nice-select ul {
        max-height: 250px;
        overflow-y: scroll!important;
        width: 100%
    }
    .all-vendor-listdiv .venue-categories-img img {
        height: 190px;
        width: 100%;
        object-fit: cover
    }
    .gallery-addimg-modal button.close {
        font-size: 24px;
        opacity: 1;
        font-weight: 600;
        line-height: 1;
        color: #fff
    }
    .gallery-addimg-modal button.close:hover {
        color: #ff7b7b!important;
        opacity: 1!important
    }
    .gallery-addimg-modal .modal-header {
        align-items: center;
        color: #fff;
        background-color: #e9038d;
        border-color: #e9038d;
        padding: 10px
    }
    .gallery-addimg-modal .modal-header h5 {
        color: #fff;
        font-size: 15px;
        text-transform: capitalize
    }
    .gallery-addimg-modal .modal-dialog {
        height: 100vh;
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
        max-width: 600px;
        margin: 0 auto
    }
    .img-del-icon {
        position: relative
    }
    .img-del-icon button.close {
        position: absolute;
        top: -10px;
        right: -10px;
        background: #0000009e;
        color: #fff;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 20px;
        font-weight: 500;
        border-radius: 50%
    }
    .img-del-icon button.close:hover {
        background-color: red!important;
        color: #fff!important
    }
    .checkoutform-div .payment-mode-div {
        display: flex;
        align-items: center
    }
    .checkoutform-div .payment-mode-div .custom-control {
        margin-right: 35px
    }
    .profile-reviews .rating-star {
        font-size: 10px!important
    }
    .profile-reviews .rated {
        color: #ffa912
    }
    .profile-reviews .rate-mute {
        color: #909090
    }
    .profile-reviews .avatar img {
        width: 100%;
        object-fit: cover;
        max-width: 100%;
        height: 100%;
        border: 0;
        border-radius: 50%;
        z-index: 1;
        box-shadow: 0 10px 18px 0 rgb(62 57 107 / 20%)
    }
    .profile-reviews span.avatar {
        position: relative;
        width: 36px;
        height: 36px;
        white-space: nowrap;
        cursor: pointer;
        display: inline-flex;
        font-size: .8rem;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
        color: #fff
    }
    .profile-reviews .td-widthdescrip {
        white-space: normal;
        max-width: 270px
    }
    .customer-review .review-list .review-user {
        color: #252328
    }
    .forgot-password-para {
        margin: 0!important
    }
    .forgot-password-para a {
        font-weight: 300!important
    }
    .forgot-password-para a:hover {
        font-weight: 400!important;
        text-decoration: underline!important
    }
    .forgot-password-div {
        display: none
    }
    .signup-signin-section.change-passowrd-section {
        overflow: hidden;
        box-shadow: none;
        border-radius: 0;
        background: 0 0
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div {
        position: relative;
        background: #fff;
        box-shadow: 0 5px 25px rgb(0 0 0 / 10%);
        overflow: hidden;
        width: 50%;
        margin: 0 auto
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div .user {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div .user .formBx {
        width: 100%;
        display: block
    }
    .signup-signin-section {
        position: relative;
        height: 850px;
        margin: 40px 0;
        background: #e9038d;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        overflow: hidden;
        box-shadow: 0 2px 8px #d3d3d3;
        border-radius: 7px
    }
    .signup-signin-section .usersignin-up-div {
        background: #fff;
        box-shadow: 0 15px 50px rgba(0, 0, 0, .1);
        overflow: hidden
    }
    .signup-signin-section .usersignin-up-div .user {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex
    }
    .signup-signin-section .usersignin-up-div .user .imgBx {
        position: relative;
        width: 50%;
        height: 100%;
        background: #ff0;
        transition: .5s
    }
    .signup-signin-section .usersignin-up-div .user .imgBx img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    .signup-signin-section .usersignin-up-div .user .formBx {
        position: relative;
        width: 100%;
        height: 100%;
        background: #fff;
        display: flex;
        /* justify-content: center; */
        align-items: center;
        padding: 19px 20px;
        transition: .5s;
        flex-direction: column
    }
    .signup-signin-section .usersignin-up-div .user .formBx h2 {
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
        width: 100%;
        margin-bottom: 8px;
        color: #555;
        line-height: 20px
    }
    .signup-signin-section .usersignin-up-div .user .formBx h5 {
        font-size: 12px
    }
    .profile-pic-wrapper .pic-holder {
        width: 70px;
        height: 70px
    }
    .pic-heading p {
        font-size: 14px
    }
    .signup-signin-section .usersignin-up-div .user .formBx input {
        position: relative;
        width: 100%;
        border: 1px solid #f1eaea!important;
        padding: 10px;
        background: 0 0;
        color: #333;
        border: none;
        outline: 0;
        box-shadow: none;
        margin: 8px 0;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 300
    }
    label {
        font-size: 12px
    }
    .form-control {
        padding: 15px 15px;
        font-size: 11px
    }
    select.form-control {
        height: 40px;
        padding: 0 15px
    }
    .signup-signin-section .usersignin-up-div .user .formBx button {
        width: 40%;
        background: #e9038d;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1px;
        border-radius: 10px;
        transition: .5s;
        border: 0;
        padding: 8px 0;
        margin: 30px 0 18px 0
    }
    .signup-signin-section .usersignin-up-div .user .formBx .signup {
        position: relative;
        margin-top: 20px!important;
        font-size: 10px;
        letter-spacing: 1px;
        color: #000;
        text-transform: uppercase;
        font-weight: 300
    }
    .user-container .height-signup-increase-vendor {
        height: 1700px!important
    }
    .signup-signin-section .usersignin-up-div .user .formBx .signup a {
        font-weight: 600;
        text-decoration: none;
        color: #000
    }
    .signup-signin-section .usersignin-up-div .signupBx {
        pointer-events: none
    }
    .signup-signin-section .usersignin-up-div .signinBx {
        pointer-events: initial
    }
    .signup-signin-section .active .signupBx {
        pointer-events: initial
    }
    .signup-signin-section .active .signinBx {
        pointer-events: none
    }
    .signup-signin-section .usersignin-up-div .signupBx .formBx {
        left: 100%
    }
    .signup-signin-section .active .signupBx .formBx {
        left: 0
    }
    .signup-signin-section .usersignin-up-div .signupBx .imgBx {
        left: -100%
    }
    .signup-signin-section .active .signupBx .imgBx {
        left: 0
    }
    .signup-signin-section .usersignin-up-div .signinBx .formBx {
        left: 0
    }
    .signup-signin-section .active .signinBx .formBx {
        left: 100%
    }
    .signup-signin-section .usersignin-up-div .signinBx .imgBx {
        left: 0
    }
    .signup-signin-section .active .signinBx .imgBx {
        left: -100%
    }
    .usersignin-up-div .or-div {
        text-align: center;
        margin: 20px 0;
        position: relative
    }
    .usersignin-up-div .or-div:before {
        content: '';
        position: absolute;
        border-bottom: 1px solid #dadada;
        width: 45.3%;
        top: 14px;
        left: 0
    }
    .usersignin-up-div .or-div:after {
        content: '';
        position: absolute;
        border-bottom: 1px solid #dadada;
        width: 45.3%;
        top: 14px;
        right: 0
    }
    .usersignin-up-div .or-div span {
        background: #d7d7d7;
        padding: 10px;
        border-radius: 50%;
        color: #000;
        font-size: 12px
    }
    .usersignin-up-div .google-fb-login ul {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }
    .usersignin-up-div .google-fb-login ul li {
        vertical-align: middle;
        text-align: center;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        background-color: #e44120;
        list-style: none;
        font-size: 13px
    }
    .usersignin-up-div .google-fb-login ul li.fb {
        background-color: #4476b1
    }
    .usersignin-up-div .google-fb-login ul li a {
        color: #fff
    }
    .usersignin-up-div .google-fb-login ul li:not(:first-child) {
        margin-left: 10px
    }
    .signup-signin-section .nice-select {
        width: 100%;
        margin: 8px 0;
        color: #333;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 300
    }
    .signup-signin-section .nice-select:after {
        border-bottom: 2px solid #333;
        border-right: 2px solid #333
    }
    .budget-div .table thead.thead-light th {
        color: #495057;
        background-color: #f6f5f5!important;
        border-color: #f6f5f5!important;
        padding: 8px 8px;
        font-size: 12px
    }
    .checklist-div .custom-control-label::before {
        top: -12px
    }
    .checklist-div .custom-control-label::after {
        top: -12px
    }
    .dashboard-list-content {
        padding: 0
    }
    .dashboard-list-btn {
        padding: 0;
        text-align: left;
        display: flex;
        align-items: center
    }
    .dashboard-list-btn a {
        margin-right: 8px
    }
    .btn-xs {
        padding: 2px 6px;
        font-size: 10px;
        line-height: 1.5
    }
    .add-list-div .card-header h4 {
        font-size: 16px
    }
    .dashboard-content .banner-img-div {
        width: 100%;
        height: 195px;
        background: linear-gradient(45deg, #728bbb, #ffd6dd);
        margin-bottom: 10px;
        position: relative
    }
    .dashboard-content .banner-img-div .banner-curve {
        position: absolute;
        bottom: -1px;
        left: -1px;
        width: 101%
    }
    .dashboard-content .banner-img-div .banner-curve svg path {
        fill: #fdf6fa
    }
    .dashboard-content .banner-img-div .overlay {
        position: absolute;
        background: #4a4a4a96;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .dashboard-content .banner-img-div .dashboard-page-header {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translateX(-50%) translateY(-45%);
        border: 0;
        margin: 0;
        width: 100%;
        text-align: center
    }
    .dashboard-page-title {
        font-family: Estonia, cursive;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 20px;
        margin-bottom: 8px
    }
    .btn {
        border: 2px solid transparent;
        padding: 6px 15px;
        font-size: 12px
    }
    .btn-sm {
        padding: 6px 15px;
        font-size: 12px;
        line-height: 1.5
    }
    .dashboard-page-header {
        margin-bottom: 25px;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 15px
    }
    td .dashboard-list-content h3 {
        font-size: 11px;
        line-height: 18px
    }
    td .dashboard-list-content p {
        font-size: 11px;
        line-height: 18px
    }
    .dashboard-page-header p {
        font-size: 11px;
        line-height: 15px
    }
    .dashboard-content .banner-img-div .dashboard-page-header h3 {
        font-weight: 500;
        margin-bottom: 0;
        font-size: 25px;
        color: #fff;
        letter-spacing: 2px
    }
    .dashboard-content .banner-img-div .dashboard-page-header p {
        color: #252328;
        font-size: 20px;
        color: #fff
    }
    .dashboard-content .banner-img-div img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }
    .checklist-msg-div {
        display: flex;
        border: 1px solid #ffffff94;
        padding: 15px 15px;
        margin-bottom: 50px;
        background: #fff;
        border-radius: 10px
    }
    .checklist-msg-div .msg-icon i {
        color: #f5f503;
        font-size: 18px;
        margin-right: 12px
    }
    .checklist-msg-div .msg-content p:first-child {
        font-weight: 600;
        color: #252328;
        margin-bottom: 10px;
        font-size: 12px
    }
    .checklist-msg-div .msg-content p {
        color: #252328;
        font-size: 11px;
        line-height: 20px
    }
    .checklist-msg-div .msg-content button {
        background: 0 0;
        color: #345191;
        border: 1px solid #345191;
        width: 30%;
        padding: 5px 0;
        cursor: pointer;
        font-size: 12px;
        line-height: 20px
    }
    .circular-progress-div .circle_percent {
        font-size: 90px;
        width: 1em;
        height: 1em;
        position: relative;
        background: #eee;
        border-radius: 50%;
        overflow: hidden;
        display: inline-block;
        margin: 20px
    }
    .circular-progress-div .circle_inner {
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        height: 1em;
        clip: rect(0 1em 1em .5em)
    }
    .circular-progress-div .round_per {
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        height: 1em;
        background: #e4a6d2;
        clip: rect(0 1em 1em .5em);
        transform: rotate(180deg);
        transition: 1.05s
    }
    .circular-progress-div .percent_more .circle_inner {
        clip: rect(0 .5em 1em 0)
    }
    .circular-progress-div .percent_more:after {
        position: absolute;
        left: .5em;
        top: 0;
        right: 0;
        bottom: 0;
        background: #e4a6d2;
        content: ''
    }
    .circular-progress-div .circle_inbox {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background: #fff;
        z-index: 3;
        border-radius: 50%
    }
    .circular-progress-div .percent_text {
        position: absolute;
        font-size: 14px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
        color: #000
    }
    .circular-progress-div .total-cost-div p {
        color: #d8a94c;
        font-weight: 600;
        font-size: 15px;
        line-height: 25px;
        text-align: center
    }
    .circular-progress-div .total-cost-div p.max-budget-linjk {
        color: #777;
        font-weight: 400;
        font-size: 14px;
        background: #eee;
        padding: 8px 25px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }
    .circular-progress-div .total-cost-div p.max-budget-linjk span {
        margin-left: 12px
    }
    .circular-progress-div {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center
    }
    .circular-progress-div.amount-paid-circular {
        margin-left: 60px
    }
    .circular-progress-div.amount-paid-circular .total-cost-div p {
        color: #61749f
    }
    .circular-dflex {
        display: flex;
        align-items: flex-start;
        justify-content: center
    }
    .circular-progress-row {
        margin-bottom: 50px
    }
    .budget-category-title {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .budget-category-title>span {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        font-size: 12px;
        margin: 0
    }
    .card-header-tabs .nav-item .nav-link {
        color: #6f6d72;
        font-size: 12px;
        padding: 6px 20px
    }
    .budget-category-title>span p {
        margin-right: 20px
    }
    .budget-board .accordion-card-header {
        background: #f6f5f5
    }
    .budget-category-title .accordion-card-title span {
        margin-top: 0;
        font-size: 12px
    }
    .day-form-div,
    .event-form-div {
        display: none
    }
    .my-profile-sections .nav-pills .nav-link.active,
    .my-profile-sections .nav-pills .show>.nav-link {
        background: #cf919c;
        color: #fff
    }
    .dashboard-content {
        margin-bottom: 35px;
        margin-left: 0;
        margin-right: 0
    }
    .event-slide-panel {
        overflow-y: scroll
    }
    .budget-list-checkbox .custom-control-label::before {
        top: -14px
    }
    .budget-list-checkbox .custom-control-label::after {
        top: -14px
    }
    .budget-submit-btn {
        margin-left: auto!important;
        display: block;
        margin-right: 30px;
        margin-top: 50px!important;
        width: 35%
    }
    .swal2-container .swal2-confirm {
        color: #fff;
        background-color: #e9038d!important;
        border-color: #e9038d!important
    }
    .swal2-container .swal2-popup .swal2-styled:focus {
        box-shadow: none!important
    }
    .my-profile-user-section .nice-select,
    .my-profile-user-section .nice-select ul {
        width: 100%!important;
        font-size: 11px
    }
    .my-profile-user-section .nice-select ul {
        width: 100%;
        max-height: 200px;
        overflow-y: scroll
    }
    .nice-select.swal2-select {
        display: none!important
    }
    .add-task-slide {
        display: none
    }
    .signup-section {
        display: flex;
        justify-content: center;
        width: 100%;
        align-items: center
    }
    .signup-tab a {
        display: block;
        width: 50%;
        font-size: 12px
    }
    .signup-tab a.active {
        background: #e9038d;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1px;
        border-radius: 10px;
        transition: .5s;
        border: 0;
        padding: 3px 0
    }
    .signup-section .signup-tab {
        width: 70%;
        display: flex;
        justify-content: center;
        text-align: center;
        margin-bottom: 25px;
        margin-top: 15px
    }
    .user-container .height-signup-increase {
        height: 1600px!important
    }
    .tab-users {
        display: none
    }
    .tab-users.active {
        display: block
    }
    .section-services {
        padding-bottom: 120px;
        font-family: Poppins, sans-serif;
        color: #fff
    }
    .section-services .header-section {
        margin-bottom: 35px
    }
    .section-services .header-section .title {
        position: relative;
        margin-bottom: 40px;
        padding-bottom: 25px;
        text-transform: uppercase;
        font-weight: 700
    }
    .section-services .header-section .title:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 140px;
        height: 1px;
        background-color: #f70037
    }
    .section-services .header-section .title:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 45px;
        height: 3px;
        background-color: #f70037
    }
    .section-services .header-section .title span {
        color: #f70037
    }
    .section-services .header-section .description {
        color: #6f6f71
    }
    .section-services .single-service {
        margin-top: 40px;
        background-image: linear-gradient(114deg, #ddd6f3, #faaca8);
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
        border-radius: 0 37px;
        min-height: 355px;
        position: relative
    }
    .section-services .single-service .part-1 {
        padding: 15px 40px 15px;
        border-bottom: 2px solid #1d1e23;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
    .section-services .single-service .part-1 i {
        font-size: 25px;
        color: #e62d99
    }
    .section-services .single-service .part-1 .title {
        font-size: 17px;
        font-weight: 700;
        letter-spacing: .02em;
        line-height: 1.8em;
        color: #fff;
        margin-left: 20px;
        margin-bottom: 0
    }
    .section-services .single-service .part-2 {
        padding: 30px 40px 40px
    }
    .section-services .single-service .part-2 .description {
        margin-bottom: 22px;
        color: #6f6f71;
        font-size: 14px;
        line-height: 1.8em
    }
    .section-services .single-service .part-2 a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        position: absolute;
        left: 12%;
        bottom: 7%;
        width: 100%
    }
    .section-services .single-service .part-2 a i {
        margin-right: 10px;
        color: #e62d99
    }
    .section-services .single-service table {
        width: 100%;
        color: #3e3e3e;
        font-size: 14px
    }
    .section-services .single-service table td:first-child {
        width: 90%
    }
    .margin-top-section0 {
        margin-top: 0!important
    }
    .adv-section marquee img {
        height: 52px;
        margin: 0 6px;
        width: 76px
    }
    .change-password-section.login-message-section .modal-dialog .modal-content {
        text-align: center;
        border: none;
        background-image: url(../images/img/login-modal.webp);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-position: center
    }
    .change-password-section.login-message-section .modal-dialog .modal-content .overlay {
        background: #0000008c;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
    .change-password-section.login-message-section .modal-body .description {
        color: #fff;
        font-size: 12px;
        margin: 0 0 20px;
        line-height: 21px
    }
    .change-password-section.login-message-section .modal-dialog {
        width: 90%;
        max-width: 100%
    }
    .change-password-section.login-message-section .modal-content .modal-body .btn {
        width: 40%
    }
    #headline {
        font-weight: 400;
        letter-spacing: .125rem;
        text-transform: uppercase
    }
    #countdown ul li {
        display: inline-block;
        font-size: 22px;
        list-style-type: none;
        padding: 0 3px;
        text-transform: uppercase;
        justify-content: center
    }
    #countdown ul li .span-first-counter {
        border: 1px solid #ffffff21;
        margin: 0 5px 3px 5px;
        font-weight: 500;
        text-shadow: 1px 2px #000;
        background: #fdf6fa36;
        color: #fff;
        width: 100px;
        font-size: 40px;
        height: 61px;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .emoji {
        display: none;
        padding: 1rem
    }
    .emoji .span-first-counter {
        font-size: 4rem;
        padding: 0 .5rem
    }
    .days-span {
        color: #fff;
        text-align: center;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-shadow: 0 0 #000;
        margin-top: 8px;
        font-size: 25px!important
    }
    .my-profile-sections .nav-pills {
        font-size: 14px;
        flex-direction: row!important
    }
    #countdown {
        margin: 32px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .remainder-hrading h2 {
        text-align: center;
        color: #fff;
        margin-top: 15x
    }
    .color-black {
        background-color: #000;
        padding: 90px 0 0 0
    }
    .image-of-profile {
        background: #fff;
        border-radius: 72%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 190px;
        height: 135px
    }
    .image-of-profile img {
        height: 90px;
        object-fit: contain;
        border: 9px solid #b1b1b121;
        width: 90px;
        border-radius: 83%;
        position: absolute;
        background: #fff;
        top: -47px;
        box-shadow: 0 4px 8px 0 rgb(255 220 226 / 38%);
        transition: .3s;
        left: 19px
    }
    .profile-names .name-texts {
        color: #e9038d;
        font-size: 20px;
        font-weight: 500;
        padding-bottom: 17px
    }
    .profile-information {
        width: 100%;
        background: #fff;
        box-shadow: 0 4px 8px 0 rgb(225 225 225);
        transition: .3s
    }
    .profile-information {
        margin: 48px 0 0
    }
    .background-images-pro img {
        width: 100%;
        height: 135px;
        object-fit: cover;
        object-position: top;
        background: #7fffd4;
        opacity: .5
    }
    .profile-names {
        width: 70%;
        padding-top: 15px
    }
    .profile-names p {
        margin-bottom: 0;
        font-size: 12px
    }
    .image-of-profile {
        width: 30%;
        position: relative
    }
    .information-text {
        display: flex;
        border-top: 5px solid #e9038d
    }
    .changes-passwords span .fa,
    .members-texts span .fa {
        color: #605c5f61
    }
    .changes-passwords span:nth-child(2),
    .members-texts span:nth-child(2) {
        padding-left: 10px
    }
    .my-profile-sections {
        margin: 35px 0
    }
    .countdown-day {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 173px
    }
    .countdown-day p:nth-child(1) {
        margin-bottom: 0;
        font-size: 32px;
        color: #fff
    }
    .countdown-day p:nth-child(2) {
        margin-bottom: 0;
        padding-left: 5px;
        font-size: 32px;
        color: #fff
    }
    .couples-weds-name h2 {
        position: relative;
        margin: 0;
        font-size: 2em;
        font-weight: 900;
        color: #000;
        overflow: hidden
    }
    .couples-weds-name h2 span {
        color: #ff022c
    }
    .wedding-couples-name-section {
        background: #ffd5dd2e;
        DISPLAY: flex;
        justify-content: center;
        align-items: center
    }
    .couples-weds-name1 h2 {
        position: relative;
        -webkit-box-reflect: below -12px linear-gradient(transparent, rgb(251 0 0 / 8%));
        font-family: Estonia, cursive
    }
    .couples-weds-name1 span {
        position: relative;
        display: inline-block;
        color: #e9038d;
        font-size: 67PX;
        text-transform: uppercase;
        animation: animate 2s ease-in-out infinite;
        animation-delay: calc(.1s * var(--i))
    }
    @keyframes animate {
        0% {
            transform: translateY(0)
        }
        20% {
            transform: translateY(-20px)
        }
        100%,
        40% {
            transform: translateY(0)
        }
    }
    .couples-weds-name2 h2 {
        font-size: 93px;
        color: #fff;
        position: relative;
        -webkit-box-reflect: below -12 px linear-gradient(transparent, rgb(251 0 0 / 8%));
        font-family: Estonia, cursive
    }
    .couples-weds-name2 span {
        position: relative;
        display: inline-block;
        color: #fff;
        font-size: 127PX;
        animation: animate 2s ease-in-out infinite;
        animation-delay: calc(.1s * var(--i))
    }
    .color-bg {
        background: #e9038d24
    }
    .couples-weds-name2 {
        height: 216px;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

@media screen and (min-width:240px) and (max-width:379px) {
    /* loader  */
    .preloader .Loader {
        position: fixed;
        margin: 0;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        height: 100%;
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-flow: column;
        background-color: white;
        z-index: 999;
    }
    .preloader .Loader h1 {
        color: black;
        font-size: 1em;
        animation: fading 2.5s ease-in-out infinite;
    }
    .preloader .Loader p {
        color: white;
        opacity: 80%;
        font-size: 0.8em;
    }
    .preloader .Loader-box {
        margin: 10px;
        flex: 0 0 auto;
        height: 30px;
        width: 30px;
    }
    .preloader .Loader-box .box {
        position: absolute;
        height: 30px;
        width: 30px;
        animation: rotating 2s ease-in infinite;
        animation-delay: calc(var(--id) * .2s);
    }
    .preloader .Loader-box .box .dot {
        background-color: black;
        height: 6px;
        width: 6px;
        border-radius: 100%;
    }
    @keyframes rotating {
        0% {
            opacity: 0;
            transform: rotateZ(0);
        }
        25% {
            opacity: 100%;
            transform: rotateZ(160deg);
        }
        75% {
            opacity: 200%;
            opacity: 100;
        }
        80% {
            transform: rotateZ(300deg);
            opacity: 100;
        }
        100% {
            transform: rotateZ(350deg);
            opacity: 0;
        }
    }
    @keyframes fading {
        0% {
            opacity: 40%;
        }
        50% {
            opacity: 90%;
        }
        100% {
            opacity: 40%;
        }
    }
    /* loader end */
    /* dashboard loader  */
    .dashboard-loader {
        position: relative;
        padding: 5px 15px;
        animation: loader 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
        color: white;
        font-size: 12px;
    }
    @keyframes loader {
        0% {
            letter-spacing: -1px;
        }
        100% {
            letter-spacing: 15px;
        }
    }
    .dashboard-loader::before {
        content: '';
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        transform: skewX(-15deg);
        background-color: #f3b8d0;
    }
    .dashboard-loader .banner-left,
    .dashboard-loader .banner-right {
        width: 60px;
        height: 100%;
        position: absolute;
        z-index: -2;
        bottom: -30%;
        transform: skewX(-15deg);
        background-color: #b60965bf;
    }
    .dashboard-loader .banner-left {
        animation: sub-banner-left 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
    }
    @keyframes sub-banner-left {
        0% {
            right: 82%;
        }
        100% {
            right: 90%;
        }
    }
    .dashboard-loader .banner-right {
        animation: sub-banner-right 1s cubic-bezier(0.5, 0.1, 0.15, 1) alternate infinite;
    }
    @keyframes sub-banner-right {
        0% {
            left: 82%;
        }
        100% {
            left: 90%;
        }
    }
    .dashboard-loader .banner-left::before,
    .dashboard-loader .banner-right::before {
        content: '';
        width: 0;
        height: 0;
        position: absolute;
        top: -1px;
        border: 22px solid;
        border-color: transparent;
    }
    .dashboard-loader .banner-left::before {
        left: -1px;
        border-left-color: #ffffff;
    }
    .dashboard-loader .banner-right::before {
        right: -1px;
        border-right-color: #ffffff;
    }
    .dashboard-preloader {
        position: fixed;
        width: 100%;
        height: 100%;
        background: white;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    /* dashboard loader  end*/
    .counter-text p {
        text-align: center;
        text-align: center;
        font-family: Estonia, cursive;
        letter-spacing: 2px;
        color: #fff;
        font-size: 35px;
        border: 1px solid #fff;
        margin: 0 5px 3px 5px;
        font-weight: 500;
        text-shadow: 1px 2px #000;
        background: #fdf6fa36;
        color: #fff;
        border-radius: 15px 0!important;
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .profile-bridegroom {
        padding: 50px 0
    }
    .profile-pic-new {
        width: 140px;
        height: 145px
    }
    .profile-pic-new img {
        border-radius: 50%;
        object-fit: cover;
        border: 20px solid pink;
        border-image-source: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/652/hearts-border-image.png);
        border-image-slice: 20 22;
        width: 140px;
        height: 140px
    }
    .bride-summary-col .wedsheart {
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 18px 0
    }
    .bride-summary .bride-name h3 {
        font-size: 20px;
        text-align: center;
        color: #fff;
        letter-spacing: 4px;
        font-family: 'Great Vibes', cursive
    }
    .wedsheart .heart-circle {
        width: 40px;
        height: 40px;
        background: #3d5ae8;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        font-size: 16px
    }
    .accordion-card-header {
        margin-bottom: 0;
        background-color: #fff;
        border-radius: 4px;
        padding: 10px 12px
    }
    .todo .accordion-card-title {
        font-size: 12px
    }
    .accordion-card-header span {
        font-size: 12px;
        margin-top: 6px
    }
    .todo-date {
        color: #6f6d72;
        font-size: 11px
    }
    .mob-font-para {
        font-size: 13px
    }
    .submit-event-days {
        margin-top: 0!important;
        margin-bottom: 20px
    }
    .venue-form-calendar {
        position: absolute;
        bottom: 17px;
        right: 30px;
        color: #6e6a6b
    }
    .form-group {
        margin-bottom: 12px
    }
    .mob-dashrow-mt {
        margin-top: 25px
    }
    .margin-top-mob {
        margin-top: 75px!important
    }
    .current-activited-new {
        padding: 8px 18px
    }
    .process-section-step {
        padding: 45px 0!important
    }
    .space-small {
        padding-top: 45px;
        padding-bottom: 45px
    }
    .mobile-dashboard-menubtn i {
        font-size: 22px;
        line-height: 1;
        background-color: transparent;
        border: 2px solid #e9038d;
        border-radius: .25rem;
        padding: 4px 8px;
        color: #e9038d
    }
    .mobile-menu-height {
        height: 80px
    }
    .mob-nav-dropdown .dropdown-container {
        display: none
    }
    .sidenav {
        display: block;
        width: 98%;
        background-color: #fff;
        padding-top: 0;
        position: fixed;
        top: 0;
        left: -133%;
        height: 100%;
        text-align: left;
        transition: all .9s ease;
        z-index: 9999999;
        background: linear-gradient(114deg, #ddd6f3, #faaca8)
    }
    .main-mobile-hidden {
        display: none!important
    }
    .header-side-screen {
        background: #000000c9;
        height: 100vh;
        width: 20%;
        position: absolute;
        right: 0;
        z-index: 99999
    }
    .header-side-screen {
        display: none
    }
    .sidenav.show {
        left: 0
    }
    .dropdown-btn,
    .sidenav a {
        display: block;
        width: 100%
    }
    .sidenav .red-bg {
        background: linear-gradient(173deg, #fff, #fd9193);
        color: #000!important;
        font-size: 18px
    }
    .sidenav .mob-nav-list .nav-links {
        padding-left: 10px;
        color: grey;
        font-size: 15px;
        text-transform: capitalize
    }
    .sidenav .mob-nav-list .dropdown-btn {
        border: none;
        padding: 5px 15px;
        text-align: left;
        font-size: 14px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        background: 0 0;
        color: inherit
    }
    .sidenav .mob-nav-list .dropdown-btn i {
        width: 10%;
        text-align: center
    }
    .sidenav .mob-nav-list .dropdown-btn span {
        display: inline-block;
        width: 80%;
        padding-left: 10px
    }
    .sidenav .mob-nav-list .fa-chevron-down,
    .sidenav .mob-nav-list .fa-chevron-up {
        padding-left: 0;
        width: 10%;
        font-size: 12px;
        text-align: right
    }
    .rewards-img,
    .sidenav .post-img,
    .wallet-img {
        padding-right: 7px
    }
    .mob-header {
        height: 60px;
        display: flex;
        align-items: center;
        background-color: #fff;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        z-index: 999999;
        box-shadow: 0 2px 10px rgb(0 0 0 / 11%)
    }
    .mob-header .mob-bar-col {
        text-align: left
    }
    .mob-header .mob-bar-col .fa-bars {
        font-size: 25px;
        color: #000
    }
    .mob-header .mob-logo-col {
        text-align: right
    }
    .mob-header .mob-logo-col .mob-logo-img {
        height: 40px;
        object-fit: contain
    }
    .sidenav .red-bg {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 15px
    }
    .sidenav .mob-menu-close,
    .sidenav .profile-img {
        width: 15%
    }
    .sidenav .login-heading {
        width: 70%
    }
    .sidenav .profile-img img {
        width: 40px;
        height: 40px;
        padding: 5px;
        border-radius: 50%
    }
    .sidenav .login-heading p {
        color: #000;
        font-size: 16px;
        font-weight: 600;
        margin-left: 5px;
        text-transform: capitalize
    }
    .sidenav .mob-menu-close .fa-times {
        font-size: 18px;
        line-height: 1;
        background-color: transparent;
        border: 2px solid #e9038d;
        border-radius: .25rem;
        padding: 4px 8px;
        color: #e9038d
    }
    .sidenav .mob-nav-div {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 8px 15px
    }
    .sidenav .mob-nav-div:hover,
    .sidenav .mob-nav-dropdown .dropdown-btn:hover {
        background: #cf919c;
        color: #fff
    }
    .sidenav .mob-nav-div:hover .nav-links {
        color: #fff
    }
    .sidenav .mob-nav-list .mob-nav-div:hover .nav-links {
        color: #fff
    }
    .sidenav .mob-nav-div .mob-nav-img {
        width: 10%;
        text-align: center
    }
    .sidenav .mob-nav-div .mob-nav-heading {
        width: 90%
    }
    .sidenav .mob-nav-div .mob-nav-img img {
        height: 16px;
        width: 16px;
        object-fit: contain;
        padding: 0
    }
    .sidenav .mob-nav-dropdown {
        padding: 3px 0
    }
    .sidenav ul {
        padding: 0;
        margin: 0
    }
    .who-we-content {
        padding: 30px 0!important
    }
    .mobile-mb0 {
        margin-bottom: 0!important
    }
    .mob-gallery-card {
        height: 116px!important
    }
    .footer {
        background-color: #302d34;
        padding-top: 35px;
        padding-bottom: 0;
        color: #98969b;
        font-size: 14px
    }
    .tiny-footer p {
        font-size: 7px;
        text-align: center
    }
    .vendor-descript-section .venue-details img {
        height: 200px;
        object-fit: cover
    }
    .vendor-category-listdiv .vendor-img img {
        width: 100%;
        height: 195px;
        object-fit: cover
    }
    .vendor-category-listdiv .vendor-title {
        font-size: 18px
    }
    .vendor-category-listdiv .vendor-guest,
    .vendor-category-listdiv .vendor-price {
        font-size: 16px;
        color: #252328;
        font-weight: 400
    }
    .navbar-classic.navbar {
        padding: 10px 0;
        align-items: center
    }
    .navbar-classic .navbar-nav .nav-item .nav-link {
        font-size: 16px
    }
    .wedding-planning-section .feature-icon-block {
        margin: 15px 0;
        padding: 15px 5px
    }
    .wedding-planning-section .feature-icon-block .feature-icon {
        margin-bottom: 0
    }
    .navbar-boxed .navbar-toggler,
    .navbar-classic .navbar-toggler {
        padding: 7px
    }
    .mobile-navmenu-customcss {
        position: absolute;
        width: 105%;
        background: #fff;
        top: -45px;
        left: -16px;
        z-index: 99999;
        padding: 0 0 40px;
        height: 100vh;
        padding: 25px 0
    }
    .mobile-navmenu-closebtn {
        display: block;
        margin-left: auto;
        margin-right: 25px
    }
    .mobile-navmenu-closebtn i {
        margin: 0 5px;
        color: #e9038d
    }
    .mob-button-ml {
        margin-left: 21px;
        margin-top: 16px
    }
    .price-table .price-head h4 {
        font-size: 20px
    }
    .price-table .price-head h2 {
        font-size: 16px;
        line-height: 20px
    }
    .price-table .price-button a {
        font-size: 12px
    }
    .price-table .price-content ul li {
        list-style: none;
        font-size: 11px;
        text-transform: uppercase;
        padding: 3px 0;
        color: #777;
        cursor: pointer;
        border-left: .94rem solid transparent;
        border-right: .94rem solid transparent;
        transition: .5s
    }
    .dashboard-header {
        position: fixed
    }
    .days-submit-btn button {
        width: 25%!important
    }
    .main-menu.mobile-dashboard-sidebar:hover,
    nav.main-menu.mobile-dashboard-sidebar.expanded {
        width: 250px;
        overflow: visible
    }
    .main-menu.mobile-dashboard-sidebar {
        background: linear-gradient(114deg, #ddd6f3, #faaca8);
        box-shadow: 0 0 1px 0 rgb(198 198 198 / 85%);
        border-right: 1px solid #e5e5e5;
        position: fixed;
        top: 80px;
        bottom: 0;
        height: 100%;
        left: 0;
        width: 60px;
        overflow: hidden;
        -webkit-transition: width .05s linear;
        transition: width .05s linear;
        -webkit-transform: translateZ(0) scale(1, 1);
        z-index: 1000
    }
    .main-menu.mobile-dashboard-sidebar ul li a i {
        position: relative;
        display: table-cell;
        width: 60px;
        text-align: center;
        vertical-align: middle;
        font-size: 14px
    }
    .main-menu.mobile-dashboard-sidebar>ul {
        margin: 0 0;
        padding: 0
    }
    .main-menu.mobile-dashboard-sidebar li {
        position: relative;
        display: block;
        width: 250px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 0
    }
    .main-menu.mobile-dashboard-sidebar li>a {
        position: relative;
        display: table;
        border-collapse: collapse;
        border-spacing: 0;
        color: #656565;
        font-family: arial;
        font-size: 14px;
        text-decoration: none;
        -webkit-transform: translateZ(0) scale(1, 1);
        -webkit-transition: all .1s linear;
        transition: all .1s linear
    }
    .main-menu.mobile-dashboard-sidebar .nav-icon {
        position: relative;
        display: table-cell;
        width: 60px;
        height: 36px;
        text-align: center;
        vertical-align: middle;
        font-size: 18px
    }
    .main-menu.mobile-dashboard-sidebar .nav-text {
        position: relative;
        display: table-cell;
        vertical-align: middle;
        width: 190px;
        font-family: 'Titillium Web', sans-serif
    }
    .main-menu.mobile-dashboard-sidebar>ul.logout {
        position: absolute;
        left: 0;
        bottom: 0
    }
    .main-menu.mobile-dashboard-sidebar li:hover,
    nav.main-menu.mobile-dashboard-sidebar li.active {
        background: #cf919c;
        color: #fff
    }
    .main-menu.mobile-dashboard-sidebar li:hover>a,
    .main-menu.mobile-dashboard-sidebar li:hover>a span,
    nav.main-menu.mobile-dashboard-sidebar li.active>a,
    nav.main-menu.mobile-dashboard-sidebar li.active>a span {
        background: #cf919c;
        color: #fff
    }
    .process-block .inner-box .count {
        position: absolute;
        right: 17px;
        top: -40px;
        height: 60px;
        width: 60px;
        background-color: #fff;
        border-radius: 0 10px 0 0;
        font-size: 20px;
        line-height: 60px
    }
    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-next {
        position: absolute
    }
    .venue-thumbnail-carousel .owl-theme .owl-nav .owl-prev {
        position: absolute
    }
    .btn-lg {
        padding: 14px 26px;
        font-size: 14px;
        line-height: 1.3333333
    }
    .section-title h2 {
        font-size: 18px;
        line-height: 20px
    }
    .section-title p {
        font-size: 11px;
        line-height: 2
    }
    .section-title {
        margin-bottom: 30px
    }
    .dashrow .dashcol .main-iconlogo {
        width: 35px;
        height: 35px;
        font-size: 12px
    }
    .dashcol h4 {
        font-size: 14px;
        margin: 23px 0
    }
    .single-services table {
        font-size: 11px;
        width: 90%
    }
    .single-services table tr td:first-child {
        width: 50%
    }
    .single-services table tr td {
        width: 50%
    }
    .dashborad-card-border {
        border: 1px dashed #bbb;
        border-radius: 0 0 0 20px;
        min-height: auto;
        padding: 25px 0;
        margin-bottom: 20px
    }
    .budget-board table th {
        padding: 8px 15px
    }
    .wedding-budget-event {
        width: 25%
    }
    .budget-board table td {
        padding: 10px 15px;
        font-size: 12px
    }
    .budget-board .card-body h3 {
        font-size: 12px;
        margin-bottom: 8px
    }
    .budget-board .card-body p {
        font-size: 11px;
        line-height: 20px
    }
    .db-nav-list .navbar-nav .nav-item .nav-link {
        padding: 8px 10px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center
    }
    .card-body {
        padding: 10px 10px
    }
    .user-icon img {
        height: 31px
    }
    .db-nav-list .navbar-nav .nav-item {
        text-align: center
    }
    .price-table .price-head {
        padding: 15px 0
    }
    .upload-gallery-images h3 {
        font-size: 12px
    }
    .upload-gallery-images input {
        font-size: 11px
    }
    .budget-board .table {
        font-size: 11px;
        white-space: nowrap
    }
    button.btn {
        font-size: 12px;
        font-weight: 300;
        padding: 5px 15px
    }
    .upload-gallery-images .remove {
        display: block;
        background: #183240;
        border: 1px solid #000;
        color: #fff;
        text-align: center;
        cursor: pointer;
        font-size: 12px;
        padding: 0 15px
    }
    .add-venue-title h3 {
        color: #fff;
        background-color: #e9038d;
        border-color: #e9038d;
        padding: 6px 15px;
        border-radius: 7px;
        font-size: 12px
    }
    .dashboard-sidebar .vendor-user-profile .vendor-profile-img img {
        width: 60px;
        height: 65px;
        object-fit: contain;
        background: #fff
    }
    .dashboard-tabled-img img {
        height: 30px;
        object-fit: contain
    }
    .dashboard-sidebar {
        width: 235px
    }
    .dashboard-header .header-logo {
        line-height: 4;
        padding-top: 0;
        height: 100%;
        display: flex;
        align-items: center;
        padding-bottom: 0
    }
    .trusted-partner .client-logo img {
        height: 65px;
        width: 100%;
        object-fit: contain
    }
    .what-we-do-div .service-img img {
        height: 70px
    }
    .what-we-do-div .service-title {
        font-size: 16px;
        line-height: 20px
    }
    .what-we-do-div p {
        font-size: 12px;
        line-height: 25px
    }
    .what-we-do-div .service-block .card-body {
        padding: 25px 15px!important
    }
    .client-logo {
        margin-bottom: 0
    }
    .what-we-do-div a.btn {
        font-size: 12px;
        padding: 10px 26px
    }
    .who-we-are-div .lead {
        font-size: 13px
    }
    .who-we-are-div p {
        margin: 0 0 15px 0;
        font-size: 12px;
        line-height: 25px
    }
    .testimonial-block {
        min-height: 340px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding: 0 18px
    }
    .testimonial-block .testimonial-icon {
        margin-bottom: 8px;
        font-size: 20px;
        text-align: center;
        margin-top: 0;
        text-align: center
    }
    .testimonial-block .testimonial-name {
        text-align: center;
        font-weight: 400;
        margin-bottom: 10px;
        font-size: 16px
    }
    .testimonial-block .testimonial-text {
        font-size: 12px;
        line-height: 20px;
        margin-bottom: 15px
    }
    .testimonial-block .testimonial-pic {
        text-align: center;
        margin-bottom: 15px
    }
    .abt-who-mobimg {
        height: 220px;
        width: 100%;
        object-fit: contain
    }
    .who-we-content h2 {
        font-size: 25px
    }
    .page-title {
        font-size: 20px!important
    }
    .page-breadcrumb .breadcrumb .breadcrumb-item {
        font-size: 10px
    }
    .testimonial-pic img {
        width: 45px;
        height: 45px;
        object-fit: cover
    }
    .testimonial-meta h5 {
        font-size: 14px;
        line-height: 20px
    }
    .testimonial-small-text {
        font-size: 10px;
        line-height: 20px
    }
    .page-header.about-bgimg {
        min-height: 165px
    }
    .process-block .inner-box {
        padding: 0!important;
        height: 255px;
        display: flex;
        align-items: center;
        justify-content: center
    }
    .process-block .inner-box .feature {
        margin-bottom: 0;
        margin-top: 0
    }
    .process-section-step .circle-xxxl {
        height: 80px;
        width: 80px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0!important;
        margin-bottom: 20px
    }
    .how-works h3 {
        font-size: 16px
    }
    .how-works p {
        font-size: 12px;
        line-height: 20px
    }
    .process-section-step .circle-xxxl .icon-5x {
        font-size: 25px
    }
    .process-number-second {
        position: absolute;
        left: 30%;
        bottom: -17px;
        text-align: center;
        font-weight: 500;
        line-height: 1.8
    }
    .process-section-step .circle-xxxl .circle-lg {
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 12px
    }
    .process-section-step .process-arrow {
        position: absolute;
        top: 92px;
        right: -28px
    }
    .logo-link img {
        height: 45px;
        width: auto;
        object-fit: cover
    }
    .banner-div {
        position: relative
    }
    .banner-div svg {
        position: absolute;
        bottom: -2px;
        left: 0;
        z-index: 1
    }
    .banner-div svg path {
        fill: #fdf6fa
    }
    .banner-slider img {
        width: 100%;
        height: calc(100vh - 480px);
        opacity: 1!important;
        animation-duration: 3s;
        transition: all 1s ease;
        object-fit: cover
    }
    .banner-slider [data-animation-in] {
        opacity: 0;
        animation-duration: 6s;
        transition: opacity .5s ease .3s!important;
        transition: 1s
    }
    @keyframes zoomInImage {
        from {
            transform: scale3d(1, 1, 1);
            transition: 1s
        }
        to {
            transform: scale3d(1.1, 1.1, 1.1);
            transition: 1s
        }
    }
    .zoomInImage {
        animation-name: zoomInImage
    }
    .banner-slider .slide .slide__content {
        position: absolute;
        top: 35%;
        transform: translateY(-35%) translateX(-50%);
        left: 50%;
        z-index: 9999999
    }
    .banner-slider .slide .slide__content .search-head {
        margin-bottom: 0;
        padding: 0
    }
    .banner-slider .slide .slide__img {
        position: relative
    }
    .banner-slider .slide .slide__img .overlay {
        position: absolute;
        background: #00000061;
        width: 100%;
        height: 100%;
        top: 0
    }
    .category-div .venue-categories-img img {
        height: 110px;
        object-fit: cover;
        width: 100%
    }
    .category-div .venue-categories-img .venue-categories-overlay h3 {
        font-weight: 500;
        font-size: 12px;
        line-height: 20px
    }
    .category-div .venue-categories-img .overlay {
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%;
        background: linear-gradient(0deg, #0000008c 20%, transparent 40%)
    }
    .gallery-div .image-gallery img {
        max-width: 100%;
        height: 175px;
        width: 100%;
        object-fit: cover
    }
    .gallery-div .image-gallery {
        margin-bottom: 30px;
        position: relative;
        box-shadow: rgb(0 0 0 / 15%) 0 1px 5px 0;
        padding: 15px;
        margin-right: 20px;
        background: #fff
    }
    .gallery-div .image-gallery i {
        position: absolute;
        top: 50%;
        left: 50%;
        border-radius: 50%;
        font-size: 34px;
        color: #000;
        width: 60px;
        height: 60px;
        line-height: 60px;
        background: #ffc125;
        text-align: center;
        transform: translate(-50%, -50%) scale(0);
        transition: transform .3s 0s cubic-bezier(.175, .885, .32, 1.275)
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item img {
        width: 100%;
        height: 70vh;
        object-fit: contain
    }
    .ekko-lightbox.show {
        overflow: hidden!important;
        height: calc(115vh - 130px)!important
    }
    .ekko-lightbox .modal-dialog {
        min-width: 50%!important;
        max-width: 50%!important;
        min-height: 100vh!important;
        max-height: 100vh!important
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container {
        height: 70vh!important;
        position: relative;
        display: flex;
        justify-content: center
    }
    .ekko-lightbox .modal-dialog .modal-body {
        padding: 50px
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item img {
        width: 100%;
        height: 70vh;
        object-fit: contain
    }
    .ekko-lightbox .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-item {
        position: absolute
    }
    .ekko-lightbox {
        padding-right: 0!important
    }
    .ekko-lightbox .modal-dialog .modal-content .modal-header {
        display: none!important
    }
    .ekko-lightbox .modal-dialog .modal-content {
        border-radius: 15px
    }
    .ekko-lightbox .modal-dialog {
        margin-top: 130px
    }
    .ekko-lightbox .modal-dialog .modal-content .modal-header .modal-title {
        display: none
    }
    .modal-dialog .modal-body .ekko-lightbox-container .ekko-lightbox-nav-overlay a span {
        font-size: 20px;
        color: #000
    }
    .slide__content {
        position: absolute!important;
        top: 50%;
        z-index: 99999999999999999;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        width: 85%
    }
    .slide__content .search-head-title {
        color: #e9038d;
        font-size: 12px;
        padding: 10px
    }
    .slide__content .nice-select .list {
        max-height: 165px;
        overflow-y: scroll
    }
    .nice-select {
        width: 100%!important
    }
    .gallery-loaction p {
        margin-top: 10px;
        font-size: 15px;
        text-align: center;
        color: #4a4a4a
    }
    .wedding-planning-bgimg {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        position: relative
    }
    .wedding-planning-bgimg .wedding-planning-section {
        background-color: #00000091!important;
        color: #fff;
        padding-bottom: 85px;
        padding-top: 70px
    }
    .wedding-planning-section .feature-icon-block .feature-content p {
        font-size: 11px;
        line-height: 19px;
        min-height: 40px
    }
    .wedding-planning-bgimg .wedding-planning-section .section-title h2 {
        color: #fff
    }
    .wedding-planning-bgimg .wedding-planning-section .feature-icon-block .feature-content h3 {
        color: #fff;
        font-size: 12px;
        margin-bottom: 0!important
    }
    .wedding-planning-section .feature-icon-block .feature-content {
        padding: 10px 0 0 0
    }
    .wedding-planning-bgimg .wedding-planning-section .feature-icon-block .feature-icon i {
        color: #fff;
        font-size: 20px
    }
    .wedding-planning-bgimg svg {
        position: absolute;
        bottom: -1px;
        left: 0
    }
    .wedding-planning-bgimg svg path {
        fill: #fdf6fa
    }
    .process-section-step .section-title {
        margin-bottom: 65px
    }
    .sectionbgimg {
        background-repeat: no-repeat;
        background-position: -4% 1%;
        margin-top: -100px;
        position: relative;
        z-index: 99
    }
    .sectionbgimg-right {
        background-repeat: no-repeat;
        background-position: 105% -561%
    }
    .vendor-mt-heading {
        margin-top: 0
    }
    .dashboard-content-cont {
        width: 1000px;
        position: relative;
        display: flex;
        justify-content: space-between
    }
    .dashboard-content-cont .card {
        position: relative;
        cursor: pointer
    }
    .dashboard-content-cont .card .face {
        width: 300px;
        height: 200px;
        transition: .5s
    }
    .dashboard-content-cont .card .face.face1 {
        position: relative;
        background: #333;
        display: flex;
        justify-content: center;
        align-items: center;
        z-index: 1;
        transform: translateY(100px)
    }
    .dashboard-content-cont .card:hover .face.face1 {
        background: #ff0057;
        transform: translateY(0)
    }
    .dashboard-content-cont .card .face.face1 .content {
        opacity: .2;
        transition: .5s
    }
    .dashboard-content-cont .card:hover .face.face1 .content {
        opacity: 1
    }
    .dashboard-content-cont .card .face.face1 .content img {
        max-width: 100px
    }
    .dashboard-content-cont .card .face.face1 .content h3 {
        margin: 10px 0 0;
        padding: 0;
        color: #fff;
        text-align: center;
        font-size: 1.5em
    }
    .dashboard-content-cont .card .face.face2 {
        position: relative;
        background: #fff;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        box-sizing: border-box;
        box-shadow: 0 20px 50px rgba(0, 0, 0, .8);
        transform: translateY(-100px)
    }
    .dashboard-content-cont .card:hover .face.face2 {
        transform: translateY(0)
    }
    .dashboard-content-cont .card .face.face2 .content p {
        margin: 0;
        padding: 0
    }
    .dashboard-content-cont .card .face.face2 .content a:hover {
        background: #333;
        color: #fff
    }
    .signup-signin-section .nice-select ul {
        max-height: 210px;
        overflow-y: scroll
    }
    .vendor-login-section {
        background-repeat: no-repeat;
        background-position: -4% 1%;
        margin-top: 45px;
        position: relative
    }
    .vendor-new-bg {
        min-height: 100vh
    }
    .change-password-section .show-modal {
        color: #fff;
        background: linear-gradient(to right, #33a3ff, #0675cf, #49a6fd);
        font-size: 18px;
        font-weight: 600;
        text-transform: capitalize;
        padding: 10px 15px;
        margin: 200px auto 0;
        border: none;
        outline: 0;
        box-shadow: 0 0 20px rgba(0, 0, 0, .1);
        display: block;
        transition: all .3s ease 0s
    }
    .change-password-section .show-modal:focus,
    .change-password-section .show-modal:hover {
        color: #fff;
        box-shadow: 0 0 10px rgba(0, 0, 0, .4);
        outline: 0
    }
    .change-password-section .modal-dialog {
        width: 400px;
        margin: 150px auto 0
    }
    .change-password-section .modal-dialog {
        transform: scale(.5)
    }
    .change-password-section .modal-dialog {
        transform: scale(1)
    }
    .change-password-section .modal-dialog .modal-content {
        text-align: center;
        border: none;
        background-image: url(https://c0.wallpaperflare.com/preview/491/618/554/indian-wedding-bride-marriage-gown.jpg);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative
    }
    .change-password-section .modal-dialog .modal-content .overlay {
        background: #00000061;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
    .change-password-section .modal-content .close {
        color: #fff;
        background: linear-gradient(to right, #e60132, #eb002c, #7d1726);
        font-size: 25px;
        font-weight: 400;
        text-shadow: none;
        line-height: 27px;
        height: 25px;
        width: 25px;
        border-radius: 50%;
        overflow: hidden;
        opacity: 1;
        position: absolute;
        left: auto;
        right: 8px;
        top: 8px;
        z-index: 1;
        transition: all .3s
    }
    .change-password-section .modal-content .close:hover {
        color: #fff;
        box-shadow: 0 0 5px rgba(0, 0, 0, .5)
    }
    .change-password-section .close:focus {
        outline: 0
    }
    .change-password-section .modal-body {
        padding: 60px 40px 40px!important
    }
    .change-password-section .modal-body .title {
        color: #fff;
        font-size: 22px;
        font-weight: 700;
        letter-spacing: 1px;
        margin: 0 0 35px
    }
    .change-password-section .modal-body .description {
        color: #fff;
        font-size: 16px;
        margin: 0 0 20px
    }
    .change-password-section .modal-body .form-group {
        text-align: left;
        margin-bottom: 20px;
        position: relative
    }
    .change-password-section .modal-body .input-icon {
        color: #777;
        font-size: 18px;
        transform: translateY(-50%);
        position: absolute;
        top: 50%;
        left: 20px
    }
    .change-password-section .modal-body .form-control {
        font-size: 17px;
        height: 45px;
        width: 100%;
        padding: 6px 0 6px 50px;
        margin: 0 auto;
        border: 2px solid #eee;
        border-radius: 5px;
        box-shadow: none;
        outline: 0
    }
    .change-password-section .form-control::placeholder {
        color: #aeafb1
    }
    .change-password-section .modal-content .modal-body .btn {
        color: #fff;
        background: linear-gradient(to right, #e60132, #eb002c, #7d1726);
        font-size: 16px;
        font-weight: 500;
        letter-spacing: 1px;
        text-transform: uppercase;
        line-height: 38px;
        width: 100%;
        height: 40px;
        padding: 0;
        border: none;
        border-radius: 5px;
        border: none;
        display: inline-block;
        transition: all .6s ease 0s
    }
    .change-password-section .modal-content .modal-body .btn:hover {
        color: #fff;
        letter-spacing: 2px;
        box-shadow: 0 0 10px rgba(0, 0, 0, .5)
    }
    .change-password-section .modal-content .modal-body .btn:focus {
        outline: 0
    }
    .profile-names p.changes-passwords {
        cursor: pointer
    }
    .dashboard-nav ul li a:hover {
        background: #cf919c;
        color: #fff;
        border-radius: 10px;
        font-weight: 600;
        letter-spacing: 1px
    }
    .dashboard-wrapper {
        padding-top: 60px
    }
    .lightbox-item-card a img {
        border-radius: 7px;
        padding: 10px;
        height: 100px;
        object-fit: cover;
        width: 100%
    }
    .current-activited-new a {
        color: #fff;
        font-size: 12px
    }
    .animate-charcter {
        background-image: linear-gradient(-225deg, #231557 0, #d9a94d 29%, #e952a6 67%, #5e96b4 100%);
        background-size: auto auto;
        background-clip: border-box;
        background-size: 200% auto;
        color: #fff;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        animation: textclip 2s linear infinite;
        display: inline-block;
        font-size: 20px;
        height: 35px;
        display: flex;
        align-items: center;
        margin-left: 8px;
        font-weight: 600
    }
    @keyframes textclip {
        to {
            background-position: 200% center
        }
    }
    .hello-title h3 {
        text-align: center;
        font-size: 20px;
        margin-top: 30px;
        height: 35px;
        display: flex;
        align-items: center;
        font-weight: 600;
        color: #3c3c3c;
        margin-bottom: 6px;
        justify-content: center!important
    }
    .hello-title p {
        color: #000;
        font-size: 20px;
        margin-bottom: 60px
    }
    .feature.height-equal {
        min-height: 200px;
        margin: 0;
        font-size: 12px
    }
    .feature.height-equal .card-body {
        padding: 15px 15px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center
    }
    .feature.height-equal .circle-xl {
        height: 65px;
        width: 65px;
        line-height: 65px;
        padding: 0;
        margin-bottom: 15px
    }
    .feature.height-equal h3 {
        font-size: 16px;
        line-height: 20px
    }
    .feature.height-equal .circle-xl i {
        font-size: 20px
    }
    .feature.height-equal .feature-icon h3 {
        font-size: 18px
    }
    .feature.height-equal .feature-icon ul li {
        font-size: 14px
    }
    .background-images-pro.new-bannerimg img {
        width: 100%;
        height: 135px;
        object-fit: cover;
        object-position: top;
        background: #7fffd4;
        opacity: .5
    }
    .table.table-list thead.thead-light th {
        color: #495057;
        background-color: #e5c3e7!important;
        border-color: #e5c3e7!important;
        padding: 15px 20px
    }
    .todo-thead {
        color: #495057!important;
        background-color: #e5c3e7!important;
        border-color: #e5c3e7!important;
        padding: 10px 12px;
        line-height: 2;
        font-size: 11px
    }
    .guest-list-table .table {
        font-size: 11px;
        white-space: nowrap
    }
    .event-details-fill h3,
    .event-timming h3 {
        font-size: 16px
    }
    .event-timming h4.days-count {
        font-size: 14px
    }
    .guestlist-management .guest-list-table .single-guest-tab .dataTables_info {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 25px;
        font-size: 12px
    }
    .guestlist-management .guest-list-table .single-guest-tab .dataTables_paginate .paginate_button.next,
    .guestlist-management .guest-list-table .single-guest-tab .dataTables_paginate .paginate_button.previous {
        background: #e9038d;
        padding: 5px 27px;
        color: #fff;
        margin: 20px 28px;
        display: inline-block;
        font-size: 12px
    }
    .todo-list ul li {
        padding: 10px 12px;
        border-bottom: 1px solid #ebe7e7;
        line-height: 2;
        font-size: 11px
    }
    .my-profile-sections .nav-bggradient {
        height: 100%;
        background: linear-gradient(114deg, #ddd6f3, #faaca8);
        flex-direction: row!important
    }
    .my-profile-sections .nav-pills .nav-link.active,
    .my-profile-sections .nav-pills .show>.nav-link {
        background-color: #cf919c!important;
        color: #fff!important;
        font-weight: 600;
        letter-spacing: 1px
    }
    .my-profile-sections .nav-pills .nav-link {
        color: #6f6d72;
        border-radius: 2px;
        font-size: 12px
    }
    .my-profile-sections .card-header-bgcolor {
        background-image: linear-gradient(173deg, #fff, #fd9193);
        border-bottom: 0;
        padding: 8px 15px;
        font-size: 12px
    }
    .my-profile-sections .tab-pane .card-header {
        background: #eceaea75;
        border-bottom: 1px solid #dadcdd;
        color: #252328;
        padding: 8px 15px;
        font-size: 12px
    }
    .my-profile-sections .tab-pane .card-body {
        padding: 15px 10px
    }
    textarea {
        width: 100%;
        font-size: 11px
    }
    .vendor-descript-section .venue-header {
        position: relative
    }
    .vendor-descript-section .venue-head {
        position: absolute;
        bottom: 40px;
        width: 100%
    }
    .vendor-descript-section .venue-head h1 {
        font-size: 42px;
        color: #fff;
        margin-bottom: 10px
    }
    .vendor-descript-section .venue-head .title {
        border-bottom: 1px solid #504849;
        padding-bottom: 20px;
        margin-bottom: 20px
    }
    .vendor-descript-section .venue-head .location {
        color: #fff
    }
    .vendor-descript-section .venue-head .location i {
        padding-right: 10px
    }
    .vendor-descript-section .rating-box,
    .vendor-descript-section .venue-action {
        margin-bottom: 20px
    }
    .vendor-descript-section .venue-action {
        text-align: right
    }
    .vendor-descript-section .label-primary {
        background-color: #00aeaf;
        color: #fff;
        text-transform: uppercase;
        font-size: 10px;
        padding: 4px 8px;
        border-radius: 2px;
        font-weight: 700
    }
    .vendor-descript-section .label-primary[href]:focus,
    .vendor-descript-section .label-primary[href]:hover {
        background-color: #f9a630;
        color: #fff
    }
    .vendor-descript-section .address {
        margin-bottom: 0
    }
    .vendor-descript-section .address i {
        padding-right: 10px
    }
    .vendor-descript-section .venue-amenities ul li.list-group-item {
        border: 1px solid #e9e6e0
    }
    .vendor-descript-section .rating {
        margin: 0
    }
    .vendor-descript-section .rating i {
        color: #ffc513
    }
    .vendor-descript-section .side-box {
        background-color: #fff;
        padding: 28px;
        border: 1px solid #e9e6e0;
        margin-bottom: 30px
    }
    .vendor-descript-section .page-sidebar .venue-info {
        background-color: #fff;
        margin-bottom: 30px;
        border: 1px solid #e9e6e0
    }
    .vendor-descript-section .customer-review,
    .vendor-descript-section .review {
        margin-top: 30px;
        margin-bottom: 30px
    }
    .vendor-descript-section .customer-review h1 {
        margin-bottom: 30px;
        border-bottom: 1px solid #e9e6e0;
        padding-bottom: 12px
    }
    .vendor-descript-section .review-list .arrow:after,
    .vendor-descript-section .review-list .arrow:before {
        content: "";
        position: absolute;
        width: 0;
        height: 0;
        border-style: solid;
        border-color: transparent
    }
    .vendor-descript-section .review-list .panel.arrow.left:after,
    .vendor-descript-section .review-list .panel.arrow.left:before {
        border-left: 0
    }
    .vendor-descript-section .review-list .panel.arrow.left:before {
        left: -15px;
        top: 30px;
        border-right-color: inherit;
        border-width: 16px
    }
    .vendor-descript-section .review-list .panel.arrow.left:after {
        left: -14px;
        top: 31px;
        border-right-color: #fff;
        border-width: 15px
    }
    .vendor-descript-section .review-list .panel.arrow.right:before {
        right: -16px;
        top: 30px;
        border-left-color: inherit;
        border-width: 16px
    }
    .vendor-descript-section .review-list .panel.arrow.right:after {
        right: -14px;
        top: 31px;
        border-left-color: #fff;
        border-width: 15px
    }
    .vendor-descript-section .review-post {
        margin-top: 10px
    }
    .vendor-descript-section .review-list .review-post {
        margin-top: 20px
    }
    .vendor-descript-section .profile-userpic img,
    .vendor-descript-section .user-pic img {
        border: 4px solid #e9e6e0;
        border-radius: 100%;
        width: 51px;
        height: 52px;
        object-fit: contain;
        margin-bottom: 10px
    }
    .vendor-descript-section .profile-sidebar .profile-userpic img {
        height: 95px;
        width: 90px
    }
    .vendor-descript-section .review-list .panel {
        margin-bottom: 20px;
        background-color: #fff;
        border: 1px solid transparent;
        border-radius: 0;
        -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .05);
        box-shadow: 0 0 0 rgba(0, 0, 0, .05)
    }
    .vendor-descript-section .review-list .panel-default {
        border-color: #e9e6e0
    }
    .vendor-descript-section .review-list .panel-body {
        padding: 30px
    }
    .vendor-descript-section .review-list h3 {
        margin-bottom: 10px
    }
    .vendor-descript-section .rating-group {
        margin-top: 20px;
        margin-bottom: 20px
    }
    .vendor-descript-section .vendor-des-mt {
        margin-top: 55px
    }
    .vendor-descript-section .tabbed-page .capacity {
        border-right: 1px solid #e9e6e0
    }
    .vendor-descript-section .capacity,
    .vendor-descript-section .pricebox {
        width: 50%;
        float: left;
        padding: 15px 20px;
        font-size: 12px
    }
    .vendor-descript-section .venue-info {
        background-color: #fcfbf9;
        border-top: 1px solid #e9e6e0;
        height: 84px;
        font-family: Montserrat, sans-serif;
        text-transform: uppercase;
        font-weight: 700
    }
    .vendor-descript-section .cap-people,
    .vendor-descript-section .price {
        font-size: 18px;
        letter-spacing: -1px;
        color: #3c3634;
        display: block;
        margin: 0;
        line-height: inherit
    }
    .vendor-descript-section p,
    .vendor-descript-section ul li {
        color: #252328;
        font-size: 12px;
        text-align: justify;
        line-height: 25px
    }
    .vendor-descript-section h1,
    .vendor-descript-section h2 {
        font-size: 16px;
        line-height: 20px
    }
    .vendor-descript-section .profile-userpic {
        text-align: center;
        width: 154px;
        margin-right: auto;
        margin-left: auto
    }
    .vendor-descript-section .profile-sidebar .profile-usertitle {
        margin-top: 30px
    }
    .vendor-descript-section .fab,
    .vendor-descript-section .fas {
        color: #e9038d;
        padding-right: 10px;
        font-size: 22px
    }
    .vendor-descript-section .profile-usertitle-name {
        text-align: center
    }
    .vendor-descript-section .profile-address,
    .vendor-descript-section .profile-email,
    .vendor-descript-section .profile-website {
        margin-bottom: 10px
    }
    .vendor-descript-section ul.follow-icon {
        margin-bottom: 0
    }
    .vendor-descript-section ul.follow-icon li {
        padding-right: 10px;
        display: inline
    }
    .vendor-descript-section ul.follow-icon li a {
        font-size: 32px
    }
    .vendor-descript-section .rating-group .radio {
        display: flex;
        align-items: center
    }
    .vendor-descript-section .rating-group .radio:not(:first-child) {
        margin-left: 20px
    }
    .vendor-descript-section .rating-group {
        display: flex;
        align-items: center
    }
    .vendor-descript-section .radio label {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-left: 5px
    }
    .vendor-descript-section .radio label::before {
        content: "";
        display: inline-block;
        position: absolute;
        width: 17px;
        height: 17px;
        left: 0;
        top: 6px;
        margin-left: -20px;
        border: 1px solid #e0dcd1;
        border-radius: 50%;
        background-color: #faf9f5;
        -webkit-transition: border .15s ease-in-out;
        -o-transition: border .15s ease-in-out;
        transition: border .15s ease-in-out
    }
    .vendor-descript-section .radio label::after {
        display: inline-block;
        position: absolute;
        content: " ";
        width: 11px;
        height: 11px;
        left: 3px;
        top: 9px;
        margin-left: -20px;
        border-radius: 50%;
        -webkit-transform: scale(0, 0);
        -ms-transform: scale(0, 0);
        -o-transform: scale(0, 0);
        transform: scale(0, 0);
        -webkit-transition: -webkit-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        -moz-transition: -moz-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        -o-transition: -o-transform .1s cubic-bezier(.8, -.33, .2, 1.33);
        transition: transform .1s cubic-bezier(.8, -.33, .2, 1.33)
    }
    .vendor-descript-section .radio input[type=radio] {
        opacity: 0;
        z-index: 1
    }
    .vendor-descript-section .radio input[type=radio]:checked+label::after {
        -webkit-transform: scale(1, 1);
        -ms-transform: scale(1, 1);
        -o-transform: scale(1, 1);
        transform: scale(1, 1)
    }
    .vendor-descript-section .radio input[type=radio]:disabled+label {
        opacity: .65
    }
    .vendor-descript-section .radio input[type=radio]:disabled+label::before {
        cursor: not-allowed
    }
    .vendor-descript-section .radio.radio-inline {
        margin-top: 0
    }
    .vendor-descript-section .radio-primary input[type=radio]+label::after {
        background-color: #337ab7
    }
    .vendor-descript-section .radio-primary input[type=radio]:checked+label::before {
        border-color: #337ab7
    }
    .vendor-descript-section .radio-primary input[type=radio]:checked+label::after {
        background-color: #337ab7
    }
    .vendor-descript-section .radio-danger input[type=radio]+label::after {
        background-color: #d9534f
    }
    .vendor-descript-section .radio-danger input[type=radio]:checked+label::before {
        border-color: #d9534f
    }
    .vendor-descript-section .radio-danger input[type=radio]:checked+label::after {
        background-color: #d9534f
    }
    .vendor-descript-section .radio-info input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-info input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-info input[type=radio]:checked+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-warning input[type=radio]:checked+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]+label::after {
        background-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]:checked+label::before {
        border-color: #e9038d
    }
    .vendor-descript-section .radio-success input[type=radio]:checked+label::after {
        background-color: #e9038d!important;
        outline: 0;
        border: 0;
        background: 0 0
    }
    .edit-guest-div {
        display: none
    }
    .budget-checkbox .custom-control-label::before {
        top: -12px
    }
    .budget-checkbox .custom-control-label::after {
        top: -12px
    }
    .nice-select ul {
        max-height: 250px;
        overflow-y: scroll!important;
        width: 100%
    }
    .all-vendor-listdiv .venue-categories-img img {
        height: 190px;
        width: 100%;
        object-fit: cover
    }
    .gallery-addimg-modal button.close {
        font-size: 24px;
        opacity: 1;
        font-weight: 600;
        line-height: 1;
        color: #fff
    }
    .gallery-addimg-modal button.close:hover {
        color: #ff7b7b!important;
        opacity: 1!important
    }
    .gallery-addimg-modal .modal-header {
        align-items: center;
        color: #fff;
        background-color: #e9038d;
        border-color: #e9038d;
        padding: 10px
    }
    .gallery-addimg-modal .modal-header h5 {
        color: #fff;
        font-size: 15px;
        text-transform: capitalize
    }
    .gallery-addimg-modal .modal-dialog {
        height: 100vh;
        width: 90%;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 0;
        max-width: 600px;
        margin: 0 auto
    }
    .img-del-icon {
        position: relative
    }
    .img-del-icon button.close {
        position: absolute;
        top: -10px;
        right: -10px;
        background: #0000009e;
        color: #fff;
        width: 25px;
        height: 25px;
        line-height: 25px;
        font-size: 20px;
        font-weight: 500;
        border-radius: 50%
    }
    .img-del-icon button.close:hover {
        background-color: red!important;
        color: #fff!important
    }
    .checkoutform-div .payment-mode-div {
        display: flex;
        align-items: center
    }
    .checkoutform-div .payment-mode-div .custom-control {
        margin-right: 35px
    }
    .profile-reviews .rating-star {
        font-size: 10px!important
    }
    .profile-reviews .rated {
        color: #ffa912
    }
    .profile-reviews .rate-mute {
        color: #909090
    }
    .profile-reviews .avatar img {
        width: 100%;
        object-fit: cover;
        max-width: 100%;
        height: 100%;
        border: 0;
        border-radius: 50%;
        z-index: 1;
        box-shadow: 0 10px 18px 0 rgb(62 57 107 / 20%)
    }
    .profile-reviews span.avatar {
        position: relative;
        width: 36px;
        height: 36px;
        white-space: nowrap;
        cursor: pointer;
        display: inline-flex;
        font-size: .8rem;
        justify-content: center;
        align-items: center;
        border-radius: 50%;
        text-align: center;
        vertical-align: middle;
        color: #fff
    }
    .profile-reviews .td-widthdescrip {
        white-space: normal;
        max-width: 270px
    }
    .customer-review .review-list .review-user {
        color: #252328
    }
    .forgot-password-para {
        margin: 0!important
    }
    .forgot-password-para a {
        font-weight: 300!important
    }
    .forgot-password-para a:hover {
        font-weight: 400!important;
        text-decoration: underline!important
    }
    .forgot-password-div {
        display: none
    }
    .signup-signin-section.change-passowrd-section {
        overflow: hidden;
        box-shadow: none;
        border-radius: 0;
        background: 0 0
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div {
        position: relative;
        background: #fff;
        box-shadow: 0 5px 25px rgb(0 0 0 / 10%);
        overflow: hidden;
        width: 50%;
        margin: 0 auto
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div .user {
        position: static;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex
    }
    .signup-signin-section.change-passowrd-section .usersignin-up-div .user .formBx {
        width: 100%;
        display: block
    }
    .signup-signin-section {
        position: relative;
        height: 850px;
        margin: 40px 0;
        background: #e9038d;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 20px;
        overflow: hidden;
        box-shadow: 0 2px 8px #d3d3d3;
        border-radius: 7px
    }
    .signup-signin-section .usersignin-up-div {
        background: #fff;
        box-shadow: 0 15px 50px rgba(0, 0, 0, .1);
        overflow: hidden
    }
    .signup-signin-section .usersignin-up-div .user {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex
    }
    .signup-signin-section .usersignin-up-div .user .imgBx {
        position: relative;
        width: 50%;
        height: 100%;
        background: #ff0;
        transition: .5s
    }
    .signup-signin-section .usersignin-up-div .user .imgBx img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover
    }
    .signup-signin-section .usersignin-up-div .user .formBx {
        position: relative;
        width: 100%;
        height: 100%;
        background: #fff;
        display: flex;
        /* justify-content: center; */
        align-items: center;
        padding: 19px 20px;
        transition: .5s;
        flex-direction: column
    }
    .signup-signin-section .usersignin-up-div .user .formBx h2 {
        font-size: 16px;
        font-weight: 600;
        text-transform: uppercase;
        letter-spacing: 1px;
        text-align: center;
        width: 100%;
        margin-bottom: 8px;
        color: #555;
        line-height: 20px
    }
    .signup-signin-section .usersignin-up-div .user .formBx h5 {
        font-size: 12px
    }
    .profile-pic-wrapper .pic-holder {
        width: 70px;
        height: 70px
    }
    .pic-heading p {
        font-size: 14px
    }
    .signup-signin-section .usersignin-up-div .user .formBx input {
        position: relative;
        width: 100%;
        border: 1px solid #f1eaea!important;
        padding: 10px;
        background: 0 0;
        color: #333;
        border: none;
        outline: 0;
        box-shadow: none;
        margin: 8px 0;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 300
    }
    label {
        font-size: 12px
    }
    .form-control {
        padding: 15px 15px;
        font-size: 11px
    }
    select.form-control {
        height: 40px;
        padding: 0 15px
    }
    .signup-signin-section .usersignin-up-div .user .formBx button {
        width: 40%;
        background: #e9038d;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1px;
        border-radius: 10px;
        transition: .5s;
        border: 0;
        padding: 8px 0;
        margin: 30px 0 18px 0
    }
    .signup-signin-section .usersignin-up-div .user .formBx .signup {
        position: relative;
        margin-top: 20px!important;
        font-size: 10px;
        letter-spacing: 1px;
        color: #000;
        text-transform: uppercase;
        font-weight: 300
    }
    .user-container .height-signup-increase-vendor {
        height: 1700px!important
    }
    .signup-signin-section .usersignin-up-div .user .formBx .signup a {
        font-weight: 600;
        text-decoration: none;
        color: #000
    }
    .signup-signin-section .usersignin-up-div .signupBx {
        pointer-events: none
    }
    .signup-signin-section .usersignin-up-div .signinBx {
        pointer-events: initial
    }
    .signup-signin-section .active .signupBx {
        pointer-events: initial
    }
    .signup-signin-section .active .signinBx {
        pointer-events: none
    }
    .signup-signin-section .usersignin-up-div .signupBx .formBx {
        left: 100%
    }
    .signup-signin-section .active .signupBx .formBx {
        left: 0
    }
    .signup-signin-section .usersignin-up-div .signupBx .imgBx {
        left: -100%
    }
    .signup-signin-section .active .signupBx .imgBx {
        left: 0
    }
    .signup-signin-section .usersignin-up-div .signinBx .formBx {
        left: 0
    }
    .signup-signin-section .active .signinBx .formBx {
        left: 100%
    }
    .signup-signin-section .usersignin-up-div .signinBx .imgBx {
        left: 0
    }
    .signup-signin-section .active .signinBx .imgBx {
        left: -100%
    }
    .usersignin-up-div .or-div {
        text-align: center;
        margin: 20px 0;
        position: relative
    }
    .usersignin-up-div .or-div:before {
        content: '';
        position: absolute;
        border-bottom: 1px solid #dadada;
        width: 45.3%;
        top: 14px;
        left: 0
    }
    .usersignin-up-div .or-div:after {
        content: '';
        position: absolute;
        border-bottom: 1px solid #dadada;
        width: 45.3%;
        top: 14px;
        right: 0
    }
    .usersignin-up-div .or-div span {
        background: #d7d7d7;
        padding: 10px;
        border-radius: 50%;
        color: #000;
        font-size: 12px
    }
    .usersignin-up-div .google-fb-login ul {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 0;
        margin: 0
    }
    .usersignin-up-div .google-fb-login ul li {
        vertical-align: middle;
        text-align: center;
        width: 40px;
        height: 40px;
        line-height: 40px;
        border-radius: 50%;
        color: #fff;
        cursor: pointer;
        background-color: #e44120;
        list-style: none;
        font-size: 13px
    }
    .usersignin-up-div .google-fb-login ul li.fb {
        background-color: #4476b1
    }
    .usersignin-up-div .google-fb-login ul li a {
        color: #fff
    }
    .usersignin-up-div .google-fb-login ul li:not(:first-child) {
        margin-left: 10px
    }
    .signup-signin-section .nice-select {
        width: 100%;
        margin: 8px 0;
        color: #333;
        font-size: 12px;
        letter-spacing: 1px;
        font-weight: 300
    }
    .signup-signin-section .nice-select:after {
        border-bottom: 2px solid #333;
        border-right: 2px solid #333
    }
    .budget-div .table thead.thead-light th {
        color: #495057;
        background-color: #f6f5f5!important;
        border-color: #f6f5f5!important;
        padding: 8px 8px;
        font-size: 12px
    }
    .checklist-div .custom-control-label::before {
        top: -12px
    }
    .checklist-div .custom-control-label::after {
        top: -12px
    }
    .dashboard-list-content {
        padding: 0
    }
    .dashboard-list-btn {
        padding: 0;
        text-align: left;
        display: flex;
        align-items: center
    }
    .dashboard-list-btn a {
        margin-right: 8px
    }
    .btn-xs {
        padding: 2px 6px;
        font-size: 10px;
        line-height: 1.5
    }
    .add-list-div .card-header h4 {
        font-size: 16px
    }
    .dashboard-content .banner-img-div {
        width: 100%;
        height: 195px;
        background: linear-gradient(45deg, #728bbb, #ffd6dd);
        margin-bottom: 10px;
        position: relative
    }
    .dashboard-content .banner-img-div .banner-curve {
        position: absolute;
        bottom: -1px;
        left: -1px;
        width: 101%
    }
    .dashboard-content .banner-img-div .banner-curve svg path {
        fill: #fdf6fa
    }
    .dashboard-content .banner-img-div .overlay {
        position: absolute;
        background: #4a4a4a96;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0
    }
    .dashboard-content .banner-img-div .dashboard-page-header {
        position: absolute;
        top: 45%;
        left: 50%;
        transform: translateX(-50%) translateY(-45%);
        border: 0;
        margin: 0;
        width: 100%;
        text-align: center
    }
    .dashboard-page-title {
        font-family: Estonia, cursive;
        text-transform: uppercase;
        letter-spacing: 2px;
        font-size: 20px;
        margin-bottom: 8px
    }
    .btn {
        border: 2px solid transparent;
        padding: 6px 15px;
        font-size: 12px
    }
    .btn-sm {
        padding: 6px 15px;
        font-size: 12px;
        line-height: 1.5
    }
    .dashboard-page-header {
        margin-bottom: 25px;
        border-bottom: 1px solid #e4e4e4;
        padding-bottom: 15px
    }
    td .dashboard-list-content h3 {
        font-size: 11px;
        line-height: 18px
    }
    td .dashboard-list-content p {
        font-size: 11px;
        line-height: 18px
    }
    .dashboard-page-header p {
        font-size: 11px;
        line-height: 15px
    }
    .dashboard-content .banner-img-div .dashboard-page-header h3 {
        font-weight: 500;
        margin-bottom: 0;
        font-size: 25px;
        color: #fff;
        letter-spacing: 2px
    }
    .dashboard-content .banner-img-div .dashboard-page-header p {
        color: #252328;
        font-size: 20px;
        color: #fff
    }
    .dashboard-content .banner-img-div img {
        height: 100%;
        width: 100%;
        object-fit: cover
    }
    .checklist-msg-div {
        display: flex;
        border: 1px solid #ffffff94;
        padding: 15px 15px;
        margin-bottom: 50px;
        background: #fff;
        border-radius: 10px
    }
    .checklist-msg-div .msg-icon i {
        color: #f5f503;
        font-size: 18px;
        margin-right: 12px
    }
    .checklist-msg-div .msg-content p:first-child {
        font-weight: 600;
        color: #252328;
        margin-bottom: 10px;
        font-size: 12px
    }
    .checklist-msg-div .msg-content p {
        color: #252328;
        font-size: 11px;
        line-height: 20px
    }
    .checklist-msg-div .msg-content button {
        background: 0 0;
        color: #345191;
        border: 1px solid #345191;
        width: 30%;
        padding: 5px 0;
        cursor: pointer;
        font-size: 12px;
        line-height: 20px
    }
    .circular-progress-div .circle_percent {
        font-size: 90px;
        width: 1em;
        height: 1em;
        position: relative;
        background: #eee;
        border-radius: 50%;
        overflow: hidden;
        display: inline-block;
        margin: 20px
    }
    .circular-progress-div .circle_inner {
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        height: 1em;
        clip: rect(0 1em 1em .5em)
    }
    .circular-progress-div .round_per {
        position: absolute;
        left: 0;
        top: 0;
        width: 1em;
        height: 1em;
        background: #e4a6d2;
        clip: rect(0 1em 1em .5em);
        transform: rotate(180deg);
        transition: 1.05s
    }
    .circular-progress-div .percent_more .circle_inner {
        clip: rect(0 .5em 1em 0)
    }
    .circular-progress-div .percent_more:after {
        position: absolute;
        left: .5em;
        top: 0;
        right: 0;
        bottom: 0;
        background: #e4a6d2;
        content: ''
    }
    .circular-progress-div .circle_inbox {
        position: absolute;
        top: 10px;
        left: 10px;
        right: 10px;
        bottom: 10px;
        background: #fff;
        z-index: 3;
        border-radius: 50%
    }
    .circular-progress-div .percent_text {
        position: absolute;
        font-size: 14px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        z-index: 3;
        color: #000
    }
    .circular-progress-div .total-cost-div p {
        color: #d8a94c;
        font-weight: 600;
        font-size: 15px;
        line-height: 25px;
        text-align: center
    }
    .circular-progress-div .total-cost-div p.max-budget-linjk {
        color: #777;
        font-weight: 400;
        font-size: 14px;
        background: #eee;
        padding: 8px 25px;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }
    .circular-progress-div .total-cost-div p.max-budget-linjk span {
        margin-left: 12px
    }
    .circular-progress-div {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center
    }
    .circular-progress-div.amount-paid-circular {
        margin-left: 60px
    }
    .circular-progress-div.amount-paid-circular .total-cost-div p {
        color: #61749f
    }
    .circular-dflex {
        display: flex;
        align-items: flex-start;
        justify-content: center
    }
    .circular-progress-row {
        margin-bottom: 50px
    }
    .budget-category-title {
        display: flex;
        align-items: center;
        justify-content: space-between
    }
    .budget-category-title>span {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        font-size: 12px;
        margin: 0
    }
    .card-header-tabs .nav-item .nav-link {
        color: #6f6d72;
        font-size: 12px;
        padding: 6px 20px
    }
    .budget-category-title>span p {
        margin-right: 20px
    }
    .budget-board .accordion-card-header {
        background: #f6f5f5
    }
    .budget-category-title .accordion-card-title span {
        margin-top: 0;
        font-size: 12px
    }
    .day-form-div,
    .event-form-div {
        display: none
    }
    .my-profile-sections .nav-pills .nav-link.active,
    .my-profile-sections .nav-pills .show>.nav-link {
        background: #cf919c;
        color: #fff
    }
    .dashboard-content {
        margin-bottom: 35px;
        margin-left: 0;
        margin-right: 0
    }
    .event-slide-panel {
        overflow-y: scroll
    }
    .budget-list-checkbox .custom-control-label::before {
        top: -14px
    }
    .budget-list-checkbox .custom-control-label::after {
        top: -14px
    }
    .budget-submit-btn {
        margin-left: auto!important;
        display: block;
        margin-right: 30px;
        margin-top: 50px!important;
        width: 35%
    }
    .swal2-container .swal2-confirm {
        color: #fff;
        background-color: #e9038d!important;
        border-color: #e9038d!important
    }
    .swal2-container .swal2-popup .swal2-styled:focus {
        box-shadow: none!important
    }
    .my-profile-user-section .nice-select,
    .my-profile-user-section .nice-select ul {
        width: 100%!important;
        font-size: 11px
    }
    .my-profile-user-section .nice-select ul {
        width: 100%;
        max-height: 200px;
        overflow-y: scroll
    }
    .nice-select.swal2-select {
        display: none!important
    }
    .add-task-slide {
        display: none
    }
    .signup-section {
        display: flex;
        justify-content: center;
        width: 100%;
        align-items: center
    }
    .signup-tab a {
        display: block;
        width: 50%;
        font-size: 12px
    }
    .signup-tab a.active {
        background: #e9038d;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
        font-weight: 500;
        letter-spacing: 1px;
        border-radius: 10px;
        transition: .5s;
        border: 0;
        padding: 3px 0
    }
    .signup-section .signup-tab {
        width: 70%;
        display: flex;
        justify-content: center;
        text-align: center;
        margin-bottom: 25px;
        margin-top: 15px
    }
    .user-container .height-signup-increase {
        height: 1600px!important
    }
    .tab-users {
        display: none
    }
    .tab-users.active {
        display: block
    }
    .section-services {
        padding-bottom: 120px;
        font-family: Poppins, sans-serif;
        color: #fff
    }
    .section-services .header-section {
        margin-bottom: 35px
    }
    .section-services .header-section .title {
        position: relative;
        margin-bottom: 40px;
        padding-bottom: 25px;
        text-transform: uppercase;
        font-weight: 700
    }
    .section-services .header-section .title:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 140px;
        height: 1px;
        background-color: #f70037
    }
    .section-services .header-section .title:after {
        content: "";
        position: absolute;
        bottom: -1px;
        left: 50%;
        transform: translateX(-50%);
        width: 45px;
        height: 3px;
        background-color: #f70037
    }
    .section-services .header-section .title span {
        color: #f70037
    }
    .section-services .header-section .description {
        color: #6f6f71
    }
    .section-services .single-service {
        margin-top: 40px;
        background-image: linear-gradient(114deg, #ddd6f3, #faaca8);
        box-shadow: 0 0 10px 0 rgb(0 0 0 / 10%);
        border-radius: 0 37px;
        min-height: 355px;
        position: relative
    }
    .section-services .single-service .part-1 {
        padding: 15px 40px 15px;
        border-bottom: 2px solid #1d1e23;
        display: flex;
        align-items: center;
        justify-content: flex-start
    }
    .section-services .single-service .part-1 i {
        font-size: 25px;
        color: #e62d99
    }
    .section-services .single-service .part-1 .title {
        font-size: 17px;
        font-weight: 700;
        letter-spacing: .02em;
        line-height: 1.8em;
        color: #fff;
        margin-left: 20px;
        margin-bottom: 0
    }
    .section-services .single-service .part-2 {
        padding: 30px 40px 40px
    }
    .section-services .single-service .part-2 .description {
        margin-bottom: 22px;
        color: #6f6f71;
        font-size: 14px;
        line-height: 1.8em
    }
    .section-services .single-service .part-2 a {
        color: #fff;
        font-size: 14px;
        text-decoration: none;
        position: absolute;
        left: 12%;
        bottom: 7%;
        width: 100%
    }
    .section-services .single-service .part-2 a i {
        margin-right: 10px;
        color: #e62d99
    }
    .section-services .single-service table {
        width: 100%;
        color: #3e3e3e;
        font-size: 14px
    }
    .section-services .single-service table td:first-child {
        width: 90%
    }
    .margin-top-section0 {
        margin-top: 0!important
    }
    .adv-section marquee img {
        height: 52px;
        margin: 0 6px;
        width: 76px
    }
    .change-password-section.login-message-section .modal-dialog .modal-content {
        text-align: center;
        border: none;
        background-image: url(../images/img/login-modal.webp);
        background-repeat: no-repeat;
        background-size: cover;
        position: relative;
        background-position: center
    }
    .change-password-section.login-message-section .modal-dialog .modal-content .overlay {
        background: #0000008c;
        position: absolute;
        top: 0;
        width: 100%;
        height: 100%
    }
    .change-password-section.login-message-section .modal-body .description {
        color: #fff;
        font-size: 12px;
        margin: 0 0 20px;
        line-height: 21px
    }
    .change-password-section.login-message-section .modal-dialog {
        width: 90%;
        max-width: 100%
    }
    .change-password-section.login-message-section .modal-content .modal-body .btn {
        width: 40%
    }
    #headline {
        font-weight: 400;
        letter-spacing: .125rem;
        text-transform: uppercase
    }
    #countdown ul li {
        display: inline-block;
        font-size: 22px;
        list-style-type: none;
        padding: 0 3px;
        text-transform: uppercase;
        justify-content: center
    }
    #countdown ul li .span-first-counter {
        border: 1px solid #ffffff21;
        margin: 0 5px 3px 5px;
        font-weight: 500;
        text-shadow: 1px 2px #000;
        background: #fdf6fa36;
        color: #fff;
        width: 100px;
        font-size: 40px;
        height: 61px;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .emoji {
        display: none;
        padding: 1rem
    }
    .emoji .span-first-counter {
        font-size: 4rem;
        padding: 0 .5rem
    }
    .days-span {
        color: #fff;
        text-align: center;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-shadow: 0 0 #000;
        margin-top: 8px;
        font-size: 25px!important
    }
    .my-profile-sections .nav-pills {
        font-size: 14px;
        flex-direction: row!important
    }
    #countdown {
        margin: 32px 0 0 0;
        display: flex;
        justify-content: center;
        align-items: center
    }
    .remainder-hrading h2 {
        text-align: center;
        color: #fff;
        margin-top: 15x
    }
    .color-black {
        background-color: #000;
        padding: 90px 0 0 0
    }
    .image-of-profile {
        background: #fff;
        border-radius: 72%;
        display: flex;
        justify-content: center;
        align-items: center;
        width: 190px;
        height: 135px
    }
    .image-of-profile img {
        height: 90px;
        object-fit: contain;
        border: 9px solid #b1b1b121;
        width: 90px;
        border-radius: 83%;
        position: absolute;
        background: #fff;
        top: -47px;
        box-shadow: 0 4px 8px 0 rgb(255 220 226 / 38%);
        transition: .3s;
        left: 19px
    }
    .profile-names .name-texts {
        color: #e9038d;
        font-size: 20px;
        font-weight: 500;
        padding-bottom: 17px
    }
    .profile-information {
        width: 100%;
        background: #fff;
        box-shadow: 0 4px 8px 0 rgb(225 225 225);
        transition: .3s
    }
    .profile-information {
        margin: 48px 0 0
    }
    .background-images-pro img {
        width: 100%;
        height: 135px;
        object-fit: cover;
        object-position: top;
        background: #7fffd4;
        opacity: .5
    }
    .profile-names {
        width: 70%;
        padding-top: 15px
    }
    .profile-names p {
        margin-bottom: 0;
        font-size: 12px
    }
    .image-of-profile {
        width: 30%;
        position: relative
    }
    .information-text {
        display: flex;
        border-top: 5px solid #e9038d
    }
    .changes-passwords span .fa,
    .members-texts span .fa {
        color: #605c5f61
    }
    .changes-passwords span:nth-child(2),
    .members-texts span:nth-child(2) {
        padding-left: 10px
    }
    .my-profile-sections {
        margin: 35px 0
    }
    .countdown-day {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 173px
    }
    .countdown-day p:nth-child(1) {
        margin-bottom: 0;
        font-size: 32px;
        color: #fff
    }
    .countdown-day p:nth-child(2) {
        margin-bottom: 0;
        padding-left: 5px;
        font-size: 32px;
        color: #fff
    }
    .couples-weds-name h2 {
        position: relative;
        margin: 0;
        font-size: 2em;
        font-weight: 900;
        color: #000;
        overflow: hidden
    }
    .couples-weds-name h2 span {
        color: #ff022c
    }
    .wedding-couples-name-section {
        background: #ffd5dd2e;
        DISPLAY: flex;
        justify-content: center;
        align-items: center
    }
    .couples-weds-name1 h2 {
        position: relative;
        -webkit-box-reflect: below -12px linear-gradient(transparent, rgb(251 0 0 / 8%));
        font-family: Estonia, cursive
    }
    .couples-weds-name1 span {
        position: relative;
        display: inline-block;
        color: #e9038d;
        font-size: 67PX;
        text-transform: uppercase;
        animation: animate 2s ease-in-out infinite;
        animation-delay: calc(.1s * var(--i))
    }
    @keyframes animate {
        0% {
            transform: translateY(0)
        }
        20% {
            transform: translateY(-20px)
        }
        100%,
        40% {
            transform: translateY(0)
        }
    }
    .couples-weds-name2 h2 {
        font-size: 93px;
        color: #fff;
        position: relative;
        -webkit-box-reflect: below -12 px linear-gradient(transparent, rgb(251 0 0 / 8%));
        font-family: Estonia, cursive
    }
    .couples-weds-name2 span {
        position: relative;
        display: inline-block;
        color: #fff;
        font-size: 127PX;
        animation: animate 2s ease-in-out infinite;
        animation-delay: calc(.1s * var(--i))
    }
    .color-bg {
        background: #e9038d24
    }
    .couples-weds-name2 {
        height: 216px;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.slide__content .search-head-title {
    font-family: 'Dancing Script', cursive;
    text-transform: capitalize;
}