.answers-sec .faq-item summary span.e-n-accordion-item-title-icon{
	max-width: 48px;
	height: 48px;
	width: 100%;
  background-color: #E9E9E9;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
}

.answers-sec .faq-item details{
	border-bottom: 1.7px dashed rgba(142, 142, 142, 0.75);
}

.answers-sec .faq-item details summary + .elementor-element{
	padding-top: 0.25rem;
}

/* css add on 15.05.2026 */
header .elementor-nav-menu__container{
	background-color:transparent !important;
}
header .elementor-nav-menu__container > .elementor-nav-menu{
	background:#fff;
	margin-inline:20px;
}

.custom-video-wrapper{
    position:relative;
    width:100%;
    overflow:hidden;
		height: 537px !important;
}

.custom-video-wrapper video{
    width:100%;
    display:block;
    object-fit:cover;
}

.video-toggle{
    position:absolute;
    right:20px;
    bottom:20px;
    width:60px;
    height:60px;
    border-radius:50%;
    border:1px solid #E2E2E2C7;
    color:#fff;
    font-size:22px;
    cursor:pointer;
}
.video-toggle img{
	width: 20px;
	margin-top: 8px;
}
.video-toggle:hover{
	    border-radius:50%;
    border:1px solid #E2E2E2C7;
    background-color:transparent !important;
}
.video-toggle:focus{
	border-radius:50%;
    border:1px solid #E2E2E2C7;
    background-color:transparent !important;
}
.team-sec .swiper{
	overflow: visible;
}
.team-sec .swiper-pagination .swiper-pagination-bullet {
    width: 93px;
    height: 4px;
    border-radius: 33px;
    margin: 0;
    background-color: #E5E5E5;
		opacity: 1;
}
.team-sec .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #3B3B3B;
}
.team-sec .swiper{
	position: relative;
}
.team-sec .elementor-swiper-button-prev{
	position: absolute;
    right: 74px !important;
    left: auto !important;
    bottom: 0 !important;
    top: auto !important;
	transform: unset !important;
}
.team-sec .elementor-swiper-button-next{
	position: absolute;
    bottom: 0 !important;
    top: auto !important;
	transform: unset !important;
}
.team-sec .swiper-pagination{
	left: 140px;
    bottom: 22px !important;
    top: auto;
}
.faq .faq-item summary span.e-n-accordion-item-title-icon {
    background-color: #EBF8FF;
}
.login-sec .elementor-lost-password {
    font-family: 'Neue Montreal Medium';
    font-weight: 500;
    font-size: 16px !important;
    line-height: 20px;
    color: #076EAE !important;
	  order: 1;
    text-align: right;
    width: 100%;
}
.login-sec .elementor-field-type-submit{
	order: 2;
}
/* Button Icon Add */
.login-sec .elementor-button, .forgot-sec .custom-lost-password-form button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

/* Before Icon */
.login-sec .elementor-button::before, .forgot-sec .custom-lost-password-form button::before{
    content: "";
    width: 15px;
    height: 15px;
    display: inline-block;
    background-image: url("https://novomed.care/wp-content/uploads/2026/05/Reserve-Icon.svg");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.forgot-sec .custom-lost-password-form{
    max-width: 500px;
}

.forgot-sec .custom-lost-password-form label{
    display:block;
    margin-bottom:12px;
    font-weight:600;
	font-family: 'Neue Montreal Medium';
    font-weight: 500;
    font-size: 16px !important;
    line-height: 20px;
    color: #3B3B3B !important;
}

.forgot-sec .custom-lost-password-form input{
    width:100%;
    height:47px;
    padding:6px 16px;
    border:1px solid #dcdcdc;
    border-radius:8px;
}

.forgot-sec .custom-lost-password-form button{
    margin-top:30px;
    border:none;
    cursor:pointer;
	    background-color: #076EAE;
    color: #fff;
    font-family: "Neue Montreal Medium";
    font-size: 20px;
    font-weight: 500;
    border-radius: 4px 4px 4px 4px;
    padding: 10px 24px 10px 24px;
	text-align: center;
	width: 100%;
}
.events-details-sec .custom-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
	font-family: "Neue Montreal Medium";
}

.events-details-sec .custom-breadcrumb a {
    color: #fff;
    text-decoration: none;
}

.events-details-sec .custom-breadcrumb span {
    color: #fff;
}

.events-details-sec .custom-breadcrumb .current {
    font-weight: 500;
}
.events-details-sec .custom-breadcrumb .separator{
    font-weight:700;
}
.form-step-sec .form-container .form-content .form-step .option-wraper .option-item .other-input-wrapper span.error-message.other-concern-error {
    margin: 0.2rem 0 0;
}
.login-sec .form-row.submit .blue-btn{
    background-image: url(https://novomed.care/wp-content/uploads/2026/05/Reserve-Icon.svg);
    background-repeat: no-repeat;
    background-size: 15px;
    background-position: calc(50% - 90px);
}
.login-sec .form-row.submit .blue-btn:hover{
	color: #fff;
	background-color: #007cba;
}
.login-sec .forget-password-wrapper .form-row.submit .blue-btn{
	background-position: calc(50% - 128px);
}
.login-sec .back-to-login a {
    color: #8e8e8e;
    text-decoration: none;
    font-size: 16px;
	font-weight: 500;
	font-family: "Neue Montreal Medium";
}
.login-sec{
	overflow: hidden;
}
@media screen and (max-width: 1200px) {
    .form-step-sec .form-container .form-content .form-step .option-wraper {
        grid-template-columns: repeat(4, 1fr);
    }
}
@media(max-width: 991px){

	.header ul#menu-2-5fa8d2d {
    padding-top: 12px;
  }
	
.form-step-sec .form-container .form-content .form-step .option-wraper {
        grid-template-columns: repeat(3, 1fr);
    }
	.team-sec .swiper-pagination 		{
    left: 232px !important;
    bottom: 12px !important;
    top: auto;
  }
/* 	.team-sec .post-content p{
		min-height: 129px;
	} */
	.custom-video-wrapper{
		height: auto !important;
	}
	.events-sec time{
	font-size: 17px !important;
	display: block !important;
	margin-top: 8px !important;
}
.events-sec time{
	width: 115px !important;
}
	.events-details-sec .custom-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
	font-family: "Neue Montreal Medium";
 }
	.forgot-sec .custom-lost-password-form button{
    margin-top:20px;
	}
/* 	.events-details-sec .custom-repeater-item{
		width: 355px !important;
	} */
	.events-details-sec .events-col {
			height: 410px !important;
	}
	.events-details-sec .custom-repeater-item h3 {
    font-size: 18px !important;
    line-height: 23px;
    font-weight: 500;
    color: #3B3B3B;
}
	.loc-address, .loc-phone, .loc-email, .loc-hours{
		font-family: "Neue Montreal Medium";
	font-weight: 500;
	font-size: 15px !important;
	line-height: 20.8px;
	letter-spacing: 0%;
	color: #fff;
 }
	.events-details-sec .custom-repeater-item {
    padding: 28px 24px;
}
	.events-details-sec .custom-repeater-item {
    padding: 28px 24px;
}
	.header .login-btn, .header .dashboard-btn{
	font-family: "Neue Montreal Medium";
	font-weight: 500;
	color: #fff;
}
}

@media(min-width: 1024.9px){
	.header nav.elementor-nav-menu--dropdown.elementor-nav-menu__container {
    padding-left: 25px;
	}
	.header ul#menu-2-5fa8d2d {
    padding-top: 12px;
  }
	header .elementor-nav-menu__container > .elementor-nav-menu{
	background:transparent;
	margin-inline:auto;
}
}
@media(min-width: 1024px){
	.header ul#menu-2-5fa8d2d {
    padding-top: 12px;
		padding-left: 25px;
  }
	.team-sec .swiper-pagination {
    left: 185px !important;
    bottom: 22px !important;
    top: auto;
  }
/* 	.team-sec .post-content p{
		min-height: 180px;
	} */
	.custom-video-wrapper{
		height: auto;
	}
}
@media(max-width: 767px){
    .footer .quick-menu ul li{
        display: flex;
        justify-content: center;
    }
	.answers-sec .faq-item summary span.e-n-accordion-item-title-icon{
	max-width: 32px;
	height: 32px;
	width: 100%;
}
	.form-step-sec .form-container .form-content .form-step .option-wraper {
    grid-template-columns: repeat(2, 1fr);
}
	.team-sec .elementor-swiper-button-prev{
	position: static !important;
	transform: unset !important;
}
.team-sec .elementor-swiper-button-next{
	position: static !important;
	transform: unset !important;
}
.team-sec .swiper-pagination{
	position: static !important;
}
	.team-sec .swiper-pagination .swiper-pagination-bullet{
		width:33px;
	}

	.team-sec .swiper-pagination{
	margin: 20px auto 0;
    transform: unset;
	}
	.team-sec{
		text-align:center;
	}
	.team-sec .elementor-swiper-button.elementor-swiper-button-prev{
		margin: 0 5px 6px 0;
	}
/* 	.team-sec .post-content p{
		min-height: 0px;
	} */
	.video-toggle{
		width: 55px;
    height: 55px;
	}
	.video-toggle img{
		width: 17px;
	}
	.custom-video-wrapper{
		height: auto !important;
	}
	.make-icon .elementor-icon-list-item{
		display: block;
	}
	.make-icon .elementor-icon-list-icon{
		justify-content: center;
    margin-bottom: 10px;
	}
	.services{
		background-color: #f4fbfb;
	}
	.events-details-sec .custom-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 15px;
    font-weight: 500;
    color: #fff;
	font-family: "Neue Montreal Medium";
 }
	.forgot-sec .custom-lost-password-form button{
    margin-top:20px;
	}
}
@media(max-width: 1024px) and (min-width: 767px){
	.banner-sec, .mobile-video{
		display: none;
	}
	.medicine-sec .elementor-widget-image img{
		display: block !important;
	}
	.faq-item{
		width: 100%;
	}
}
@media(max-width: 1514px){
	.services{
		background-color: #f4fbfb;
	}
}
@media(max-width: 1399px) and (min-width: 1024px){
	.header .elementor-button{
		font-size: 15px !important;
		padding: 14px !important;
	}
	.elementor-35 .elementor-element.elementor-element-e22e1f3{
		column-gap: 20px !important;
	}
	.header .menu-item a{
		font-size: 15px !important;
		padding-left: 2px !important;
		padding-right: 2px !important;
	}

}
@media(max-width: 1399px){
.meet-sec .post-content{
		width: 100% !important;
	}
}
@media(min-width: 1025px){
		.header li.login-menu.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-2983{
			display: none;
		}
}
@media(max-width: 1920px) and (min-width: 1366px){
		.team-sec .swiper-pagination {
    	left: 140px !important;
	}
}
@media(max-width: 1023px) and (min-width: 991px){
		.team-sec .swiper-pagination {
    	left: 232px !important;
	}
}

@media(max-width: 1024px) and (min-width: 992px){
/* 	.events-details-sec .custom-repeater-item{
		width: 485px !important;
	} */
	.events-details-sec .custom-repeater-item h3 {
    font-size: 18px !important;
    line-height: 23px;
    font-weight: 500;
    color: #3B3B3B;
}
	.loc-address, .loc-phone, .loc-email, .loc-hours{
		font-family: "Neue Montreal Medium";
	font-weight: 500;
	font-size: 15px !important;
	line-height: 20.8px;
	letter-spacing: 0%;
	color: #fff;
 }
	.header .login-btn, .header .dashboard-btn{
	font-family: "Neue Montreal Medium";
	font-weight: 500;
	font-size: 15px !important;
	color: #fff;
}
}
@media(min-width: 768px) and (max-width: 1024px){
	.medicine-sec{
		padding-top: 50px !important;
		padding-bottom: 50px !important;
		background-image: url(https://novomed.care/wp-content/uploads/2026/05/Medicine-designed-around-you-Image.png) !important;
        background-size: 356px auto !important;
	}
	.our-story-sec{
		padding-top: 50px !important;
		padding-bottom: 50px !important;
		background-image: url(https://novomed.care/wp-content/uploads/2026/05/Our-Story-Image.png) !important;
        background-size: 356px auto !important;
	}
	.medical-img{
    width: 100% !important;
}
	.services{
		background-color: #f4fbfb;
	}
		.events-details-sec .custom-breadcrumb {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
    font-size: 17px;
    font-weight: 500;
    color: #fff;
	font-family: "Neue Montreal Medium";
 }
	.forgot-sec .custom-lost-password-form button{
    margin-top:20px;
	}
	.events-details-sec .events-col {
			height: 410px;
	}
}
@media(min-width:767px){
	.medicine-sec .elementor-widget-image img{
		display: block;
	}
	.header .elementor-element.elementor-element-a431716.e-con-full.e-flex.e-con.e-child{
		width: auto;
    flex: unset;
		padding-right: 12px;
	}
	.medicine-sec{
		padding-bottom: 50px;
	}
	.services .elementor-widget-image img{
		display: block;
		width: 100%;
	}
	.services{
		padding-top: 50px;
	}
}
@media (max-width: 1024px) and (min-width: 768px){
.elementor-604 .elementor-element.elementor-element-be05398:not(.elementor-motion-effects-element-type-background), .elementor-604 .elementor-element.elementor-element-be05398 > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("https://novomed.care/wp-content/uploads/2026/05/Our-Story-Image.png");
    background-size: 356px auto !important;
}
	.elementor-1361 .elementor-element.elementor-element-848001d:not(.elementor-motion-effects-element-type-background), .elementor-1361 .elementor-element.elementor-element-848001d > .elementor-motion-effects-container > .elementor-motion-effects-layer {
    background-image: url("https://novomed.care/wp-content/uploads/2026/05/Services-Page-Image.png") !important;
    background-position: top right;
    background-size: 45% auto !important;
}
	.services{
		background-color: #f4fbfb;
	}
	.elementor-72 .elementor-element.elementor-element-9871918 img {
    width: 90%;
}
	.events-sec time{
		width: 115px !important;
	}
	.events-details-sec .custom-repeater-item{
		width: auto;
	}
	.events-details-sec .custom-repeater-item{
		padding: 28px 24px !important;
	}
}

.custom-contact-form{
    background:#066EAE;
    padding:0;
}

/* Labels */
.custom-contact-form label{
    display:block;
    color:#fff;
    font-size:16px;
    font-weight:500;
    margin-bottom:20px;
	font-family: 'Neue Montreal Medium';
}

/* Inputs */
.custom-contact-form input,
.custom-contact-form select,
.custom-contact-form textarea{
    width:100%;
    background:rgba(255,255,255,0.15);
    border:none;
    outline:none;
    border-radius:4px;
    padding:16px;
    margin-top:10px;
    color:#fff;
    font-size:15px;
    box-sizing:border-box;
}
.custom-contact-form select {
    appearance: none !important;
    -webkit-appearance: none !important;
    background-image: url("https://novomed.care/wp-content/uploads/2026/05/Polygon-1.svg") !important;
    background-repeat: no-repeat !important;
    background-position: right 17px center !important;
    background-size: 18px !important;
    cursor: pointer;
}
/* Placeholder */
.custom-contact-form input::placeholder,
.custom-contact-form textarea::placeholder{
    color:#dce8f3;
}

/* Textarea */
.custom-contact-form textarea{
    height:140px;
    resize:none;
}

/* Two Column */
.custom-contact-form .two-column{
    display:flex;
    gap:20px;
	margin-bottom: 20px;
}

.custom-contact-form .two-column label{
    width:50%;
}

/* Submit */
.custom-contact-form .wpcf7-submit{
    background:#fff;
    color:#3B3B3B;
    border:none;
    padding:16px 24px;
    border-radius:4px;
    font-size:18px;
    font-weight:500;
    cursor:pointer;
    margin-top:10px;
	font-family: "Neue Montreal";
}

.custom-contact-form select option {
    color: #000000 !important;
    background: #ffffff !important;
}
.custom-contact-form .wpcf7 form .wpcf7-response-output{
	font-family: "Neue Montreal";
	font-size: 15px;
}
.login-sec .elementor-login {
	text-align: center;
}


/* Mobile */
@media(max-width:767px){

    .custom-contact-form .two-column{
        flex-direction:column;
    }

    .custom-contact-form .two-column label{
        width:100%;
    }
.submit-btn-outer .submit-btn span {
    padding: 10px 24px !important;
    font-size: 17px !important;
}
	.wpcf7-response-output {
    text-align: center;
    font-size: 15px;
}
	.events-sec .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {
    align-self: center;
    padding-inline-start: 8px !important;
 }
	.events-details-sec .custom-repeater-item h3 {
    font-size: 15px !important;
    line-height: 22px !important;
    font-weight: 500;
    color: #3B3B3B;
}
	.loc-address, .loc-phone, .loc-email, .loc-hours{
		font-family: "Neue Montreal Medium";
	font-weight: 500;
	font-size: 14px !important;
	line-height: 20.8px;
	letter-spacing: 0%;
	color: #fff;
 }
}

.contact-sec .custom-contact-form input[type="text"], .contact-sec .custom-contact-form input[type="email"], .contact-sec .custom-contact-form input[type="tel"], .contact-sec .custom-contact-form textarea, .contact-sec .custom-contact-form select{
	padding: 10.75px 16px;
    border-radius: 4px;
    border: 1px solid rgba(255, 255, 255, 0.42);
    background: rgba(255, 255, 255, 0.13);
    color: #D4D4D4;
    font-family: "Neue Montreal Regular";
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20.8px;
	margin-top: 12px;
}

.contact-sec .custom-contact-form .two-column label {
    width: 100%;
    margin: 0;
}

.submit-btn-outer .submit-btn{
	  display: flex;
    align-items: center;
	margin-top: 30px;

}

.submit-btn-outer .submit-btn.w-100 span{
width: 100%;
	    text-align: center;
    align-items: center;
    justify-content: center;
}
.submit-btn-outer .submit-btn span {
    display: flex;
    align-items: center;
    gap: 10px;
    background: white;
    padding: 16px 24px;
    border-radius: 4px;
    position: relative;
    font-size: 20px;
    font-weight: 500;
}

.submit-btn-outer .submit-btn .wpcf7-submit{
position: absolute;
inset:0;
opacity:0;}

.submit-btn-outer .submit-btn .wpcf7-spinner{display: none;

}
.events-sec .elementor-widget .elementor-icon-list-icon+.elementor-icon-list-text {
    align-self: center;
    padding-inline-start: 12px;
}
.events-sec .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text a, .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text span{
	display: block !important;
}
.events-sec time{
	font-family: "Neue Montreal";
	font-weight: 400;
	font-style: normal;
	font-size: 20px;
	line-height: 26px;
	letter-spacing: 0%;
	color: #8E8E8E;
	display: block;
	margin-top: 8px;
}
.events-sec .publish-date{
	width: 115px;
}
.wpcf7 form .wpcf7-response-output{
color: white !important}
.events-details-sec .events-col{
	height: 425px;
}
.events-details-sec .custom-repeater-grid{
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    gap:16px;
	margin-top: 12px;
}

.events-details-sec .custom-repeater-item {
    border: 1px dashed #9C9C9C;
    padding: 40px 24px;
    background: #fff;
/* 		width: 444px; */
}

.events-details-sec .custom-repeater-item .icon{
    margin-bottom:24px;
}

.events-details-sec .custom-repeater-item .icon img{
		width: 64px;
    height: 64px;
    object-fit: cover;
    display: block;
    color: #3b3b3b;
}

.events-details-sec .custom-repeater-item h3 {
    font-size: 20px;
    line-height: 26px;
    font-weight: 500;
    color: #3B3B3B;
}

.events-details-sec .post-details-sec2 .text-content ul{
	margin-bottom: 24px;
}

.events-details-sec .post-details-sec2 .text-content ul li{
	margin-bottom: 16px;
}

.events-details-sec .post-details-sec1 .text-content ul{
	margin-bottom: 16px;
}

.events-details-sec .post-details-sec1 .text-content ul li{
	margin-bottom: 16px;
}

.events-details-sec .post-details-sec2 .text-content ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.events-details-sec .post-details-sec2 .text-content li {
    position: relative;
    padding-left: 45px;
}

.events-details-sec .post-details-sec2 .text-content li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 20px;
    height: 20px;
    background: url('https://novomed.care/wp-content/uploads/2026/05/click-Icon.svg') no-repeat center;
    background-size: contain;
}

.events-details-sec .post-details-sec1 .text-content ul{
    list-style: none;
    margin: 0;
    padding: 0;
}

.events-details-sec .post-details-sec1 .text-content li {
    position: relative;
    padding-left: 45px;
}

.events-details-sec .post-details-sec1 .text-content li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 4px;
    width: 24px;
    height: 24px;
    background: url('https://novomed.care/wp-content/uploads/2026/05/Arrow-Icon.svg') no-repeat center;
    background-size: contain;
}

/* add css on 26.05.2026 */
/* --- 1. Grid Layout & Reordering --- */
#registrationForm .form-row-outer {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    align-items: start;
}

#registrationForm .form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
}

/* Reorder elements to perfectly match the screenshot's visual flow */
#registrationForm .form-row:nth-child(1) { order: 1; } /* Full Name */
#registrationForm .form-row:nth-child(3) { order: 2; } /* Date of Birth */
#registrationForm .form-row:nth-child(4) { order: 3; } /* Email Address */
#registrationForm .form-row:nth-child(2) { order: 4; } /* Phone Number */

/* Span specific rows across full width */
#registrationForm .form-row:nth-child(5) { order: 5; grid-column: 1 / -1; } /* Location */
#registrationForm .form-row:nth-child(6) { order: 6; } /* Doctor */
#registrationForm .form-row:nth-child(7) { order: 7; } /* Insurance */
#registrationForm .form-row:nth-child(8) { order: 8; } /* Password */
#registrationForm .form-row:nth-child(9) { order: 9; } /* Confirm Password */

#registrationForm .form-row.checkbox-acceptence { order: 10; grid-column: 1 / -1; margin-top: 10px; }
#registrationForm input[type="hidden"] { order: 11; display: none; }
#registrationForm .form-row.submit { order: 12; grid-column: 1 / -1; }
#registrationForm #formMessages { order: 13; grid-column: 1 / -1; }

/* --- 2. Typography & Labels --- */
#registrationForm .form-row .title {
    font-size: 14px;
    color: #333333;
    font-weight: 500;
    font-family: inherit;
	margin-bottom:12px;    
	display: block;
}


/* --- 3. Inputs & Select Fields --- */
#registrationForm .form-row input:not([type="submit"]):not([type="hidden"]):not([type="checkbox"]),
#registrationForm .form-row select {
    width: 100%;
    padding: 11px 15px;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    background-color: #ffffff;
    color: var(--Grey, #8E8E8E);

		/* Desktop/base/Regular */
		font-size: 16px;
		font-style: normal;
		font-weight: 400;
		line-height: 20.8px; /* 130% */
    color: #333333;
    box-sizing: border-box;
    outline: none;
    transition: border-color 0.2s ease-in-out;
}

#registrationForm .form-row input::placeholder {
    color: #aaaaaa;
}

#registrationForm .form-row input:not([type="submit"]):not([type="hidden"]):not([type="checkbox"]):focus,
#registrationForm .form-row select:focus {
    border-color: #0b70b3;
}


/* --- 4. Custom Select Dropdown Arrow --- */
#registrationForm .form-row select {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    /* Custom SVG Chevron to match screenshot */
    background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 16px;
    padding-right: 40px;
    cursor: pointer;
}


/* --- 5. Password Eye Icon (CSS Only) --- */
#registrationForm .form-row input[type="password"] {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23aaaaaa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M13.875 18.825A10.05 10.05 0 0112 19c-4.478 0-8.268-2.943-9.543-7a9.97 9.97 0 011.563-3.029m5.858.908a3 3 0 114.243 4.243M9.878 9.878l4.242 4.242M9.88 9.88l-3.29-3.29m7.532 7.532l3.29 3.29M3 3l3.59 3.59m0 0A9.953 9.953 0 0112 5c4.478 0 8.268 2.943 9.543 7a10.025 10.025 0 01-4.132 5.411m0 0L21 21'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 20px;
    padding-right: 45px;
}


/* --- 6. Checkbox Row --- */
#registrationForm .checkbox-acceptence label {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 14px;
    color: #333333;
    cursor: pointer;
}

#registrationForm .checkbox-acceptence input[type="checkbox"] {
    width: 18px;
    height: 18px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #e0e0e0;
    border-radius: 4px;
    accent-color: #0b70b3; /* Makes the checked state blue */
}

#registrationForm .checkbox-acceptence a {
    color: #333333;
    text-decoration: none;
}
#registrationForm .checkbox-acceptence a:hover {
    text-decoration: underline;
}
.header .login-btn:hover, .header .dashboard-btn:hover{
	color: #076EAE;
}

/* --- 7. Submit Button --- */
#registrationForm .blue-btn {
    width: 100%;
    height: 50px;
    background-color: #0e6db6;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: background-color 0.3s ease;
    position: absolute;
    z-index: 1;
    inset: 0;
    opacity: 0;
}

#registrationForm .blue-btn:hover {
    background-color: #0b5791;
}

#registrationForm .form-row.submit {
    order: 12;
    grid-column: 1 / -1;
    position: relative;
    width: 100%;
    height: 50px;
	 transition: background-color 0.3s ease;
    background-color: #0e6db6;
    color: #ffffff;
    border: none;
    border-radius: 4px;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    /* gap: 5px; */
}

/* #registrationForm .form-row.submit:hover {
    background-color: #0b5791;
} */

#registrationForm .form-row.submit span {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
}

#registrationForm #formMessages .error {
    border: 1px solid red;
    list-style: none;
    padding: 8px 16px;
    border-radius: 5px;
    border-left: 4px solid red;
}

#registrationForm #formMessages .success {
    border: 1px solid green;
    padding: 8px 16px;
    border-radius: 5px;
    border-left: 4px solid green;
}

#registrationForm #formMessages .error ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

/* Main Button Container */
.loct {
    display: inline-flex;
    align-items: center;
    background-color: #0b70b3; /* Blue background matching the screenshot */
    color: #ffffff;
    padding: 10px 18px;
    border-radius: 4px;
    text-decoration: none;
    font-size: 15px;
    font-weight: 500;
    font-family: inherit;
    gap: 10px; /* Space between icon and text */
    transition: background-color 0.3s ease;
}

/* Ensure FontAwesome icon stays white and sized correctly */
.loct i {
    color: #ffffff;
    font-size: 16px;
}

/* Add the dropdown caret (arrow) on the right */
.loct::after {
    content: "";
    display: inline-block;
    margin-left: 4px;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 6px solid #ffffff; /* White triangle */
}

/* Hover state for better user experience */
.loct:hover {
    background-color: #0b70b3;
    color: #ffffff; /* Prevents theme from turning text blue on hover */
}

.location-info-box {
    color: #fff;
}

.location-info-box > *, .location-info-box a {
    color: #fff;
}
.location-info-box > * {
   margin-bottom:15px;
}

/* Mobile */
@media(max-width:767px){

   .events-details-sec .custom-repeater-grid{
        grid-template-columns:1fr;
    }
	.events-details-sec .custom-repeater-item{
		width: auto !important;
	}
	.events-details-sec .post-details-sec1 .text-content li {
		padding-left: 35px;
	}
	.events-details-sec .post-details-sec1 .text-content li::before {
    width: 18px;
    height: 18px;
	}
	.events-details-sec .post-details-sec1 .text-content ul li 		{
			margin-bottom: 10px;
	}
	.events-details-sec .post-details-sec2 .text-content li {
		padding-left: 35px;
	}
	.events-details-sec .post-details-sec2 .text-content li::before {
    width: 18px;
    height: 18px;
	}
	.events-details-sec .post-details-sec2 .text-content ul li 		{
			margin-bottom: 10px;
	}
	.events-details-sec .custom-repeater-grid{
		margin-top: 0px !important;
	}
	.events-details-sec .custom-repeater-item .icon {
    margin-bottom: 24px;
    /* text-align: center; */
    width: max-content;
    margin: auto;
    margin-bottom: 15px;
}
	.events-details-sec .custom-repeater-item h3{
		text-align: center;
	}
	.events-details-sec .custom-repeater-item .icon img{
		width: 45px;
		height: 45px;
	}
	.events-details-sec .custom-repeater-item{
		padding: 25px 15px 15px 15px;
	}
	.events-details-sec .events-col {
			height: auto!important;
	}
	
	/* add css on 26.05.2026 */
	/* --- 8. Mobile Responsiveness --- */
	#registrationForm .form-row-outer {
		grid-template-columns: 1fr;
		gap: 15px;
	}
	#registrationForm .form-row {
		grid-column: 1 / -1 !important; /* Stack all columns to full width on mobile */
	}
	
	.location-info-box {
    text-align: center;
}

}
.loc-address, .loc-phone, .loc-email, .loc-hours{
		font-family: "Neue Montreal Medium";
	font-weight: 500;
	font-size: 16px;
	line-height: 20.8px;
	letter-spacing: 0%;
	color: #fff;
}
.elementor-button:focus svg, .elementor-button:focus-within svg{
	fill: none !important;
}
.header .login-btn, .header .dashboard-btn{
	font-family: "Neue Montreal Medium";
	font-weight: 500;
	font-size: 20px;
	color: #fff;
}
.login-sec {
    max-width: 486px;
    margin: 0 auto;
    padding: 0px !important;
}
.login-sec label {
    margin-bottom: 12px;
		font-family: "Neue Montreal Medium";
		font-weight: 500;
		font-size: 16px;
		color: #3b3b3b;
}
.login-sec .form-row input {
    width: 100%;
    padding: 10px;
    border: 1px solid #8E8E8E4D;
    border-radius: 4px;
    font-size: 16px;
    color: #FFFFFF21;
}
.login-sec .checkbox-acceptence{
		font-family: "Neue Montreal Medium";
		font-weight: 500;
		font-size: 16px;
		color: #076EAE;
}
.login-sec .blue-btn{
	font-family: "Neue Montreal Medium";
		font-weight: 500;
		font-size: 20px !important;
		color: #fff !important;
}
@media(max-width: 1390px) and (min-width: 1024px){
	.faq-col{
		padding-top: 32.5px;
	}
}
@media(max-width: 1360px) and (min-width: 1025px){
	.events-sec time{
		width: 115px !important;
	}
}

.trusted-col .read-more-box {
    line-height: 1.6;
}

.trusted-col .read-more-btn {
    font-family: "Neue Montreal Medium";
    display: inline-block;
    margin-top: 10px;
    color: #076EAE !important;
    font-weight: 600;
    text-decoration: underline dotted #076EAE !important;
    font-size: 15px;
    letter-spacing: 0.2px;
    text-underline-offset: 4px;
    cursor: pointer;
}

.trusted-col:hover {
    padding-bottom: 25px;
    transform: translateY(-6px);
    box-shadow: 0 15px 25px -14px rgba(7, 44, 175, 0.20),
        0 0 0 1px rgba(7, 44, 175, 0.15) inset,
        0 -3px 0 #076EAE inset; /* thinner bottom line */
}


.chck {
    display: flex;
    align-items: flex-start;
    gap: 1rem;
}
.chck input#accpt-term {
    margin-top: 6px;
}