* { box-sizing: border-box; margin: 0; padding: 0; }

html,body { font-size: 16px; font-family: "Nunito", sans-serif; background: #fff; color: #2a3138; }

body { max-width: 1920px; margin: auto; }

a { text-decoration: none; color: unset; }
ul { list-style: none; }
img { vertical-align: middle; }
p { line-height: 1.6; }

h1,h2,h3,h4,h5,h6 {  }
section { overflow: hidden; }
button { border: 0; outline: 0; font-weight: 500; font-family: unset; font-size: unset; }

input::placeholder,
select::placeholder,
textarea::placeholder { color: unset; font-family: var(--ff1); }
 
.widget_section { display: block; padding: 60px 16px; position: relative; }
.container { max-width: 1140px; margin: auto; }
.visible { overflow: visible; }


:root {
	--c1 : #25aca4;
	--c2 : #e31a22;

	--bg1 : #f6f6f6;
	--bg2 : #fef0de;
	--bg3 : #fff9f1;

	--bs  : 0px 0px 35px 0px #00000026;

	--bs1 : 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);
	--tY  : translateY(-6px);

	--ts  : all 0.5s ease-in-out;
	--fa  : "Font Awesome 7 Pro";
	--ff1 : "Nunito", sans-serif;

	--bgG1 : linear-gradient(180deg, #d03823, #0023be);
	--bgG2 : linear-gradient(180deg, #0023be, #d03823);
}



/*  ---------- ----- HEADER ----- ---------- */
.header { display: block; position: sticky; top: 0; width: 100%; background: #fff; transition: var(--ts); z-index: 1000; border-bottom: 1px solid #ddd; }

.mobile_view { width: 100%; display: none; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; padding: 8px 16px; }
.mobile_view .btnOnOff { font-size: 22px; }

.btnOnOff { display: none; width: 38px; height: 38px; background: var(--c2); color: #fff; border-radius: 4px; }

/*  */
.navbar { display: flex; justify-content: space-around; align-items: center; padding: 8px 16px;  }

.navLogo { display: block; width: 350px; }
.navLogo img { width: 100%; height: auto; }

.navLinks { display: flex; }
.navLinks li { position: relative; }
.navLinks li a,
.navLinks li label { display: block; padding: 8px 16px; font-size: 14px; font-weight: 700; transition: var(--ts); text-transform: uppercase; }
.navLinks li a:hover,
.navLinks li label:hover { color: var(--c2); }

/* Submenu */
.submenu input { display: none; }
.dropdown { opacity: 0; visibility: hidden; width: 260px; position: absolute; top: 100%; left: 0; right: 0;
	background: #fff; color: #000; box-shadow: 0 0 10px #00000033; border-top: 3px solid var(--c2); transform: translateY(10px); transition: all 0.5s ease; z-index: 9; }
.submenu:hover > ul { opacity: 1; visibility: visible; transform: translateY(0px); }
.submenu .dropdown li a { display: block; padding: 9px 16px; font-weight: 700; font-size: 13px; }
.dropdown li a:hover { background: var(--bg2); }

.navBtn button { display: inline-block; padding: 10px 32px; font-size: 14px; background: var(--bgG1); color: #fff; transition: var(--ts); border-radius: 50px; }
.navBtn button:hover { background: var(--bgG2); }

.activeNav { color: var(--c2)!important; }

@media all and (max-width: 992px) {
	.header { border-bottom: unset; }

	.navLogo { display: block; width: 280px; }

	.mobile_view { display: flex; }
	.btnOnOff { display: block; }

	.navArea { width: 100%; height: 100%; position: fixed; top: 0; left: -100%; background: #00000080; transition: var(--ts); z-index: 9999; }
	.navbar { width: 80%; height: 100%; display: block; background: #fff; padding: 0px; }
	.logo_area { width: 100%; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #ddd; padding: 8px 16px; }
	.navLinks { width: 100%; flex-direction: column; padding: 16px 0px; }
	.navBtn { width: 100%; display: block; padding: 0px 16px; }

	.dropdown { width: 100%; transform: translateY(0px); border-top: 0; box-shadow: 0 0 10px #fff0; }
	.submenu .dropdown li a { padding: 9px 16px 9px 24px; }
	.submenu:hover > ul { opacity: 0; visibility: hidden; transform: translateY(0px); }
	.toggle:checked ~ .dropdown { opacity: 1; visibility: visible; position: relative; }
}


.backGround { background: var(--bg1); }



/* ========== BUTTONS ========== */
.btn1, .btn2 { display: inline-block; padding: 9px 24px; position: relative; border-radius: 50px; border: 2px solid var(--c2); transition: var(--ts); }
.btn1:after, .btn2:after { content:"\e09f"; font-family: var(--fa); margin-left: 6px; }

.btn1 { background: var(--c2); color: #fff; }
.btn1:hover { background: #fff; color: var(--c2); }

.btn2 { background: #fff; color: var(--c2); }
.btn2:hover { background: var(--c2); color: #fff; }


.section_title { display: block; text-align: center; max-width: 900px; margin: auto auto 32px auto; }
.section_title h2 { font-size: 42px; font-weight: 900; }
.section_title p  {  }

@media all and (max-width: 498px) {
	.section_title h2 { font-size: 28px; }
	.section_title p  { margin-top: 9px; }
}



.backGround { background: #e31a2280; z-index: 1; }
.backGround:before { content: ""; display: block; width: 100%; height: 100%;
	position: absolute; top: 0; left: 0; background: url('assets/images/banner_inner.png')no-repeat center / cover; z-index: -1; }


/* ---------- ----- Banner ----- ---------- */
.banner_section { width: 100%; display: block; padding: 60px 16px 0px 16px; position: relative; background: #e31a2280; }
.banner_section:before { content: ""; width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: url('assets/images/banner_inner.png'); }
.banner_row { display: flex; justify-content: space-between; align-items: center;  }
.banner_col { width: 100%; display: block; position: relative; }

.banner_img { display: block; width: 100%; }
.banner_img img { width: 100%; height: auto; }

.banner_btns { display: block; margin-top: 24px; }
.banner_btns a { display: inline-block; padding: 12px 32px; border-radius: 50px; border: 2px solid var(--c2); transition: var(--ts); }
.banner_btns a:first-child { background: var(--c2); color: #fff; }
.banner_btns a:last-child  { background: #fff0; color: var(--c2); }

.banner_btns a:hover:first-child { background: #fff0; color: var(--c2); }
.banner_btns a:hover:last-child  { background: var(--c2); color: #fff; }

.banner_text h1 { font-size: 42px; font-weight: 900; }
.banner_text h1 span { display: block; }
.banner_text p { font-size: 18px; margin-top: 12px; font-weight: 600; }

@media all and (max-width: 498px) {
	.banner_row { flex-direction: column; }
	.banner_text h1 { font-size: 24px; }
}

@media (min-width: 500px) and (max-width: 992px) {
	.banner_text h1 { font-size: 26px; }
}


/* ---------- ----- About ----- ---------- */
.widget_about { display: block; width: 100%; padding: 60px 16px 0px 16px; }
.row_about { display: flex; justify-content: space-between; grid-gap: 32px; align-items: center; }
.col_about { display: block; width: 100%; position: relative; }

.about_image { display: block; width: 80%; margin: auto; }
.about_image img { width: 100%; height: auto; }

.text_about { display: block; }
.text_about span { display: block; color: var(--c2);  }
.text_about h2 { font-size: 32px; }
.text_about h2 span { display: block; color: unset; }
.text_about a { margin-top: 16px; }

@media all and (max-width: 498px) {
	.row_about { flex-direction: column-reverse; }
	.text_about h2 { font-size: 22px; }
	.text_about h2 span { display: inline; }
	.text_about p { margin-top: 9px; }
}

@media (min-width: 500px) and (max-width: 992px) {
	.text_about h2 { font-size: 20px; }
}


/* ---------- ----- Expertise ----- ---------- */
.expertise_row { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; }
.expertise_col { display: block; width: 100%; background: #fff; border-radius: 12px; border: 1px solid #ddd; padding: 24px; }

.expertise_col .icon { display: block; width: 72px; }
.expertise_col .icon img { width: 100%; height: auto; }
.expertise_col .text { display: block; margin-top: 16px; }
.expertise_col .text h3 { font-size: 20px; }
.expertise_col .text ul { display: block; list-style-type: decimal; padding-left: 20px; }
.expertise_col .text ul li { font-size: 15px; margin-top: 9px; }

@media all and (max-width: 498px) {
	.expertise_row { grid-template-columns: repeat(1, 1fr); }
}

@media (min-width: 500px) and (max-width: 992px) {
	.expertise_row { grid-gap: 8px; }
	.expertise_col { padding: 24px 16px; }
}


/* ---------- ----- Services ----- ---------- */
.services_row { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; }
.services_col { display: block; width: 100%; position: relative; background: #fff; border: 1px solid #ddd; border-radius: 12px; overflow: hidden; }
.services_img { display: block; width: 100%; }
.services_img img { width: 100%; height: auto; }

.services_txt { display: block; padding: 16px 8px; text-align: center; }
.services_txt h3 { font-size: 24px; }
.services_txt p { margin-top: 16px; }
.services_txt a { margin-top: 16px; }

.service_btn_area { display: block; text-align: center; margin-top: 20px; }

@media all and (max-width: 498px) {
	.services_row { grid-template-columns: repeat(1, 1fr); }
}

@media (min-width: 500px) and (max-width: 992px) {
	.services_row { grid-gap: 8px; }
}


/* ---------- ----- COUNTER ----- ---------- */
.counter_section { width: 100%; display: block; padding: 100px 16px; position: relative;
	background: url('assets/images/hero_image-02.jpg')no-repeat center / cover; background-attachment: fixed; z-index: 1; }
	.counter_section:after { content: ''; display: block; width: 100%; height: 100%;
	position: absolute; top: 0; left: 0; background: #000000b8; z-index: -1; }
.counter { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 16px; }
.counter_col { width: 100%; padding: 40px 16px; display: block; background: #fff; border-radius: 8px; box-shadow: var(--bs); text-align: center; }
.counter_col span { font-size: 32px; font-weight: 600; color: var(--c1); }
.counter_col h3 { margin-top: 16px; font-weight: 400; }

.count::after { content: "+"; }
.counter_col:last-child .count::after { content: "%"; }

@media all and (max-width: 480px) {
	.counter_section { padding: 60px 16px; }
	.counter { grid-template-columns: repeat(2, 1fr); }
	.counter_col { padding: 24px 12px; }
	.counter_col span { font-size: 24px; }
	.counter_col h3 { font-size: 14px; }
}


/* ---------- ----- Youtube Videos ----- ---------- */
.YTvideos { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; }
.YTvideo { display: block; width: 100%; }
.YTvideo iframe { width: 100%; height: 198px; border: 0; vertical-align: middle; }

@media all and (max-width: 498px) {
	.YTvideos { grid-template-columns: repeat(1, 1fr); }
}



/* ---------- ----- Page Banner ----- ---------- */
.banner_page { background: url('assets/images/page_banner.jpg')no-repeat center / cover; z-index: 1; }

.banner_info { width: 60%; padding: 80px 0px; }
.banner_info h1 { font-size: 52px; color: #000; line-height: 1.2; }
.banner_info h1 span { display: none; }
.banner_info ul { display: inline-flex; align-items: center; gap: 9px; color: #000; margin-top: 6px; }
.banner_info ul li:nth-child(3) { color: var(--c2); }

@media all and (max-width: 480px) {
	.banner_page { background-attachment: unset; }
	.banner_info { width: 100%; padding: 40px 0px; }
	.banner_info h1 { font-size: 34px; }
}

@media (min-width: 500px) and (max-width: 992px) {
	.banner_page { background: url('assets/images/page_banner.jpg')no-repeat right center / cover; }
	.banner_info { width: 100%; padding: 0px 0px; }
}





.about_info { display: flex; flex-direction: column; gap: 32px; }

.about_row { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 24px; align-items: center; }
.about_col { display: block; width: 100%; }
.about_img { display: block; width: 70%; margin: auto; }
.about_img img { width: 100%; height: auto; }
.about_txt { display: block; width: 100%; }
.about_txt h2 { font-size: 28px; color: var(--c2); }
.about_txt p  { margin-top: 12px; }
.about_txt a { margin-top: 16px; }
.about_txt .Dinfo { display: block; margin: 12px 0px; }
.about_txt .Dinfo h3 { font-size: 20px; }
.about_txt .Dinfo p  { margin-top: 9px; font-weight: 600; }

.about_card { width: 100%; display: block; background: #fff; padding: 25px; border-radius: 8px; box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); }
.about_card h3 { font-size: 20px; color: var(--c2); }
.about_card p { text-align: justify; margin-top: 12px; }
.about_card ul { list-style-type: disc; padding-left: 24px; margin-top: 12px; }
.about_card ul li+li { margin-top: 9px; }

.mission-vision { display: flex; flex-wrap: wrap; gap: 20px; }
.mv-box { background: var(--bg2); padding: 32px 24px; flex: 1; border-radius: 8px; min-width: 280px; border-left: 5px solid var(--c2); }
.mv-box h3 { font-size: 20px; color: var(--c2); }
.mv-box p { margin-top: 12px; }

@media all and (max-width: 480px) {
	.about_row { grid-template-columns: repeat(1, 1fr); }
}

@media (min-width: 500px) and (max-width: 992px) {

}

/* ---------- ----- Articles ----- ---------- */
.article_row_ { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; }
.article_col_ { display: block; width: 100%; background: #fff; border-radius: 12px; overflow: hidden; box-shadow: var(--bs); }

.article_img_ { width: 100%; display: block; }
.article_img_ img { width: 100%; height: auto; }

.article_txt_ { display: block;  padding: 16px; }
.article_txt_ h3 { font-size: 16px; transition: var(--ts); }

.article_col_:hover .article_txt_ h3 { color: var(--c2); }

@media all and (max-width: 498px) {
	.article_row_ { grid-template-columns: repeat(1, 1fr); }
}

@media (min-width: 500px) and (max-width: 992px) {
	
}


.gallery { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.gcol { display: flex; flex-direction: column; gap: 16px; -ms-flex: 25%; flex: 25%; max-width: 25%; padding: 8px; }
.gcol img { width: 100%; }

.gimg { width: 100%; display: block; border-radius: 8px; overflow: hidden; }
.gimg img { width: 100%; height: auto; }
.gimg video { width: 100%; vertical-align: middle; }

.gimg:hover { box-shadow: var(--bs); }

@media all and (max-width: 498px) {
	.gcol { -ms-flex: 100%; flex: 100%; max-width: 100%; }
}

@media (min-width: 500px) and (max-width: 992px) {
	
}

.testimonials { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; }
.testimonial { display: block; width: 100%; }
.testimonial img { width: 100%; height: auto; }

@media all and (max-width: 498px) {
	.testimonials { grid-template-columns: repeat(1, 1fr); }
}

@media (min-width: 500px) and (max-width: 992px) {
	.testimonials { grid-template-columns: repeat(2, 1fr); }
}





/* ========== ===== SERVICE PAGE ===== ========== */
.service_row { display: flex; justify-content: space-between; gap: 32px; }
.service_col { display: block; position: relative; }
.service_col:nth-child(1) { width: 25%; }
.service_col:nth-child(2) { width: 70%; }

@media all and (max-width: 498px) {
	.service_row { flex-direction: column; }
	.service_col:nth-child(1) { width: 100%; }
	.service_col:nth-child(2) { width: 100%; }
}

@media (min-width: 500px) and (max-width: 992px) {
	.service_row { flex-direction: column; }
	.service_col:nth-child(1) { width: 100%; }
	.service_col:nth-child(2) { width: 100%; }
}


/* Service INFO */
.service_image { display: block; width: 100%; border-radius: var(--br1); overflow: hidden; margin-bottom: 32px; }
.service_image img { width: 100%; height: 45vh; object-fit: cover; }

.serviceInfo { display: block; }
.serviceInfo h2 { font-size: 32px; color: var(--c2); }
.serviceInfo strong { font-size: 18px; }
.serviceInfo h3 { font-size: 20px; color: var(--c2); }
.serviceInfo h4 { font-size: 16px; color: var(--c3); margin-top: 12px; }
.serviceInfo p { text-align: justify; margin-top: 12px; }
.serviceInfo a { text-decoration: underline dotted #000; color: #000; }
.serviceInfo a:hover { color: var(--c3); text-decoration: underline dotted var(--c1); }
.serviceInfo ul { list-style-type: disc; padding-left: 24px; margin-top: 12px; }
.serviceInfo ul li+li { margin-top: 9px; }
.serviceInfo ul li p { margin-top: 4px; }
.serviceInfo ol { list-style-type: decimal; padding-left: 24px; margin-top: 12px; }
.serviceInfo ol li+li { margin-top: 9px; }

.serviceInfo b { font-weight: 600; color: #000; }
.serviceInfo hr { margin: 16px 0px; border: none; height: 1px ;background-color: #ddd0;}

.features { list-style-type: disc; padding-left: 24px; margin-top: 12px;  }
.features li+li { margin-top: 9px; }

.choose { list-style-type: decimal; padding-left: 24px; margin-top: 12px; }
.choose li+li { margin-top: 9px; }
.choose li b { display: block; }

@media all and (max-width: 498px) {
	.service_row { flex-direction: column-reverse; }
	.serviceInfo h1 { font-size: 24px; }
}

@media (min-width: 500px) and (max-width: 992px) {
	.service_row { flex-direction: column-reverse; }
	.service_sidebar { flex-direction: row; }
}


/* Service Sidebar */
.service_sidebar { display: flex; flex-direction: column; grid-gap: 12px; }

/* Service List */
.ActiveSP { background: var(--c2)!important; color: #fff; }

.service_list { width: 100%; padding: 20px; position: relative; border: 1px solid #efeef5; box-shadow: var(--bs); border-radius: 12px; }
.service_list h3 { font-size: 20px; margin-bottom: 12px; color: var(--c2); }

.service_links { display: block; position: relative; }
.service_links li+li { margin-top: 8px; }

.service_links li { display: block; position: relative; background: var(--bg2); transition: all 0.3s ease; border-radius: 4px; overflow: hidden; z-index: 1; }
.service_links li:before { content: ''; position: absolute; bottom: 0; right: 0; left: 0;
	background: var(--c2); width: 0; height: 100%; transition: .3s ease; overflow: hidden; z-index: -1; }

.service_links li a { display: flex; justify-content: space-between; align-items: center; padding: 6px 12px; font-weight: 600; font-size: 15px; }

.service_links li:hover:before { width: 100%; }
.service_links li:hover { color: #fff; }

/* Doctor Card */
.doctorCard { width: 100%; position: relative; border: 1px solid #efeef5; box-shadow: var(--bs); border-radius: 12px; overflow: hidden; }
.doctorCard_img { display: block; width: 80%; margin: auto; padding: 16px 16px 0px 16px; }
.doctorCard_img img { width: 100%; height: auto; }
.doctorCard_txt { padding: 16px 10px; background: var(--c2); text-align: center; }
.doctorCard_txt h3 { color: #fff; font-size: 16px; }
.doctorCard_txt p  { color: #fff; margin-top: 2px; font-size: 14px; }
.doctorCard_txt a { display: block; padding: 8px 16px; background: #fff; color: var(--c2); font-weight: 600; border-radius: 50px; margin-top: 9px; transition: var(--ts); }
.doctorCard_txt a:hover { background: var(--bg2); }

@media all and (max-width: 498px) {

}

@media (min-width: 500px) and (max-width: 992px) {
	.service_sidebar { flex-direction: row; }
}



/* ========== ===== BLOG PAGE ===== ========== */
.blog_row { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 32px; }
.blog_col { display: block; width: 100%; background: #fff; box-shadow: 0 5px 30px 0 #d6d7d891; border: 1px solid #ddd; overflow: hidden; }

.blog_img { display: block; width: 100%; }
.blog_img img { width: 100%; height: auto; }

.blog_txt { padding: 20px; }
.blog_txt ul { display: flex; justify-content: space-between; margin-bottom: 16px; }
.blog_txt ul li+li { margin-left: 16px; }
.blog_txt ul li i { color: var(--c2); margin-right: 4px; }
.blog_txt h3 { font-size: 18px; margin-bottom: 16px; font-weight: 600; text-align: justify; }
.blog_txt p { text-align: justify; }
.blog_txt a { margin-top: 24px; }

@media all and (max-width: 480px) {
	.blog_row { grid-template-columns: repeat(1, 1fr); }
}

@media (min-width: 500px) and (max-width: 1140px) {
	.blog_row { grid-gap: 16px; }
}

  
/* ========== ===== BLOG POST ===== ========== */
.article_row { display: flex; justify-content: space-between; gap: 32px; }
.article_col { display: block; position: relative; }
.article_col:nth-child(1) { width: 68%; }
.article_col:nth-child(2) { width: 32%; }

@media all and (max-width: 498px) {
	.article_row { flex-direction: column; }
	.article_col:nth-child(1) { width: 100%; }
	.article_col:nth-child(2) { width: 100%; }
}

@media (min-width: 500px) and (max-width: 992px) {
	.article_row { flex-direction: column; }
	.article_col:nth-child(1) { width: 100%; }
	.article_col:nth-child(2) { width: 100%; }
}


/* Blog Article */
.article_image { display: block; width: 100%; border-radius: var(--br1); overflow: hidden; margin-bottom: 32px; }
.article_image img { width: 100%; height: 45vh; object-fit: cover; }

.article { display: block; }
.article h1 { font-size: 32px; color: var(--c2); }
.article h2 { font-size: 24px; }
.article h3 { font-size: 20px; color: var(--c2); }
.article h4 { font-size: 16px; color: var(--c3); margin-top: 12px; }
.article p { text-align: justify; margin-top: 12px; }
.article a { text-decoration: underline dotted #000; color: #000; }
.article a:hover { color: var(--c3); text-decoration: underline dotted var(--c1); }
.article ul { list-style-type: disc; padding-left: 24px; margin-top: 12px; }
.article ul li+li { margin-top: 9px; }

.article b { font-weight: 500; }
.article hr { margin: 32px 0px; color: #ddd; }

.features { list-style-type: disc; padding-left: 24px; margin-top: 12px;  }
.features li+li { margin-top: 9px; }

.choose { list-style-type: decimal; padding-left: 24px; margin-top: 12px; }
.choose li+li { margin-top: 9px; }
.choose li b { display: block; }

@media all and (max-width: 498px) {
	.article h1 { font-size: 24px; }
	.article_image img { height: auto; }
}

/* Blog SideBar */
.sticky_side { position: sticky; top: 70px; height: fit-content; overflow: visible; }
.blog_sidebar { display: flex; flex-direction: column; gap: 16px;
	background: #fff; box-shadow: var(--bs); padding: 24px 16px; border-radius: var(--br1); }

/* Blog Recent Posts */
.recent_posts {  }
.recent_posts h3 { font-size: 22px; margin-bottom: 16px; }
.recent_post+.recent_post { padding-top: 16px; margin-top: 16px; border-top: 1px solid #ddd; }
.recent_post_thumb  { display: table-cell; width: 100px; }
.recent_post_thumb img { width: 100%; height: auto; }
.recent_post_info { display: table-cell; padding: 0 0 0 12px; vertical-align: top; }
.recent_post_info h3 { font-size: 16px; }
.recent_post_info ul { display: flex; font-size: 12px; }
.recent_post_info ul li+li { margin-left: 8px; }
.recent_post_info ul li i { color: var(--c2); margin-right: 4px; }

/* Blog Gallery */
.blog_gallery { display: block; }
.blog_gallery h3 { font-size: 22px; margin-bottom: 16px; }
.blog_gallery .images { display: flex; flex-wrap: wrap; }
.blog_gallery .images img { width: 33.33%; padding: 7px; }

/* Blog Social */
.blog_social { display: block; }
.blog_social h3 { font-size: 22px; margin-bottom: 16px; }
.blog_social i { width: 40px; height: 40px; line-height: 40px; text-align: center; background: #e7e7e7; border-radius: 4px; transition: var(--ts); }
.blog_social i:hover { background: var(--c2); color: #fff; }

@media all and (max-width: 498px) {

}

@media (min-width: 500px) and (max-width: 992px) {

}




/* ---------- ----- Appointment Banner ----- ---------- */
.appointment_banner { display: block; padding: 24px 16px; background: var(--bg1); }
.appointment_banner ul { display: flex; gap: 12px; font-weight: 600; }


/* ---------- ----- Appointment ----- ---------- */
.appointment { display: block; width: 100%; padding: 60px 16px; background: var(--c2); position: relative; z-index: 1; }
.appointment:before { content: ""; position: absolute; top: 0; left: 0;
	width: 100%; height: 100%; background: url("assets/images/appointment-wave.png")no-repeat top center / contain; z-index: -1; }

.appointment_row { display: flex; gap: 52px; margin: auto; }
.appointment_col { display: block; width: 100%; }

.appointment_img { display: block; width: 100%; }
.appointment_img img { width: 100%; height: auto; }

/* FORM */
.appointment_form { width: 80%; display: block; padding: 32px 24px; background: #fff; border-radius: 12px; }
.appointment_form h3 { font-size: 28px; font-weight: 800; margin-bottom: 16px; text-align: center; }

.appointment_form form { width: 100%; display: flex; flex-direction: column; gap: 16px; }
.appointment_form input,
.appointment_form select,
.appointment_form textarea { display: block; width: 100%; padding: 12px 16px; border: 1px solid #ddd; border-radius: 6px; }
.appointment_form button { display: block; width: 100%; padding: 10px 16px; border-radius: 50px; border: 1px solid var(--c2); background: var(--c2); color: #fff; transition: var(--ts); }
.appointment_form button:hover { background: var(--bg2); color: var(--c2); }


/* INFO */
.appointment_info { max-width: 1000px; display: block; background: var(--bg2); text-align: center; padding: 32px 16px; border-radius: 12px; }
.appointment_info h3 { font-size: 28px; }
.appointment_info p { margin-top: 12px; }

.appointment_info_ { display: flex; justify-content: center; align-items: center; gap: 16px; margin-top: 24px; }
.appointment_info_ a { display: flex; align-items: center; gap: 16px; font-size: 18px; padding: 12px 32px; background: #fff; border-radius: 6px; transition: var(--ts); }
.appointment_info_ a span { font-weight: 600; }
.appointment_info_ a:hover { background: var(--c2); color: #fff; }

@media all and (max-width: 480px) {
	.appointment_row { flex-direction: column; gap: 0px; }
	.appointment_img { display: none; }
	.appointment_form { width: 100%; }

	.appointment_info { margin-top: 32px; }
	.appointment_info_ { flex-direction: column; gap: 12px; }
	.appointment_info_ a { width: 100%; }
}

@media (min-width: 500px) and (max-width: 992px) {
	.appointment_row { align-items: flex-end; gap: 24px; }
	.appointment_form { width: 100%; }
}




/* ---------- ----- Contact Info ----- ---------- */
.contact_info .row { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 16px; }
.contact_info .col { display: block; padding: 24px; background: var(--bg2); border-radius: 12px; }
.contact_info .col .icon { font-size: 32px; color: var(--c2); }
.contact_info .col .text { display: block; margin-top: 6px; }
.contact_info .col .text h3 { color: var(--c2); }
.contact_info .col .text a { display: block; margin-top: 6px; }

@media all and (max-width: 498px) {
	.contact_info .row { grid-template-columns: repeat(1, 1fr); }
}

/* ---------- ----- Contact ----- ---------- */
.contact_row { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 32px; }
.contact_col { display: block; width: 100%; position: relative; }

.map { display: block; width: 100%; }
.map iframe { display: block; width: 100%; height: 62vh; border: 0; vertical-align: middle; }

.contact_form { display: block; width: 100%; padding: 32px; border-radius: 24px; background: var(--bg2); }
.contact_form h3 { font-size: 32px; }
.contact_form form { display: block;  margin-top: 16px;  }
.form_group { display: flex; gap: 16px; margin-top: 16px; }
.form_group input,
.form_group select,
.form_group textarea { width: 100%; padding: 16px; background: #fff; border: 1px solid #f3f5fd; outline: 0; border-radius: 8px;  }
.form_group textarea { font-family: var(--ff1); }
.form_group button { width: 100%; padding: 16px 48px; border: 0; outline: 0; background: var(--c2); color: #fff; border-radius: 8px; transition: var(--ts); }

@media all and (max-width: 498px) {
	.contact_row { grid-template-columns: repeat(1, 1fr); }
	.map iframe { height: 50vh; }
	.contact_form { padding: 24px 16px; }
}

@media (min-width: 500px) and (max-width: 992px) {
	.form_group { flex-direction: column; }
}



.footer { display: block; background: var(--bg2); }
.upper_footer { display: block; padding: 60px 16px; position: relative; }
.footer_row { display: grid; grid-template-columns: 25% 12% 29% 25%; grid-gap: 3%; }
.footer_col { display: block; width: 100%; }

.footer_social { display: flex; gap: 9px; margin-top: 12px; }
.footer_social a { display: block; width: 38px; height: 38px; line-height: 38px; text-align: center; border-radius: 50px; background: var(--c2); color: #fff; }

.footer_logo { display: block; width: 246px; }
.footer_logo img { width: 100%; height: auto; }
.footer_text { margin-top: 16px; }
.footer_text p { text-align: justify; }

.footer_col h3 { font-size: 20px; text-transform: uppercase; margin-bottom: 16px; }
.footer_col ul { display: block; }
.footer_col ul li:first-child { margin-top: 0; }
.footer_col ul li { margin-top: 9px; }
.footer_col ul li:before { content: "\f054"; font-family: var(--fa); color: var(--c2); margin-right: 6px; font-size: 14px; }
.footer_col ul li a { transition: var(--ts); }
.footer_col ul li a:hover { color: var(--c2); }

.ftr_serv_links { display: grid!important; grid-template-columns: repeat(2, 1fr); grid-row-gap: 9px; grid-column-gap: 16px; }
.ftr_serv_links li { margin-top: 0px!important; }

.footer_link { display: flex; gap: 9px; }
.footer_link+.footer_link { margin-top: 12px; }
.footer_icon { display: block; font-size: 38px; color: var(--c2); line-height: 0; }
.footer_info { display: block; }
.footer_info h4 { font-size: 17px; font-weight: 600; }
.footer_info a { display: inline-block; transition: var(--ts); font-weight: 500; margin-top: 4px; }
.footer_link:hover .footer_info a { color: var(--c2); }

.lower_section { background: var(--c2); }
.footer_copyright { display: block; width: 100%; position: relative; padding: 16px; text-align: center; }
.footer_copyright p { color: #fff; }

@media all and (max-width: 498px) {
	.footer_row { grid-template-columns: repeat(1, 1fr); grid-gap: 24px; }
	.footer_copyright p a { display: block; }
	.ftr_serv_links { grid-template-columns: repeat(1, 1fr); }
}

@media (min-width: 500px) and (max-width: 992px) {
	.footer_row { grid-template-columns: repeat(2, 1fr);
}