:root
{
	--max_width: 1600px;
	--poppins: 'poppins';
	--poppins_regular: 'poppins_regular';
	--poppins_bold: 'poppins_bold';

	--logo_dark_green: #064D5E;

	--btn_gradient_color1: #0D87D6;
	--btn_gradient_color2: #0BC3A4;

    --line_height: 1.6rem;

	/* --hero_gradient_color1: #009D9A;
	--hero_gradient_color2: #007574; */

	/* --bg_light_green: #D8F7F5; */

	--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: poppins_regular;
    src: url(../fonts/Poppins-Regular.ttf);
}

*
{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: var(--poppins_regular);
	color: var(--text_grey);
}

body.no-scroll 
{
    overflow: hidden;
}

.instagram i
{
	color: #ff3c5e;
}

.facebook i
{
	color: #4242f9;
}

.youtube i
{
	color: #d20000;
}

.linkedin i
{
	color: #4242f9;
}

a
{
	text-decoration: none;
	font-family: var(--poppins_regular);
	display: inline-block;
}

p
{
    line-height: var(--line_height);
}

img
{
	width: 100%;
	display: block;
}

.gradient_bg
{
    background: linear-gradient(90deg,#DBEDF9,#DAF6F1);
}

.width
{
	max-width: var(--max_width);
	margin: 0 auto;
	width: 90%;
}

.section .width
{
    width: 85%;
}

.flex
{
	display: flex;
}





/*floating bar*/

.floating_bar
{
	visibility: hidden;
	position: fixed;
	bottom: -90px;
	width: 100vw;
/*	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;
	background: #0ca1ad;
}

.floating_bar .book_apt_floating_btn .btn
{
	color: white;
    font-size: 1rem;
    padding: 15px 0;
	background: var(--btn_gradient_color1);
}

.floating_bar .call_floating_btn
{
	text-align: center;
	flex: 1;
}

.floating_bar .call_floating_btn i
{
	color: white;
}

.floating_bar .call_floating_btn .btn
{
	color: white;
    font-size: 1rem;
    padding: 15px 0;
    background: var(--btn_gradient_color2);
}

/*floating bar ends*/






/* get in touch form in popup  */

.get_in_touch .content_container
{
	width: 60%;
}

.get_in_touch .info_container .group
{
	display: flex;
	align-items: center;
}

.get_in_touch .info_container .group .info a
{
	transition: all .3s;
	display: block;
	color: var(--text_black);
	font-size: 1.2rem;
}

.get_in_touch .info_container .group .info a:hover
{
	font-family: var(--poppins_bold);
}

.get_in_touch .info_container .group .icon i
{
	font-size: 2rem;
	width: 50px;
	color: var(--logo_dark_green);
}

.get_in_touch .form_container
{
	width: 40%;
}

.get_in_touch .form_container form
{
	border: 1px solid white;
	border-radius: 10px;
	width: 75%;
	background: #E1F9FF;
	box-shadow: 0px 0px 25px #064d5e4a;
	text-align: center;
	padding: 1.5rem 2rem;
	position: relative;
	margin-left: 15%;
}

.get_in_touch form .form_heading
{
	font-size: 1rem;
	color: var(--text_black);
	text-transform: capitalize;
	padding-bottom: .5rem;
}

.get_in_touch form span
{
	position: absolute;
	height: 1px;
	width: 50%;
	left: 25%;
	background: var(--text_black);
}

.get_in_touch form .error
{
	color: #eb0000;
	font-size: .8rem;
	padding: .5rem;
}

.get_in_touch form .input_group
{
	padding: .6rem 0;
}

.get_in_touch form .input_group:nth-child(7)
{
	padding-bottom: 1rem;
}

.get_in_touch form .input_group:nth-child(4)
{
	padding-top: 0rem;
}

.get_in_touch form input
{
	width: 100%;
	border: none;
	outline: none;
	padding: .8rem 1rem;
	font-size: .9rem;
	border-radius: 10px;
}

.get_in_touch form button
{
	background: linear-gradient(90deg,var(--btn_gradient_color1),var(--btn_gradient_color2));
	color: white;
	border: none;
	width: 100%;
	padding: .6rem 0;
	border-radius: 10px;
	font-size: 1rem;
	transition: .3s;
}

.get_in_touch form button:hover
{
	background: linear-gradient(90deg,var(--btn_gradient_color1),var(--btn_gradient_color1));
}

.get_in_touch form button i
{
	color: white;
	font-size: 1.2rem;
	padding-left: 5px;
	padding-right: 5px;
	transition: .3s;
	margin-top: 2px;
}

.get_in_touch form button:hover i
{
	padding-left: 10px;
	padding-right: 0px;
}

/*get in touch form in popup ends*/









.header_desktop
{
    position: sticky;
    top: 0;
    width: 100%;
    background-color: white;
    z-index: 5;
    height: 85px;
    border-bottom: 1px solid #0000000f;
    box-shadow: 0px 5px 40px #064d5e21;
}

.header_desktop .topbar
{
    background: linear-gradient(90deg,var(--btn_gradient_color1),var(--btn_gradient_color2));
}

.header_desktop .topbar .width
{
    text-align: center;
    padding: .25rem;
}

.header_desktop .topbar .width .flex
{
    width: 100%;
    justify-content: space-around;
}

.header_desktop .topbar .width .flex a
{
    color: white;
    text-decoration: none;
    font-size: .9rem;
}

.header_desktop .topbar .width .flex a i
{
    color: white;
    font-size: 1.2rem;

}

.header_desktop .topbar p
{
    width: 100%;
    color: white;
    font-size: .9rem;
}

.header_desktop .width
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: .25rem;
}

.header_desktop .logo_container img
{
    height: 70px;
}

.header_desktop .width .menu_container ul
{
    display: flex;
    justify-content: space-around;
    list-style: none;
    align-items: center;
}

.header_desktop .width .menu_container ul li
{
    position: relative;
}

.header_desktop .width .menu_container a.cta_btn
{
    background: linear-gradient(90deg, var(--btn_gradient_color1), var(--btn_gradient_color2));
    color: white;
    padding: .5rem 1.5rem;
    border-radius: 10rem;
    transition: all .3s;
} 

.header_desktop .width .menu_container a.cta_btn:hover
{
    color: white;
}

.header_desktop .width .menu_container ul a
{
    margin: 0 .5rem;
    padding: 0 .75rem;
    border-bottom: 2px solid transparent;
}

.header_desktop .width .menu_container ul a:hover, .header_desktop .width .menu_container ul a.active
{
    color: var(--btn_gradient_color1);
    transform: scale(1.05);
    border-bottom: 2px solid var(--btn_gradient_color1);
}

.header_desktop .menu_container .dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 200px;
    background: white;
    border: 1px solid #00000017;
    border-top: 1px solid var(--btn_gradient_color2);
    border-radius: 0 0 6px 6px;
    padding: 0.5rem 0;
    z-index: 2;
}

.header_desktop .menu_container .dropdown .dropdown_element a {
    width: 100%;
    padding: .5rem 0 .5rem 1rem;
    text-transform: capitalize;
    font-size: .9rem;
}

.header_desktop .menu_container li:hover .dropdown {
    display: block;
}








/*mobile header*/
.container .mobileheader
{
	z-index: 10;
	position: sticky;
	top: 0;
	width: 100%;
/*	background: linear-gradient(90deg,var(--hero_gradient_color1),var(--hero_gradient_color2));*/
	background: white;
	height: 100%;
	border-bottom: 1px solid #0000000f;
    box-shadow: 0px 5px 40px #064d5e21;
}

.mobileheader
{
	display: none;
	background: transparent;
}

.mobileheader .topbar
{
	font-size: .9rem;
	padding:.25rem 1rem;
	/* border-bottom: 1px solid black; */
    background: linear-gradient(90deg,var(--btn_gradient_color1),var(--btn_gradient_color2));
	justify-content: space-between;
}

.mobileheader .topbar p
{
    color: white;
    text-align: center;
}

.mobileheader .topbar .social_icons a i
{
	font-size: 1.5rem;
}

.mobileheader .topbar .call i,.mobileheader .topbar .location i
{
	color: var(--bright_blue);
}


.mobileheader .topbar .social_icons a
{
	margin:0 .25rem;
}

.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%;
	width: auto;
	/* margin-top: 5px; */
}

.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(--btn_gradient_color1);
	font-size: 1.2rem;
	font-family: var(--poppins_regular);
}

.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(--btn_gradient_color1);
	transition: .5s;
	border-radius: 20px;
} 

.mobileheader .toggle>.icon::after
{
	content: '';
	position: absolute;
	bottom: 18px;
	left: 0;
	height: 4px;
	width: 100%;
	background: var(--btn_gradient_color1);
	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: 0%;
	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; */
	border-top: 1px solid var(--bright_blue);
}

.mobileheader .menu li
{
	font-size: 1.2rem;
}

.mobileheader .menu li a
{
	font-family: var(--heading);
	width: 100%;
	position: relative;
	transition: .2s;
	color: white;
}

.mobileheader .menu li a:hover
{
	color: var(--btn_gradient_color2);
}

.mobileheader .menu li i
{
	width: 40px;
	text-align: center;
	color: white;
}

.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;
	background: linear-gradient(90deg,var(--btn_gradient_color1),var(--btn_gradient_color1));
}

.mobileheader .submenu
{
	display: none;
	list-style: none;
	flex-direction: column;
	background: white;
}

.mobileheader .submenu li a 
{
    padding: 0.15rem 1rem 0.15rem 2rem;
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: var(--text_grey);
}

.mobileheader .submenu li a i
{
	color: var(--text_grey);
}

.mobileheader .submenu li a:hover
{
	color: var(--logo_bright_blue);
}

.mobileheader.active li.active>.dropdown
{
	background: #00000021;
    color: var(--text_black);
}

.mobileheader.active li.active>.dropdown a
{
	font-family: var(--poppins_bold);
}

.mobileheader.active li.active .submenu
{
	display: block;
	border-top: 1px solid var(--logo_bright_blue);
}
/*mobile hearder ends*/









.hero_section
{
    background: url('../img/demo.jpg');
    position: relative;
    height: 85vh;
} 

.hero_section .width .content_container
{
    position : absolute;
    /* background: white; */
    width: 55%;
    top: 60%;
    left: 35%;
    transform: translate(-50%,-50%);
    /* background-color: #0000005c;
    border-radius: 1rem;
    padding: 1rem; */
}

.hero_section .content_container .tagline, .hero_section .content_container .title, .hero_section .content_container .desc
{
    color: white;
}

.hero_section .content_container .tagline
{
    font-size: 1.2rem;
}

.hero_section .content_container .title
{
    font-size: 2.8rem;
    font-family: var(--poppins_bold);
    line-height: 3.5rem;
}

.hero_section .content_container .desc
{
    font-size: 1rem;
    padding: 1rem 0;
    line-height: var(--line_height);
}

.hero_section .content_container .btn_container
{
    padding: 1rem 0;
}

.hero_section .btn_container .btn
{
    background: linear-gradient(90deg,var(--btn_gradient_color1),var(--btn_gradient_color2));
    color: white;
    padding: .75rem 2.5rem;
    border-radius: 10rem;
    transition: all .3s;
}

.hero_section .btn_container .btn i
{
    color: white;
}

.hero_section .btn_container .btn:hover
{
    background: white;
    color: var(--btn_gradient_color1);
    /* font-family: var(--poppins_bold); */
}

.hero_section .btn_container .btn:hover i
{
    color: var(--btn_gradient_color1);
}

.hero_section .btn_container .btn.btn1
{
    margin-right: 1rem;
}

.section .width
{
    padding: 4rem 0;
}

.section .width .flex
{
    align-items: center;
}

.section2 .col1
{
    flex: 1;
    padding-right: 3rem;
}

.section2 .col2
{
    flex: 1;
}

.section2 .col2 img
{
    border-radius: 15px;
    box-shadow: 0px 0px 25px #0d87d64f;
    width: 80%;
    margin: 0 auto;
}

.section .heading, .section .heading span
{
    font-size: 3rem;
    line-height: 3.5rem;
    font-family: var(--poppins_bold);
    color: var(--btn_gradient_color1);
}

.section .heading span
{
    color: var(--btn_gradient_color2);
}

.section2 .col1 a
{
    padding: 1rem 0;
    color: var(--btn_gradient_color1);
    text-decoration: none;
    font-family: var(--poppins_bold);
}

.section2 .col1 p
{
    padding: .5rem 0;
}









.section3 .col1
{
    flex: 2;
}

.section3 .col2
{
    flex: 3;
    padding-left: 2rem;
}

.section3 .col1 img
{
    width: 90%;
    margin: 0 auto;
    border-radius: 15px;
    box-shadow: 0px 0px 25px #0d87d64f;
}

.section3 .col2 p
{
    padding: .5rem 0;
}

.section3 .usp_container
{
    padding-top: 1rem;
}

.section3 .usp_point
{
    display: inline-block;
    width: 49%;
    padding: .8rem 0;
}

.section3 .usp_point .num, .section3 .usp_point .num span 
{
    font-size: 3rem;
    font-family: var(--poppins_bold);
    color: var(--btn_gradient_color1);
}

.section3 .usp_point .usp_desc
{
    font-size: 1.2rem;
    color: var(--text_black);
}










.section4 .col1
{
    flex: 1;
    padding-right: 3rem;
}

.section4 .col2
{
    flex: 1;
}

.section4 .col2 img
{
    border-radius: 15px;
    box-shadow: 0px 0px 25px #0d87d64f;
    width: 80%;
    margin: 0 auto;
}

.section4 .col1 a
{
    padding: 1rem 0;
    color: var(--btn_gradient_color1);
    text-decoration: none;
    font-family: var(--poppins_bold);
    transition: all .3s;
}

.section4 .col1 a:hover
{
    transform: scale(1.05);
}

.section4 .col1 p
{
    padding: .5rem 0;
}

.section4 .usp_container
{
    display: flex;
    padding: 1rem 0;
}

.section4 .usp_point
{
    flex : 1
}

.section4 .usp_point .num
{
    font-size: 3rem;
    font-family: var(--poppins_bold);
    color: var(--btn_gradient_color1);
    text-align: center;
}

.section4 .usp_point .usp_desc
{
    font-size: 1rem;
    color: var(--text_black);
    text-align: center;
    line-height: 1.2rem;
}






.section5 .heading
{
    text-align: center;
}

.section5 .width>p
{
    text-align: center;
    padding: .5rem 0;
}

.section5 .card_container
{
    padding-top: 2rem;
}

.section5 .owl-carousel .item
{
    background: white;
    border-radius: 15px;
    border: 1px solid #00000029;
}

.section5 .owl-carousel .item .img_container
{
    overflow: hidden;
    border-radius: 15px 15px 0 0;
}

.owl-carousel .item:hover
{
    box-shadow: 0px 5px 40px #064d5e21;
}

.section5 .owl-carousel .item .img_container img
{
    border-radius: 15px 15px 0 0;
    width: 100%;
}

.section5 .owl-carousel .item .content_container
{
    padding: 1rem;
}

.section5 .owl-carousel .item .content_container h3
{
    color: var(--text_black);
    font-family: var(--poppins_bold);
    transition: all .3s;
}

.section5 .owl-carousel .item:hover .content_container h3
{
    color: var(--btn_gradient_color1);
}

.section5 .owl-carousel .item .content_container p
{
    line-height: 1.3rem;
    font-size: .9rem;
    padding-top: .25rem;
}










.section7 .heading
{
    text-align: center;
}

.section7 .width>p
{
    text-align: center;
    padding: .5rem 0;
}

.section7 .width .flex
{
    padding-top: 2rem;
}

.section7 .col1
{
    flex: 2;
}

.section7 .col2
{
    flex: 3;
    padding-left: 2rem;
}

.section7 .col1 img
{
    width: 90%;
    margin: 0 auto;
    border-radius: 15px;
    box-shadow: 0px 0px 25px #0d87d64f;
}

.section7 .col2 .group
{
    background: white;
    border-radius: 15px;
    padding: 0 1rem;
    margin-bottom: .5rem;
}

.section7 .col2 .group.active
{
    padding: 0rem 1rem 1rem 1rem;
}

.section7 .col2 .group.active .question .heading
{
    color: var(--btn_gradient_color1);
}

.section7 .col2 .group .question
{
    display: flex;
    justify-content: space-between;
    padding: 0;
    align-items: center;
}

.section7 .col2 .group .question:hover .heading
{
    color: var(--btn_gradient_color1);
}

.section7 .col2 .group .question .heading
{
    color: var(--text_black);
    font-size: 1.1rem;
    font-family: var(--poppins_regular);
}

.section7 .col2 .group .question i
{
    margin-left: 1rem;
    font-size: 1.2rem;
    color: var(--text_black);
}

.section7 .col2 .group .answer
{
    display: none;
    padding-left: .5rem;
    border-left: 1px solid var(--text_grey);
    font-size: .9rem;
}

.section7 .col2 .group.active .answer 
{
    display: block;
}

.section7 .col2 .group i {
    transition: transform 0.3s ease;
}

.section7 .col2 .group.active i {
    transform: rotate(135deg); /* plus → X look */
}








.section8 .content_container
{
	width: 60%;
}

.section8 .content_container p
{
    padding: .5rem 0;
}

.section8 .content_container .social_container .icon a:hover i
{
    transform: scale(1.1);
}

.section8 .info_container
{
    padding: 1rem;
}

.section8 .info_container .group
{
	display: flex;
	align-items: center;
}

.section8 .info_container .group .info a
{
	display: block;
	color: var(--text_black);
	font-size: 1.2rem;
}

.section8 .info_container .group .info a:hover
{
	font-family: var(--poppins_bold);
}

.section8 .info_container .group .icon i
{
	font-size: 2rem;
	width: 50px;
	color: var(--btn_gradient_color1);
}

/*get in touch form*/
.section8 .form_container
{
	width: 40%;
}

.section8 .form_container form
{
	border: 1px solid white;
	border-radius: 10px;
	width: 75%;
	background: #E1F9FF;
	box-shadow: 0px 0px 25px #064d5e4a;
	text-align: center;
	padding: 1.5rem 2rem;
	position: relative;
	margin-left: 15%;
}

.section8 form .form_heading
{
	font-size: 1rem;
	color: var(--text_black);
	text-transform: capitalize;
	padding-bottom: .5rem;
}

.section8 form span
{
	position: absolute;
	height: 1px;
	width: 50%;
	left: 25%;
	background: var(--text_black);
}

.section8 form .error
{
	color: #eb0000;
	font-size: .8rem;
	padding: .5rem;
}

.section8 form .input_group
{
	padding: .6rem 0;
}

.section8 form .input_group:nth-child(7)
{
	padding-bottom: 1rem;
}

.section8 form .input_group:nth-child(4)
{
	padding-top: 0rem;
}

.section8 form input
{
	width: 100%;
	border: none;
	outline: none;
	padding: .8rem 1rem;
	font-size: .9rem;
	border-radius: 10px;
}

.section8 form button
{
	background: linear-gradient(90deg,var(--btn_gradient_color1),var(--btn_gradient_color2));
	color: white;
	border: none;
	width: 100%;
	padding: .6rem 0;
	border-radius: 10px;
	font-size: 1rem;
	transition: .3s;
}

.section8 form button:hover
{
	background: linear-gradient(90deg,var(--btn_gradient_color1),var(--btn_gradient_color1));
}

.section8 form button i
{
	color: white;
	font-size: 1.2rem;
	padding-left: 5px;
	padding-right: 5px;
	transition: .3s;
	margin-top: 2px;
}

.section8 form button:hover i
{
	padding-left: 10px;
	padding-right: 0px;
}







footer
{
    background: #282828;
}

footer.section .width .flex
{
    align-items: start;
}

footer .flex .col
{
    flex:1;
}

footer .flex .col img
{
    width: 40%;
}

footer .flex .col h2
{
    font-size: 1.2rem;
    color: #dfdfdf;
    padding-bottom: .75em;
}

footer .col1 p
{
    padding-top: 1rem;
    font-size: .8rem;
    padding-right: 1rem;
    line-height: 1.4rem;
}

footer .col2, footer .col3
{
    text-align: center;
}

footer .col2 .link_container
{
    /* padding-top: 1em; */
}

footer .col2 .link_container a
{   
    width: 80%;
    display: inline-block;
    margin: .25rem 0;
}

footer .col3 .link_container
{
    /* padding-top: 1em; */
}

footer .col3 .social_container
{
    background: white;
    width: fit-content;
    margin: 0 auto;
    padding: .25rem .4rem .1rem .4rem;
    border-radius: 5px;
}

footer .col3 .link_container a
{   
    width: 80%;
    display: inline-block;
    margin: .25rem 0;
}

footer .col3 .link_container a span
{
    color: #c3c3c3;
    font-family: var(--poppins_bold);
}

footer .col3 .link_container a, footer .col2 .link_container a, footer .col1 p
{
    color: #c3c3c3;
}

footer.section .width
{
    padding-bottom: 2rem;
} 

footer .copyright
{
    padding: .25rem;
    background: #080808;
}

footer .copyright p
{
    text-align: center;
    font-size: .8rem;
    color: #c3c3c3;
    ;
}

footer .copyright p a
{
    text-decoration: none;
    color: #c3c3c3;
}












/*book appointment modal */

.book_apt_modal_container
{
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	backdrop-filter: blur(5px);
	z-index: 10;
}

.book_apt_modal_container .modal
{
	background: white;
	width: 60%;
	border-radius: 10px;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
}

.book_apt_modal_container .modal_header
{
	background: var(--btn_gradient_color1);
	border-radius: 10px 10px 0 0 ;
	position: relative;
}

.book_apt_modal_container .modal_header .heading
{
	color: white;
	font-size: 1.4rem;
	padding: .7rem;
	text-align: center;
	text-transform: capitalize;
}

.book_apt_modal_container .modal_header span
{
	position: absolute;
	right: 15px;
	top: 25%;
	color: white;
	background: #166395;
	height: 25px;
	width: 25px;
	line-height: 25px;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
}

.book_apt_modal_container .modal_body
{
	display: flex;
	align-items: center;
	padding: 1.5rem 0;
}

.book_apt_modal_container .modal_body>div
{
	flex: 1;
}

.book_apt_modal_container .modal_body .col1 
{
/*	background: lightgreen;*/
	padding: 1rem 1rem 1rem 2rem;
	border-right: 1px solid #0000002e;
}

.book_apt_modal_container .col1 .heading
{
	font-size: 1.2rem;
	color: var(--text_black);
	font-family: var(--poppins_bold);
}

.book_apt_modal_container .col1 .next_step
{
	padding: 2rem 0;
}

.book_apt_modal_container .col1 .next_step .steps_container
{
	padding-left: .5rem;
}

.book_apt_modal_container .col1 .sub_heading
{
	color: var(--text_black);
	font-family: var(--poppins_bold);
}

.book_apt_modal_container .steps_container .group
{
	display: flex;
	align-items: center;
}

.book_apt_modal_container .steps_container .group .icon
{
/*	width: 60px	;*/
	font-size: 1.5rem;
	text-align: center;
	padding-right: 10px;
}

.book_apt_modal_container .steps_container .group .point
{
	font-size: .9rem;
    padding: 0.5rem 0;
    line-height: 1.2rem;
}

.book_apt_modal_container .col1 .plus_point_section
{
	width: 100%;
    margin: 0 auto;
/*    margin-top: -65px;*/
    position: relative;
    z-index: 1;
    border-radius: 10px;
	background: linear-gradient(90deg,var(--btn_gradient_color1),var(--btn_gradient_color2));
}

.book_apt_modal_container .col1 .plus_point_section .plus_point_container
{
	align-items: center;
	text-align: center;
	width: 100%;
	padding: .8rem 0 .6rem 0;
	height: auto;
	margin: 0 auto;
}

.book_apt_modal_container .col1 .plus_point_section .plus_point_container .plus_point
{
	border-right: 1px solid #ffffff52;
	color: white;
	font-size: 1.3rem;
	font-family: var(--poppins_bold);
	line-height: 1.2rem;
	flex: 1;
}

.book_apt_modal_container .col1 .plus_point_section .plus_point_container .plus_point:last-child
{
	border: none;
}

.book_apt_modal_container .col1 .plus_point_section .plus_point span:nth-child(2)
{
	color: white;
	font-size: .8rem;
	display: block;
}

.book_apt_modal_container .modal_body .col2
{
	padding: 1rem 2rem 1rem 2rem;
}

.book_apt_modal_container .get_in_touch .form_container
{
	width: 85%;
	margin: 0 auto;
}

.book_apt_modal_container .get_in_touch .form_container form
{
	width: 100%;
	margin: 0;
	padding: 1rem 1.5rem;
}

.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;
}

/*book appointment modal ends*/






@media only screen and (max-width:1030px)
{
    .header_desktop
    {
        display: none;
    }

    .hero_section .width .content_container
    {
        width: 70%;
        left: 45%;
    }

    .mobileheader
    {
        display: block;
    }

    .section .width
    {
        width: 90%;
    }

    .section7 .col1
    {
        display: none;
    }

    .section7 .col2
    {
        padding-left: 0;
    }

    .section8 .width>div
    {
        flex:1;
    }
}


@media only screen and (max-width:980px)
{
    .book_apt_modal_container .modal_body .col1
    {
        display: none;
    }
}



@media only screen and (max-width:768px)
{
    .mobileheader .menu
    {
        width: 100%;
    }

    .hero_section .content_container .title
    {
        font-size: 2.5rem;
    }

    .section .heading, .section .heading span
    {
        font-size: 2.5rem;
    }

    .section2 .flex
    {
        flex-direction: column;
    }

    .section2 .col2
    {
        padding-top: 2rem;
    }

    .section2 .col2 img
    {
        width: 100%;
    }

    .section2 .col1
    {
        padding-right: 0;
    }

    .section3 .flex
    {
        flex-direction: column-reverse;
    } 

    .section3 .col2
    {
        padding-left: 0;
    }

    .section3 .col1
    {
        padding-top: 2rem;
    }
    
    .section3 .col1 img
    {
        width: 100%;
    }

    .section4 .flex
    {
        flex-direction: column;
    }

    .section4 .col1
    {
        padding-right: 0;
    }

    .section4 .col2
    {
        padding-top: 2rem;
    }
    
    .section4 .col2 img
    {
        width: 100%;
    }

    .section8 .flex
    {
        flex-direction: column;
    }

    .section8 .content_container
    {
        width: 100%;
    }

    .section8 .form_container
    {
        width: 100%;
        padding-top: 2rem;
    }

    .section8 .form_container form
    {
        width: 100%;
        margin: 0;
    }

    footer.section .width .flex
    {
        flex-direction: column;
    }

    footer .col2, footer .col3
    {
        text-align: left;
    }

    footer .flex .col
    {
        width: 100%;
        padding: 1rem;
    }

    footer .flex .col img
    {
        width: 20%;
    }

    footer .col3 .social_container
    {
        margin: 0;
    }
}

@media only screen and (max-width:720px)
{
    .book_apt_modal_container .get_in_touch .form_container
    {
        width: 100%;
    }

    .book_apt_modal_container .modal
    {
        width: 70%;
    }

}

@media only screen and (max-width:700px)
{
    .hero_section .width .content_container
    {
        width: 90%;
        left: 50%;
        top:70%;
    }

    .hero_section .content_container .title
    {
        font-size: 2rem;
        line-height: 2.7rem;
    }

    .book_apt_modal_container .modal_header .heading
    {
        text-align: left;
        font-size: 1rem;
    }
}

@media only screen and (max-width:520px)
{
    .floating_bar.visible
	{
		visibility: visible;
		bottom: 0;
	}

    .mobileheader .topbar
    {
        font-size: 1rem;
    }

    .section .width
    {
        padding: 2rem 0;
    }

    .hero_section
    {
        height: 80vh;
    }

    .hero_section .width .content_container
    {
        top: 50%;
    }

    .hero_section .content_container .btn_container
    {
        padding: 0;
    }
    
    .hero_section .btn_container .btn
    {
        width: 100%;
        margin: .25rem 0;
        text-align: center;
    }

    .hero_section .btn_container .btn.btn1
    {
        margin-right: 0;
    }

    .section .heading, .section .heading span
    {
        font-size: 2rem;
        line-height: 2.8rem;
    }

    .section2 .col2
    {
        padding-top: 1rem;
    }

    .section3 .usp_point .num, .section3 .usp_point .num span
    {
        font-size: 2.5rem;
    }

    .section3 .usp_point .usp_desc
    {
        font-size: .9rem;
        line-height: 1.2rem;
    }

    .section4 .usp_point .num
    {
        font-size: 2.5rem;
    }

    .section3 .col1
    {
        padding-top: 1rem;
    }

    .section3 .usp_container
    {
        padding-top: 0rem;
    }

    .section4 .col2
    {
        padding-top: 1rem;
    }

    .section5 .card_container
    {
        padding-top: 1rem;
    }

    .section7 .width .flex
    {
        padding-top: 1rem;
    }

    .section7 .col2 .group .answer
    {
        font-size: 1rem;
    }

    footer .flex .col img
    {
        width: 40%;
    }

    .book_apt_modal_container .modal
    {
        width: 80%;
    }

    .book_apt_modal_container .modal_body .col2
    {
        padding: 1rem;
    }

    .book_apt_modal_container .get_in_touch .form_container form
    {
        padding: 1rem;
    }

    .book_apt_modal_container .modal_body
    {
        padding: 0;
    }
}

@media only screen and (max-width:375px)
{
    .hero_section .content_container .title
    {
        font-size: 1.7rem;
        line-height: 2.3rem;
    }

    .section .heading, .section .heading span
    {
        font-size: 1.7rem;
    }

    .section3 .usp_point .num, .section3 .usp_point .num span
    {
        font-size: 2.2rem;
    }

    .section4 .usp_point .num
    {
        font-size: 2.2rem;
    }

    .section3 .usp_point .usp_desc
    {
        font-size: 1rem;
    }

    .section4 .usp_point .usp_desc
    {
        font-size: 1rem;
    }

    .section8 .info_container .group .icon i
    {
        font-size: 1.8rem;
    }

    .mobileheader .topbar
    {
        font-size: .9rem;
    }

    .book_apt_modal_container .modal
    {
        width: 90%;
    }

}

@media only screen and (max-width:348px)
{
    :root
    {
        --line_height: 1.5rem;
    }

    .hero_section .content_container .tagline
    {
        font-size: 1rem;
    }

    .hero_section .content_container .title
    {
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .hero_section .content_container .desc
    {
        padding: .5rem 0;
    }

    .section .heading, .section .heading span
    {
        font-size: 1.5rem;
        line-height: 2rem;
    }
}