/*!
Theme Name: Sayee Velan Clinic
Theme URI: http://sayeeclinic.com/
Author: InterFazia.com
Author URI: https://interfazia.com/
Description: At SayeeVelan Clinic, healing is guided by empathy, experience, and expertise. Led by Dr. S. Seshashayee (MBBS, MS, FMAS, FIAGES) — Specialist in General and Laparoscopic Surgery and Dr. N. Sai Saranya (MBBS, MS) — Specialist in ENT and Head & Neck Surgery — our clinic provides holistic, patient-centered healthcare under one trusted roof.From advanced surgical care to specialized ENT services, we focus on precise diagnosis, compassionate treatment, and lasting wellness for every patient who walks through our doors.
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: sayeeclinic
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Sayee Velan Clinic is based on InterFazia https://interfazia.com/, (C) 2012-2020 Automattic, Inc.
InterFazia is distributed under the terms of the GNU GPL v2 or later.
*/
@import url('https://fonts.googleapis.com/css2?family=Anek+Latin:wght@100..800&family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video
{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section
{
	display: block;
}
body
{
	line-height: 1;
}
ol, ul
{
	list-style: none;
}
blockquote, q
{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after
{
	content: '';
	content: none;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
}
*, *::after, *::before
{
	box-sizing: border-box;
}
:after, :before
{
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
::selection
{
	background:#076bdd; color:#fff; 
}
::-moz-selection
{
	background:#076bdd; color:#fff;
}
.scrollup
{
    position: fixed;
    z-index: 9999;
    bottom: 20px;
    float: right;
    right: 10px;
    width: 40px;
    height: 40px;
    text-align: center;
    display: none;
    color: #000;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
    background: #fff;
    z-index: 9999999;
    box-shadow: 0px 12px 26px rgb(0 0 0 / 10%);
    border: solid 1px #EBEBEB;
    border-radius: 3px;
    font-size: 26px;
    text-align: center;
    line-height: 40px;
}
.scrollup:hover
{
	
}
body
{
	width:auto;
	margin:0;
	border:0;
	font-family: "Lato", sans-serif;
}
img
{
	max-width:100%;
	vertical-align: middle;
	border: 0;
}
.clearfix:after
{
	display:block;
	visibility:hidden;
	overflow:hidden;
	clear:both !important;
	content:".";
	line-height:0;
	height:0;
}
.clearfix
{
	display:inline-block;
}
html[xmlns] .clearfix
{
	display:block;
}
*html .clearfix
{
	height:1%;
}
:focus
{
	outline:0;
}
.clear
{
	clear:both !important;
}
.clear:after
{
    display: block;
    content: "";
    clear: both;
}
.left
{
	float:left;
}
.right
{
	float:right;
}
p
{
    color: #000;
    line-height: 26px;
    font-size: 17px;
    font-weight: 500;
    margin: 15px 0;
}
p strong
{
    color: #000;
    font-weight: 600;
}
a
{
	color:#C83946;
	text-decoration:none;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    transition: 0.5s;
}
h1, h2, h3
{ 
	margin:15px 0;
}
ul.list, ul.listno, .listcontent ul, ul.wp-block-list
{
	padding:0;
	margin:15px 0;
	list-style:none;
} 
ul.list li, ul.listno li, .listcontent ul li, ul.wp-block-list li
{
    color: #000;
    line-height: 26px;
    font-size: 17px;
    font-weight: 500;
    padding-left: 16px;
    position: relative;
    margin-bottom: 5px;
}
ul.list li, ul.listno li
{
	counter-increment: mega-step;
}
ul.list li:before, .listcontent ul li:before, ul.wp-block-list li:before
{
    content: " ";
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    border: solid 2px #000;
    border-radius: 50%;
}
ul.listno li:before
{
    content: counter(mega-step, upper-roman);
    position: absolute;
    top: 0px;
    left: 0;
    width: 6px;
    height: 6px;
    color: #ff3c00;
	text-align:center;
}
ul.list li strong, ul.listno li strong, .listcontent ul li strong
{
	color:#000;
}
ul.list li span, ul.listno li span, .listcontent ul li span
{
	color:#2d3091;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder
{
    font-size: 15px;
    font-family: "Lato", sans-serif;
    color: #999;
}
input::-moz-placeholder, textarea::-moz-placeholder
{
    font-size: 15px;
    font-family: "Lato", sans-serif;

    color: #999;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder
{
    font-size: 15px;
    font-family: "Lato", sans-serif;
    color: #999;
}
input:-moz-placeholder, textarea:-moz-placeholder
{
    font-size: 15px;
    font-family: "Lato", sans-serif;
    color: #999;
}
.site
{
    overflow: hidden;
}
header
{
	position:relative;
}
.section
{
}
.footer
{
	
}
.nav-shrink
{
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.site-header
{
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding: 0 50px;
    display: flex;
    align-items: center;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
    background: rgba(255,255,255);
	z-index:999999;
}
.nav-shrink.site-header
{
    background: rgba(255,255,255,1);
}
.site-branding
{
    margin: 20px 0;
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
	transition: 0.5s ease-in-out;
}
.site-branding a
{
	display:block;
}
.site-branding a img
{
	
}
.main-navigation
{
    margin: auto;
}
.main-navigation ul
{
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.main-navigation ul li
{
    list-style: none;
    float: left;
    margin: 0 20px;
}
.main-navigation ul li a
{
    color: #000;
    font-size: 16px;
    font-weight: 500;
    display: block;
    position: relative;
    padding: 10px 0px;
}
/*.main-navigation ul li a:before
{
    content:" ";
	position: absolute;
	top: -2px;
	left: 0;
	right: 0;
	width:0;
	height: 4px;
	background: #831238;
	opacity: 1;
	z-index: 99999999;
	margin:auto;
}
.main-navigation ul li a:hover:before
{
	width:100%;
}
.main-navigation ul li a:after
{
    content: " ";
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
    height: 0;
    width: 0;
    border: solid transparent;
    position: absolute;
    pointer-events: none;
    border-top-color: #341b84;
    border-width: 8px;
}
.main-navigation ul li a:hover:after
{
    top: 0px;
}*/
.main-navigation ul li:last-of-type a:after
{
    display:none;
}
.main-navigation ul li.subarrow
{
	
}
.main-navigation ul li.subarrow a
{
    position: relative;
}
.main-navigation ul li.subarrow a:before
{
    content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    bottom: 10px;
    right: -16px;
    font-size: 26px;
    font-weight: 100;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    line-height: 13px;
    margin: auto;
}
.main-navigation ul li.subarrow:hover a:before
{
    -webkit-transform: rotate(180deg) ;
    transform: rotate(180deg) ;
}
.main-navigation ul li a:hover
{
	color:#C73946;
}
.main-navigation .current_page_item > a,
.main-navigation .current-menu-ancestor > a
{
	color:#C73946;
}
.main-navigation ul li .sub-menu
{
    position: fixed;
    display: none;
    background: #F2F2F2;
    z-index: 9999999;
    padding: 25px 30px;
    box-shadow: 0px 22px 36px rgba(0, 0, 0, 0.2);
	left:0;
	right:0;
}
.main-navigation ul.sub-menu li
{
	list-style: none;
    margin: 0;
    display: block;
	width:25%;
	border-left:none;
}
.main-navigation ul.sub-menu li a
{
	text-align: left;
    font-size: 15px;
    color: #000;
    font-weight: 600;
    width: auto;
    position: relative;
    padding: 10px 8px;
    text-transform: none;
}
.main-navigation ul.sub-menu li a:hover
{
	color:#000;
	background:none;
}
.main-navigation ul.sub-menu li:hover a
{
	
}
.main-navigation ul.sub-menu li a:before
{
    content: " ";
    background: #831238;
    position: absolute;
	left:0;
	right:auto;
	top:0px;
	bottom:0;
    width: 10px;
	height:4px;
	border-radius:3px;
	-webkit-transform:translateX(10px);
	transform:translateX(10px);
	opacity:0;
}
.main-navigation ul.sub-menu li a:hover:before
{
	-webkit-transform:translateX(-10px);
	transform:translateX(-10px);
	opacity:1;
}
.main-navigation ul.sub-menu li a:after
{
    display:none;
}
/*.nav ul li ul li .subnav
{
    position: absolute;
    display: none;
    background: #fff;
    z-index: 9999999;
    box-sizing: border-box;
    padding: 20px 0;
	top:0px;
	left: 100%;
	box-shadow: 0px 10px 16px rgba(104, 104, 104, 0.1);
	border-top:none;
	visibility:hidden;
}
.nav ul > li:hover ul, .nav ul li ul li:hover .subnav
{
	display:block;
	visibility:visible;
}*/
.main-navigation ul > li:hover .sub-menu
{
	display:block;
}
.main-navigation ul.sub-menu .current_page_item > a,
.main-navigation ul.sub-menu .current-menu-ancestor > a
{
    background: none;
}
.navbar
{
	font-size: 30px;
	  cursor: pointer;
	  color: #000;
	  position: absolute;
	  top: 50%;
	  right: 10px;
	  -webkit-transition: 0.3s ease-in-out;
	  -moz-transition: 0.3s ease-in-out;
	  -o-transition: 0.3s ease-in-out;
	  transition: 0.3s ease-in-out;
	  display: none;
	  -webkit-transform: translateY(-50%);
	  transform: translateY(-50%);
}
.navbar span
{
	display: none !important;
}
.sidenav
{
	height: 100%;
	width: 0;
	position: fixed;
    z-index: 9999999999;
	top: 0;
	right: 0;
    background: #011731;
	box-shadow:0px 0px 26px rgba(0, 0, 0, 0.2);
	overflow-y: auto;
	transition: 0.5s;
	padding-top: 50px;
}
.sidenav ul
{
    padding: 0 20px 0 20px;
    margin: 0;
    list-style: none;
}
.sidenav ul li
{
    list-style: none;
    position: relative;
}
.sidenav ul li.menu-item-has-children:after
{
	content: "\f107";
    font-family: 'FontAwesome';
    position: absolute;
    top: 6px;
    right: 20px;
    font-size: 26px;
}
.sidenav ul li:first-of-type a
{
	border-top:none;
}
.sidenav ul li a
{  color: #fff;
  font-size: 14px;
  font-weight: 400;
  display: block;
  position: relative;
  padding: 15px 0px;
  text-align: left;
  width: 136px;
  text-transform: uppercase;
}
.sidenav ul li a i
{
    width: 16px;
    height: 10px;
    font-size: 26px;
    line-height: 10px;
    position: absolute;
    bottom: 0;
    top: 0;
    right: 0;
    margin: auto;
    font-weight: 100;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
    -wenkit-transform: rotate(0deg);
    transform: rotate(0deg);
}
.sidenav ul li:hover > a i
{
    -wenkit-transform: rotate(180deg);
    transform: rotate(180deg);
}
.sidenav ul li a:hover
{
    color: #fff;
}
.sidenav ul li ul
{
    display: none;
    z-index: 9999999;
    padding: 0 12px;
}
.sidenav ul li ul li
{
	list-style: none;
    float: none;
    margin: 0;
    display: block;
}
.sidenav ul ul li a
{
    padding: 10px 0px;
	text-align:left;
    font-size: 15px;
    color: #525252;
    font-weight: 400;
    width: auto;
    position: relative;
}
.sidenav ul ul li h3
{
    margin:0;
}
.sidenav ul ul li a:hover:before
{
	opacity:1;
}
.sidenav ul ul li a:hover, .sidenav ul ul li a:hover:before
{
	color: #000;
}
.sidenav ul li ul:hover a
{
	
}
.sidenav ul > li:hover ul
{
	display:block;
}
.sidenav .closebtn
{
	  position: absolute;
  top: 0;
  right: 0;
  z-index: 999;
  font-size: 45px;
  cursor: pointer;
  padding: 14px 9px;
  color: #fff;
}
.sidenav .closebtn:hoverr
{
	color:#000;
}
.menu-book-appointment-container
{
	
}
.menu-book-appointment-container ul li a
{
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    display: block;
    background: #C83946;
    border: solid 1px #C83946;
    border-radius: 16px;
    padding: 12px 40px 12px 25px;
    position: relative;
}
.menu-book-appointment-container ul li a:after
{	
    font-family: 'Material Symbols Outlined';
    content: "\e5c8";
    font-size: 24px;
    font-weight: 200;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}
.menu-book-appointment-container ul li a:hover
{	
    border: solid 1px #1C97DB;
	background: none;
	color: #1C97DB;
}
.hero
{
	margin: 100px 20px 0 20px;
	border-radius: 30px;
    height: 600px;
    background-size: cover;
    background-repeat: no-repeat;
	padding: 75px;
    display: flex;
    align-items: center;
}
.hero article
{
	width: 666px;
}
.hero article h1
{
    font-family: "Anek Latin", sans-serif;
    color: #050505;
    font-size: 64px;
    font-weight: 600;
}
.hero article p
{
	font-family: "Anek Latin", sans-serif;
    font-size: 20px;
    font-weight: 500;
}
.hero article a.cfs-hyperlink:hover, .consulting-hours a.cfs-hyperlink:hover, .location a.cfs-hyperlink:hover, .book-appointment a.cfs-hyperlink:hover, .why-choose-us a.cfs-hyperlink:hover
{
	border: solid 1px #fff;
	background: none;
	color: #fff;
}
.container
{
	padding-top:85px;
	padding-bottom:85px;
}
.row
{
	width:1200px;
	margin:auto;
}
.content
{
    width: 70%;
    padding-right: 50px;
}
.sidebar
{
    width: 30%;
}
.equalheight
{
	display:flex;
}
.alignmiddle
{
    display: flex;
    align-items: center;
}
.padding-top-none
{
	padding-top:0;
}
.padding-bottom-none
{
	padding-bottom:0;
}
.container h2, .postcontent h1
{
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #000;
}
.container h2 span
{
	color: #AF0000;
}
.container h3
{
    color: #C83946;
    font-size: 22px;
    font-weight: 600;
}
a.linkbox, a.wp-block-button__link, a.cfs-hyperlink
{
    display: inline-block;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    background: #C83946;
    border: solid 1px #C83946;
    border-radius: 16px;
    padding: 12px 40px 12px 25px;
    position: relative;
	margin: 15px 0;
}
a.linkbox:after, a.wp-block-button__link:after, a.cfs-hyperlink:after
{
    font-family: 'Material Symbols Outlined';
    content: "\e5c8";
    font-size: 24px;
    font-weight: 200;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}
a.linkbox:hover, a.wp-block-button__link:hover, a.cfs-hyperlink:hover
{
	border: solid 1px #1C97DB;
	background: none;
	color: #1C97DB;
}
.wp-block-columns, .wp-block-image
{
    margin-bottom: 0 !important;
}
.section-contact
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:30px;
}
.consulting-hours, .location, .book-appointment
{
	background: #1C97DB;
	border-radius: 30px;
	padding: 15px 30px;
    display: flex;
    flex-direction: column;
    text-align: left;
}
.consulting-hours img, .location img, .book-appointment img
{
	height: 50px;
	margin: 15px 0;
    margin-right: auto;
}
.consulting-hours h3, .location h3, .book-appointment h3
{
	color: #fff;
	margin-top: 0;
	margin-bottom: 30px;
}
.book-appointment h3
{
	display: flex;
}
.consulting-hours p
{
	color: #fff;
    border-bottom: solid 1px #fff;
    padding-bottom: 8px;
	display: flex;
}
.consulting-hours p span
{
	margin-left: auto;
}
.consulting-hours a.cfs-hyperlink, .location a.cfs-hyperlink, .book-appointment a.cfs-hyperlink
{
    display: block !important;
    margin-top: auto;
}
.consulting-hours a.cfs-hyperlink:after, .location a.cfs-hyperlink:after, .book-appointment a.cfs-hyperlink:after
{
    transform: translateY(-50%) rotate(-45deg);
}
.location
{
	background: #8AA8B1;
}
.location p, .book-appointment p
{
	color: #fff;
}
.book-appointment
{
	background: #2AB4B1;
}
.intro
{
	
}
.intro .row
{
	position: relative;
}
.intro h3, .why-choose-us h3, .our-specialities h3, .testimonials h3
{
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
}
.intro h4
{
    font-weight: 700;
    font-size: 20px;
    color: #000;
}
.intro a.wp-block-button__link, .our-specialities ul li a.cfs-hyperlink
{
    color: #404040;
    background: #fff;
    border: solid 1px #404040;
}
.intro a.wp-block-button__link:hover, .our-specialities ul li a.cfs-hyperlink:hover
{
    border: solid 1px #1C97DB;
    background: none;
    color: #1C97DB;
}
.count 
{
	background: #C83946;
	padding: 25px;
	border-radius: 30px;
	position: absolute;
	top: -30px;
	left: -30px;
}
.count h1
{
    color: #fff;
    font-weight: 700;
    font-size: 38px;
    margin: 0;
}
.count h1:after
{
    content: "+";
    font-size: 34px;
    font-weight: 600;
    margin-left: 2px;
    top: 0;
    position: relative;
}
.count p
{
    font-size: 15px;
    margin: 0;
    color: #fff;
}
.why-choose-us
{
	text-align: center;
	background: #1C97DB;
}
.why-choose-us h2,
.why-choose-us h3
{
    color: #fff;
}
.why-choose-us ul
{
	margin: 50px 0;
}
.why-choose-us ul li
{
	width: 20%;
	padding: 0 20px;
	text-align: center;
	float: left;
}
.why-choose-us ul li figure
{
	width: 120px;
	height: 120px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border-radius: 50%;
	margin: auto;
}
.why-choose-us ul li figure img
{
	max-width: 50px;
	max-height: 50px;
}
.why-choose-us ul li p
{
	color: #fff;
}
.our-specialities
{
	background: #F2F2F2;
	text-align: center;
}
.our-specialities ul
{
	margin: 30px 0 0 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap:10px;
}
.our-specialities ul li
{
	background: #fff;
	border-radius: 20px;
	padding: 5px;
	display: flex;
	flex-direction: column;
}
.our-specialities ul li figure
{
	position: relative;
}
.our-specialities ul li figure:after
{
    font-family: 'Material Symbols Outlined';
    content: "\f109";
    font-size: 40px;
    font-weight: 200;
    background: #C83946;
    width: 70px;
    height: 70px;
    position: absolute;
    bottom: -35px;
    left: 0;
    right: 0;
    margin: auto;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.our-specialities ul li figure img
{
	width: 100%;
	height: 250px;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
}
.our-specialities ul li h4
{	
    font-weight: 700;
    font-size: 20px;
	margin:50px 0 0px 0;
    color: #000;
}
.our-specialities ul li p
{	
    line-height: 24px;
    font-size: 15px;
	padding: 0 20px;
}
.our-specialities ul li a.cfs-hyperlink
{
    display: block;
	margin: auto 20px 20px 20px;
}
.our-doctors
{
    text-align: center;
    display: flex;
    justify-content: center;
	gap:20px;
	margin-top: 30px;
}
.our-doctors article
{
    display: flex;
    width: 33.333333%;
    flex-direction: column;
    text-align: left;
    background: #F4F4F4;
}
.our-doctors article figure
{
	position: relative;
}
.our-doctors article figure img
{
	width: 100%;
	height: 250px;
	object-fit: cover;
	object-position: center;
	border-radius: 10px;
}
.our-doctors article figcaption
{
	padding: 20px;
}
.our-doctors article figcaption h2
{
    font-size: 26px;
    line-height: 22px;
}
.our-doctors article figcaption h2 small
{
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #C83946;
}
.our-doctors article a.cfs-hyperlink
{
    margin: auto 20px 20px 20px;
}
.our-doctors article figcaption h2 span
{
    display: block;
    font-size: 15px;
    font-weight: 400;
    color: #000;
}
.testimonials-container
{
	background-size: cover;
	background-position: right center;
	background-repeat: no-repeat;
}
.testimonials
{
	width: 600px;
}
.testimonials .owl-carousel .owl-stage-outer,
.testimonials .owl-carousel .owl-stage,
.testimonials .owl-carousel .owl-item
{
	display: flex;
}
.testimonials .item
{
	background: #fff;
	padding: 15px 30px;
	border-radius: 12px;
	display: flex;
	flex-direction: column;
}
.testimonials .item h4
{
	font-size: 16px;
	font-weight: 700;
}
.testimonials .item p
{
	font-size: 16px;
	position: relative;
	padding-top: 30px;
}
.testimonials .item p:before
{
    font-family: 'FontAwesome';
    content: "\f005""\f005""\f005""\f005""\f005";
    font-size: 20px;
	color: #F4A722;
	position: absolute;
	top: 0;
}
.testimonials .item h3
{
	font-size: 16px;
	font-weight: 700;
	color: #000;
	text-transform: none;
	margin-top: auto;
}
.testimonials .item h3 small
{
	font-size: 14px;
	font-weight: 400;
	color: #000;
	display: block;
}
.home-appointment
{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:30px;
}
.home-appointment iframe
{
    width: 100%;
    height: 100%;
	border-radius: 30px;
}
.home-appointment .formfield
{
    background: #0A2D56;
	border-radius: 30px;
	padding: 30px;
}
.home-appointment .formfield h2
{
    margin-top: 0;
	color: #fff;
}
.home-appointment .formfield p, .contactus p
{
    margin: 0;
}
.formfield, .contactus
{
	
}
.formfield h2, .formfield h3, .contactus h2
{
    margin-left: 10px;
}
.formfield input::-webkit-input-placeholder,
.formfield textarea::-webkit-input-placeholder,
.contactus input::-webkit-input-placeholder,
.formfield textarea::-webkit-input-placeholder
{
	color: #000;
	font-family: "Lato", sans-serif;
	font-weight:400;
	font-size:15px;
}
.formfield input::-moz-placeholder,
.formfield textarea::-moz-placeholder,
.contactus input::-moz-placeholder,
.formfield textarea::-moz-placeholder
{
	color: #000;
	font-family: "Lato", sans-serif;
	font-weight:400;
	font-size:15px;
}
.formfield input:-ms-input-placeholder,
.formfield textarea:-ms-input-placeholder,
.contactus input:-ms-input-placeholder,
.formfield textarea:-ms-input-placeholder
{
	color: #000;
	font-family: "Lato", sans-serif;
	font-weight:400;
	font-size:15px;
}
.formfield input:-moz-placeholder,
.formfield textarea:-moz-placeholder,
.contactus input:-moz-placeholder,
.formfield textarea:-moz-placeholder
{
	color: #000;
	font-family: "Lato", sans-serif;
	font-weight:400;
	font-size:15px;
}
.form-split
{
    width: 50%;
}
.formfield label, .contactus label
{
    padding:10px;
	display:block;
}
.formfield label strong
{
    display: block;
    font-weight: 500;
    margin-bottom: 5px;
    color: #7f7f7f;
    font-size: 13px;
}
.formfield input[type=text], .formfield input[type=email], .formfield input[type=number], .formfield input[type=search], .formfield input[type=date], .contactus input[type=text], .contactus input[type=email], .contactus input[type=number], .contactus input[type=search], .contactus input[type=date]
{
    padding: 16px 20px;
    width: 100%;
    background: #fff;
    border: 1px solid #0A2D56;
    border-radius: 10px;
    outline: 0px;
    position: relative;
    color: #5b5b68;
    font-size: 15px;
    font-family: "Lato", sans-serif;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.formfield input[type="date"]::-webkit-calendar-picker-indicator,
.contactus input[type="date"]::-webkit-calendar-picker-indicator
{
    background: transparent;
    bottom: 0;
    color: transparent;
    cursor: pointer;
    height: auto;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}

.formfield input[type=text]:focus, .formfield input[type=email]:focus, .formfield input[type=number]:focus, .formfield textarea:focus
{
	
}
.formfield input[type="file"]
{
    padding: 12px 20px;
    width: 100%;
    background: #fff;
    border: 1px solid #0A2D56;
    border-radius: 10px;
    outline: 0px;
    position: relative;
    color: #5b5b68;
    font-size: 15px;
    font-family: "Lato", sans-serif;
}
.formfield input[type="file"]::file-selector-button
{
  border: 2px solid #f0d3c3;
  padding: 0.2em 0.4em;
  border-radius: 0.2em;
  background-color: #f0dfd5;
  transition: 1s;
}
.formfield input[type="file"]::file-selector-button:hover
{
	
}
.selectdiv
{
	position: relative;
	font-family: "Lato", sans-serif;
    padding: 10px;
}
.selectdiv select::-ms-expand
{
	display: none;
}
.selectdiv:before
{
    content: " ";
    right: 42px;
    top: 30px;
    position: absolute;
    width: 1px;
    height: 10px;
    background: #000;
    -webkir-transform: rotate(45deg);
    transform: rotate(45deg);
	z-index: 9999;
}
.selectdiv:after
{
    content: " ";
    right: 35px;
    top: 30px;
    position: absolute;
    width: 1px;
    height: 10px;
    background: #000;
    -webkir-transform: rotate(-45deg);
    transform: rotate(-45deg);
	z-index: 9999;
}
.selectdiv:hover:before
{
    -webkir-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.selectdiv:hover:after
{
    -webkir-transform: rotate(45deg);
    transform: rotate(45deg);
}
.selectdiv select
{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: block;
	width: 100%;
	padding:16px 20px;
	font-size: 16px;
	color: #000;
    background: #fff;
    border: 1px solid #0A2D56;
	background-image: none;
    border-radius: 10px;
	-ms-word-break: normal;
	word-break: normal;
	font-family: "Lato", sans-serif;
	cursor:pointer;
}
.selectdiv:hover select
{
	
}
.selectdiv select:focus
{
	
}
.formfield textarea, .contactus textarea
{
    padding: 16px 20px;
    width: 100%;
	height:120px;
    background: #fff;
    border: 1px solid #0A2D56;
    border-radius: 10px;
    outline: 0px;
    position: relative;
    color: #5b5b68;
    font-size: 15px;
    font-family: "Lato", sans-serif;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -o-transition: 0.3s;
    transition: 0.3s;
}
.formfield input[type=submit], .formfield input[type=button], .contactus input[type=submit], .contactus input[type=button]
{
    border: solid 1px #C83946;
    background: #C83946;
    padding: 16px 30px;
    outline: 0;
    color: #fff;
    font-weight: 500;
    cursor: pointer;
    font-size: 16px;
    font-family: "Lato", sans-serif;
    border-radius: 10px;
    display: inline-block;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.formfield input[type=submit]:hover, .formfield input[type=button]:hover
{
	
}
.site-footer
{
	background: #011731;
}
.footer-top
{
	padding: 85px 0;
}
.footer-top .menu-primary-menu-container
{
    margin-left: auto;
}
.footer-top .menu-primary-menu-container ul li
{
    float: left;
}
.footer-top .menu-primary-menu-container ul li a
{
    color: #fff;
    line-height: 26px;
    font-size: 16px;
	margin-left: 20px;
}
.site-footer article
{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:30px;
}
.site-footer article h2
{
	color:#fff;
    font-size: 22px;
}
.site-footer article p
{
	color:#fff;
	position: relative;
	padding-left: 40px;
}
.site-footer article p strong
{
	color:#999;
}
.site-footer article aside
{
	background: #0A2D56;
	padding: 15px 30px;
	border-radius: 30px;
}
.site-footer article aside p:before
{	
    content: "\e0c8";
    font-family: 'Material Symbols Outlined';
    font-size: 34px;
    color: #C63945;
    position: absolute;
    top: 3px;
    left: 0;
    font-weight: 200;
}
.site-footer article aside #block-9 p:before
{	
    content: "\e0b0";
}
.site-footer article aside #block-10 p:before
{	
    content: "\e158";
}
.site-footer article aside a
{	
    color: #fff;
}
.site-footer article aside:nth-of-type(3), .site-footer article aside:last-of-type
{
	margin-right:0;
}
.site-footer .menu-social-media-container
{
	
}
.site-footer .menu-social-media-container ul
{
	padding:0;
	margin:0;
}
.site-footer .menu-social-media-container ul li
{
	float:left;
	margin-right:18px;
}
.site-footer .menu-social-media-container ul li a
{
    color: #7CA5D6;
    font-size: 28px;
}
.site-info
{
	padding:0 0 30px 0;
}
.site-info p
{
	color: #fff;
	text-align: center;
}
.entry-header
{
	margin: 100px 20px 0 20px;
    border-radius: 30px;
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    padding: 20px;
    display: flex;
    align-items: center;
	flex-direction: column;
	justify-content: center;
	position: relative;
	z-index: 9;
	overflow: hidden;
}
.entry-header:after
{
	content: " ";
	background: rgba(0,0,0,0.2);
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: -8;
}
.entry-header h3
{
    background: rgba(200, 57, 70, 0.6);
    padding: 6px 10px;
    font-size: 18px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    border-radius: 30px;
}
.entry-header h1
{
    font-family: "Anek Latin", sans-serif;
    color: #fff;
    font-size: 40px;
    font-weight: 600;
}
.entry-header nav
{
    position: absolute;
    z-index: 9999;
    bottom: 15px;
	right: 20px;
}
.entry-header nav ul
{
    padding: 0;
    margin: 0;
}
.entry-header nav ul li
{
    float: left;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    padding: 0 12px;
    position: relative;
	border-left: solid 1px #fff;
}
.entry-header nav ul li:first-of-type
{
	border-left: none;
}
.entry-header nav ul li a
{
    display: block;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
}
.entry-header nav ul li a:hover
{
	text-decoration: underline;
}
.our-approach
{
    background-size: cover;
    background-repeat: no-repeat;
	background-position: center;
	position: relative;
	z-index: 9;
}
.our-approach .row
{
    max-width: 800px;
	text-align: center;
}
.our-approach .row h2,
.our-approach .row p
{
    color: #fff;
}
.our-approach:after
{
    content: " ";
    background: rgba(28, 151, 219, 0.8);
	mix-blend-mode: multiply;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: -8;
}
.our-ideals
{
	background: #F2F2F2;
	text-align: center;
}
.our-ideals ul
{
	display: flex;
	justify-content: center;
	gap:20px;
	margin: 30px 0 0 0;
}
.our-ideals ul li
{
	width: 25%;	
	background: #d4d4d4;
	border:solid 1px #d4d4d4;
	padding: 15px 30px;
	border-radius: 30px;
}
.our-ideals ul li:nth-of-type(even)
{
	background: #fff;
}
.our-ideals ul li img
{
	margin: 15px 0;
}
.our-ideals ul li h4
{
    font-weight: 700;
    font-size: 18px;
    color: #000;
}
.vision-missionbg
{
    background: #011731;
	padding: 50px 0 20px 0;
}
.vision-mission
{
    display: grid;
	grid-template-columns: 1fr 1fr;
	gap:30px;
}
.vision-mission article
{
    display: flex;
	gap:30px;
    background: #0A2D56;
    padding: 15px 30px;
    border-radius: 30px;
}
.vision-mission article h2,
.vision-mission article p
{
    color: #fff;
}
.vision-mission article figure
{
    flex-shrink: 0;
	padding: 15px 0;
}
.our-values
{
	text-align: center;
    background: #F4F4F4;
}
.our-values ul
{
	display: flex;
	gap:20px;
	justify-content: center;
	margin: 20px 0 0 0;
}
.our-values ul li
{
	width: 20%;
    background: #C83946;
    border-radius: 16px;
	padding: 5px 20px;
}
.our-values ul li img
{
	margin: 15px 0;
}
.our-values ul li h4
{
    font-weight: 700;
    font-size: 18px;
    color: #fff;
	margin: 0 0 15px 0;
}
.specialities
{
	
}
.specialities .wp-block-columns
{
	border-top: solid 1px #e0e0e0;
	margin-top: 50px;
	padding-top: 50px;
}
.specialities .wp-block-columns:first-of-type
{
	border-top: none;
	margin-top: 0px;
	padding-top: 0px;
}
.specialities .wp-block-image img
{
	border-radius: 30px;
	margin: 15px 0;
}
.facilities
{
	
}
.facilities ul
{
	margin: 0px 0 0 0;
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:30px;
}
.facilities ul li
{
    background: #011731;
	border-radius: 20px;
	padding: 5px;
	display: flex;
	flex-direction: column;
}
.facilities ul li figure
{
	
}
.facilities ul li figure img
{
	border-radius: 15px;
}
.facilities ul li figcaption
{
	padding: 15px 30px;
}
.facilities ul li h4
{	
    font-weight: 700;
    font-size: 20px;
    color: #fff;
	margin: 15px 0;
}
.facilities ul li p, .facilities ul li p strong
{	
    color: #fff;
}
.photo-gallery
{
	text-align:center;
	padding-top:0;
}
.photo-gallery ul
{
    padding: 0;
    margin:30px -20px -20px -20px;
    list-style: none;
    display: flex;
    flex-wrap: wrap;
}
.photo-gallery ul li
 {
    float: left;
    list-style: none;
    width: 33.333333%;
    overflow: hidden;
}
.photo-gallery ul li a
{
    display: block;
    position: relative;
    overflow: hidden;
    margin:20px;
}
.photo-gallery ul li a img
{
    width: 100%;
	height: 260px;
	object-fit: cover;
	object-position: top;
    -webkit-transition: 0.6s;
    -moz-transition: 0.6s;
    -o-transition: 0.6s;
    transition: 0.6s;
}
.photo-gallery ul li a:hover img
{
	
}
.photo-gallery ul li a:before
{
    content: " ";
    position: absolute;
    display: block;
    background: rgba(0, 0, 0, 0.9);
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    z-index: 9;
    opacity: 0;
}
.photo-gallery ul li a:hover:before
{
	opacity:.5
}
.photo-gallery ul li a:after, .videogallery ul li a:after, .video-profile ul li a:after
{
    content: "\f00e";
    font-family: 'FontAwesome';
    color: #fff;
    font-weight: 100;
    background: rgba(0, 93, 163, 0.5);
    font-size: 24px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 60px;
    height: 60px;
    margin: auto;
    z-index: 99;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: scale(0);
}
.photo-gallery ul li a:hover:after, .videogallery ul li a:hover:after, .video-profile ul li a:hover:after
{
    transform: scale(1);
}
.photo-gallery ul li h3
{
    color: #363233;
	text-align:center;
	font-size:18px;
	display: none;
}
.contactus
{
	
}
.contactus:first-of-type .wp-block-columns p
{
	margin: 15px 0;
    padding-left: 40px;
	position: relative;
}
.contactus:first-of-type .wp-block-columns p:before
{
    content: "\e0c8";
    font-family: 'Material Symbols Outlined';
    font-size: 34px;
    color: #C63945;
    position: absolute;
    top: 3px;
    left: 0;
    font-weight: 200;
}
.contactus:first-of-type .wp-block-columns p:nth-of-type(2):before
{
    content: "\e0b0";
}
.contactus:first-of-type .wp-block-columns p:nth-of-type(3):before
{
    content: "\e158";
}
.contactus:first-of-type .wp-block-columns p:nth-of-type(4):before
{
    content: "\e855";
}
.contactus .wp-block-columns form p
{
	margin: 0 0 !important;
    padding-left: 0px !important;
}
.contactus .wp-block-columns form p:before
{
	display: none;
}
.contactus iframe
{
	width: 100%;
	height: 300px;
	border-radius: 30px;
	margin-top: 50px;
}
.book-appointment-page .row
{
    width: 700px;
}
.book-appointment-page .row h2
{
    text-align: center;
}
.blog-intro
{
	padding: 35px 0 0 0;
}
.blog-intro .row
{
	width: 800px;
}
.page-header
{
    font-weight: 700;
    font-size: 32px;
    line-height: 40px;
    color: #000;
}
.margin-head
{
    margin-top: 82px;
}
.postlist
{
	
}
.postlist ul
{
	padding:0;
	margin:0 -10px;
	display:flex;
	flex-wrap:wrap;
}
.postlist ul li
{
	float:left;
	width:25%;
	display:flex;
}
.postlist ul li a
{
    display: flex;
    margin: 10px;
    box-shadow: 0px 0px 36px rgb(200 200 200 / 40%);
    border-radius: 12px;
    width: 100%;
    position: relative;
    flex-wrap: wrap;
	background:#fff;
}
.postlist ul li a:hover
{
    transform:scale(1.02);
    box-shadow: 0px 0px 36px rgb(200 200 200 / 60%);
}
.postlist ul li a figure
{
    border-radius: 11px 11px 0 0;
	overflow:hidden;
	width:100%;
}
.postlist ul li a figure img
{
    width: 100%;
    height: 220px;
    object-fit: cover;
}
.postlist ul li a article
{
    padding:5px 20px 20px 20px;
	width:100%;
}
.postlist ul li a h2
{
    color: #000;
    line-height: 26px;
    font-size: 22px;
}
.categ
{
	position:absolute;
	top:0;
	left:0;
	z-index:999;
	padding:10px;
}
.categ p
{
    background: #C83946;
    font-size: 14px;
    color: #fff;
    padding: 0px 8px;
    border-radius: 30px;
    float: left;
    margin: 0 3px 3px 0px;
}
.categ a
{
    background: #C83946;
    font-size: 14px;
    color: #fff;
    padding: 6px 8px;
    border-radius: 30px;
    float: left;
    margin: 0 2px;
}
.categ a:hover
{
    background: #fff;
    color: #000;
    box-shadow: 0px 0px 36px rgb(200 200 200 / 60%);
}
.date-time
{
	display:flex;
    color: #4e4e4e;
    font-size: 14px;
    padding: 0 10px 20px 10px;
	width:100%;
    align-items: flex-end;
}
.date
{
	padding-left:22px;
	position: relative;
}
.date:before, .time:before
{
    font-family: 'Material Symbols Outlined';
    content: "\e916";
    font-size: 24px;
    font-weight: 200;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.time
{
	padding-left:22px;
	position: relative;
	margin-left: auto;
}
.time:before
{
    content: "\e8b5";
}
.posts-navigation
{
	width:100%;
}
.nav-links
{
	clear:both;
	text-align:center;
    width: 320px;
    margin: auto;
}
.nav-previous, .nav-next
{
	display:inline-block;
}
.nav-previous a, .nav-next a
{
    background: #C83946;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
    padding: 16px 42px;
    display: inline-block;
    position: relative;
    border-radius: 20px;
    margin: 15px 5px;
    text-align: center;
}
.nav-previous a:hover, .nav-next a:hover
{
    
}
.postcontent
{
    width: 100%;
    max-width: 1200px;
    margin: auto;
}
.postcontent-details
{
    width: 65%;
}
.postcontent figure
{
	text-align:center;
	margin:30px 0px;
}
.postcontent figure img
{
    width: 100%;
	border-radius:12px;
}
.postcontent .date-time
{
    justify-content: left;
    align-items: center;
}
.postcontent .date-time .time
{
    margin-left: unset;
}
.postcontent .categ
{
	position:static;
	margin:0 10px;
	padding:0;
}
.postcontent-sidebar
{
    width: 30%;
}
.postcontent-sidebar h2
{
    font-size: 20px;
}
.postcontent-sidebar .widget_search
{
    margin: 15px 0;
}
.postcontent-sidebar .widget_search input
{
    padding: 16px 20px;
    width: 100%;
    background: #fff;
    border: 1px solid #0A2D56;
    border-radius: 10px;
    outline: 0px;
    position: relative;
    color: #5b5b68;
    font-size: 15px;
    font-family: "Lato", sans-serif;
}
.postcontent-sidebar .wp-block-search__button
{
    border: solid 1px #C83946;
    border-radius: 10px;
    background: #fff;
}
.postcontent-sidebar .wp-block-latest-posts.wp-block-latest-posts__list li
{
    color: #000 !important;
    line-height: 26px !important;
    font-size: 17px !important;
    font-weight: 500 !important;
    padding-left: 16px !important;
    position: relative !important;
    margin-bottom: 5px !important;
}
.postcontent-sidebar .wp-block-latest-posts.wp-block-latest-posts__list li:before
{
    content: " ";
    position: absolute;
    top: 8px;
    left: 0;
    width: 8px;
    height: 8px;
    border: solid 2px #000;
    border-radius: 50%;
}
.postcontent-sidebar .wp-block-latest-posts.wp-block-latest-posts__list li a
{
    color: #000 !important;
    background: #eaeaea;
    display: block;
    padding: 5px;
}
.postcontent-sidebar .wp-block-latest-posts.wp-block-latest-posts__list li a:hover
{
    text-decoration: underline;
}
.postcontent-sidebar .wp-block-categories li
{
    display: inline-block;
}
.postcontent-sidebar .wp-block-categories li a
{
    display: block;
    border: solid 1px #C83946;
    color: #000;
    padding: 3px 6px;
    border-radius: 30px;
    margin-bottom: 5px;
}
.postcontent-sidebar .wp-block-categories li a:hover
{
	background: #C83946;
    border: solid 1px #C83946;
    color: #fff;
}
.recent-posts
{
    background: #dce9f0;
    position: relative;
    overflow: hidden;
}
.recent-posts:before
{
    content: " ";
    position: absolute;
    top: -280px;
    left: -140px;
    width: 400px;
    height: 400px;
    border: solid 60px #1F8CCC;
    border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
    -webkit-animation: roundrib 3s infinite;
    animation: roundrib 3s infinite;
}
.recent-posts:after
{
    content: " ";
    position: absolute;
    bottom: -250px;
    right: 0px;
    width: 400px;
    height: 400px;
    border: solid 75px #9BC640;
    border-radius: 38% 62% 63% 37% / 41% 44% 56% 59%;
    -webkit-animation: roundrib 3s infinite;
    animation: roundrib 3s infinite;
}
.recent-posts .postlist
{
	position:relative;
	z-index:9;
}
@-webkit-keyframes roundrib
{
	0%
	{
    transform: rotate(0deg);
	}
	100%
	{
    transform: rotate(360deg);
	}
}
@keyframes roundrib
{
	0%
	{
    transform: rotate(0deg);
	}
	100%
	{
    transform: rotate(360deg);
	}
}
.nav-subtitle
{
	font-weight:300;
	font-size:14px;
}
.nav-title
{
	display:block;
}
.postcontent-nav .nav-previous,
.postcontent-nav .nav-next
{
	display:block;
	width:50%;
	float:left;
}