/* Global CSS for the entire application */
:root { 
    --topbarColor: #393978; 
    --black: #000000;  
    --pink: #E95382;  
    --primaryColor: #E95382;
    --text:#6C7278;
    --lightPink: #FFF0F9;  
    --white: #FFFFFF;  
    --footerBg: #2A224A;  
    --grayBg:#F7F7F7;
    --gradient:linear-gradient(119.61deg, #D44C98 38.06%, #FF5A6B 77.96%);;
    --gradientHover:linear-gradient(107.73deg, #FF5A6B 10.98%, var(--primaryColor) 78.39%);
  } 
 
@font-face {
    font-family: 'Authentic';
    src: url('../fonts/Authentic-Signature.woff2') format('woff2'),
        url('../fonts/Authentic-Signature.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
 
 
body {
	padding: 0;
	margin: 0;
    font-size: 16px; background: var(--grayBg);;
}

.dialog-off-canvas-main-canvas {
    min-height: 100vh;
    margin: 0;
    display: flex;
    flex-direction: column;
}

select,
option,
table,
tr,
td,
td,
h1,
h2,
h3,
h4,
h5,
h6,
p,
textarea,
button,
input,
a,
ul,
li,
ol,
div,
span {
	padding: 0;
	margin: 0;
    font-family: "proxima-nova", sans-serif;;
    color:black;
    list-style: none;
}

img,
svg,
video,
canvas,
audio,
iframe,
embed,   
object {
	border: 0;
	vertical-align: top;
	max-width: 100%;
}

a {
	color: var(--black);
	text-decoration: none;
    cursor: pointer;
}
*{outline: none;}
 
.tb-megamenu .btn:focus {
    outline: thin dotted #333;
    outline: 0px auto -webkit-focus-ring-color;
    outline-offset: 0;
}
 

a:hover {
	color: black;
	text-decoration: none;
}

.page-wrapper *:focus,
.ui-dialog *:focus {
	outline: none !important;
	box-shadow: 0 0 0 !important;
}

body .ui-dialog:focus {
	outline: none;
	box-shadow: 0 0 0;
}

* {
	box-sizing: border-box; outline:none;
}

.dark div,
.dark h1,
.dark h2,
.dark h3,
.dark h4,
.dark h5,
.dark h6,
.dark p {
	color: white;
}



h1 {
	font-size: 48px;
	line-height: 1;
}

h2 {
	font-size: 35px;
	line-height: 1;
}

h3 {
	font-size: 30px;
	line-height: 1;
}

h4 {
	font-size: 24px;
	line-height: 1;
}

h5 {
	font-size: 22px;
	line-height: 1;
}

h6 {
	font-size: 20px;
	line-height: 1;
}

p { 
	line-height: 1.3;
	margin-bottom: 20px;
    font-size: 16px;
    font-weight: normal;
}



h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom:10px; font-weight: 600;
}

.container {
	width: 100%;
	max-width: 1544px;
	margin: 0 auto;
	padding: 0 15px;
}


.effect {
	position: relative;
	transition: all 500ms ease 0s;
}

.effect:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 2px;
	height: 100%;
	background: var(--white);
	transition: all 500ms ease 0s;
	opacity: 0.2;
}

.effect:hover:after {
	content: '';
	width: 100%;
	transition: all 500ms ease 0s;
}


.textCenter{
    text-align: center;
}
.hidden{
    display: none;
}

section{background: var(--white);}

.grid4{display: grid; grid-template-columns: repeat(4,1fr);gap: 20px;}
.grid2{display: grid; grid-template-columns: repeat(2,1fr);gap: 20px;}

/* message alert */
 
/* Base Alert Style */
 
.alert.alert-status {box-shadow: 0 0 0;width: 100%;}
.alert.alert-status .visually-hidden {display: none;margin: 0;}
.alert.alert-status .alert {margin: 0; width: 100%;}
.alert.alert-status .btn-close{display: none;}

.alert em {
    font-style: normal;
    margin: 0 2px;
}

.alert .btn-close {
    position: absolute;
    right: 10px;
    border: none;
    background: no-repeat; 
    top: 30%;
}
.alert {    
    padding: 10px 26px 10px 10px;
    display: flex;
    font-size: 16px;
    line-height: 1.4;
    border-radius: 5px;
    flex-wrap: wrap;
    margin: auto;
    width: calc(100% - 20px);
    position: fixed;
    top: 84px;
    right: 0;
    left: 0;
    z-index: 2;
    max-height: 80px;
    overflow-y: auto;

}
.alert a{
    font-weight: 600; 
    color: initial;   
    margin-left: 4px;
}
.alert a:hover {
    color: #d3438c;
    text-decoration: underline;
}

.alert .closebtn {
    order: 1;
    position: absolute;
    right: 10px;
    font-size: 28px;
    line-height: normal;
    top: 0;
    cursor: pointer;
}
 
.alert-error,
.alert-danger {
    background: #ffe5e5;
    border: solid 1px red;
    color: red;
}
.alert-success,
.success {
    background: #c1f3c1;
    border: solid 1px #abd7a4;
    color: green !important;
}

.alert-info,
.info {
    border: solid 1px #92b7d5;
    background: #c9e7ff;
    color: #157bcf;
    
}

.alert-warning,
.warning {
    background: #ffe1b6;
    border: solid 1px #ff9800;
    color: #ff9800;
}

 
.alert-warning *, .alert-danger * {
    color: inherit;
}

button[disabled],
input[disabled] {
    filter: grayscale(1);
    /* opacity: 0.5; */
    cursor: default !important;
}


/* Button componetnt start*/
.btnStyle{ 
    color: black;
    font-weight: 600;
    padding:11px 15px;
    border-radius: 5px; 
    background:var(--white);
    display: inline-flex;
    position: relative;transition: all 0.5s ease-in-out;
    white-space: nowrap;
    font-size: 16px;
    cursor: pointer;
    justify-content: center;
}
 

/* Style 1 */
.btnStyle1{
    position: relative; 
    flex-direction: row-reverse;
    align-items: center;transition: all 0.3s ease-in-out;
    gap: 8px; border-radius: 5px;
    background: #FFF5F6;
    border: solid 1px var(--primaryColor);
    cursor: pointer;
  
}
.btnStyle1::before{
    content: '';
    background: url(/themes/custom/eevent_theme/images/blackRightArrow.svg) no-repeat center center;
    width: 13px;
    height: 11px;
    display: inline-block;
}
.btnStyle1:after {
    content: '';
    position: absolute;
    inset: 0;
    transition: all 0.5s ease-in-out;
    background: var(--gradient);
    border-radius: 5px;
    -webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    padding: 1px;
}

.btnStyle1:hover {
    background: linear-gradient(289.44deg, var(--primaryColor) 1.67%, #FF5A6B 75.14%); 
    color: white;transition: all 0.3s ease-in-out;
    flex-direction: initial;
}
.btnStyle1:hover:after {
    opacity: 0; transition: all 0.3s ease-in-out;
}
.btnStyle1:hover::before {
    filter: brightness();
}
.btnStyle1:hover:before { 
background: url(/themes/custom/eevent_theme/images/whiteRightArrow.svg) no-repeat center center;transition: all 0.3s ease-in-out;
}

/* Style 2 */
.btnStyle2{
    background: var(--gradient); 
    border-radius: 5px;
    color: white;
    align-items: center;
    gap: 8px;
    border: solid 1px #FFF;
}
.btnStyle2::after{
    content: '';
    background: url(/themes/custom/eevent_theme/images/whiteRightArrow.svg) no-repeat center center;
    width: 13px;
    height: 11px;transition: all 0.5s ease-in-out;
    display: inline-block;
}
.btnStyle2:hover{
   flex-direction: row-reverse;
   color: white;transition: all 0.5s ease-in-out;
   background: var(--gradientHover);
   box-shadow: 0px 8px 15px 0px #FF627CB0;
}
 
.btnStyle2 a:hover{color: white;transition: all 0.5s ease-in-out;}

input[disabled="disabled"], 
button[disabled="disabled"] {
    opacity: 0.5;
    cursor:not-allowed !important;
}

/* Style 3*/
.btnStyle3{border: solid 1px white;position: relative;transition: all 0.5s ease-in-out;border-radius: 5px;overflow: hidden; justify-content: space-between;align-items: center;gap: 8px;transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out;
background:var(--gradient); color: white; position: relative;}
.btnStyle3::after{
    content: '';
    background: url(/themes/custom/eevent_theme/images/whiteRightArrow.svg) no-repeat center center;
    width: 13px;
    height: 11px;
    transition: all 0.5s ease-in-out;
    display: inline-block;
    position: relative;transition: all 0.5s ease-in-out;
}


 
.btnStyle span {
    position: relative;
    color: white;transition: all 0.5s ease-in-out;
}
.btnStyle3:hover{transition: all 0.5s ease-in-out; flex-direction: row-reverse;transition: all 0.5s ease-in-out; color: white;}
 
.btnStyle3:before {
    position: absolute;
    content: '';
    background: conic-gradient(from 34deg at 91.68% 44.16%, #CA2380 -35deg, #FF5A6B 360deg);
    left: -100%;
    height: 100%;transition: all 0.5s ease-in-out;
    width: 100%;
}
.btnStyle3:hover:before {
    position: absolute;
    content: '';
    background: conic-gradient(from 34deg at 91.68% 44.16%, #CA2380 -35deg, #FF5A6B 360deg);
    left: 0%;
    height: 100%;transition: all 0.5s ease-in-out;
    width: 100%; 
}



/* Style 4 */
.btnStyle4{ 
    border-radius: 5px;
    align-items: center;
    gap: 8px; border: solid 1px transparent;
}
.btnStyle4::after{
    content: '';
    background: url(/themes/custom/eevent_theme/images/blackRightArrow.svg) no-repeat center center;
    width: 13px;
    height: 11px;
    transition: all 0.5s ease-in-out;
    display: inline-block;
    position: relative;
}
.btnStyle4:hover{
    flex-direction: row-reverse;
    color: white;border: solid 1px white;
    transition: all 0.5s ease-in-out;
    background: linear-gradient(289.44deg, var(--primaryColor) 1.67%, #FF5A6B 75.14%);
    box-shadow: 0px 8px 15px 0px #FF627CB0;
}
.btnStyle4:hover:after { 
    background: url(/themes/custom/eevent_theme/images/whiteRightArrow.svg) no-repeat center center;transition: all 0.5s ease-in-out;}
.btnStyle4 a{color: var(--black);}
.btnStyle4:hover a{color: var(--white);}


/* Style 5 */
.btnGray {background: #F5F5F7;padding: 8px 12px;display: inline-block;border-radius: 5px;color: var(--black); border: none;}
.btnGray:hover{background:var(--gradient); color: var(--white);}

/* Style 6 */
.ghostBtn {padding:0 20px 0 0px;display: flex;border-radius: 5px;color: var(--black);font-weight: 600;background: url(/themes/custom/eevent_theme/images/blackRightArrow.svg) no-repeat center right;gap: 5px;}
.ghostBtn:hover{background: url(/themes/custom/eevent_theme/images/gridientRightArrow.svg) no-repeat center right;gap: 5px; color: var(--primaryColor);}

.btnStyle.btn-active{background: var(--gradient); color: var(--white);}
.btnStyle.btn-active:before {filter:invert(1);}
.btnStyle.btn-active:hover:before {filter: brightness(1);}


/* Style 7 default button */
/* .button{background: var(--gradient);
border-radius: 5px;color: white; font-weight: 600;   font-size: 16px;cursor: pointer; padding: 11px 15px;border: solid 1px #FFF; transition: all 0.5s ease-in-out;}
.button:hover{background: linear-gradient(289.44deg, var(--primaryColor) 1.67%, #FF5A6B 75.14%);
    box-shadow: 0px 8px 15px 0px #FF627CB0; transition: all 0.5s ease-in-out;} */
details summary,
input[type="submit"],
button{cursor: pointer;}

.titleHead{position: relative;display: flex;justify-content: space-between;align-items: center;} 
.titleHead h2{ margin-bottom: 0;}
.titleHead p{ margin: 10px 0 0 0; font-size: 18px;} 

.alignCenter {text-align: center;display: block;}
.home-page section{background: var(--white); position: relative;} 
.grayBg{ background: var(--grayBg); position: relative;}

/* padding manage */
.pt-40{padding-top: 40px;}
.pb-40{padding-bottom: 40px;}
.py-40{padding-top: 40px;padding-bottom: 40px;}

/* Margin manage */
.mt-40{margin-top: 40px;}
.mb-40{margin-bottom: 40px;}
.my-40{margin-top: 40px;margin-bottom: 40px;}

/* Margin manage 20*/
.mt-20{margin-top: 20px;} 
.my-20{margin-top: 20px; margin-bottom: 20px;} 

/* UI Modal popup style */



/* End */

.topBar {
	background: var(--topbarColor);
	text-align: center;
	padding: 10px;
}
.topBar p {
	margin: 0;
	font-weight: 600;
	display: flex;
	vertical-align: top;
    font-size: 15px;
	justify-content: center;
	gap: 5px;
	align-items: center;
}
.topBar p a{
    color: var(--white);
}
.topBar .close {
    display: inline-block;
    width: 23px;    flex-shrink: 0;
    height: 23px; cursor: pointer;
    border-radius: 100px;
    background: #646392 url(/themes/custom/eevent_theme/images/closeIcon.svg) no-repeat center center;
}
.topBar .close:hover {
    background: #FF5A6B url(/themes/custom/eevent_theme/images/closeIcon.svg) no-repeat center center;
    
    opacity: 0.8;
}
 
.stickyHead, header{position: sticky; top: 0;background: var(--white); z-index: 9; }
.headerMain {display: flex;justify-content: space-between;align-items: center; padding: 0 0px; position: relative;}
.topMainHeader{box-shadow: 0 0 3px #ddd; }
 
.headerMain .logo{padding: 12px 0;}
  
 
 
.mobNav {position: fixed;bottom: 0;background: var(--white);display: flex;justify-content: space-between;width: 100%;
 z-index: 4; display: none;}
.mobNav a {display: flex;flex-direction: column;gap: 5px;padding: 14px 0;}
.mobNav a span{font-size: 13px;}
.mobNav a img {display: block;margin: auto;max-width: 20px;height: 20px;filter: brightness(0);}
.mobNav a:hover img{filter: initial;}
.mobNav a:hover span{color: var(--primaryColor);}

/* Header Nav */
/* admin bar start */
.toolbar-icon-11 .contextual-region {
    position: initial;
}
/* admin bar end */


.tb-megamenu-main{background: transparent;position: static;}
.tb-megamenu-main .nav-collapse{display: inline-block;width: 100%;}
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav{display: inline-flex;}
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item{color: var(--black); display: flex;align-items: center; }
/* .tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1:nth-of-type(1){
      position: static;
} */
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1:nth-of-type(1)::before{
   content: '';
    background: url(../images/categoryNav.svg) no-repeat;
    width: 16px;
    height: 16px;
    display: inline-block;
    margin-top: 2px;transition: 0.3s ease-in-out;
    filter: brightness(0);
}
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1 a {
    padding-left: 6px;
    border-right: none;
    background: transparent;
}

.tb-megamenu .nav > li > a {
    color: var(--black);
}
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item .mega-dropdown-menu {position: absolute;
    /* left: 0; */
    right: 0;
    width: 100%;
    min-width: 213px;
}
/* .tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1:nth-of-type(1) .mega-dropdown-menu .mega-nav{ display: grid; grid-template-columns: repeat(4,1fr);} */
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item .mega-dropdown-menu .mega-nav span{ color: var(--black); font-weight: normal; font-size: 16px; padding-left: 0;}
 .tb-megamenu .nav > .active > a:hover,
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item .mega-dropdown-menu .mega-nav span:hover{color: #d3438c !important;transition: 0.3s ease-in-out;}





.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1{min-height: 80px;}

.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1:nth-of-type(2)::before{content: '';background: url(../images/userNav.svg) no-repeat;width: 17px;height: 16px;display: inline-block;margin-top: 2px;filter: brightness(0);}


.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1:nth-of-type(3)::before{
   content: '';
   background: url(../images/providerNav.svg) no-repeat;
   width: 20px;
   height: 18px;
   display: inline-block;
   margin-top: 2px;transition: 0.3s ease-in-out;
   filter: brightness(0);
}

 
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1:nth-of-type(4)::before{
    content: '';
    background: url(../images/howitNav.svg) no-repeat;
    width: 17px;
    height: 17px;
    display: inline-block;
    margin-top: 2px;transition: 0.3s ease-in-out;
    filter: brightness(0);
}
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1:nth-of-type(4):hover .tb-megamenu-no-link{
    color: #d3438c !important;transition: 0.3s ease-in-out;
} 
.tb-megamenu-main .tb-megamenu .nav > li > a:hover{color: #d3438c;}




.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item .tb-megamenu-no-link {border: none;padding: 0 25px 0 4px;font-weight: 600;color: black;transition: 0.3s ease-in-out;font-size: 18px; background: transparent;}
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-no-link .dropdown-toggle {background: transparent;color: var(--black);border: none;padding: 0;}
.tb-megamenu .nav li.dropdown > .dropdown-toggle .caret {margin-top: 7px;width: 8px;border: none;
height: 8px;border-top: solid 1px #000;border-right: solid 1px #000;rotate: 135deg;}
 
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item .tb-megamenu-submenu{border: none;} 
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item .tb-megamenu-submenu span{color: var(--black);}
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1:hover:before{ content:""; transition: 0.3s ease-in-out; filter: initial;}
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item:hover .tb-megamenu-no-link{color: #d3438c;}
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item:hover span{color: #d3438c;}
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item:hover .caret {
border-top: solid 1px #d3438c; border-right: solid 1px #d3438c;}


.tb-megamenu .nav li.dropdown.open > .dropdown-toggle .caret {
border-top-color: #d3438c !important;border-bottom-color: #d3438c !important;border-right: solid 1px #b12929;}
.tb-megamenu .nav li.dropdown > .dropdown-toggle:hover .caret { border-top: solid 1px #d3438c;border-right: solid 1px #d3438c; }

.tb-megamenu .mega-nav, .tb-megamenu .dropdown-menu .mega-nav li{margin-bottom: 10px;}
.tb-megamenu .dropdown-menu li a:hover{color:var(--primaryColor);}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle, .tb-megamenu .nav li.dropdown.open.active > .dropdown-toggle, .tb-megamenu .nav > li.dropdown.open.active > a:hover, .tb-megamenu .nav > li.dropdown.open.active > span.tb-megamenu-no-link:hover {background-color: var(--hite);color: var(--primaryColor);}

.tb-megamenu .span12.mega-col-nav .mega-inner .tb-megamenu-subnav li{padding: 0;margin: 8px 0px;border: none;font-size: 16px;}
.tb-megamenu .span12.mega-col-nav .mega-inner .tb-megamenu-subnav li a{margin: 0;padding: 0; color: var(--black); border: none; background: transparent;font-size: 16px;}
.tb-megamenu .span12.mega-col-nav .mega-inner .tb-megamenu-subnav li a:hover{color: var(--primaryColor);}
.tb-megamenu .nav-collapse .nav > li.active > a:hover, .tb-megamenu .nav-collapse .nav > li.active > a:focus, .tb-megamenu .nav-collapse .nav > li.active > span.tb-megamenu-no-link:hover, .tb-megamenu .nav-collapse .nav > li.active > span.tb-megamenu-no-link:focus{ background-color: transparent;}

.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega a{color: var(--black);}
.tb-megamenu-main .nav-collapse ul.tb-megamenu-nav li.tb-megamenu-item.level-1.mega a:hover,
.headerMain .tb-megamenu .nav > li > a:hover {color: #d3438c !important;}

.tb-megamenu .nav li.dropdown.active > .dropdown-toggle .caret{    border-top-color: var(--black);}

.tb-megamenu .mega-nav .dropdown-submenu > a::after, .tb-megamenu .mega-nav .dropdown-submenu > span.tb-megamenu-no-link::after {
    margin-right: 0;
    position: absolute;
    right: 0;
    top: 2px;
}

.nav-profile{display: none;}





/* header nav end */


.headerActions {display: flex;align-items: center;gap: 10px;}
.headerActions .btnStyle1 {padding: 11px 15px 11px 15px; border:solid 1px transparent;}
.headerActions .myAccount img {width: 44px;height: 44px;border-radius: 100px;border: solid 2px var(--primaryColor); object-fit: cover;}

.headerActions .cartIcon {background: url(../images/cartIcon.svg) no-repeat center center;width: 32px;height: 30px;background-size: contain;position: relative;margin-right: 6px;}
.headerActions .cartIcon span {background: var(--primaryColor);color: var(--white);display: flex;align-items: center;justify-content: center;border-radius: 100px;position: absolute;right: -13px;top: -10px;min-width: 100%;height: 25px;}

.headerActions .bellIcion {background: url(../images/bell.svg) no-repeat center center;width: 32px;height: 30px;background-size: contain;position: relative;margin-right: 6px;}
.headerActions .bellIcion span {background: var(--primaryColor);color: var(--white);display: flex;align-items: center;justify-content: center;border-radius: 100px;position: absolute;right: -13px;top: -10px;min-width: 100%;height: 25px;}


/* Hero banner */
.heroSectionFixed{position: sticky; top: 127px;}
.HeroSlider{position: relative;}
.HeroSlider .HeroBanner{position: static;}
.HeroSlider .swiper-slide{position: relative;overflow: hidden;}
.HeroSlider .swiper-slide img {width: 100%;height: calc(100vh - 127px);object-fit: cover;}
.swiper-pagination-bullet {background: transparent;border: solid 1px #FFF;opacity: inherit;width: 15px;height: 15px;}
.swiper-pagination-bullet.swiper-pagination-bullet-active { background: #d3438c;}



.HeroSlider .actionblock {position: absolute;bottom: 17px;left: 0;z-index: 2;right: 0;text-align: center; display: flex; justify-content: center; align-items: center; } 
.HeroSlider .actionblock .swiper-pagination {position: static;display:flex; width: auto;}
.HeroSlider .actionblock #swiper-toggle {border: none;font-size: 0;width: 28px;height: 28px;background-size: cover;margin-right: 4px;}
.HeroSlider .actionblock .play {  background: url(/themes/custom/eevent_theme/images/playimg.svg) no-repeat;}
.HeroSlider .actionblock .pause { background: url(/themes/custom/eevent_theme/images/pauseimg.svg) no-repeat;}


.HeroSlider .actionblock button {display: inline-block;}


.HeroSlider .formContent{position: absolute;bottom: 0;z-index: 1;left: 0;
  background: linear-gradient(89.35deg, rgba(212, 76, 152, 0.82) -2.82%, rgba(255, 90, 107, 0.82) 72.8%, rgba(244, 87, 118, 0.2788) 84.12%, rgba(234, 83, 130, 0) 93.71%);  
top: 0;display: flex;align-items: center;width: 100%;max-width: 50%;}
.HeroSlider .formContent .titleBlock {  margin-left: auto; padding-left:20px; max-width: 771px; }
.HeroSlider .formContent .titleBlock .formTitle{font-family: 'Authentic';display: inline-block;font-size: clamp(100px, 11.2vw, 218px);} 
.HeroSlider .formContent .titleBlock h1 {margin: -15px 0 0 0;}

.HeroSlider .formContent .titleBlock h4 {margin: 7px 0 0 0;font-weight: normal;}
.HeroSlider .formContent .formSearch{border-radius: 5px;margin-top: 18px;}
.HeroSlider .formContent .formSearch .formGroup{display: flex;justify-content: space-between;padding: 5px 5px 5px 10px;align-items: center; gap: 15px;background: white; border-radius: 5px;}
.HeroSlider .formContent .formSearch .formGroup .formField{width: 41%;}
.HeroSlider .formContent .formSearch .formGroup .formField label{display: none;}
.HeroSlider .formContent .formSearch .formGroup .formField:first-child {border-right: solid 1px #000;padding-right: 12px;}
.HeroSlider .formContent .formSearch .formGroup .formField .form-text{background:url(/themes/custom/eevent_theme/images/graydientArrow.svg) no-repeat right center; border: none;width: 100%;height: 36px;appearance: none; font-size: 15px;} 
.HeroSlider .formContent .formSearch .formGroup .formField select{background:url(/themes/custom/eevent_theme/images/graydientArrow.svg) no-repeat right center; border: none;width: 100%;height: 36px;appearance: none; font-size: 15px;} 
.HeroSlider .formContent .actionBtn {display: flex;gap: 10px; margin-top: 15px; justify-content: center;}
.HeroSlider .formContent .formSearch .formGroup .formField input{border: none !important;}

.ui-menu .ui-menu-item-wrapper{ display: block;}
.ui-menu .ui-menu-item a{border: none; padding: 5px;}
.ui-menu .ui-menu-item .ui-state-active{ background: #FFF5F6; color: var(--black);}



/* Explore the Best */
 
.exploreWrap .exploreInner{position: relative;} 
.exploreWrap .exploreInner .swiper{position: static;}  
.exploreWrap .cardBlock .cardImg{overflow: hidden;border-radius: 10px;aspect-ratio: 1;}
.exploreWrap .cardBlock .cardImg img{transition: all 0.5s ease-in-out; width: 100%; object-fit: cover; height: 100%; aspect-ratio: 1;}
.exploreWrap .cardBlock .cardImg:hover img{transform:scale(1.2)}
.exploreWrap .cardBlock .cardContent{margin-top: 15px;}
.exploreWrap .cardBlock .cardContent p{margin: 0;font-weight: 600; }
.swiper-button-next {background: var(--white);width: 50px;height: 50px;border-radius: 100px;right: -25px;top: 48%;bottom: 0; z-index: 1;}
.exploreWrap .cardBlock .cardContent a{color: var(--black);}
.swiper-button-next:hover{background: var(--gradient);} 
.swiper-button-next:after {font-size: 18px;color: #000;}

.swiper-button-next:hover::after{color: white;}
.swiper-button-prev {background:var(--white);width: 50px;height: 50px;border-radius: 100px;left: -25px;top:48%;bottom: 0; z-index: 1;}
.swiper-button-prev:hover{background: var(--gradient);}
.swiper-button-prev:after {font-size: 18px;color: #000;}
.swiper-button-prev:hover::after{color: white;}


/* Explore our Event Categories */


.categoryGrid{display: grid;grid-template-columns: repeat(8,1fr);gap: 20px;}
.categoryGrid .blockBox{position: relative;border-radius: 20px;overflow: hidden;padding: 20px 10px;text-align: center;display: flex;flex-direction: column; transition: 0.5s ease-in-out;}
.categoryGrid .blockBox .grayBg{background: transparent;}
.categoryGrid .blockBox .icons{background: url(/themes/custom/eevent_theme/images/gridIconBg.svg) no-repeat center center;margin-bottom: 18px;padding: 20px 0 0 0;}
.categoryGrid .blockBox p{margin: 0;margin-top: auto;font-weight: 600; font-size: 16px; color: var(--black);}
.categoryGrid .blockBox p a{color: var(--black);}
.categoryGrid .blockBox:hover p{color: white;}
.categoryGrid .blockBox:hover{background: var(--gradient); transition: all 500ms ease 0s; }
.categoryGrid .blockBox:hover p a{color: white;}



/* .Featured Services */


.featureWrap{position: relative;}
.featureWrap .Featured{position: static;}

.FeaturedHome .swiper-pagination {text-align: center;bottom: -27px;}
.FeaturedHome .swiper-pagination span {border: solid 1px var(--primaryColor);}

.Featured .cardBlock{border-radius: 14px; background: white;  box-sizing: border-box; overflow: hidden; border: solid 1px #AAAAAA; position: relative; height: 100%;}
.Featured .cardBlock .cardImg{position: relative;border-radius: 0;overflow: hidden; min-height: 300px; aspect-ratio: 1; max-height: 300px; width: 100%;}
.Featured .cardBlock .cardImg .offerTag{background: var(--gradient);color: #FFF;font-size: 15px;font-weight: 600;padding: 4px 9px;border-radius: 5px;display: inline-block;position: absolute;left: 10px;top: 10px; z-index: 2;}
.Featured .cardBlock .cardImg .featuredTag{background: var(--gradient);color: #FFF;
font-size: 15px;font-weight: 600;padding: 4px 9px;border-radius: 5px;display: inline-block;position: absolute;right: 10px;top: 10px; z-index: 2;}
.Featured .cardBlock.offerActive .cardImg .offerTag{display: block;}


.featuredTag1{background: var(--gradient);color: #FFF;
font-size: 15px;font-weight: 600;padding: 4px 9px;border-radius: 5px;display: inline-block;position: absolute;right: 10px;top: 10px; z-index: 1;}
.Featured .cardBlock .cardImg img{width: 100%;transition: all 0.5s ease-in-out;height: 300px;object-fit: cover; }
.Featured .cardBlock .cardImg img:hover{transform:scale(1.1);transition: all 0.5s ease-in-out;}
.Featured .cardBlock .cardImg .shareIcon{position: absolute;bottom: 20px;right: 20px;display: flex;gap: 10px;opacity: 0;visibility: hidden; left: initial;}
.Featured .cardBlock .cardImg .shareIcon a{width: 40px;display: flex;height: 40px;border-radius: 100px;justify-content: center;align-items: center;}
.Featured .cardBlock .cardImg .shareIcon img {width: 18px;transition: all 0.0s ease-in-out; transform: scale(1.0); height: auto;}
.Featured .cardBlock .cardContent{padding: 15px;}
.Featured .cardBlock .cardContent .authorName {background: var(--gradient);
font-size: 16px;-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: 0.3s ease-in-out;
font-weight: 600;display: flex;align-items: center;gap: 5px;}
.Featured .cardBlock .cardContent .authorName span {background: #F5F5F7;width: 35px;display: flex;height: 35px;align-items: center;justify-content: center;border-radius: 100px; flex-shrink: 0;}
.Featured .cardBlock .cardContent .authorName span img {max-width:19px;}
.Featured .cardBlock .cardContent .serviceName {margin-top: 5px;font-size: 18px;font-weight: 600;}
.Featured .cardBlock .cardContent .featureWrap {display: flex;justify-content: space-between;margin-top: 10px; align-items: center;}
.Featured .cardBlock .cardContent .faqAction {position: absolute;top: 15px;right: 0;left: 0;text-align: center;justify-content: center;}
 
 
 
.Featured .cardBlock .cardContent .featureWrap .priceTag {text-align: center;}
.Featured .cardBlock .cardContent .featureWrap .left .title {color: black;font-weight: 400;font-size: 16px;display: flex
;align-items: center;gap: 5px; margin-bottom: 5px;}
.Featured .cardBlock .cardContent .featureWrap .left .title img {width: 25px;border-radius: 100px;height: 25px;object-fit: cover;
border: solid 1px var(--pink);margin-bottom: 0;}
.Featured .cardBlock .cardContent .featureWrap .left .located {font-size: 14px; background: url(/themes/custom/eevent_theme/images/locationMap.svg) no-repeat 7px 2px;padding: 0 0 0 31px; color: #5A5A5A;}
.Featured .cardBlock .cardContent .featureWrap .left a{color: #5A5A5A;}
.Featured .cardBlock .cardContent .featureWrap .left a:hover{color:var(--primaryColor);}
 
.Featured .cardBlock .cardContent .featureWrap .priceTag .oldPrice {color: #5A5A5A;font-size: 14px;text-decoration: line-through;}
.Featured .cardBlock .cardContent .featureWrap .priceTag .price {font-weight: 600; font-size: 16px;}
.Featured .cardBlock.offerActive .cardContent .featureWrap .priceTag .discountedPrice {color: var(--primaryColor);}
.Featured .cardBlock:hover .shareIcon{opacity: 1;visibility: visible;transition: all 0.5s ease-in-out;} 
.Featured .cardBlock .cardContent .featureWrap .priceTag .discountedPrice {color: var(--primaryColor);}

.FeaturedHome  .swiper-pagination {
    text-align: center;
    bottom: -27px;
}

.FeaturedHome .swiper-pagination span {
    border: solid 1px var(--primaryColor);
}




/* Top Providers */
.providerBg{background: url(/themes/custom/eevent_theme/images/providerBg.jpg) no-repeat center fixed; background-size: cover; width: 100%;}
.providerWrap{position: relative; margin-top: -12px;}
.providerWrap .topProvider{position: static;}
.providerWrap .swiper-slide{display: flex;  height: auto;}
.providerWrap .cartProvider {text-align: center;background: white;padding: 25px;border-radius: 10px;position: relative;margin-top: 12px;margin-bottom: 5px; transition: 0.3s ease-in-out; min-height: 407px;width: 100%;}

.cartProvider .imgProfile {display: inline-block;position: relative;margin-top: auto; overflow: hidden;}
.cartProvider .imgProfile .rating {background: var(--gradient);color: #FFF;
font-size: 15px;font-weight: 600;padding: 4px 9px;border-radius: 5px;display: inline-block;position: absolute;right: 10px;top: 10px;z-index: 1;}
 
.shareIcon {position: absolute;bottom: -11px;display: flex;gap: 10px;opacity: 0;visibility: hidden;z-index: 1;justify-content: center;left: 0;right: 0;}
.shareIcon a {width: 40px;display: flex;height: 40px;background: #FFF;border-radius: 100px;justify-content: center;align-items: center;}
.shareIcon a:hover {background: var(--gradient);}
.shareIcon a img {width: 18px;}
.shareIcon a:hover img{filter: brightness(100); transition: initial;}
.shareIcon a:hover svg{filter: brightness(100); transition: initial;}
.shareIcon a:hover svg path{fill: white; transition: initial;}
 




.cartProvider .imgProfile .profileimg {width: 150px;height: 150px;overflow: hidden;border-radius: 1000px;margin: auto;padding: 0;border: solid 7px #FFF;}
.cartProvider .imgProfile .profileimg img {width: 100%;height: 100%;transform: scale(1.1); object-fit: cover;}
.cartProvider .content {margin-top: 15px;}
.cartProvider .content .name {font-weight: 600;font-size: 18px;word-break: break-all;line-height: 20px;}
.cartProvider .content .location {text-align: left;margin: auto;display: inline-block;margin-top: 10px;
background: url(/themes/custom/eevent_theme/images/locationMap.svg) no-repeat 0 center;padding: 0 0 0 22px;}
.cartProvider .pricefrom {background: var(--gradient);-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: 0.3s ease-in-out;font-weight: 400;margin-top: 10px; font-size: 18px;} 
.cartProvider .speicality {margin-top: 10px;}
.cartProvider .speicality span{background: #FFF5F6;position: relative;display: inline-block;border-radius: 100px; margin: 3px 0;font-size: 14px;padding: 5px 11px; color: var(--primaryColor);
    border: solid 1px var(--primaryColor);} 
 
.cartProvider .imgProfile .profileimg:after {content: '';position: absolute;inset: 0;transition: all 0.5s ease-in-out;background: var(--gradient);border-radius: 5px;-webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);
-webkit-mask-composite: xor;mask-composite: exclude;padding: 1px;border-radius: 100px;padding: 1px;}
.cartProvider .content .location span {display: block;color: #5A5A5A;}
.providerWrap .cartProvider:hover{transform: translate(0px, -11px); transition: 0.3s ease-in-out;}
.providerWrap .cartProvider:hover .shareIcon{opacity: 1;visibility: visible;transition: all 0.5s ease-in-out;}
.providerWrap .cartProvider:hover:after {content: '';background: url(/themes/custom/eevent_theme/images/topShedow.svg) no-repeat bottom center;width: 100%;height: 14px;background-size: cover;display: inline-block;position: absolute;left: 0;bottom: -13px;}


.views-element-container header {
    position: static;
    background: transparent;
}
/* Explore Services in Entire Australia */

.countryService .exploreInner{position: relative;}
.countryService .swiper{position: static;}
.countryService .cardBlock{overflow: hidden;border-radius: 10px;display: inline-block;width: 100%; position: relative ;}
.countryService .cardBlock .cardImg{overflow: hidden;border-radius: 10px; transition: all 0.5s ease-in-out;}
.countryService .cardBlock .cardImg img{transition: all 0.5s ease-in-out;vertical-align: top;height: 100%; width: 100%; height: 320px; object-fit: cover;}
.countryService .cardBlock:hover .cardImg img{transform:scale(1.2)}
.countryService .cardBlock .cardContent{text-align: center;position: absolute;bottom: 0;left: 0;padding: 40px 0 20px 0;right: 0;background: linear-gradient(180deg, rgba(0, 0, 0, 0) 16.92%, #000000 126.15%);border-radius: 10px;}
.countryService .cardBlock .cardContent h6{margin-bottom: 10px;font-size: 18px;}
.countryService .cardBlock .cardContent p{margin: 0; font-size: 16px; font-weight: 400;}


/* How It Works */ 
.howItWorks .cardMain{display: flex;align-items: center;gap: 20px;} 
.howItWorks .cardMain .reqestBox{width: 20%;} 
.howItWorks .cardMain .reqestBox .box{position: relative;}
.howItWorks .cardMain .reqestBox .number{font-weight: 700;color: #F5F5F7;font-size: clamp(100px, 10.2vw, 204px);position: absolute;right: 0;top: -64px; line-height: 1.2;}
.howItWorks .cardMain .reqestBox h6{ margin-bottom: 8px; font-size: 18px; position: relative; z-index: 1; font-weight: 600;} 
.howItWorks .cardMain .reqestBox p{position: relative; font-size: 16px; font-weight: 400;}
.howItWorks .cardMain .reqestBox:first-child .box:first-child {margin-bottom: 60px;}

/* inner section   how it work page */


.how-it-work-page {display: inline-block;width: 100%; padding-bottom: 40px;}

.make-an-offer-success .next-steps {margin-top: 30px;text-align: left;box-shadow: 0px 5px 15px 3px #00000008;padding: 15px;border-radius: 10px;} 
.make-an-offer-success .next-steps .email{position: relative;padding: 0px 0 0 50px;margin: 15px 0;}
.make-an-offer-success .next-steps .email::before{content: '';background: #F8E1E8 url(../images/providerMsg.svg) no-repeat center center;width: 40px;height: 40px;border-radius: 100px;position: absolute;left: 0;background-size: 22px;top: 0;}
.make-an-offer-success .next-steps .msg::before{content: '';background: #F8E1E8 url(../images/quoteResponses.svg) no-repeat center center;width: 40px;height: 40px;border-radius: 100px;position: absolute;left: 0;background-size: 17px;top: 0;}
 

.make-an-offer-success .next-steps .questionmark::before{content: '';background: #F8E1E8 url(../images/questionmark.svg) no-repeat center center;width: 40px;height: 40px;border-radius: 100px;position: absolute;left: 0;background-size: 22px;top: 0;}
.make-an-offer-success .next-steps .clock::before{content: '';background: #F8E1E8 url(../images/clockGraydient.svg) no-repeat center center;width: 40px;height: 40px;border-radius: 100px;position: absolute;left: 0;background-size: 22px;top: 0;}
.make-an-offer-success .next-steps .checkmark::before{content: '';background: #F8E1E8 url(../images/checkMark.svg) no-repeat center center;width: 40px;height: 40px;border-radius: 100px;position: absolute;left: 0;background-size: 22px;top: 0;}

.make-an-offer-success .next-steps h6{margin: 0 0 4px 0;font-size: 16px;font-weight: normal;color: var(--primaryColor);}
.make-an-offer-form .contact-info {margin-top: 20px;}
.make-an-offer-success .next-steps p{color: var(--text);font-size: 14px;margin: 0;}

.how-it-work-page .gridLitTab .tab{border: solid 1px #ddd;}
.how-see .web-icon{background: url(../images/website-tutorial.svg) no-repeat 0 0;width: 20px;height: 18px;display: inline-block;background-size: 20px;margin-right: 2px;filter: brightness(0); flex-shrink: 0; }
.how-see .app-icon{background: url(../images/mobile-app.svg) no-repeat center center;width: 14px;height: 18px;display: inline-block;background-size: 20px;margin-right: 2px;filter: brightness(0); flex-shrink: 0;}
.how-it-work-page .gridLitTab .tab.activeTab .icon,
.how-it-work-page .gridLitTab .tab:hover .icon {filter:initial;}
.how-it-work-page .make-an-offer-success{max-width: 100%; width: 100%;}
.how-it-work-page .make-an-offer-form{max-width: 100%; width: 100%; padding: 0;}





.main-tabs, .sub-tabs {display: flex;gap: 0;list-style: none;padding: 0;}
.main-tabs button{border-radius: 100px 0 0 100px; background: var(--white);}
.main-tabs button:last-child{border-radius: 0 100px 100px 0;}

.main-tab, .sub-tab {padding: 13px 27px;cursor: pointer;border: solid 1px #ddd;font-size: 16px;}

.sub-tabs button{border-radius: 100px 0 0 100px; display: flex;align-items: center;gap: 5px;background: var(--white);}
.sub-tabs button:last-child{border-radius: 0 100px 100px 0;}



.how-it-work-page button.active .icon{
        filter: brightness();
}

.main-tab.active, .sub-tab.active {
    background: var(--gradient); 
    color: var(--white);
}
.main-tab-content, .sub-tab-content {
    display: none; 
}
.main-tab-content.active, .sub-tab-content.active {
    display: block;
}


.how-see .sub-tabs{ margin-bottom: 30px;}


/* .make-an-offer-form  */


.make-an-offer-form {max-width: 800px;margin: 40px auto;width: calc(100% - 40px);background: var(--white);
padding: 10px;border-radius: 8px; text-align: center;}
 
.make-an-offer-form form{text-align: left;}
.make-an-offer-form form .form-actions .form-submit{   background: #F5F5F7;color: var(--black);}
.make-an-offer-form form .form-actions .button--primary{   background: var(--gradient);color: var(--white);}

.make-an-offer-form form .form-actions .form-submit:hover,
.make-an-offer-form form .form-actions .button--primary:hover{background: var(--gradientHover); color: var(--white);}

.make-an-offer-form form .fieldset-wrapper{width: 100%; }
.make-an-offer-form .make-an-offer-step2 .time-group{ margin-top: 15px;display: flex;justify-content: space-between; align-items: self-start;}
.make-an-offer-form .make-an-offer-step2 .time-group .form-item{width: 48%;}
.make-an-offer-form .make-an-offer-step2 .time-group .form-item .form-item {width: 100%;}
.make-an-offer-form .make-an-offer-step2 .time-group h4,
.make-an-offer-form .make-an-offer-step2 .time-group label{margin-bottom: 5px; padding-bottom: 0;}

.make-an-offer-form form .fieldset-wrapper .service-quantity{margin-bottom: 15px;}


.make-an-offer-success .offerTag-icon {max-width: 120px;margin: 20px 0;}

.disable_class .form-item{position: relative;}
.disable_class .form-item:before {content: '';position: absolute;background: #FFF;inset: 0;z-index: 1;opacity: 0.5;}


.howit-action {text-align: center;display: flex;gap: 10px;align-items: center;justify-content: center;padding: 20px;}


.webtutorial {margin-top: 20px;}
.webtutorial .videos-wrap {box-shadow: 0px 5px 15px 3px #00000008;padding: 20px;}
.webtutorial .videos-wrap p{ margin-bottom: 0;}
.webtutorial .videos-wrap img {width: 100%;max-height: 500px;object-fit: cover;margin-bottom: 15px;border-radius: 10px;}
.webtutorial .videos-wrap video{width: 100%;max-height: 500px;object-fit: cover;margin-bottom: 15px;border-radius: 10px;}

.provider-wrap {overflow-y: auto;display: flex;gap: 20px;overflow-x: auto;scroll-snap-type: x mandatory;-ms-overflow-style: none;
scrollbar-width: none;padding-bottom: 20px;padding-top:25px;}
.provider-wrap .block-box {box-shadow: 0px 5px 15px 3px #00000008;padding: 20px;border-radius: 10px; background: var(--white);
scroll-snap-align: start;max-width: 360px;flex: 0 0 calc(28.66% - 10px - 7px); min-width: 300px;}
.provider-wrap .block-box .icons {background: #FCE5EC;width: 50px;height: 50px;display: flex;align-items: center;justify-content: center;
border-radius: 100px;margin-bottom: 10px;}

.how-see{margin-top: 40px;}
.how-see .gridLitTab{margin-top: 30px;}


/* Frequently Asked Questions */

 
.faqWrap {display: flex;align-items: center;background:var(--gradient);height: 100%;}
.faqWrap .faqImg {width: 50%; position: relative;}
.faqWrap .faqImg:after {content: '';background: #f55869;position: absolute;inset: 0;opacity: 0.5;}
.faqWrap .faqImg img{width: 100%;object-fit: cover;object-position: center;height: 620px;}
.faqWrap .faqJs {width: 50%;}

.faqInner{max-width: 700px;padding-left: 100px;width: 100%; padding-right: 15px;}
.faqInner .eachFaq{border-bottom: solid 1px rgb(255 255 255 / 24%);padding: 16px 0; position: relative;}
.faqInner .eachFaq .title{font-size: 18px;font-weight: 600;margin: 0; padding-right: 30px; cursor: pointer; color:var(--white);} 
.faqInner .eachFaq .title span{color: var(--white);}
.faqInner .eachFaq .accordion-content p{margin: 12px 0 0 0;}
.faqInner .eachFaq h6{position: relative;}
.faqInner .eachFaq h6:after {content: '';width: 8px;height: 8px;background: transparent;display: inline-block;border-right: 2px solid #FFF;border-bottom: 2px solid #FFF;rotate: 45deg;position: absolute;right: 4px;top: 1px;transition: 0.3s ease-in-out;}
.faqInner .eachFaq.open h6::after{content: '';width: 8px;height: 8px;transition: 0.3s ease-in-out;background: transparent;
display: inline-block;border-right: 2px solid #FFF;border-bottom: 2px solid #FFF;rotate: -135deg;position: absolute;right: 0;top: 16px;}
.faqInner .btnStyle{margin-top: 20px;}
.faqInner .btnStyle a{color: var(--black);}
.faqInner .btnStyle:hover a{color: var(--white);} 

/* FAQ page start m*/

 
.faq-page .faqInner{padding: 0;max-width: 100%;margin-bottom: 15px;margin-top: 25px;}
.faq-page .faqInner h4{color: var(--primaryColor);margin-top:30px; margin-bottom: 15px;}
.faq-page .faqInner .eachFaq{padding: 15px 15px 15px 20px;margin-bottom: 4px;border-bottom: solid 1px #DEDEDE;width: 100%;background: var(--white);border: none;border-radius: 5px;} 
.faq-page .faqInner .eachFaq .title{color: var(--black);}
.faq-page .faqInner .eachFaq .title span{font-size: 16px; font-weight: 600; color: var(--black); }
.faq-page .faqInner .eachFaq .title::after{content: '';width: 8px;height: 8px;transition: 0.3s ease-in-out;background: transparent;display: inline-block;border-right: 2px solid var(--black);border-bottom: 2px solid var(--black);position: absolute;right: 2px;top: 2px;rotate: 42deg;}
.faq-page .faqInner .eachFaq.open .title{color: var(--primaryColor);}
.faq-page .faqInner .eachFaq.open .title::after{content: '';width: 8px;height: 8px;transition: 0.3s ease-in-out;background: transparent;display: inline-block;border-right: 2px solid var(--primaryColor);border-bottom: 2px solid var(--primaryColor);rotate: -135deg;position: absolute;right: 2px;top: 6px;}
.faq-page .eachFaq .accordion-content{margin-top: 10px;}
.faq-page .eachFaq .accordion-content p{font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; -webkit-line-clamp: 4; color: var(--text);}



/* Calendar Integration */
 .calendar-int {
    margin-top: 50px;
 }


/* Our Benefits */
.benefitsWrap {max-width: 1000px;margin: auto; position: relative;padding: 0 28px;}
.benefitsWrap .benefitSlider{ position: static;}
.benefitsWrap .blockBox{text-align: center;}
.benefitsWrap .blockBox .icons img{transition: 0.3s ease-in-out; }
.benefitsWrap .blockBox .icons{width: 160px;background: #FFF;height: 160px;display: flex;align-items: center;justify-content: center;border-radius: 100px;margin: auto;margin-bottom: 21px;transition: 0.3s ease-in-out;}
.benefitsWrap .blockBox:hover .icons{background: var(--gradient);transition: 0.3s ease-in-out;}
.benefitsWrap .blockBox:hover .icons img{ transform: scale(1.1);transition: 0.3s ease-in-out;}
.benefitsWrap .blockBox .icons img{ }
.benefitsWrap .blockBox .content p{ font-size: 16px; font-weight: 400;}



/* Ready to Make Your Event Special? */
.eventbanerWrap {background: var(--gradient);display: flex;align-items: center;border-radius:40px; padding-right: 30px; overflow: hidden;}
.eventbanerWrap .eventbanerImg {width: 59%;}
.eventbanerWrap .eventbanerImg img {object-fit: cover;height: 100%;width: 100%;max-height: 400px; margin: 0 0 -1px 0;}
.shapeBanner {  clip-path: polygon( 93.665% 18.046%,93.665% 18.046%,94.12% 15.719%,94.367% 13.29%,94.418% 10.842%,94.289% 8.455%,93.994% 6.212%,93.546% 4.193%,92.961% 2.481%,92.251% 1.157%,91.433% 0.303%,90.518% 0%,3.898% 0%,3.898% 0%,3.265% 0.149%,2.666% 0.579%,2.106% 1.267%,1.596% 2.189%,1.142% 3.324%,0.752% 4.646%,0.435% 6.133%,0.199% 7.761%,0.051% 9.507%,0% 11.348%,0% 88.652%,0% 88.652%,0.051% 90.493%,0.199% 92.239%,0.435% 93.867%,0.752% 95.354%,1.142% 96.676%,1.596% 97.811%,2.106% 98.733%,2.666% 99.421%,3.265% 99.851%,3.898% 100%,96.021% 100%,96.021% 100%,96.951% 99.688%,97.78% 98.808%,98.495% 97.447%,99.082% 95.69%,99.525% 93.624%,99.811% 91.334%,99.925% 88.907%,99.853% 86.428%,99.579% 83.984%,99.091% 81.66%,89.844% 47.249%,89.844% 47.249%,89.553% 46.004%,89.325% 44.682%,89.159% 43.302%,89.057% 41.882%,89.017% 40.441%,89.04% 38.996%,89.127% 37.567%,89.277% 36.172%,89.491% 34.829%,89.768% 33.558%,93.665% 18.046% );} 
 

 .eventbanerWrap .eventbanerContent {text-align: center;width: 47%;}
.eventbanerWrap .eventbanerContent .actionBtn{display: flex;gap: 15px;flex-wrap: wrap;justify-content: center; }
.eventbanerWrap .eventbanerContent .actionBtn a{ margin: 5px; }


 



/* Download The Eevent Mobile App Today! */


.eventAppWrap {display: flex;justify-content: space-between;align-items: center; gap: 40px;} 
.eventAppWrap .eventAppContent .actionBtn{margin-top: 30px;} 
.eventAppWrap .eventAppContent .actionBtn a{margin: 5px;}  
.eventAppWrap .listRed{display: grid;grid-template-columns: repeat(2,1fr);max-width: 663px;gap: 10px;margin-top: 20px;} 
.listRed{list-style: none;padding: 0;margin: 0;}
.listRed li{background: url(/themes/custom/eevent_theme/images/redDots.svg) no-repeat 0 center;font-size: 16px;font-weight: 600;
padding: 4px 0 6px 43px;  }

/* Footer section */
footer{margin-top: auto;}
.footerBg{background: var(--footerBg); position: relative;}
.footerBg .footerWrap{display: flex;justify-content: space-between;gap: 30px;}
.footerBg .footerWrap .colmuan.one{width: 30%;}
.footerBg .footerWrap .colmuan.two{width: 20%;}
.footerBg .footerWrap .colmuan.three{width: 20%;}
.footerBg .footerWrap .colmuan{width: 25%;}

 
.footerBg .footerWrap .colmuan.one p{max-width: 350px; font-size: 16px; font-weight: 400;}
.footerBg .footerWrap .colmuan.one a img{margin-bottom:20px; display: block;}
.footerBg .footerWrap .colmuan h6{font-size: 16px;text-transform: uppercase;margin-bottom: 15px;}
.footerBg .footerWrap .colmuan .email{background: url(/themes/custom/eevent_theme/images/envelop.svg) no-repeat 0 6px;padding: 8px 0 4px 36px;}
.footerBg .footerWrap .colmuan .email a{color: #FFF;}
.footerBg .footerWrap .colmuan .email a:hover{text-decoration: underline;}
.footerBg .footerWrap .colmuan ul{list-style: none;}
.footerBg .footerWrap .colmuan ul li{margin-bottom: 9px;}
.footerBg .footerWrap .colmuan ul li a{color: #FFF;}
.footerBg .footerWrap .colmuan ul li a:hover{ background: var(--gradient);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
transition: 0.3s ease-in-out;}
.footerBg .footerWrap .colmuan .formNewletter{position: relative;}
.footerBg .footerWrap .colmuan .formNewletter form{border: none;margin: 0;padding: 0;background: #FFF;border-radius: 5px;overflow: hidden;position: relative;}
.footerBg .footerWrap .colmuan .formNewletter form input{width: 100%;height: 50px;border-radius: 5px;padding: 10px;font-weight: 500;font-size: 16px;border: none;}
.footerBg .footerWrap .colmuan .formNewletter form button{background: var(--gradient);border: none;
width: 60px;height: 100%;position: absolute;right: 0;bottom: 0;cursor: pointer;}
.footerBg .footerWrap .colmuan .formNewletter form button img{width: 26px;}
.footerBg .footerWrap .colmuan .formNewletter form button:hover{background: linear-gradient(107.73deg, #FF5A6B 10.98%, var(--primaryColor) 78.39%);}

.footerBg .footerWrap .colmuan .formNewletter .alert-danger{color:red; width:98%}
.footerBg .footerWrap .colmuan .formNewletter .btn-close{background:none; padding:0; width:0; height:0; color:red; margin-right:30px;}


.footerBg .footerWrap .colmuan .teamSocial{margin-top: 20px;}
.footerBg .footerWrap .colmuan .teamSocial a{width: 35px;height: 35px;display: inline-flex;justify-content: center;align-items: center;
margin-bottom: 7px;border: solid 1px #FFF;border-radius: 100px;margin-right: 6px;}
 
.footerBg .footerWrap .colmuan .teamSocial a:hover{ background: var(--gradient); }

.copyright {text-align: center;padding: 20px 0;font-size: 14px;}





/* List page  */
.innerHero {position: relative;border-radius: 15px;overflow: hidden;}
.innerHero img{ height: 150px;width: 100%;object-fit: cover;}
.innerHero .heroWrap{position: absolute;top: 50%;text-align: center;left: 0;transform: translate(00%, -50%);z-index: 1;right: 0;padding: 0 20px;} 
.innerHero:after {content: '';background: var(--gradient);inset: 0;position: absolute;opacity: 0.8;}
.innerHero .breadcrumbs ul {list-style: none;display: flex;justify-content: center;gap: 0;margin-bottom: 10px; flex-wrap: wrap;}
 .innerHero .heroWrap span{ color: var(--white);}
.innerHero .breadcrumbs ul li a {color: var(--white); font-size: 20px;}
.innerHero .breadcrumbs ul li span {color: var(--white);}
.innerHero .breadcrumbs ul li:after {content: '';width: 5px;height: 5px;border-right: solid 2px var(--white);border-bottom: solid 2px var(--white);display: inline-block;rotate: -45deg;margin:0 6px 0 5px;}
.innerHero .breadcrumbs ul li:last-child:after {display: none;}

 
 
.toolWrap{display: flex;justify-content: space-between;align-items: center; flex-wrap: wrap;}
.toolWrap .filterWrap{border: solid 1px var(--black);padding: 9px 20px 9px 19px;font-size: 16px;
font-weight: 600;border-radius: 5px;cursor: pointer;display: flex;align-items: center;gap: 10px;}
.toolWrap .filterWrap::before{content: '';background: url(../images/filterIcon.svg) no-repeat 0 0;width: 18px;height: 19px;
display: inline-block;}
.gridLitTab{display: flex;align-items: center;}
.gridLitTab .tab{padding: 13px 27px; cursor: pointer;display: flex;align-items: center;gap: 5px; justify-content: center;  min-width: 157px;background: var(--white); border: solid 1px #D7D7D7;}
.gridLitTab .tab a{color: var(--black);}
.gridLitTab .tab:hover a{color: var(--white);}

.filterSlide {position: fixed;left: -100%;top: 0;background: var(--white);z-index: 999;height: 100%;transition: all 0.5s ease-in-out;    width: 100%;max-width:317px;}
.filterSlide.slideIn {left: 0;transition: all 0.5s ease-in-out;}
.filterSlide .close {position: absolute;right: -29px;top: 4px;cursor: pointer;z-index: 1;background: transparent;}
.filterSlide .close span{position: relative; z-index: 1;color: var(--white);font-size: 24px;}
.filterSlide.slideIn .close::after{content: '';background: rgb(0 0 0 / 79%);position: fixed;inset: 0;}
.filterSlide .filterInner {position: relative;background: #FFF;z-index: 1;height: 100%;padding: 20px 5px 20px 20px; }
.filterSlide .filterInner form {height: 100%;overflow-y: auto;padding-right: 14px; padding-bottom: 78px;}
.filterSlide .filterInner h3 {font-weight: normal;font-size: 22px;}
.filterSlide .filterInner .clearAll {color: var(--primaryColor);position: absolute;top: 21px;right: 20px;}
.filterSlide .filterInner h4 {font-weight: normal;}
.filterSlide .filterInner .control .title-label {font-weight: 600;margin: 15px 0 4px 0;display: block;}
.filterSlide .filterInner .block-facet--range-slider .ui-slider-tip {  width: auto; }
.filterSlide .filterInner .block-facet--checkbox h2 {font-size: 16px;position: relative;margin: 0; cursor: pointer;} 
.filterSlide .filterInner .block-facet--checkbox h2::after{content: '';width: 8px;height: 8px;background: transparent;
display: inline-block;border-right: 2px solid var(--black);border-bottom: 2px solid var(--black);rotate: 45deg;
position: absolute;right: 0;top: 0;transition: 0.3s ease-in-out;} 
.filterSlide .filterInner .block-facet--checkbox.isActive h2{color: var(--primaryColor);}
.filterSlide .filterInner .block-facet--checkbox.isActive h2::after{ rotate: -135deg; border-right: 2px solid var(--primaryColor);
border-bottom: 2px solid var(--primaryColor); top: 6px; right: 2px;}
.filterSlide .filterInner .block-facet--checkbox .facets-widget-checkbox{height: 0; overflow: hidden;opacity: 0;transition: 0.3s ease-in-out;}
.filterSlide .filterInner .block-facet--checkbox.isActive .facets-widget-checkbox{height: 100%;overflow: initial;opacity: 1;transition: 0.3s ease-in-out;transform: translate(0px, 15px);}


.filterSlide .filterInner ul li {display: flex;gap: 2px;margin-bottom: 9px;color: var(--text);}
.filterSlide .filterInner .block-facet--checkbox {margin-top: 15px;padding-bottom: 15px;}
.filterSlide .filterInner .block-facet--range-slider {max-width: 269px; margin-bottom: 30px;    margin-top: 14px;}
.filterSlide .filterInner ul li input {flex-shrink: 0; margin-top: 3px;}

 
.filterSlide .filterInner .block-facet--range-slider h2{font-size: 16px; margin-bottom: 45px;}
.filterSlide .filterInner .block-facet--range-slider .ui-widget.ui-widget-content{max-width: 100%;margin-left: 7px;background: #ddd;margin-top: 0; height: 8px; border: none;} 
.filterSlide .filterInner .block-facet--range-slider .facet-slider .ui-slider-range{background: var(--gradient);}
.filterSlide .filterInner .block-facet--range-slider .facet-slider .ui-slider-handle{background: var(--gradient);border-radius: 100px;
border: solid #F5F5F7;width: 24px;height: 24px;margin-top: -4px;}

.filterSlide .filterInner .ui-slider-pips .ui-slider-pip-first .ui-slider-label {margin-left: 0;}
.filterSlide .filterInner .ui-slider-pips .ui-slider-pip-last {margin-left: 0;    left:90% !important;}


.filterSlide .filterInner .discount-offer-toggle{display: flex;align-items: center;gap: 3px;margin-top: 0;}


.filterSlide .filterInner .date-picker-popup {margin-top: 20px; position: relative;}
.filterSlide .filterInner .date-picker-popup label {margin-bottom: 5px;display: inline-block;}
.filterSlide .filterInner .date-picker-popup .date-field-wrapper {width: 100%;}
.filterSlide .filterInner .date-picker-popup .date-field-wrapper input {width: 100%;border-radius: 5px;height: 38px;padding: 0 10px;}
.filterSlide .filterInner .date-picker-popup .date-filter-actions {display: flex;justify-content: space-between;margin-top: 10px;}
.filterSlide .filterInner .date-picker-popup .date-filter-actions #date-clear {border: none;background: none;color: var(--black);}
.filterSlide .filterInner .date-picker-popup .date-filter-actions #date-clear:hover {color: var(--primaryColor);transition: 0.3s ease-in-out; text-decoration: underline;} 
.filterSlide .filterInner .date-picker-popup .date-filter-actions #date-cancel {font-size: 14px;background: #FFF5F6;padding: 2px 11px;
display: inline-block;border-radius: 5px;border: solid 1px var(--primaryColor);}
.filterSlide .filterInner .date-picker-popup .date-filter-actions #date-cancel:hover {background: var(--gradientHover);color: var(--white);transition: 0.3s ease-in-out;}


.filterSlide .filterInner .date-picker-popup .date-filter-actions #date-apply {font-size: 14px;background: var(--gradient);padding: 3px 11px;display: inline-block;border-radius: 3px;border: none;color: var(--white);}
.filterSlide .filterInner .date-picker-popup .date-filter-actions #date-apply:hover {background: var(--gradientHover);color: var(--white);transition: 0.3s ease-in-out;}

.filterSlide .filterInner .proximity-filter{ padding-bottom: 21px; display: inline-block;}
.filterSlide .filterInner .proximity-filter .btnStyle{margin-top: 19px;font-size: 14px;background: var(--gradient);padding: 3px 11px;display: inline-block;border-radius: 3px;border: none;color: var(--white);}
.filterSlide .filterInner .proximity-filter .btnStyle:hover{background: var(--gradientHover);color: var(--white);transition: 0.3s ease-in-out;}



/* Fillter slide start */

.distanceSlider {margin-bottom: 10px; }
.distanceSlider .slider-values {display: flex;justify-content: space-between;margin-bottom: 0;font-size: 14px;}
.distanceSlider #current-value {color: var(--primaryColor);font-weight: bold;}
.distanceSlider input[type="range"] {-webkit-appearance: none;width: 100%;
height: 8px;border-radius: 5px;background: linear-gradient(to right, var(--primaryColor) 0%, #FF5A6B 20%, #ddd 20%, #ddd 100%);
outline: none;transition: background 450ms ease-in;}
.distanceSlider input[type="range"]::-webkit-slider-thumb {-webkit-appearance: none;appearance: none;width: 20px;
height: 20px;border-radius: 50%;background: var(--primaryColor);border: 2px solid #fff;cursor: pointer;box-shadow: 0 0 2px rgba(0,0,0,0.2);}
.distanceSlider input[type="range"]::-moz-range-thumb {width: 20px;height: 20px;border-radius: 50%;background: var(--primaryColor);border: 2px solid #fff;cursor: pointer;box-shadow: 0 0 2px rgba(0,0,0,0.2);}


#price-slider-container { }
#price-slider-container #slider-range{   width: calc(100% - 13px) !important;height: 8px;background: #ddd;border-radius: 3px;
border: none;margin-left: 8px;}
#price-slider-container .ui-slider-range{ background: #ddd;}
#price-slider-container #slider-range .ui-widget-header{background: var(--gradient);
}
#price-slider-container .ui-slider .ui-slider-handle {-webkit-appearance: none;height: 20px;width: 20px;
background: var(--gradient);border: 2px solid white;border-radius: 50%;cursor: pointer;box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);transition: background 0.3s ease;top: -6px;}
#price-slider-container #amount {border: none !important;color: var(--black);font-weight: normal;margin-bottom: 10px;display: block;width: 100%;text-align: center;}
#price-slider-container #slider-range {margin-top: 10px;}



 .fillterAccordion{margin-bottom: 5px;}
.fillterAccordion .boxTitle{margin-top: 20px;} 
.fillterAccordion .boxTitle h6,
.fillterAccordion .boxTitle .titleHead {font-size: 16px;position: relative;margin: 0; cursor: pointer; justify-content: start;
  flex-direction: initial;} 
.fillterAccordion .boxTitle .titleHead::after{content: '';width: 8px;height: 8px;background: transparent;
display: inline-block;border-right: 2px solid var(--black);border-bottom: 2px solid var(--black);rotate: 45deg;
position: absolute;right: 0;top: 0;transition: 0.3s ease-in-out;} 
.fillterAccordion .boxTitle.isActive .titleHead{color: var(--primaryColor);}
.fillterAccordion .boxTitle.isActive .titleHead::after{ rotate: -135deg; border-right: 2px solid var(--primaryColor);
border-bottom: 2px solid var(--primaryColor); top: 6px; right: 2px;}
.fillterAccordion .boxTitle .checkBoxMain{height: 0; overflow: hidden;opacity: 0;transition: 0.3s ease-in-out; margin-top: 5px;}
.fillterAccordion .boxTitle.isActive .checkBoxMain{height: 100%;overflow: initial;opacity: 1;transition: 0.3s ease-in-out;transform: translate(0px, 5px);}
.fillterAccordion .boxTitle.isActive .checkBoxMain .checkBox {margin: 2px 0;display: flex;align-items: center;gap: 5px;}
.filterSlide .filterInner .checkBox{margin: 2px 0;display: flex;align-items: center;gap: 5px;} 
.filterSlide .filterInner .checkBox input[type="checkbox"]{flex-shrink: 0;} 
.filterSlide .filterInner .checkBox label{margin-bottom: 0;}
.filterSlide .filterInner .instruction-msg {font-size: 13px;margin-top: 5px;color: var(--pink);}


.filterSlide .filterAction {background: var(--white);position: absolute;bottom: 0;left: 0;right: 0;padding: 10px;z-index: 1;}
.filterSlide .filterAction button{width: 100%;}

 
/* Fillter slide end */


/* Base styles */
#distance-slider {
  -webkit-appearance: none;
  width: 100%;
  height: 8px;
  background: #ddd;
  border-radius: 3px;
  outline: none;
  transition: background 450ms ease-in;
  border: none !important;
}

/* Track styles for WebKit */
#distance-slider::-webkit-slider-runnable-track {
  height: 8px;
  background: transparent;
  border-radius: 5px;
}

/* Thumb styles for WebKit */
#distance-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 18px;
  width: 18px;
  background: var(--gradient);
  border: 2px solid white;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  transition: background 0.3s ease;
  margin-top: -6px; /* centers thumb */
}

/* Thumb hover effect */
#distance-slider:hover::-webkit-slider-thumb {
  background: var(--gradientHover);
}

/* Firefox styles */
#distance-slider::-moz-range-track {
  height: 8px;
  background: #ddd;
  border-radius: 5px;
}

#distance-slider::-moz-range-progress {
  background: var(--gradient);
  height: 8px;
  border-radius: 5px;
}

#distance-slider::-moz-range-thumb {
  -webkit-appearance: none;
  height: 18px;
  width: 18px;
  background: var(--gradient);
  border: 2px solid white;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.5);
  transition: background 0.3s ease;
  margin-top: -6px; /* centers thumb */
}

/* Edge and IE (legacy) */
#distance-slider::-ms-track {height: 8px;background: transparent;border-color: transparent;color: transparent;}
#distance-slider::-ms-fill-lower {background: var(--gradient);border-radius: 5px;}
#distance-slider::-ms-fill-upper {background: #ddd;border-radius: 5px;}
#distance-slider::-ms-thumb {height: 20px;width: 20px;background: var(--gradient);border: 2px solid white;border-radius: 50%;cursor: pointer;}




.gridLitTab .tab:first-child{border-radius: 100px 0 0 100px;}
.gridLitTab .tab:last-child{border-radius: 0 100px 100px 0;}
.gridLitTab .tab .GridText{ width: 14px; height: 14px; display: inline-block;}
.gridLitTab .tab .MapText{ width: 15px; height: 14px; display: inline-block; background-size: contain;}
.gridLitTab .tab:hover,
.gridLitTab .tab.activeTab{background: var(--gradient); color: var(--white); }
.gridLitTab .tab.activeTab a{color: var(--white);}
.gridLitTab .tab:hover span,
.gridLitTab .tab.activeTab span{filter: brightness(0) invert(1); }
    

.toolWrap .shortby{border: solid 1px var(--black);padding:2px 0px 2px 0px;border-radius: 5px;}
.toolWrap .shortby.shortActive{opacity: 0; visibility: hidden;}
.toolWrap .shortby label{ padding-left: 15px;}
.toolWrap .shortby select{border: none;font-size: 16px;font-weight: 600;background: url(../images/bottomArrowBlack.svg) no-repeat right 7px;
background-color: transparent;background-position: calc(100% - 12px);padding-right: 30px !important; background-size: 13px;
appearance: none; padding: 0 13px;height: 38px;}



.cardBlock.offerActive{border: solid 1px #FF5A6B;}
 
.gridCard.offerActive{border: solid 1px #FF5A6B;}
.gridCard:hover {box-shadow: 0px 11px 20px rgb(0 0 0 / 18%);transition: all 0.3s ease-in-out;transform: translate(0px, -10px);}

 

.contentListView .Photography{background: var(--gradient);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: 0.3s ease-in-out;font-size: 14px;display: flex;align-items: center;gap: 10px;margin-bottom: 10px;font-weight: 600;}
.contentListView .Photography span{background: #F5F5F7;width: 35px;display: flex;height: 35px;
align-items: center;justify-content: center;border-radius: 100px; flex-shrink: 0;}
.contentListView h6{font-size: 18px;margin-top: 2px; margin-bottom: 2px;}
.contentListView h4 a{color: var(--black); }
.contentListView h6 a{color: var(--black); }
.contentListView a:hover{ text-decoration: underline;}
.contentListView ul{list-style: none;}
.contentListView ul li{margin-top: 10px;padding: 0 0 2px 20px; color: var(--black);}
.contentListView ul li a{color: var(--black);}
.contentListView ul li a:hover{ text-decoration: underline;}
.contentListView ul li.location{background: url(/themes/custom/eevent_theme/images/locationMap.svg) no-repeat 0 3px;}
.contentListView ul li.calendar{background: url(/themes/custom/eevent_theme/images/calendar.svg) no-repeat 0 3px;background-size: 15px;}
.contentListView ul li.clock{background: url(/themes/custom/eevent_theme/images/clock.svg) no-repeat 0 3px;background-size: 16px;}
.contentListView ul li.servicBag{background: url(/themes/custom/eevent_theme/images/servicBag.svg) no-repeat 0 3px;background-size: 16px;}
.contentListView p{margin-top: 15px;}
.contentListView ul li.user{background: url(/themes/custom/eevent_theme/images/userblack.svg) no-repeat 0 3px;padding: 0 0 0 21px;
background-size: 15px;}
.contentListView ul li.event_category{background: url(/themes/custom/eevent_theme/images/servicBag.svg) no-repeat 0 3px;padding: 0 0 0 21px;
background-size: 15px;}
.contentListView ul li.event_description{background: url(/themes/custom/eevent_theme/images/infoIconBlack.svg) no-repeat 0 3px;
padding: 0 0 0 21px;background-size: 17px}
.business-icon{background: url(/themes/custom/eevent_theme/images/servicBag.svg) no-repeat 0 3px;padding: 0 0 0 21px;
background-size: 15px;}

.contentListView p{margin-top: 15px;}
 
.listCardWrap .contentListView .user{background: url(/themes/custom/eevent_theme/images/postUser.svg) no-repeat 0 5px;padding: 0 0 0 16px;background-size: 13px;}
.listCardWrap .actionBtn{background: #F5F5F7;display: flex;justify-content: space-between;padding: 5px;border-radius: 5px;align-items: center;}
.listCardWrap .actionBtn .flagText{background: url(/themes/custom/eevent_theme/images/flag.svg) no-repeat 0 4px;color: #FF5A6B;padding: 0 0 0 16px;}


.postOthor {display: flex;justify-content: space-between;padding: 10px 0  0px 0;border-top: solid 1px #00000080;margin-top: 15px;    gap: 5px;
    flex-wrap: wrap;} 
.postOthor .expire{font-size: 14px;display: flex;flex-wrap: wrap; gap: 3px;}
.postOthor .expire span{color: var(--pink);}
.postOthor .expire span.urser{background: url(/themes/custom/eevent_theme/images/postUser.svg) no-repeat 0 3px;padding: 0 0 0 16px;background-size: 12px;}


.gridCard{background: var(--white);border-radius: 5px;padding: 20px;border: solid 1px #AAAAAA;transition: all 0.3s ease-in-out; height: 100%;}
.gridCard .contentListView{position: relative;height: 100%;display: flex;flex-direction: column;}
.gridCard .contentListView ul{    margin-bottom: 15px;}
.gridCard .postOthor{padding-bottom: 0; margin-top: auto; align-items: center;}
.gridCard .contentListView .featuredTag1{right: 0; top: 0;}



/* Explore our Service list page */
.ExploreServiceGrid{ display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }
.ExploreServiceGrid .Featured .cardBlock .swiper-slide{min-height: 320px;} 
.clickable-div {
    cursor: pointer;
}
.ExploreServiceGrid .gridCard .contentListView .featuredTag1{right: 0;top: -32px;}

.explore-service .swiper-button-next1 {
    width: 30px;
    height: 30px;
    right: 2px;
    background-color: rgb(255 255 255 / 69%);
    position: absolute;
    top: 50%;
    z-index: 1;
    border-radius: 100px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.explore-service .swiper-button-next1:after{ 
        content: 'next';
        font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    letter-spacing: 0px;
    line-height: 1;
    text-transform: none !important;
    font-variant: initial;
    font-size: 13px;} 

.explore-service .swiper-button-prev1 {
    width: 30px;
    height: 30px;
    left: 2px;
    background-color: rgb(255 255 255 / 69%);
    position: absolute;
    top: 50%;
    z-index: 1;
    border-radius: 100px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
}
.explore-service .swiper-button-prev1:after{  
    content: 'prev';
      font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    letter-spacing: 0px;
    line-height: 1;
    text-transform: none !important;
    font-variant: initial; font-size: 13px;} 

    .explore-service .swiper-pagination {
    bottom: 35px;
}




.tabService{display: none;}
.tabService.activeTab{display: block;}
.ExploreServiceGrid.mapView.activeTab {display: block;}
 
.geofield-google-map{height: 1000px !important;} 
.geofield-google-map .gm-style-iw-ch {display: none;}
.geofield-google-map .gm-style-iw-chr {position: absolute;z-index: 1;top: 1px;right: 10px;}
.gm-style .gm-style-iw-t .gm-style-iw-c { padding-top: 21px !important; max-width: 345px !important; padding-left: 17px;}
.geofield-google-map .gridCard .contentListView ul li.location{display: none;}
.geofield-google-map .gm-style-iw-chr .gm-ui-hover-effect {width: 20px !important;height: 20px !important;}
.geofield-google-map .gm-style-iw-chr .gm-ui-hover-effect span {margin: 0 !important;}
.geofield-google-map .Featured .cardBlock .cardImg,
.geofield-google-map .Featured .cardBlock .cardImg div>img{height:180px;min-height: 180px;padding: 0 !important;}
.gm-style .gm-style-iw-a .Featured {  width: 280px;}
.gm-style .gm-style-iw-a .Featured .cardBlock {  padding-top: 0;}
.gm-style .gm-style-iw-a .Featured .featureWrap .located {  display: none;}
.gm-style .gm-style-iw-a .Featured .cardBlock .cardImg div {padding: 0 !important;}
.gm-style .gm-style-iw-a .Featured .cardBlock .cardImg img {margin: 0 !important;}
.geofield-google-map .gridCard {box-shadow: 0 0 0;transform: initial;border: none;width: 300px;}
.geofield-google-map .gridCard .contentListView ul li {background-position: 0 0;}
.gm-style .gm-style-iw-a .Featured .cardBlock .cardImg .offerTag,
.gm-style .gm-style-iw-a .Featured .cardBlock .cardImg .featuredTag{padding: 4px 9px !important;}


/* service Detail Page */

.serviceDetailPage{display: flex; justify-content: space-between; gap: 50px; padding-bottom: 20px;}
.serviceDetailPage .detailGallery{width: calc(100% - 500px);}
.serviceDetailPage .detailContent .reviewWrap{margin-top: 20px;padding-top: 14px;}

.gallerySlider{width:100%; position: relative;}  

.gallerySlider img{width: 100%;height: 100%;max-height: 600px;object-fit: cover;}  
.gallerySlider .mySwiperGallery{margin-bottom: 20px; position: static;}
.gallerySlider .mySwiperGallery .swiper-slide{border-radius: 10px;overflow: hidden; height: auto;}
 
.gallerySlider .SwiperG {padding: 0 22px;position: relative;}
.gallerySlider .mySwiperThumb { position: static;}
.gallerySlider .mySwiperThumb .swiper-slide{border-radius: 10px;overflow: hidden;border: solid transparent; }
.gallerySlider .mySwiperThumb .swiper-slide img{width: 100%; height: 90px; object-fit: cover;}

 
.gallerySlider .mySwiperThumb .swiper-slide-thumb-active::after{content: '';
position: absolute;inset: 0;transition: all 0.5s ease-in-out;background: var(--gradient);
border-radius: 5px;-webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);mask-composite: add, add;
-webkit-mask-composite: xor;mask-composite: exclude;padding: 3px;}

.gallerySlider .swiper-button-next{right: 0;}
.gallerySlider .swiper-button-prev{left: 0;}


.relatedServices {display: flex;gap: 15px;justify-content: space-between; overflow: hidden;}
.relatedServices .serviceAll {width: calc(25% - 15px);display: inline-block;}
.relatedServices .serviceAll .Featured{width: 100%;}
.relatedServices .serviceAll .Featured .cardBlock{width: 99.99%;}


.relatedServices .serviceAll .swiper-button-next {right:0;background: rgb(255 255 255 / 73%);} 
.relatedServices .serviceAll .swiper-button-next:hover{background: var(--gradient); } 
.relatedServices .serviceAll .swiper-button-prev {left: 0;background: rgb(255 255 255 / 73%);} 
.relatedServices .serviceAll .swiper-button-prev:hover{ background: var(--gradient);} 

 
.create-report-on-listing-form legend .fieldset-legend {font-size: 17px;font-weight: 600;margin-bottom: 12px;display: block;margin-top: 7px;}
.create-report-on-listing-form textarea {width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 90px;padding: 0 10px 0 12px;
font-size: 16px;} 

.create-report-on-listing-form .form-item {display: flex;align-items: center;gap: 5px;}
.create-report-on-listing-form .form-item input {position: relative;top: -2px;}
.create-report-on-listing-form .form-type-textarea {display: block;margin-top: 10px;}
.create-report-on-listing-form .form-type-textarea label{font-weight: 600;}
.create-report-on-listing-form .form-type-email{flex-direction: column;}
.create-report-on-listing-form .form-type-email label {width: 100%;}
.create-report-on-listing-form .form-type-email input {width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 38px;padding: 0 10px;font-size: 16px;}



.detailContent{position: relative;}
.detailContent h2{padding-right: 120px;}
.detailContent p{font-size: 16px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;display: -webkit-box;}
.detailContent .location{background: url(/themes/custom/eevent_theme/images/locationMap.svg) no-repeat 0 5px;padding-left: 20px;font-size: 18px;display: flex;align-items: center;flex-wrap: wrap; gap: 5px; margin-top: 20px;}
.detailContent .location a{color: var(--black); }
.detailContent .location .rating{background: var(--gradient);color: #FFF;font-size: 15px;font-weight: 600;padding: 4px 9px;border-radius: 5px;display:inline-flex;margin-left: 3px;align-items: center;}
.starsvg{width: 20px; height: 15px;background: url(../images/star.svg) no-repeat;}

.detailContent .tagLabel{ position: absolute; right: 0;background: #FFF5F6; display: inline-block;border-radius: 100px; top: 0;margin: 3px 0; border: solid 1px var(--primaryColor);}

.detailContent .tagLabel span{font-size: 14px;padding: 5px 11px;display: inline-block; color: var(--primaryColor);}
.detailContent .discountRow{margin-top: 20px;display: flex;justify-content: space-between;flex-wrap: wrap;}
.detailContent .discountRow .discountBlock{background: url(/themes/custom/eevent_theme/images/calendarGradient.svg) no-repeat 0 1px;font-size: 14px;padding: 0 0 0 22px; margin-bottom: 15px;}
.detailContent .discountRow .discountBlock span{background: var(--gradient);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: 0.3s ease-in-out;display: inline-block;font-size: 16px;}
.detailContent .discountRow .discountBlock p{font-size: 14px; margin-bottom: 0;}
.list-detail-map-row {display: flex;justify-content: space-between;align-items: center;}
.list-detail-map-row .shareIconBlack {margin: 0;} 
.serviceDetailPage .detailContent .reviewWrap .reviewBlock{border-bottom: solid 1px #ddd;border-radius: 0;padding-bottom: 20px;}
.serviceDetailPage .detailContent .reviewWrap .reviewBlock p{ margin:10px 0 0;}

.shareIconBlack{display: flex;gap: 10px; margin-bottom: 15px; align-items: center; font-size: 14px;}
.list-detail-map-row .shareIconBlack a{width: 40px;display: flex;height: 40px;background: #FAE5E7;border-radius: 100px;justify-content: center;align-items: center;}
.shareIconBlack a img {width: 16px;}
.shareIconBlack a:hover{background: var(--gradient);}
.shareIconBlack .reportSelected{width: 40px;display: flex;height: 40px;background:var(--gradient);border-radius: 100px;justify-content: center;align-items: center;}
.shareIconBlack .reportSelected+span{display: none;}
.shareIconBlack .reportSelected img{filter: brightness(100);}

.list-detail-map-row .shareIconBlack .reported{background: var(--gradient);}
.list-detail-map-row .shareIconBlack .reported img{filter: brightness(100);}

.list-detail-map-row a:hover svg{filter: brightness(100);transition: initial;}
.list-detail-map-row a:hover img{filter: brightness(100);transition: initial;}

.detailContent .userPro{ border-radius: 10px;background: #FFE9F5;padding: 15px;display: flex;justify-content: space-between;gap: 20px;
align-items: center;}
.detailContent .userPro .profileImg{position: relative;display: inline-block;flex-shrink: 0;}
.detailContent .userPro .profileImg:after{content:'';position: absolute;inset: 0;transition: all 0.5s ease-in-out;background: var(--gradient);border-radius: 5px;-webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);-webkit-mask-composite: xor;mask-composite: exclude;padding: 1px;border-radius: 100px;padding: 1px;}
.detailContent .userPro .profileImg img{width: 150px;height: 150px;overflow: hidden;border-radius: 1000px;margin: auto;padding: 0;border: solid 7px #FFF; object-fit: cover;}
.detailContent .userPro .content{flex: 1;} 
/* .detailContent .userPro .content p{max-width: 400px;}  */
.detailContent .userPro .content a{color: var(--black);}

.detailContent .textDetail{margin-top: 40px;} 
.listRed1{list-style: none;}
.listRed1 li{padding: 5px 0 6px 23px;background: url(/themes/custom/eevent_theme/images/red1.svg) no-repeat 0 center; font-weight: 400; background-size: 14px;}
.detailContent .reviewWrap{margin-top: 40px;}
.detailContent .reviewWrap .reviewBlock{margin-top: 19px; background: transparent; padding: 0;}
.detailContent .reviewWrap .reviewBlock .author{position: relative;margin-bottom: 11px;}
.detailContent .reviewWrap .reviewBlock .author .autorPic{position: relative;padding: 0 0 0 60px;}
.detailContent .reviewWrap .reviewBlock .author .autorPic img{width: 50px;border-radius: 100px;border: solid #FFF;height: 50px;position: absolute;left: 0;top: 0;}
.detailContent .reviewWrap .reviewBlock .author .autorPic .time{font-size: 14px; color: var(--text);}
.detailContent .reviewWrap .reviewBlock .author .autorPic .name{margin: 0;padding: 0;width: 100%;}

.detailContent .reviewWrap .reviewBlock .author .rating{background: var(--gradient);color: #FFF;
font-size: 15px;font-weight: 600;padding: 4px 9px;border-radius: 5px;display: inline-block;margin-left: 3px;position: absolute;right: 0;
top: 0; display: inline-flex; align-items: center; gap: 2px;}
.detailContent .reviewWrap .reviewBlock p{font-size: 16px;}

.serviceDetailPage .productDiscription{ width: 100%; max-width: 500px;}
.serviceDetailPage .productDiscription .offerTag{    background: var(--gradient);
color: #FFF;font-size: 15px;font-weight: 600;padding: 4px 9px;border-radius: 5px;display: inline-flex
;align-items: center;}
.serviceDetailPage .productDiscription .service-booking-form .btnStyle2{margin-top: 15px;}
.serviceDetailPage .productDiscription .service-booking-form .btnStyle2+div {
    text-align: center;
    margin-top: 8px;
}
.serviceDetailPage .productDiscription .dateAndTimeContainer{display: flex;flex-wrap: wrap;gap: 20px; margin-top: 20px; align-items: center;}
.serviceDetailPage .productDiscription .dateAndTimeContainer .control .form-item__label{font-weight: 500;}
.serviceDetailPage .productDiscription .dateAndTimeContainer .control{flex: 1 0 calc(50% - 10px); margin-top: 0;}
.serviceDetailPage .productDiscription .dateAndTimeContainer .form-type-date .form-time {background-size: 16px;background-position: calc(100% - 13px);}
.serviceDetailPage .productDiscription .service-msg {font-style: italic;font-size: 12px;color: var(--primaryColor);}

.serviceDetailPage .priceDetail{display: flex;align-items: center;justify-content: space-between;}


.serviceDetailPage .priceDetail .price .oldPrice{color: #5A5A5A;text-decoration: line-through;}
.serviceDetailPage .priceDetail .price .newPrice {font-size: 35px;background: var(--gradient);
-webkit-background-clip: text;-webkit-text-fill-color: transparent;transition: 0.3s ease-in-out;display: inline-block;font-weight: 700;}
.serviceDetailPage .priceDetail .rating {    background: var(--gradient);
color: #FFF;font-size: 15px;font-weight: 600;padding: 4px 9px;border-radius: 5px;display: inline-block;margin-left: 3px;}

.serviceDetailPage .eventForm .control{margin-top: 15px;}
.serviceDetailPage .eventForm .control label{margin-bottom: 8px;display: inline-block;}
.serviceDetailPage .eventForm .control input{width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;padding: 0 10px 0 12px;}
.serviceDetailPage .eventForm .rowForm{display: flex;justify-content: space-between;gap: 20px;}
.serviceDetailPage .eventForm .rowForm .control{width: 100%;}
.serviceDetailPage .eventForm .control .address{background: #FFF url(/themes/custom/eevent_theme/images/locationMap.svg) no-repeat 10px 8px;width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 63px;padding: 5px 10px 8px 31px;font-size: 16px;}

.serviceDetailPage .countRow{display: flex;align-items: center;flex-wrap: wrap;gap: 10px;margin-top: 25px; font-weight: 600;}
.productDiscription .service-booking-form label {font-weight: 600; font-size: 16px;}
.serviceDetailPage .countRow label{width: 100%;}
.serviceDetailPage .countRow .countItem{display: flex;justify-content: space-between;gap: 2px;max-width: 157px;}
 
.serviceDetailPage .countRow .form-type-number .hours-spinner-wrapper {position: relative;}
.serviceDetailPage .countRow .form-type-number .hours-minus {width: 40px;border: solid 1px #D9D9D9;flex-shrink: 0;position: relative;height: 40px;border-radius: 5px;font-size: 0;box-sizing: border-box;}
.serviceDetailPage .countRow .form-type-number .hours-minus::after{content: '';width: 12px;height: 2px;background: var(--black);position: absolute;left: 13px;top: 18px;}
.serviceDetailPage .countRow .form-type-number .hours-plus {width: 40px;border: solid 1px #D9D9D9;flex-shrink: 0;position: relative;height: 40px;border-radius: 5px;box-sizing: border-box;font-size: 0;}
.serviceDetailPage .countRow .form-type-number .hours-spinner-wrapper:after {content: '';width: 19px;background: #FFF;
height: 35px;position: absolute;right: 47px;top: 3px;  border-radius: 5px;}
.serviceDetailPage .countRow .form-type-number .hours-plus::after{content: '';width: 12px;height: 2px;
background: var(--black);position: absolute;left: 14px;top: 18px;}
.serviceDetailPage .countRow .form-type-number .hours-plus::before{content: '';width: 2px;height: 12px;background: var(--black);
position: absolute;left: 19px;top: 13px;}
.serviceDetailPage .countRow .form-type-number input {width: 70px;border: solid 1px #D9D9D9;flex-shrink: 0;position: relative;height: 40px;border-radius: 5px;text-align: center;box-sizing: border-box; appearance: none;
-webkit-appearance: none; padding: 0 0 0 0;
-moz-appearance: none; /* for Firefox */}
.serviceDetailPage .countRow .form-type-number .hours-plus:hover,
.serviceDetailPage .countRow .form-type-number .hours-minus:hover{background: var(--gradient); border: solid 1px var(--primaryColor);}
.serviceDetailPage .countRow .form-type-number .hours-plus:hover::after,
.serviceDetailPage .countRow .form-type-number .hours-plus:hover::before,
.serviceDetailPage .countRow .form-type-number .hours-minus:hover::after{ background: var(--white); }


.serviceDetailPage .countRow .hours p{margin: 0;}

.serviceDetailPage .form-composite{margin-top: 20px;}
.serviceDetailPage .form-composite .fieldset-legend{ font-weight: 600;}
.serviceDetailPage .form-composite .form-type-radio label{font-weight: normal; }
.serviceDetailPage .form-composite .form-type-radio input:disabled + label {opacity: 0.5;}
.serviceDetailPage .form-composite .fieldset-wrapper {margin-top: 10px;}
.serviceDetailPage .form-composite .form-type-radio{display: inline-flex; align-items: center; margin-right: 10px;}
.serviceDetailPage .form-composite .form-type-radio label{ margin-bottom: 0;}

.appliedDiscountMessage{margin-top: 5px;}
.appliedDiscountMessage .toggle-discount{cursor: pointer;} 
.appliedDiscountMessage .toggle-discount .discount-icon{font-size: 14px;width: 20px;display: inline-block;
position: relative;top: 0;transform: initial !important;}
.appliedDiscountMessage .toggle-discount .discount-icon::after{    content: '';background: url(../images/infoIcon.svg) no-repeat 0 0;
width: 20px;height: 20px;display: inline-block;background-size: contain;vertical-align: top;} 

.appliedDiscountMessage .toggle-discount:hover{color: var(--primaryColor);}
.appliedDiscountMessage .toggle-discount:hover .discount-icon{color: var(--primaryColor);}
.appliedDiscountMessage .discount-details{display: none;border-radius: 5px;background: #FFE9F5;padding: 15px;
border: solid 1px var(--primaryColor);margin: 6px 0;}


.serviceDetailPage .summeryDetail{margin-top: 40px;} 
.serviceDetailPage .summeryDetail .event_dates_wrap{    margin-bottom: 5px;}
.serviceDetailPage .summeryDetail .event_times_wrap{    margin-bottom: 5px;}
.serviceDetailPage .summeryDetail .event_location_print_wrap{    margin-bottom: 5px;}


.event_location_print a{color: var(--primaryColor);}
.serviceDetailPage .summeryDetail h6{font-size: 16px;}
.serviceDetailPage .summeryDetail .summeryText{border-bottom: solid 1px #777;padding: 0 0 10px 0;    display: flex
;    flex-direction: column; margin-top: 13px; border-bottom: solid 1px #777;}
.serviceDetailPage .summeryDetail .summeryText:last-child{border:none;}
.serviceDetailPage .summeryDetail .summeryText .head{margin: 8px 0;}
 .travelCharge{ display: none;}

 .serviceDetailPage .summeryDetail .summeryText .head span {float: left;}
.serviceDetailPage .summeryDetail .summeryText .head span+span {float: right;}
.pay-later-toggle::after{
content: '';
    background: url(../images/infoIcon.svg) no-repeat 0 0;
    width: 20px;
    height: 20px;
    display: inline-block;
    background-size: contain;
    position: relative;
    top: 5px;
    left: 6px;
}
.pay-later-toggle:hover{ color: var(--primaryColor); cursor: pointer;}
.serviceDetailPage .summeryDetail .summeryText .head .priceRed{ color: var(--primaryColor); display: inline-block;}
.serviceDetailPage .summeryDetail .summeryText .head .priceRed span{color: var(--primaryColor); }
.serviceDetailPage .summeryDetail .summeryText .head .priceRed .discount-amount{color: var(--primaryColor); }
.serviceDetailPage .summeryDetail .summeryText .head .service-fee{float: none; display: block; font-size: 13px;}
.serviceDetailPage .summeryDetail .summeryText .head .final{font-weight: bold;}
div#provider-location-wrapper {
    margin-top: 15px;
}
div#provider-location-wrapper a{color: var(--primaryColor);}
div#provider-location-wrapper a:hover{text-decoration: underline;}

.summeryDetail .paylaterMsg{ display: none;   border-radius: 5px;
    background: #FFE9F5;
    padding: 15px;
    border: solid 1px var(--primaryColor);
    margin: 10px 10px 10px 0px;}

 
.productDiscription .actionBtnDetail{z-index: 2; display: block;}
 
.serviceDetailPage .productDiscription .btnStyle1 {border: solid 1px var(--primaryColor) !important;}
.serviceDetailPage .productDiscription .btnStyle{width: 100%; justify-content: center;}
 

.serviceDetailPage .productDiscription .actionBtn a{width: 100%; justify-content: center;}
.serviceDetailPage .productDiscription .actionBtn a::after{display: none;}


.create-report-on-listing-form {}
.create-report-on-listing-form .form-item label {}
.create-report-on-listing-form .form-item {margin-bottom: 10px;flex-direction: column;align-items: start;}
.create-report-on-listing-form .form-item.form-type-radio {display: flex;flex-direction: row;align-items: center;gap: 0;margin-bottom: 0;}
.create-report-on-listing-form .form-item textarea{padding: 10px;}
.create-report-on-listing-form .actionBtn.mt-20{display: none;}




/* My Quote Requests page */


 

.innerQuteTab {display: flex;justify-content: space-between;margin-bottom: 40px;}
.innerQuteTab a{order: 1;}

.requestQuoteGrid2 .requestBox {border: solid 1px #AAAAAA;border-radius: 10px; overflow: hidden;}
.requestQuoteGrid2 .requestBoxInner{display: flex;background: var(--white);padding: 20px;gap: 20px;border-radius: 10px;}

.requestQuoteGrid2 .requestBox .contentListView {margin: 0;position: relative;width: 100%;}
 
.requestQuoteGrid2 .requestBox .contentListView h4{padding-right: 92px;}
.requestQuoteGrid2 .requestBox .contentListView .bookingDetail .priceBox{color: var(--primaryColor);font-weight: 600;margin-bottom: 5px;}
.msgAlert {padding: 3px 10px;border-radius: 5px;position: absolute;right: 0;top: 0; z-index: 2; font-size: 14px;}
.activeGreen {color: #0EA737;background: #CCECD5;}
.disableGray {color: #5A5A5A;background: #E6E6E6;}


.requestQuoteGrid2 .requestBox .contentListView .actionBtnRow{margin-top: 10px;}

.booking-request-page-confirm-form .control{margin-top: 15px;}
.booking-request-page-confirm-form .control textarea {background-size: 11px;width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;
padding: 15px;font-size: 16px;height: 80px;}


.bookingview {display: flex;justify-content: space-between;flex-wrap: wrap;}


.tab-calender-wrap{display: flex;justify-content: space-between;}
.tab-calender-wrap .calender-tab{width: 100%;max-width: 350px;background: var(--white);text-align: center;}
.tab-calender-wrap .requestQuoteGrid2 {width: calc(100% - 380px);}
.tab-calender-wrap .calender-tab #event-calendar {margin: auto;}
.tab-calender-wrap .calender-tab .flatpickr-calendar {margin: auto;margin-top: 20px;}


.reviewAndRatingCard{}
.reviewAndRatingCard .ratingFeebbakcLabel {background: #FDEFF4 url(../images/startFill.svg) no-repeat 0 0;margin: 0px;
padding: 12px 17px 12px 38px;cursor: pointer;background-size: 15px;background-position: 16px;}
.reviewAndRatingCard .ratingFeedback{ padding: 15px; border-radius: 10px;margin-top: 10px;}
.reviewAndRatingCard .ratingFeedback p{padding: 0;margin: 0 0 11px 0;}
.reviewAndRatingCard .ratingFeedback .rating-feedback-form .control{ margin-top: 15px;}
.reviewAndRatingCard .ratingFeedback .rating-feedback-form .control textarea {width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;
height:70px;padding: 6px 12px;font-size: 16px;}
.reviewAndRatingCard .ratingFeedback .rating-feedback-form .action { margin-top: 10px;}

.requestQuoteGrid2 .requestBox .profile{width: 100%;max-width: 300px;position: relative;border-radius: 10px;overflow: hidden; max-height:500px;}
.requestQuoteGrid2 .requestBox .profile img{width: 100%; object-fit: cover; height: 100%;  border-radius: 10px;} 
.requestQuoteGrid2 .requestBox .profile .order-accept-countdown{position: absolute;z-index: 1;bottom: 0;left: 0;right: 0;
text-align: center;background: var(--primaryColor);padding: 8px 0;color: var(--white);font-weight: bold;font-size: 18px;}
.requestQuoteGrid2 .requestBox .profile .order-accept-countdown .order-accept-countdown-timer {color: var(--white);}
.requestQuoteGrid2 .requestBox .profile .order-accept-countdown strong {font-weight: normal;}


#requestedOffers .reviewBlock{border-bottom: solid 1px #ddd;padding-bottom: 20px;border-radius: 0;}
#requestedOffers .reviewBlock:last-child{border-bottom: none; padding-bottom: 0;}
.requestWrap #requestedOffers .reviewBlock  {padding-bottom: 20px;}
.accepted_message {
    font-weight: bold;
    color: green;
}

#requestedOffers .timeDetail {width: 100%;}

.proposalGroup{display: grid;grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));gap: 15px;}
.proposalGroup .serviceProposal{background: rgb(255, 245, 246);padding: 5px 10px;border-radius: 6px;}


/* Jobs & Gigs Details */

.gigsDetails{display: flex;justify-content: space-between;gap: 30px;}
.gigsDetails .gisDiscription{  width: calc(100% - 435px);}
.gigsDetails .gisDiscription .gisInner{border: solid 1px #AAAAAA;padding: 30px;border-radius: 5px;position: relative;background: var(--white); }
.gigsDetails .gisDiscription .gisInner .event_type { margin-top: 6px;
padding-left: 22px;
    background-size: 18px;
    background-position: 0px 1px;}
 
.gigsDetails .gisDiscription h6{padding-bottom: 15px; margin-bottom: 0;}
.gigsDetails .gisDiscription h2{padding-right: 85px;}
.gisDiscription .location{background: url(/themes/custom/eevent_theme/images/locationMap.svg) no-repeat 0;padding: 0 0 0 18px;}
.gisDiscription .location a{color: var(--black);}
.gisDiscription .location a:hover{text-decoration: underline;}

.gisDiscription .dateTime .gig-box .date .calender {    background-position: 0 2px;
    padding-left: 22px;
    background-size: 17px;}
.event_type{background: url(/themes/custom/eevent_theme/images/event-type-blank.svg) no-repeat 0 3px; padding: 0 0 0 20px;
    background-size: 15px;}
.event_type-g{background: url(/themes/custom/eevent_theme/images/event-type-g.svg) no-repeat 0 3px; padding: 0 0 0 20px;
    background-size: 15px;}

.gisDiscription .dateTime{display: flex;justify-content: space-between;max-width: 600px;margin-top: 14px;gap: 20px; flex-wrap: wrap;}
.gisDiscription .dateTime .gig-box{display: flex; flex-wrap: wrap;gap: 20px;}
.gisDiscription .dateTime label{margin-bottom: 5px;  display: block;}
.gisDiscription .dateTime .calender{background: url(/themes/custom/eevent_theme/images/calendar.svg) no-repeat 0px bottom;padding: 0 0 0 26px;}
.gisDiscription .dateTime span{display: block;margin-left: 0px;margin-bottom: 4px;}
.gisDiscription .dateTime .clock{background: url(/themes/custom/eevent_theme/images/clock.svg) no-repeat 0px bottom;padding: 0 0 0 26px;}
.gisDiscription .shareIconBlack{position: absolute;right: 20px;top: 30px;}
.gisDiscription .discription{border-top: solid 1px #AAAAAA;padding-top: 20px;margin-top: 30px;}
.gisDiscription .serviceRequest{border-top: solid 1px #AAAAAA;padding-top: 20px;margin-top: 30px;}
.gisDiscription .serviceRequest .time-box{background: url(/themes/custom/eevent_theme/images/calendar.svg) no-repeat 0px 3px;padding: 0 0 0 20px;background-size: 15px;margin: 5px 0;}

.gisDiscription .shareIconBlack .addtoany_share,
.gisDiscription .shareIconBlack .btn-link{width: 40px;display: flex;height: 40px;background: #FAE5E7;border-radius: 100px;justify-content: center;align-items: center;}

.gisDiscription .shareIconBlack .addtoany_share img, 
.gisDiscription .shareIconBlack .btn-link img{width: 16px;}

.gisDiscription .shareIconBlack .addtoany_share:hover,
.gisDiscription .shareIconBlack .btn-link:hover{background: var(--gradient);}

.gisDiscription .shareIconBlack .addtoany_share:hover svg,
.gisDiscription .shareIconBlack .btn-link:hover img{filter: brightness(100);transition: initial;}
 
.gisDiscription .shareIconBlack .addtoany_share.reportSelected, 
.gisDiscription .shareIconBlack .btn-link.reportSelected{width: 40px;display: flex;height: 40px;background:var(--gradient);border-radius: 100px;justify-content: center;align-items: center;}



.gisDiscription .serviceRequest .grayBox{background: var(--grayBg);padding: 20px;border-radius: 5px;margin-bottom: 10px;}
.gisDiscription .serviceRequest .grayBox h6{color: var(--primaryColor);font-size: 18px;padding: 0 0 5px 0;}
.gisDiscription .serviceRequest .grayBox p{margin: 3px 0 0 0;
    font-style: italic;}
.gisDiscription .serviceRequest .grayBox a{color: var(--black);}

.gisDiscription .serviceRequest .cake-details-section{}
.gisDiscription .serviceRequest .cake-details-section h6{margin-top: 15px;}
.gisDiscription .serviceRequest .cake-details-section strong{margin-top: 10px; display: inline-block;}
.gisDiscription .serviceRequest .cake-details-section {line-height: 24px;}

.gisDiscription .serviceRequest .catering-details-section{}
.gisDiscription .serviceRequest .catering-details-section h6{margin-top: 15px;}
.gisDiscription .serviceRequest .catering-details-section strong{margin-top: 0; display: inline-block;}
.gisDiscription .serviceRequest .catering-details-section {line-height: 24px;}
 
.gisDiscription .InspDiscription h6{border-top: solid 1px #AAAAAA;padding-top: 20px;margin-top: 30px;} 
.gisDiscription .InspDiscription .InspirationImg .img {width: 150px;border-radius: 10px;overflow: hidden;}
.gisDiscription .InspDiscription .InspirationImg img{transition: all 0.3s ease-in-out; max-height: 140px; width: 100%; height: 100%;}
.gisDiscription .InspDiscription .InspirationImg .img:hover img{opacity: 0.5; transition: all 0.3s ease-in-out;filter: hue-rotate(45deg);}

 
.propose-log-table table{width: 100%;} 
.propose-log-table table tr th{font-size: 13px;background: #ffe3ec;padding: 10px;}
.propose-log-table table tr td{font-size: 13px;border: solid 1px #ffe3ec;padding: 10px;}
.propose-log-table .service-proposal strong{color: var(--primaryColor);}

.propose-time-form .services-container {}
.propose-time-form fieldset {background: #FFEEF0;border: solid 1px var(--primaryColor);border-radius: 4px;width: 100%;}
#bid-action-modal .propose-time-form {padding: 9px 0 0 0;}
.propose-time-form fieldset .fieldset-legend {color: var(--primaryColor);}
/* .propose-time-form fieldset .fieldset-wrapper {display: flex;justify-content: space-between; flex: 1 auto; gap: 10px;}
.propose-time-form fieldset .fieldset-wrapper .form-item{ width: 100%;} */

.propose-time-form fieldset .fieldset-wrapper {display: flex;flex-wrap: wrap;justify-content: space-between;}
.propose-time-form fieldset .fieldset-wrapper .form-item{width: 48%;}


.gigsDetails .clientDetail{width: 100%;max-width: 400px;}
.gigsDetails .clientDetail .aboutClient{margin-bottom: 30px;border: solid 1px #AAAAAA;padding: 30px;border-radius: 5px;position: relative;background: var(--white);}
.gigsDetails .clientDetail .aboutClient .btnStyle{width: 100%; justify-content: center;}
.gigsDetails .clientDetail .aboutClient .clientName{position: relative;padding: 10px 0 13px 49px;margin: 10px 0 0 0;display: inline-block;}
.gigsDetails .clientDetail .aboutClient .clientName .titleName{width: 40px;height: 40px;background: var(--gradient);display: flex;justify-content: center;align-items: center;font-weight: bold;font-size: 21px;color: var(--white);
border-radius: 100px;position: absolute;left: 0;top: 0;}


.gigsDetails .clientDetail .aboutClient .clientName h6{margin: 0;}
.gigsDetails .clientDetail .aboutClient .clientName p{margin: 0;display: flex;align-items: center;gap: 5px;font-size: 16px;}
.gigsDetails .clientDetail .aboutClient .userYear{background: url(/themes/custom/eevent_theme/images/postUser.svg) no-repeat 0 4px;padding: 0 0 0 19px;margin-top: 10px;background-size: 14px;}

.expire {
    font-weight: bold;
    color: var(--primaryColor);
}
.expire span{
    font-weight: bold;
    color: var(--primaryColor);
}

.popupWrap {width: 100%;height: 100%;background: rgba(0, 0, 0, 0.4);position: fixed;top: 0;text-align: center;z-index: 9;display: none;}
.popupWrap .popup__content{background: var(--white);max-width: 700px;margin: auto;transform: translate(0%, 50%);margin-top: 5%;}
.popupWrap .popup__content .close{font-size: 40px;rotate: 45deg;position: absolute;right: 0;top: 0;line-height: normal;width: 30px;
height: 40px;display: flex;justify-content: center;align-items: center; cursor: pointer;}
.popupWrap.modalPopup{display: block;}


 

.gigsDetails .gisDiscription .reviewWrap {border-top: solid 1px #AAAAAA;padding-top: 20px;margin-top: 30px;}
.gigsDetails .gisDiscription .reviewWrap .reviewBlock{padding: 0;}


.gigsDetails .gisDiscription .gisInner .location{    padding-left: 22px;
    background-size: 15px;} 
.gigsDetails .gisDiscription .gisInner .clock{    padding-left: 22px;
    background-size: 18px;
    background-position: 0px 1px;} 

.gigsDetails .gisDiscription .gisInner .dateTime {
    margin: 10px 0 0 0;
}

.gigsDetails .gisDiscription .gisInner .dateTime+.dateTime {
    margin: 6px 0 0 0;
}

/* Step form design */
.stepFormDesign .tabs {display: flex;gap: 10px;margin-bottom: 20px;}
.stepFormDesign .tab {padding: 10px 15px;border: 1px solid #ccc;border-radius: 6px;cursor: not-allowed;background-color: #eee;}
.stepFormDesign .tab.active {background-color: #ff4fad;color: #fff;cursor: pointer;}
.stepFormDesign .tab.visited {cursor: pointer;background-color: #ffd6e7;}
.stepFormDesign .step-content {display: none;}
.stepFormDesign .step-content.active {display: block;}
.stepFormDesign .actions {margin-top: 30px;display: flex;justify-content: space-between;}
.stepFormDesign button {padding: 10px 20px;}
.stepFormDesign button:disabled {background: #ccc;cursor: not-allowed;}


/* Provider User Profile */
.profileUserWrap{display: flex;justify-content: space-between;gap: 30px;}
.profileUserWrap .profileNav{width: 100%;max-width: 300px;background: var(--white);padding: 30px;border-radius: 5px;}
.profileUserWrap .profileNav .profilePic{text-align: center;}
.profileUserWrap .profileNav .profileimg {position: relative;display: inline-block;height: 100px;width: 100px;margin: auto;}
.profileUserWrap .profileNav .profileimg .autor{width: 100px;height: 100px;overflow: hidden;border-radius: 1000px;margin: auto;
padding: 0;border: solid 7px #FFF;}
.profileUserWrap .profileNav .profileimg .autor::after{/* content: ''; */position: absolute;inset: 0;transition: all 0.5s ease-in-out;background: var(--gradient);border-radius: 5px;-webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);-webkit-mask-composite: xor;mask-composite: exclude;padding: 1px;border-radius: 100px;padding: 1px;}
.profileUserWrap .profileNav .profileimg::after{content: '';position: absolute;inset: 0;transition: all 0.5s ease-in-out;background: var(--gradient);border-radius: 5px;-webkit-mask: linear-gradient(white, white) content-box, linear-gradient(white, white);-webkit-mask-composite: xor;mask-composite: exclude;padding: 1px;border-radius: 100px;padding: 1px;}
.profileUserWrap .profileNav .profileimg img{height: 100%;object-fit: cover; width: 100%; transform: scale(1.1);}
.profileUserWrap .profileNav .profileimg .cam{background: #FFEBEE;position: absolute;bottom: 0;right: 0;width: 40px;height: 40px;display: flex;justify-content: center;z-index: 1;align-items: center;border-radius: 100px;cursor: pointer; color: var(--pink);}
.profileUserWrap .profileNav .profileimg .cam img{width: 20px;height: auto;}
.profileUserWrap .profileNav .profileimg .cam:hover{background: var(--gradient);}
.profileUserWrap .profileNav .profileimg .cam:hover img{filter: brightness(100);transition: initial;}
.profileUserWrap .profileNav .profilePic h6{margin:10px 0 6px 0; word-break: break-all;}

/* 
.profileUserWrap .customerSwitch{background: #FFEEF0;padding: 8px ;border-radius: 5px;cursor: pointer;display: flex;align-items: center;gap: 10px;justify-content: center;}  */


.customerSwitch {display: flex;gap: 8px;padding: 4px;padding: 8px ;border-radius: 5px;width: fit-content;
background: #FFEEF0;  margin-bottom: 0;  width: 100%; justify-content: center;}

.customerSwitch a {padding: 12px 16px;border: none;background: none;border-radius: 5px;font-size: 16px;
color: var(--black);cursor: pointer;position: relative;font-weight: 500;height: fit-content; width: 100%; text-align: center;}

.customerSwitch .active {color: #ffffff;}
.customerSwitch .active span{position: relative; z-index: 1; color: var(--white);}
.customerSwitch .active::before {content: "";position: absolute;height: 100%;inset: 0;background: var(--gradient);border-radius: inherit;z-index: 0;}
::view-transition-group(*) {animation-duration: 0.2s;animation-timing-function: linear(0, 0.186 3.5%, 0.352 7.1%, 0.496 10.8%, 0.623 14.7%, 0.679 16.7%, 0.732 18.8%, 0.78 20.9%, 0.821 23%, 0.86 25.2%, 0.895 27.5%, 0.925 29.8%, 0.951 32.2%, 0.97 34.2%, 0.986 36.3%, 1 38.5%, 1.012 40.7%, 1.021 43%, 1.028 45.4%, 1.033 48%, 1.036 50.7%, 1.037 54.8%, 1.034 59.6%, 1.012 76.6%, 1.004 84.2%, 1.001 91.3%, 1);}
::view-transition-group(tab-1),
::view-transition-group(tab-2) {  z-index: 1;}
 
::view-transition-old(*),
::view-transition-new(*) {  height: 100%;}
.customerSwitch a span{color: var(--black);}
 
.customerSwitch a::before {  view-transition-name: tab-background;}
 


.profileUserWrap .accountNav{margin-top: 15px;}
.profileUserWrap .accountNav a{display: block;color: var(--black);padding: 7px 0 7px 27px; border: none;}
.profileUserWrap .accountNav .info{background: url(/themes/custom/eevent_theme/images/info.svg) no-repeat 0 9px; } 
.profileUserWrap .accountNav .businessProfile{background: url(/themes/custom/eevent_theme/images/businessProfile.svg) no-repeat 0 9px;}
.profileUserWrap .accountNav .myService{background: url(/themes/custom/eevent_theme/images/myService.svg) no-repeat 0 9px;}
.profileUserWrap .accountNav .discountSetting{background: url(/themes/custom/eevent_theme/images/discountSetting.svg) no-repeat 0 9px;}
.profileUserWrap .accountNav .travelSetting{background: url(/themes/custom/eevent_theme/images/travelSetting.svg) no-repeat 0 9px;}
.profileUserWrap .accountNav .availability{background: url(/themes/custom/eevent_theme/images/clockGraydient.svg) no-repeat 0 9px;}
.profileUserWrap .accountNav .calender{background: url(/themes/custom/eevent_theme/images/calendarGradient.svg) no-repeat 0 9px;}
.profileUserWrap .accountNav .notifications{background: url(/themes/custom/eevent_theme/images/notifications.svg) no-repeat 0 9px;}
.profileUserWrap .accountNav .security{background: url(/themes/custom/eevent_theme/images/security.svg) no-repeat 0 9px;}
.profileUserWrap .accountNav .authentication{background: url(/themes/custom/eevent_theme/images/authentication.svg) no-repeat 0 9px;}
.profileUserWrap .accountNav .faq{background: url(/themes/custom/eevent_theme/images/faq.svg) no-repeat 0 9px;} 
.profileUserWrap .accountNav .payout{background: url(/themes/custom/eevent_theme/images/PayoutInforIcon.svg) no-repeat 0 8px;
  background-size: 19px;} 
.profileUserWrap .accountNav .subscription{background: url(/themes/custom/eevent_theme/images/subscriptionIcon.svg) no-repeat 0 12px;} 
.profileUserWrap .accountNav .see-my-profile{background: url(/themes/custom/eevent_theme/images/seeProfile.svg) no-repeat 3px 9px;}
.profileUserWrap .accountNav a.active,
.profileUserWrap .accountNav a:hover{color:var(--primaryColor);} 

.profileUserWrap .profileForm{background: var(--white);width:calc(100% - 330px);padding: 30px; border-radius: 5px;} 
.profileUserWrap .profileForm .container{padding: 0;} 
.profileUserWrap .profileForm .grid4 {grid-template-columns: repeat(3,1fr);}

.no-subscription-message a{color: var(--primaryColor); font-weight: 600; cursor: pointer;;}
.no-subscription-message a:hover{text-decoration: underline;}

#calendar-integration .msgAlert{position: static;} 


.combination_notification{ margin-top: 25px;}
.userForm .combination_notification .toggleRow{ margin-top: 0;}
 
.combination_notification .form-item{margin-bottom: 20px;}
.combination_notification .form-type-number{margin-top: 20px;}
.combination_notification .description{ font-size: 14px; font-style: italic; color: var(--primaryColor); margin-top: 5px;}

.combinations-list {margin-bottom: 15px;} 

.combinations-list .combination-item {background: var(--lightPink);padding: 5px 12px;border-radius: 5px;
display: inline-flex;align-items: center;gap: 5px; margin-bottom: 4px;}

.combinations-list .combination-item input {top: 0 !important;margin-left: 6px;}

 
 
.user-business-profile-form details {margin-top: 0; }
.user-business-profile-form .field--name-field-image {margin-top: 30px;}
.user-business-profile-form .url-preview {word-break : break-all;font-size: 14px;margin-top: 6px;margin-bottom: 9px;}
.user-business-profile-form .js-form-item-service-tags-label {margin-bottom: 6px;} 
.user-business-profile-form .form-wrapper.control fieldset {border: none;padding: 0;}

.profileForm .infoMsg .url-preview{color: var(--primaryColor);}


/* .user-business-profile-form .form-wrapper.control fieldset .fieldset-wrapper {display: grid;grid-template-columns: 1fr 1fr 1fr;
gap: 20px;} */
.user-business-profile-form .form-wrapper.control fieldset .fieldset-wrapper .form-item {margin-bottom: 15px;}
.user-business-profile-form .form-wrapper.control .form-actions {margin-top: 0px;margin-bottom: 9px;display: flex;gap: 7px;}
.user-business-profile-form .form-wrapper.control .form-actions input {background:var(--gradient);border: none;color: #FFF;padding: 6px 9px;border-radius: 3px; order: -1; cursor: pointer; font-size: 14px;}
 .user-business-profile-form .form-wrapper.control .form-actions input:hover {background: var(--gradientHover);}

 
.user-business-profile-form #edit-service-tags-label{margin-bottom: 6px;margin-top: 15px; display: inline-block;}
.user-business-profile-form .form-wrapper .serviceTags {display: flex;width: 100%;gap: 10px;margin-bottom: 15px;}
.user-business-profile-form .form-wrapper .serviceTags .form-item {width: 100%;}
.user-business-profile-form .form-wrapper .serviceTags .deleteBtn{color: var(--white);border: solid 1px var(--primaryColor);
cursor: pointer;font-size: 0;width: 37px;height: 39px;background: url(../images/deleteIcon.svg) no-repeat center center;border-radius: 5px;background-size: 15px; top: 0;}
.ajax-progress {position: fixed !important; width: 100%; height: 100%; z-index: 9;font-size: 0;background: rgb(0 0 0 / 58%); inset: 0;} 
.ajax-progress:after{content: '';border:3px solid #f3f3f3;border-radius: 50%;border-top: 3px solid var(--pink);width: 30px;
height: 30px;-webkit-animation: spin 2s linear infinite; /* Safari */animation: spin 2s linear infinite;display: inline-block;
position: fixed;left: 50%;top: 45%;transform: translate(-50%, -50%);} 
/* Safari */
@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}


.user-business-profile-form .media-library-form-element{background: var(--lightPink);color: var(--primaryColor);padding: 10px 16px;
border-radius: 5px;margin-top: 15px;font-weight: 500;cursor: pointer;font-size: 16px;border: solid 1px var(--primaryColor);}

.user-business-profile-form .media-library-form-element legend .fieldset__label{font-size: 16px;color: var(--primaryColor);}

.user-business-profile-form .form-type-file {margin-top: 20px;}
.user-business-profile-form .form-type-file label {display: none;}
.user-business-profile-form .upload-btn {background: var(--gradient);
border-radius: 5px;color: white;align-items: center;gap: 8px;border: solid 1px transparent;font-weight: 600;
padding: 11px 15px;border-radius: 5px;display: inline-flex;position: relative;transition: all 0.5s ease-in-out;white-space: nowrap;
font-size: 16px;cursor: pointer;justify-content: center;margin-top: 15px;}
.user-business-profile-form .upload-btn:hover{color: white;transition: all 0.5s ease-in-out;background: linear-gradient(289.44deg, var(--primaryColor) 1.67%, #FF5A6B 75.14%);box-shadow: 0px 8px 15px 0px #FF627CB0;}




.user-business-profile-form .media-library-form-element .fieldset-wrapper .form-submit{background:var(--gradient);border: none;color: #FFF;padding: 6px 17px;border-radius: 3px;cursor: pointer;font-size: 16px;}
.user-business-profile-form .media-library-form-element .fieldset-wrapper .form-submit:hover{background: var(--gradientHover);}
.user-business-profile-form .media-library-form-element .fieldset-wrapper .description{margin-top: 15px;margin-bottom: 13px; }



.profileForm form .form-type-managed-file{margin-top: 25px;background: var(--lightPink);padding: 20px;border-radius: 5px; border: solid 1px var(--primaryColor);} 
.profileForm form .form-type-managed-file label{display: block;}
.profileForm form .form-type-managed-file .js-form-managed-file {display: inline-block;margin-top: 10px; position: relative;}
.profileForm form .form-type-managed-file .js-form-managed-file img{border: solid 1px #e3cada;margin-bottom: 5px;
height: 56px;width: 75px;object-fit: cover;padding: 3px;background: var(--white);border-radius: 7px;}
.profileForm form .form-type-managed-file .js-form-managed-file .button {width: 23px;height: 23px;font-size: 0;border-radius: 100px;border: none;position: absolute;right: -8px; top: -5px;}
.profileForm form .form-type-managed-file .form-managed-file span{display: none;} 
 

.user-business-profile-form .form-item.form-type-managed-file .description {font-size: 14px;color: var(--pink);}
.user-business-profile-form .form-item input[type="file"]{padding: 10px;border: 1px dashed #FF5A6B;background-color: var(--white);transition: 0.25s ease-in-out; border-radius: 5px; margin-bottom: 10px; order: 1; cursor: pointer; font-size: 16px;}
.user-business-profile-form .form-item input[type="file"]::file-selector-button {padding: 1em 1.5em;border-width: 0;border-radius: 5px;background:var(--gradient);color: var(--white);transition: all 0.25s ease-in-out;cursor: input;margin-right: 1em;}
.user-business-profile-form .form-item input[type="file"]:hover {border-color: #888;}
.user-business-profile-form .form-item input[type="file"]:hover::file-selector-button {color: var(--white);transition: all 0.5s ease-in-out;background: linear-gradient(289.44deg, var(--primaryColor) 1.67%, #FF5A6B 75.14%);box-shadow: 0px 8px 15px 0px #FF627CB0;}

.user-business-profile-form .form-item.form-type-managed-file .button{width: auto;
font-size: 16px;font-weight: bold;color: var(--primaryColor);margin: 0;text-decoration: underline; top: 0;}
.user-business-profile-form .form-item.form-type-managed-file .button:hover{text-decoration: none;}

.file--image {margin: 0;padding: 5px 14px;border: 1px dashed #FF5A6B;background-color: var(--white);transition: 0.25s ease-in-out;border-radius: 5px;display: inline-flex;color: var(--pink); display: none;}
.file--image a {color: var(--pink); font-size: 14px;}
input.button[value="Remove selected"],
input.button[value="Remove"] {display: inline-block;width: 23px;flex-shrink: 0;height: 23px;cursor: pointer;border-radius: 100px;background: var(--pink) url(/themes/custom/eevent_theme/images/closeIcon.svg) no-repeat center center;font-size: 0;position: relative;top: -6px;border: none;}




.user-services-listing-profile-form>div {display: grid;grid-template-columns: repeat(3,1fr);gap: 20px;margin-top: 20px;}
.user-services-listing-profile-form .views-view-grid {width: 100%;border-radius: 5px;overflow: hidden;background: white;
box-sizing: border-box;overflow: hidden;border: solid 1px #AAAAAA;}
.user-services-listing-profile-form .views-view-grid .views-col {float: none;width: 100% !important;padding: 10px;}
.user-services-listing-profile-form .views-view-grid .views-col a {display: inline-flex;width: 100%;font-size: 18px;color: var(--black);margin-bottom: 10px; overflow: hidden;border-radius: 5px;}
.user-services-listing-profile-form .views-view-grid .views-col img {width: 100%;object-fit: cover;height: 200px; border-radius: 5px; transition: all 0.3s ease-in-out;}
.user-services-listing-profile-form .views-view-grid .views-col:hover img {transform: scale(1.2); transition: all 0.3s ease-in-out;}
 
.user-services-listing-profile-form .views-view-grid .views-col  ol li {font-size: 14px;margin-bottom: 4px;}

.user-services-listing-profile-form .cardBlock .cardBlock {border: none;}
.user-services-listing-profile-form .cardBlock {border: solid 1px #AAAAAA;}
.user-services-listing-profile-form .cardBlock .cardBlock .cardImg {height: 250px;overflow: hidden;min-height: initial;}




 
#media-library-view .js-media-library-view{margin-top: 0;}
#media-library-view .js-media-library-view header{background: var(--lightPink);padding: 10px 10px;border-radius: 5px;margin: 0 -16px 0 -16px;}
#media-library-view .js-media-library-view header a{background: var(--lightPink);border: solid 1px var(--primaryColor);color: var(--primaryColor);padding: 3px 16px;border-radius: 5px;}
#media-library-view .js-media-library-view header a.is-active,
#media-library-view .js-media-library-view header a:hover{color: var(--white);background: var(--gradient);}

.views-exposed-form{margin-top: 0;display: flex;align-items: self-end;gap: 10px; margin-bottom: 30px;}
 
.views-exposed-form .form-item label{font-size: 14px;margin-bottom: 5px;display: inline-block;}
.views-exposed-form .form-item .form-text{width: 100%;border: solid 1px #A3A3A3 !important;border-radius: 5px;height: 33px;padding: 0 10px 0 12px;font-size: 16px;}
.views-exposed-form .form-item .form-select{width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 33px;padding: 0 10px 0 6px;font-size: 16px;}
 
.views-exposed-form .form-wrapper .button{background: var(--gradient);color: #FFF;font-weight: 500;font-size: 16px;
border: none;padding: 5px 12px 6px 12px;border-radius: 5px;cursor: pointer;}
.views-exposed-form .form-wrapper .button:hover{background: var(--gradientHover);}


#media-library-view .js-media-library-view{}
#media-library-view .js-media-library-view .js-media-library-views-form{display: flex;gap: 10px;flex-wrap: wrap;justify-content: space-between; margin-top: 20px;}
#media-library-view .js-media-library-view .js-media-library-views-form .views-row{width: 32%;border: solid 1px #ddd;
position: relative;} 
#media-library-view .js-media-library-view .js-media-library-views-form .views-row.checked {border: solid 1px var(--primaryColor);}
#media-library-view .js-media-library-view .js-media-library-views-form .views-row .js-click-to-select-checkbox{
position: absolute;left: 10px;top: 10px;border-radius: 100px;height: 15px;width: 15px;} 
#media-library-view .js-media-library-view .js-media-library-views-form .views-row .js-click-to-select-checkbox input[type="checkbox"]{appearance: none;background:var(--white) url(/themes/custom/eevent_theme/images/radioBlank.svg) no-repeat center center;width: 15px;height: 15px;display: inline-block;background-size: cover;margin-right: 4px; border-radius: 100px;} 
#media-library-view .js-media-library-view .js-media-library-views-form .views-row .js-click-to-select-checkbox input[type="checkbox"]:checked{appearance: none;background:var(--white) url(/themes/custom/eevent_theme/images/radioFill.svg) no-repeat center center;width: 15px;height: 15px;display: inline-block;background-size: cover;margin-right: 4px;} 

#media-library-view .js-media-library-view .js-media-library-views-form div#media-library-messages {display: none;}
#media-library-view .js-media-library-view .js-media-library-views-form .views-row img {width: 100%;height: 100%;}
#media-library-view .js-media-library-view .js-media-library-views-form .views-row article div {overflow-wrap: break-word;
padding: 5px;font-size: 14px;}

.ui-dialog .ui-dialog-buttonpane .media-library-selected-count {margin-top: 14px;}
.ui-dialog .ui-dialog-buttonpane .form-actions .button {background: var(--gradient);color: #FFF;font-weight: 500;font-size: 16px;border: none;padding: 8px 12px;border-radius: 5px; cursor: pointer; font-family: "proxima-nova", sans-serif;}
.ui-dialog .ui-dialog-buttonpane .form-actions .button:hover {background: var(--gradientHover);}
.ui-dialog .ui-dialog-content {padding: 10px 1em 15px 1em;}
 
#media-library-view nav ul.js-pager__items {display: flex;align-items: center;justify-content: center;gap: 10px;}
#media-library-view nav ul.js-pager__items li a {font-size: 21px;}


/* Global form style */
 
.userForm .rowForm{display: flex;justify-content: space-between;gap: 30px;} 
.userForm .rowControl{display: flex;justify-content: space-between;gap: 30px;} 
.userForm .control{margin-top: 20px;width: 100%;position: relative;} 
.userForm .control select {width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;padding: 0 10px 0 12px;}
.userForm .control label{display: inline-block;margin-bottom: 6px; width: 100%;}
.userForm .control .description {color: var(--text);font-size: 13px;}
.userForm .url-preview span{color: var(--primaryColor);}
 
.contactForm .control .form-item input{width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;font-size: 16px; padding: 0px 15px;}
.contactForm .control .form-item input[type="tel"]{background: url(/themes/custom/eevent_theme/images/flagA.jpg) no-repeat 11px 9px;    font-family: arial;}

.contactForm .control .form-item input[type="file"]{padding: 10px;border: 1px dashed #FF5A6B;
background-color: var(--white);transition: 0.25s ease-in-out;border-radius: 5px;height: auto;width: auto; margin-bottom: 15px; cursor: pointer; width: auto;}
.contactForm .control .form-item input[type="file"]::file-selector-button {padding: 1em 1.5em;border-width: 0;border-radius: 5px;background:var(--gradient);color: var(--white);transition: all 0.25s ease-in-out;cursor: input;margin-right: 1em;cursor: pointer;}
.contactForm .control .form-item input[type="file"]:hover {border-color: #888;}
.contactForm .control .form-item input[type="file"]:hover::file-selector-button {color: var(--white);transition: all 0.5s  }
.contactForm .action-contact .button--primary{background: var(--gradient);border: none;color: #FFF;padding: 10px 20px;border-radius: 5px;cursor: pointer;font-size: 16px;  font-weight: 500;}
.contactForm .action-contact .button--primary:hover{background: var(--gradientHover);}

.contactForm .control input.button[value="Remove"] {
    height: 30px;
    font-size: 0;
    width: 30px;
    border-radius: 100px;
    border: none;
    background-size: 10px;
}


.userForm .control .otp-wrapper {display: flex;justify-content: space-between;gap: 10px;}
.userForm .control .otp-wrapper .form-item {width: 100%;}
.userForm .control .otp-wrapper .form-item input {text-align: center;}

.userForm .control .form-type-date .form-time {width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;
padding: 0 10px 0 12px;font-size: 16px;}

.userForm .control .form-item__label{font-size: 16px;}


.form-required{}
.form-required::after{content: '*';color: red;} 
.service-booking-form .form-item-location label::after{content: '*';color: red;} 
.userForm .control .clock,
.userForm .control .inputText{width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;padding:2px 10px 3px 12px; font-size: 16px;} 
.userForm .control .email{background: url(/themes/custom/eevent_theme/images/envelopBlack.svg) no-repeat 11px 11px;padding-left: 38px; } 
.userForm .control .australiaFlag{background: url(/themes/custom/eevent_theme/images/flagA.jpg) no-repeat 11px 9px;padding-left: 45px; padding-top: 0;} 

.userForm .control .australiaFlag+.description{color: red;}
.userForm .control .Location{background:#FFF url(/themes/custom/eevent_theme/images/locationMap.svg) no-repeat 11px 11px;padding-left:33px;  background-size: 12px;} 
input[readonly="readonly"] {color: gray;}

 
.profileForm .infoMsg{font-size: 14px;background: var(--lightPink) url(/themes/custom/eevent_theme/images/infoIcon.svg) no-repeat 11px center;padding: 13px 0 13px 39px;color: var(--primaryColor);border-radius: 5px;margin-top: 6px;} 
.userForm .control .infoMsg{font-size: 14px;background: var(--lightPink) url(/themes/custom/eevent_theme/images/infoIcon.svg) no-repeat 11px center;padding: 13px 0 13px 39px;color: var(--primaryColor);border-radius: 5px;margin-top: 6px;} 
.userForm .control.ServiceFeatures{margin-top: 30px;}
.userForm .control.ServiceFeatures .btnGray{bottom: initial;top: -18px;}

.form-item-phone {position: relative;}
.form-item-phone:before {content: '+61';position: absolute;top: 36px;left: 47px;}
.form-item-phone input {padding-left: 76px !important;font-size: 15px;line-height: normal;}

 

.userForm .control .globe{background: url(/themes/custom/eevent_theme/images/globe.svg) no-repeat 11px 11px;padding-left:33px;} 
.userForm .control .gplus{background: url(/themes/custom/eevent_theme/images/gplus.svg) no-repeat 11px 11px;padding-left:33px;} 
.userForm .control .fb-icon{background: url(/themes/custom/eevent_theme/images/fb-icon.svg) no-repeat 11px 11px;padding-left:33px;} 
.userForm .control .linkdinIcon{background: url(/themes/custom/eevent_theme/images/linkdinIcon.svg) no-repeat 11px 11px;padding-left:33px;} 
.userForm .control .InstaIcon{background: url(/themes/custom/eevent_theme/images/InstaIcon.svg) no-repeat 11px 11px;padding-left:33px;} 

.userForm textarea{width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height:100px;padding: 10px; font-size: 16px;}
textarea:focus{border: solid 1px var(--primaryColor) !important;}
.userForm .control .btnGray{position: absolute;bottom: -22px;right: 0;}
.userForm .toggleRow{position: relative; margin-top: 25px; padding-right: 95px;}
.userForm .toggleRow h6{margin: 0;font-size: 18px;font-weight: normal;}
.userForm .toggleRow p{margin: 0;font-size: 16px;color: #5A5A5A;}
.userForm .toggleRow .switch{position: absolute;right: 0;top: 0;}
.userForm .toggleRow .btnGray{position: absolute;top:0;right: 0;}



.syncBg{background: url(/themes/custom/eevent_theme/images/checkMark.svg) no-repeat 0 8px;padding: 0 100px  2px 28px;margin-top: 24px;position: relative;}
.syncBg h6{font-size: 14px;font-weight: normal;margin: 0 0 5px 0;}
.syncBg p{margin: 0;font-size: 14px;color: #5A5A5A;}
.syncBg .btnGray{position: absolute;right: 0;top: 0;}

.switch {position: relative;display: inline-block;width: 60px;height: 34px;}
.switch input { opacity: 0;width: 0;height: 0;}
.slider {position: absolute;cursor: pointer;top: 0;left: 0;right: 0;bottom: 0;background-color: #ccc;-webkit-transition: .4s;transition: .4s;}
.slider:before {position: absolute;content: "";height: 20px;width: 20px;left: 5px;bottom:7px;background-color: white;-webkit-transition: .4s;
transition: .4s;}
input:checked+.slider {background:var(--gradient);}
input:focus+.slider {box-shadow: 0 0 1px #FF5A6B;}
input:checked+.slider:before {-webkit-transform: translateX(30px);-ms-transform: translateX(30px);transform: translateX(30px);}


.user-basic-information-form .rowControl .form-item-otp {margin-top: 15px;}
.user-basic-information-form .phone-verify-wrapper .form-submit {position: absolute;right: 0;bottom: initial;margin-top: 6px;    cursor: pointer;}
.user-basic-information-form .userForm .control .js-form-item-otp {margin-top: 13px;}
.user-basic-information-form .phone-verify-wrapper .form-submit.resend-otp-class-flag{position: static;right: 0;}



.browseGallery {border: dashed 1px #FF5A6B;border-radius: 5px;background: #FFE9F5;padding: 10px;}
.browseGallery .galleryThumb {display: flex;gap: 10px;flex-wrap: wrap;justify-content: space-between;}
.browseGallery .galleryThumb .imgBox {border-radius: 5px;overflow: hidden;width: calc(14% - 10px);margin-bottom: 5px;}

.browseFile {text-align: center;}
.chooseFile[type="file"] {margin: auto;padding: 1.5em;border: 1px dashed #FF5A6B;background-color: var(--white);transition: border-color 0.25s ease-in-out; border-radius: 5px; }
.chooseFile[type="file"]::file-selector-button {padding: 1em 1.5em;border-width: 0;border-radius: 5px;background:var(--gradient);color: var(--white);transition: all 0.25s ease-in-out;cursor: pointer;margin-right: 1em;}
.chooseFile[type="file"]:hover {border-color: #888;}
.chooseFile[type="file"]:hover::file-selector-button {color: var(--white);transition: all 0.5s ease-in-out;background: linear-gradient(289.44deg, var(--primaryColor) 1.67%, #FF5A6B 75.14%);box-shadow: 0px 8px 15px 0px #FF627CB0;}


 

/* Upload profile photo modal start */
/* .ui-widget.ui-widget-content { width: 100% !important;max-width: 500px; left: 50% !important;transform: translate(-50%, -50%) !important;top: 50% !important;} */
.ui-widget.ui-widget-content {width: calc(100% - 30px) !important;
max-width: 600px; }


.ui-dialog .ui-dialog-titlebar {    background: #FFF;
border: none;
border-bottom: solid 1px #ec5666;
border-radius: 0;
position: sticky;
top: -0;
z-index: 1;
padding: 9px 17px;}
.ui-dialog .ui-dialog-titlebar-close {border: none;background: no-repeat;}

.ui-dialog .ui-dialog-titlebar-close span {display: inline-block;width: 30px;height: 30px;cursor: pointer;border-radius: 0;background: #f55868 url(/themes/custom/eevent_theme/images/closeIcon.svg) no-repeat center center !important;background-size: 18px !important;left: initial;top: -7px;margin: 0;right: 0;}
.ui-dialog .ui-dialog-content{height: auto !important; max-height: 100% !important;}

.user-profile-photo-upload-modal-form {margin: 32px 0px 13px 0px;text-align: center;}
 
.user-profile-photo-upload-modal-form .form-item label {display: none;}
 
.user-profile-photo-upload-modal-form .form-item .form-managed-file {text-align: center;display: inline-block;margin-bottom: 0;
position: relative;}
.user-profile-photo-upload-modal-form .form-item .form-managed-file input[type="file"] {margin: auto;padding: 1.5em;border: 1px dashed #FF5A6B;background-color: var(--white);transition: border-color 0.25s ease-in-out; border-radius: 5px; width: 100%; }
.user-profile-photo-upload-modal-form .form-item .form-managed-file input[type="file"]::file-selector-button {padding: 1em 1.5em;border-width: 0;border-radius: 5px;background:var(--gradient);color: var(--white);transition: all 0.25s ease-in-out;cursor: pointer;margin-right: 1em;}
.user-profile-photo-upload-modal-form .form-item .form-managed-file input[type="file"]:hover {border-color: #888;}
.user-profile-photo-upload-modal-form .form-item .form-managed-file input[type="file"]:hover::file-selector-button {color: var(--white);transition: all 0.5s ease-in-out;background: linear-gradient(289.44deg, var(--primaryColor) 1.67%, #FF5A6B 75.14%);box-shadow: 0px 8px 15px 0px #FF627CB0;}

.user-profile-photo-upload-modal-form .form-item .form-managed-file img {width: 80px;height: 80px;
border-radius: 10px;border: solid 1px #ddd;padding: 5px; object-fit: cover;}
.user-profile-photo-upload-modal-form .form-item .form-managed-file span {display: none;}
.user-profile-photo-upload-modal-form .form-item .form-managed-file .button {position: absolute;right: -10px;padding: 0; background: var(--pink) url(/themes/custom/eevent_theme/images/closeIcon.svg) no-repeat center center !important;}
.user-profile-photo-upload-modal-form .description {font-size: 14px;margin-top: 10px;color: var(--primaryColor);}



.user-profile-photo-upload-modal-form .form-submit {background: var(--gradient);border-radius: 5px;color: white;
align-items: center;border: solid 1px #FFF;transition: all 0.5s ease-in-out;white-space: nowrap;cursor: pointer;font-size: 16px;
height: 45px;padding: 11px 15px;font-family: "proxima-nova", sans-serif;}
.user-profile-photo-upload-modal-form .form-submit:hover{color: white;transition: all 0.5s ease-in-out;
background: linear-gradient(289.44deg, var(--primaryColor) 1.67%, #FF5A6B 75.14%);
box-shadow: 0px 8px 15px 0px #FF627CB0;}

/* Upload profile photo modal start */

/* Rounded sliders */
.slider.round {border-radius: 34px;}
.slider.round:before {border-radius: 50%;}




/* form style end */

.socialForm .control{position: relative;align-items: center;}
.socialForm .control label {width: 100%;margin-bottom: 11px;}
/* .socialForm .control .icons {position: absolute;left: 0;bottom: 8px;} */
.socialForm .control .icons {position: absolute;left: 0;bottom: 0;width: 29px;height: 40px;border-radius: 5px;display: flex;align-items: center;justify-content: center;}
.socialForm .control .icons img {width: 28px;}
.socialForm .control .inputText {width: calc(100% - 35px);margin-left: 35px;}


.msgAlart{margin-top: 7px;padding-right: 72px; color: #5A5A5A; font-size: 14px;} 
 
.msgAlart.verified span{background: url(/themes/custom/eevent_theme/images/verified.svg) no-repeat 0 2px;padding: 0 0 0 21px;color: #0EA737;} 
 
.msgAlart.notVerified span{background: url(/themes/custom/eevent_theme/images/notVerified.svg) no-repeat 0 4px;padding: 0 0 0 21px;color: #E5A743;} 


 

/* User Login page */ 
.route-custom_user_register-user_forgot_password,
.single_page_form,
.route-custom_user_register-user_signup,
.route-custom_user_register-user_signin{background: url(/themes/custom/eevent_theme/images/loginBg.jpg) no-repeat 0 0;width: 100%;display: inline-block;background-size: cover;}
 
.userLogin {max-width: 600px;margin: 40px auto;background: var(--white);padding: 30px;text-align: center;border-radius: 24px;}

.userLogin h2{margin-bottom: 20px;}
.userLogin .actionTop{display: flex;justify-content: center;gap: 15px;min-height: 49px; margin-top: 0;}
.userLogin .actionTop a{width: 100%;justify-content: center;} 
.userForm .rememberMe{margin: 14px 0 0 0;}
.userForm .rememberMe .form-type-checkbox {position: relative;display: inline-block; cursor: pointer;}
.userForm .rememberMe input {appearance: none;position: absolute;z-index: 1;width: 100%;opacity: 0;height: 100%; cursor: pointer;}
.userForm .rememberMe input+label{cursor: pointer;display: flex;align-items: center;position: relative;gap: 5px;}
.userForm .rememberMe input+label::before{content: '';border: solid 1px var(--pink);width: 16px;height: 16px;display: inline-block;border-radius: 100px;}

.userLogin .control .form-item-name .inputText{ background: url(/themes/custom/eevent_theme/images/appMsg.svg) no-repeat 0 0; background-position: calc(100% - 10px); }
.userLogin .control .password-wrapper input[type="text"]+.toggle-password{background: url(/themes/custom/eevent_theme/images/eye-none.svg) no-repeat 0px 0px !important;background-position: calc(100% - 10px);}
.userLogin .control .password-wrapper input[type="password"]+.toggle-password{background: url(/themes/custom/eevent_theme/images/eye-show.svg) no-repeat 0px 0px !important;background-position: calc(100% - 10px);}
.userLogin .control .password-wrapper .toggle-password{font-size: 0;width: 26px;height: 20px;margin-top: -3px;}





 

.userForm .rememberMe input:checked+label::after{content: '';width: 8px;height: 4px;border-left: solid 2px var(--pink);position: absolute;border-bottom: solid 2px var(--pink);rotate: -43deg;left: 4px;top: 7px;}

.userLogin .terms {margin-top: 10px;display: flex;gap: 5px;}
.userLogin .terms .form-type-checkbox{display: inline-block;position: relative;top: 4px;}
.userLogin .terms .tnc{display: inline-block;}
.userLogin .terms .tnc a{color: var(--primaryColor);}
.userLogin .terms .tnc a:hover{text-decoration: underline;}

.userLogin .userForm {margin-top: 20px;text-align: left;}
.userLogin .userForm .actionBtn {  width: 100%; padding: 0;}
.userLogin .userForm .actionBtn.btnStyle3{ width: 100%; flex-direction: initial; margin-top: 0;}

.lgBtn{position: relative; height: 49px;}
.lgBtn::after{display: none;}
.lgBtn span {position: absolute;text-align: center;inset: 0;display: flex;justify-content: center;align-items: center;gap: 5px;}
.lgBtn span::after{ content: '';background: url(/themes/custom/eevent_theme/images/blackRightArrow.svg) no-repeat center center;
width: 13px;height: 11px;display: inline-block;    filter: brightness(100%) invert(1);}
.lgBtn:hover span{flex-direction: row-reverse;}
.lgBtn input {position: absolute;background: #000;inset: 0;opacity: 0;}
 
.userLogin .userForm .bottomText {margin-top: 20px;}
.userLogin .userForm .bottomText p {text-align: center;margin: 0; font-size: 16px;}
.userLogin .userForm .bottomText .socialLogin {display: flex;justify-content: center;gap: 10px;padding:20px 0;}
.userLogin .userForm .bottomText .socialLogin a {border: solid 1px var(--primaryColor);width: 50px;height: 50px;
display: flex;border-radius: 100px;align-items: center;justify-content: center;background: #FFF5F6;}
.userLogin .userForm .bottomText .socialLogin+p{font-weight: 600;}
.userLogin .userForm .bottomText p a {color: var(--pink);}
.userLogin .userForm .forgotPassword {color: var(--primaryColor);margin: 14px 0;display: inline-block;float: right;}
.userLogin .userForm .forgotPassword:hover {color: var(--pink);text-decoration: underline;}
.userLogin .userForm .actionBtn a {width: 100%;justify-content: center;}
.userLogin .userForm .actionContainer {display: flex;justify-content: space-between;gap: 20px; margin-top: 20px;}

.loginHistory{ max-width: 1400px; margin: 40px auto; background: var(--white); border-radius: 10px; overflow-x: auto; width: calc(100% - 40px); padding: 10px; position: relative !important;}
 
.loginHistory table{margin-bottom: 25px; min-width: 1000px; width: 100%;}
.loginHistory header {position: initial;}
.loginHistory table tr{border-bottom: solid 1px var(--lightPink);}
.loginHistory table tr:nth-child(even) {background: #fff9fd;}
.loginHistory table tr th{background: var(--lightPink); border:none;vertical-align: middle;font-size: 16px;padding: 10px;color: var(--primaryColor);font-weight: 600; text-align: left; white-space:nowrap;}
.loginHistory table tr td{border: none;padding: 10px; }
.loginHistory table tr td .Scheduled{color: var(--primaryColor);background: var(--lightPink);padding: 3px 8px;
border-radius: 5px;font-weight: 500;font-size: 14px;}
.loginHistory table tr td .Active{color: #0EA737;background: #CCECD5;padding: 3px 8px;border-radius: 5px;font-weight: 500;
font-size: 14px;}
.loginHistory table tr td.views-field-login {white-space: nowrap;}



.loginHistory nav {position: absolute;bottom: 25px;right: 25px;}
.loginHistory nav ul {display: flex;align-items: center;gap: 10px;}
.loginHistory nav ul li {}

div#block-eevent-theme-local-tasks{background: var(--white); margin: 0 !important;}
.single_page_form form{max-width: 600px;margin: 40px auto;background: var(--white);padding: 30px;border-radius: 24px;width: calc(100% - 15px)}
.single_page_form form .form-item label{margin-bottom: 6px;display: inline-block;font-size: 16px;}
.single_page_form form .form-item .form-text{width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;
padding: 0 10px 0 12px;font-size: 16px;}
.single_page_form form p{font-size: 16px;margin-top: 11px;}

.single_page_form form .form-actions{padding: 0;width: 100%;}
.single_page_form form .form-actions:after {content: '';display: none;}
.single_page_form form .form-actions .form-submit{color: var(--white);width: 100%;padding: 11px 0px;position: relative;
font-size: 16px;cursor: pointer;border: none;font-weight: 600;}
/* .single_page_form form .form-actions .form-submit{color: var(--white);width: 100%;padding: 11px 0px;position: relative;
font-size: 16px;cursor: pointer;background: transparent;border: none;font-weight: 600;} */
.single_page_form form .form-actions .userForgotPassword{width: 100%;}

.discount-tabs {
  display: inline-flex;
  border-radius: 100px;
  overflow: hidden;
  background: var(--grayBg);
  margin: 20px 0;
}

.discount-tabs .tab-link {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 13px 15px;
  cursor: pointer;
  background: transparent;
  color: var(--black);
  text-align: center;
  white-space: nowrap;
  border: none;
  outline: none; /* Remove default button outlines */
  transition: background 0.3s, color 0.3s;
  text-decoration: none; /* Remove link underline */
  min-width: 100px;
}
.discount-tabs .tab-link span{ color: var(--black); padding-left: 5px;}
.discount-tabs .tab-link:first-child {
  border-top-left-radius: 100px;
  border-bottom-left-radius: 100px;
}

.discount-tabs .tab-link:last-child {
  border-top-right-radius: 100px;
  border-bottom-right-radius: 100px;
}
.discount-tabs .tab-link:hover,
.discount-tabs .tab-link.active {
  background: var(--gradient);
  color: var(--white);
}
.discount-tabs .tab-link:hover span,
.discount-tabs .tab-link.active span{ 
  color: var(--white);
}



/* Discount Settings */ 
.discount-setting form{margin-bottom: 25px;}
.discount-setting form .form-number{width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;
padding: 0 10px 0 12px;font-size: 16px;}
.discount-setting form .field--name-field-discount-type{margin-top: 20px;}
.discount-setting form .field--name-field-discount-type fieldset{ margin-bottom: 20px;}
.discount-setting form .field--name-field-discount-type fieldset legend {margin-bottom: 8px;font-weight: normal; font-size: 16px;}
.discount-setting form .field--name-field-discount-type fieldset .fieldset-wrapper>div{display: flex;gap: 20px;flex-wrap: wrap;}
.discount-setting form .tabledrag-toggle-weight-wrapper{margin: 15px 0 30px 0;}

.discount-setting form .field-multiple-table{width: 100%;border: solid 1px var(--primaryColor);border-spacing: 0;}
.discount-setting form .field-multiple-table h4{text-align: left;font-size: 16px;font-weight: 600;margin: 0;color: var(--primaryColor);}

.discount-setting form .field-multiple-table fieldset{background: transparent; border: none; padding: 0; margin: 0;}
.discount-setting form .field-multiple-table thead {background: var(--lightPink);color: var(--primaryColor);
padding: 10px 16px;border-radius: 5px;margin-top: 15px;font-weight: 500;cursor: pointer;font-size: 16px;border: solid 1px var(--primaryColor);}
.discount-setting form .field-multiple-table thead th {border: solid 1px var(--primaryColor);vertical-align: middle;font-size: 16px;font-weight: normal;padding: 10px;color: var(--primaryColor); font-weight: 600;}

.discount-setting form .field-multiple-table tbody tr td{border: solid 1px var(--primaryColor); color:var(--primaryColor); font-weight: 500; width: 20px;padding: 10px;}
.discount-setting form .form-item {margin-top: 10px;}
.discount-setting form .form-item textarea{width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 80px;
padding: 10px;font-size: 16px;}

.discount-setting form .form-item .date-field-wrapper {width: 100%; position: relative;}
.date-field-wrapper {position: relative;}


.discount-setting form .field--widget-daterange-default fieldset{margin-top: 25px;background: var(--lightPink);
padding: 20px;border-radius: 5px;border: solid 1px var(--primaryColor);} 
.discount-setting form .field--widget-daterange-default fieldset legend span{color: var(--primaryColor);}
.discount-setting form .field--widget-daterange-default fieldset .fieldset-wrapper{display: flex;justify-content: space-between; gap: 10px;}
.discount-setting form .field--widget-daterange-default fieldset .fieldset-wrapper .form-item{width: 100%;}
.discount-setting form .field--widget-daterange-default fieldset .fieldset-wrapper input{width: 100%;
border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;padding: 0 10px 0 12px;font-size: 16px;}
.discount-setting form .field--widget-daterange-default fieldset .fieldset-wrapper h4{font-size: 16px;font-weight: normal;}
.discount-setting form .field--widget-daterange-default fieldset .fieldset-wrapper div#edit-field-applicable-for-events-book-0-value {margin-bottom: 15px;}
.discount-setting form .field--widget-daterange-default fieldset .fieldset-wrapper div#edit-field-discount-validity-period-0-value {margin-bottom: 15px;}


.discount-setting form .discountAction{margin-top: 20px;}
.discount-setting form .discountAction .button{background: var(--gradient);color: #FFF;padding: 12px 17px;border-radius: 3px;cursor: pointer;font-size: 16px;border: none;display: inline-block;width:auto;text-align: center; border: solid 1px var(--white);    border-radius: 5px;}
.discount-setting form .discountAction .button:hover{background: var(--gradientHover);}

.discount-setting form .field--type-entity-reference{margin-top: 20px;}
.discount-setting form .field--type-entity-reference fieldset legend {margin-bottom: 9px;font-weight: normal; } 
.discount-setting form .field--type-entity-reference fieldset .form-checkboxes{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;}
.discount-setting form .field--type-entity-reference fieldset .form-checkboxes .form-item{display: flex; align-items: center; gap: 5px;} 
.discount-setting form .field--type-entity-reference fieldset .form-checkboxes .form-item label{margin-bottom: 0;} 

.CurrentDiscounts {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-bottom: 20px;}
.CurrentDiscounts .cardList {border: solid 1px #D9D9D9;border-radius: 10px;padding: 15px 15px;position: relative;}
.CurrentDiscounts .cardList .listRow {display: flex;align-items: center;font-size: 14px;gap: 5px;margin: 5px 0;}
.CurrentDiscounts .cardList .listRow .icons {flex-shrink: 0;width: 22px;height: 28px;display: flex;justify-content: center;align-items: center;}
.CurrentDiscounts .cardList .listRow .content {color: var(--text);}
.CurrentDiscounts .cardList .listRow .rating {background: var(--gradient);display: inline-flex;align-items: center;gap: 2px;
border-radius: 5px;padding: 2px 7px;color: var(--white);}
.CurrentDiscounts .cardList .listRow .icons img {width: 21px;}
.CurrentDiscounts .cardList .trashIcon {position: absolute;top: 7px;right: 7px;display: flex;align-items: center;
justify-content: space-between;gap: 5px;}
.CurrentDiscounts .cardList .trashIcon .edit {cursor: pointer;font-size: 0;width: 20px;height: 20px;
background: url(../images/editIcon.svg) no-repeat center center;border-radius: 5px;background-size: 15px;display: inline-block;}
.CurrentDiscounts .cardList .trashIcon  .delete {cursor: pointer;font-size: 0;width: 20px;height: 20px;background: url(../images/deleteIcon.svg) no-repeat center center;border-radius: 5px;background-size: 15px;display: inline-block;}


.node-confirm-form {max-width: 500px;margin: 50px auto;background: var(--white);text-align: center;display: flex;flex-direction: column;justify-content: center;border-radius: 10px;color: red;}
form.node-confirm-form .form-actions{justify-content: center; gap: 10px;}
.discount-settingEdit {width: 100%;max-width: 1000px;margin: 40px auto;padding: 20px;background: var(--white);border-radius: 10px;}
.discount-settingEdit .vertical-tabs.clearfix{display: none;}



.active-discounts-container{overflow-x: auto; width: 100%;}
table.discount-table{margin-bottom: 25px; min-width: 700px;}
table.discount-table tr{border-bottom: solid 1px var(--lightPink);}
table.discount-table tr:nth-child(even) {background: #fff9fd;}
table.discount-table tr th{background: var(--lightPink); border:none;vertical-align: middle;font-size: 16px;padding: 10px;color: var(--primaryColor);font-weight: 600;}
table.discount-table tr td{border: none;padding: 10px; }
.dropbutton-multiple{margin: 0 !important;padding: 0 !important;width: 100%;min-width: 100px;}
table.discount-table tr td .Scheduled{color: var(--primaryColor);background: var(--lightPink);padding: 3px 8px;
border-radius: 5px;font-weight: 500;font-size: 14px;}
table.discount-table tr td .Active{color: #0EA737;background: #CCECD5;padding: 3px 8px;border-radius: 5px;font-weight: 500;
font-size: 14px;}
 
.dropbutton-multiple .dropbutton-widget{background: var(--lightPink);border: solid 1px var(--primaryColor);color: var(--black);min-height: 32px;width: 100%;}
.dropbutton-multiple .dropbutton-widget .dropbutton{padding: 26px 10px 3px 10px;width: 100%;}
.dropbutton-multiple .dropbutton-widget .dropbutton a{font-size: 16px; font-weight: bold;} 
.dropbutton-multiple .dropbutton-widget .dropbutton .dropbutton-action:first-child {position: absolute;left: 10px;
top: 3px;right: 0;padding-right: 31px;}

.dropbutton-multiple .dropbutton-widget .dropbutton .dropbutton-action a{color: black;}
.dropbutton-multiple .dropbutton-widget .dropbutton .dropbutton-toggle{width: 26px;right: 3px;background: var(--primaryColor);
top: 3px;height: 24px;}
.dropbutton-multiple .dropbutton-widget .dropbutton .dropbutton-arrow{color: var(--white); right: 8px;}
.dropbutton-multiple .dropbutton-widget .dropbutton .secondary-action{padding: 3px 0;}
.dropbutton-multiple .dropbutton-widget .dropbutton .secondary-action:hover{color: var(--primaryColor);}
    

/* Your QuoteRequests ViewDetails */
.requestWrap{display: flex;justify-content: space-between;gap: 30px;}

.quotRequestDetail h6{ margin: 20px 0;}
.quotRequestDetail .featuredBox{background: var(--white);border-radius: 5px;overflow: hidden;display: flex;gap: 20px;
padding: 20px;}
.quotRequestDetail .featuredBox .featuredImg{position: relative;width: 100%;max-width: 350px;border-radius: 5px;overflow: hidden; max-height: 350px;}
.quotRequestDetail .featuredBox .featuredImg img{height: 100%;width: 100%;object-fit: cover;} 
.quotRequestDetail .featuredBox .featureContent{position: relative;width: 100%;}
.quotRequestDetail .featuredBox .featureContent h6 {margin: 0 0 8px 0;}

.quotRequestDetail .serviceRequest .bgWhite{background: var(--white);padding: 20px 20px 10px 20px;border-radius: 5px;
display: inline-block;width: 100%;}
.quotRequestDetail .serviceRequest .grayBox{background: var(--grayBg);padding: 20px;border-radius: 5px;margin-bottom: 10px;}
.quotRequestDetail .serviceRequest .grayBox h6{color: var(--primaryColor);font-size: 18px;padding: 0; margin: 0 0 5px 0; font-size: 16px;}
.quotRequestDetail .serviceRequest .grayBox p{margin: 3px 0 0 0;
    font-style: italic;}

.catering-details-section h6 {
    display: inline-block;
}
.quotRequestDetail .serviceRequest .grayBox .catering-details-section h6 {
    margin-top: 15px;
}


.quotRequestDetail .InspDiscription h6{border-top: antiquewhite;padding-top: inherit;}
/* .quotRequestDetail .InspDiscription .InspirationImg{ background: var(--white);padding: 20px; border-radius: 5px;} */
.quotRequestDetail .InspDiscription .InspirationImg .img {border-radius: 10px;overflow: hidden; aspect-ratio: 1; max-height: 121px;}
.quotRequestDetail .InspDiscription .InspirationImg img{transition: all 0.3s ease-in-out; height: 100%; object-fit: cover; max-height: 121px; width: 100%; aspect-ratio: 1;}


 
.requestWrap .quotRequestDetail {width: 100%;}
.requestWrap .quotRequestDetail .galleryProvider {background: #FFF;padding: 15px ;border-radius: 10px;}
.requestWrap .requestStaus {max-width: 400px;width: 100%;}
.requestWrap .requestStaus .statusContent {padding-bottom: 20px;background: var(--white);padding: 20px;border-radius: 5px;}
 
.requestWrap .requestStaus .statusContent .statusList .rowS {display: flex;justify-content: space-between;margin-bottom: 10px;}
 
.requestWrap .requestStaus .statusContent .statusList .rowS .item .msgAlert {position: static;}
.requestWrap .requestStaus .statusContent .actionBtn {display: flex;flex-direction: column;gap: 10px;margin-top: 25px;}


.requestWrap .requestStaus .statusContent .infoWrap{margin-top: 20px;}
 
.requestWrap .requestStaus .statusContent .infoWrap .infoAddress .userName{position: relative;display: flex;gap: 5px;align-items: center;margin-top: 15px;}
.requestWrap .requestStaus .statusContent .infoWrap .infoAddress .userName::before{content: '';background:#F5F5F7 url(../images/postUser.svg) no-repeat center center;width: 30px;height: 30px;display: inline-block;border-radius: 100px;background-size: 13px;}
.requestWrap .requestStaus .statusContent .infoWrap .infoAddress .envelop{display: flex;align-items: center;gap: 5px;margin-top: 10px;}
.requestWrap .requestStaus .statusContent .infoWrap .infoAddress .envelop::before{content: '';background:#F5F5F7 url(../images/envelop.svg) no-repeat center center;width: 30px;height: 30px;display: inline-block;border-radius: 100px;background-size: 16px;}
.requestWrap .requestStaus .statusContent .infoWrap .infoAddress .envelop a{color: var(--black);}

.actionSticky{display: none;}


.booking-request-page-confirm-form .dateAndTimeContainer label{width: 100%;}
.booking-request-page-confirm-form .dateAndTimeContainer .date-field-wrapper{width: 100%; display: inline-block;}



  
.reviewWrap .reviewBlock{display: flex;flex-wrap: wrap;gap: 15px;background: var(--white);padding: 20px;width: 100%;border-radius: 5px;margin-bottom: 10px;}
.reviewWrap .reviewBlock .author{display: flex;justify-content: space-between;width: 100%;margin-bottom: 9px;}
.reviewWrap .reviewBlock .author .authorPic{color: #5A5A5A;position: relative;padding: 0 0 0 60px;}
.reviewWrap .reviewBlock .author .authorPic>img{width: 48px;height: 48px;border-radius: 100px;position: absolute;left: 0;top: 0;}
.reviewWrap .reviewBlock .author .authorPic .name{font-size: 16px;margin: 0 0 6px 0;}
.reviewWrap .reviewBlock .author .authorPic .rateJob{font-size: 16px;color: #5A5A5A;}
.reviewWrap .reviewBlock .author .rightPart{ text-align: right;} 
.reviewWrap .reviewBlock .author .rightPart .price {color: var(--primaryColor);font-weight: 500;}

.reviewWrap .reviewBlock .author .rateJob{font-size: 16px;}
.reviewWrap .reviewBlock .author .rateJob .star img{width: 17px;height: 20px;}

.reviewWrap .reviewBlock .timeDetail .calendar {background:url(../images/calGradient.svg) no-repeat 0 0;background-size: 20px;}
.reviewWrap .reviewBlock .timeDetail .price {background:url(../images/dollarGradient.svg) no-repeat 0 0;}
.reviewWrap .reviewBlock .timeDetail .timeClock {background:url(../images/clockGraydient.svg) no-repeat 0 0;}
 
.reviewWrap .reviewBlock .timeDetail .priceColor {color: var(--primaryColor);}
.reviewWrap .reviewBlock .timeDetail p {display: flex;margin: 7px 0;justify-content: space-between;align-self: flex-end;align-items: center;gap: 20px;padding-left: 27px;}
.reviewWrap .reviewBlock .timeDetail .serviceName{background: url(../images/serviceGradient.svg) no-repeat 1px 0; font-weight: bold;} 
.reviewWrap .reviewBlock .timeDetail .proposedTime{background: url(../images/clockGraydient.svg) no-repeat 0 0;} 
 

.reviewWrap .reviewBlock .providerText h6{background: url(../images/refresh.svg) no-repeat 0 0;padding-left: 27px;background-size: 21px;
margin-bottom: 0;padding-bottom: 8px;}
.reviewWrap .reviewBlock .providerText ul{padding: 0 0 0 20px;}

.reviewWrap .reviewBlock .actionBtnRow {display: flex;flex-wrap: wrap;gap: 10px;width: 100%;justify-content: space-between;align-items: center;}
.reviewWrap .reviewBlock .actionBtnRow .actionBtn {display: flex;flex-wrap: wrap;gap: 10px; width: 100%;}
.reviewWrap .reviewBlock .actionBtnRow .expired {background: url(../images/clockGraydient.svg) no-repeat 0 3px;
background-size: 15px;padding: 0 0 2px 18px;font-size: 14px;color: var(--pink);}

 


 

/* Provider profile */

.ProfileHeader { position: relative;}
.ProfileHeader .profileImage{position: relative;}
.ProfileHeader .profileImage:after{content:'';position: absolute;inset: 0;background: rgb(0 0 0 / 55%);}
.ProfileHeader .profileImage img{width: 100%;object-fit: cover;height: 500px;}
.ProfileHeader .profileRow{position: absolute;bottom: 0;z-index: 1;padding: 40px;display: flex;justify-content: space-between;width: 100%; }
.ProfileHeader .profileRow .detailProfile{display: flex;align-items: center;gap: 20px;}
.ProfileHeader .profileRow .detailProfile .profileImg{width: 150px;height: 150px;border-radius: 5px;overflow: hidden;flex-shrink: 0;}
.ProfileHeader .profileRow .detailProfile .profileImg img{height: 100%;width: 100%;border-radius: 5px;object-fit: cover;border: solid var(--white);} 
.ProfileHeader .profileRow .profileDetails p{margin: 0 0 5px;font-size: 16px;}
.ProfileHeader .profileRow .profileDetails .location{display: flex;gap: 4px;}
.ProfileHeader .profileRow .profileDetails .location:before{background: url(../images/locationMap.svg) no-repeat 0 3px;content:'';width: 15px;height: 19px;display: inline-block;padding-bottom: 4px;filter: brightness(100%) invert(1);}

.ProfileHeader .profileRow .profileActions .shareIcon .action-flag{background: var(--white); border-radius: 100px;}
.ProfileHeader .profileRow .profileActions .shareIcon .action-unflag{   border-radius: 100px;  background: var(--gradient);}



.profilerProfileWrap {display: flex;gap: 30px; justify-content: space-between;} 
.profilerProfileWrap .providerRight{width: 100%;max-width: 400px; margin-top: 68px;} 

.profileActions{display: flex;align-items: flex-end;gap: 5px;}
.profileActions .Verified{display: flex;color: var(--white);background: #000;padding: 6px 10px;border-radius: 100px;
align-items: center;gap: 4px;font-size: 14px;}
.profileActions .shareIcon {position: relative;visibility: visible;opacity: 1;gap: 5px;}
/* .profileActions .shareIcon .action-flag a{background: var(--gradient);} */
/* .profileActions .shareIcon .action-flag a svg{filter: brightness(100);} */
.shareIconBlack .action-unflag a{background: var(--gradient);} 
.shareIconBlack .action-unflag a img,
.shareIconBlack .action-unflag a svg{filter: brightness(100);}  





.action-flag a, 
.detailContent .shareIconBlack .action-flag{ background: transparent;}

.shareIcon .flag-favorites a{background: var(--white);}
.shareIcon .flag-favorites a:hover{background: var(--gradient);}
.shareIcon .action-unflag a{background: var(--gradient);}
.shareIcon .action-unflag a img,
.shareIcon .action-unflag a svg{filter: brightness(100);}  




.profilerProfileWrap .providerLeft{width:calc(100% - 400px);}
.profilerProfileWrap .providerLeft .gridLitTab{justify-content: center;}
.profilerProfileWrap .providerLeft .gridLitTab .tab:first-child{ border-radius: 100px 0 0 100px; }
.profilerProfileWrap .providerLeft .gridLitTab .tab{border-radius: 0; }
.profilerProfileWrap .providerLeft .gridLitTab .tab:last-child{ border-radius: 0;border-radius: 0 100px 100px 0;}
 

.profilerProfileWrap .providerLeft .tabingNav{background: var(--white);padding: 20px;border-radius: 5px;margin-top: 20px;}

.profilerProfileWrap .providerLeft .tabingNav .aboutBlock .listRed{display: grid;grid-template-columns: 1fr 1fr;gap: 10px;margin-bottom: 30px;margin-top: 19px;}

/* .profilerProfileWrap .providerLeft .tabingNav .aboutBlock .InspirationImg{}
.profilerProfileWrap .providerLeft .tabingNav .aboutBlock .InspirationImg .img {border-radius: 10px;overflow: hidden;}
.profilerProfileWrap .providerLeft .tabingNav .aboutBlock .InspirationImg img {width: 100%;height: 100%;object-fit: cover;transition: all 0.3s ease-in-out;aspect-ratio: 1;}

.profilerProfileWrap .providerLeft .tabingNav .aboutBlock .InspirationImg .img:hover img{opacity: 0.5; transition: all 0.3s ease-in-out;filter: hue-rotate(45deg);} */
 
.galleryProvider .swiper-slide {display: flex;}
.galleryProvider .swiper-slide .img {display: flex;}
.galleryProvider .swiper-slide img {aspect-ratio: 1;object-fit: cover;border-radius: 10px;padding: 0;border: solid 1px #ddd; }
.galleryProvider .swiper-pagination {position: static;margin-top: 9px;}
.galleryProvider .swiper-pagination .swiper-pagination-bullet {background: #ddd;margin: 0 2px;width: 12px;height: 12px;}
.galleryProvider .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background: var(--primaryColor);}


.providerRight  h3 {font-size: 20px;margin-bottom: 19px;}


.profileRating{display: flex;align-items: center;gap: 5px; font-size: 14px;}
.profileRating .rating{background: var(--gradient);color: var(--white);display: inline-flex;align-items: center;
gap: 2px;border-radius: 5px;padding: 2px 7px; color: var(--white);}
.profileRating .rating::before{content: '';background: url(../images/starGraydient.svg) no-repeat center center;width: 15px;height: 15px;display: inline-block;filter: brightness(100);}
 .profileRating .reviews{color: var(--black);}
 


.providerRight .proServiceBox .booking{background: var(--white);padding: 20px;border-radius: 5px;}
.providerRight .proServiceBox .booking a{width: 100%;margin-bottom:15px;}
.providerRight .proServiceBox .why-choose{background: var(--white);padding: 20px;border-radius: 5px;margin-top: 20px; display: none;}
.providerRight .proServiceBox .why-choose .rowBox{display: flex;align-items: self-start;gap: 10px;margin-top: 15px;}
.providerRight .proServiceBox .why-choose .rowBox .icons{background: var(--grayBg);width: 45px;height: 45px;display: flex;align-items: center;justify-content: center;
border-radius: 100px;flex-shrink: 0;}
.providerRight .proServiceBox .why-choose .rowBox .content h6{font-size: 18px;margin: 0 0 4px 0;}
.providerRight .proServiceBox .why-choose .rowBox .content p{margin: 0;font-size: 14px;}

/* Service Listings My Listings */ 
/* add service form node */
.node-services-form {background: var(--white);display: block;width: 100%; position: relative;}
.node-services-form .clickLlink {color: var(--text);font-size: 14px;}
.node-services-form .clickLlink a{color:var(--primaryColor)}
.node-services-form .clickLlink a:hover{text-decoration: underline;}

.node-services-form .grid4 {grid-template-columns: repeat(3, 1fr);}


.route-node-add .mainContent {max-width: 1200px;width: 100%;margin: 40px auto;}
.node-services-form .form-item {margin-bottom: 15px;}
.node-services-form .form-item select {width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;padding: 0 10px 0 12px;font-size: 16px; }
.node-services-form .form-item .form-type-number{}
.node-services-form .form-item .form-type-number label{}

.node-services-form .form-item select[multiple="multiple"] {height: auto;max-height: 200px;overflow-y: auto; padding: 0 !important; background: none;}
.node-services-form .form-item select[multiple="multiple"] option {padding: 5px 10px !important;font-size: 16px;line-height: 1.5;}

.node-services-form .form-item select option:disabled {color: gray; display: none;}
.node-services-form .form-item label {display: block;margin-bottom: 6px;}
.node-services-form .form-item .form-text {width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;padding: 0 10px 0 12px;font-size: 16px;}
.node-services-form .form-item textarea {width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 80px;padding: 0 10px 0 12px;font-size: 16px;}
.node-services-form .form-item .field-edit-link {font-size: 0;margin-left: 12px;}
.node-services-form .form-item label .field-edit-link {margin-left: 0;}
.node-services-form .form-item .field-edit-link .link-edit-summary {border-radius: 5px;border: none;align-items: center;
padding: 0;font-size: 16px;font-weight: bold;cursor: pointer;background: transparent;color: var(--primaryColor);text-decoration: underline; display: none;}
.node-services-form .form-item #edit-body-0-format-help-about {background: var(--gradient);border-radius: 5px;color: white;align-items: center;border: solid 1px #FFF;padding: 7px 19px;font-size: 16px;cursor: pointer;}
.node-services-form .form-item .js-filter-guidelines {display: inline-block;margin-top: 40px;}
.node-services-form .form-item .js-filter-guidelines ul {margin: 0 0 0 20px;}
.node-services-form .form-item .js-filter-guidelines ul li {list-style-type: decimal;display: list-item;margin-bottom: 9px;}
.node-services-form fieldset.form-item {background: var(--lightPink);color: var(--primaryColor);padding: 10px 16px;border-radius: 5px;
margin-top: 15px;font-weight: 500;cursor: pointer;font-size: 16px;border: solid 1px var(--primaryColor);}
.node-services-form .form-item .form-type-checkbox{display: flex; gap: 5px; align-items: center; width: 25%;}
.node-services-form .form-item .form-type-checkbox label{margin: 0;}

/* .node-services-form .form-item.form-type-number label:after {
    content: '*';
    color: red;
} */

.node-services-form .form-item.form-type-number label:not([for="edit-field-minimun-deposite-amount-0-value"]):after {
    content: '*';
    color: red;
}

.select-all-for-event-category {margin: 10px 0 20px 0;}
.node-services-form .form-item .select-all-for-event-category label {display: flex;align-items: center;font-weight: bold;}



.node-services-form fieldset.form-item.form-composite span.fieldset-legend{ color: var(--primaryColor); font-weight: normal; font-size: 16px;}
.node-services-form .form-composite .form-checkboxes{display: flex;flex-wrap: wrap;}   

 
.node-services-form fieldset.form-item .fieldset-wrapper span.field-prefix {margin-bottom: 15px;display: inline-block;}
.node-services-form fieldset.form-item .fieldset-wrapper .form-submit {background: var(--gradient); color: #FFF;padding: 12px 17px;border-radius: 3px;cursor: pointer;font-size: 16px;border: none;display: inline-block;width: 100%;text-align: center; border: solid 1px var(--white); height: auto; width: auto; border-radius: 5px;}
.node-services-form fieldset.form-item .fieldset-wrapper .form-submit:hover {background: var(--gradientHover);}

 
.node-services-form fieldset.form-item legend span.fieldset-legend {font-size: 20px;}
.node-services-form fieldset.form-item .fieldset-wrapper .description {margin-top: 13px;}

.tabledrag-toggle-weight-wrapper button {background:var(--gradient);border-radius: 5px;color: white;align-items: center;padding: 10px 22px;border: solid 1px #FFF;font-size: 16px;}
.tabledrag-toggle-weight-wrapper button:hover {background: var(--gradientHover);}
.node-services-form .form-item table {width: 100%;}
.node-services-form .form-item table  thead {text-align: left;}
.node-services-form .form-item table thead th:nth-child(2) {display: none;}

.node-services-form .form-item table tr td select {width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;
height: 40px;padding:0x;font-size: 16px;}
 
 
.node-services-form .form-item table tr td .tabledrag-handle .handle {margin: 0;}

.node-services-form .service-packaged-hours-buttons,
.node-services-form .min-hours-buttons {position: absolute;right: 1px;margin-top: -54px;display: flex;border-radius: 0;overflow: hidden;gap: 0;}

.node-services-form .service-packaged-hours-buttons button,
.node-services-form .min-hours-buttons button {background: #FFF;border: none;width: 24px;color: var(--black);font-size: 18px;height: 38px;border-radius: 5px;}

.node-services-form .service-packaged-hours-buttons button:first-child,
.node-services-form .min-hours-buttons button:first-child {font-size: 22px;padding-bottom: 6px;border-radius: 0;border: none;border-left: solid 1px #A3A3A3;border-right: solid 1px #A3A3A3;}

.node-services-form .service-packaged-hours-buttons:last-child,
.node-services-form .min-hours-buttons button:last-child {border-radius: 0 5px 5px 0;border-right: none;border-top: none;
border-bottom: none;}



.node-services-form .form-item table tr td input.button{margin-left:auto;display: block;color: var(--white);border: solid 1px var(--primaryColor);
cursor: pointer;font-size: 0;width: 37px;height: 39px;background: url(../images/deleteIcon.svg) no-repeat center center;
border-radius: 5px;background-size: 15px;top: 0;}
 

.node-services-form .form-item table thead h4 {font-size: 16px;}

.node-services-form .form-item .clearfix input.button[value="Remove"] {width: 23px; height: 23px;
font-size: 0;border-radius: 100px;border: none; flex-shrink: 0;}

 
.node-services-form .form-item .shs-container .shs-field-container .shs-widget-container {width: 100%; margin-bottom: 0;}
.node-services-form .form-item .shs-container .shs-field-container .shs-widget-container+.shs-widget-container{background: var(--lightPink);padding: 14px;border-radius: 5px; margin-bottom: 0; margin-top: 10px;}
.node-services-form .form-item .shs-container .shs-field-container .shs-widget-container+.shs-widget-container:before {
content: 'Sub Category';margin-bottom: 7px;display: inline-block;}
.node-services-form .form-item .shs-container .shs-addnew-container .add-another {display: inline-flex;
align-items: center;gap: 4px;color: var(--pink);border-bottom: solid 1px;}
.node-services-form .form-item .shs-container .shs-addnew-container{width: 100%;}
.node-services-form .form-item .shs-container .shs-addnew-container .add-another:before {content: '+';
font-weight: bold;font-size: 21px;}


.node-services-form .form-item input.form-number,
.node-services-form .form-item input {width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: auto;padding: 0 10px 0 12px;font-size: 16px; height: 40px;}
.node-services-form .form-item input[type="checkbox"] {width: 17px;height: 17px;background-size: contain;border: none;}

.node-services-form .discountAction .button{background: url(../images/plus.svg) no-repeat 0 center;font-size: 16px;display: flex;color: var(--text);align-items: center;margin-top: 0;padding: 0 0 0 14px;width: auto;border: none;height: auto;}
.node-services-form .discountAction .button:hover{    background: url(../images/plusHover.svg) no-repeat 0 center;
    color: var(--primaryColor);}

.node-services-form .field--name-field-likes {width: 49%;float: left;}
 
.node-services-form .field--name-field-likes input {width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;
height: 40px;padding: 0 10px 0 12px;font-size: 16px;}
.node-services-form .field--name-field-rating input {width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;
padding: 0 10px 0 12px;font-size: 16px;}
.node-services-form .field--name-field-rating {float: right;width: 50%;}
 
.node-services-form .field--name-field-featured .js-form-type-checkbox {display: flex;align-items: center;margin-top: 15px;}
.node-services-form .field--name-field-featured .js-form-type-checkbox label {margin: 0;}
 
.node-services-form .tabledrag-toggle-weight-wrapper button {display: none;}
.node-services-form .form-item .field-multiple-table .field-multiple-drag{display: none;}
.node-services-form .form-item .field-multiple-table td{vertical-align: top;}
.node-services-form .form-item .field-multiple-table td:nth-child(3) {width: 40px;}


.touchevents .draggable td.field-multiple-drag{position: absolute;}
.node-services-form .vertical-tabs.clearfix {display: none;}
.node-services-form .form-item .js-filter-wrapper{display: none;}

.node-services-form .form-item .field-multiple-table .field-label h4 {margin: 0 0 5px 0; font-weight: normal;}
.node-services-form .form-item .field-multiple-table .field-label .paragraphs-actions {margin-top: -15px;}
.node-services-form .form-item .field-multiple-table tr td select{ padding: 0;} 

.paragraphs-actions .paragraphs-dropdown-actions {background: var(--lightPink);color: var(--primaryColor);padding: 5px 10px;
border-radius: 5px;font-weight: 500;cursor: pointer;font-size: 16px;border: solid 1px var(--primaryColor);margin-top: 0; 
width: auto; gap: 5px;}

.paragraphs-dropdown.open .paragraphs-dropdown-actions .button {border: none;background: var(--gradient);padding: 9px 18px;font-size: 14px;color: #FFF; margin: 5px 0px;}


.node-services-form .paragraph-type--service-highlights #edit-field-service-highlights-0-subform {display: block;}

.node-services-form .field-multiple-table .paragraphs-subform{display: grid; grid-template-columns: 1fr 1fr; gap: 20px;}
.node-services-form .paragraphs-subform h4{font-size: 16px;margin: 0 0 10px 0; font-weight: normal;}
  
.node-services-form .field--name-field-service-media-gallery { }
.node-services-form .form-type-managed-file{margin-bottom: 0;padding: 15px;border-radius: 10px;background: var(--lightPink);}
.node-services-form .form-type-managed-file img {border: solid 1px #FFF;margin-bottom: 5px;height: 56px;
width: 75px;object-fit: cover;padding: 3px;background: var(--white);}
.node-services-form .form-type-managed-file .description{color: var(--pink); font-size: 14px;;}
.node-services-form .form-type-managed-file input[type="file"]{padding: 10px;border: 1px dashed #FF5A6B;
background-color: var(--white);transition: 0.25s ease-in-out;border-radius: 5px;height: auto;width: auto; margin-bottom: 15px; cursor: pointer; width: 100%;}
.node-services-form .form-type-managed-file input[type="file"]::file-selector-button {padding: 1em 1.5em;border-width: 0;border-radius: 5px;background:var(--gradient);color: var(--white);transition: all 0.25s ease-in-out;cursor: input;margin-right: 1em;cursor: pointer;}
.node-services-form .form-type-managed-file input[type="file"]:hover {border-color: #888;}
.node-services-form .form-type-managed-file input[type="file"]:hover::file-selector-button {color: var(--white);transition: all 0.5s ease-in-out;background: linear-gradient(289.44deg, var(--primaryColor) 1.67%, #FF5A6B 75.14%);box-shadow: 0px 8px 15px 0px #FF627CB0;}


.node-services-form .field--name-field-service-media-gallery .draggable a.tabledrag-handle{display: none;}
.node-services-form .field--name-field-service-media-gallery summary {margin-bottom: 6px;}
.node-services-form .field--name-field-service-media-gallery table th {display: none;}
 
.node-services-form .field--name-field-service-media-gallery input.button[value="Remove"] {width: auto;background: no-repeat;
height: auto;cursor: pointer;border: none;padding: 0;color: var(--primaryColor);font-weight: 600;margin-top: 0;
display: inline-block;font-size: 16px; top: 0;}

  
.profileForm .node-services-form form .form-type-managed-file .form-managed-file span{font-size: 13px; display: none;}
.profileForm .btnStyle::after{display: none;}
.user-profile-photo-upload-modal-form .form-type-managed-file .form-managed-file span{font-size: 13px; display: none;}

.profileForm form .galleryImageContainer table .form-managed-file input.error {display: none;}

 
 
/* file upload design */

.profileForm form .galleryImageContainer{background: var(--lightPink);padding: 20px;border-radius: 5px;border: solid 1px var(--primaryColor); margin-top: 20px;} 
.profileForm form .galleryImageContainer .tabledrag-toggle-weight-wrapper{display: none;}
.profileForm form .galleryImageContainer table{margin-top: 10px;}
.profileForm form .galleryImageContainer table .form-managed-file {display: flex;align-items: center;gap: 5px;}
.profileForm form .galleryImageContainer table .form-managed-file img{border: solid 1px #e3cada;margin-bottom: 5px;
height: 56px;width: 75px;object-fit: cover;padding: 3px;background: var(--white);border-radius: 7px;}
.profileForm form .galleryImageContainer table .form-managed-file span{font-size: 13px; display: none;}
.profileForm form .galleryImageContainer table .form-managed-file .button{top: 3px;}
.profileForm form .galleryImageContainer table th{display: none;}
.profileForm form .galleryImageContainer .form-type-managed-file{ border: none; padding: 0; margin-top: 5px;}
.profileForm form .galleryImageContainer .form-type-managed-file .description {font-size: 14px;color: var(--primaryColor);}
.profileForm form .galleryImageContainer table .form-managed-file .form-type-checkbox{display: none;}




.profileForm form .galleryImageContainer table tbody {margin-top: 11px;display: flex;flex-wrap: wrap;gap: 10px;}
.profileForm form .galleryImageContainer table tbody tr {position: relative;}
.profileForm form .galleryImageContainer table tbody tr td {display: inline-block;}
.profileForm form .galleryImageContainer table thead {display: none;}
.profileForm form .galleryImageContainer table tbody tr .tabledrag-handle {display: none;}
.profileForm form .galleryImageContainer table tbody tr td .button {top: -4px;}

.profileForm form .galleryImageContainer table tbody tr td:last-child {position: absolute;right: 0;top: -8px;}

/* Subscription Plan */

.user-subscription-form{margin-bottom: 40px; display: grid;grid-template-columns: 1fr 1fr;gap: 20px; margin-top: 20px;}
.user-subscription-form{margin-bottom: 40px; display: grid;grid-template-columns: 1fr 1fr;gap: 20px; margin-top: 20px;}
.user-subscription-form legend span{font-size: 25px;font-weight: 700;}
.user-subscription-form #edit-subscription-type{display: flex;gap: 10px;}
.user-subscription-form #edit-subscription-type .form-type-radio{position: relative;display: flex;}
.user-subscription-form #edit-subscription-type .form-type-radio input{position: absolute;inset: 0;opacity: 0;}
.user-subscription-form #edit-subscription-type .form-type-radio input:checked{ }
.user-subscription-form #edit-subscription-type .form-type-radio input:checked+label{background: var(--gradient);color: #FFF;}
.user-subscription-form #edit-subscription-type .form-type-radio label{width: 100%;height: 100%;padding: 55px 15px 9px 15px;border-radius: 5px;color: var(--white);border: solid 2px var(--primaryColor);background: #FFEEF0;color: var(--primaryColor);width: 115px;height: auto;font-size: 16px;text-align: center; cursor: pointer;}
.user-subscription-form #edit-subscription-type .form-type-radio label:after {content: '';width: 30px;height: 30px;
display: inline-block;border-radius: 100px;border: solid 2px;position: absolute;top: 14px;left: 40px;}
.user-subscription-form #edit-subscription-type .form-type-radio label:before {content: '';width: 14px;height: 6px;border-left: solid;border-bottom: solid;position: absolute;rotate: -45deg;top: 24px;left: 49px;} 
.user-subscription-form .form-actions .button {background: var(--gradient);
border-radius: 5px;color: white;font-size: 16px;border: none;padding: 9px 25px;}
.user-subscription-form .form-actions .button:hover {background: linear-gradient(107.73deg, #FF5A6B 10.98%, var(--primaryColor) 78.39%);}

.SubscriptionPlan .ghostBtn{ max-width: 170px;}

.user-subscription-form .fieldset-wrapper{margin-top: 5px;}
 
.SubscriptionPlan .plans .plan{border: solid 1px #DDD;padding:15px;border-radius: 10px; position: relative; }
/* .SubscriptionPlan .plans .plan .ajax-progress {display: none !important;} */
.SubscriptionPlan .plans .plan .billing-toggle {gap: 0;display: inline-flex;flex-wrap: wrap;background: var(--white);
padding:0; border-radius: 100px;}
.SubscriptionPlan .plans .plan .billing-toggle .checkbox {margin-right: 0;display: flex;align-items: center;}
.SubscriptionPlan .plans .plan.recommended{border: solid 2px var(--primaryColor);background: #FFEEF0;}
.SubscriptionPlan .plans .plan.recommended:after {content: 'RECOMMENDED';  position: absolute;  background: var(--gradient);  top: -14px;  color: white;  right: 19px;  padding: 5px 12px 5px 12px;border-radius: 4px;  font-size: 14px;}
.SubscriptionPlan .plans .plan .btnStyle {margin-bottom: 4px;}
 

.user-subscription-form  #edit-billing-options{gap: 0;display: inline-flex;flex-wrap: wrap;background: var(--white);padding:5px;border-radius: 100px; margin-top: 0;}
.user-subscription-form  #edit-billing-options .form-item{position: relative;}
.user-subscription-form  #edit-billing-options .form-item input{position: absolute;inset: 0;opacity: 0; }
.user-subscription-form  #edit-billing-options .form-item input:checked{ }
.user-subscription-form  #edit-billing-options .form-item label{padding: 5px 13px;border-radius: 100px; margin:0; cursor: pointer; font-size: 15px;}
.user-subscription-form  #edit-billing-options .form-item input:checked+label{ background: var(--gradient);color: var(--white);}
 
 

.route-view-commerce_user_orders-order_page table {width: 100%;margin: 40px auto;background: var(--white);max-width: 1000px;}
.route-view-commerce_user_orders-order_page table{min-width: 700px;margin: 40px auto;background: var(--white);}
.route-view-commerce_user_orders-order_page table tr{border-bottom: solid 1px var(--lightPink);}
.route-view-commerce_user_orders-order_page table tr:nth-child(even) {background: #fff9fd;}
.route-view-commerce_user_orders-order_page table tr a{color: var(--primaryColor);cursor: default;}
.route-view-commerce_user_orders-order_page table tr th{background: var(--lightPink); border:none;vertical-align: middle;font-size: 16px;padding: 10px;color: var(--primaryColor);font-weight: 600;}
.route-view-commerce_user_orders-order_page table tr td{border: none;padding: 10px;text-align: center;} 
 


.SubscriptionPlan .plans .price{font-weight: bold;color: var(--primaryColor);font-size: 20px;margin-bottom: 11px;}
.SubscriptionPlan .plans .price span{font-weight: normal; font-size: 16px;}
.SubscriptionPlan .plans ul{margin: 12px 0 20px 0;}
 
 
.checkbox input{appearance: none;background: url(/themes/custom/eevent_theme/images/radioBlank.svg) no-repeat center center;width: 15px;height: 15px;display: inline-block;background-size: cover;margin-right: 4px;}
.checkbox input:checked{appearance: none;background: url(/themes/custom/eevent_theme/images/radioFill.svg) no-repeat center center;background-size: cover;}

.radioBtn input{appearance: none;background: url(/themes/custom/eevent_theme/images/radioBlank.svg) no-repeat center center;width: 15px;height: 15px;display: inline-block;background-size: cover;margin-right: 4px;}
.radioBtn input:checked{appearance: none;background: url(/themes/custom/eevent_theme/images/radioFill.svg) no-repeat center center;background-size: cover;}

input[type="radio"]{appearance: none;background: url(/themes/custom/eevent_theme/images/radioBlank.svg) no-repeat center center;width: 15px;height: 15px;display: inline-block;background-size: cover;margin-right: 4px; border-radius: 100px;}
input[type="radio"]:checked{appearance: none;background: url(/themes/custom/eevent_theme/images/radioFill.svg) no-repeat center center;background-size: cover;}

input[type="checkbox"]:focus{ border: none !important; }
input[type="checkbox"]{appearance: none;background: url(/themes/custom/eevent_theme/images/checkboxBlank.svg) no-repeat center center;width: 17px;height: 17px;display: inline-block;background-size: cover;margin-right: 4px;}
input[type="checkbox"]:checked{appearance: none;background: url(/themes/custom/eevent_theme/images/checkboxFill.svg) no-repeat center center;background-size: cover;}



.user-subscription-form .form-actions {margin-top: 20px;}


.subscriptionHistoryTable{}



/* Two-Factor Authentication */
 
.Two-Factor ul {margin: 16px 0 16px 0;}
.Two-Factor .recovery {margin: 16px 0 16px 0;}

.tfa-disable {max-width: 600px;margin:40px auto;background: #FFF; padding: 30px;    width: calc(100% - 30px);}
.tfa-disable .form-item{ max-width:  100%;}
.tfa-disable .form-item label{display: inline-block;margin-bottom: 6px; }
.tfa-disable .form-item .form-text{width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;padding: 0 10px 0 12px;
font-size: 16px;}
.tfa-disable .form-actions{margin-top: 20px;}
.tfa-disable .form-actions .form-submit{ background: var(--gradient); border-radius: 5px;color: white; font-weight: 600; font-size: 16px;cursor: pointer; padding: 11px 15px;border: solid 1px #FFF; transition: all 0.5s ease-in-out;}
.tfa-disable .form-actions .form-submit:hover{background: linear-gradient(289.44deg, var(--primaryColor) 1.67%, #FF5A6B 75.14%);box-shadow: 0px 8px 15px 0px #FF627CB0; transition: all 0.5s ease-in-out;}

.tfa-entry-form,
.tfa-setup {max-width:600px;margin:40px auto;background: #FFF; padding: 30px; width: calc(100% - 30px);}
.tfa-setup .form-item{ max-width:  100%;}
.tfa-setup .form-item .description {font-size: 14px;color: var(--text);margin-top: 5px;}
.tfa-setup ul li{padding: 5px 0 6px 23px;background: url(/themes/custom/eevent_theme/images/red1.svg) no-repeat 0 center; font-weight: 400; background-size: 14px; }
.tfa-setup ul li a{color: var(--black);}
.tfa-setup ul li a:hover{color: var(--primaryColor);text-decoration: underline;}

.tfa-setup .tfa-qr-code img {border: solid;margin-top: 20px;margin-bottom: 20px;}


form .form-item label{display: inline-block;margin-bottom: 6px;font-weight: normal;}
form .form-item .form-text{width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;padding: 0 10px 0 12px;
font-size: 16px;}
form .form-item .form-text.calendar{background: #FFF url(/themes/custom/eevent_theme/images/calendar.svg) no-repeat;
padding-right: 33px;background-size: 12px;color: var(--black);background-position: calc(100% - 10px) center;}
form .form-item select{-webkit-appearance: none;-moz-appearance: none;-o-appearance: none;
appearance: none;background: var(--white) url(../images/bottomArrowBlack.svg) no-repeat right 7px;
background-position: calc(100% - 12px);background-size: 11px;padding-right: 27px !important;width: 100%;
border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;padding: 0 10px 0 12px;font-size: 16px;} 
form .form-item .location{background: url(/themes/custom/eevent_theme/images/locationMap.svg) no-repeat 11px 11px;padding-left:33px;  background-size: 12px;} 
form .form-item .form-number {width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;padding: 0 10px 0 12px;font-size: 16px;}
form .form-item .error-field {border: solid 1px var(--pink);}
form .form-item select option:hover{ background: var(--primaryColor); color: var(--white);}
form .form-item .form-item__label{display: inline-block;margin-bottom: 6px;font-weight: normal; font-size: 16px;}
form .form-item .form-time{width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;padding: 0 10px 0 12px;font-size: 16px;}


form .form-actions{margin-top:30px;display: flex;justify-content: space-between; align-items: center;}
form .form-item select:focus,
form input:focus{border: solid 1px var(--primaryColor) !important;}
form input.button:focus{border: none !important;}
form .form-item .form-text:focus {border: solid 1px var(--primaryCoor);}


form .form-actions .button--danger,
form .form-actions .dialog-cancel,
form .form-actions .form-submit{ background: var(--gradient); border-radius: 5px;color: white; font-weight: 600; font-size: 16px;cursor: pointer; padding: 11px 15px;border: solid 1px #FFF; transition: all 0.5s ease-in-out; cursor: pointer;}


form .form-actions .button--danger:hover,
form .form-actions .dialog-cancel:hover,
form .form-actions .form-submit:hover{background: linear-gradient(289.44deg, var(--primaryColor) 1.67%, #FF5A6B 75.14%);box-shadow: 0px 8px 15px 0px #FF627CB0; transition: all 0.5s ease-in-out;}
 form .form-item .fieldgroup {padding: 0;border-width: 0;background: var(--lightPink);color: var(--primaryColor);
padding: 10px 16px;border-radius: 5px;margin-top: 15px;font-weight: 500;cursor: pointer;font-size: 16px;border: solid 1px var(--primaryColor);}
 form .form-item fieldset{padding: 0;border-width: 0;background: var(--lightPink);color: var(--primaryColor);
padding: 10px 16px;border-radius: 5px;margin-top: 15px;font-weight: 500;cursor: pointer;font-size: 16px;border: solid 1px var(--primaryColor);}
form .form-item .fieldgroup .fieldset-legend{font-weight: normal;color: var(--primaryColor);font-size: 16px;}


.tfa-setup ul{margin: 16px 0 16px 0;}

.tfa-setup {max-width: 600px;margin:40px auto;background: #FFF; padding: 30px;    width: calc(100% - 30px);}
.tfa-setup .form-item{ max-width: 100%;}
.tfa-setup .form-item label{display: inline-block;margin-bottom: 6px; }
.tfa-setup .form-item .form-text{width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;padding: 0 10px 0 12px;
font-size: 16px;}
.tfa-setup .form-actions{margin-top: 20px;}
.tfa-setup .form-actions .form-submit{ background: var(--gradient); border-radius: 5px;color: white; font-weight: 600; font-size: 16px;cursor: pointer; padding: 11px 15px;border: solid 1px #FFF; transition: all 0.5s ease-in-out;}
.tfa-setup .form-actions .form-submit:hover{background: linear-gradient(289.44deg, var(--primaryColor) 1.67%, #FF5A6B 75.14%);box-shadow: 0px 8px 15px 0px #FF627CB0; transition: all 0.5s ease-in-out;}
 
 

#tfa-base-overview {max-width: 600px;margin:40px auto;background: #FFF;padding: 30px; width: calc(100% - 30px);}
#tfa-base-overview details {background: var(--lightPink);color: var(--primaryColor);padding: 10px 16px;border-radius: 5px;margin-top: 15px;font-weight: 500;cursor: pointer;font-size: 16px;border: solid 1px var(--primaryColor);margin-bottom: 20px;}
#tfa-base-overview details h2 {font-size: 20px;margin-top: 20px;}
#tfa-base-overview details ul a {background:var(--gradient);border-radius: 5px;color: white;padding: 8px 21px;display: inline-block;}
#tfa-base-overview details ul a:hover{background: var(--gradientHover); box-shadow: 0px 8px 15px 0px #FF627CB0; transition: all 0.5s ease-in-out;}
#tfa-base-overview details ul {margin-bottom: 20px;}
#tfa-base-overview details h3 {font-size: 20px;margin-top: 20px;}




/* Frequently Asked Questions */
.faq-provider .faqInner{padding: 0;max-width: 100%;margin-bottom: 15px;display: flex;}
.faq-provider .faqInner .eachFaq{padding: 10px 15px 15px 15px;border-radius: 5px;margin-bottom: 0;border: solid 1px #DEDEDE; width: 100%;} 
.faq-provider .faqInner .eachFaq .title{color: var(--primaryColor);}
.faq-provider .faqInner .eachFaq .title span{font-size: 16px; font-weight: 600; color: var(--black); }
.faq-provider .faqInner .eachFaq .title::after{content: '';width: 8px;height: 8px;transition: 0.3s ease-in-out;background: transparent;display: inline-block;border-right: 2px solid var(--black);border-bottom: 2px solid var(--black);position: absolute;right: 14px;top: 14px;rotate: 42deg;}
.faq-provider .faqInner .eachFaq.open .title::after{content: '';width: 8px;height: 8px;transition: 0.3s ease-in-out;background: transparent;display: inline-block;border-right: 2px solid var(--black);border-bottom: 2px solid var(--black);rotate: -135deg;position: absolute;right: 14px;top: 18px;}
.faq-provider .eachFaq .accordion-content{margin-top: 10px;}
.faq-provider .eachFaq .accordion-content p{font-size: 16px;display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden; -webkit-line-clamp: 4; color: var(--text);}
.faq-provider .eachFaq .accordion-content{display: block !important; height: auto !important; margin: 0px 0 0 0 !important;}
.faq-provider .faqInner .eachFaq .title::after{opacity: 0;}


 
.faq-provider .faqInner .faqAction {display: flex;align-items: center;gap: 5px; }
.faq-provider .faqInner .faqAction a{font-size: 0;width: 25px;height: 19px;border-radius: 5px;background-size: 15px !important;}
.faq-provider .faqInner .faqAction .edit {background: url(../images/editIcon.svg) no-repeat center center;}
.faq-provider .faqInner .faqAction .delete {background: url(../images/deleteIcon.svg) no-repeat center center;}
 


.node-frequently-asked-questions-form{}
.node-frequently-asked-questions-form .form-wrapper{}
.node-frequently-asked-questions-form .form-wrapper .form-item{margin-bottom: 15px;padding: 20;}
.node-frequently-asked-questions-form .form-wrapper .form-item label{display: inline-block;margin-bottom: 6px;}
.node-frequently-asked-questions-form .form-wrapper .form-item .form-text{width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;padding: 0 10px 0 12px;font-size: 16px;}
.node-frequently-asked-questions-form .form-wrapper .form-item textarea{width: 100%;border: solid 1px #A3A3A3;
border-radius: 5px;height: 80px;padding: 0 10px 0 12px;font-size: 16px;}
.node-frequently-asked-questions-form .vertical-tabs{margin: 0;padding: 20px;border-radius: 5px;
background: #FFF5F6; border: 1px solid var(--primaryColor);}
.node-frequently-asked-questions-form .vertical-tabs ul{display: block;float: none;margin: 0;
width: auto;border: none;padding: 0 0 22px 0;}
.node-frequently-asked-questions-form .vertical-tabs ul li{border: none;background: transparent;}
.node-frequently-asked-questions-form .vertical-tabs ul li a{padding: 0;text-decoration: none;    outline: none !important;}

.node-frequently-asked-questions-form .form-actions{margin-top: 20px;}
 .node-frequently-asked-questions-form .form-actions .button{background: var(--gradient);
border-radius: 5px;color: white; font-weight: 600;   font-size: 16px;cursor: pointer; padding: 11px 15px;border: solid 1px #FFF; transition: all 0.5s ease-in-out;}
.node-frequently-asked-questions-form .form-actions .button:hover{background: linear-gradient(289.44deg, var(--primaryColor) 1.67%, #FF5A6B 75.14%);box-shadow: 0px 8px 15px 0px #FF627CB0; transition: all 0.5s ease-in-out;}  

.user-frequently-asked-questions-form{margin-top: 25px;}


/** * Provider Availability module styles */
.provider-availability-container{margin-bottom: 20px;}
.provider-availability-container .form-item {margin-bottom: 20px;}
.provider-availability-container .form-item label {display: block;font-weight: normal;margin-bottom: 8px;}
.provider-availability-container .form-select {width: 100%;padding: 8px;border: 1px solid #ccc;border-radius: 4px; font-size: 16px;}



.weekly-availability #weekly-availability-container{display: grid;grid-template-columns: 1fr 1fr;gap: 20px;}



/* Unavailability periods */
.provider-availability-container .unavailability-period {display: flex;gap: 10px;margin-bottom: 10px;align-items: end;}
.provider-availability-container .unavailability-period .slotCol {width: 100%;}
.provider-availability-container .unavailability-period .slotCol .date-field-wrapper{width: 100%;}
.provider-availability-container .unavailability-period input {padding: 8px;border: 1px solid #ccc;border-radius: 4px; width: 100%;font-size: 16px; height: 38px;}

/* Weekly availability */



.provider-availability-container .day-availability{border: none;padding: 0;border-radius: 4px;} 
.add-time-slot {border: none;background: transparent;color: var(--text);
font-size: 16px;display: flex; cursor: pointer;align-items: center;margin-top: 0;padding: 0; width: fit-content;}
.add-time-slot:before {content: '+';font-size: 19px;}
.add-time-slot, .add-slot-btn {border: none;background: transparent;color: var(--text);
font-size: 16px;display: flex; cursor: pointer;align-items: center;margin-top: 0;padding: 0;}
.add-time-slot:before , .add-slot-btn:before {content: '+';font-size: 19px;
margin-right: 4px;}
.add-time-slot:hover, .add-slot-btn:hover {color: var(--primaryColor); }

.add-time-slotP {border: none;background: url(../images/plus.svg) no-repeat 0 7px;font-size: 15px;display: flex;color: var(--text);
align-items: center;margin-top: 0;padding: 0 0 1px 11px;font-weight: normal;background-size: 8px;} 
.quote-request-form #add-service-btn,
.add-time-slotP:hover { background: url(../images/plusHover.svg) no-repeat 0 center; color: var(--primaryColor); background-size: 8px;}



/* Toggle switch */
.provider-availability-container .form-item .switch .slider:before{left: 3px;} 
.provider-availability-container input:checked+.slider:before {-webkit-transform: translateX(14px);-ms-transform: translateX(14px);transform: translateX(14px);}

.provider-availability-container .switch input {opacity: 0;width: 0;height: 0;}
.provider-availability-container .form-item .switch {height: 23px;;width: 38px;display: inline-block;cursor: pointer;position: relative; margin: 0;}
.provider-availability-container .form-item .switch .slider:before {bottom: 3px;width: 17px;height: 17px;left: 4px;}

.provider-availability-container .day-availability {margin-bottom: 0;border: 1px solid #eee;padding: 15px;border-radius: 4px;}
.provider-availability-container .day-availability .time-slots {display: flex;flex-direction: column;gap: 10px;}
.provider-availability-container .day-header {display: flex;justify-content: space-between;align-items: center;margin-bottom:10px;}
.provider-availability-container .day-name {font-weight: 600;}

/* Time slots */
.provider-availability-container .time-slot {display: flex;gap: 10px;margin-bottom: 0;align-items: end; width: 100%;}
.provider-availability-container .time-slot input {padding: 8px;border: 1px solid #ccc;border-radius: 4px; width: 100%; font-size: 16px; height: 38px; }
.provider-availability-container .time-slot .slotCol{ width: 50%; }


@-moz-document{ 
.provider-availability-container .time-slot input { 
-moz-appearance: none;
-o-appearance: none;
appearance: none;
background: var(--white) url(../images/clock.svg) no-repeat right 7px;
background-position: calc(100% - 12px);
background-size: 13px;}
}

/* Buttons */
 


.delete-period,
.delete-slot {     color: var(--white);border: solid 1px var(--primaryColor);
cursor: pointer;font-size: 0;width: 37px;height: 37px;background: url(../images/deleteIcon.svg) no-repeat center center;
border-radius: 5px;background-size: 15px; flex-shrink: 0;}
 

.provider-availability-container .form-actions {margin-top: 20px;text-align: right;}
.provider-availability-container #save-availability {padding: 10px 20px;font-size: 16px;}



.node-services-form .form-actions .button {background: var(--gradient);border-radius: 5px;color: white;align-items: center;padding: 11px 15px;border: solid 1px #FFF;font-size: 16px;}
.node-services-form .form-actions .button:hover {background: linear-gradient(289.44deg, var(--primaryColor) 1.67%, #FF5A6B 75.14%);box-shadow: 0px 8px 15px 0px #FF627CB0; transition: all 0.5s ease-in-out; cursor: pointer;}



/* Travel Settings Form */
.travel-settings-container{}
.travel-settings-container .form-item {margin-top: 20px;}
.travel-settings-container .form-item label {font-size: 16px;font-weight: normal;margin-bottom: 10px;display: flex
;align-items: center;}
.field-description {color: var(--text);font-size: 13px;margin-top: 2px;}

.travel-settings-container .form-item input[type="number"] {width: 100%;border: solid 1px #A3A3A3;border-radius: 5px;height: 40px;padding: 2px 10px 3px 12px;font-size: 16px;}

.travel-settings-container .rate-settings {display: flex;flex-wrap: wrap;gap: 15px;justify-content: space-between;background: var(--lightPink);border: 1px solid var(--primaryColor);margin-bottom: 20px;padding: 20px;border-radius: 5px;margin-top: 25px;}
.travel-settings-container .rate-settings h3 {font-size: 16px;width: 100%;margin: 0;margin-top: -30px;font-weight: normal;position: relative;}
.travel-settings-container .rate-settings h3 span {color: var(--primaryColor);position: relative;z-index: 1;}
.travel-settings-container .rate-settings h3:after {content: '';background: #fef0f9;position: absolute;left: -3px;
top: 9px;height: 6px;width: 153px;}
.travel-settings-container .rate-settings .form-item {margin: 0;width:calc(33.33% - 10px);}
.travel-settings-container .form-item .radio-group {margin-top: 14px;display: flex;align-items: center;gap: 13px;}
.travel-settings-container .form-item .radio-group label{font-weight: 600;}

.ListingdollerSign .form-type-number input,
 .dollerSign{background: var(--white) url(../images/dollarIcon.svg) no-repeat 7px center;padding-left: 26px !important;background-size: 17px;padding-top: 2px;} 
 .percentage{background: var(--white) url(../images/percentageIconBlack.svg) no-repeat right center;padding-left: 10px;background-size: 16px;padding-top: 2px;background-position: calc(100% - 10px);
padding-right: 35px !important;} 

.travel-settings-container #flat-rate-zones.rate-settings h3:after{width: 119px;}


.travel-settings-container .rate-settings .form-item p{font-size: 12px; color: var(--text);}
.travel-settings-container .rate-settings .zones-container {width: 100%;}
.travel-settings-container .rate-settings .zones-container .zone-row{display: flex;gap: 20px;margin-bottom: 15px;align-items: self-end;}
.travel-settings-container .rate-settings .zones-container .zone-row.frozen {width: calc(100% - 61px);}
.travel-settings-container .rate-settings .zones-container .zone-row .remove-zone-button{border: solid 1px var(--primaryColor);
cursor: pointer;font-size: 0;width: 37px;height: 40px;background: url(../images/deleteIcon.svg) no-repeat center center;
border-radius: 5px;background-size: 15px;flex-shrink: 0;}
.travel-settings-container .rate-settings .zones-container .zone-row .remove-zone-button:hover{text-decoration: underline;}

.travel-settings-container .rate-settings .zones-container .zone-row .form-item {margin: 0;width: 100%; position: relative;}
.travel-settings-container .rate-settings .zones-container .zone-row .form-item .field-error {position: absolute;bottom: -17px;
font-size: 13px;color: red;white-space: nowrap;}

.add-zone-button{border: none;background: transparent;font-size: 16px;
display: flex;cursor: pointer;align-items: center;margin-top: 0;padding: 0;color: var(--text); font-weight: normal;box-shadow: 0 0 0; gap: 0px;}
.add-zone-button::before{content: '+';font-size: 19px;margin-right: 4px;}
.add-zone-button:hover{color: var(--primaryColor); flex-direction: initial;}
.travel-settings-container .rate-settings .form-item{margin-bottom: 10px;}
.travel-settings-container .rate-settings .add-zone-button{margin-top: -10px;}

/* user-logout-confirm */
.user-logout-confirm .form-actions:before {content: 'This action cannot be undone.';display: inline-block;
width: 100%;text-align: center;margin-bottom: 12px;}
.user-logout-confirm .form-actions a {display: inline-block;margin: 7px;}
.user-logout-confirm { text-align: center;display: flex;justify-content: center;border: solid 1px #ddd;padding: 15px 0; 
max-width: 500px;margin: 200px auto 100px auto;}
.user-logout-confirm .form-actions {justify-content: center;}

/* route-system-403 */
.route-system-403 .layout-content {max-width: 600px;margin: 100px auto;text-align: center;padding: 20px;
background: #ffdde1;border-radius: 5px;color: red;}
.route-system-403 .layout-content div {color: red;}


/* sumit css start */
.reviewBlock, .review_header {display: flex;justify-content: space-between;}
.reviewer {display: grid;font-size: 20px;}
.reviewer > span.date {font-size: 16px;color: #777;}
.reviewer > span.date {font-weight: 600;}
.total_review {font-size: 18px;}
.review_description {margin: 5px 0px;}
.reviewList {display: flex;flex-wrap: wrap;column-gap: 10px;gap: 15px;}
.total_review > span {color: #777;}
.faqAction{display: flex; gap: 10px;}
.faqAction a{font-size: 0;}
.faqAction .edit {background: url(/themes/custom/eevent_theme/assets/images/editIcon.svg) no-repeat center center;
 background-size: 15px !important;display: inline-block;width: 20px;height: 20px; 
text-decoration: none;position: relative;color: transparent;}
.faqAction .delete {background: url(/themes/custom/eevent_theme/assets/images/deleteIcon.svg) no-repeat center center;
 background-size: 15px !important;display: inline-block;width: 20px;height: 20px;text-decoration: none;position: relative;color: transparent;}
.faqAction a:hover{filter: initial;}
.user_menu_custom {position: relative;display: inline-block;}
.user_menu_custom .dropdown {position: absolute;top: 100%;right: 0;padding: 0;min-width: 172px;background: var(--white);border: 1px solid #ccc;border-radius: 4px;opacity: 0;visibility: hidden;transform: translateY(10px);transition: opacity 0.3s ease, transform .3s ease, visibility 0.3s;z-index: 1000;margin-top: 0;box-shadow: 0 4px 6px rgba(0,0,0,0.1);}
.user_menu_custom .myAccount{display: flex;align-items: center;color: var(--footerBg); gap: 5px;}
.user_menu_custom .myAccount::after{content: "";width: 6px;height: 6px;transition: 0.3s ease-in-out;background: transparent;
display: inline-block;border-right: 2px solid var(--black);border-bottom: 2px solid var(--black);rotate: 42deg;}
.user_menu_custom .dropdown li {list-style: none;}
.user_menu_custom .dropdown li a {display: block;padding: 7px 10px;text-decoration: none;color: #333;font-size: 14px}
.user_menu_custom .dropdown li a:hover {background: #f0f0f0;}
.user_menu_custom:hover .dropdown {opacity: 1;visibility: visible;transform: translateY(0);}


/* provider-profile hidden class */
.provider-profile-journey {display: none!important;}
#business-button-wrapper {display: flex;justify-content: center;margin-top: 20px;}
.notification-card {background: #ffe6ec;padding: 20px;border-radius: 12px;max-width: 400px;font-family: sans-serif;box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);margin-top: 30px;width: 100%;text-align: center;}
.notification-card .card-text .checkMark{}
/* .notification-card .card-text .checkMark::before{margin: auto;content: '';border-left: solid;border-bottom: solid;display: block;width: 17px;height: 8px;rotate: -48deg;color: var(--primaryColor);margin-bottom: 20px;} */
.notification-card .card-text .checkMark::before{content: '';background: url(../images/successCheck.svg) no-repeat 0 0;width: 70px;height: 70px;display: block;margin: auto;margin-bottom: 20px;background-size: contain;}
.notification-card .card-text {position: relative;text-align: center;}
.blur {opacity: 0.6;}
.notification-card .btnStyle {}

.node-form .notInDfaultEntiti { display: none;}

/* Remove the default <summary> marker */
details summary::-webkit-details-marker {
  display: none;
}

details summary::marker {
    content: "";
}

/* Prevent clicking on the <summary> */
details summary {
  pointer-events: none;
  cursor: default;
}

/* sumit css End*/
 /* commerce-checkout-flow  Payment information*/

.commerce-checkout-flow{width: 100%;max-width: 1544px;margin: 40px auto;padding: 0 15px;}
.layout-checkout-form {display: flex;justify-content: space-between;flex-wrap: wrap; gap: 30px;}
.layout-checkout-form .layout-region {background: var(--white);width: auto;float: none;padding: 0;}
.layout-checkout-form .layout-region-checkout-main .checkout-pane {border: none;padding: 0;}
.layout-checkout-form .layout-region-checkout-main fieldset.form-item.checkout-pane {border: none;background: transparent;padding: 0; margin: 0;}
.layout-checkout-form .layout-region-checkout-main .checkout-pane legend {font-size: 20px;}
.layout-checkout-form .layout-region-checkout-main {width: calc(70% - 30px);padding: 20px;border-radius: 10px;}
.layout-checkout-form .layout-region-checkout-footer {width: 100%;background: transparent;}
.layout-checkout-form .layout-region-checkout-main fieldset {margin-bottom: 20px;}
.layout-checkout-form .layout-region-checkout-main .form-type-checkbox {display: flex;align-items: center;gap: 3px;}
.layout-checkout-form .layout-region-checkout-main .form-type-checkbox input{ position: relative; top: -3px;}


.layout-checkout-form .layout-region-checkout-main .address-container-inline {display: flex;gap: 15px;}
.layout-checkout-form .layout-region-checkout-main .address-container-inline .form-item{width: 100%;}
.layout-checkout-form .layout-region-checkout-main .form-item{margin-bottom: 15px;margin-right: 0;}
.layout-checkout-form .layout-region-checkout-main .form-item.form-type-radio{margin-bottom: 0;} 
.layout-checkout-form .layout-region-checkout-main .form-item.form-type-radio input{ position: relative; top: 2px;}

.layout-checkout-form .layout-region-checkout-main .form-item .form-submit {background: var(--gradient);border-radius: 5px;color: white;font-weight: 600;font-size: 16px;cursor: pointer;padding: 11px 15px;border: solid 1px #FFF;transition: all 0.5s ease-in-out;}
.layout-checkout-form .layout-region-checkout-main .form-item .form-submit:hover{background: var(--gradientHover);}

.layout-checkout-form .address{
    max-width: 100%;
    box-sizing: border-box;
    width: 100%;
    background: #fef0f9;
    padding: 20px;
    border-radius: 10px;
    line-height: 26px;
    border: solid 1px var(--primaryColor);
    margin-top: 10px;
    display: inline-block;
}

.checkout-pane-payment-process {
    background: #FFF;
    padding: 20px;
}
.checkout-pane-payment-process .form-wrapper a {
    max-width: 116px;
    display: block;
    margin-top: 11px;
}
.checkout-pane-payment-process .form-wrapper .btnStyle2::after{ 
    margin-left: 8px; 
}


.layout-checkout-form .layout-region-checkout-secondary {width: 30%;padding: 20px;border-radius: 10px;}
.layout-checkout-form .layout-region-checkout-secondary h3{font-size: 20px;}

.layout-checkout-form .layout-region-checkout-secondary table {width: 100%;border-radius: 10px;overflow: hidden;}
.layout-checkout-form .layout-region-checkout-secondary table tr td {padding: 10px;background: #fef0f9;}
.layout-checkout-form .layout-region-checkout-secondary footer {margin-top: 20px;}
.layout-checkout-form .layout-region-checkout-secondary table tr td a{color: var(--black);}

.layout-checkout-form .checkout-pane .button{background: var(--gradient); border-radius: 5px;color: white; font-weight: 600; font-size: 16px;cursor: pointer; padding: 11px 15px;border: solid 1px #FFF; transition: all 0.5s ease-in-out; cursor: pointer; margin-top: 20px;} 
.layout-checkout-form .checkout-pane .button:hover{background: var(--gradientHover); color: var(--white);} 


.link--previous {color: var(--black);font-weight: 600; }
.link--previous:hover {color: var(--primaryColor); text-decoration: underline;}


.layout-checkout-form .layout-region-checkout-main .form-item legend {padding: 0;font-size: 16px; color: var(--primaryColor);}
.layout-checkout-form .layout-region-checkout-main .form-item legend span{font-weight: normal; color: var(--primaryColor);}
.layout-checkout-form .layout-region-checkout-main fieldset.form-item{border-width: 0;background: var(--lightPink);color: var(--primaryColor);padding: 10px 16px;border-radius: 5px;margin-top: 6px;font-weight: 500;cursor: pointer;font-size: 16px;
border: solid 1px var(--primaryColor);}

.layout-checkout-form .layout-region-checkout-main .form-item legend span a {color: var(--primaryColor);font-weight: bold;}
.layout-checkout-form .layout-region-checkout-main .form-item legend span a:hover {text-decoration: underline;}
.layout-checkout-form .layout-region-checkout-footer .form-actions {margin-top: 0;}


/*Cart  page*/

.cart-form{width: 100%;max-width: 1544px;margin: 40px auto;padding: 0 15px;}
.cart-form table {margin-bottom: 25px;width: 100%;background: var(--white);padding: 10px;border-radius: 10px;}
.cart-form table tr{border-bottom: solid 1px var(--lightPink);}
.cart-form table tr th{background: var(--lightPink);border:none;vertical-align: middle;font-size: 16px;padding: 10px;color: var(--primaryColor);font-weight: 600;text-align: left;padding: 16px 15px;}
.cart-form table tr td{border: none;padding: 10px 15px;}
.cart-form table tr td .form-number{border: solid 1px #A3A3A3;border-radius: 5px;height: 30px;
padding: 0 10px 0 12px;font-size: 16px;}
.cart-form table tr:nth-child(even) {background: #fff7fc;}
.cart-form div[data-drupal-selector="order-total-summary"] {background: var(--white);padding: 10px;border-radius: 10px;}
.cart-form .views-form form{overflow-x: auto;}

.relatedServicesWrap {position: relative;} 
.relatedServicesWrap .FeaturedHome {position: static;}
.relateServiceBlock h2{margin-bottom: 20px;}


.starRate .star-rating{margin:13px 10px 10px 10px;}
.starRate .star-rating label{background: url(../images/startFill.svg) no-repeat 0 0;width: 15px;height: 15px;font-size: 0;
background-size: contain;display: inline-block;    vertical-align: top;}
.rating-feedback-form .star-rating {direction: rtl;display: inline-flex;font-size: 3rem;user-select: none;gap: 3px;    margin-top: 0;
vertical-align: top; margin-left: 0;}
.rating-feedback-form .star-rating input {display: none;}
.rating-feedback-form .star-rating label {cursor: pointer;transition: color 0.2s;line-height: 22px;
background: url(../images/startBorder.svg) no-repeat 0 0;width: 25px;height: 25px;font-size: 0;background-size: contain;}
.rating-feedback-form .star-rating input:checked ~ label,
.rating-feedback-form .star-rating label:hover,
.rating-feedback-form .star-rating label:hover ~ label {background:url(../images/startFill.svg) no-repeat 0 0;width: 25px;
height: 25px;font-size: 0;background-size: contain;}


/* Get Free Quotes */
.freeQuoteP {margin: 40px 0px;}
.freeQuoteP .howWork {box-shadow: 0px 5px 15px 3px #00000008;border: solid 1px #ddd;border-radius: 10px;
padding: 20px;counter-reset: counter;margin-bottom: 20px; background: var(--white);}
.freeQuoteP .count {margin-top: 20px;position: relative;padding: 0 0 0 51px;}
.freeQuoteP .count h6 {color: var(--primaryColor);}
.freeQuoteP .count:before {content: ''counter(counter);counter-increment: counter;position: absolute;left: 0;top: 0;
background: #FFEEF0;width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;border-radius: 100px;
color: var(--primaryColor);font-size: 17px;}
.freeQuoteP .btnStyle2 {margin-top: 20px;}

/* msgWhiteBox */
.msgWhiteBox {max-width: 600px;margin: 40px auto;background: #FFF;padding: 30px; text-align: center;}
.msgWhiteBox .actionButtons{ display: flex;justify-content: center;margin-top: 20px; gap: 10px;}


.page404 {text-align: center;margin: 0px 0px 40px 0px;}





/* Cart page  */
.cartPageWrap{display: flex;justify-content: space-between;gap: 25px;}
.cartLeft{ width: 100%;}
.cartLeft .cardBlock{background: var(--white);padding: 20px 33px 20px 20px;border-radius: 5px;display: flex;
gap: 20px;margin-bottom: 20px;position: relative;}
.cartLeft .cardBlock .cartImg{max-width: 160px;width: 100%;flex-shrink: 0;}
.cartLeft .cardBlock .cartImg img {border-radius: 10px;border: solid 1px #ddd;object-fit: cover;max-height: 150px;max-width: 150px;
width: 100%;}
.cartLeft .cardBlock .contentCart{width: 100%;}
.cartLeft .cardBlock .contentCart .frozenItemMessage {  font-size: 14px;  margin-bottom: 7px;}
.cartLeft .cardBlock .contentCart h6{font-size: 16px;margin: 0 0 10px 0;font-weight: 600;}
.cartLeft .cardBlock .contentCart h6 a{color: var(--black);}
.cartLeft .cardBlock .contentCart .categoryTitle{margin: 0 0 10px 0px;color: var(--primaryColor);}
.cartLeft .cardBlock .contentCart .categoryTag{margin: 5px 0 10px 0px;display: flex;flex-wrap: wrap;gap: 5px;}
.cartLeft .cardBlock .contentCart .categoryTag+span{margin-bottom: 5px; display: block;}
.cartLeft .cardBlock .contentCart .categoryTag .tag{font-size: 14px;background: #FFF5F6;
padding: 2px 11px;display: inline-block;border-radius: 5px;border: solid 1px var(--primaryColor);}
.cartLeft .cardBlock .contentCart .calender{background: url(/themes/custom/eevent_theme/images/calendar.svg) no-repeat 0px 1px;
padding: 0 0 0 22px;margin-bottom: 7px;background-size: 17px;} 
.cartLeft .cardBlock .contentCart .clock{background: url(/themes/custom/eevent_theme/images/clock.svg) no-repeat 0px 1px;
padding: 0 0 0 22px;margin-bottom: 7px;background-size: 17px;} 
.cartLeft .cardBlock .contentCart .priceCounter{display: flex;justify-content: space-between;}
.cartLeft .cardBlock .contentCart .priceCounter .priceMain{display: flex;flex-direction: column;}
.cartLeft .cardBlock .contentCart .priceCounter .priceMain .price{color: var(--primaryColor);}
.cartLeft .cardBlock .contentCart .priceCounter .priceMain .perDay{color: var(--text);}
.cartLeft .cardBlock .contentCart .removeIcon{position: absolute;top: 13px;right: 13px;border: none;
background: none; max-width: 16px;} 

.cartLeft .frozenItem{filter: grayscale(1);}
.cartLeft .nonFrozenItem{}


.countItem{display: flex;justify-content: space-between;gap: 2px;max-width: 157px;}
.countItem .plus{width: 33px;border: solid 1px #D9D9D9;flex-shrink: 0;position: relative;border-radius: 5px;height: 33px;}
.countItem .plus:after{content: '';width: 11px;height: 2px;background: var(--black);position: absolute;left: 11px;top: 15px;}
.countItem input{border: solid 1px #D9D9D9;padding: 0;width: 100%;text-align: center;border-radius: 5px;font-size: 16px;height: 33px;}
.countItem .minus{width: 33px;border: solid 1px #D9D9D9;flex-shrink: 0;position:relative;border-radius: 5px;height: 33px;} 
.countItem .minus:after{content:'';width: 2px;height: 12px;background: var(--black);position: absolute;left: 15px;top: 9px;}
.countItem .minus:before{content:'';width: 12px;height: 2px;background: var(--black);position: absolute;left: 10px;top: 14px;}


.quotRequestDetail {width: 100%;}
.cartSummery {max-width: 400px;width: 100%;}
.cartSummery .statusContent {background: var(--white);padding: 20px;border-radius: 5px;}
.cartSummery .statusContent .actionBtn{}
.cartSummery .statusContent .actionBtn .btnStyle {width: 100%;}
 .statusList .rowS {display: flex;justify-content: space-between;margin-bottom: 10px;}
 .statusList .rowS .item span{display: block; font-size: 14px;}
 .statusList .rowS .fee{font-size: 13px;}
 .statusList .rowS .item .msgAlert {position: static;}
 .statusList .actionBtn {display: flex;flex-direction: column;gap: 10px;margin-top: 25px;}
 .statusList .rowS .item:last-child {text-align: right;}

  .total-status{border-top: dashed 2px #ddd;padding: 8px 0;}
  .total-status .item{display: flex;justify-content: space-between;padding: 2px 0;}
  .total-status .item b{color: var(--primaryColor);}

.cartSummery .secureCheckout {background: var(--white);padding: 20px;border-radius: 5px;margin-top: 20px;}
.cartEmpty {text-align: center;background: #FFF;min-height: 150px;display: flex;justify-content: center;align-items: center;color: var(--black);}


.cartSummery .secureCheckout .cardBlock a {flex-shrink: 0;max-width: 94px;width: 100%;aspect-ratio: 1; color: var(--black);}
.cartSummery .secureCheckout .cardBlock {gap: 12px;}
.cartSummery .secureCheckout .booking-detail h6{color: var(--black);font-size: 14px;text-decoration: none;}
.cartSummery .secureCheckout .cardBlock .cartImg img{width: 100%;height: 80px;object-fit: cover;border-radius: 5px;}




/* bookingRequestPage Request Booking page */

.bookingRequestPage .bookingDetail p{margin-top: 0; margin-bottom: 5px;}
.bookingRequestPage .bookingDetail .rowPrice{margin-top: 15px;display: flex;justify-content: space-between;align-items: center;} 
.bookingRequestPage .bookingDetail .rowPrice .priceBox {font-weight: 600;}
 
.bookinRequestWrap .requestQuoteGrid2{display: flex; flex-direction: column; gap: 20px;}
.bookinRequestWrap .requestQuoteGrid2 .bookingDetail ul{margin-bottom: 15px;}
.bookinRequestWrap .requestQuoteGrid2 .bookingDetail {height: 100%; margin-top: auto;}
.bookingDetail .categoryTag .tag {font-size: 14px;color: var(--primaryColor);background: #FFF5F6;padding: 4px 11px;display: inline-block;
border-radius: 5px;border: solid 1px var(--primaryColor);margin-bottom: 6px;}
.bookinRequestWrap .requestQuoteGrid2 .bookingDetail .rowPrice{margin-top: auto;}
.bookinRequestWrap .bookingRequestPage .bookingDetail .actionBtn a {  margin: 0 6px 10px 0; text-decoration: none;} 
.bookinRequestWrap .calendar strong{display: block; font-size: 14px; color: var(--primaryColor);}

.bookinRequestWrap .requestQuoteGrid2 .bookingDetail .actionBtn {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.bookinRequestWrap .bookingCal {margin: 15px 0 0 0; display: block;}
.bookinRequestWrap .bookingCal h5 {font-size: 16px;font-weight: normal;}
.bookinRequestWrap .bookingCal .calendar{background: url(/themes/custom/eevent_theme/images/calGradient.svg) no-repeat 0px 1px;
padding: 0 0 0 22px;margin-bottom: 6px;background-size: 18px;font-size: 14px;}
.bookinRequestWrap .bookingDetail h6 {font-size: 16px;}
.bookinRequestWrap .bookingDetail .bookingCal h6{ margin-bottom: 6px;}

.bookinRequestWrap .discription{margin-bottom: 10px;}
.bookinRequestWrap .discription strong{font-weight: normal;color: var(--primaryColor);}
.bookinRequestWrap .discription a{font-weight: bold; color: var(--primaryColor);}


/* --------------Booking detail page-------------------------- */ 
.booking-detail{margin-bottom: 40px;}
.booking-detail .booing-staus {position: relative; margin-bottom: 22px;} 
.booking-detail h6{position: relative; font-size: 16px;} 
.booking-detail .booing-staus p{     margin: 0 0 5px 0;}

.booing-id-wrap {position: relative;}
.booking-detail .cardBlock .contentCart span{margin-bottom: 7px;display: block;}
.booking-detail .cardBlock .contentCart .pricing{color: var(--primaryColor);margin-bottom: 12px;}
.booking-detail .cardBlock .contentCart .pricing .each-price{color: var(--text);display: block;}
.booking-detail .cardBlock .contentCart .calender{
    /* background: url(../images/calGradient.svg) no-repeat 0 0; */
     padding: 0 0 0 25px; background-size: 17px;}

.booking-detail .cartLeft .cardBlock{flex-wrap: wrap;} 
.booking-detail .cartLeft .cardBlock .categoryTag{width: 100%; }

.activityLogTable{background: var(--white); padding: 20px;border-radius: 5px;margin-bottom: 20px;} 
.activityLogTable table{width: 100%;margin-top: 20px;border-radius: 15px;}
.activityLogTable table tr th{background: #f7f7f7;padding: 10px;text-align: left; font-size: 14px;}
.activityLogTable table tr:nth-child(even){background: #f7f7f7;}
.activityLogTable table tr td{border: solid 1px #f7f7f7;padding: 10px;font-size: 14px;}
.activityLogTable table tr td a{color: var(--black);}
.activityLogTable table tr td a:hover{color: var(--primaryColor);}

.mobile-view{display: none;}
 
.booking-detail .cardBlock{background: var(--white);padding: 20px;border-radius: 5px;display: flex;
gap: 20px;margin-bottom: 20px;position: relative; flex-wrap: wrap;}
.booking-detail .cardBlock .cartImg{max-width: 160px;width: 100%;flex-shrink: 0;} 
.booking-detail .cardBlock .contentCart{width: auto; max-width: calc(95% - 150px);}
.booking-detail .cardBlock .contentCart .event_date_time {display: grid;grid-template-columns: repeat(auto-fit, minmax(175px, 1fr));}
.booking-detail .cardBlock .contentCart .event_category{font-weight: 600; margin-top: 10px;}
.booking-detail .cardBlock .contentCart .categoryTitle{margin: 0 0 10px 0px;color: var(--primaryColor);}
.booking-detail .cardBlock .contentCart .categoryTag{margin: 0 0 10px 0px;}
.booking-detail .cardBlock .categoryTag .tag{font-size: 14px;color: var(--primaryColor);background: #FFF5F6;padding: 4px 11px;display: inline-block;border-radius: 5px; border: solid 1px var(--primaryColor);}
.booking-detail .cardBlock .contentCart .priceCounter{display: flex;justify-content: space-between;}
.booking-detail .cardBlock .contentCart .priceCounter .priceMain{display: flex;flex-direction: column;}
.booking-detail .cardBlock .contentCart .priceCounter .priceMain .price{color: var(--primaryColor);}
.booking-detail .cardBlock .contentCart .priceCounter .priceMain .perDay{color: var(--text);}
.booking-detail .cardBlock .contentCart .removeIcon{position: absolute;top: 13px;right: 13px;} 
 
.booking-detail .statusList .total-status{border-top: dashed 2px #E0E0E5;padding-top: 8px;margin-top: 17px;}
.booking-detail .statusList .total-status .item{display: flex;justify-content: space-between;}
.booking-detail .statusList .total-status .item b{ color: var(--primaryColor);} 
.booking-detail .statusList .total-status .item span{ font-size: 14px;color: var(--text);}
.booking-detail .statusList .total-status .item.sm{ font-size: 14px;color: var(--text);}

.booking-detail .Information .toggleInfo{position: relative; padding-right: 20px; margin-bottom: 0; cursor: pointer;transition: all 0.3s ease-in-out;}
.booking-detail .Information .toggleInfo::after {content: '';position: absolute;right:1px;border-top: solid 2px var(--black);border-right: solid 2px var(--black);top: 0px;width: 8px;height: 8px;rotate: 135deg; transition: all 0.3s ease-in-out;} 
.booking-detail .toggleInfo:hover::after{border-top: solid 2px var(--primaryColor);border-right: solid 2px var(--primaryColor);transition: all 0.3s ease-in-out;}
.booking-detail .toggleInfo:hover,
.booking-detail .toggleInfo.showActive{ color: var(--primaryColor);transition: all 0.3s ease-in-out;}
.booking-detail .toggleInfo.showActive::after{rotate: -45deg;top: 5px;border-top: solid 2px var(--primaryColor);border-right: solid 2px var(--primaryColor);transition: all 0.3s ease-in-out;}


.booking-detail .Information .statusList .rowS{display: flex; justify-content: space-between; margin-bottom: 8px;} 
.booking-detail .Information .name-detail .tilte{display: flex;justify-content: space-between;font-size: 16px;margin-bottom: 10px;color: var(--text);}
.booking-detail .Information .name-detail .tilte b{color: var(--black);font-weight: normal;}
.booking-detail .Information .name-detail .tilte a{color: var(--black);font-weight: normal;}
.booking-detail .address-block{border-top: solid 1px #E0E0E5;padding-bottom: 10px;margin-bottom: 15px;padding-top: 15px;margin-top: 7px;}

.booking-detail .address-block p{margin: 0;color: var(--text);font-size: 16px;}
.booking-detail .address-block a{color: var(--black);}
.booking-detail .address-block a:hover{text-decoration: underline;}

.booking-detail .Information .cardBlock{padding: 0;}
.card-toggle{margin-top: 15px; display: none;}





/* message chat box*/
.eevent-messages-page{display: flex;justify-content: center;max-width: 1500px;margin: 20px auto; }
.eevent-messages-page .message-wrap{max-width: 378px; width: 100%;}

.message-wrap{padding: 20px; background: var(--white);border-radius: 5px;}
.message-wrap .search-bar{width: 100%;max-width: 500px;position: relative;margin: auto;}
.message-wrap .search-bar input{box-shadow: 0px 4px 4px 0px #0000001A;border: none;width: 100%;
height: 45px;border-radius: 100px;padding: 4px 22px 4px 50px;font-size: 16px;}
.message-wrap .search-bar .search-btn {border: none;background: transparent;cursor: pointer;position: absolute;left: 20px;top: 14px;}


.message-wrap .message-list{display: flex;width: 100%;flex-direction: column;max-width: 500px;margin: auto;margin-top: 10px;height: 100%;max-height: 548px;overflow-y: auto;}
.message-wrap .message-list .profile-box{display: flex;border: 1px solid #DBDBDB;justify-content: space-between;opacity: 1;border-radius: 8px;padding: 15px;gap: 8px;margin-top: 15px; cursor: pointer;}
.message-wrap .message-list .profile-box .profileInner{display: flex;gap: 10px;align-items: center;}
.message-wrap .message-list .profile-box .profileInner>img{width: 60px;height: 60px;border-radius: 100px;object-fit: cover;} 
.message-wrap .message-list .profile-box .profileInner .content .name{margin: 0 0 3px 0;color: var(--primaryColor); font-weight: 500;}
.message-wrap .message-list .profile-box .profileInner .content .msg{margin: 0;font-size: 14px;color: var(--text);    -webkit-box-orient: vertical;
-webkit-line-clamp: 1;overflow: hidden;display: -webkit-box;}
.message-wrap .message-list .profile-box .message-info{flex-shrink: 0;text-align: center;display: flex;flex-direction: column;
justify-content: center;}

.message-wrap .message-list .profile-box .message-info .time{color: var(--text);font-size: 14px;}
.message-wrap .message-list .profile-box.new-msg .message-info .time{color: var(--primaryColor);display: block;}
.message-wrap .message-list .profile-box .message-info .unread-count{background: var(--text);color: var(--white);width: 30px;
height: 30px;border-radius: 100px;display: flex;align-items: center;justify-content: center;margin: auto;font-size: 13px;font-weight: 500;}
.message-wrap .message-list .profile-box.new-msg .message-info .unread-count{background: var(--primaryColor);}


 
.message-chat{background: var(--white); position: relative; width: 100%; min-height: 500px; padding-bottom: 100px;}
.singalChat .profile-box{display: flex;border-bottom: 1px solid #DBDBDB;justify-content: space-between;opacity: 1;padding: 15px;gap: 8px;position: relative;margin: auto;}
.singalChat .profile-box .back-btn {position: absolute; }
.singalChat .profile-box .profileInner{display: flex;gap: 10px;align-items: center;}
.singalChat .profile-box .profileInner>img{width: 60px;height: 60px;border-radius: 100px;object-fit: cover;} 
.singalChat .profile-box .profileInner .content .name{margin: 0 0 3px 0;color: var(--primaryColor);}
.singalChat .profile-box .profileInner .content .msg{margin: 0;font-size: 14px;color: var(--text);position: relative;padding: 0 0 0 11px;}
.singalChat .profile-box .profileInner .content .msg::before{content: '';width: 7px;height: 7px;position: absolute;
background: #4EC133;border-radius: 100px;top: 6px;left: 0;}
.singalChat .profile-box .profileInner .content .msg.online{display: none;}
.singalChat .profile-box .message-info{flex-shrink: 0;text-align: center;display: flex;flex-direction: column; position: relative;
justify-content: center; padding-right: 20px;}

  

.singalChat .profile-box .message-info .time{color: var(--text); }
.singalChat .profile-box.new-msg .message-info .time{color: var(--primaryColor);display: block;}
.singalChat .profile-box .message-info .unread-count{background: var(--primaryColor);color: var(--white);width: 30px;
height: 30px;border-radius: 100px;display: flex;align-items: center;justify-content: center;margin: auto;}
.singalChat .profile-box .message-info .dot-toggle{cursor: pointer;}
.singalChat .profile-box .message-info .list-toggle{position: absolute;right: 0;top: 43px;background: var(--white);
padding: 10px;box-shadow:0 4px 7px hsl(0deg 0% 20% / 21%);list-style: none;min-width: 150px; z-index: 1; display: none;}
.singalChat .profile-box .message-info .list-toggle.active{display: block;}
.singalChat .profile-box .message-info .list-toggle ul{text-align: left;    list-style: none;} 
.singalChat .profile-box .message-info .list-toggle ul li a{font-size: 14px;color: var(--text);}
.singalChat .profile-box .message-info .list-toggle ul li a:hover{color: var(--primaryColor);text-decoration: none;}



.message-chat .chat-box-wrap{padding: 15px 15px 44px 15px;position: relative;margin: auto;max-height: 500px;overflow-y: auto;}
.message-chat .chat-box-wrap .today{color: var(--text);text-align: center;margin: 0px 0 10px 0;font-size: 14px;}

.message-chat .message-data{font-size: 12px; width: 100%; margin-bottom: 12px;}
.message-chat .message-data .message-data-time{color: var(--text);}
.message-chat .message{background: #FEF4E8;padding: 14px;border-radius: 15px 15px 15px 0;margin-bottom: 3px; display: inline-block;}


.message-chat .chat-box-wrap .message-left {margin-bottom: 15px;}
.message-chat .chat-box-wrap .message-left .message{background: #FEF4E8; color: var(--black);}

.message-left {max-width: 80%;margin-right: auto;}
.message-right {max-width: 80%;margin-left: auto; text-align: right;}
.message-chat .message{border-radius: 15px 15px 0px 15px; background:var(--gradient); color: var(--white);}
.message-chat .message img {max-height: 40px; max-width: 40px;}
.message-chat .message a {color: var(--white);font-size: 14px;}
    

.message-chat .disabled-message_data img {
      filter: blur(1px); 
    opacity:0.5;cursor: not-allowed;
}

.message-chat .disabled-message_data a {
    cursor: not-allowed;
    filter:grayscale();
    pointer-events: none;
}



.message-chat .send-msg{margin:20px 20px 20px 20px;position: absolute;bottom: 0;left: 0;right: 0;background: var(--white); text-align: center; display: flex; justify-content: space-between;}
.send-msg p{display: none;}
.message-chat .send-msg input{border-radius: 15px;height: 45px;width: calc(100% - 57px);border: solid 1px #DBDBDB;padding: 0 20px 0 42px;}
.message-chat .send-msg #files{background: url(../images/attatchment-icon.svg) no-repeat center center;width: 18px;height: 32px;border: none;padding: 0 0 0 39px;position: absolute;bottom: 7px;left: 8px;cursor: pointer;}
.message-chat .send-msg form{width: calc(100% - 54px);position: relative;}
.message-chat .send-msg button{background: linear-gradient(119.61deg, #D44C98 38.06%, #FF5A6B 77.96%);border: none;width: 45px;height: 45px;border-radius: 10px;position: absolute;right: 0;}
.disabled-chat input,
.disabled-chat button{display: none;}
.disabled-chat p {color: var(--primaryColor);text-align: center;font-weight: bold; display: block;}
.message-inner .warning-message {color: var(--primaryColor);text-align: center; display: block;}
p.warning-message {
    position: absolute;
    bottom: 80px;
    width: 100%;
    text-align: center !important;
    margin: auto;
    padding: 20px;
}

.message-chat .send-msg p.chat_message {
    width: 100%;
}

ul.js-pager__items {display: flex;align-items: center;gap: 10px;}
ul.js-pager__items li {display: inline-block;}
ul.js-pager__items li a {}
ul.js-pager__items li a span {font-size: 20px;border: solid 1px #ddd;justify-content: center;
min-width: 40px;display: flex;align-items: center;line-height: 0;height: 40px;border-radius: 5px;}
 
.blankSreen {height: 100%;display: flex;justify-content: center;align-items: center;}
.blankSreen .blankSreenInner {text-align: center;padding: 0 30px;}
.blankSreen .blankSreenInner .title {margin: 11px 0 5px 0;}
.blankSreen .blankSreenInner .desc {color: var(--text);}
.blankSreen .blankSreenInner .start-chat-btn {color: var(--primaryColor);}

/* Dashboard */ 
.topshort {display: flex;justify-content: space-between;align-items: center;}
.topshort h6{margin: 0;} 
.topshort .selectbox select{border: solid 1px #6C7278;border-radius: 5px;padding: 7px 10px;font-size: 16px;}
 
.servic-card .contentListView p {margin: 6px 0 0 0;font-size: 16px;color: var(--text);}
.servic-card .contentListView h6{ color: var(--primaryColor); margin-top: 0; padding-right: 80px;}
.servic-card .contentListView ul {display: flex;justify-content: space-between;}

.recent-activey-wrap{margin-top:40px;}
.recent-activey-wrap>h6{ margin-bottom: 20px;}
.dash-card-wrap{display: grid;grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));gap: 20px;margin-top: 20px;}
.dash-card-wrap .card-box{background: var(--white);border-radius: 5px;padding: 20px;border: solid 1px #E2E2E2;transition: all 0.3s ease-in-out;}
.dash-card-wrap .card-box p{ padding-left: 25px;}
.dash-card-wrap .card-box .revenue{background: url(../images/revenueIcon.svg) no-repeat 0 0;}
.dash-card-wrap .card-box .bookingsIcon{background: url(../images/bookingsIcon.svg) no-repeat 0 0;}
.dash-card-wrap .card-box .new-client{background: url(../images/new-client.svg) no-repeat 0 0;}
.dash-card-wrap .card-box .rating{background: url(../images/ratingIcon.svg) no-repeat 0 0;}
.dash-card-wrap .card-box:hover {
    box-shadow: 0px 11px 20px rgb(0 0 0 / 18%);
    transition: all 0.3s 
    ease-in-out;
    transform: translate(0px, -10px);
    }

.servic-card .gridCard{border: solid 1px #E2E2E2;}
 
.event_dates_wrap,
.event_times_wrap,
.event_location_print_wrap{display: none;}
 
.revenu_chart #revenueChart{padding: 25px; border: solid 1px #E2E2E2; background: var(--white); border-radius: 5px;}


 
/* CMS pages */
.cms-pages {}
.cms-pages h2 {margin-top: 30px;}
.cms-pages h3 {margin-top: 30px;}
.cms-pages h4 {margin-top: 30px;}

.cms-pages ul {padding:0 0 7px 22px;font-weight: 500;}
.cms-pages ul li {list-style-type: circle;padding: 5px 0 5px 0;}
.cms-pages ul li ul {margin-top:10px}
.cms-pages ul li ul li{ padding-left:10px}

.blog-main .blog-detail-description div {
    width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
    padding: 0 !important;
}


 
/*Notifications */
.notification-wrap{margin-top: 40px;}
.notification-wrap .gridLitTab{justify-content: center; }
.notification-wrap .gridLitTab .tab{ border: 1px solid var(--grayBg);}
.notification-wrap .gridLitTab .tab img{vertical-align: middle;}
.notification-part{background: var(--white); padding: 20px 0 40px 0; margin-top: 40px;}
.notification-part .all-notification{display: flex;justify-content: space-between;margin:0px 0 20px 0; } 
.notification-part .all-notification p{font-size: 16px;margin: 0;}
.notification-part .all-notification a{color: var(--primaryColor);text-decoration: underline;}
.unread-msg{}
.unread-msg .unread-box{background: #FDF2F8;padding: 15px;border-left: solid 4px var(--primaryColor);border-radius: 10px;position: relative;}
.unread-msg .unread-box .title-msg{position: relative;display: flex;align-items: center;gap: 8px;padding: 0 83px 0 0;}
.unread-msg .unread-box p{font-size: 14px;color: var(--text);margin: 12px 0 0 0;}
.unread-msg .unread-box .time{font-size: 14px;color: var(--text);position: absolute;right: 25px;top: 27px;}
.unread-msg .unread-box .title-msg .icons{background: #FFDFF1;display: flex;align-items: center;justify-content: center;width: 40px;
height: 40px;border-radius: 100px; flex-shrink: 0;}
.unread-msg .unread-box .title-msg .icons img{max-width: 18px;max-height: 18px;}
.unread-msg .unread-box .title-msg h6{font-size: 15px;font-weight: 500;margin: 0;}

.unread-msg .unread-box  .action {display: flex;justify-content: space-between;margin: 15px 0 0 0;} 
.unread-msg .unread-box .action .action-btns {}
.unread-msg .unread-box .action .booking{color: var(--black);border: solid 1px var(--text);font-size: 14px;padding: 4px 12px;
border-radius: 5px;}
.unread-msg .unread-box .action .booking:hover{color: var(--primaryColor);border-color: var(--primaryColor);}
.unread-msg .unread-box .action .action-btns .mark{color: var(--black);}
.unread-msg .unread-box .action .action-btns .sm{font-size: 14px;font-weight: normal;height: auto;padding: 4px 12px;}
.unread-msg .unread-box .action .action-btns .mark:hover{color: var(--primaryColor);}
.unread-msg .unread-box .action .action-btns .sm::after{display: none;}


.unread-msg .unread-box.read{border: solid 0;} 



/* Contact Us page */  
.contact-wrap { margin-bottom: 40px;}
.contact-wrap .gridLitTab {justify-content: center;}
.contact-wrap .gridLitTab .tab span{display: flex;}
.contact-part {display: flex;width: 100%;justify-content: space-between;gap: 30px; align-items: start;}
.contact-part .tabingNav{background: var(--white);width: 100%;padding: 10px 30px 30px 30px;margin-top: 40px;border-radius: 10px;} 
.contact-address{width: 100%;max-width: 400px;border: solid 1px #D1D1D1;background: var(--white);padding: 30px;margin-top: 40px;border-radius: 10px;} 

.contact-address .addressBlock .box{display: flex;align-items: center;gap: 10px;margin-bottom: 16px;margin-top: 18px;}
.contact-address .addressBlock .box .icon{background: rgb(233 83 130 / 15%);width: 40px;height: 40px;
display: flex;justify-content: center;align-items: center;border-radius: 100px;flex-shrink: 0;}

.contact-address .addressBlock .box h6{font-size: 16px;margin:0 0 4px 0;}
.contact-address .addressBlock .box p{font-size: 16px;margin: 0;color: var(--text);}
.contact-address .addressBlock .box p a{color: var(--text);}
.contact-address .addressBlock .teamSocial{display: flex;align-items: center;gap: 9px;margin-top: 6px;}
.contact-address .addressBlock .teamSocial a{filter: brightness(0.5);display: flex;justify-content: center;
width: 35px;height: 35px;border: solid 1px #ddd;border-radius: 100px;align-items: center;}
.contact-address .addressBlock .teamSocial a:hover{filter: brightness(1);border-color: var(--primaryColor);transition: all 0.3s ease-in-out; background: var(--primaryColor);}

.userForm .control input.file-type[type="file"]{padding: 10px;border: 1px dashed #FF5A6B;
background-color: var(--white);transition: 0.25s ease-in-out;border-radius: 5px;height: auto;width: auto; margin-bottom: 15px; cursor: pointer; width:auto;}
.userForm .control input.file-type[type="file"]::file-selector-button {padding: 1em 1.5em;border-width: 0;border-radius: 5px;background:var(--gradient);color: var(--white);transition: all 0.25s ease-in-out;cursor: input;margin-right: 1em;cursor: pointer;}
.userForm .control input.file-type[type="file"]:hover {border-color: #888;}
.userForm .control input.file-type[type="file"]:hover::file-selector-button {color: var(--white);transition: all 0.5s ease-in-out;background: linear-gradient(289.44deg, var(--primaryColor) 1.67%, #FF5A6B 75.14%);box-shadow: 0px 8px 15px 0px #FF627CB0;}

.contact-part .message-chat .send-msg,
.contact-part .message-chat .chat-box-wrap{max-width: 100%;}

.no-messages {text-align: center;color: var(--primaryColor);font-weight: bold;margin-top: 100px;}

.guest-modal-content .action-contact{margin-top: 10px;}

.message-chat .send-msg .start-chat-btn{position: static; width: auto;}

/* Blog page */

.blog-page-wrap .blog-box{background: var(--white);padding: 20px;border-radius: 10px;}
.blog-page-wrap .blog-box .blog-nav{display: flex;align-items: center;gap: 10px;flex-wrap: wrap;}
.blog-page-wrap .blog-box .blog-nav .clock{background: url(../images/clockGraydient.svg) no-repeat 0 5px;padding: 0 0 0 17px;background-size: 13px;}
.blog-page-wrap .blog-box .blog-nav .user{background: url(../images/postUser.svg) no-repeat 0 5px;padding: 0 0 0 16px;background-size: 12px;color: var(--black);}
.blog-page-wrap .blog-box .blog-nav .flag{background: url(../images/flag.svg) no-repeat 0 4px;padding: 0 0 0 16px;background-size: 12px;color: var(--black);}
.blog-page-wrap .blog-box .blog-image{margin: 20px 0;border-radius: 10px;overflow: hidden;}
.blog-page-wrap .blog-box .blog-image img{max-width: none;width: -webkit-calc(100% + 50px);width: calc(100% + 50px);
opacity: 0.7;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;transition: opacity 0.35s, transform 0.35s;
-webkit-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0);}
.blog-page-wrap .blog-box .blog-image:hover img{-webkit-transform: translate3d(0, 0, 0); opacity: 1;transform: translate3d(0, 0, 0);}



/*blog detail*/

.blog-main {display: flex;gap: 30px;}
.blog-main .blog-left { width: 100%;}
.blog-detail-page { }
.blog-main .date {font-size: 18px;font-weight: bold;margin-top: 34px;}
.blog-main .date {font-size: 18px;font-weight: bold;margin-top: 15px;background: url(../images/calGradient.svg) no-repeat center left;background-size: 20px;
padding: 0 0 0 23px;color: var(--primaryColor);}
.blog-main .blog-detail-description {margin-top: 30px;}
.blog-main .blog-detail-description h3 {font-size: 24px;margin-bottom: 12px;}
.blog-main .blog-detail-description h4 { font-size: 18px;margin: 30px 0 20px;}
.blog-main .sidebar-recent-post {background: var(--white);padding: 20px;width: 100%;max-width: 400px;}
.blog-main .sidebar-recent-post h4 {margin-bottom: 16px;}
.recent-post-block {display: flex;gap: 18px;border-bottom: 1px solid #CFD1DD;padding: 16px 0;}
.recent-post-block:last-child{border: none;}
.recent-post-block img {width: 100px;height: 120px;object-fit: cover;border-radius: 4px;}
.recent-post-content .date {font-size: 14px;font-weight: normal;display: flex;align-items: center;gap: 4px;margin-top: 10px;
background: url(../images/calGradient.svg) no-repeat center left;background-size: 20px;padding: 0 0 0 23px;color: var(--primaryColor);}
.recent-post-content .date img {width: auto;height: auto;} 



/* cookie */
.eu-cookie-compliance-banner {background: var(--gradient);padding: 11px 0;}
.eu-cookie-compliance-banner .popup-content {background: transparent;border: none;display: flex;flex-wrap: wrap;
gap: 10px;justify-content: space-between;align-items: center;}
.eu-cookie-compliance-banner .popup-content .eu-cookie-compliance-buttons {margin: 0;display: flex;align-items: center;gap: 10px;}
.eu-cookie-compliance-banner .popup-content h2{margin: 0;}
.eu-cookie-compliance-message p{font-weight: normal;}
.eu-cookie-compliance-banner .popup-content .eu-cookie-compliance-buttons .button {margin: 0; padding: 0;}
.eu-cookie-compliance-banner .popup-content .eu-cookie-compliance-buttons .agree-button {background: var(--gradient);
text-shadow: none;color: var(--white);border-radius: 5px;padding: 10px 20px;font-size: 14px;box-shadow: initial;border: solid 1px var(--white);}
.eu-cookie-compliance-banner .popup-content .eu-cookie-compliance-buttons .agree-button:hover { background: var(--gradientHover);}

.eu-cookie-compliance-banner .popup-content .eu-cookie-compliance-buttons .button--primary {border: none;background: transparent;color: var(--white);text-shadow: initial;box-shadow: 0 0 0;}
.eu-cookie-compliance-banner .popup-content .eu-cookie-compliance-buttons .button--primary:hover {text-decoration: underline;}




/* subscription */
.tag-popular {background: var(--gradient);display: inline-block;padding: 7px 25px;border-radius: 100px;position: absolute;top: -16px;left: 0;right: 0;
color: var(--white);font-weight: 500;max-width: 155px;margin: auto;}
.subscription-main .most-plan .card-box .plan-icon img {width: 39px;}
.subscription-main .most-plan .card-box h2 span {font-size: 15px;}
.subscription-main{}
.subscription-main .most-plan{}
.subscription-main .most-plan .card-box{border: solid 1px #ddd;border-radius: 30px;padding: 30px;text-align: center;background: var(--white);position: relative;}
.subscription-main .most-plan .card-box .plan-icon{background: var(--grayBg);width: 70px;height: 70px;margin: auto;display: flex;align-items: center;justify-content: center;
border-radius: 100px;}
.subscription-main .most-plan .card-box h4{margin: 16px 0 12px;}
.subscription-main .most-plan .card-box h2{color: var(--primaryColor);}
.subscription-main .most-plan .card-box p{}
.subscription-main .most-plan .card-box h5{text-align: left;}
.subscription-main .most-plan .card-box .include{text-align: left;list-style: none;margin: 0 0 32px 0;padding: 0;}
.subscription-main .most-plan .card-box .include li{background: url(../images/checkmark.svg) no-repeat 0 2px;padding: 0 0 0 27px;margin-bottom: 7px;}
.subscription-main .most-plan .card-box .not-include{text-align: left;list-style: none;margin-bottom: 36px;}
.subscription-main .most-plan .card-box .not-include li{}
.subscription-main .most-plan .card-box .action-btn{}
.subscription-main .most-plan .card-box .action-btn a{width: 100%;}



.commission-structure{}
.commission-structure .box-block{text-align: center;box-shadow: 0px 5px 15px 3px #00000008;border: solid 1px #ddd;border-radius: 10px;padding: 20px;counter-reset: counter;
margin-bottom: 20px;background: var(--white);text-align: center;}
.commission-structure .box-block h4{font-size: 18px;}
.commission-structure .box-block h2{color: var(--primaryColor);}
.commission-structure .box-block p{color: var(--text);margin: 0;}
.commission-work{margin: 41px 0;box-shadow: 0px 5px 15px 3px #00000008;border: solid 1px #ddd;border-radius: 10px;padding: 20px;counter-reset: counter;margin-bottom: 20px;
background: var(--white);text-align: center;}
.commission-work h3{}
.commission-work p{}
.commission-work .garybg{background: var(--grayBg);display: inline-block;padding: 15px 20px;border-radius: 10px;}

.no-offer-msg {
  color: red;
}
.actionSticky .actionBtn .no-offer-msg {
    position: absolute;
    bottom: 69px;
    background: #FFF;
    margin: 0;
    padding: 11px 26px 6px 26px;
    left: -10px;
    right: 0; color: red;
    text-align: center;
}