/* Login Page */

/* .page-id-1607 #customer_login .u-column2 {
	display: none;
}

.page-id-1601 #customer_login .u-column1 {
	display: none;
}
 */
.page-id-1607 .site-content .ast-container,
.page-id-1601 .site-content .ast-container {
	max-width: unset;
	padding: 0px;
}

/* .page-id-1601 .woocommerce .col2-set .col-2, .woocommerce-page .col2-set .col-2 {
	float: left;
	width: 100%;
}
 */

.woocommerce-form-register .form-row.form-row-first,.woocommerce-form-register .form-row.form-row-last,p.woocommerce-form-row.woocommerce-form-row--wide.form-row.form-row-wide{
	display:none !important;
}
.gen-container {
    width: 100%;
    /*display: flex;*/
}

.gen-col {
    flex: 1;
    background: #1b8bc8;
    float: left;
    position: relative;
}

.gen-text {
    position: absolute;
    bottom: 156px;
    color: #FFF;
    font-family: "Jost", Sans-serif;
    font-size: 48px;
    font-style: normal;
    font-weight: 500;
    line-height: 50px;
    text-align: left;
    width: 449px;
    margin-left: 100px;
}

/* .page-id-1607 .woocommerce .col2-set .col-1, .page-id-1607 .woocommerce-page .col2-set .col-1 {
    width: 100%;
} */

body .woocommerce-MyAccount-navigation-link.is-active a {
	background: transparent;
	color: #2487C2;
}

.gen-col h2 {
    	font-family: "Jost", Sans-serif;
    	font-size: 48px;
    	font-style: normal;
    	font-weight: 600;
    	line-height: 120%; /* 57.6px */
    	color: white;
}

.gen-col label {
	color: #FFF;
    font-family: "Jost", Sans-serif;
    font-size: 20px !important;
    font-style: normal;
    font-weight: 400 !important;
}

.gen-col .woocommerce-Input {
	height: 61px;
	border-radius: 8px !important;
}

.gen-col input#rememberme {
	border-radius: 1px;
    border: 1px solid #fff;
    width: 20px;
    height: 20px;
    outline: none;
    flex-shrink: 0;
    position: relative;
    top: 3px;
}

.gen-col button.woocommerce-button.button.woocommerce-form-login__submit,
.gen-col button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit,
.gen-form-container .btn-registration,
.gen-btn-wrapper a {
	width: 145px;
    height: 56px;
    border-radius: 90px;
    background: #FFF;
    color: #4B4B4B;
    text-shadow: 0px 4px 18px #C0C0C0;
    font-family: "Jost", Sans-serif;
    text-align: left;
    padding: 5px 7px 5px 25px;
    font-size: 20px;
    margin: 48px 0px 30px 0px !important;
    position: relative;
}

.gen-btn-wrapper {
	text-align: center;
	margin-top: 56px;
	margin-bottom: 47px;
}

.gen-btn-wrapper a {
	width: 286px;
	padding: 13px 60px 13px 25px;
	box-shadow: 0px 4px 16px 0px #CDCDCD;
}

.gen-col button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit {
	width: 160px;
}

.page-id-1601 .gen-col .woocommerce-form-register p {
	color: #FFF;
	/* Body Regular/B2 */
	font-family: Jost;
	font-size: 18px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 24px */
}

.page-id-1601 .gen-col .woocommerce-form-register p a {
	color: #c10571;
}

.gen-col button.woocommerce-button.button.woocommerce-form-login__submit:after,
.gen-col button.woocommerce-Button.woocommerce-button.button.woocommerce-form-register__submit:after,
.gen-form-container .btn-registration:after,
.gen-btn-wrapper a:after {
	position: absolute;
	content: url(./assets/img/arrow.svg);
	display: inline-block;
	width: 46px;
	height: 46px;
	top: 4px;
	margin-left: 19px;
	right: 5px;
}

.gen-col p.woocommerce-LostPassword.lost_password a {
	color: #FFF;
	/* Body Regular/B2 */
	font-family: "Jost", Sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 24px */
	position: relative;
	left: 3px;
}

.gen-col:first-child {
    background: url('./assets/img/login-banner.png') no-repeat;!important;
    background-size: contain;
    width: 100%;
    display: none;
	background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 4.42%, #0C7DBA 84.18%) important;
}

.gen-col:last-child {
	width: 100%;
	padding: 20px;
	padding-top: 40px;
}

/* Courses Registration Page */

.course-post-reg {
	margin-bottom: 58px;
}

.course-post-reg .entry-title {
	color: #002336;
	font-family: "Jost", Sans-serif;
	font-size: 64px !important;
	font-style: normal;
	line-height: 110%; /* 70.4px */
}

@media only screen and (max-width: 768px) {
    .course-post-reg .entry-title {
        font-size: 30px !important; 
        line-height: 120%;
    }
}

.gen-form-container {
	border-radius: 8px;
	background: #0D89CB;
	padding: 48px;
	margin-bottom: 100px;
}

.gen-form-container .form-group {
	margin-bottom: 24px;
}

.gen-form-container .form-group label {
	color: #FFF;
	font-family: "Jost", Sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 24px */
	margin-bottom: 16px;
	display: block;
}	

.gen-form-container .form-group input {
	display: block;
	border-radius: 6px !important;
	background: #FFF;
	padding: 18px 16px;
	width: 100%;
}

.gen-form-container .form-control {

}

.gen-form-container .btn-group {
	margin-top: 30px;
}

.gen-form-container .btn.btn-default {

}

.gen-form-container h3 {
	color: #FFF;
	font-family: "Jost", Sans-serif;
	font-size: 32px !important;
	font-style: normal;
	font-weight: 600;
	line-height: 120%;
	margin-bottom: 24px;
}

.gen-form-container .btn-reset {
	border-radius: 90px;
	border: 2px solid #FFF;
	box-shadow: 0px 4px 16px 0px rgba(14, 124, 183, 0.43);
	background: transparent;
	/*padding: 16px 0px;*/
	color: #FFF;
	font-family: "Jost", Sans-serif;
	width: 100%;
	font-size: 24px !important;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	/*margin-right: 32px;*/
	margin: 25px;
	margin-left: 10px;
}

/****/
@media only screen and (max-width: 768px) {
    .gen-form-container .btn-reset {
        font-size: 20px !important; /* Reduce font size for mobile */
        margin: 20px 10px; /* Adjust margin for mobile */
        padding: 12px 20px; /* Add padding for mobile */
    }
}



.gen-form-container .btn-registration {
	width: 100%;
	padding: 7px 6px 6px 51px;
	color: #4B4B4B;
	text-shadow: 0px 4px 18px #C0C0C0;
	font-family: "Jost", Sans-serif;
	font-size: 24px;
	font-style: normal;
	font-weight: 400;
	line-height: normal;
	height: 68px;
	margin: 24px 0px 0px 0px !important;
}

/***29.5.2024***/

@media only screen and (max-width: 768px) {
    .gen-form-container .btn-registration {
        padding: 10px 70px 10px 20px; 
        font-size: 17px; 
        height: 60px; 
        margin: 20px 0px 0px 0px !important; /* Adjust margin for mobile */
    }
	
	.gen-form-container .btn-registration:after {
	content: url("/uploads/2024/05/Group-1000003435.svg");   
	top: 3px!important;
	right: 12px!important;
}
}


.gen-form-container .btn-registration:after {
	content: url(./assets/img/arrow54x54.svg);   
	top: 7px;
	right: 16px;
}

.gen-form-container .wpcf7-not-valid-tip {
	color: #f9acb1;
	margin-top: 10px;
}

.gen-form-container .wpcf7-response-output {
	border-color: #ffb900;
    background: antiquewhite;
}

/* Booking */
#gen-calendar {
	min-width:100%;
	height:700px;
	width:100%;
}

.gen-acc-wrapper .ac-img {
	width: 56px;
	height: 56px;
}

.gen-acc-wrapper .ac-img img {
	width: 100%;
}

.gen-acc-wrapper .acinfo {
	margin: 16px 0px 40px 0px;
}

.gen-acc-wrapper .acinfo span { display: block; }

.gen-acc-wrapper .acinfo span:first-child {
	color: #002336;
	font-family: "Jost", Sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%;
}

.gen-acc-wrapper .acinfo span:last-child {
	color: #414141;
	font-family: "Jost", Sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 24px */
}

.gen-acc-wrapper .menu-op {
	color: #A0A0A0;
	font-family: "Jost", Sans-serif;
	font-size: 14px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 16.8px */
	letter-spacing: 1.2px;
	text-transform: uppercase;
	margin-bottom: 16px;
	display: block;
}

.gen-nav {
	border-radius: 8px;
	background: #FFF;
	box-shadow: 0px 10px 32px -4px rgba(24, 39, 75, 0.10), 0px 6px 14px -6px rgba(24, 39, 75, 0.12);
	padding: 20px;
}

.gen-nav .woocommerce-MyAccount-navigation-link {
	border: unset !important;
}

.gen-nav.woocommerce-MyAccount-navigation > ul {
	padding-left: 0px !important;
}

.woocommerce-MyAccount-navigation-link {
	position: relative;
}

.woocommerce-MyAccount-navigation-link a {
	display: block;
	padding: 16px 12px !important;
	color: #2487C2;
	/* Body Medium/B2 */
	font-family: "Jost", Sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 24px */
	color: #414141;
	left: -16px;
	margin-left: 32px;
}

.woocommerce-MyAccount-navigation-link a:before {
	position: absolute;
	content: url('./assets/img/person.svg');
	left: 12px;
}

.woocommerce-MyAccount-navigation-link--dashboard a:before {
	content: url('./assets/img/dashboard.svg');
}

.gen-nav .is-active {
	   border-radius: 6px;
	   background: rgba(0, 125, 191, 0.14) !important;
	   transition: all 1s linear;

}

.woocommerce-MyAccount-navigation-link:hover {
	border-radius: 6px;
	background: rgb(0 125 191 / 7%) !important;
}

.is-active {
	border-radius: 6px;
	background: rgba(0, 125, 191, 0.14);
}

.woocommerce-MyAccount-content {
    border-radius: 8px;
    /* border: 1px solid #C8C8C8; */
    padding: 32px;
    margin: 40px 0px;
    background: #FFF;
    box-shadow: 0px 10px 32px -4px rgba(24, 39, 75, 0.10), 0px 6px 14px -6px rgba(24, 39, 75, 0.12);
}

.page-id-1599 .woocommerce {
	display: flex;
	flex-wrap: wrap;
}

.woocommerce-MyAccount-navigation-link--appointments a:before {
	content: url('./assets/img/calendar-today.svg');
}

.woocommerce-MyAccount-navigation-link--customer-logout a:before {
	content: url('./assets/img/logout.svg');
}


/* Appointments */
.gen-tabs {
    padding-bottom: 3px;
    border-bottom: 1px solid #C8C8C8;
}

.gen-tabs .tab-1, .gen-tabs .tab-2 {
	color: var(--neutral-sub-text, #414141);
		/* Body Medium/B2 */
	font-family: "Jost", Sans-serif;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 24px */
	padding-bottom: 2px;
	cursor: pointer;
	margin-right: 12px;
}

.gen-tabs .tab-1.active, .gen-tabs .tab-2.active {
	border-bottom: 4px solid #007DBF;
	color: #002336;
	cursor: initial;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 24px */
	
} 

.tab-content-1, .tab-content-2 {
	/*padding: 16px 71px 16px 16px;*/
	margin-top: 32px;
}

.tab-content-2 {
	filter: grayscale(1);
}


.gen-booking-item {
	padding: 16px 71px 16px 16px;
	border-radius: 6px;
	border: 1px solid #C8C8C8;
	background: #FCFCFC;
	margin-bottom: 24px;
}

.gen-booking-item .item-group {
	margin-bottom: 24px;
}

.gen-booking-item .item-group .icon {
	margin: 24px 0px;
}

.gen-booking-item .item-group .label {
	color: #636363;
	font-size: 16px;
	font-style: normal;
	font-weight: 400;
	line-height: 120%; /* 19.2px */
}

.gen-booking-item .item-group .value {
	color: #292929;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 24px */
}

.gen-booking-item .item-group .value a {
	color: #2487C2;
	font-size: 20px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 24px */
	position: relative;
}

.gen-booking-item .item-group .value a:after {
	position: absolute;
	content: url('./assets/img/open_in_new.svg');
	right: 0px;
	right: -25px;
}

.tab-content-2 { display: none; }

/* Confirmation Page */
.page-id-2182 #content {
	background: url('./assets/img/bg1.png') top center no-repeat, url('./assets/img/bg2.png') top 50% right no-repeat;
}

.booking-container {
    text-align: center;
    width: 100%;
    padding: 48px;
    margin-top: 53px;
    margin-bottom: 68px;
    border-radius: 8px;
	background: #FFF;
	/* Shadowfight 3 */
	box-shadow: 0px 10px 32px -4px rgba(24, 39, 75, 0.10), 0px 6px 14px -6px rgba(24, 39, 75, 0.12);
}

.booking-container .title {
    color: #474747;
    text-align: center;
    font-family: Jost;
    font-size: 48px;
    font-style: normal;
    font-weight: 600;
    line-height: 120%;
    margin-bottom: 16px;
}

.booking-container .desc {
    color: #4D4D4D;
    text-align: center;
    font-family: Jost;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
}

.booking-title-group {
    width: 100%;
    
}

.booking-hr-line {
	border: 1px solid #DADADA;
	margin:  48px 0px;
}

.booking-details {
	display: flex;
	flex-direction: column;
}

.booking-details > div {
	padding: 16px 20px;
	flex: 1;
	text-align: center;
}

.booking-details > div > .heading {
	color: #9F9F9F;
	font-family: Jost;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 120%; /* 19.2px */
	text-transform: uppercase;
	margin-bottom: 16px;
}

.booking-details > div > .details span {
	display: block;
	margin-bottom: 8px;
}

.booking-container .social-icons  {
	display: flex;
	justify-content: flex-end;
}

.booking-container .social-icons > div {
	width: 32px;
	height: 32px;
	cursor: pointer;
}

.booking-container .social-icons img {
	width: 100%;
}

.social-icons > div:first-child {
	margin-right: 10px;
}

@media screen and (min-width: 768px) {
	.gen-form-container .btn-reset,
	.gen-form-container .btn-registration {
			width: 235px;
	}

	.gen-btn-wrapper {
		text-align: right;	
	}

	.booking-details > div {
		text-align: left;
	}

	.gen-booking-item, .item-group.name {
		display: flex;
		justify-content: space-between;
	}

	.gen-booking-item .item-group .icon {
		margin: 0px;
		margin-top: 3px;
	}

	.item-group.name .content {
		padding-left: 15px;
	}

	.booking-title-group {
	    width: 620px;
	    margin: 0 auto;
	}

	.booking-details {
		flex-direction: row;
	}

}

@media screen and (min-width: 992px) {
	
	.gen-col {
		 height: 882px;
	}

	.gen-col:first-child {
	    background: url('./assets/img/login-banner.png') no-repeat;
	    background-size: contain;
	    width: 663px;
	    display: block;
	}

	.gen-col:last-child {
		width: calc(100% - 663px);
	}

	.woocommerce-MyAccount-content {
	    margin: 0px 0px;
	}
}

@media screen and (min-width: 1200px) {

	.gen-col:last-child {
		width: calc(100% - 663px);
		padding-left: 69px;
		padding-top: 176px;
		padding-right: 228px;
	}

	.gen-form-container .form-group input {
		width: 50%;
	}

	.woocommerce-account .woocommerce-MyAccount-content {
		width: calc(68% - 28px);
		margin-left: 28px;
	}

	.post-1599.ast-article-single {
		background: url('./assets/img/union-bg.png') left bottom no-repeat;
		padding-bottom: 520px;
	}
	
}

@media print {
   .elementor-location-header, .elementor-location-footer { display: none; }
}

.booking-item-details-container {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 10px;
	margin-bottom: 10px;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
	background-color: #fff;
	width: 75%;
  }
  
  .booking-item-details span {
	display: block;
	margin-bottom: 5px;
  }
  
  .popup-container {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	justify-content: center;
	align-items: center;
	z-index: 999;
  }
  
  .showme {
	display: flex;
  }
  
  .popup-content {
	background: #fff;
	padding: 20px;
	border-radius: 10px;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	text-align: center;
	width: 60%;
	max-width: 400px;
	position: relative;
  }
  
  .pop-text {
	margin-bottom: 20px;
  }
  
  .pop-up-text {
	margin-bottom: 15px;
  }
  
  #ok-button {
	background-color: #007dbf;
	color: #fff;
	padding: 10px 20px;
	border: none;
	border-radius: 5px;
	font-size: 16px;
	cursor: pointer;
  }
  
  #ok-button:hover {
	background-color: #005580;
  }
  
  /* Animation for the modal */
  .popup-content {
	opacity: 0;
	transform: scale(0.8);
	transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  }
  
  .showme .popup-content {
	opacity: 1;
	transform: scale(1);
  }