/* ======================== */
/*        GENERAL LAYOUT    */
/* ======================== */

button.oom-widget-chat-button {
    margin-bottom: 80px;
    right: 10px !important;
}

.oom-widget-popup {
    margin-bottom: 80px;
}

.oom-full-width {
	width: 100% !important;
	min-width: 100% !important;
	max-width: 100% !important;
}

div#menubar-192 {
	top: 250%;
}

.oom-widget-chat-button {
    bottom: 30px;
    background-color: #2AA81A;
	border-radius: 10px !important; 
	border: 1px solid #ffffff !important;
	box-shadow: 3px 10px 20px rgba(0, 0, 0, 0.1) !important;
}

.oom-widget-popup-wrapper .oom-widget-chat-button:hover {
    bottom: 35px;
}

.oom-widget-chat-header-title {
	max-width: 300px !important;
}

.iti.iti--allow-dropdown.iti--show-flags {
    width: 100%;
}

.e-n-accordion-item[open] > .e-n-accordion-item-title {
	border-radius: 10px 10px 0px 0px;
}


/* ======================== */
/*      SWIPER STYLES       */
/* ======================== */

/* --- Slide Image Containers --- */
.featured-slider .swiper-slide-image,
.insurance-slider .swiper-slide-image {
	background: #fbfbfb;
	padding: 50px;
	border-radius: 20px;
	overflow: hidden;
	object-fit: contain;
}

.featured-slider .swiper-slide-image {
	min-height: 250px;
}

.insurance-slider .swiper-slide-image {
	min-height: 300px;
}

.elementor-message.elementor-message-success.elementor-message-svg {
    padding-bottom: 25px;
}

/* ======================== */
/*  ICON BOX SPACING FIXES  */
/* ======================== */
.elementor-icon-box-icon {
	margin-top: 10px !important;
}


/* ======================== */
/*  CONTACT / FOOTER FORMS  */
/* ======================== */

.contact-form .elementor-widget-container {
    padding: unset !important;
}

.contact-form .elementor-field-subgroup.elementor-subgroup-inline {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 10px;
	padding-left: 20px;
}

.footer-form .elementor-field-subgroup.elementor-subgroup-inline {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 10px;
}

/* ABOUT US CARD SECTION */

.about-card {
  background-color: rgba(255, 255, 255, 0.2) !important; 
  backdrop-filter: saturate(180%) blur(30px);
  -webkit-backdrop-filter: saturate(180%) blur(30px);
  transition: margin 0.3s ease;
}

/* responsiveness */

@media (max-width: 1920px) {
	.swiper-pagination-progressbar {
		width: 90% !important;
		left: 69px !important;
		top: 561px !important;
	}

	.insurance-slider .swiper-slide-image {
		min-height: 300px;
	}
	
	.about-card {
		min-height: 365px;
	}

}

@media (max-width: 1728px) {
	.swiper-pagination-progressbar {
		width: 91% !important;
		left: 69px !important;
		top: 519px !important;
	}
}

@media (max-width: 1600px) {
	.specialist-text {
		padding-top: 80px !important;
		padding-left: 80px !important;
	}
	
	.about-card {
		min-height: 415px;
	}
}

@media (max-width: 1440px) {
	.specialist-text {
		padding-top: 0px !important;
		padding-left: 20px !important;
	}
	
	.about-card {
		min-height: 475px;
	}
}

@media (max-width: 1600px), (max-width: 1440px) {
	.elementor-icon-box-content {
		margin-top: 20px;
	}

	.elementor-icon-box-icon {
		margin-top: 30px !important;
	}

	.swiper-pagination-progressbar {
		left: 58px !important;
		top: 514px !important;
	}
}

@media (max-width: 1280px) {
	.about-card {
		min-height: 475px;
	}
}

@media (max-width: 1024px) {
	.specialist-text {
		padding-top: 50px !important;
		padding-left: 80px !important;
	}
	
	.swiper-pagination-progressbar {
		width: 80% !important;
		left: 85px !important;
		top: 519px !important;
	}
	.about-card {
		min-height: 504px !important;
	}
	
	summary.e-n-accordion-item-title {
		min-height: 78px;
	}
}

@media (max-width: 767px) {
	.specialist-text {
		padding-top: 30px !important;
		padding-left: 30px !important;
	}
	
	.footer-form .elementor-field-subgroup.elementor-subgroup-inline {
		grid-template-columns: repeat(2, 1fr);
	}

	.elementor-icon-box-icon {
		margin-top: 32px !important;
	}

	.swiper-pagination-progressbar {
		width: 70% !important;
		left: 49px !important;
		top: 518px !important;
	}

	.insurance-slider .swiper-slide-image {
		width: 100%;
		max-height: 100px;
		object-fit: contain;
		display: block;
		margin: 0 auto;
	}
	.about-card {
		height: 375px !important;
	}
}