:root
{
	--max_width: 1600px;
	--heading: 'poppins';
	--heading_bold: 'poppins_bold';
	--para: 'raleway';

	--logo_dark_blue: #084671;
	--logo_bright_blue: #0798A3;

	--btn_gradient_color1: #0798A3;
	--btn_gradient_color2: #16CEC9;

	--bg_grey: #f3f3f3;

	--theme_blue:#16CEC9;
	--text_grey:#707070;
/*	--text_grey: #6c7d88;*/
	--text_black:#444444;
}

@font-face {
    font-family: poppins;
    src: url(../fonts/Poppins-Medium.ttf);
}

@font-face {
    font-family: poppins_bold;
    src: url(../fonts/Poppins-SemiBold.ttf);
}

@font-face {
    font-family: raleway;
    src: url(../fonts/Raleway-Medium.ttf);
}

*
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: var(--para);
	color: var(--text_grey);
}


/*pre_loader starts*/
.pre_loader
{
	position: fixed;
	height: 100vh;
	width: 100%;
	background: white;
	z-index: 20;
}

.loading {
 --speed-of-animation: 1s;
 --gap: 6px;
 --first-color: #4c86f9;
 --second-color: #49a84c;
 --third-color: #f6bb02;
 --fourth-color: #f6bb02;
 --fifth-color: #2196f3;
 position: absolute;
 left: 50%;
 top: 50%;
 transform: translate(-50%,-50%);
 display: flex;
 justify-content: center;
 align-items: center;
 width: 200px;
 gap: 18px;
 height: 200px;
}

.loading span {
 width: 5px;
 height: 100px;
 background: var(--first-color);
 animation: scale var(--speed-of-animation) ease-in-out infinite;
}

.loading span:nth-child(2) {
 background: var(--second-color);
 animation-delay: -0.8s;
}

.loading span:nth-child(3) {
 background: var(--third-color);
 animation-delay: -0.7s;
}

.loading span:nth-child(4) {
 background: var(--fourth-color);
 animation-delay: -0.6s;
}

.loading span:nth-child(5) {
 background: var(--fifth-color);
 animation-delay: -0.5s;
}

@keyframes scale {
 0%, 40%, 100% {
  transform: scaleY(0.05);
 }

 20% {
  transform: scaleY(1);
 }
}
/*preloader ends*/

/*.call_floating_btn
{
	visibility: hidden;
	position: fixed;
	bottom: 75px;
	left:15px;
	background: green;
	height: 50px;
	width: 50px;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100%;
	z-index: 25;
}

.call_floating_btn i
{
	color: white;
	font-size: 1.8rem;
}

.book_apt_floating_btn
{
	visibility: hidden;
	position: fixed;
	bottom: 15px;
	left:15px;
	background: #0066cc;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 5rem;
	padding: .6rem 1.2rem;
	z-index: 25;
	border: 2px solid var(--logo_bright_blue);
}

.book_apt_floating_btn .btn
{
	color: white;
	font-size: 1.2rem;
	font-family: var(--heading);
}*/


/*floating bar*/

.floating_bar
{
	visibility: hidden;
	position: fixed;
	bottom: -90px;
	width: 100%;
	background: green;
	display: flex;
	align-items: center;
	color: white;
	transition: .6s;
	z-index: 25;
}

.floating_bar.visible
{
	visibility: hidden;
	bottom: 0;
}

.floating_bar .book_apt_floating_btn
{
	flex: 1;
	text-align: center;
}

.floating_bar .book_apt_floating_btn .btn
{
	color: white;
    font-size: 1rem;
    font-family: var(--heading);
    padding: 15px 0;
	background: var(--logo_dark_blue);
}

.floating_bar .call_floating_btn
{
	text-align: center;
	flex: 1;
}

.floating_bar .call_floating_btn .btn
{
	color: white;
    font-size: 1rem;
    font-family: var(--heading);
    padding: 15px 0;
    background: var(--logo_bright_blue);
}

/*floating bar ends*/


/*for max-width control*/
.width
{
	max-width: var(--max_width);
	margin: 0 auto;
}

a
{
	text-decoration: none;
	display: inline-block;
}

.gradient_btn
{
	font-size: 1rem;
	padding: 1rem 2rem;
	border-radius: 15rem;
	color: white;
	background: linear-gradient(90deg,#3bafc3,#0e0e0e);
	font-family: var(--heading);
	position: relative;
	overflow: hidden;
}

.gradient_btn::before
{	
	position: absolute;
	content: '';
	top: 0;
	left: -100%;
	width: 100%;
	height: 100%;
	background: linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);
	transition: .3s;
}

.gradient_btn:hover:before
{
	left: 100%;
}

.gradient_btn i
{
	color: white;
	padding-left: 4px;
	padding-right: 6px;
	transition: .3s;
}

.gradient_btn:hover i
{
	padding-left: 10px;
	padding-right: 0;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded,.owl-carousel .owl-stage-outer
{
	height: 100%;
}

.owl-theme .owl-nav
{
/*	margin-top: -2rem;*/
	display: none;
}

.owl-theme .owl-dots
{
	margin-top: -100px;
}

.apt_modal_container
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: rgba(0,0,0,.5);
	z-index: 20;
}

.apt_modal_container .modal
{
	position: relative;
	top: 50%;
	left: 50%;
	width: 50%;
	max-width: 800px;
	background: white;
	transform: translate(-50%,-50%);
	border-radius: 4px;
}

.apt_modal_container .modal_header
{
	border-bottom: 1px solid;
	position: relative;
	padding: .5rem 1rem;
}

.apt_modal_container .modal_header .title
{
	font-size: 1.8rem;
	font-family: var(--heading_bold);
	color: var(--logo_dark_blue);
	text-transform: capitalize;
}

.apt_modal_container .modal_header .close
{
	padding: 10px;
	background: red;
	color: white;
	position: absolute;
	top: 12px;
	line-height: .6rem;
	right: 14px;
	border-radius: 4px;
	cursor: pointer;
}

.apt_modal_container .content
{
	font-size: 1rem;
	line-height: 1.3rem;
	padding: 1rem;
}

.apt_modal_container .modal_footer
{
	padding: .5rem 1rem;
	background: white;
	border-top: 1px solid;
	border-radius: 4px;
	text-align: right;
}

.apt_modal_container .modal_footer .gradient_btn
{
	padding: .4rem 1.6rem;
}

.apt_modal_container form .inputgroup
{
	position: relative;
	margin-top: 35px;
}

.apt_modal_container form input
{
	display: block;
	width: 100%;
	border:none;
	outline: none;
	box-shadow: none;
	background: white;
	padding: 5px;
	font-size: 1rem;
	color: var(--text_black);
	font-family: var(--heading);
}

.apt_modal_container .inputgroup span
{
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	padding: 0 5px;
	transition: .3s;
	color: var(--text_black);
}

.apt_modal_container form input:valid ~ span,.apt_modal_container form input:focus ~ span
{
	transform: translateY(-20px);
	font-size: .8rem;
	color: var(--text_grey);
}

.apt_modal_container .inputgroup i
{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	background: #141414;
	width: 100%;
}

.apt_modal_container form .btn_container
{
	padding-top: 1.5rem;
}

.apt_modal_container form .btn_container .gradient_btn
{
	width: 100%;
	text-align: center;
}

.form_submit_loading
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: transparent;
	z-index: 20;
}

.form_submit_loading img
{
	position: relative;
	top: 50%;
	left: 50%;
	width: 80px;
	transform: translate(-50%,-50%);
	border-radius: 4px;
}

.form_submit_loading.get_in_touch_form_loading_img
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: transparent;
	z-index: 20;
}


/*search modal*/

.search_popup
{
	display: none;
	width: 100%;
	height: 100%;
	position: relative;
}

.search_popup .container
{
	background: rgba(0,0,0,0.6);
	position: fixed;
	top: 0;
	left: 0;
	height: 100vh;
	width: 100%;
	z-index: 10;
	backdrop-filter: blur(5px);
}

.search_popup .popup
{
	width: 80%;
	height: 80vh;
	background: white;
	position: absolute;
	top: 10%;
	left: 50%;
	transform: translate(-50%,0%);
	border-radius: 10px;
	padding: 3.5rem 1rem 1rem 1rem;
}

.search_popup .popup .close
{
	padding: 10px;
    background: red;
    color: white;
    position: absolute;
    top: 12px;
    line-height: .6rem;
    right: 14px;
    border-radius: 4px;
    cursor: pointer;
}

.search_popup .search_bar
{
	padding: 0 1rem;
}

.search_popup .search_container
{
	display: flex;
    border-radius: 100px;
    border: 3px solid #00000045;
/*    padding: 0.8rem 1.5rem;*/
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    width: 100%;
    margin: 0 auto;
}

.search_popup .input_text
{
	color: var(--text_grey);
    font-size: 1.2rem;
}

.search_popup #search_submit
{
	display: none;
}

.search_popup input[name='search_term']
{
	color: var(--text_grey);
    font-size: 1.2rem;
    padding: .5rem 1.5rem;
    border: none;
	border-radius: 100px;
	width: 100%;
}

.search_popup form
{
	display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
}

.search_popup .icon_container
{
	padding: 0 15px;
}
	
.search_popup .icon_container i
{
	font-size: 1.6rem;
    color: var(--theme_blue);
}

.search_popup .content
{
	padding: .5rem 1rem;
	height: 60vh;
	overflow: scroll;
}

.search_popup .content .group
{
/*	border-bottom: 1px solid black;*/
	padding: .25rem;
}

.search_popup .content .category
{
	background: linear-gradient(90deg,var(--btn_gradient_color1),var(--btn_gradient_color2));
	color: white;
	text-transform: capitalize;
	padding: .5rem;
	border: 1px solid transparent;
	border-radius: 6px 6px 0 0;
	border-bottom: none;
	font-size: 1.1rem;
}

.search_popup .content .option_container
{
	border: 1px solid rgba(0,0,0,0.2);
	border-top: none;
	border-radius: 0 0 6px 6px;
}

.search_popup .content .option
{
	padding: .25rem .5rem;
	font-size: .9rem;
	cursor: pointer;
}

.search_popup .content .option:hover
{
	background: rgba(0,0,0,.1);
}

.search_popup .content .option a
{
	display: block;
}


/*search modal ends*/


/*marquee*/

marquee
{
	padding: 0.5rem 0;
    font-size: 1.4rem;
    margin-top: -10px;
    background: linear-gradient(90deg,#0a0a0a,#0a457b);
    color: white;
    position: relative;
    z-index: 1;
}

/*marquee ends*/

/*search section*/
.search_section
{
	padding: 2rem 0 0 0;
}

.search_section .width
{
	width: 70%;
	margin: 0 auto;
}

.search_section .search_container
{
	display: flex;
	border-radius: 100px;
	border:3px solid #00000045;
	padding: .8rem 1.5rem;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}

.search_section .input_text
{
	color: var(--text_grey);
	font-size: 1.2rem;
}

.search_section .icon_container i
{
	font-size: 1.6rem;
	color: var(--theme_blue);
}
/*search section ends*/

/*desktop header*/
.header
{
	position: fixed;
	top: 0;
	width: 100%;
	box-shadow: 0px 5px 40px rgba(0,0,0,.16);
	background: white;
	z-index: 5;
}

.topbar
{
	border-bottom: 1px solid var(--text_grey);
	font-size: .8rem;
	padding: .3rem;
}

.topbar .width
{
	width: 90%;
	display: flex;
	justify-content: space-around;
}

.topbar .social_icons
{
	font-size: 1rem;
}

.topbar .social_icons>span
{
	margin-right: 10px;
}

.topbar .group
{
	display: flex;
	align-items: center;
}

.topbar .group div
{
	font-family: var(--heading);
}

.topbar .group div a
{
	font-family: var(--heading);
}

.topbar .group>span
{
	margin-right: .4rem;
}

.topbar .group>span i
{
	color: #bedb92;
}

.nav
{
	height: 70px;
}

.nav .width
{
/*	padding: 0 1rem;*/
	display: flex;
	align-items: center;
	justify-content: space-between;
	height: 100%;
	width: 90%;
}

.nav .logo_container
{
	padding: .2rem 0 0 0;
	height: 100%;
}

.nav .logo_container img
{
	height: 95%;
}

.nav .logo_container a
{
	height: 100%;
	width: 100%
}

.nav .navbar 
{
	display: flex;
	align-items: center;
}

.nav .nav_element>a
{
	display: inline-block;
	padding: 1rem .6rem;
	border-bottom: 2px solid transparent;
	transition: .5s;
}

.nav .navbar>a:hover
{
    border-bottom: 2px solid var(--logo_dark_blue);
}

.nav .navbar .nav_element
{
	position: relative;
}

.nav .submenu
{
	display: none;
	position: absolute;
    top: 100%;
    left: -1rem;
    background: white;
    padding: .5rem 1rem;
    width: 210px;
    border-top: 1px solid var(--logo_bright_blue);
    border-radius: 0 0 4px 4px;
    box-shadow: 0px 5px 40px rgba(0,0,0,.16);
}

.nav .submenu.columnwise
{
	width: fit-content;
}

.nav .submenu.columnwise>.column
{
	width: 200px;
}

.nav .submenu.columnwise>.column .cat_heading
{
	background: #0f0f0f17;
    padding: 0.25rem 0.5rem;
    width: 90%;
    text-transform: capitalize;
}

.nav .submenu.columnwise .category
{
	font-size: .8rem;
	color: var(--text-black);
}

.nav .nav_element:hover>a
{
    border-bottom: 2px solid var(--logo_dark_blue);
}

.nav .nav_element:hover .submenu
{
	display: initial;
}

.nav .nav_element:hover .submenu.columnwise
{
	display: flex;
}

.nav .submenu a
{
	padding: 0.25rem 0;
    margin: 0.25rem 0;
    transition: .2s;
}

.nav .submenu a:hover
{
	border-left: 3px solid var(--logo_bright_blue);
	padding-left:8px;
}

.nav .btn_container
{
	display: flex;
}
/*desktop header ends*/

/*mobile header*/
.mobileheader
{
	display: none;
	background: transparent;
}

.mobileheader .navigation
{
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 70px;
	padding: 0 1rem;
	background: white;
}

.mobileheader .logo_container
{
	height: 100%;
	padding-top: .4rem;
}

.mobileheader .logo_container img
{
	height: 90%;
}

.mobileheader .logo_container a
{
	height: 100%;
	width: 100%
}


.mobileheader .toggle
{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	color: var(--theme_blue);
	font-size: 1.2rem;
	font-family: var(--heading);
}

.mobileheader .toggle::before
{
	content:'Menu';
}

.mobileheader .toggle.active::before
{
	content:'Close';
}

.mobileheader .toggle>.icon
{
	position: relative;
	width: 30px;
	height: 50px;
	margin-left: 10px;
}

.mobileheader .toggle>.icon::before
{
	content: '';
	position: absolute;
	top: 18px;
	left: 0;
	height: 4px;
	width: 100%;
	background: var(--theme_blue);
	transition: .5s;
	border-radius: 20px;
} 

.mobileheader .toggle>.icon::after
{
	content: '';
	position: absolute;
	bottom: 18px;
	left: 0;
	height: 4px;
	width: 100%;
	background: var(--theme_blue);
	transition: .5s;
	border-radius: 20px;
} 

.mobileheader .toggle.active .icon::before
{
	top: 24px;
	transform: rotate(225deg);
}

.mobileheader .toggle.active .icon::after
{
	top: 24px;
	transform: rotate(135deg);
}

.mobileheader .menu
{
	visibility: hidden;
	opacity: 0;
	list-style: none;
	flex-direction: column;
	width: 40%;
	position: absolute;
	right: -40%;
	background: white;
	transition: .5s;
	border-top: 1px solid var(--logo_dark_blue);
	box-shadow: 0px 5px 40px rgb(0 0 0 / 16%);
	border-radius: 0 0 4px 4px;
	overflow-y: scroll;
	height: 100vh;
}

.mobileheader .menu li
{
	font-size: 1.2rem;
}

.mobileheader .menu li.cat_heading 
{
	background: #0f0f0f17;
    padding: 0.25rem 0.5rem;
    width: 100%;
    text-transform: capitalize;
}

.mobileheader .menu li a
{
	font-family: var(--heading);
	width: 100%;
	position: relative;
	transition: .2s;
}

.mobileheader .menu li a:hover
{
	color: var(--theme_blue);
}

.mobileheader .menu li i
{
	width: 40px;
	text-align: center;
}

.mobileheader .menu li .dropdown
{	
	padding: .5rem 1rem;
	display: flex;
	justify-content: space-between;
}

.mobileheader.active
{
	box-shadow: none;
}

.mobileheader.active .menu
{
	display: block;
	right: 0;
	opacity: 1;
	visibility: visible;
}

.mobileheader .submenu
{
	display: none;
	list-style: none;
	flex-direction: column;
	background: var(--bg_grey);
}

.mobileheader .submenu li a 
{
    padding: 0.15rem 0 0.15rem 2rem;
    width: 100%;
}

.mobileheader .submenu li a:hover
{
	color: var(--logo_bright_blue);
}

.mobileheader.active li.active>.dropdown a
{
	border-left: 3px solid var(--logo_bright_blue);
	padding-left: 8px;

}

.mobileheader.active li.active .submenu
{
	display: block;
	border-top: 1px solid var(--logo_bright_blue);
}
/*mobile hearder ends*/

/*slider*/

.slider
{
	padding-top: 100px;
	height: 75vh;
/*	background: lightgreen;*/
}

.slider .item
{
	position: relative;
/*	height: calc(75vh + 10px);*/
	height: calc(60vh + 10px);
}

.slider .slider_bg_1
{
/*	background: url(../img/slider/ortho_physiotherapy.jpg);*/
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center bottom;
	background-color: white;
}

.slider .slider_bg_2
{
	background: url(../img/slider/spine_physiotherapy.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
	background-color: white;
}

.slider .slider_bg_3
{
	background: url(../img/slider/sports_and_wellness_hub.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: left top;
	background-color: white;
}

.slider .content_container
{
	position: absolute;
/*	top: 40%;*/
	top: 50%;
	left:50%;
	width: 100%;
	transform: translate(-45%,-50%);
/*	border-radius: 6px;*/
}

.slider .content_container p:nth-child(1)
{
	padding: 1rem 0 0 1rem;
	font-size: 3.3rem;
	line-height: 3.5rem;
	color: white;
	font-family: var(--heading);
	width: 60%;
	/*background: #00000082;*/
	border-radius: 5px 5px 0 0;
}

.slider .content_container p:nth-child(2)
{
	padding: 0 0 0 1.5rem;
	font-size: 1.4rem;
	padding-top: 1rem;
	color: white;
	background: #00000082;
	width: 60%;
}

.slider .btn_container
{
	padding: 0 0 1rem 1.5rem;
	background: #00000082;
	padding-top: 2rem;
	width: 60%;
	border-radius: 0 0 5px 5px;
}

.slider .btn_container .gradient_btn:nth-child(1)
{
	margin-right: 2rem;
}

.slider .btn_container .gradient_btn:nth-child(2) i
{
	padding-left: 0;
	padding-right: 6px;
}
/*slider ends*/

.section
{
	padding: 5rem 0 ;
}

.white_section
{
	background: white;
}

.grey_section
{
	background: var(--bg_grey);
}

.about_section .width
{
	width: 85%;
}

.about_section .head .heading
{
	font-size: 2.9rem;
    font-family: var(--heading);
    color: #afd47b;
}

.about_section .head .tagline 
{
    color: #000000;
    text-transform: uppercase;
    font-family: var(--heading_bold);
    font-size: 1.2rem;
}

.about_section .flex
{
	display: flex;
	align-items: center;
}

.about_section .flex .first_column
{
	width: 60%;
	padding: 2rem 0 0 0;
}

.about_section .first_column .content p
{
	padding-bottom: 1.4rem;
    line-height: 1.5rem;
    width: 88%;
    text-align: justify;
}

.about_section .flex .second_column
{
	width: 40%;
}

.about_section .group
{
	display: flex;
	padding: 0 0 1rem 0;
	margin: 0 0 1rem 0;
	border-bottom: 1px solid black;
	align-items: center;
}

.about_section .group:last-child
{
	padding: 0;
	border:none;
}

.about_section .group .icon
{
	flex: 1;
	padding: 0 1rem;
}

.about_section .group .icon img
{
	width: 70%;
}

.about_section .group .plus_points
{
	flex: 3;
}

.about_section .plus_points .heading
{
	color: var(--text_black);
	font-size: 1.4rem;
	font-family: var(--heading_bold);
	padding-bottom: .4rem;
}

.about_section .plus_points .heading span
{
	color: #afd47b;
	font-size: 1.5rem;
	font-family: var(--heading_bold);
}

.about_section .plus_points p
{
	line-height: 1.5rem;
/*    text-align: justify;*/
}

.service_section
{
	padding-bottom: 3rem;
}

.service_section .owl-carousel .owl-stage-outer
{
/*	padding: 1rem 0;*/
	padding: 2rem 0;
}

.service_section .width
{
	width: 85%;
}

.service_section .width .head.faq
{
	margin-top: 1.5rem;
}

.service_section .width .head
{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.service_section .head .heading
{
	font-size: 2.9rem;
	color: #afd47b;
	font-family: var(--heading_bold);
	position: relative;
}

.service_section .head .heading:before
{
	content: '';
	bottom: 0;
	left: 0;
	height: 4px;
	width: 6rem;
	position: absolute;
	background: var(--logo_bright_blue);
}

.service_section.non_slider .card_container
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 2rem;
	padding: 2rem 0;
}

.service_section .card_container .item
{
/*	padding: 0 1rem;*/
}

.service_section .card_container .card
{
	background: white;
	border-radius: 4px;
	padding: 1rem;
/*	margin: 2rem 1rem;*/
	text-align: left;
	transition: .3s;
}

.service_section.non_slider .card_container .card
{
/*	padding: 2rem 1.5rem;*/
	margin: 0;
}

.service_section .card_container .card:hover
{
	box-shadow: 0px 5px 40px rgb(0 0 0 / 16%);
}

.service_section .card .icon img
{
	width: 45%;
}

.service_section .card .title
{
	color: var(--text_black);
	font-family: var(--heading_bold);
	padding-top: 1rem;
	font-size: 1.2rem;
	line-height: 1.3rem;
	transition: .3s;
}

.service_section .card_container .card:hover .title
{
	color: var(--theme_blue);
}

.service_section .card p
{
	line-height: 1.3rem;
	text-align: justify;
	font-size: .9rem;	
	padding: .6rem 0;
}

.service_section .card a
{
	background: transparent;
	padding: 0;
	color: var(--text_black);
	font-size: 1rem;
}

.service_section .card a i
{
	color: var(--text_black);
	transition: .3s;
}

.service_section .card a:hover i
{
	padding-left: 10px;
}

.service_section .owl-theme .owl-dots
{
	margin-top: 0;
}

.treatment_section 
{
	padding: 5rem 0;	
}

.treatment_section .card_container .card
{
	text-align: left;
}

.treatment_section .card .icon img
{
	margin:0 auto;
/*	margin-right:0;*/
}

.treatment_section .card p
{
	text-align: left;
}

.technology_section
{
	padding-top: 3rem;
}

.technology_section .card .icon img
{
	width: 100%;
}

.online_physiotherapy_section .flex
{
	display: flex;
    padding: 2rem 0;
    align-items: center;
}

.online_physiotherapy_section .flex>div
{
	flex:1;
}

.online_physiotherapy_section .flex img
{
	width: 100%;
}

.online_physiotherapy_section .content_container
{
	padding-left: 2rem;
}

.online_physiotherapy_section .content_container p
{
    line-height: 1.5rem;
}

.online_physiotherapy_section .btn_container
{
	padding: 1.5rem 0 0 0;
}

.online_physiotherapy_section .btn_container a
{
	color: var(--logo_dark_blue);
/*	font-size: 1.2rem;*/
	transition: all .3s;
}

.online_physiotherapy_section .btn_container a i
{
	color: var(--logo_dark_blue);
}

.online_physiotherapy_section .btn_container a:hover
{
	color: var(--logo_bright_blue);
}

.online_physiotherapy_section .btn_container a:hover i
{
	color: var(--logo_bright_blue);
}

.why_choose_us_section
{
	padding: 5rem 0;
}

.why_choose_us_section .width>p
{
	padding: 2rem 0 3rem 0;
	text-align: justify;
	line-height: 2.0rem;
}

.why_choose_us_section .plus_points_container
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
}

.why_choose_us_section .card
{
	text-align: center;
	padding: 1rem;
}

.testimonial
{
	background: url(../img/testimonial_bg.jpeg);
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.testimonial .width
{
	padding: 6rem 14% 4rem 14%;
}

.testimonial .img_container img
{
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin: 0 auto;
	background: white;
}

.testimonial .content p
{
	padding: 1.5rem 0;
	color: white;
	text-align: center;
	font-size: 1.3rem;
	line-height: 1.8rem;
}

.testimonial .content p.name
{
	font-size: 1.6rem;
	font-family: var(--heading);
}

.blog_section
{
	padding: 5rem 0;
}

.blog_section .width .head
{
	padding-bottom: 2rem;
}

.blog_section .blog_cover img
{
	width: 100%;
	height: 200px;
	border-radius: 4px 4px 0 0;
}

.blog_section.non_slider .card_container
{
	grid-template-columns: 1fr 1fr 1fr;
}

.blog_section .card_container .card
{
	padding: 0;
}

.blog_section .card .content
{
	padding: 2rem;
}

.blog_section .card .title
{
	padding-top: 0;
    max-height: 2.8rem;
    overflow: hidden;
    line-height: 1.4rem;
}

.blog_section .card .flex
{
	display: flex;
	justify-content: space-between;
}

.blog_section .card .flex>div
{
	font-size: .8rem;
	font-family: var(--heading_bold);
}

.team_section .card_container
{
	padding: 2rem 0;
}

.team_section .card_container .card
{
	background: var(--bg_grey);
	position: relative;
	padding: 0;
	border-radius: 4px;
}

.team_section .card_container .card:hover
{
	box-shadow: 0px 5px 40px rgb(0 0 0 / 16%);
}

.team_section .card .float
{
	opacity: 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	text-align: center;
	padding: 1rem 2rem;
	background: rgba( 247, 235, 235, 0.2 );
	box-shadow: 0 8px 32px 0 rgba( 31, 38, 135, 0.37 );
	backdrop-filter: blur( 12.5px );
	-webkit-backdrop-filter: blur( 12.5px );
	border-radius: 0 0 10px 10px;
	border: 1px solid rgba( 255, 255, 255, 0.18 );
	transition: .3s;
}


.team_section .card:hover .float
{
	opacity: 1;
}

.team_section .card .heading
{
	font-family: var(--heading);
	color: var(--logo_dark_blue);
	font-size: 1.2rem;
	line-height: 1.5rem;
}

.team_section .card .specs
{
	font-size: .9rem;
	color: black;
    font-weight: 600;
}

.team_section .card_container .card img
{
	width: 100%;
	border-radius: 4px;
}

.success_stories .item
{
	display: flex;
	align-items: center;
}

.success_stories .img_container
{
	flex:4;
}

.success_stories .content
{
	flex:6;
	padding-left: 5rem;
}

.success_stories .item img
{
	width: 100%;
}

.success_stories .content .heading
{
	color: var(--text_black);
	font-size: 1.6rem;
}

.success_stories .content .treatment
{
	color: var(--text_black);
	font-size: 1.2rem;
	padding: .4rem 0 .8rem 0;
}

.success_stories .content .stories
{
	line-height: 1.5rem;
	padding-left: 1.5rem;
	border-left: 2px solid var(--logo_bright_blue);
	font-size: .9rem;
}

.faq .faq_container
{
	padding: 2rem 10%;
}

.faq_container
{
	padding: 2rem 3%;
}

.faq_container .group
{
	padding: .5rem 0;
}

.faq_container .group .question
{
	display: flex;
	align-items: center;
	justify-content: space-between;
	padding: .8rem 2rem;
	border: 1px solid var(--text_grey);
	border-radius: 100px;
	background: var(--bg_grey);
	color: var(--text_black);
	cursor: pointer;
}

.faq_container .group .question:hover
{
	background: #d5d4d4;
}

.faq_container .group .question .heading
{
	font-size: 1.3rem;
	color: var(--text_black);
	font-family: var(--heading_bold);
	padding-right: 10px;
}

.faq_container .group .answer
{
	display: none;
	width: 90%;
	margin: 0 auto;
	padding: .8rem 0 1rem 0;
	line-height: 1.5rem;
}

.faq_container .group.active .answer
{
	display: block;
}

.get_in_touch .flex
{
	padding: 2rem;
	display: flex;
}

.get_in_touch .column1
{
	flex:3;
	margin-right: 10%;
}

.get_in_touch .column1>p
{
	color: var(--text_black);
	font-size: 1.4rem;
	padding: 1rem 0;
	font-family: var(--heading);
}

.get_in_touch .info_container
{
/*	margin-top: 50px;	*/
	padding: 0rem 1rem;
	border-left: 2px solid #171818;
}

.get_in_touch .info_container .group
{
	display: flex;
	padding: .5rem;
}

.get_in_touch .group .icon
{
	padding-top: 4px;
}

.get_in_touch .group i
{
	color: var(--theme_blue);
	width: 45px;
	padding-top: 4px;
}

.get_in_touch .group i.fa-instagram,.social_icons i.fa-instagram
{
	color: #ff3c5e;
}
.get_in_touch .group i.fa-facebook,.social_icons i.fa-facebook
{
	color: #4242f9;
}
.get_in_touch .group i.fa-linkedin,.social_icons i.fa-linkedin
{
	color: #4242f9;
}
.get_in_touch .group i.fa-square-x-twitter,.social_icons i.fa-square-x-twitter	
{
	color: #0d0d0d;
}
.get_in_touch .group i.fa-youtube,.social_icons i.fa-youtube
{
	color: #d20000;
}


.get_in_touch .group .info a
{
	color: var(--text_grey);
	display: block;
	font-family: var(--heading);
}

.get_in_touch .column2
{
/*	min-height: 100%;*/
	flex: 2;
	max-width: 35%;
}

.get_in_touch .column2 .form_container
{
	height: 60vh;
	margin-right: 0;
}

.get_in_touch .column2 .box
{
/*	width: 100%;*/
/*	background: lightblue;*/
	height: 100%;
/*	min-height: 100%;*/
	position: relative;
	overflow: hidden;
	border-radius: 1rem;
	box-shadow: 0px 5px 40px rgb(0 0 0 / 16%);
}

.get_in_touch .column2 .box::before
{
	content: '';
	position: absolute;
	background: linear-gradient(45deg,rgba(255,255,255,.5),var(--theme_blue));
	top: -50%;
	left:-50%;
	width: 100%;
	height: 100%;
	transform-origin: bottom right;
	animation: animate_form_border 4s linear infinite;
}

.get_in_touch .column2 .box::after
{
	content: '';
	position: absolute;
	background: linear-gradient(45deg,rgba(255,255,255,.5),var(--logo_dark_blue));
	top: -50%;
	left:-50%;
	width: 100%;
	height: 100%;
	transform-origin: bottom right;
	animation: animate_form_border 4s linear infinite;
	animation-delay: 2s;
}

@keyframes animate_form_border
{
	0%
	{
		transform: rotate(0deg);
	}
	100%
	{
		transform: rotate(360deg);
	}
}

.get_in_touch .box form
{
	position: absolute;
	background: white;
	inset: 3px;
	border-radius: 1rem;
	z-index: 2;
	padding: 2rem 2rem;
}

.get_in_touch .box form .inputgroup
{
	position: relative;
	margin-top: 35px;
}

.get_in_touch .box form input
{
	display: block;
	width: 100%;
	border:none;
	outline: none;
	box-shadow: none;
	background: white;
	padding: 5px;
	font-size: 1rem;
	color: var(--text_black);
	font-family: var(--heading);
}

input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
    -webkit-text-fill-color: var(--text_black);
}

input[type="date"]
{
    display:block;
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    min-height: 1.2em;
}

.get_in_touch .inputgroup span
{
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none;
	padding: 0 5px;
	transition: .3s;
	color: var(--text_black);
}

.get_in_touch .box form input:valid ~ span,.get_in_touch .box form input:focus ~ span
{
	transform: translateY(-20px);
	font-size: .8rem;
	color: var(--text_grey);
}

.get_in_touch .inputgroup i
{
	position: absolute;
	bottom: 0;
	left: 0;
	height: 2px;
	background: #000000;
	width: 100%;
}

.get_in_touch form .btn_container
{
	padding-top: 1.5rem;
}

.get_in_touch form .btn_container .gradient_btn
{
	width: 100%;
	text-align: center;
}

.footer
{
	background: url(../img/testimonial_bg.jpeg);
}

.footer .col .heading,.footer a,.footer p,.footer li
{
	color: #fff;
}

.footer .width
{
	width: 85%;
	margin: 0 auto;
	padding: 4rem 0 0 0;
}

.footer .width .row
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	grid-gap: 1rem;
	padding-bottom: 1rem;
}

.footer .col .heading
{
	font-family: var(--heading_bold);
	padding-bottom: 1rem; 
	font-size: 1.3rem;
}

.footer .row .col .content img
{
	width: 60%;
	padding: 0rem 0;
}

.footer .row .col .content p
{
	width: 90%;
	font-size: .8rem;
	line-height: 1.2rem;
}

.footer .content ul
{
	font-size: 1rem;
	list-style: none;
}

.footer .content ul li a
{
	padding: .34rem 0rem;
}

.footer .content ul:last-child li ul
{
	padding: .25rem 0 .5rem .5rem;
}

.footer .content ul:last-child li ul li a
{
	padding: 0;
	font-family: var(--heading);
}

.footer .location
{
	padding: .5rem 0;
	text-align: center;
	font-size: .9rem;
	border-top:1px solid white;
}

.footer .copyright p
{
	text-align: center;
	font-family: var(--heading);
	border-top: 1px solid #afd47b;
	padding: .25rem;
	font-size: .8rem;
}

.form_section
{
/*	padding: 0rem 0 2rem 0;*/
	padding: 2rem 0 2rem 0;
}

.service_section.faq
{
	padding: 3rem 0 2rem 0;
}

.form_section .width
{
	width: 85%;
	margin: 0 auto;
	display: flex;	
	align-items: center;
	box-shadow: 0px 5px 40px rgb(0 0 0 / 16%);
	padding: 1rem 1rem;
	border-radius: 1rem;
	background: white;
}

.form_section .head
{
	flex:1;
}

.form_section .head .heading
{
	font-size: 2.4rem;
    color: var(--text_black);
    font-family: var(--heading_bold);
    position: relative;
    border-right: 1px solid var(--text_black);
}

.form_section .head .heading:before
{
	content: '';
    bottom: 0;
    left: 0;
    height: 4px;
    width: 6rem;
    position: absolute;
    background: var(--logo_bright_blue);
}

.form_section .form_container
{
	flex:2;
}

.form_section form
{
	display: flex;
	align-items: center;
	justify-content: space-between;
/*	padding:1rem;*/
}

.form_section form>div
{
	flex:1;
	margin: 0 1rem;
}

.form_section form input
{
    display: block;
    width: 100%;
    border: none;
    outline: none;
    box-shadow: none;
    background: white;
    padding: 5px;
    font-size: 1rem;
    color: var(--text_black);
    font-family: var(--heading);
}

.form_section form .inputgroup 
{
    position: relative;
/*    margin-top: 35px;*/
}

.form_section .inputgroup i
{
    position: absolute;
    bottom: 0;
    left: 0;
    height: 2px;
    background: var(--theme_blue);
    width: 100%;
}

.form_section .inputgroup span
{
    position: absolute;
    top: 0;
    left: 0;
    pointer-events: none;
    /* font-size: 1.2rem; */
    padding: 0 5px;
    transition: .3s;
    color: var(--text_black);
}

.form_section form input:valid ~ span,.form_section form input:focus ~ span
{
	transform: translateY(-20px);
	font-size: .8rem;
	color: var(--text_grey);
}

.form_section .gradient_btn
{
	padding: .8rem 2rem;
}

.bottom_form_error
{
	padding: 0 1rem;
	color: #e20000;
	text-align: center;
}

@media only screen and (max-width:1300px)
{
	.topbar .width
	{
		width: 80%;
	}
}

@media only screen and (max-width:1250px)
{
	.topbar .width
	{
		width: 90%;
	}

	.nav .nav_element>a
	{
		padding: .8rem 0.4rem;
	}

	.nav .logo_container
	{
		padding: .7rem 0 0 0;
		height: 100%;
	}

	.nav .logo_container img
	{
		height: 90%;
	}

	.nav .gradient_btn
	{
		padding: 0.8rem 1.5rem;
	}

	.service_section.non_slider .card_container
	{
		grid-template-columns: 1fr 1fr 1fr;
	}

	.team_section.non_slider .card_container
	{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

/*mobile views*/
@media only screen and (max-width:1120px)
{
	.desktopheader
	{
		display: none;
	}

	.slider
	{
		padding-top: 70px;
	}

	.mobileheader
	{
		display: initial;
	}

	/*.service_section.non_slider .card_container
	{
		grid-template-columns: 1fr 1fr 1fr;
	}*/

	.about_section .first_column .content p
	{
		width: 95%;
	}

	.about_section .flex .first_column
	{
		width: 50%;
	}

	.about_section .flex .second_column
	{
		width: 50%;
	}

	.about_section .head .heading
	{
		font-size: 2.5rem;
	}

	.service_section .head .heading
	{
		font-size: 2.5rem;
	}

	.gradient_btn
	{
		padding: .8rem 2rem;
	}

	.blog_section.non_slider .card_container
	{
		grid-template-columns: 1fr 1fr;
	}

	.blog_section.non_slider .card_container a:nth-child(3)
	{
		display: none;
	}

	.testimonial .content p
	{
		font-size: 1.1rem;
	}

	.testimonial .content p.name
	{
		font-size: 1.4rem;
	}

	.team_section .card .float
	{
		padding: 1rem;
	}

	.faq .faq_container
	{
		padding: 2rem;
	}

	.faq_container .group .question .heading
	{
		font-size: 1.1rem;
	}

	.get_in_touch .column1
	{
		flex:1;
		margin-right: 5%;
	}

	.get_in_touch .column2
	{
		flex:1;
		max-width: 45%;
	}

	.form_section .head .heading
	{
		font-size: 2rem;
	}
}

@media only screen and (max-width:1080px)
{
	.nav .nav_element>a
	{
		padding: .8rem 0.4rem;
	}
}

@media only screen and (max-width:1024px)
{
	.marquee
	{
		margin-top: -10px;
	}

	marquee
	{
		margin-top: -100%;
	}

	.slider .content_container p:nth-child(1)
	{
		font-size: 2.5rem;
	}

	.about_section .width
	{
		width: 90%;
	}

	.about_section .plus_points .heading
	{
		font-size: 1.2rem;
	}

	.service_section .width
	{
		width: 90%;
	}

	.form_section .head .heading
	{
		font-size: 1.8rem;
	}

	.form_section .width
	{
		width: 90%;
	}
}

@media only screen and (max-width:950px)
{
	.form_section .width
	{
		flex-direction: column;
		padding: 2rem 0 1rem 0;
	}

	.form_section .form_container
	{
		width: 70%;
		padding: 1rem 0;
	}

	.form_section .head .heading
	{
		border:none;
	}

	.service_section.non_slider .card_container
	{
		grid-template-columns: 1fr 1fr;
	}

	.team_section.non_slider .card_container
	{
		grid-template-columns: 1fr 1fr 1fr 1fr;
	}
}

@media only screen and (max-width:900px)
{
	.mobileheader .menu
	{
		width: 45%;
		right: -45%;
	}

	.about_section .flex
	{
		padding: 2rem 0;
		flex-direction: column-reverse;
	}

	.about_section .flex .first_column
	{
		width: 100%;
	}

	.about_section .flex .second_column
	{
		width: 70%;
	}

	.about_section .group .icon
	{
		width: 70%;
	}

	.about_section .group .icon img
	{
		width: 80%;
		padding-top: 5px;
	}

	.about_section .first_column .content p
	{
		width: 100%;
	}

	.why_choose_us_section .card
	{
		padding: 0;
	}

	.service_section .card .title
	{
		font-size: 1.1rem;
	}

	.testimonial .width
	{
		padding: 6rem 10% 4rem 10%;
	}

	.success_stories .item
	{
		flex-direction: column;
	}

	.success_stories .item img
	{
		width: 70%;
		margin: 0 auto;
	}

	.success_stories .content
	{
		padding: 2rem 1rem 0 1rem;
	}

	.success_stories .content .stories
	{
		font-size: 1rem;
	}

	.success_stories .content .treatment
	{
		padding-bottom: 1rem;
	}

	.service_section .owl-carousel .owl-stage-outer
	{
		padding-top: 3rem;
	}

	.faq .faq_container
	{
		padding: 2rem 0;
	}

	.get_in_touch .column1>p
	{
		font-size: 1.3rem;
	}

	.footer .width
	{
		width: 90%;
		padding-top: 3rem;
	}
}


@media only screen and (max-width:840px)
{
	.form_section .form_container
	{
		width: 90%;
		padding: 1rem 0;
	}

	.search_section .width
	{
		width: 90%;
	}

	.search_section .input_text
	{
		font-size: 1rem;
	}
}

@media only screen and (max-width:768px)
{
	.about_section .flex
	{
		padding: 3rem 0 0 0 ;
	}

	/*.blog_section .width .head
	{
		padding-bottom: 3rem;
	}*/

	.blog_section.non_slider
	{
		grid-template-columns: 1fr;
	}

	.team_section.non_slider .card_container
	{
		grid-template-columns: 1fr 1fr;
	}

	.team_section .card .heading
	{
		font-size: 1.6rem;
	}

	.team_section .card .specs
	{
		font-size: 1.1rem;
	}

	.get_in_touch .flex
	{
		flex-direction: column;
		padding: 3rem 0 2rem 0;
	}

	.get_in_touch .column1
	{
		padding-bottom: 3rem;
	}

	.get_in_touch .column2
	{
		max-width: 100%;
	}

	.get_in_touch .column2 .form_container
	{
		width: 70%;
		margin: 0 auto;
	}

	.footer .width .row
	{
		grid-template-columns: 1fr 1fr;
	}
}

@media only screen and (max-width:720px)
{
	.mobileheader .menu
	{
		width: 55%;
		right: -45%;
	}

	.form_section form
	{
		flex-direction: column;
	}

	.form_section form .inputgroup
	{
		margin-top: 35px;
		width: 90%;
	}

	.form_section .btn_container
	{
		margin-top: 35px;
	}
}

@media only screen and (max-width:600px)
{
	.search_popup .popup
	{
		width: 90%;
	}

	.blog_section .blog_cover img 
	{
	    height: 260px;
	}

	.apt_modal_container .modal
	{
		width: 80%;
	}

	.mobileheader .menu
	{
		width: 65%;
		right: -45%;
	}

	.slider .content_container
	{
		transform: translate(-50%,-50%);
		padding: 0rem;
		width: 90%;
	}

	/*.slider .content_container p:nth-child(1)
	{
		line-height: 2.8rem;
	}*/

	.slider .content_container p:nth-child(1)
	{
		font-size: 3.3rem;
		line-height: 3.5rem;
		color: white;
		font-family: var(--heading);
		width: 100%;
		background: #000000a1;
	}

	.slider .content_container p:nth-child(2)
	{
		font-size: 1.2rem;
		padding-top: 1rem;
		color: white;
		background: #000000a1;
		width: 100%;
	}

	.slider .btn_container
	{
		background: #000000a1;
		padding-top: 2.5rem;
		width: 100%;
	}


	.about_section .head .heading
	{
		font-size: 2.2rem;
	}

	.about_section .head .tagline
	{
		font-size: 1.1rem;
	}

	.service_section .head .heading
	{
		font-size: 2.2rem;
	}

	.section
	{
		padding: 3rem 0;
	}

	.about_section .flex .second_column
	{
		width: 90%;
	}

	.blog_section.non_slider .card_container
	{
		grid-template-columns: 1fr;
	}

	.blog_section.non_slider .card_container a:nth-child(3)
	{
		display: initial;
	}

	.team_section .card_container
	{
		padding: 2rem 0 0 0;
	}

	.why_choose_us_section .plus_points_container
	{
		grid-template-columns: 1fr 1fr;
		grid-gap: 1rem;
	}

	.testimonial .width
	{
		padding: 4rem 2rem 4rem 2rem;
	}

	.success_stories .item img
	{
		width: 90%;
	}

	.get_in_touch .column1
	{
		margin-right: 0;
	}
}


@media only screen and (max-width:565px)
{
	.slider .slider_bg_1
	{
		background: url(../img/slider/mobile/ortho_physiotherapy.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: center top;
		background-color: white;
	}

	.slider .slider_bg_2
	{
		background: url(../img/slider/mobile/spine_physiotherapy.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left top;
		background-color: white;
	}

	.slider .slider_bg_3
	{
		background: url(../img/slider/mobile/sports_and_wellness_hub.jpg);
		background-repeat: no-repeat;
		background-size: cover;
		background-position: left top;
		background-color: white;
	}

	.slider
	{
/*		height: 55%;*/
	}

	.slider .item
	{
		height: calc(55vh + 10px)
	}

	.slider .content_container p:nth-child(1)
	{
		padding:.5rem .5rem 0 .5rem;
		font-size: 2rem;
		line-height: 2.4rem;
	}

	.slider .content_container p:nth-child(2)
	{
		padding:0 .5rem 0 .5rem;
		padding-top: 1.25rem;
	}

	.slider .btn_container
	{
		padding:0 .5rem .5rem .5rem;
		padding-top: 1.5rem;
	}

	.slider .btn_container .gradient_btn:nth-child(1)
	{
		margin-right: 0;
	}

	.slider .item .btn_container a
	{
		width: 100%;
		text-align: center;
		padding: 1.2rem;
		margin-top: .75rem;
		font-size: 1.1rem;
	}

	.slider .content_container
	{
		top: 50%;
	}

	.marquee
	{
		margin-top: -60px;
	}

	.about_section .flex .second_column
	{
		width: 100%;
	}

	.testimonial .content p
	{
		line-height: 1.6rem;	
	}

	.team_section .card .float
	{
		padding: .75rem;
	}

	.team_section .card .heading
	{
		font-size: 1.2rem;
	}

	.team_section .card .specs
	{
		font-size: 1rem;
	}

	.get_in_touch .column2 .form_container
	{
		width: 85%;
	}

	.footer .width .row
	{
		grid-template-columns: 1fr;
	}

	.footer .row .col .content p
	{
		width: 100%;
		font-size: .9rem;
	}
}

@media only screen and (max-width:550px)
{
	.service_section.non_slider .card_container
	{
		grid-template-columns: 1fr;
	}

	.team_section.non_slider .card_container
	{
		grid-template-columns: 1fr 1fr;
	}

	.form_section .gradient_btn
	{
		padding: .5rem 1.4rem;
	}
}

@media only screen and (max-width:500px)
{
	.blog_section .blog_cover img 
	{
	    height: 220px;
	}

	.floating_bar.visible
	{
		visibility: visible;
		bottom: 0;
	}

	/*.call_floating_btn
	{
		visibility: visible;
	}

	.call_floating_btn i
	{
		color: white;
		font-size: 1.6rem;
	}

	.book_apt_floating_btn
	{
		visibility: visible;
	}

	.book_apt_floating_btn .btn
	{
		color: white;
		font-size: 1.2rem;
		font-family: var(--heading);
	}*/

	.about_section .first_column .content p:nth-child(2),.about_section .first_column .content p:nth-child(3)
	{
		display: none;
	}

	.about_section .plus_points p
	{
		display: none;
	}

	.mobileheader .menu
	{
		width: 90%;
		right: -45%;
	}

	.about_section .head .heading
	{
		font-size: 1.8rem;
	}

	.service_section .head .heading
	{
		font-size: 1.8rem;
	}

	.gradient_btn
	{
		padding: .6rem 1.6rem;
	}

	.about_section .plus_points .heading
	{
		font-size: 1.1rem;
	}

	.treatment_section .card_container .card
	{
		padding: 1rem;
	}

	.why_choose_us_section .plus_points_container
	{
		grid-column-gap: 1rem;
		grid-row-gap: 2rem;
	}

	.get_in_touch .column2 .form_container
	{
		height: 56vh;
	}

	.faq .faq_container
	{
		padding: 2rem 0 0 0;
	}
}

@media only screen and (max-width:460px)
{
	.slider .content_container p:nth-child(1)
	{
		font-size: 1.8rem;
		line-height: 2rem;
	}

	.service_section .card .title
	{
		font-size: 1rem;
	}

	.service_section .card_container .card
	{
		padding: 1rem;
	}

	.blog_section .card_container .card
	{
		padding: 0;
	}

	.team_section .card_container .card
	{
		padding: 1rem 0 0 0;
	}

	.faq_container .group .question .heading
	{
		font-size: 1rem;
    	font-family: var(--para);
	}

	.faq_container .group .question
	{
		padding: .8rem 1rem;
	}

	.form_section form .inputgroup
	{
/*		margin-top: 35px;*/
		width: 100%;
	}
}

@media only screen and (max-width:426px)
{
	.blog_section .blog_cover img 
	{
	    height: 200px;
	}

	.mobileheader .navigation
	{
		padding: 0 .5rem;
	}

	.mobileheader .logo_container
	{
		height: 80%;
	}

	.slider .item .btn_container a
	{
		padding: .8rem;
	}

	.slider .content_container p:nth-child(1)
	{
		font-size: 1.6rem;
	}

	.slider .content_container p:nth-child(2)
	{
		font-size: 1.1rem;
	}

	.about_section .group .icon img
	{
		width: 60%;
	}

	.about_section .plus_points .heading
	{
		line-height: 1.4rem;
	}

	.service_section .head .heading
	{
		font-size: 1.4rem;
	}

	.gradient_btn
	{
		padding: .5rem 1.4rem;
	}

	.treatment_section .card .icon img
	{
		width: 45%;
	}

	.testimonial .content p
	{
		font-size: 1rem;
	}

	.testimonial .content p.name
	{
		font-size: 1.2rem;
	}

	.team_section .card .heading
	{
		font-size: 1rem;
	}

	.team_section .card .specs
	{
		font-size: .9rem;
	}

	.get_in_touch .column2 .form_container
	{
		width: 100%;
	}
}

@media only screen and (max-width:375px)
{
	.blog_section .blog_cover img 
	{
	    height: 170px;
	}

	.call_floating_btn
	{
		position: fixed;
		bottom: 65px;
		left:15px;
		background: green;
		height: 50px;
		width: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 100%;
		z-index: 25;
	}

	.call_floating_btn i
	{
		color: white;
		font-size: 1.6rem;
	}

	.book_apt_floating_btn
	{
		position: fixed;
		bottom: 15px;
		left:15px;
	/*	background: var(--logo_dark_blue);*/
		background: #0066cc;
		display: flex;
		align-items: center;
		justify-content: center;
		border-radius: 5rem;
		padding: .5rem 1rem;
		z-index: 25;
		border: 2px solid var(--logo_bright_blue);
	}

	.book_apt_floating_btn .btn
	{
		color: white;
		font-size: 1rem;
		font-family: var(--heading);
	}


	.slider .content_container p:nth-child(1)
	{
		font-size: 1.6rem;
		line-height: 1.8rem;
	}

	.slider .content_container p:nth-child(2)
	{
		font-size: 1.1rem;
	}

	.about_section .head .tagline
	{
		font-size: 1rem;
	}

	.about_section .plus_points p
	{
		line-height: 1.3rem;
	}

	.blog_section .card .content
	{
		padding: 1rem;
	}

	.get_in_touch .column1>p
	{
		font-size: 1.15rem;
	}

	.service_section .card .title
	{
		font-size: .9rem;
	}
}

@media only screen and (max-width:360px)
{
	.slider .content_container p:nth-child(1)
	{
		font-size: 1.4rem;
	}

	.slider .content_container p:nth-child(2)
	{
		font-size: 1rem;
	}
}

@media only screen and (max-width:350px)
{
	.slider .content_container p:nth-child(1)
	{
		font-size: 1.4rem;
	}

	.slider .content_container p:nth-child(2)
	{
		font-size: 1rem;
	}

	.mobileheader .logo_container
	{
		height: 75%;
	}

	.gradient_btn
	{
		padding: .5rem 1rem;
	}
}

@media only screen and (max-width:330px)
{
	.about_section .width
	{
		width: 90%;
	}

	.service_section .width
	{
		width: 90%;
	}
}