@import url('https://fonts.googleapis.com/css2?family=Mukta:wght@200;300;400;500;600;700;800&display=swap');

/*font-family: 'Mukta', sans-serif;*/

@font-face {
     /*font-family: "212-Queenie-Sans";*/
    src: url("../fonts/212-Queenie-Sans.eot");
    src: url("../fonts/212-Queenie-Sans.woff") format("woff"),
        url("../fonts/212-Queenie-Sans.ttf") format("truetype"),
        url("../fonts/212-Queenie-Sans.svg") format("svg");
    font-weight: normal;
    font-style: normal;  
}

@font-face {
       /*font-family: "Questrial-Regular";*/
        src: url("../fonts/Questrial-Regular.eot");
    src: url("../fonts/Questrial-Regular.woff") format("woff"),
        url("../fonts/Questrial-Regular.ttf") format("truetype"),
        url("../fonts/Questrial-Regular.svg") format("svg"); 
    font-weight: normal;
    font-style: normal;
}


/*:root {*/
/*    --main-bg-color: coral;*/
/*}*/
a {
    cursor: pointer !important;
    text-decoration: none !important;
}
a:hover {
    color: white;
}
img {
    max-width: 100%;
    height: auto;
}
body.homepage-body {
    background-color: #151414;
    margin: 0px;
    padding: 0px;
}
body{
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Mukta', sans-serif;
}
.dropdown-item.active, .dropdown-item:active {
    background-color: #e80b0b;
    color: #fff;
}
/* ////Start Login Model   ///// */
.close.modal_close_cmn {
    position: absolute;
    top: 5px;
    right: 5px;
    z-index: 9;
    color: #b1b1b1;
    background-color: #fff;
    width: 30px;
    height: 30px;
    opacity: 1 !important;
    border-radius: 50%;
    border: 1px solid #b1b1b1;
    outline: none !important;
}
.modal-content {
    border-radius: 17px;
    max-width: calc(100% - 15px);
    margin: auto;
}
.modal-header .model-img img {
    height: 150px;
    width: 100%;
    border-radius: 17px 17px 0px 0px;
    object-fit: cover;
}
.modal-header {
    padding: 0px;
}
.modal-header .login-logo {
    width: 190px;
    height: 190px;
    margin-top: -95px;
    overflow: hidden;
    border-radius: 50%;
    display: inline-flex;
    background-color: #fff;
    align-items: center;
    justify-content: center;
}

.modal-backdrop.show {
   
    opacity: 0!important;}

.form-content .input-wrapper {
    position: relative;
    line-height: 14px;
    display: inline-block;
    width: 100%;
}
.form-content .input-wrapper label {
    color: #bbb;
    font-size: 11px;
    text-transform: uppercase;
    position: absolute;
    z-index: 2;
    left: 20px;
    top: 19px;
    padding: 0 2px;
    pointer-events: none;
    background: #fff;
    -webkit-transition: -webkit-transform 100ms ease;
    -moz-transition: -moz-transform 100ms ease;
    -o-transition: -o-transform 100ms ease;
    -ms-transition: -ms-transform 100ms ease;
    transition: transform 100ms ease;
    -webkit-transform: translateY(-20px);
    -moz-transform: translateY(-20px);
    -o-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
}
.form-content .input-wrapper input {
    font-size: 15px;
    color: #555;
    outline: none;
    border: 2px solid #b1b1b1;
    border-radius: 8px;
    position: relative;
    width: 100%;
    height: 52px;
    padding: 15px;
    display: block;
}
.form-content .input-wrapper span {
    display: block;
}
.form-content .input-wrapper input:invalid+label {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -o-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
}
.form-content .input-wrapper input:focus {
    border-color: #000;
}
.form-content .input-wrapper input:focus+label {
    color: #000;
    -webkit-transform: translateY(-24px);
    -moz-transform: translateY(-24px);
    -o-transform: translateY(-24px);
    -ms-transform: translateY(-24px);
    transform: translateY(-24px);
}
/* The container */
.login-from-checkbox {
    padding: 0px 0px 0px 26px;
    position: relative;
    display: inline-flex;
    flex-wrap: wrap;
    width: auto;
}
.login-from-checkbox .form-group {
    display: block;
    margin-bottom: 0;
}
.login-from-checkbox .form-group input {
    padding: 0;
    margin-bottom: 0;
    cursor: pointer;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0;
    left: 0;
    right: 0;
}
.login-from-checkbox .form-group label {
    position: relative;
    cursor: pointer;
    color: #6b6b6b;
    left: 0;
    padding: 0;
    font-size: 16px;
    width: auto;
    height: auto;
    line-height: normal;
}
.login-from-checkbox .form-group label:before {
    content: '';
    -webkit-appearance: none;
    background-color: transparent;
    border: 1px solid #787878;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05), inset 0px -15px 10px -12px rgba(0, 0, 0, 0.05);
    padding: 8px;
    display: inline-block;
    position: absolute;
    vertical-align: middle;
    cursor: pointer;
    left: -24px;
    border-radius: 5px;
    top: 1px;
}
.login-from-checkbox .form-group input:checked+label:after {
    content: '';
    display: block;
    position: absolute;
    width: 6px;
    height: 11px;
    border: solid #787878;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
    left: -18px;
    top: 3.4px;
}
.modal-body h5 {
    padding-top: 65px;
    margin-left: 11px;
}
.modal-body .form-content {
    padding-top: 20px;
}
.modal-body .checkbox {
    padding: 20px 0px;
    text-align: left;
}
.modal-body .forgot-pass a {
    color: #f44336;
}
.party-plan-cotent .select-content .error {
    text-align: left;
    width: 100%;
    display: flex;
    margin-top: 10px;
    font-size: 14px;
}
.modal-body .btn-login {
    line-height: normal;
    margin: 30px 0 0;
    display: inline-block;
}
.modal-body .login-from-input {
    margin-bottom: 20px;
}
.login-from-input .error {
    margin-top: 10px;
}
.modal-body .btn-top {
    margin: -5px 0px;
}
.login-form-img {
    text-align: right;
    margin: -43px 0 0;
}
.modal-body .login-form-img img {
    width: 70%;
    height: inherit;
    float: right;
    border-bottom-right-radius: 20px;
}
/* ////// End Model End  ////// */
.header_res_menu_main {
    visibility: hidden;
    position: fixed;
    width: 100%;
    height: 100%;
    right: 0;
    left: 100%;
    top: 0;
    transition: all .5s ease-in-out;
    bottom: 0;
    background: rgba(0, 0, 0, 0.9);
    z-index: 999;
    overflow: auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.header-cover {
    background: linear-gradient(to top, transparent, black) no-repeat top;
    background-size: 100% 100%;
    height: 42em;
    position: absolute;
    top: 0px;
    width: 100%;
}
.header,.home_banner_main .header{
    background: linear-gradient(to top, transparent, black) no-repeat top;
    /*padding: 0 85px 15px; */
    padding: 0 85px 25px;
    position: absolute;
    width: 100%;
    top: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .menu_item_main { 
    color: white;
    font-size: 18px;
    text-align: center;
    text-decoration: none;
    /* font-family: 'Open Sans', sans-serif; */
}

.dropdown-login-content {
    display: flex;
    align-items: center;
}
.dropdown-login-content .dropdown button.btn {
    padding: 0px;
    border: 0px;
}
.dropdown-login-content .dropdown button.btn:focus {
    outline: 0px !important;
    box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 2%)!important;
}
.dropdown-login-content .dropdown .dropdown-menu {
    position: absolute;
    transform: translate3d(0px, 40px, 0px) !important;
    top: 0px;
    left: 0px;
    will-change: transform;
}
.dropdown-login-content .dropdown button img {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    object-fit: cover;
}
.menu_top_btn_row > *:not(:last-child) {
    margin-right: 10px;
}
.btn-login {
    color: #000000;
    background-color: #ffffff;
}
.btn-getstart{
    background-color: #f85837;
    color: #ffffff;
}
.btn-getstart,.btn-login {
    border-radius: 16px;
    font-size: 16px;
    font-weight: 400;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Mukta', sans-serif;
        padding: 3.5px 23.45px;
    display: inline-block;
}
.header-social-icon [class$="-logo"]{
    font-size: 32px;
    color: #fff;
    line-height: normal;
}

header .col-md-12.left-prop-before-login.animate__animated.animate__backInRight.menu_item_main {
    padding-left: 22px;
    padding-right: 16px;
}

.menu_item_main {
    display: flex;
    justify-content: space-between;
    margin: 14px 0 0;
    padding: 0;
}
.menu_item_main .menu_item {
    margin: 0px; 
    font-family: 'Mukta', sans-serif;
}
.menu_main_col {
    margin: 16px 0 0;
}
.header-social-icon [class$="-logo"]:not(:last-child) {
    margin-right: 20px;
}
.header-social-icon {
    display: inline-flex;
}
.banner-img {
    width: 100%;
    height: 500px;
}
.w-100 {
    width: 100%!important;
}
.banner_main_content {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0 15px;
}
.mid-box {
    height: auto;
    max-width: 500px;
    width: 100%;
    color: #fff;
    background-color: rgba(0, 0 ,0 , 0.7);
    margin: 50px auto;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Mukta', sans-serif;
        position: relative;
    padding: 39px 30px 41px;
}
.home_banner_main {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    display: flex;
    min-height: 10vh!important;
}
#preloader {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 9999999;
    width: 100%;
    height: 100%;
    overflow: hidden;
    background: #fff url(../images/logo.png) no-repeat center center;
}
.home_banner_main:before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-image: linear-gradient(to top, transparent, black);
}
.mid-box h1 {
    font-weight: 600;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Mukta', sans-serif;
    font-size: 40px;
}
.mid-box p {
    font-size: 22px;
    line-height: 1.3;
    margin: 0;
}
.logo-cover {
    max-width: 185px;
    width: 100%;
    height: 131px;
    background-color: #fff;
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4.5px;
    margin: auto;
}
.event-mang-content {
    padding: 30px 25px;
}
.event-mang-content .category {
    display: flex;
    justify-content: center;
    align-items: stretch;
}
.event-mang-content .category > .col {
    width: auto;
    display: inline-flex;
}
.event-mang-content .category .col_main {
    padding: 5px;
    width: 20%;
}
.event-mang-content .category .col_main .img {
    height: 100%;
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
    -webkit-transition: all 0.35s;
    transition: all 0.35s;
}
.event-mang-content .category .col_main .img .img-cover {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background-color: rgba(0,0,0,0.3);
    transition: all 1s ease;
}
.event-mang-content .category .col_main .img .img-cover p {
    margin: 0;
    font-size: 20px;
    font-weight: 600;
    transition: all 1s ease;
}
.event-mang-content .category .col_main .img > img {
    object-fit: cover;
    transition: all 1s ease;
    height: 100%;
    width: 100%;
}
.event-mang-content .category .col_main .img:hover > img,.event-mang-content .category .col_main .img:hover p {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    transition: all 1s ease;
}
.event-mang-content .category .col_main .img:hover .img-cover {
    background-color: rgba(0,0,0,0.1);
    transition: all 1s ease;
}
/* ///////party plan///// */
.party-plan {
    box-shadow: inset  0px 7px 19px rgba(0,0,0,0.21);
    background-color: #ffffff;
    padding: 50px 0 0;
}
.party-plan h3 {
    color: black;
    font-weight: 400;
    margin-bottom: 30px;
    font-family: 'Mukta', sans-serif;
}
.party-plan p {
    font-size: 20px;
}
.party-plan-cotent .row .form {
    background-color: #e3e3e3;
    text-align: center;
}
.party-plan-cotent .row .form input {
    width: 100%;
    font-size: 16px;
    padding: 13px 30px;
    border-radius: 37px;
    background-color: #ffffff;
    border: 1px solid #5b5b5b;
    height: auto;
    line-height: normal;
    box-shadow: none;
    color: #000;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #6c757d;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #6c757d;
    opacity: 1;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #6c757d;
}

input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #6c757d;
}

input::placeholder,
textarea::placeholder {
    color: #6c757d;
}
.white_placeholder .form-control {
    width: 100%;
    font-size: 20px;
    padding: 15px 30px;
    border-radius: 37px;
    background-color: transparent;
    height: auto;
    line-height: normal;
    box-shadow: none;
    border: 1px solid #ffffff;
    color: #fff;
}
.white_placeholder input::-webkit-input-placeholder,
.white_placeholder textarea::-webkit-input-placeholder {
    color: #fff;
}

.white_placeholder input:-moz-placeholder,
.white_placeholder textarea:-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.white_placeholder input::-moz-placeholder,
.white_placeholder textarea::-moz-placeholder {
    color: #fff;
    opacity: 1;
}

.white_placeholder input:-ms-input-placeholder,
.white_placeholder textarea:-ms-input-placeholder {
    color: #fff;
}

.white_placeholder input::-ms-input-placeholder,
.white_placeholder textarea::-ms-input-placeholder {
    color: #fff;
}

.white_placeholder input::placeholder,
.white_placeholder textarea::placeholder {
    color: #fff;
}
.green_btn_55 {
    border-radius: 37px;
    background-color: #269721;
    border: 1px solid #ffffff;
    color: #fff;
    font-size: 22px;
    padding: 10px 30px;
}
.footer_ask_que {
    display: flex;
}
.footer_ask_que .green_btn_55 {
    white-space: nowrap;
    margin-left: 15px;
}
.green_btn_55:hover {
    background-color: #fff;
    border: 1px solid #269721;
    color: #269721;
}

input::-ms-clear,
textarea::-ms-clear {
    display: none;
    width: 0;
    height: 0;
}

input::-ms-reveal,
textarea::-ms-reveal {
    display: none;
    width: 0;
    height: 0;
}
.party-plan-cotent .img-height {
    padding: 0px;
    margin: 0px;
}

.party-plan-cotent .img-height img {
    height: inherit;
}
.party-plan-cotent {
    background-color: #e3e3e3;
}
.select-content .control {
    height: 59px;
    line-height: 3rem;
    position: relative;
}

.select-content .form-control {
    display: block;
    height: calc(51px + .75rem + 2px);
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
}

.select-content .control.select {
    border: 1px solid #0000009e;
    border-radius: 50px;
}

.select-content .control.select:before {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    border-left: 0.6rem solid transparent;
    border-right: 0.6rem solid transparent;
    border-top: 0.6rem solid #000;
    right: 2rem;
    top: 1.6rem;
}

.select-content select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    height: 100%;
    border: 0;
    padding: 0px 40px;
    border-radius: 50px;
    font-size: 26px;
}

.select-content select:focus {
    outline: 0px !important;
    border: 0px !important;
}


/* ////////////fabric-design///////// */

.fabric-design {
    background-color: white;
    padding: 50px 0 0;
    overflow: hidden;
}

.fabric-design .static-text,.party-plan .static-text {
    font-size: 20px;
    margin-bottom: 30px;
}

.fabric-design h3 {
    color: black;
    font-weight: 400;
    font-family: 'Mukta', sans-serif;
}
.fabric_col_main {
    align-items: stretch;
    padding: 2.5px;
}

.fabric_col_main > .row {
    height: 100%;
    margin: 0;
}

.fabric_col_main .fabric-img img {
    height: 100%;
    object-fit: cover;
}

.fabric_col_main:nth-child(odd) > .row {
    background-color: #872249;
}
.fabric_col_main:nth-child(even) > .row{
    background-color: #4f4f4f;
}
.fabric_col_main:nth-child(3) > .row{
    background-color: #00a0b5;
}
.fabric_col_main:nth-child(4) > .row{
    background-color: #02ca99;
}

.fabric-design-content {
    margin: 0 -2.5px;
}
.fabric-design-content .color-content {
    width: 100%;
}
.fabric-design-content .color-content .fist-text1 {
    font-weight: 600;
    padding: 50px 30px;
    font-size: 24px;
    margin: 0;
    max-width: 282px;
    font-family: 'Mukta', sans-serif;
}


.fabric-design-content .color-content .fabricbox {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 200px;
    width: 70%;
}

.fabric-design-content .color-content .fabricbox img {
    height: inherit;
    width: 100%;
    object-fit: cover;
}
.logo-cover img {
    height: 100%;
    object-fit: contain;
    width: 100%;
}

.logo-cover .logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
/* ///////our happy customers////// */

.customersView-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: -84px 115px 28px 0px;
}
.slick-dots li button:before {
    width: 11px;
    height: 11px;
    border-radius: 6px;
    background-color: #000000;
    content: '';
    line-height: normal;
    opacity: 1;
    margin: auto;
    opacity: 0.5;
}
.slick-dots li button,.slick-dots li{
    width: 11px;
    height: 11px;
}
.slick-dots li.slick-active button:before {
    opacity: 1;
}
.happy-customers .card {
    border-radius: 38px;
    background-color: #ffffff;
    border: 1px solid #b9b9b9;
    overflow: hidden;
}
.happy-customers .slick_item {
    padding: 0 15px;
}
.happy-customers .slick-slider .slick-list.draggable {
    padding: 0 95px 0 0!important;
}
.main_custome_slider_row{
    padding: 0 0 0 95px;
}
.happy-customers {
    background-color: white;
    padding: 50px 0;
    overflow: hidden;
}
.happy-customers h3 {
    text-align: center;
    margin: 0px 0px 30px;
    font-family: 'Mukta', sans-serif;
}
.happy-customers h5 {
    font-weight: 600;
    margin: 0px 0px 30px;
    font-size: 20px;
    font-family: 'Mukta', sans-serif;
}
body .carousel-indicators li {
    background-color: red;
}
body .carousel-indicators {
    bottom: 0;
}
body .carousel-control-prev-icon,
body .carousel-control-next-icon {
    background-color: red;
}

body .no-padding {
    padding-left: 0;
    padding-right: 0;
}
/* 
////////   Start Registration css    /////// */
.registration-bgc-img img{
    margin: auto;
    display: block;
}
.registration-form-content input.form-control {
    border: 2px solid #000000;
    border-radius: 12px;
    font-size: 18px;
    height: auto;
    padding: 15px;
    line-height: normal;
}
.registration-form-content select:active {
    width: 15%;
    border: 2px solid #000000;
    border-right: 0px;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
}
.form-registration .registration-from-input {
    border-radius: 8px;
    position: relative;
    color: white;
    font-size: 25px;
    padding: 0 0 15px;
}
.form-registration .form-btn {
    margin: 0 auto;
}
.form-registration .input-group-prepend {
    margin-right: -1px;
    border: 2px solid #000000f5;
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    border-right: 0px;
}

.form-registration .btn-outline-secondary:hover {
    color: #000;
    background-color: #ffffff;
    border-color: #ffffff;
}
.create_event_main_s {
    position: relative;
    z-index: 1;
}
.main-header {
   /* background-image: url('../images/all-bgc-img.png');*/
   background-image: url('../images/banner-two-women1.jpg');
    background-size: cover;
    position: relative;
    z-index: 999;
    }
.header:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(to top, transparent, black) no-repeat top;
    transition: all 1s ease;
}
.all-bgc-img {
    width: 100%;
    position: relative;
}
.registration-from-input select {
    width: 98px;
    min-width: 98px;
    border: 2px solid #000000;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border-right: 0px;
    padding: 0 15px;
}

.distrib-register select {
    height: 60px;
    border: 2px solid #000000 !important;
    border-radius: 12px;
}

/* //////// End Registration css   //////// */

/* //////////  start Edit Profile  ////////// */

.edit-profile {
    width: 100%;
    height: auto;
    background-color: #f5f5f5;
    padding: 13% 0% 10% 0%
}

.edit-profile .edit-profile-form {
    padding: 34px .75rem;
    border-radius: 20%;
}

.edit-profile .form-content .input-wrapper input {
    font-size: 22px;
    outline: none;
    border: 2px solid #b1b1b1;
    padding: 12px 72px;
    position: relative;
}

.edit-profile .verify-email {
    color: green;
    font-size: 17px;
    padding-left: 13px;
    margin-top: -20px;
}

.edit-profile .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 81%;
    margin-top: -6%;
}

/* -------------------------------------------- */

.avatar-upload {
    position: relative;
    max-width: 205px;
    margin: 0px -19px;
    display: flex;
    justify-content: center;
}

.avatar-upload .avatar-edit {
    position: absolute;
    z-index: 1;
    bottom: -17px;
}

.avatar-upload .avatar-edit input {
    display: none;
}

.avatar-upload .avatar-edit input+label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #ffffff;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.avatar-upload .avatar-edit input+label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}

.avatar-upload .avatar-edit input+label:after {
    content: "\f040";
    font-family: "FontAwesome";
    color: #757575;
    position: absolute;
    top: 7px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
}

.avatar-upload .avatar-preview {
    width: 192px;
    height: 192px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #f8f8f8;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}


/* /////////    start-host-step-form     ///////// */


/*custom font*/


/*basic reset*/

* {
    margin: 0;
    padding: 0;
}


/*form styles*/

#msform {
    text-align: center;
    position: relative;
    margin-top: 30px;
}

#msform fieldset {
    background: white;
    border: 0 none;
    border-radius: 0px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    padding: 20px 30px;
    box-sizing: border-box;
    width: 80%;
    margin: 0 10%;
    /*stacking fieldsets above each other*/
    position: relative;
}


/*Hide all except first fieldset*/

#msform fieldset:not(:first-of-type) {
    display: none;
}


/*inputs*/

#msform input,
#msform textarea {
    padding: 15px;
    border: 1px solid #ccc;
    border-radius: 0px;
    margin-bottom: 10px;
    width: 100%;
    box-sizing: border-box;
    font-family: montserrat;
    color: #2C3E50;
    font-size: 13px;
}

#msform input:focus,
#msform textarea:focus {
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    border: 1px solid #ee0979;
    outline-width: 0;
    transition: All 0.5s ease-in;
    -webkit-transition: All 0.5s ease-in;
    -moz-transition: All 0.5s ease-in;
    -o-transition: All 0.5s ease-in;
}


/*buttons*/

#msform .action-button {
    width: 100px;
    background: #ee0979;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button:hover,
#msform .action-button:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ee0979;
}

#msform .action-button-previous {
    width: 100px;
    background: #C5C5F1;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 10px 5px;
    margin: 10px 5px;
}

#msform .action-button-previous:hover,
#msform .action-button-previous:focus {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #C5C5F1;
}


/*headings*/

.fs-title {
    font-size: 18px;
    text-transform: uppercase;
    color: #2C3E50;
    margin-bottom: 10px;
    letter-spacing: 2px;
    font-weight: bold;
}

.fs-subtitle {
    font-weight: normal;
    font-size: 13px;
    color: #666;
    margin-bottom: 20px;
}


/*progressbar*/

#progressbar {
    margin-bottom: 30px;
    overflow: hidden;
    /*CSS counters to number the steps*/
    counter-reset: step;
}

#progressbar li {
    list-style-type: none;
    color: white;
    text-transform: uppercase;
    font-size: 9px;
    width: 33.33%;
    float: left;
    position: relative;
    letter-spacing: 1px;
}

#progressbar li:before {
    content: counter(step);
    counter-increment: step;
    width: 24px;
    height: 24px;
    line-height: 26px;
    display: block;
    font-size: 12px;
    color: #333;
    background: white;
    border-radius: 25px;
    margin: 0 auto 10px auto;
}


/*progressbar connectors*/

#progressbar li:after {
    content: '';
    width: 100%;
    height: 2px;
    background: white;
    position: absolute;
    left: -50%;
    top: 9px;
    z-index: -1;
    /*put it behind the numbers*/
}

#progressbar li:first-child:after {
    /*connector not needed before the first step*/
    content: none;
}
.email-event__content .btn-checkout {
    margin: 0 auto;
    position: relative;
    top: -58px;
}
.email-event__content .btn-accept {
    margin: 0 auto;
    position: relative;
    top: -58px;
}

/*marking active/completed steps green*/


/*The number of the step and the connector before it = green*/

#progressbar li.active:before,
#progressbar li.active:after {
    background: #ee0979;
    color: white;
}


/* Not relevant to this form */

.dme_link {
    margin-top: 30px;
    text-align: center;
}

.dme_link a {
    background: #FFF;
    font-weight: bold;
    color: #ee0979;
    border: 0 none;
    border-radius: 25px;
    cursor: pointer;
    padding: 5px 25px;
    font-size: 12px;
}

.dme_link a:hover,
.dme_link a:focus {
    background: #C5C5F1;
    text-decoration: none;
}


/* ///////////     End-host-step-form      ///////// */
.dataTables_wrapper .dataTables_scroll div.dataTables_scrollBody{
    overflow-x: hidden!important;
}

/* ////////  start dashboard-event    ///////// */

.dashboard-event {
    /*margin-top: 10%;*/
    background-color: #f5f0f0;
    /*padding-bottom: 7%;*/
}

.breadcrumbs_s p{
    padding: 3% 0% 0% 16px;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Mukta', sans-serif;
        color: #b7b7b7;
}

.dashboard-event h3 {
    margin-bottom: 15px;
    font-family: 'Mukta', sans-serif;
    color: #a8a8a8;
    font-size:38px;
}

table.dataTable thead .sorting_asc {
    color: #c7bcbc
}

table.dataTable thead .sorting {
    color: #c7bcbc
}

table.dataTable tbody tr {
    color: #6b6b6b;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Mukta', sans-serif;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    min-width: 1.5em;
    padding: 0.5em 1em;
    margin-left: 12px !important;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #566472 !important;
    border: 1px solid #616161 !important;
    border-radius: 6px !important;
    background-color: #f5f5f5 !important;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Mukta', sans-serif;
}

.dashboard-event .tabbable-panel .nav-tabs a {
    text-decoration: none;
    background-color: transparent;
}

.dashboard-event .dataTables_length label {
    display: inline-block;
    margin-bottom: 21px;
    margin-top: 21px;
}

.dashboard-event .tab-content .select select {
    position: absolute;
    right: 15px;
    padding: 7px 13px;
    border-radius: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: flex;
    margin-top: 15px;
    z-index: 9;
}

.dashboard-event .tab-content .select:after {
    content: "\f078";
    font-family: "FontAwesome";
    font-size: 18px;
    color: #aaa;
    bottom: 45%;
    right: 16%;
    margin-bottom: -4%;
    pointer-events: none;
    float: right;
    position: absolute;
    display: none;
}
.enduser_inner_main {
    padding: 50px 85px;
}
.dashboard-event thead {
    background-color: #f8f8f8;
}

.dataTables_wrapper {
    position: initial !important;
}

.dashboard-event .tab-content .select select:focus {
    outline: 0px !important;
}

table.dataTable,
table.dataTable th,
table.dataTable td tr {
    background-color: #f8f8f8;
}

.dashboard-event .tabbable-line>.nav-tabs {
    border: none;
    margin: 0px;
}

.dashboard-event .tabbable-line>.nav-tabs .active-invite a {
    color: #e80b0b;
}

.dashboard-event .tabbable-line>.nav-tabs>li {
    width: 50%;
    text-align: center;
    padding: 30px 0px;
}

.dashboard-event .tabbable-line>.nav-tabs>li>a {
    border: 0;
    margin-right: 0;
    color: #fa6244;
    font-size: 18px;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Mukta', sans-serif;
}

.dashboard-event .tabbable-line>.nav-tabs>li>a>i {
    color: #e80b0b;
}

.dashboard-event .tabbable-line>.nav-tabs>li.open,
.dashboard-event .tabbable-line>.nav-tabs>li:hover {
    border-bottom: 4px solid rgb(80, 144, 247);
}

.dashboard-event .tabbable-line>.nav-tabs>li.open>a,
.dashboard-event .tabbable-line>.nav-tabs>li:hover>a {
    border: 0;
    background: none !important;
    color: #333333;
}

.dashboard-event .tabbable-line>.nav-tabs>li.open>a>i,
.dashboard-event .tabbable-line>.nav-tabs>li:hover>a>i {
    color: #a6a6a6;
}

.dashboard-event .tabbable-line>.nav-tabs>li.open .dropdown-menu,
.dashboard-event .tabbable-line>.nav-tabs>li:hover .dropdown-menu {
    margin-top: 0px;
}

.dashboard-event .tab-content {
    background-color: white;

    padding: 0px 15px 15px 15px;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Mukta', sans-serif;

    padding: 0px 10px 15px 10px;
    font-family: 'Open Sans', sans-serif;

    position: relative;
}

.dashboard-event .tab-content .control select option {
    padding-top: 10px !important;
    height: 10px;
    width: 10px;
    color: brown;
}

.dashboard-event .tabbable-line>.nav-tabs>li.nav-tabs-active,.dashboard-event .tabbable-line>.nav-tabs>li.nav-tabs-active:hover {
    border-bottom: 3px solid #e80b0b;
    position: relative;
    background-color: white;

}
.dashboard-event .tabbable-line>.nav-tabs>li.nav-tabs-active:hover > a{
    color: #fa6244;
}
.dashboard-event .tabbable-line>.nav-tabs>li:hover {
    border-bottom: 3px solid #e80b0b;
    position: relative;
    background-color: #f5f0f0;
    cursor: pointer;
}

.dashboard-event .tabbable-line>.nav-tabs {
    border: 1px solid #c9c9c9;
}

.dashboard-event .portlet .tabbable-line>.tab-content {
    padding-bottom: 0;
}

.dashboard-event .table.dataTable {
    text-align: center;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Mukta', sans-serif;
        font-size: 20px;
    margin: 0;
}
table.dataTable, table.dataTable th, table.dataTable td {
    box-sizing: border-box !important;
}

/* //////////   end dashboard-event      //////// */


/* /////////    start-event-detail    /////// */
.event-detail-form .event-detail .event-detail__panel .card {
    display: -ms-flexbox;
    min-width: 0;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0, 0, 0, .125);
    border-radius: .25rem;
    top: 16%;
    position: static !important;
}

.event-detail-form .event-detail .event-detail__panel .event-img img {
    width: 100%;
    margin: auto;
    display: block;
    height: 100%;
    border-radius: 0;
    object-fit: cover;
}
.event-detail-form .event-detail .event-detail__panel .event-img{
    position: relative;
    padding: 0 30px 75px;
}
.event-detail-form .event-detail .event-detail__panel .card-body {
    padding: 15px;
}

.event-detail-form .event-detail .event-detail__panel .guideline {
    display: block;
    margin-top: 3px;
}

.event-detail-form .event-detail .event-detail__panel .guideline h2 {
    font-size: 38px;
    font-weight: 300;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Mukta', sans-serif;
        margin: 0 0 15px;
}

.event-detail-form .event-detail .event-detail__panel .guideline p {
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Mukta', sans-serif;
        text-align: center;
    font-size: 24px;
}

.event-detail-form .event-detail .event-detail__panel .guideline .accept-pay-list h4 {
    font-size: 30px;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Mukta', sans-serif;
        margin-bottom: 30px;
}

.host-events-detail p b,.event-circle-img p b {
    font-size: 18px;
}
.host-events-detail p,.event-circle-img p {
    font-size: 16px;
}
.host-events-detail .h2, .host-events-detail h2{
    font-size: 26px;
    margin-bottom: 16px;
    font-weight: 900;
}
.event-detail-form table.dataTable tbody td {
    padding: 17px 20px;
}

.guideline table {
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Mukta', sans-serif;
        font-size: 20px;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 20px 20px;
}

.table-event .table thead th {
    border-bottom: none;
}

.middle-img {
    height: 55%;
    text-align: center;
    margin: -97px 0px 20px 0px;
}

.middle-img img {
    border-radius: 50%;
    border: 1px solid;
    width: 200px;
    object-fit: cover;
    position: relative;
}


/* /////////    end-event-detail    /////// */


/* ////////////   email-event start     ////////// */

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

.email-event-form {
    display: block;
}
.email-from-input .form-control {
    display: block;
    width: 100%;
    height: calc(1.6em + 0.75rem + 13px);
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1.5px solid hsl(0deg 0% 0% / 52%);
    border-radius: 10px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    text-align: left !important;
    margin: 0;
}
.email_page_main .max_width_500 {
    padding: 50px 15px 0;
    max-width: 500px;
    width: 100%;
    margin: auto;
}
.email-event .btn-email {
    margin-bottom: 50px;
}
.email-img.email_img_txt {
    position: relative;
    display: flex;
    align-items: flex-end;
    width: 100%;
    flex-wrap: wrap;
    padding: 28% 0 0;
    line-height: 1.25;
}
.email_page_main span.error {
    width: 100%;
    text-align: left;
    display: inline-block;
}
.email-img.email_img_txt img {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    object-fit: cover;
}
.email-img.email_img_txt .email_img_text {
    width: 100%;
    color: #ffffff;
    font-size: 30px;
    z-index: 1;
    position: relative;
    font-weight: 700;
    max-width: 555px;
    margin: auto;
    padding: 15px;
}
.email-from-input {
    text-align: center !important;
    margin-bottom: 30px;
}
.email-event .email-event__content .bg_image_event{
    text-align: center;
    /*background-image: url('../images/enter-email-img1.png');
    background-size: 100%;*/
    background-color: #fff;
}
/* ////////////   email-event end   ////////// */
/* /////////////    edit profile start   /////////  */
.edit-profile2-form form .card {
    position: static !important;
    border-radius: 10px;
}

.edit-img img {
    height: 50%;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
}
.profil-edit {
    height: 50px;
    width: 50px;
    text-align: center;
}

.registation-edit-profile {
    display: flex;
    justify-content: center;
    align-items: center;
}
.registation-edit-profile .avatar-upload .avatar-edit {
    position: absolute;
    z-index: 1;
    bottom: -12px;
    display: flex;
    left: 0;
    right: 0;
    margin: auto;
    justify-content: center;
}

.registation-edit-profile .avatar-upload .avatar-edit input {
    display: none;
}

.registation-edit-profile .avatar-upload .avatar-edit input+label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #FFFFFF;
    border: 2px solid #000000;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
}

.registation-edit-profile .avatar-upload .avatar-edit input+label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
}

.registation-edit-profile .avatar-upload .avatar-edit input+label:after {
    content: "\f040";
    font-family: 'FontAwesome';
    color: #000000;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    margin: auto;
    line-height: 34px;
}

.registation-edit-profile .avatar-upload .avatar-preview {
    width: 192px;
    height: 192px;
    position: relative;
    border-radius: 100%;
    border: 6px solid #a0a0a0;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
}

.registation-edit-profile .avatar-upload .avatar-preview img {
    object-fit: cover;
    border-radius: 50%;
    height: 100%;
}

.registation-edit-profile .avatar-upload .avatar-preview>div {
    width: 100%;
    height: 100%;
    border-radius: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.profile-detail .registration-from-input {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: -14px;
    margin-top: 4%;
}

.verify-email1 {
    color: green;
    font-size: 20px;
}

.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    margin-top: 0%;
}

.formfield {
    position: relative;
    box-sizing: border-box;
    float: left;
    margin: auto;
    padding: 0px;
    border: 0px;
    font-size: 1.2em;
    width: 100%;
}

.formfield * {
    box-sizing: border-box;
}

.formfield>input,
.formfield>label {
    padding: 1em;
    margin: 0.6em 0;
    width: 100%;
    height: 64px;
}

.formfield>input {
    border: 2px solid #000000;
    border-radius: 10px;
    outline: none;
}

.formfield.editprofile-email-input>label {
    position: absolute;
    color: #100101 !important;
    font-size: 1em;
    width: auto;
    height: 1.3em;
    padding: 0px 0.5em 0px 0.5em;
    margin: 0px;
    background: white;
    transition: 0.2s ease-in-out;
    top: 0em;
    left: 2em;
}

.formfield>label {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    color: #ccc;
}

input:focus+label,
input:valid+label {
    color: #100101;
    font-size: 1em;
    width: auto;
    height: 1.3em;
    padding: 0px 0.5em 0px 0.5em;
    margin: 0px;
    background: white;
    transition: 0.2s ease-in-out;
    top: 0em;
    left: 2em;
}

.registation-edit-profile {
    border-radius: 8px;
    position: relative;
    color: white;
    font-size: 25px;
    padding: 0 15px 50px;
    margin-bottom: 50px;
    margin-top: -96px;
}
.edit-profile-select-contact.form-control {
    height: auto;
    padding: 16.5px 15px;
}
.edit-profile2-form .input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
}

.edit-profile2-form .btn-outline-secondary:hover {
    text-decoration: none;
}

.edit-profile-select-contact {
    display: block;
    width: 100%;
    height: calc(51px+.75rem+2px);
    padding: 30px .75rem;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 2px solid #000000;
    border-radius: 10px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.btn {
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    border-radius: 10px;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    border: 2px solid black;
}

.btn-update-edit:focus {
    outline: 0px !important;
}

/* //////////////    edit profile end  /////////  */


/* ////////    enter-email-start    /////// */

.enter-email-event {
    display: block;
}
.enter-email p.invited-event {
    padding: 30px 30px;
    font-size: 30px;
}

.circle-event {
    text-align: center;
    /*background-image: url('../images/enter-email-img.png');*/
}

.circle-event hr {
    margin: 1rem 15rem;
    border: 0;
    border-top: 2px solid rgba(0, 0, 0 , 0.73);
    display: flex;
    justify-content: space-between;
}

.circle {
    height: 660px;
    width: 654px;
    background-color: #ebeaf0;
    border-radius: 50%;
    display: inline-block;
    position: relative;
        padding: 30px 75px;
}

p.event-color {
    color: #f95937;
    font-size: 30px;
    font-weight: 700;
}

.invited-event2 {
    padding: 10px 13px;
    font-size: 28px;
}

p.email-invite {
    font-size: 26px;
    padding-top: 10% !important;
    color: #616161;
}

p.email-sreet {
    font-size: 20px;
    padding-bottom: 20px;
    color: #616161;
        margin-bottom: 0;
}

b.event-party {
    font-size: 26px;
    font-weight: 600;
}

p.email-party {
    font-size: 24px;
    color: #616161;
}

b.event-bold {
    font-size: 26px;
    color: #616161;
}

p.email-venue {
    font-size: 26px;
    font-weight: 600;
    color: #616161;
    margin-bottom: 0;
}

p.email-host {
    font-size: 26px;
    padding-top: 20px;
    font-weight: 600;
    margin-bottom: 0;
    color: #616161;
}

p.email-name {
    font-size: 26px;
    color: #616161;
}

p.email-fabric {
    font-size: 28px;
    margin: 10px 0px;
}

p.fabric-name {
    font-size: 28px;
    font-weight: 600;
    margin-top: 5%;
    color: #616161;
    margin-bottom: 0%;
}

.fabric-email-img img {
width: 200px;
    height: 200px;
    margin-bottom: 20px;
    object-fit: cover;
}

.email-blossom {
    font-size: 28px;
    color: #616161;
}

.email-data {
    font-size: 18px;
    color: #616161;
    /*line-height: 9px;*/
}


.btn-accept {
    background-color: #269721;
    border-radius: 60px;
    text-align: center;
    padding: 10px 63px;
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    margin: 25px auto;
    color: white !important;
}

.btn-checkout {
    background: #f85838;
    border-radius: 60px;
    text-align: center;
    padding: 10px 45px;
    font-size: 30px;
    font-weight: 400;
    color: #fff;
    margin: 25px auto;
    color: white !important;
}

.space {
    padding-bottom: 5%;
}

/* ////////    enter-email-End   /////// */

/*///////////////footer css start//////// */
.social_icon_cmn [class$="-logo"]:not(:last-child) {
    margin-right: 20px;
}
.social_icon_cmn{
    display: inline-flex;
}
.social_icon_cmn [class$="-logo"] {
    line-height: normal;
    font-size: 30px;
    color: #fff;
}
.btn-login:hover{
    color: inherit;
}
.footer-section {
    background: url('../images/woman-gele-and-dress.jpg');
    background-size: cover; 
    position: relative;
}

footer ul {
    margin: 0px;
    padding: 0px;
    /*margin-left: 80px;*/
}

.footer-section:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    height: 100%;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    background: rgba(0,0,0,0.8);
}

.footer_copyright_area{
    background: #000;
    padding: 16px 0;
    font-size: 18px;
    color: #fff;    

}

.footer-cta .ask-que input {
    text-align: left;
    width: 102%;
    font-size: 30px;
    padding: 12px 20px;
    background: transparent;
    border: 1px solid white;
    border-radius: 50px;
    color: #fff;
}

.footer-cta .ask-que input:focus {
    outline: 0px !important;
}

.footer-cta .ask-now button {
    text-align: center;
    font-size: 30px;
    padding: 13px 53px;
    background: transparent;
    border: 1px solid white;
    border-radius: 50px;
    background-color: green;
    color: white;
}

.single-cta i {
    color: #ff5e14;
    font-size: 30px;
    float: left;
    margin-top: 8px;
}

.cta-text {
    padding-left: 15px;
    display: inline-block;
}

.cta-text h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2px;
}

.cta-text span {
    color: #757575;
    font-size: 15px;
}

.footer-content {
    position: relative;
    border-top: 1px solid white;
    z-index: 2;
}

.footer-pattern img {
    position: absolute;
    top: 0;
    left: 0;
    height: 330px;
    background-size: cover;
    background-position: 100% 100%;
}

.footer-logo {
    margin-bottom: 30px;
}

.footer-logo img {
    max-width: 200px;
}

.footer-text a {
    margin-bottom: 18px;
    font-size: 20px;
    line-height: 18px;
    color: white;
    display: block;
}

.footer-text p {
    margin-bottom: 14px;
    font-size: 20px;
    line-height: 28px;
    color: white;
    text-align: justify;
}

.footer-social-icon span {
    color: #fff;
    display: block;
    font-size: 30px;
    font-weight: 500;
    font-family: 'Poppins', sans-serif;
    margin-bottom: 20px;
    margin-top: 75px;
}

.facebook-bg {
    background: #3B5998;
}

.twitter-bg {
    background: #55ACEE;
}

.google-bg {
    background: #DD4B39;
}
.footer-social-icon .footer-widget-heading h3 {
    margin-top: 52px;
}
.footer-widget-heading h3 {
    color: #fff;
    font-weight: 600;
    margin-bottom: 6px;
    position: relative;
    font-size: 32px;
    font-family: 'Mukta', sans-serif;
}


.question-h3{text-align: left;}

/*.footer-widget{margin-left: 40px;}*/

.footer-widget ul li {
    display: inline-block;
    width: 49%;
    margin-bottom: 5px;
    font-size: 16px;
} 

.footer-widget-heading.question-h3 + ul li {
    width: 100%;
}

.footer-widget-heading.question-h3 + ul {
    margin-top: 38px;
}

.footer-widget ul li a {
    color: #878787;
    /*text-transform: capitalize;*/
    color: white;
}

.subscribe-form {
    position: relative;
    overflow: hidden;
    /*margin-left: 80px;
*/}

.align-space h3{margin-left:40px; font-family: 'Mukta', sans-serif;}
.align-space ul{margin-left: 40px;}

.subscribe-form input {
    width: 100%;
    padding: 14px 28px;
    background: #2E2E2E;
    border: 1px solid #2E2E2E;
    color: #fff;
}
.party-plan-cotent .select-content {
    padding: 30px;
}
.subscribe-form button {
    position: absolute;
    right: 0;
    background: #ff5e14;
    padding: 13px 20px;
    border: 1px solid #ff5e14;
    top: 0;
}

.subscribe-form button i {
    color: #fff;
    font-size: 22px;
    transform: rotate(-6deg);
}



.footer-menu li {
    display: inline-block;
    margin-left: 20px;
}
.footer-menu li:hover a {
    color: #ff5e14;
}
.footer-menu li a {
    font-size: 14px;
    color: #878787;
}
.dashboard-event-wrapper {
    position: unset !important;
}
/* Breadcrumbs :: START */

.breadcrumbs_style {
    text-align: center;
}

.breadcrumbs_style li>*,
.breadcrumbs_style li {
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

.breadcrumbs_style li:not(:last-child) {
    padding-right: 11px;
}

.breadcrumbs_style li {
    display: inline-flex;
    flex-wrap: wrap;
    padding-bottom: 11px;
}

.breadcrumbs_style li:last-child {
    color: #88ff4a;
}


/* Breadcrumbs :: END */
/* /////End CSS////// */
/*dashboard-events :: START*/
select{
    cursor: pointer;
}
table.dataTable thead th, table.dataTable thead td {
    padding: 10px !important;
    text-align: left;
}

table.dataTable thead th {
    /*width: auto !important;*/
    font-size: 14px;
    white-space: nowrap;
}
.dashboard-event .table.dataTable .odd{
    font-size: 14px;
}
.dashboard-event .table.dataTable .even{
    font-size: 14px;
}

table.dataTable tbody th, table.dataTable tbody td {
    padding: 10px !important;
    text-align: left;
    font-size: 14px;
    vertical-align: middle;
}
.dashboard-event th[aria-label^="Venue:"] {
   /* min-width: 350px;*/
}   
table.dataTable tbody td a,table.dataTable tbody th a {
    color: #e80b0b;
}
table.dataTable tbody td a:hover,table.dataTable tbody th a:hover {
    color: #269721;
}
#data-table_wrapper.dataTables_wrapper .dataTables_length {
    padding-right: 130px;
}
#data-table_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #616161 !important;
    border-radius: 6px !important;
    background-color: #fff !important;
}

#data-table_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.current, #data-table_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover,
#data-table_wrapper.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover {
    color: #fff !important;
    border: 1px solid #e80b0b !important;
    background-color: #e80b0b !important;
    background: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e80b0b));
    background: -webkit-linear-gradient(top, #fff 0%, #e80b0b 100%);
    background: -moz-linear-gradient(top, #fff 0%, #e80b0b 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e80b0b 100%);
    background: -o-linear-gradient(top, #fff 0%, #e80b0b 100%);
    background: linear-gradient(to bottom, #fff 0%, #e80b0b 100%);
}
#data-table_wrapper.dataTables_wrapper .dataTables_paginate, #data-table_wrapper .dataTables_wrapper .dataTables_paginate,.dataTables_wrapper .dataTables_paginate{
    padding-top: 15px !important;
}
#data-table_wrapper.dataTables_wrapper .dataTables_info {
    padding-top: 25px;
    padding-bottom: 5px;
}
table.dataTable thead .sorting_desc:after {
    content: '\f175';
    font-family: 'FontAwesome';
    color: #f75837;
    padding-left: 10px;
}
table.dataTable thead .sorting_asc:after{
    content: '\f176';
    font-family: 'FontAwesome';
    color: #f75837;
    padding-left: 10px;
}
table.dataTable thead .sorting:after{
    content: '\f07d';
    font-family: 'FontAwesome';
    color: transparent;
    padding-left: 10px;

}
.ElementsApp .InputElement { 
  color: #2d2d2d !important;
}
/*dashboard-events :: END*/
/*Event Details :: START*/
.event-detail-form .event-detail .event-detail__panel .event-img .middle-img {
    width: 150px;
    height: 150px;
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    overflow: hidden;
    border-radius: 50%;
    border: 1px solid #000;
}
.host-events-detail {
    padding: 30px 15px;
}
.event-circle-img_main {
    min-height: 124px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}
.event-circle-img_main img {
    max-height: 124px;
}
.event-circle-img > * {
    margin-bottom: 30px;
}
.event_top_shadow {
    margin: 0 0 50px;
    padding: 50px 0;
}
.event_guideline {
    text-align: center;
    padding: 50px 15px 0;
    border-top: 1px solid #dfdfdf;
    margin-top: 20px;
}
.host-events-detail p b:after {
    content: ': ';
}   
/*Event Details :: END*/
/*edit-profile :: START*/
.edit-profile2-form .form-btn {
    margin: 30px 0 50px;
}
/* For Firefox */
.edit-profile2-form input[type='number'] {
    -moz-appearance:textfield;
}
/* Webkit browsers like Safari and Chrome */
.edit-profile2-form input[type=number]::-webkit-inner-spin-button,
.edit-profile2-form input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
/*edit-profile :: END*/
.form-control:focus,textarea:focus{
    outline: none;
    border-color: inherit;
    box-shadow: none;
}
.registration-from-input select,.dashboard-event .tab-content .select select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-image: url(../images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: calc(100% - 15px) 50%;
    padding-right: 26px;
}
.registration-from-input select::-ms-expand,.dashboard-event .tab-content .select select::-ms-expand {
    display: none;
}
.registration-from-input select:focus,.dashboard-event .tab-content .select select:focus{
    outline: none;
}
.form_inner_main {
    max-width: 488px;
    width: 100%;
    margin: auto;
    padding: 0 15px;
}
/*Datatable Horizontal Scroll :: START*/
.dataTables_scroll {
    display: block;
    overflow-x: hidden;
}
.max_width_475 {
    max-width: 475px;
    width: 100%;
    margin: auto;
}
.btn-registration,.btn-change-password,.btn-change-password {
    margin-top: 15px;
}
.registration-from-input select {
    height: auto;
    font-size: 18px;
    padding: 15.5px 15px;
    line-height: normal;
}
.form_error {
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    text-align: left;
    width: 100%;
}
.login_modal_main  .modal-dialog {
    max-width: 820px;
}
.max_width_470_modal{
    max-width: 470px;
    width: 100%;
    margin: auto;
}
span.error {
    font-size: 14px;
    font-weight: 600;
}
/*table.display.dashboard_table_invite_width.dataTable.no-footer{
    width: 1200px!important;
}*/


/*dashboard_table_event_width :: START*/
.dashboard_table_event_width thead[data-label="Sr No."] {
    width:5%!important;
    
}
.dashboard_table_event_width thead[data-label="Event Name"] {
    width:8%!important;
   
}
.dashboard_table_event_width thead[data-label="Date & Time"] {
    width:8%!important;
    }
.dashboard_table_event_width thead[data-label="Venue"] {
    width:8%!important;
    
   
}
.dashboard_table_event_width thead[data-label="Invited Guest"] {
    width:10%!important;
    

   
}
.dashboard_table_event_width thead[data-label="Invitation Accepted"] {
    width:10%!important;
   
   
}
.dashboard_table_event_width thead[data-label="Payment Status"] {
    width:10%!important;

   
}
.dashboard_table_event_width thead[data-label="Status"] {
   width:10%!important;
    
   
}
.dashboard_table_event_width thead[data-label="View Detail"] {
   width:10%!important;
  
    
}

.dataTables_scrollHeadInner {
    width: 100% !important;
}

.table.display.dashboard_table_event_width.dataTable.no-footer {
    width: 100% !important;
} 
.dataTables_wrapper.no-footer div.dataTables_scrollHead table.dataTable, .dataTables_wrapper.no-footer div.dataTables_scrollBody > table {
    border-bottom: none;
    width: 100% !important;
}
/*dashboard_table_event_width :: END*/

/*.dashboard_table_invite_width tbody[data-label="Sr No."] {
    width: 5%!important;

}
.dashboard_table_invite_width tbody[data-label="Event Name"] {
    width: 10%!important;

}
.dashboard_table_invite_width tbody[data-label="Host Name"] {
   width: 10%!important;

}
.dashboard_table_invite_width tbody[data-label="Date & Time"] {
    width: 10%!important;

}
.dashboard_table_invite_width tbody[data-label="Venue"] {
    width: 10%!important;

}
.dashboard_table_invite_width tbody[data-label="Payment Status"] {
    width: 10%!important;
}
.dashboard_table_invite_width tbody[data-label="Status"] {
    width: 10%!important;

}
.dashboard_table_invite_width tbody[data-label="View Detail"] {
    width: 10%!important;

}*/
/*dashboard_table_invite_width :: END*/

/*event_detail_table_width :: START*/
/*.event_detail_table_width [data-label="Sr No."] {
    width: 91px !important;
    min-width: 91px !important;
}

.event_detail_table_width [data-label="Guest Name"] {
    width: 602px !important;
    min-width: 602px !important;
}
.event_detail_table_width [data-label="Accepted"] {
    width: 513px !important;
    min-width: 513px !important;
}
.event_detail_table_width [data-label="Payment"] {
    width: 465px !important;
    min-width: 465px !important;
}*/
/*.event_detail_table_width [data-label="Sr No."] {
   width: 3%!important;
}

.event_detail_table_width [data-label="Guest Name"] {
    width: 10%;}
.event_detail_table_width [data-label="Accepted"] {
    width: 10%;
}
.event_detail_table_width [data-label="Payment"] {
    width: 10%;}*/
/*event_detail_table_width :: END*/

/*Button Style :: START*/

.fabric-upcharge_field .apply_upcharge:hover {
    background-color: rgba(38,151,33,0.9) !important;
}
.btn-login:hover {
    background-color: rgba(255,255,255,0.9);
}
.menu_item_main .menu_item:hover,.footer-widget ul li a:hover,.social_icon_cmn [class$="-logo"]:hover,.header-social-icon [class$="-logo"]:hover{
    color: #0bff00 !important;
}
.host-step-form .col-md-7 .btn-create-step,.party-plan-cotent .row .form .btn-getstart:hover,.btn-view:hover,.btn-update-edit:hover,
.host-step-form .details-box .btn-check .btn-check-out-step:hover,.btn-change-password:hover,.btn-registration:hover,.btn-getstart:hover,
.btn-resend-registration:hover,.email-event .btn-email:hover,
.modal-body .btn-login:hover{
    background: rgba(248,88,56,0.9);
}
.party-plan-cotent .row .form .btn-getstart,.btn-view,.btn-update-edit,.btn-change-password,.btn-registration,.modal-body .btn-login,
.btn-resend-registration,.email-event .btn-email{
    background: #f44336;
    text-align: center;
    padding: 11.5px 71.75px;
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    background-color: #f85837;
    border: none;
    border-radius: 33px;
}
.btn-registration:focus,.party-plan-cotent .row .form .btn-getstart:focus, .btn-view:focus, .btn-update-edit:focus, .btn-change-password:focus, .btn-registration:focus,
.modal-body .btn-login:focus,.btn-getstart:focus, .btn-login:focus,.footer_ask_que .green_btn_55:focus,.email-event .btn-email:focus{
    outline: none !important;
}
.btn-resend-registration {
    margin-top: 15px;
    padding: 11.5px 20px;
}
/*Button Style :: END*/
main > .checkout_user_register .example {
    padding: 30px !important;
    margin: 0 !important;
}
main > .checkout_user_register .example input#plan_amount {
    margin-bottom: 10px;
}
.example.example5 .input {
    margin-bottom: 10px;
}   
main > .container-lg .example .error{
    margin-top: 5px !important;
}
table.dataTable thead .sorting_desc{
    color: #c7bcbc;
}
/*Fabric Page :: START*/
.fabric_distributer_main .registration-form-content .form-control {
    border: 2px solid #000000;
    border-radius: 12px;
    font-size: 18px;
    height: auto;
    padding: 15px;
    line-height: normal;
}
.fabric_distributer_main .registration-form-content textarea.form-control {
    height: 120px;
}
.fabric_distributer_main .registration-form-content .form-control {
    margin-top: 15px;
}
.fabric_list_cmn .select_fabric {
    margin-bottom: 30px;
}
.fabric_list_cmn .fabric_selected .fabric_card, .fabric_list_cmn .fabric_card:hover {
    border: 1px solid #0caa39;
}
.fabric_list_cmn .fabric_card {
    transition: border 0.3s ease-in-out;
    cursor: pointer;
    position: relative;
    height: 100%;
    margin: 0;
}
.fabric_list_cmn .fabric_card .card_inner_main {
    position: relative;
    padding: 15px;
}
.fabric_list_cmn .fabric_name {
    font-size: 22px;
    line-height: 1.3;
    color: #616161;
    font-weight: 600;
    font-family: "Open Sans";
    text-transform: uppercase;
    margin: 0;
}
.fabric_list_cmn .fab-img {
    height: 163px;
    padding: 15px 0;
    width: 100%;
}
.fabric_list_cmn .fab-img img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.fabric_list_cmn .fabric_price {
    font-size: 20px;
    line-height: 1.15;
    color: #f85837;
    font-weight: 600;
    font-family: "Open Sans";
}
.fabric_list_cmn .fab-text p {
    font-size: 14px !important;
    color: #000000ad;
    text-align: left;
    /* font-family: 'Open Sans', sans-serif; */
    font-family: 'Mukta', sans-serif;
        margin: 0;
}
.fabric_list_cmn {
    margin-top: 50px;
}
/*Fabric Page :: END*/
/*Rating (Form) :: START*/
.rating {
    display: inline-flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
}
.rating span {
    position:relative;
    display: flex;
    align-items: center;
    margin: 0 5px 0 0;
}
.rating span input {
    position:absolute;
    top:0px;
    left:0px;
    opacity:0;
    margin: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    cursor: pointer;
}
.rating span label {
    display: inline-block;
    width: 24px;
    height: 22px;
    text-align: center;
    background-image: url(../images/ratings.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 24px 22px;
}
.rating span:hover ~ span label,
.rating span:hover label,
.rating span.checked label,
.rating span.checked ~ span label {background-image: url(../images/ratings_fill.png);cursor: pointer;}
/*Rating (Form) :: END*/
/*fabricdistributor-list :: START*/
.fabricdistributor_list_width [data-label="Sr No."] {
    width: 92px !important;
    min-width: 92px !important;
}
.fabricdistributor_list_width [data-label="Fabric"] {
    width: 171px !important;
    min-width: 171px !important;
}
.fabricdistributor_list_width [data-label="Fabric Name"] {
    width: 322px !important;
    min-width: 322px !important;
}
.fabricdistributor_list_width [data-label="Event Name"] {
    width: 411px !important;
    min-width: 411px !important;
}
.fabricdistributor_list_width [data-label="Guest Name"] {
    width: 365px !important;
    min-width: 365px !important;
}
.fabricdistributor_list_width [data-label="Status"] {
    width: 192px !important;
    min-width: 192px !important;
}
.fabricdistributor_list_width [data-label="View Detail"] {
    width: 150px !important;
    min-width: 150px !important;
}

.fabric_image {
    width: 150px;
    height: 150px;
}

.fabric_image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.fabricdisrtibuter_main_modal  .modal-body {
    padding: 40px 15px;
}
.fabricdisrtibuter_main_modal.login_modal_main .modal-dialog {
    max-width: 550px;
}

.swal-footer {
    text-align: center !important;
}
.avatar-upload .avatar-preview {
    text-align: center;
}
.avatar-upload .avatar-preview .error {
    color: red;
    margin-top: 25px !important;
    display: block;
}
/*fabricdistributor-list :: END*/

.fabric_row_main_total.fabric_row_main_cmn .left_col_main.col_main {
    margin-left: 0 !important;
}
.create_event_main_s .fabric-block1 .fabric-1 .fabric_name{height: auto !important;}
.swal-footer {
    text-align: center !important;
}


.h3, h3 {
    font-size: 40px;
    font-family: 'Mukta', sans-serif;
}

.card-title{font-family: 'Mukta', sans-serif;}

.card.fabric-main-card.p-4 .card-title {
    font-family: 'Mukta', sans-serif;
    font-size: 31px;
}

.h1, h1 {
    font-size: 54px;
    font-family: 'Mukta', sans-serif;
}


.email-event__content .row:nth-child(2) {
    position: relative;
    top: -41px;
}

.email-event .email-event__content .bg_image_event {
    text-align: center;
    background-color: #fff;
    padding-bottom: 58px;
} 

section.change_password_main.enduser_inner_main .registration-bgc-img {
    margin: 0 0 30px 0;
}

section.change_password_main.enduser_inner_main .registration-bgc-img img {
    display: none;
}

section.fabric_distributer_main.edit-profile2-form.enduser_inner_main .table_responsive {
    overflow: hidden;
    overflow-x: auto;
}

section.fabric_distributer_main.edit-profile2-form.enduser_inner_main table#data-table {
    /*width: max-content;*/


} 



  

.dataTables_scroll {
    display: block;
    overflow-x: auto;
}

.col-md-12.left-prop-before-login.animate__animated.animate__backInRight.menu_item_main {
    padding-top: 24px;
}


@media screen and (max-width: 911px) { 

    .dataTables_scrollHead {
        overflow: unset!important; 
    }

}


/*.dataTables_scrollBody {*/
/*    width: 100%!important;*/
/*}*/

@media screen and (max-width: 420px) { 

    section.host-step-form.create_event_main_s.enduser_inner_main .cell {
        padding: 10px;
    } 

    section.host-step-form.create_event_main_s.enduser_inner_main button.btn.btn-primary.btn-lg.btn-block {
        background: green!important;
        box-shadow: none!important;
        color: #fff!important;
        padding: 8px 15px;
    } 

    section.host-step-form.enduser_inner_main.create_event_thankyou_main .row.mr-0 {
        margin-right: -14px!important; 
    }

    .event-img {
        height: 200px;
        overflow: hidden;
    }

    .event-detail-form .event-detail .event-detail__panel .event-img img {
        width: 100%;
        margin: auto;
        display: block;
        height: 100%;
        border-radius: 0;
        object-fit: cover;
    }

    .btm_btn.text-center.lastBt a.btn-view {
        height: 50px;
        width: 190px;
    }

}

@media screen and (max-width: 689px) { 

    .fabric-design-content .color-content .fist-text1 {
        font-weight: 600;
        padding: 50px 30px;
        font-size: 24px;
        margin: 0 0 58px 0;
        max-width: 282px;
        font-family: "212-Queenie-Sans"; 
    }

    .dataTables_scrollHead {
        width: 862px!important;
    }
    
    table.table.display.fabricdistributor_list_width.dataTable.no-footer {
        width: 835px!important;
    }


    .dataTables_scrollBody {
        width: 956px!important;
    } 

    section.event-detail-form.enduser_inner_main .dataTables_scrollBody {
        width: 863px!important;
    }

    .dataTables_scrollHeadInner {
        width: 100%!important;
    }
}

@media screen and (max-width: 1199px) { 
    .dataTables_scroll {
        display: block;
        overflow-x: auto;
    }


}

.col-6.col-lg-5.menu_main_col.social_icon_col .row.w-100 {
    padding-left: 13px;
}

a.phpdebugbar-restore-btn {
    display: none!important;
} 

.footer-content.pt-5.pb-5 {
    padding: 22px 0!important;
}

@media(max-width: 575px){

    .footer-widget ul li {
        display: inline-block;
        width: 100%;
        margin-bottom: 5px;
        font-size: 16px;
    }

    .footer-widget-heading.question-h3 + ul {
        margin-top: 10px;
    }

.main_custome_slider_row {
    padding: 0 54px;
}


}

.phpdebugbar.phpdebugbar-minimized {
	display: none !important;
}