/*Welcome pop up*/
/* Background */
.cscc-bg-lft:before { content: ''; position: absolute; top: 0; left: 0; background-image: url(../image/cscc-pattern-left.png); width: 500px; height: 204px; background-size: contain; background-repeat: no-repeat; }
.cscc-bg-blft:before { content: ''; position: absolute; bottom: 0; left: 0; background-image: url(../image/cscc-pattern-left.png); width: 500px; height: 204px; background-size: contain; background-repeat: no-repeat; }
.cscc-bg-rgt:after { content: ''; position: absolute; top: 0; right: 0; background-image: url(../image/cscc-pattern-right.png); width: 500px; height: 204px; background-size: contain; background-repeat: no-repeat; }
.cscc-bg-brgt:after { content: ''; position: absolute; bottom: 0; right: 0; background-image: url(../image/cscc-pattern-right.png); width: 500px; height: 204px; background-size: contain; background-repeat: no-repeat; }


.home .elementor-location-header { position: absolute; left: 0; right: 0; top: 0; margin: auto; z-index: 5; }

.home-bnr {margin-bottom: 0 !important;}
.home-bnr .elementor-background-overlay {background-color: rgba(0,0,0,0.3) !important;}

.services-join-cnt { max-width: 2600px; margin-left: auto; margin-right: auto; }


/* Tab */
.tab-slider,
.vtab-slider { position: relative; margin: 0 0 1.5rem 0; }
.tab-slider .wrap,
.vtab-slider .wrap { position: relative; width: 97%; }
.tab-slider .slick-prev,
.vtab-slider .slick-prev { width: 12px; height: 20px; left: -20px; font-size: 0; border: none; padding: 0; z-index: 1; }
.tab-slider .slick-prev:focus,
.tab-slider .slick-prev:hover,
.vtab-slider .slick-prev:focus,
.vtab-slider .slick-prev:hover { border: none;background-color: transparent; }
.tab-slider .slick-prev:before,
.vtab-slider .slick-prev:before { content: ''; background-image: url(../image/arrowleft-grey.png); width: 12px; height: 20px; background-size: contain; background-repeat: no-repeat; display: block; cursor: pointer; }
.tab-slider .slick-next,
.vtab-slider .slick-next { width: 12px; height: 20px; right: -20px; font-size: 0; border: none; padding: 0; z-index: 1; }
.tab-slider .slick-next:focus,
.tab-slider .slick-next:hover,
.vtab-slider .slick-next:focus,
.vtab-slider .slick-next:hover { border: none; background-color: transparent; }
.tab-slider .slick-next:before,
.vtab-slider .slick-next:before { content: ''; background-image: url(../image/arrowright-grey.png); width: 12px; height: 20px; background-size: contain; background-repeat: no-repeat; display: block; cursor: pointer; }


.tab-navi { border: none; } 
.tab-navi .nav-item { position: relative; }
.tab-navi .nav-item:not(:last-child):after { content: ' | '; position: absolute; top: 50%; transform: translateY(-50%); right: -2px; margin: auto; font-size: 21px; }
.tab-navi .nav-item a.nav-link { font-size: 21px; font-weight: 600; color: #5D5D5D; border: none; background-color: transparent; padding: 8px 25px; text-decoration: none;}
.tab-navi .nav-item:first-child a.nav-link { padding-left: 0; }
.tab-navi .nav-item a.nav-link:hover,
.tab-navi .nav-item a.nav-link.active { color: #B2114D; text-decoration: underline; text-decoration-thickness: 2px; background-color: transparent; }

.tab-navi .slick-slide.nav-item { text-align: center; }
.tab-navi .slick-slide.nav-item:after { content: ''; }

.tab-content .tab-pane { opacity: 0; transition: all 0.3s; }
.tab-content .tab-pane.active { opacity: 1; }


.sub-tab-navi { min-width: 100px; }
.sub-tab-navi a.nav-link { font-size: 15px; color: #5D5D5D; padding: 8px 0; text-decoration: none; }
.sub-tab-navi a.nav-link:hover { color: #B2114D; }
.sub-tab-navi a.nav-link.active { color: #B2114D; background-color: transparent; }
.sub-tab-navi a.nav-link.slick-slide { padding: 8px 15px; }


/* === */

.services-wrapper { display: flex; justify-content: space-between; }
.services-wrapper.upcoming { align-items: center; }
.img-cnt-wrapper .img-wrapper { padding: 0rem 2rem 1.5rem 0rem; }
.img-cnt-wrapper .img-wrapper img.mask-circle { width: 100px; max-width: unset; clip-path: circle(50px at center); }

.tab-content.minimize .tab-content .tab-pane { position: relative; }
.tab-content.minimize .tab-content .tab-pane .read-more-wrapper { max-height: 10000px; overflow: unset; transition: all 0.3s; }
.tab-content.minimize .tab-content .tab-pane .read-more-wrapper.restrict-h { max-height: 350px; overflow: hidden; transition: all 0.3s; }

.read-more-arr { position: relative; width: 100%; height: 20px; padding-top: 1rem; cursor: pointer; }
.read-more-arr:after { content: ''; background-image: url(../image/arrowdown-grey.png); width: 20px; height: 12px; background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; right: 0; margin: auto; }

.read-less-arr { position: relative; width: 100%; height: 20px; padding-top: 1rem; cursor: pointer; }
.read-less-arr:after { content: ''; background-image: url(../image/arrowup-grey.png); width: 20px; height: 12px; background-size: contain; background-repeat: no-repeat; background-position: center center; position: absolute; left: 0; right: 0; margin: auto; }

.quas-fix .upcoming-weekend a.grad-btn span,
.quas-fix .weekend-services a.grad-btn span{ padding-top: 6px; }

.wp-dummy-grey-bg {
	background: #EDEDED;
    position: absolute;
    top: 0px;
    left: -100%;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}


@media screen and (max-width: 1330px) {
	.services-wrapper { display: block; }
}

@media screen and (max-width: 1024px) {
	.services-wrapper { display: flex; }
}

@media screen and (max-width: 767px) {
	.sub-tab-navi.flex-column { flex-direction: unset !important; }
	.sub-tab-navi a.nav-link { padding: 8px 15px; }
	.sub-tab-navi a.nav-link:first-child { padding-left: 0; }
}

@media screen and (max-width: 520px) {
	.services-wrapper { display: block; }
}


@media screen and (max-width: 480px) {
	.tab-navi .nav-item a.nav-link {
		padding: 8px 10px 8px 10px;
	}
}