/*---------------------------------------------------------------------------------

 Theme Name:   Divifoxx
 Theme URI:    https://divifoxx.com/
 Description:  Description
 Author:       Mayank Singh Yadav
 Author URI:   https://divifoxx.com/
 Template:     Divi
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html

------------------------------ ADDITIONAL CSS HERE ------------------------------*/

/*============================
General CSS
=============================*/


/*--- Texts ----*/
p {
	font-size: 16px !important;
	font-family: var(--custom-body-font) !important;
	color: #2d2d2d !important;
}

.light-text P {
	color: #fff !important;
}

h1 {
	font-size: 60px !important;
	line-height: 1.2 !important;
	font-family: var(--custom-heading-font) !important;
	font-weight: var(--custom-heading-font-weight) !important;
}

h2 {
	font-size: 48px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	font-family: var(--custom-heading-font) !important;
}

h3 {
	font-family: var(--custom-heading-font) !important;
	font-weight: var(--custom-heading-font-weight) !important;
	line-height: 1.2 !important;
}

h4 {
	font-size: 24px !important;
	color: var(--accent-color) !important;
	font-weight: 700 !important;
	font-family: var(--custom-heading-font) !important;
	line-height: 1.2 !important;
}

h5 {
	font-family: var(--custom-heading-font) !important;
	font-weight: var(--custom-heading-font-weight) !important;
	line-height: 1.2 !important;
}

h6 {
	font-family: var(--custom-heading-font) !important;
	font-weight: var(--custom-heading-font-weight) !important;
	line-height: 1.2 !important;
}

/*---- BUTTONS -----*/
.df-main-color-btn.et_pb_button {
	color: #FFFFFF !important;
	border-width: 2px !important;
	border-color: var(--main-color) !important;
	border-radius: 50px;
	font-size: 16px;
	font-family: var(--custom-heading-font) !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	background-color: var(--main-color) !important;
	padding-top: 10px 50px 10px 30px !important;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.1);
}

.df-main-color-btn.et_pb_button:hover {
	transform: scaleX(1.03) scaleY(1.03) !important;
	box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.5);
}

.df-secondary-color-btn.et_pb_button {
	color: #FFFFFF !important;
	border-width: 2px !important;
	border-color: var(--accent-color) !important;
	border-radius: 50px;
	font-size: 16px;
	font-family: var(--custom-heading-font) !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	background-color: var(--accent-color) !important;
	padding-top: 10px 50px 10px 30px !important;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.1);
}

.df-secondary-color-btn.et_pb_button:hover {
	transform: scaleX(1.03) scaleY(1.03) !important;
	box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.5);
}

/*---- TO MAKE BUTTON INLINE ---*/
.inline-button .et_pb_button_module_wrapper {
	display: inline-block;
}


/*---- CONTATCT FORM FULL B=WIDTH BTN ----*/
.contact-form .et_contact_bottom_container {
	width: 100%;
	flex-direction: column;
	gap: 1em;
	padding-left: 3%;
	margin-top: 0px;
}

.contact-form .et_contact_bottom_container button {
	width: 100%;
	margin: 0;
}

/*-- Image CSS --*/
.df-image img {
	border-radius: 10px !important;
}

.df-image-left:before {
	position: absolute;
	content: "";
	height: 90px;
	width: 85px;
	background: var(--accent-color) !important;
	left: -17px;
	top: -20px;
	border-radius: 5px;
	transition: 500ms;
	z-index: 0;
}

.df-image-left:after {
	position: absolute;
	content: "";
	height: 60%;
	width: 30px;
	background: var(--main-color) !important;
	left: -20px;
	top: 100px;
	border-radius: 5px;
	transition: 500ms;
	z-index: -1;
}

.df-image-right:before {
	position: absolute;
	content: "";
	height: 90px;
	width: 85px;
	background: var(--accent-color) !important;
	right: -17px;
	top: -20px;
	border-radius: 5px;
	transition: 500ms;
	z-index: 0;
}

.df-image-right:after {
	position: absolute;
	content: "";
	height: 60%;
	width: 30px;
	background: var(--main-color) !important;
	right: -20px;
	top: 100px;
	border-radius: 5px;
	transition: 500ms;
	z-index: -1;
}

/*----- TITLE WITH ICONS -----*/
.df-title-icon h4 {
	padding-top: 0px;
}

.df-title-icon .et_pb_text_inner {
	display: inline-block;
	position: relative;
	padding: 0 30px;
}

.df-title-icon .et_pb_text_inner:before,
.df-title-icon .et_pb_text_inner:after {
	content: "\f5c9";
	font-family: 'FontAwesome';
	color: var(--accent-color) !important;
	position: absolute;
	top: -15px;
	bottom: 0;
	margin: auto;
	height: fit-content;
	font-size: 26px;
}


.df-title-icon .et_pb_text_inner:before {
	left: 0;
	right: auto;
}

.df-title-icon .et_pb_text_inner:after {
	right: 0;
	left: auto;
	transform: rotate(180deg);
}

.df-title-icon_left .et_pb_text_inner {
	padding-left: 0px;
}

.df-title-icon_left .et_pb_text_inner:after {
	transform: none;
}

.df-title-icon_left .et_pb_text_inner:before {
	display: none;
}


/*===============================
HEADER MODULE CSS
================================*/
.sub-menu li {
	padding-left: 0px !important;
	padding-right: 0px !important;
	width: 100%;
}

.et-menu li li a {
	width: 100% !important;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
	background-color: #fff !important;
	border-color: var(--main-color);
	margin-top: 0px;

}

/* Hover effect on sub items */
.nav li li:hover {
	background-color: var(--main-color) !important;
	border-radius: 5px;
	color: #fff;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul {
	border-radius: 5px;
	padding: 0;
	border: 0 !important;
	box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.2)
		/*Add box shadow in the box of menu*/
}

.et_pb_menu.et_pb_text_align_right .menu-item {
	text-align: left;
}

.nav li li {
	padding: 7px 20px;
	margin: 0;
	border-bottom: 1px solid var(--main-color);
}

.nav li li:last-child {
	padding: 7px 20px;
	margin: 0;
	border-bottom: 0px;
}

.et_mobile_menu li a:hover,
.nav ul li a:hover {
	background-color: rgba(0, 0, 0, .0);
	opacity: 1;
}

.et_pb_menu_0_tb_header.et_pb_menu .nav li ul.sub-menu a {
	color: #2d2d2d !important;
	/*drop down menu colour */
	padding: 10px 10px 10px 20px;
}

.et_pb_menu .et_pb_menu__menu>nav>ul>li>ul {
	top: calc(100% - 1px);
	left: 0;
	width: 320px;
}

/*--- Icons ---*/
/*add icon to Divi submenu items*/

nav li li a:before {
	content: "\f5c9";
	font-family: 'FontAwesome';
	text-align: center;
	vertical-align: middle;
	margin-right: 10px;
	margin-left: -10px;
	color: transparent;
	font-size: 24px;
	transition: all .3s ease;
}

/*change color and position of submenu icon on hover*/

nav li ul li a:hover:before {
	margin-left: 5px;
	color: #fff !important;
	transition: all .5s ease;
}


/*------- Home page Header CSS ------------*/

.df-header-contact-info .et-pb-icon {
	color: #fff !important;
	background: var(--main-color) !important;
	font-size: 20px !important;
	border-radius: 50% 0% 50% 50%;
	padding: 10px !Important;
}

.df-header-contact-info h4 {
	color: #fff !important;
}

.df-header-contact-info p {
	color: #fff !important;
	font-size: 16px !Important;
	line-height: 1.9;
}

.df-sidebar-blurb-1 h4 {
	margin-top: 8px !important;
	font-size: 20px !important;
	font-weight: 600 !important;
}

.df-sidebar-blurb-1 .et-pb-icon {
	color: #fff !important;
	padding: 10px !important;
	border-radius: 5px;
	font-size: 20px !important;
	background: var(--main-color) !important;
}


.df-menu-blurb h4 {
	color: #2d2d2d !important;
	font-weight: 300 !important;
	;
	font-size: 18px !important;
	;
	margin-top: 10px;
	text-decoration: underline;
	margin-left: -8px;
}

.df-menu-blurb .et-pb-icon {
	color: var(--main-color) !important;
	font-size: 20px !important;
	margin-top: 10px;
}


/*------------------ SIDEBAR CSS --------------------*/
.df_slide_In_demo .et_pb_button_wrapper .et_pb_button {
	background-color: var(--main-color) !important;
}

/* Show/hide the popup overlay wrapper when "is-visible" class changes, apply the CSS to frontend only */

body:not(.et-fb) .df-popup-wrapper .df-sidebar-contents {
	position: fixed;
	z-index: 990;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	transition: all .5s cubic-bezier(.14, .06, .41, 1.39);
	opacity: 0;
	visibility: hidden;

}

body:not(.et-fb) .df-popup-wrapper.popup-is-visible .df-sidebar-contents {
	opacity: 1;
	visibility: visible;

}


/* Allow the content inside the popup wrapper to scroll */
.df-popup-inside {
	height: 100%;
	overflow-y: scroll;
}


/* Prevent Body from Scrolling when Popup is visible */
body.df-noscroll {
	overflow-y: scroll;
}

/* Center Align Popup Content inside the Section */
.df-sidebar-contents {
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.df-sidebar-contents .et_pb_row {
	margin-top: 0;
	margin-bottom: 0;
}


/* Adjust the position of the popup overlay for admin bar */
@media (min-width:600px) and (max-width:782px) {
	body:not(.et-fb).admin-bar .df-popup-wrapper {
		top: 46px;
	}
}

@media (min-width:783px) {
	body:not(.et-fb).admin-bar .df-popup-wrapper {
		top: 32px;
	}
}

/* Mave the popup on top of other elements */
.et_builder_inner_content.popup-is-visible {
	z-index: 99999;
}

/* Add a hand cursor to the close trigger element */
.df-close-icon-button {
	cursor: pointer;
}

/*Slide In Css Start Here*/
.df_slidein {
	overflow: visible !important;
}

.df_slidein:after {
	content: "";
	position: absolute;
	bottom: 40px;
	left: 10px;
	width: calc(100% - 20px);
	height: 80%;
	background-color: var(--main-color);
	border-radius: inherit;
	z-index: -1;
	transition: all 0.2s;
	opacity: 0;
}

.df_slidein .et_pb_button_module_wrapper {
	background: #fff;
	padding-bottom: 15px;
}

.df_slidein:hover:after {
	bottom: -15px;
	transition: all 0.2s;
	opacity: 1;
}

.df_feature_info .et_pb_main_blurb_image {
	margin-bottom: 20px;
}

.df_feature_info .et_pb_main_blurb_image .et_pb_image_wrap .et-pb-icon {
	color: var(--main-color);
}

.df_feature_info .et_pb_module_header span {
	color: var(--main-color);
}

.df_scale_in .df_contact .et_contact_bottom_container {
	margin-top: 10px;
	margin-right: 10px;
}


/*Popup Overlay Css Move Up Start Here*/
.df-popup-wrapper .df-sidebar-contents.df_move_up {
	transform: translateY(100%);
	transition: all .4s ease-in-out, width .2s ease-in-out, top .4s ease-in-out !important;
}

body:not(.et-fb) .df-popup-wrapper.popup-is-visible .df-sidebar-contents.df_move_up {
	transform: translateY(-30px);
}

.df_footer_info h4 {
	margin-top: 8px !important;
	font-size: 20px !important;
	font-weight: 600 !important;
}

.df_footer_info .et-pb-icon {
	color: var(--main-color) !important;
	font-size: 30px !important;
	padding: 10px !important;
	border-radius: 5px;
	font-size: 20px !important;
	background: var(--accent-color) !important;
}

.df-sidebar-contents .df-popup-map_code iframe {
	display: block;
}

.df-sidebar-contents .df_b_info .et_pb_image_wrap {
	height: 60px;
	width: 60px;
	border: 1px solid #eeeeee;
}

.df-sidebar-contents .df_b_info .et_pb_image_wrap img {
	width: 30px;
}


/*Popup Overlay Css Move Down Start Here*/
.df-popup-wrapper .df-sidebar-contents.df_move_downup {
	transform: translateY(-100%);
	transition: all .4s ease-in-out, width .2s ease-in-out, top .4s ease-in-out !important;
}

body:not(.et-fb) .df-popup-wrapper.popup-is-visible .df-sidebar-contents.df_move_downup {
	transform: translateY(0%);
}

/*Popup Overlay Css Move right Start Here*/
.df-popup-wrapper .df-sidebar-contents.df_slide_right {
	transform: translateX(-100%);
	transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

body:not(.et-fb) .df-popup-wrapper.popup-is-visible .df-sidebar-contents.df_slide_right {
	transform: translateX(0%);
}

/*Popup Overlay Css Move Left Here*/
.df-popup-wrapper .df-sidebar-contents.df_sidebar_left {
	transform: translateX(100%);
	transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

body:not(.et-fb) .df-popup-wrapper.popup-is-visible .df-sidebar-contents.df_sidebar_left {
	transform: translateX(0%);
}

/* Add Row animation when popup is triggered */

.df-close-icon-button .et_pb_icon_wrap .et-pb-icon {
	color: var(--main-color) !important;
	transition: all 0.8s;
}

.df-close-icon-button:hover .et_pb_icon_wrap .et-pb-icon {
	color: var(--main-color) !important;
	transform: rotate(180deg);
}

/*.df-popup-wrapper.popup-is-visible .et_pb_row:not(.df-close-icon-button)*/
.df-popup-wrapper.popup-is-visible .df_scale_in {
	animation: scale-in .5s cubic-bezier(.14, .06, .41, 1.39) both;
	animation-delay: .5s;
}

/*Popup Overlay Css Move Up Start Here*/
body:not(.et-fb) .df-popup-wrapper .df-sidebar-contents.df_move_up {
	top: unset;
	min-height: auto;
	right: 20px;
}

.df-popup-wrapper .df_move_up {
	transform: translateY(100%);
	transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

.df-popup-wrapper.popup-is-visible .df_move_up {
	transform: translateY(-30px);
}


/*Popup Overlay Css Move Down Start Here*/
.df-popup-wrapper .df_move_downup {
	transform: translateY(-100%);
	transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

.df-popup-wrapper.popup-is-visible .df_move_downup {
	transform: translateY(0%);
}

/*Popup Overlay Css Slide Right Start Here*/
.df-popup-wrapper .df_slide_right {
	transform: translateX(100%);
	transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}

.df-popup-wrapper.popup-is-visible .df_slide_right {
	transform: translateX(0%);
}

/*Popup Overlay Css Slide left Here*/
.df-popup-wrapper .df_sidebar_left {
	transform: translateX(0%);
	transition: all .8s ease-in-out, width .4s ease-in-out, top .8s ease-in-out !important;
}




/*===================================
HOME PAGE CSS
====================================*/

/*----- HERO SLIDER  -----*/
.df-slider h4 {
	font-size: 20px !important;
	line-height: 1.2;
	color: #fff !important;
	text-align: left;
}

.df-slider p {
	color: #fff !important;
}

.df-slider .et_pb_button {

	color: #FFFFFF !important;
	border-width: 2px !important;
	border-color: var(--main-color) !important;
	border-radius: 50px;
	font-size: 16px;
	font-family: var(--custom-heading-font) !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	background-color: var(--main-color) !important;
	padding-top: 10px 50px 10px 30px !important;
	transition: all 300ms ease 0ms;
	box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.1);
}

.df-main-color-btn .et_pb_button:hover {
	transform: scaleX(1.03) scaleY(1.03) !important;
	box-shadow: 0px 12px 18px -6px rgba(0, 0, 0, 0.5);
}

.df-slider .et_pb_slide .et_pb_slide_description {
	max-width: 1200px;
	float: left !important;
}

.df-slider .et-pb-slider-arrows {
	position: absolute;
	background: 0 0 !important;
	bottom: 90px;
	left: 12%;
	z-index: 999;
	padding: 20px 30px;
}


.df-slider .et-pb-arrow-prev {
	left: auto !important;
	right: 0;
}


.df-slider .et-pb-arrow-next {
	right: 0 !important;
}

.df-slider .et-pb-arrow-next,
.df-slider .et-pb-arrow-prev {
	opacity: 1;
	position: relative !important;
	margin-right: 10px;
	background: var(--main-color) !important;
	border-radius: 10px;
	text-align: center;
	line-height: 80px;
	width: 80px;
	display: inline-block;
	height: 80px;
	margin-top: 0 !important;
}



/*--- ABOUT CLINIC CSS ---*/
.df-blurb-style-3 .et-pb-icon {
	height: 100px;
	width: 100px;
	border-radius: 50%;
	overflow: hidden;
	object-fit: fill;
	transform: scale(0.7);
	margin-top: 0px;
}

.df-blurb-style-3 h4 {
	font-size: 50px !important;
	font-weight: 900 !important;
	line-height: 1.2;
	color: #2d2d2d !important;
}

.df-blurb-style-3 {
	border-radius: 200px;
	padding: 0px 30px 0px 0px;
}

.df-blurb-style-3 .et-pb-icon {
	font-size: 46px !important;
	background: var(--main-color) !important;
	padding: 25px;
}

/*---Icon ----*/
.df-icon-style-one .et-pb-icon {
	background: var(--main-color) !important;
	color: #fff !important;
	padding: 20px 23px;
	border-radius: 50%;
	font-size: 66px !important;
}


/*---- SERVICE BLURB ----*/

.df-blurb-style-one {
	background: #EDF1FF !important;
	border-radius: 10px;
	border-bottom: 4px solid var(--main-color) !important;
	box-shadow: 0px 9px 18px -9px rgba(0, 0, 0, 0.1);
	padding: 0px 40px 40px 40px;
	margin-top: 30px;
}

.df-blurb-style-one::before {
	position: absolute;
	content: "";
	height: 0px;
	width: 100%;
	background: var(--accent-color) !important;
	right: 0px;
	bottom: 0px;
	transition: 500ms;
}

.df-blurb-style-one:hover::before {
	height: 100%;
	border-radius: 10px;
}

.df-blurb-style-one h4 {
	color: var(--main-color) !important;
	line-height: 1.2;
	text-align: center !important;
}

.df-blurb-style-one p {
	color: #2d2d2d;
	text-align: center !important;
}

.df-blurb-style-one .et-pb-icon {
	color: var(--main-color) !important;
	position: relative;
	overflow: hidden;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 1;
	font-size: 44px !important;
	padding: 25px;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
}

.df-blurb-style-one:hover .et-pb-icon {
	color: #fff !important;
}

.df-blurb-style-one .et-pb-icon:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #2d2d2d;
	transform: scale(0);
	transition: all 0.4s;
	border-radius: 50%;
	z-index: -1;
}

.df-blurb-style-one:hover .et-pb-icon:before {
	transform: scale(1);
}


/* Define a keyframes animation for flipping */
@keyframes flip {
	0% {
		transform: rotateY(0deg);
	}

	25% {
		transform: rotateY(90deg);
	}

	50% {
		transform: rotateY(180deg);
	}

	75% {
		transform: rotateY(270deg);
	}

	100% {
		transform: rotateY(360deg);
	}
}


/*---- Apply the animation to the image and set the animation duration ----*/
.df-blurb-style-one .et-pb-icon {
	animation-duration: 2.5s;
	/* Adjust the duration for your desired speed */
	animation-timing-function: linear;
	/* Use linear timing for a continuous rotation */
}

/*---- Trigger the animation on hover ----*/
.df-blurb-style-one:hover .et-pb-icon {
	animation-name: flip;
	animation-iteration-count: 1;
}


/*--- Company Info ---*/
.df-coloumn-design-one:after {
	position: absolute;
	content: "";
	height: 50%;
	width: 10px;
	background: var(--main-color) !important;
	left: 0px;
	top: 80px;
	border-radius: 0px 5px 5px 0px;
	transition: 500ms;
	z-index: 0;
}

.df-coloumn-design-one:before {
	position: absolute;
	content: "";
	height: 50px;
	width: 10px;
	background: var(--accent-color) !important;
	left: 0px;
	top: 20px;
	border-radius: 0px 5px 5px 0px;
	transition: 500ms;
}

.df-company-time-and-info-title h3 {
	font-size: 30px;
	line-height: 0.7;
	color: var(--main-color) !important;
	font-weight: 500;
}

.df-company-time-and-info .et-pb-icon {
	color: #fff !important;
	background-color: var(--accent-color) !important;
	font-size: 40px;
	border-radius: 50% 0% 50% 50%;
	padding: 10px !important;
}

.df-company-time-and-info h4 {
	color: #2d2d2d !important;
	font-size: 20px;
	line-height: 1;
}

.df-company-time-and-info p {
	color: #2d2d2d !Important;
}

.df-company-time-and-info-icon .et-pb-icon {
	color: var(--accent-color) !important;
	opacity: 0.2;
	font-size: 100px !important;
}

.df-opening-hours-title h5 {
	color: var(--main-color) !important;
	font-size: 20px !important;
	line-height: 1.2;
	font-family: var(--custom-heading-font) !important;
}

/*
.demo .et_pb_image_wrap {
	height: 130px;
	width: 135px;
	border-radius: 50%;
	overflow: hidden;
	transition: 500ms;
}

.demo .et_pb_image_wrap img {
	height: inherit;
	width: inherit;
	object-fit: fill;
	transform: scale(0.7);
	margin-top: -10px;
	transition: 500ms;
	border: 10px solid #fff;

}

.demo {
	border-radius: 200px;
	padding: 10px 30px 10px 10px;
}

.demo:hover .et_pb_image_wrap {
	background: #000;
}

.demo:hover .et_pb_image_wrap img {
	filter: brightness(0) invert(1);
}
*/



/*--------------------------- NOW USED CODE ABOVE -------------------------*/

.df-blurb-style-2 {
	background: #EDF1FF;
	border-radius: 200px;
	padding: 15px 30px 15px 30px;
}

.df-blurb-style-2 h4 {
	margin-top: 20px !Important;
	color: var(--main-color) !important;
}

.df-blurb-style-2 .et-pb-icon {
	color: var(--main-color) !important;
	border-radius: 50%;
	font-size: 60px;
	padding: 25px;
	border: 10px solid #fff;
	margin-left: -10px;
}


/*----- Emergency Call Blurb ----*/
.df-emeregency-call-blurb p {
	color: #fff !important;
}

.df-emeregency-call-blurb .et-pb-icon {
	color: var(--main-color) !important;
	background: #fff !important;
	font-size: 32px !important;
	padding: 15px !important;
	border-radius: 5px !important;
}


/** How we work --*/

.df-blurb-style-4 h4 {
	color: var(--main-color) !important;
	text-align: center;
}

.df-blurb-style-4 .et_pb_image_wrap img {
	background: var(--main-color) !important;
	padding: 15px;
	border-radius: 50%;
}

.df-blurb-style-4 .et_pb_image_wrap img {
	transition: transform 0.4s ease;
}

.df-blurb-style-4:hover .et_pb_image_wrap img {
	transform: scaleX(-1);
	/* Flip the image horizontally */
}

.card-blurb h4 {
	color: var(--main-color) !important;
	line-height: 1.2;
	text-align: center;
}

/*--- Fatures ---*/
.df-blurb-style-5 h4 {
	color: var(--main-color) !important;
}

.df-blurb-style-5 .et-pb-icon {
	color: #fff !important;
	background: var(--main-color);
	padding: 10px !important;
	border-radius: 10px !important;
	font-size: 60px !important;
}

.df-blurb-style-5:before {
	position: absolute;
	content: "";
	height: 60px;
	width: 30px;
	background: var(--accent-color) !important;
	right: -20px;
	top: 30px;
	border-radius: 5px;
	transition: 500ms;
	z-index: 0;
}

.df-blurb-style-5:after {
	position: absolute;
	content: "";
	height: 60%;
	width: 30px;
	background: var(--main-color) !important;
	right: -20px;
	top: 100px;
	border-radius: 5px;
	transition: 500ms;
	z-index: 0;
}

.df-blurb-style-5 .et-pb-icon {
	transition: transform 0.4s ease;
	/* Add a smooth transition */
}

.df-blurb-style-5:hover .et-pb-icon {
	transform: scaleX(-1);
	/* Flip the image horizontally */
}

/*--- Testimonial Slider ----*/

/* Testimonial Blurbs*/
.df-3-col-feature-blurb .et_pb_image_wrap {
	border: 1px solid var(--main-color) !important;
	width: 180px;
}

.df-3-col-feature-blurb p {
	color: #fff !important;
}

.df-3-col-feature-blurb {
	background: var(--main-color) !important;
}


/*Slider CSS*/
.slick-slider {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}

.slick-list {
	position: relative;
	display: block;
	overflow-x: hidden;
	margin: 0;
	padding: 0 0 0px;
}

.slick-track:before,
.slick-track:after {
	display: table;
	content: '';
}

.slick-slide {
	position: relative;
	float: left;
	height: 100%;
	min-height: 1px;
}

.df-3-col-feature-blurb-slider .slick-arrow,
.df-3-col-feature-blurb-slider .slick-arrow:hover,
.df-3-col-feature-blurb-slider .slick-arrow:focus {
	position: absolute;
	font-size: 0;
	line-height: 0;
	padding: 0;
	color: transparent;
	outline: none;
	background: transparent;
	border: none;
	cursor: pointer;
	top: 50%;
	transform: translateY(-50%);
	z-index: 100;
	height: 50px;
	vertical-align: middle;
	border-radius: 50%;
	width: 50px;
}

.df-3-col-feature-blurb-slider .slick-prev {
	left: -50px;
}

.df-3-col-feature-blurb-slider .slick-next {
	right: -50px;
}

.df-3-col-feature-blurb-slider .slick-arrow:before {
	font-family: ETmodules;
	color: #000;
	background: transparent;
	opacity: 1;
	font-size: 46px;
	vertical-align: middle;
	color: transparent;
	text-align: center;
}

.df-3-col-feature-blurb-slider .slick-arrow:hover:before {
	opacity: 0.8;
}

.df-3-col-feature-blurb-slider .slick-prev:before {
	content: '\34';
}

.df-3-col-feature-blurb-slider .slick-next:before {
	content: '\35';
}

.entry-content ul.slick-dots {
	position: absolute;
	bottom: 0;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

.slick-dots li {
	position: relative;
	display: inline-block;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 10px;
	height: 10px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background-color: #B7B7B7;
	border-radius: 10px;
}

.slick-dots li.slick-active button {
	background-color: var(--main-color) !important;
}

@media(max-width: 980px) {
	.df-3-col-feature-blurb-slider .slick-prev {
		left: -32px;
	}

	.df-3-col-feature-blurb-slider .slick-next {
		right: -30px;
	}
}

@media(max-width: 499px) {
	.df-3-col-feature-blurb-slider .slick-prev {
		left: -26px;
	}

	.df-3-col-feature-blurb-slider .slick-next {
		right: -24px;
	}
}

/*--- Banner CSS 70% off ----*/
.df-offer-title h1 {
	font-size: 150px !important;
	line-height: 1.2 !important;
	color: #fff !important;
	font-weight: 900 !important;
	text-align: center;
}



/*---- Glass Hover Effect ---*/
.df-image-glass-hover-effect .et_pb_column .et_pb_image .et_pb_image_wrap:before,
.df-image-glass-hover-effect .et_pb_column .et_pb_image .et_pb_image_wrap:after {
	content: "";
	background: #fff;
	height: 0;
	width: 0;
	z-index: 1;
	position: absolute;
	transition-duration: 1.4s !important;
	z-index: 3;
}

.df-image-glass-hover-effect .et_pb_column:hover .et_pb_image .et_pb_image_wrap:before {
	right: 0;
	opacity: 1;
	top: 0;
	height: 0;
	width: 0;
}

.df-image-glass-hover-effect .et_pb_column:hover .et_pb_image .et_pb_image_wrap:after {
	bottom: 0;
	opacity: .7;
	left: 0;
	height: 0;
	width: 0;
}

.df-image-glass-hover-effect .et_pb_column .et_pb_image .et_pb_image_wrap:before,
.df-image-glass-hover-effect .et_pb_column .et_pb_image .et_pb_image_wrap:after {
	height: 100%;
	width: 100%;
	opacity: 0;
}

.df-image-glass-hover-effect .et_pb_column:hover .et_pb_image .et_pb_image_wrap img {
	transform: scale(1);
}

.df-image-glass-hover-effect .et_pb_column .et_pb_image .et_pb_image_wrap img {
	transform: scale(1.15);
	transition: all 1s;
	overflow: hidden;
}

.df-team-info h4 {
	color: var(--main-color) !important;
}

.df-team-info h5 {
	color: #2d2d2d !important;
	font-size: 18px !important;
	font-family: var(--custom-heading-font) !important;
}


/*-- Our Blog --*/

/* Shine effect on image of blog */
.df-blog-grid-style .et_pb_post .entry-featured-image-url:before,
.df-blog-grid-style .et_pb_post .entry-featured-image-url:after {
	content: "";
	background: #fff;
	height: 0;
	width: 0;
	z-index: 1;
	position: absolute;
	transition-duration: 1.4s !important;
	z-index: 3;
}

.df-blog-grid-style .et_pb_post:hover .entry-featured-image-url:before {
	right: 0;
	opacity: 1;
	top: 0;
	height: 0;
	width: 0;
}

.df-blog-grid-style .et_pb_post:hover .entry-featured-image-url:after {
	bottom: 0;
	opacity: .7;
	left: 0;
	height: 0;
	width: 0;
}

.df-blog-grid-style .et_pb_post .entry-featured-image-url:before,
.df-blog-grid-style .et_pb_post .entry-featured-image-url:after {
	height: 100%;
	width: 100%;
	opacity: 0;
}

.df-blog-grid-style .et_pb_post:hover .entry-featured-image-url img {
	transform: scale(1);
}

.df-blog-grid-style .et_pb_post .entry-featured-image-url img {
	transform: scale(1.02);
	transition: all 1s;
	overflow: hidden;
}


.df-blog-grid-style .et_pb_post {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
}


.df-blog-grid-style .et_pb_post .entry-title {
	order: 2;
	margin-top: -20px;
	padding: 20px 0px 60px 0px;
}

.df-blog-grid-style .post-meta {
	order: 0;
	padding: 5px 20px 5px 20px;
	margin-right: 15px !important;
	color: #000 !important;
}

.df-blog-grid-style .et_pb_image_container {
	order: 1;
	margin-top: 20px;
}

.et_pb_post .entry-featured-image-url {
	display: block;
	position: relative;
	margin-bottom: 0px;
}

/*style the Divi blog link text as a button*/

.et_pb_post a.more-link {
	font-family: var(--custom-heading-font) !important;
	position: absolute;
	bottom: 0px;
	color: #ffffff;
	background: var(--accent-color) !important;
	padding: 13px 30px;
	border-radius: 0px;
	text-transform: capitalize;
	display: inline-block;
	transition: all 0.3s ease-in-out;
	text-align: center;
	margin-left: -20px;
}

/*position the blog posts to prepare for moving the meta*/

.df-blog-grid-style article {
	position: relative;
}

/*move the Divi Blog post meta published date up over the image*/

.df-blog-grid-style .et_pb_blog_grid .et_pb_post .post-meta span.published {
	position: absolute;
	top: 50%;
	left: 0;
	margin-bottom: 0;
	color: #000 !important;
	background: var(--accent-color) !important;
	padding: 10px 15px;
	margin: 15px;
	border-radius: 50px;
	border: 2px solid #000 !important;
	z-index: 99;
}

/*add icon to blog published date meta text*/

.df-blog-grid-style .post-meta .published:before {
	content: "\e023";
	font-family: ETMODULES;
	color: #000 !important;
	font-weight: bold;
	margin-right: 5px;
}

/*add icon to blog category meta text*/

.df-blog-grid-style .post-meta>a:before {
	content: "\e078";
	font-family: ETMODULES;
	color: var(--accent-color) !important;
	font-weight: bold;
	margin-right: 6px;
	margin-left: 6px !important;
}

/*add icon to blog author meta text*/

.df-blog-grid-style .post-meta .author a:before {
	content: "\e08a";
	font-family: ETMODULES;
	color: var(--main-color) !important;
	font-weight: bold;
	margin-right: 4px;
}

/*================================
HOME ONE FOOTER CSS
=================================*/

/*-- Mail Optin CSS-- */
@media (min-width: 767px) {

	/*set the width of the input fields minus the width of the button*/
	.et_pb_newsletter_fields .et_pb_newsletter_field {
		flex-basis: calc(100% - 49%) !important;
	}

	/*set the width of the button*/
	.et_pb_newsletter_fields .et_pb_newsletter_button_wrap {
		flex-basis: 47% !important;
	}
}

/*-- Footer Mini Blog --*/
.df-footer-blog-style .post-meta .published:before {
	content: "\e023";
	font-family: ETMODULES;
	color: var(--accent-color) !important;
	font-weight: bold;
	margin-right: 10px;
}


@media only screen and (min-width: 768px) and (max-width:1100px) {
	.df-footer-blog-style .entry-title {
		padding-top: 0;
	}

	.df-footer-blog-style .post-meta {
		display: none;
	}

	.df-footer-blog-style .entry-title {
		font-size: 20px;
	}
}

@media only screen and (min-width: 768px) {
	.df-footer-blog-style .entry-featured-image-url {
		float: left;
		width: 40%;
		margin-right: 1%;
	}

	.df-footer-blog-style .entry-title {
		padding-top: 0px;
	}
}


.df-footer-blog-style .et_pb_post {
	margin-bottom: 5px;
	word-wrap: break-word;
}


/*-- Blurbs --*/
/*contact us*/
.df-footer-blurb-1 p {
	color: #fff !important;
}

.df-footer-blurb-1 h4 {
	font-weight: 300 !important;
}

.df-footer-blurb-1 .et-pb-icon {
	color: #fff !important;
	background: var(--accent-color) !important;
	font-size: 22px;
	border-radius: 50% 0% 50% 50%;
}

/*information*/
.df-footer-blurb-2 .et-pb-icon {
	color: #fff !important;
	background: var(--accent-color) !important;
	font-size: 30px;
	border-radius: 50% 0% 50% 50%;
}

.df-footer-blurb-2 p {
	color: #fff !important;
}

.df-footer-blurb-2 h4 {
	font-weight: 300 !important;
}

/*links*/
.df-footer-link h4 {
	font-size: 18px !important;
	line-height: 1.4;
	color: #fff !important;
	font-weight: 300 !important;
}

.df-footer-link .et-pb-icon {
	font-size: 24px !important;
	color: var(--accent-color) !important;
	border-top: 2px solid transparent;
}

.df-link-title h5 {
	font-size: 24px !important;
	line-height: 0.8;
	color: #fff !important;
}


/*============================
ABOUT US PAGE
============================*/
/*-- Blurbs --*/

.df-ordered-list-title .et-pb-icon {
	color: #fff !important;
	background: var(--main-color) !important;
	font-size: 14px !important;
	border-radius: 50%;
	padding: 5px !important;
}

.df-ordered-list-title h4 {
	color: #2d2d2d !important;
	font-size: 16px !important;
	font-weight: 300 !important;
	line-height: 1.4;
}

/*-- Hero Section --*/

.df-hero-title-link {
	font-size: 16px !important;
}


/*--- Blurb Style 6 --*/
.df-blurb-style-6 {
	padding: 20px 0px !important;
}

.df-blurb-style-6 h4 {
	color: var(--main-color) !important;
	font-size: 18px !important;
	line-height: 1.1 !important;
	font-weight: 300 !Important;
}

/*--- History CSS ---*/
.clinic-history h5 {
	font-size: 26px !important;
	line-height: 1.2;
	color: #fff !important;
}

.df-blurb-style-7 h4 {
	font-size: 20px !important;
	color: var(--main-color) !important;
	line-height: 1.2;
	font-weight: 300 !important;
}

.df-blurb-style-7 .et-pb-icon {
	background: #fff !important;
	color: var(--main-color) !important;
	font-size: 40px !important;
	border-radius: 50% !important;
	padding: 20px !important;
}

.df-emeregency-call-title h2 {
	color: #fff !important;
	text-align: center;
	line-height: 1.2;
}

.df-emeregency-call-number-title h4 {
	color: #fff !important;
	font-size: 24px !important;
	text-decoration: underline;
	text-align: center;
}


/*============================
 Contact Us Page 
============================*/
.df-contact-blurb {
	border-radius: 10px !important;
	border-bottom: 4px solid var(--main-color) !important;
	;
	padding-bottom: 50px !important;
	padding-left: 50px !important;
	padding-right: 50px !important;
}

.df-contact-blurb h4 {
	color: var(--main-color) !important;
	text-align: center;
	line-height: 1 !important;
}

.df-contact-blurb .et-pb-icon {
	font-size: 40px !important;
	background: #edf1ff !important;
	color: var(--main-color) !important;
	padding: 25px !important;
}

/*===============================
SERVICES PAGES
================================*/
.df-service-blurb {
	background: #fff !important;
	/*optional colour #EDF1FF!important;*/
	border-radius: 0 0 10px 10px;
	padding-bottom: 50px !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
	box-shadow: 0px 12px 18px -8px rgba(0, 0, 0, 0.3);
}

.df-service-blurb h4 {
	margin-top: -15px;
	text-align: center;
	color: var(--main-color) !important;
	line-height: 1.2;
}

.df-service-blurb p {
	line-height: 1.9;
	text-align: center;
}

.df-service-blurb .et-pb-icon {
	color: #fff !important;
	background: var(--main-color) !important;
	padding: 25px 28px;
	font-size: 45px;
}

/*=======================
SINGLE SERVICE PAGE
========================*/

.df-service-title h5 {
	color: var(--main-color);
	font-size: 18px !important;
	line-height: 1.2 !important;
	word-spacing: 2px !important;
	text-transform: uppercase !important;
}

.df-service-menu-title-heading {
	background: var(--main-color) !important;
}

.df-service-menu-title-heading h3 {
	font-size: 34px !important;
	line-height: 1.2 !important;
	color: #fff;
	font-family: var(--custom-heading-font) !important;
	text-align: center !important;
}

.df-service-menu-link {
	padding: 20px 10px 10px 10px;
	border-radius: 50px;
	border: 1px solid var(--main-color) !important;
	background: #EDF1FF !important;
	transition: all 300ms ease 0ms;
}

.df-service-menu-link h4 {
	color: var(--main-color) !important;
	text-align: center;
	font-weight: 300 !important;
	font-size: 20px !important;
	transition: all 300ms ease 0ms;
}


.df-service-menu-link:hover {
	background: var(--main-color) !important;
}

.df-service-menu-link h4:hover {
	color: #fff !important;
}


.df-link-active {
	background: var(--main-color) !important;
}

.df-link-active h4 {
	color: #fff !important;
}

.df-service-contact-title h3 {
	font-size: 40px !important;
	line-height: 1.2;
}

/*===============================
 ACCORDIAN PAGE CSS
* ===============================*/

.df-faq .et_pb_toggle.et_pb_toggle_open h4.et_pb_toggle_title:before {
	content: '\4b';
}

.df-faq .et_pb_toggle h4.et_pb_toggle_title:before {
	content: '\4c';
	display: block;
	right: 30px;
	left: auto;
	background: #fff;
	padding: 5px;
	top: 20px;
	margin: auto;
	border-radius: 50px;
}

.et_pb_toggle_content:after {
	content: "";
	position: absolute;
	top: -60px;
	right: 90px;
	left: auto;
	visibility: visible;
	border: 30px solid transparent;
	border-bottom: 30px solid #EDF1FF;
	z-index: 9999;
}

.df-faq h4 {
	color: #fff !important;
	font-size: 20px !important;
	font-weight: 300 !important;
}


h4.et_pb_toggle_title {
	background-color: var(--accent-color) !important;
	padding: 25px !important;
	border-radius: 50px !important;
}

.et_pb_toggle_open h4.et_pb_toggle_title {
	background-color: var(--main-color) !important;
	padding: 25px !important;
	border-radius: 50px !important;
}

.et_pb_toggle_content {
	padding: 20px 60px;
	border-radius: 100px;
	background: #EDF1FF;
	margin-top: 10px;
	font-size: 16px !important;
}


.et_pb_toggle_content p {
	line-height: 1.9 !important;
	font-size: 16px !important;
}

.df-faq-blurb h4 {
	margin-top: 10px;
	text-decoration: underline;
	color: var(--main-color) !important;
}

/*==================================
PRICING TABLE 
===================================*/
/*================================
PRICING CSS
=================================*/

/*Icons Blurb*/
.df-pricing-title h4 {
	color: var(--main-color) !important;
	font-size: 30px !important;
}

.df-pricing-title p {
	line-height: 1.9 !important;
}

.df-pricing-title .et_pb_image_wrap img {
	background: var(--main-color) !important;
	width: 150px !important;
	padding: 15px !important;
	border-radius: 50% !important;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
	border: 5px solid #fff;
}

/*For dark colour background*/
.df-light h4 {
	color: #fff !important;
}

.df-light p {
	color: #fff !important;
}

.df-light .et_pb_image_wrap img {
	background: #fff !important;
	box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.2);
}

.df-pricing-content {
	padding-top: 25px !important;
	padding-bottom: 15px !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.df-pricing-content h4 {
	font-size: 18px !important;
	font-weight: 300 !important;
	line-height: 1.2;
	color: var(--main-color) !important;
}

.df-pricing-content .et-pb-icon {
	color: var(--main-color) !important;
	font-size: 24px;
}

.df-price-title h1 {
	font-size: 100px !important;
	line-height: 1 !important;
	color: var(--main-color) !important;
	font-weight: 900 !important;
	text-align: center;
}

.df-price-light h1 {
	color: #fff !important;
}

.df-pricing-content-dark {
	padding-top: 25px !important;
	padding-bottom: 15px !important;
	padding-left: 40px !important;
	padding-right: 40px !important;
}

.df-pricing-content-dark h4 {
	font-size: 18px !important;
	font-weight: 300 !important;
	line-height: 1.2;
	color: var(--main-color) !important;
}

.df-pricing-content-dark .et-pb-icon {
	color: var(--main-color) !important;
	font-size: 24px;
}




/*Flip Image Effect*/
.df-flip-image .et_pb_column .et_pb_image_wrap img {
	transition: transform 0.4s ease;
}

.df-flip-image .et_pb_column:hover .et_pb_image_wrap img {
	transform: scaleX(-1);
}

.df-content-light h4 {
	color: #fff !important;
}

.df-content-light .et-pb-icon {
	color: #fff !important;
}

.df-pricing-btn {
	background: var(--main-color) !important;
	border-radius: 200px;
	padding: 20px 30px;
}

.df-pricing-btn h4 {
	color: #fff !important;
	margin-top: 12px;
}

.df-pricing-btn .et-pb-icon {
	background: #fff !important;
	border-radius: 50%;
	padding: 10px !Important;
	color: var(--main-color) !important;
	font-size: 30px;
}


.df-pricing-btn-2 .et-pb-icon {
	background: #fff !important;
	border-radius: 50%;
	padding: 10px !Important;
	color: var(--accent-color) !important;
	font-size: 30px;
}

.df-pricing-btn-2 {
	background: var(--accent-color) !important;
	border-radius: 200px;
	padding: 20px 30px;
}

.df-pricing-btn-2 h4 {
	color: #fff !important;
	margin-top: 13px;
}

.df-advance-title .et_pb_image_wrap img {
	background: var(--accent-color) !important;
	width: 150px !important;
	padding: 15px !important;
	border-radius: 50% !important;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
	border: 5px solid #fff;
}


.df-advance-title p,
.df-advance-title h4 {
	color: #2d2d2d !important;
}


.df-pricing-content .et-pb-icon {
	color: var(--accent-color) !important;
	font-size: 24px;
}

.df-price-title-2 h1 {
	color: #fff !important;
}

.df-content-light-2 h4 {
	color: #fff !important;
}

.df-content-light-2 .et-pb-icon {
	color: #fff !important;
}


.df-light .et_pb_image_wrap img {
	background: #fff !important;
	box-shadow: 0px 0px 28px -6px rgba(0, 0, 0, 0.2);
	border: 5px solid #fff !important;
}

/*Hide second table*/
#df-yearly-pricing-table {
	display: none;
}

/*Add pointer on buttons*/
.df-montly-btn {
	cursor: pointer;
}

.df-yearly-btn {
	cursor: pointer;
}



/*===========================
 * BLOGS
 * ============================*/
/*-----Blog Full width----------*/


.df-full-wdth .et_pb_post {
	background: #EDF1FF;
	border-radius: 20px;
	padding: 60px;
}

/*blog image aspect ratio square 1:1*/

.df-full-wdth .entry-featured-image-url {
	padding-top: 30%;
	display: block;
}

.df-full-wdth .entry-featured-image-url img {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	object-fit: cover;
	border-radius: 20px;
}



/*add icon to blog author meta text*/

.df-full-wdth .post-meta .author a:before {
	content: "\e08a";
	font-family: ETMODULES;
	color: var(--main-color) !important;
	font-weight: bold;
	margin-right: 4px;
}

/*add icon to blog category meta text*/

.df-full-wdth .post-meta>a:before {
	content: "\e078";
	font-family: ETMODULES;
	color: var(--main-color) !important;
	font-weight: bold;
	margin-right: 4px;
}

/*add icon to blog published date meta text*/

.df-full-wdth .post-meta .published:before {
	content: "\e023";
	font-family: ETMODULES;
	color: var(--main-color) !important;
	font-weight: bold;
	margin-right: 4px;
}


/*add icon to blog author meta text*/

.df-full-wdth .post-meta .author a:before {
	content: "\e08a";
	font-family: ETMODULES;
	color: var(--main-color) !important;
	font-weight: bold;
	margin-right: 4px;
}

/*add icon to blog category meta text*/

.df-full-wdth .post-meta>a:before {
	content: "\e078";
	font-family: ETMODULES;
	color: var(--main-color) !important;
	font-weight: bold;
	margin-right: 4px;
}

/*add icon to blog published date meta text*/

.df-full-wdth .post-meta .published:before {
	content: "\e023";
	font-family: ETMODULES;
	color: var(--main-color) !important;
	font-weight: bold;
	margin-right: 4px;
}

/*------ Sidebar ------*/
.et_pb_widget ul li {
	background-color: var(--main-color) !important;
	color: #fff !important;
	padding: 15px;
	border-radius: 50px;
	margin-bottom: 15px;

}

.et_pb_sidebar_0.et_pb_widget_area h2 {
	font-size: 28px !important;
	color: #fff !important;
}

.et_pb_sidebar_0.et_pb_widget_area h2:first-of-type {
	background: var(--accent-color);
	padding: 20px;
	border-radius: 50px;
	margin-bottom: 20px;
}


.et_pb_widget .wp-block-search__button {
	border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	position: absolute;
	right: 0;
	top: 0;
	color: #fff !important;
	border-width: 0px !important;
	font-size: 16px;
	font-weight: 700 !important;
	background: var(--main-color);


}

.widget_search input#s,
.widget_search input#searchsubmit,
.et_pb_widget .wp-block-search__input,
.et_pb_widget .wp-block-search__button {
	padding: 10px 30px;
	height: 50px !important;
	margin: 0;
	font-size: 16px;
	line-height: normal !important;
	border: 2px solid var(--main-color);
	border-radius: 50px;
	margin-bottom: 15px !important;
}

.et_pb_gutters2.et_pb_row .et_pb_column_1_3 .et_pb_widget {
	width: 100%;
	margin-bottom: 10px;
}

/*---FULL WIDTH WITH SIDEBAR----*/
/*add media query so changes only affect tablet and desktop*/

@media (min-width: 767px) {

	/*set the image width*/

	.df-full-wdth-2 .entry-featured-image-url {
		width: 30%;
		float: left;
		margin-bottom: 0 !important;
	}

	/*set the details width*/

	.df-full-wdth-2 .entry-title,
	.df-full-wdth-2 .post-meta,
	.df-full-wdth-2 .post-content {
		width: 70%;
		float: left;
		padding-left: 30px;
	}
}


.df-full-wdth-2 .et_pb_post {
	background: #EDF1FF;
	border-radius: 20px;
	padding: 30px;
}

/*=============================
PORTFOLIO MODULE CSS
================================*/
.df-portfolio .et_pb_portfolio_filters {
	text-align: center;
}

.df-portfolio .et_pb_portfolio_filters>ul {
	display: inline-block;
}

.df-portfolio.et_pb_filterable_portfolio .et_pb_portfolio_filters li a,
.df-portfolio .et_pb_portofolio_pagination ul li a {
	font-family: var(--custom-body-font) !important;
	font-size: 16px !Important;
	font-weight: 600;
	margin: 8px;
	background-color: var(--main-color);
	color: #fff !important;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.65s ease;
	transition: all 0.3s ease;
	border-radius: 50px !important;
	padding: 20px 30px 20px 30px;
	border: none;
}

.df-portfolio.df-portfolio .et_pb_portfolio_filters li a.active,
.df-portfolio.df-portfolio .et_pb_portfolio_filters li a:hover,
.df-portfolio.df-portfolio .et_pb_portofolio_pagination ul li a.active,
.df-portfolio.df-portfolio .et_pb_portofolio_pagination ul li a:hover {
	background-color: var(--accent-color);
	color: #fff !important;
	border-radius: 5px;
}

.df-portfolio .et_portfolio_image:before,
.df-portfolio .et_portfolio_image:after {
	content: "";
	background: #fff;
	height: 0;
	width: 0;
	z-index: 1;
	position: absolute;
	transition-duration: 1.4s !important;
}

.df-portfolio .et_pb_portfolio_item:hover .et_portfolio_image:before {
	right: 0;
	opacity: 1;
	top: 0;
	height: 0;
	width: 0;
}

.df-portfolio .et_pb_portfolio_item:hover .et_portfolio_image:after {
	bottom: 0;
	opacity: .7;
	left: 0;
	height: 0;
	width: 0;
}

.df-portfolio .et_portfolio_image:before,
.df-portfolio .et_portfolio_image:after {
	height: 100%;
	width: 100%;
	opacity: 0;
}

.df-portfolio .et_pb_portfolio_item:hover .et_portfolio_image img {
	transform: scale(1);
}

.df-portfolio .et_portfolio_image img {
	transform: scale(1);
	transition: all 1s;
	overflow: hidden;
}


.et_overlay {
	display: none;
}


.et_pb_filterable_portfolio .et_pb_portfolio_filters {
	clear: both;
	margin: 0 0 20px;
}

.df-portfolio .et_pb_with_border .df-portfolio .et_pb_portfolio_image,
.et_pb_with_border .et_pb_portfolio_item {
	padding: 8px;
	border-radius: 10px 50px 50px 50px;
	transition: 500ms;
	box-shadow: 0px 2px 18px 0px rgba(0, 0, 0, 0.1);
}

.df-portfolio .et_pb_with_border .df-portfolio .et_pb_portfolio_image,
.et_pb_with_border .et_pb_portfolio_item:hover {
	background: #F3F8FF;
}

.et_pb_filterable_portfolio_grid .et_pb_portfolio_item img {
	width: 100%;
	border-radius: 10px 50px 50px 50px;

}

.df-portfolio .et_pb_portfolio_item h4 {
	text-align: center !important;
	color: var(--main-color) !important;
	font-size: 22px !important;
}

.df-portfolio .et_pb_portfolio_item p {
	font-weight: 600 !important;
	text-align: center !important;
	font-family: var(--custom-heading-font);
	font-size: 16px !important;
	color: var(--accent-color) !important;
}

.et_pb_bg_layout_light .et_pb_portfolio_item .post-meta a {
	color: var(--accent-color);
}


.df-portfolio .et_pb_with_border .df-portfolio .et_pb_portfolio_image,
.et_pb_with_border .et_pb_portfolio_item:before {
	position: absolute;
	content: "";
	height: 90px;
	width: 85px;
	background: var(--accent-color) !important;
	left: -10px;
	top: -10px;
	border-radius: 5px;
	transition: 500ms;
	z-index: 0;
}

.df-portfolio .et_pb_with_border .df-portfolio .et_pb_portfolio_image,
.et_pb_with_border .et_pb_portfolio_item:after {
	position: absolute;
	content: "";
	height: 50%;
	width: 10px;
	background: var(--main-color) !important;
	left: -10px;
	top: 100px;
	border-radius: 5px 0 0px 5px;
	transition: 500ms;
	z-index: -1;
}

/*=====================================
 * GALLERY MODULE
 * =====================================*/
.et_overlay {
	display: none;
}

.mfp-title {
	display: none;
}

.et_pb_gallery_grid .et_pb_gallery_item {
	padding: 2px;
	overflow: hidden;
}

.et_pb_gallery_grid .et_pb_gallery_item img {
	transform: scale(1);
	transition: transform 1s, opacity 1s;

}

.et_pb_gallery_grid .et_pb_gallery_item img:hover {
	transform: scale(1.15);
	opacity: 1;
}

/*============================
COMMING SOON
==============================*/

.df-image-col {
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	background: var(--accent-color) !important;
	animation: changeBorder 6s linear infinite;
}

.df-coming-soon-heading-one h1 {
	color: #fff !important;
	font-size: 160px !important;
	font-weight: 900 !important;
	text-align: Center;
	line-height: 1 !important;
}

.df-coming-soon-heading-three h4,
.df-coming-soon-heading-two h2 {
	color: #fff !important;
	text-align: Center;
}

.df-coming-soon-heading-two h2 {
	font-size: 28px !important;
}

.df-coming-soon-heading-three h4 {
	font-size: 22px !important;
	font-weight: 300 !important;
}

@keyframes changeBorder {
	0% {
		border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
		/* Initial border style */
	}

	50% {
		border-radius: 70% 30% 30% 70% / 70% 70% 30% 30%;
		/* Midway border style */
	}

	100% {
		border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	}
}

/* Styles for medium screens */
@media screen and (min-width: 400px) and (max-width: 768px) {
	.df-coming-soon-heading-one h1 {
		font-size: 150px !important;
	}

}

@media screen and (max-width: 400px) {
	.df-coming-soon-heading-one h1 {
		font-size: 80px !important;
	}

	.df-coming-soon-heading-three h4 {
		font-size: 20px !important;
		line-height: 1.2;
	}

	.df-coming-soon-heading-two h2 {
		font-size: 28px !important;
		line-height: 1.2;
	}
}

/*========================
THANK YOU PAGE
============================*/
.df-image-col {
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	background: var(--accent-color) !important;
	animation: changeBorder 6s linear infinite;
}

.df-coming-soon-heading-one h1 {
	color: #fff !important;
	font-size: 160px !important;
	font-weight: 900 !important;
	text-align: Center;
	line-height: 1 !important;
}

.df-coming-soon-heading-three h4,
.df-coming-soon-heading-two h2 {
	color: #fff !important;
	text-align: Center;
}

.df-coming-soon-heading-two h2 {
	font-size: 28px !important;
}

.df-coming-soon-heading-three h4 {
	font-size: 22px !important;
	font-weight: 300 !important;
}

/* Styles for medium screens */
@media screen and (min-width: 400px) and (max-width: 768px) {
	.df-coming-soon-heading-one h1 {
		font-size: 150px !important;
	}

}

@media screen and (max-width: 400px) {
	.df-coming-soon-heading-one h1 {
		font-size: 80px !important;
	}

	.df-coming-soon-heading-three h4 {
		font-size: 20px !important;
		line-height: 1.2;
	}

	.df-coming-soon-heading-two h2 {
		font-size: 28px !important;
		line-height: 1.2;
	}
}

/*===============================
404 Error Page
=================================*/
.df-image-col {
	border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
	background: var(--accent-color) !important;
	animation: changeBorder 6s linear infinite;
}

.df-four-o-four-title-one h1 {
	color: #fff !important;
	font-size: 250px !important;
	font-weight: 900 !important;
	text-align: Center;
	line-height: 1 !important;
}

.df-four-o-four-title-three h4,
.df-four-o-four-title-two h2 {
	color: #fff !important;
	text-align: Center;
}


/* Styles for medium screens */
@media screen and (min-width: 400px) and (max-width: 768px) {
	.df-four-o-four-title-one h1 {
		font-size: 150px !important;
	}

}

@media screen and (max-width: 400px) {
	.df-four-o-four-title-one h1 {
		font-size: 80px !important;
	}

	.df-four-o-four-title-three h4 {
		font-size: 20px !important;
		line-height: 1.2;
	}

	.df-four-o-four-title-two h2 {
		font-size: 28px !important;
		line-height: 1.2;
	}
}

/*=============================
MEDIA QUERIES
==============================*/
@media screen and (min-width: 400px) and (max-width: 768px) {
	.df-slider h4 {
		text-align: left !important
	}

	.df-slider .et-pb-slider-arrows {
		position: absolute;
		background: 0 0 !important;
		bottom: 30px;
		right: 10px;
		z-index: 999;
		padding: 20px 30px;
	}


	.df-slider .et-pb-arrow-next,
	.df-slider .et-pb-arrow-prev {
		opacity: 1;
		position: relative !important;
		margin-right: 5px;
		background: var(--main-color) !important;
		border-radius: 5px;
		width: 40px;
		display: inline-block;
		height: 40px;
		margin-top: 0 !important;
		font-size: 40px;
		line-height: 40px;
	}
}
@media screen and (max-width: 400px) {
	.df-slider .et-pb-slider-arrows {
		position: absolute;
		background: 0 0 !important;
		bottom: 30px;
		right: 10px;
		z-index: 999;
		padding: 20px 30px;
	}
	.df-slider .et-pb-arrow-next,
	.df-slider .et-pb-arrow-prev {
		opacity: 1;
		position: relative !important;
		margin-right: 5px;
		background: var(--main-color) !important;
		border-radius: 5px;
		width: 40px;
		display: inline-block;
		height: 40px;
		margin-top: 0 !important;
		font-size: 40px;
		line-height: 40px;
	}
}

/*--- General Media Queries ---*/
@media screen and (min-width: 400px) and (max-width: 768px) {
	h2 {
		font-size: 42px !important;
	}
}

@media screen and (max-width: 400px) {
	h2 {
		font-size: 36px !important;
	}

	h3 {
		font-size: 28px !important;
	}
}


/*---- Blurb Style 2 -----*/
@media screen and (max-width: 400px) {
	.df-blurb-style-2 {
		background: #EDF1FF;
		border-radius: 10px;
		padding: 15px 30px 15px 30px;
	}

	.df-blurb-style-2 .et-pb-icon {
		font-size: 30px;
		padding: 10px;
		border: 5px solid #fff;
		left: 0;
	}

	.df-blurb-style-2 h4 {
		margin-top: 0px !Important;
	}

	.df-emeregency-call-blurb .et-pb-icon {
		color: var(--main-color);
	}

	.df-offer-title h1 {
		font-size: 80px !important;
	}

	.df-offer-title-one h3 {
		font-size: 24px !important;
		font-family: var(--custom-heading-font) !important;
		font-weight: var(--custom-heading-font-weight) !important;
	}
}
/*---------- Dropdown Mneu --------------*/
/*change hamburger icon to x when mobile menu is open*/

#et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before,
.et_pb_module.et_pb_menu .et_mobile_nav_menu .mobile_nav.opened .mobile_menu_bar::before {
	content: '\4d';
}


/*adjust the new toggle element which is added via jQuery*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
ul.et_mobile_menu li.page_item_has_children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.page_item_has_children .mobile-toggle {
	width: 44px;
	height: 100%;
	padding: 0px !important;
	max-height: 44px;
	border: none;
	position: absolute;
	right: 0px;
	top: 0px;
	z-index: 999;
	background-color: transparent;
}


/*some code to keep everyting positioned properly*/

ul.et_mobile_menu>li.menu-item-has-children,
ul.et_mobile_menu>li.page_item_has_children,
ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.page_item_has_children,
.et-db #et-boc .et-l ul.et_mobile_menu>li.menu-item-has-children .sub-menu li.menu-item-has-children {
	position: relative;
}


/*remove default background color from menu items that have children*/

.et_mobile_menu .menu-item-has-children>a,
.et-db #et-boc .et-l .et_mobile_menu .menu-item-has-children>a {
	background-color: transparent;
}


/*hide the submenu by default*/

ul.et_mobile_menu .menu-item-has-children .sub-menu,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu {
	display: none !important;
	visibility: hidden !important;
}


/*show the submenu when toggled open*/

ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
#main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #et-boc .et-l ul.et_mobile_menu .menu-item-has-children .sub-menu.visible,
.et-db #main-header ul.et_mobile_menu .menu-item-has-children .sub-menu.visible {
	display: block !important;
	visibility: visible !important;
}


/*adjust the toggle icon position and transparency*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle {
	text-align: center;
	opacity: 1;
}


/*submenu toggle icon when closed*/

ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children .mobile-toggle::after {
	top: 10px;
	position: relative;
	font-family: "ETModules";
	content: '\33';
	color: var(--accent-color)!important;
	background: #f0f3f6;
	border-radius: 50%;
	padding: 3px;
}


/*submenu toggle icon when open*/

ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after,
.et-db #et-boc .et-l ul.et_mobile_menu li.menu-item-has-children.dt-open>.mobile-toggle::after {
	content: '\32';
}


/*add point on top of the menu submenu dropdown*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu:after {
	position: absolute;
	right: 5%;
	margin-left: -20px;
	top: -14px;
	width: 0;
	height: 0;
	content: '';
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 20px solid #ffffff;
}


/*adjust the position of the hamburger menu*/

.mobile_menu_bar {
	position: relative;
	display: block;
	bottom: 10px;
	line-height: 0;
}


/*force the background color and add a rounded border*/

.et_pb_menu_0.et_pb_menu .et_mobile_menu,
.et_pb_menu_0.et_pb_menu .et_mobile_menu ul {
	background-color: #ffffff!important;
	border-radius: 10px;
}
.et_pb_menu_1_tb_header.et_pb_menu .et_mobile_menu{
    background-color: #FFFFFF!important;
    border-radius: 20px;
  	margin-top:20px;
}