* {margin: 0px;	padding: 0px;}
html, body {height: 100%;	width: 100%;}
body{  font-family: 'Roboto',sans-serif; font-size:16px; color:#333; line-height: 1.5;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, q, small,  sub, sup, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, table, caption, tbody, tfoot, thead, tr, th, td, figure {	border: 0;	margin: 0;	padding: 0;	font-family:'Roboto',sans-serif; font-weight: normal;}
img, fieldset, abbr, acronym {	border: 0;}
article, aside, figure, figcaption, hgroup, footer, header, nav, section, video, object {display: block;}
audio, canvas, video {	display: inline-block;
*display: inline;
*zoom: 1;}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto',sans-serif;	font-size: 100%;	font-weight: normal;}
ul li, ol li {list-style: none;}
img {	border: none;	display: block; max-width:100%;}
a, a:link, a:focus {	color: #000 ;	text-decoration: none;	outline: none;	-moz-transition: all 0.3s ease 0s;	-ms-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;	-webkit-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;}
a:hover {	color: #ffb31e;	-moz-transition: all 0.3s ease 0s;	-ms-transition: all 0.3s ease 0s;	-o-transition: all 0.3s ease 0s;	-webkit-transition: all 0.3s ease 0s;	transition: all 0.3s ease 0s;}@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.6.1');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.6.1') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.6.1') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.6.1') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.6.1') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.6.1#fontawesomeregular') format('svg');
  font-weight: normal; font-style: normal;}
  .fa-twitter:before { content: "\f099";}.fa-facebook:before { content: "\f09a";}.fa-youtube::before {
    content: "\f167";}.fa-instagram::before {
    content: "\f16d";}	.fa-angle-right:before { content: "\f105";}
	.fa-angle-double-right:before {
  content: "\f101";}.fa-telegram:before{content:"\f2c6"} .fa-telegram-plane:before{content:"\f3fe"}
	.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;} .fa-phone:before {
  content: "\f095";}
  .headerleft .fa{ padding-right:2px;}
.fa-map-marker:before {
  content: "\f041";}.fa-envelope-o:before {
  content: "\f003";}.fa-envelope:before {
  content: "\f0e0";}
  .fa-instagram:before {
  content: "\f16d";}.fa-arrow-circle-right:before {
  content: "\f0a9";} .top-area{ background:#3c75c2; width:100%; padding:5px 0}
 .container-area{ max-width:1180px; width:100%; margin:0 auto} 
 .clear{ clear:both}
 .headerleft{ float:left; }
 .headerleft .contact-info{ float:left; margin-right:25px; color:#fff; font-size:16px; padding-top:5px; font-weight:600 } .headerleft .contact-info a{ color:#fff; font-size:18px; font-weight:600 }.headerleft .contact-info a:hover{ color:#fff; text-decoration:underline}
  .headerright{ float:right;}  .headerright a{ color:#fff; position:relative; top:6px; margin-left:10px; line-height:16px; font-size:15px; padding-right:10px; border-right:solid 1px #a1bbde;}.headerright a:hover{color:#fff; text-decoration:underline }
   .logo-area{ float:left; padding:12px 0}    .logo-area img{ height:110px}
   .nav-area{ float:right;  max-width:1040px;}
   	.banner-caption h1{ font-size:51px;   line-height:60px;  padding-bottom:10px;   color:#fff;font-weight:800 } 	.banner-caption h1 span{ font-weight:900}

.banner-caption p{ color:#fff; font-size:35px; font-weight:600;}
.shadowbox{width: 100%;
    -webkit-box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 5px 5px 0px rgb(0 0 0 / 10%);
    position: relative;
    z-index: 99;}
	.owl-item{ position:relative;}
	.owl-item::before {
    content: "";
    position: absolute;
    background: rgba(0,0,0,.4);
    height: 100%;
    width: 100%;
}
	.hero-button {
    margin-top: 40px;
}.hero-button .theme-btn {
    background: #fff;
    color: #000;
    font-size:18px; font-weight:600; padding:14px 25px 14px 25px; border:2px solid transparent;border-radius:30px;}
.hero-button .theme-btn:hover { border:solid 2px #fff; background:transparent; color:#fff;}
.welcom-section{ text-align:center; padding-bottom:70px; max-width:900px; margin:0 auto; width:100%;}
.welcom-section h2{font-size: 41px;
    line-height: 50px;
    font-weight: 700;
    padding-bottom: 15px;}
	.welcom-section p{ line-height:28px; font-size:17px;}
.hero-button .theme-btn1 { border:solid 2px #fff; background:transparent; color:#fff;
   
    margin-right: 10px; font-size:18px; font-weight:600; padding:11px 25px 11px 25px; border-radius:10px;}
.hero-button .theme-btn1:hover { background: #fff;
    color: #2c2d3f;border:2px solid transparent;}

.txtbox h3{ font-size:18px; font-weight:bold; line-height:28px; padding-bottom:5px;}

	.banner-bottom-area{ background:#fff;   width:100%; }.boxw img{ margin:0 auto; padding-bottom:23px;}
	.boxw{ float:left;  position:relative; z-index:99; background:#f5fef4; width:24%; margin:0 1.5%; padding:40px 3%} .boxw h3{ padding-bottom:7px; color:#6ac17d; font-weight:600; text-transform:uppercase; font-size:27px; text-align:center; letter-spacing:1px;} .boxw p{ line-height:28px; font-style:italic}
	
	.welcome-area{ background-image:linear-gradient(45deg, #6ac17d, #9bf194);}
	.welcome-area-left{ float:left; width:50%;    
    background-position: 50% 50%;
    min-height: 550px;
}
		.welcome-area-right{ float:left; width:50%; padding:40px 0 50px 0; }
		.welcome-area-right .content-area{ float:left; width:91%; max-width:500px; padding:0 0 0 9%} 
		.welcome-area-right .content-area h2{ font-size:41px; line-height:50px; font-weight:700; padding-bottom:15px; color:#2d2d4a}
		.welcome-area-right .content-area p{ font-size:1.1rem; line-height:1.7; font-weight:400;}
.btn1{ background:#fff;   padding:12px 35px; border-radius:50px; color:#292933 !important; letter-spacing:2px;}
.btn1:hover{color: #ffffff !important; background-color: #292933 !important;}

.btn3{  border:solid 2px #000 ; padding:8px 25px; border-radius:50px; color:#000 !important; letter-spacing:2px;}
.btn3:hover{color: #ffffff !important;
background-color: #000 !important;}

.drsection{ padding:80px 0 50px 0}
.drleft{ float:left; width:44%; position:relative;}
.drleft .drimg {
    width:350px;
    height: 411px;
    background-image: linear-gradient(#6ac17d, #9bf194);
    margin: 0 auto 0 0;
}

.drleft img {
    margin: -346px 0 0 66px;
}

.dr-image-2 {
    width: 365px;
    min-height: 84px;
    background: url("../images/bg2.jpg"); position:absolute;
    background-position: 50% 50%;
    height: auto;
    margin: -135px 0 52px auto;
}
.drright{ float:right; width:44.5%; padding-top:105px;}
.drright h2{font-size:2.7rem; font-weight:700;  color:#2d2d4a; line-height:3.5rem;}.drright h4{ font-size:21px; padding-bottom:20px;}




.cbtn{ background:#ffb31e; margin-left:5px;  padding:11px 25px 11px 25px !important; border-radius:50px; color:#fff !important; }
.cbtn:hover{color: #ffffff !important; background-color: #000 !important;}

.btn4{ background:#2d2d4a; margin-left:5px;  padding:12px 35px; border-radius:50px; color:#fff !important; letter-spacing:2px;}
.btn4:hover{color: #ffffff !important;
background-color: #6ac17d !important;}

.services-area{ background-image:linear-gradient(45deg, #6ac17d, #9bf194);}
	.services-area-left{ float:right; width:50%;     background: url("../images/bg3.jpg");
    background-position: 50% 50%;
    min-height: 460px;
}
		.services-area-right{ float:left; width:50%; padding:50px 0; }
		.services-area .content-area1{ float:right; width:91%; max-width:480px; padding:0 9% 0 0%} 
		.services-area .content-area1 h2{ font-size:41px; line-height:44px; font-weight:700; padding-bottom:10px; color:#2d2d4a}
		.services-area .content-area1 p{ font-size:1.1rem; line-height:1.7; font-weight:400;}
		.servicesbox{ float:left; width:27.9%; margin:25px 2.5%}
		.simg {
   /* height: 256px;*/
   /* background-image: linear-gradient(#9bf194, #6ac17d);*/
   /* margin: 67px 0 0 49px;*/
}
.servicesbox img {
/*    width: 308px;
    height: 270px;*/
   /* margin: -322px 0 59px;*/
}

.servicesbox img:hover{opacity:0.9}
.why-row{ margin-top:18px}
.why-row .leftimg{ float:left; width:19%; padding-top:5px;}
.why-row .righttxt{ float:right; width:80%}
.why-row .righttxt h3{ font-size:24px; font-weight:900}
.why-row .righttxt p{ line-height:26px;}

.ptb70{ padding:60px 0}
.scontent{ padding:0px 0px 30px 0px;}
.scontent p a{ color:#6ac17d; text-decoration:underline}
.scontent p a:hover{ color:#2d2d4a}
.scontent h3{font-weight: 700;
line-height: 1.2;
font-size: 1.875rem;
margin-top: 20px;
margin-bottom: 10px;}.scontent h3 a{font-weight: 700; color:#2d2d4a} .scontent h3 a:hover{ color:#6ac17d}
.fa-quote-left::before {
    content: "\f10d";
}
.welcome-area-right .fa{ font-size:25px;}
.welcome-area-right h4{ font-size:24px; font-weight:bold; padding-top:10px;}
.fa-quote-right:before {
  content: "\f10e";
}
.welcome-area-right .fa-quote-right{ display:inline-block; vertical-align:bottom}
.ourlatestblog{ padding:50px 0 20px 0}
.ourlatestblog h2 {
    font-size: 41px; text-align:center; font-weight:700;
    padding-bottom: 0px;     font-family: 'Playfair Display';
}
	.heading {
    font-size:41px; text-align:center; font-weight:700;
    padding-bottom: 0px;
    color: #2d2d4a;}
	
	.text-center{ text-align:center}
	.blogbox {
    float: left;
    margin: 0 1.5%;
    width: 30%;
    box-shadow: rgb(0 0 0 / 15%) 0px 0px 50px 0px;
}
.blogbox .imgbox{}
.blogbox .imgbox:hover{opacity:0.9}
.blogbox .btxt {
    padding: 25px 30px 40px 30px;
    background: #fff;
}.blogbox .date { font-size:15px;
    padding-bottom: 5px;
    color: #ffb31e;} .blogbox .date a{color: #ffb31e;} .blogbox .date a:hover{color: #ffb31e;}.blogbox h3{ font-size:28px; line-height:32px; padding-bottom:10px;} .blogbox h3 a{ color:#000; font-weight:bold; } .blogbox h3 a:hover{ color:#ffb31e}
	.btxt p{ padding-bottom:10px;}
	.goog-te-gadget img{ display:none}
	.google-translation-area{ float:right; margin-left:20px;}
	.goog-te-gadget{ font-size:0 !important}
	.VIpgJd-ZVi9od-l4eHX-hSRGPd{ display:none !important}
	.goog-te-gadget .goog-te-combo{ margin:0 !important; padding:8px 7px}
.blogbottom-area{background-image: linear-gradient(0deg, rgba(45,45,74,0.9), rgba(45,45,74,0.9));
background-position: 50% 50%;}
.blogbottom-area1 {
    height: 184px;
    margin-top: 0;
    margin-bottom:0px;
    margin-left: 0;
    background-image: linear-gradient(#6ac17d, #9bf194);}
	.allbox{ padding:0 0 30px 0}
 .bgbox1{ float:left; background:#fff; width:17%; margin:0px 1% 33px 1%; padding:0px 3%; text-align:center;}
.bgbox1 img{ margin:0 auto}
 .bgbox1 h2{ color:#2d2d4a; padding-top:20px; font-size:40px; line-height:44px; font-weight:bold }  .bgbox1 h2 span{ font-weight:bold}
	

	.container-area1{ max-width:800px; width:100%; margin:0 auto}

.fixed { background:#fff;   position: fixed;
    top:0; left:0;
    width: 100%; }
	.fsocial a{ color:#fff; margin-right:15px;} .fsocial a:hover{color:#6ac17d}.fsocial{ margin-top:20px;}
	.mright0{ margin-right:0 !important}
	.pleft40px{ padding-left:21px; font-weight:300;}
	.disclaimer{ padding-top:12px; line-height:24px; font-style:italic; }
	.disclaimer strong{ color:#6ac17d}
	.h10{ height:10px;}
	.opening-row{ margin-top:12px; color:#fff; width:85%}
	.opening-row span{ float:right; font-weight:300;}
	
	.threebox-area{ position:relative; margin:-4.5em 0em 0em 0em}
	.three-col{ float:left; width:33.33%}
	.three-col .iconbox{ float:left; width:23%; padding-top:9px;}
	.three-col .txtbox{ float:right; width:75%}
	.box-area01 {  background:#fff;
    padding: 1.5em 2em 2em 2em;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 10%);
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 70px 0px 0px 70px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;}
	
	.box-area02 {  background:#fff;
    padding: 1.5em 1em 2em 1.5em;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 10%);
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;}
	
		.box-area03 {  background:#3c75c2; 
    padding: 2em 1.5em 2.1em 1.5em;
    box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 10%);
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    border-radius: 0px 70px 70px 0px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-grid-row-align: center;
    align-items: center;}
	.box-area03 h3{ color:#fff}
	.box-area03 a{ color:#fff; font-size:25px; display:block; font-weight:600 } .box-area03 a:hover{ color:#000}
	
	.innerbanner{ width:100%; padding:160px 0; position:relative}
.innerbanner::before{    background: rgba(0,0,0,.3) none repeat scroll 0 0;  content: " ";  height: 100%;
    left: 0;  position: absolute;  top: 0;    width: 100%;  z-index: 9;}
	.fa-angle-right:before {
  content: "\f105";}
	.breadcrumbs .fa{ color:#000; margin-left:5px; margin-right:5px;}
.breadcrumbs { border-bottom:solid 1px #ddd; font-size:15px; text-align:center; color:#ffb31e; position:relative; font-weight:900; z-index:9; padding:12px 0}.breadcrumbs a{ color:#000} .breadcrumbs a:hover{ color:#ffb31e}
.title-text-white{ color:#fff; font-size:2.5em; position:relative; z-index:9; text-align:center; font-weight:bold; margin-bottom:7px; line-height:40px;}
.aboutleft{ float:left; width:48%}
.aboutright{ float:right; width:48%}
.aboutpage h2{font-size: 31px;  line-height: 35px; font-weight: 700;
    padding-bottom: 18px;}
.aboutpage{ padding:70px 0}
.aboutbox{ float:left; margin:20px 1.5%; width:30%; background:#fff; box-shadow: 0px 10px 20px 0px rgb(0 0 0 / 10%);
    border-style: solid;
    border-width: 0px 0px 0px 0px
; border-radius: 10px 10px 10px 10px;}
.aboutbox .abouttxt{ padding:30px 25px; text-align:center}.aboutbox .abouttxt h3{ font-size:27px; padding-bottom:5px; padding-top:15px; font-weight:700}
.list50 li{ float:left; width:49%; margin-right:1%}
.bdbottom0{ border-bottom:0 !important}
.aboutbox .abouttxt img{ margin:0 auto}
.dpage h3{
    font-size: 30px;
    line-height:35px;
    font-weight: 700;
    padding-bottom: 10px;}
.why-us-card h4{ font-weight:600; font-size:18px;}
.bgwhite p{ padding-bottom:20px;}
		.liststyle{ margin-bottom:21px;}
	.liststyle li {
    line-height: 24px;
    background: url(../images/tick.png) left 4px no-repeat;
    padding-left:25px;
    margin: 5px 0 7px 0;}
	.gallerypage{ padding:60px 0}
	.portfolio_filter li {
    display: inline-block;
}
.portfolio_filter li a {
	border-bottom: 1px solid transparent;
	padding: 5px 25px;
    display: block;
	font-size: 16px;
    text-transform: capitalize;
}
.portfolio_filter li a.current,
.portfolio_filter li a:hover {
	border-color: #0e93d8;
	color: #0e93d8;
}

.portfolio_container,
.portfolio_gallery 
{
	list-style: none; margin-top:15px;
}
.gutter_small {
    margin: 0 -7.5px -15px -7.5px;
}

.work_col2 > li {
	width: 50%;
	float: left;
}
.work_col3 > li {
	width: 31%;
	float: left;
}
.work_col4 > li {
    width: 25%;
	float: left;
}
.work_col5 > li {
    width: 20%;
	float: left;
}
.portfolio_item img,
.portfolio-item img {
    width: 100%;
	transition: all 0.5s ease-in-out;
}
.portfolio_hide {
	opacity: 0;
    visibility: hidden;
    height: 0;
	padding-top:0 !important;
	padding-bottom:0 !important
}
.gutter_small > li {
    padding: 0 7.5px 15px 7.5px;
}
.gutter_medium > li {
    padding: 0px 1% 22px 1%;
}
.portfolio_content {
    padding: 15px;
}
.portfolio_item {
    overflow: hidden;
    position: relative;
}
.portfolio_item a {
	display: block;
	overflow: hidden;
}
.portfolio_style1 .portfolio_content {
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: absolute;
    top: 60px;
	opacity: 0;
	visibility: hidden;
    right: 0;
    left: 0;
    text-align: center;
	transition: all 0.5s ease-in-out;
	z-index: 3;
}
.portfolio_style1 .portfolio_item::before {
    background-color: rgba(14,147,216,0.80);
    content: "";
    position: absolute;
    left: 0;
    right: 0;
	opacity: 0;
	visibility: hidden;
    top: 0;
    bottom: 0;
	transition: all 0.5s ease-in-out;
	z-index: 2;
}
.portfolio_style1 .portfolio_item:hover .portfolio_content {
	top: 0;
	opacity: 1;
	visibility: visible;
}
.portfolio_style2 .portfolio_content {
	background-color: rgba(14,147,216,0.80);
    bottom: 0;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: absolute;
    top: 0px;
	opacity: 0;
	visibility: hidden;
    right: 0;
    left: 0;
    text-align: center;
	transition: all 0.5s ease-in-out;
}
.portfolio_style1 .portfolio_item:hover:before,
.portfolio_style2 .portfolio_item:hover .portfolio_content,
.portfolio_style3 .portfolio_item:hover .portfolio_content {
	opacity: 1;
	visibility: visible;
}
.portfolio_style2 .portfolio_item:hover img,
.portfolio_style4 .portfolio_item:hover img {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
    transform: scale(1.3);
}
.portfolio_style3 .portfolio_content {
	background-color: rgba(14,147,216,0.80);
    bottom: 10px;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: absolute;
    top: 10px;
	opacity: 0;
	visibility: hidden;
    right: 10px;
    left: 10px;
    text-align: center;
	transition: all 0.5s ease-in-out;
}
.portfolio_style4 .portfolio_item .image_link {
    display: block;
    overflow: hidden;
}
.portfolio_style4 .portfolio_content {
	background-color: #0e93d8;
	transition: all 0.5s ease-in-out;
}
.portfolio_style5 .portfolio_content {
	background-color: rgba(14,147,216,0.80);
    bottom: 10px;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: absolute;
    top: 10px;
	opacity: 0;
	visibility: hidden;
    right: 10px;
    left: 10px;
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	transition: all 0.5s ease-in-out;
}
.portfolio_style5 .portfolio_item:hover .portfolio_content {
	opacity: 1;
	visibility: visible;
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	transform: scale(1);
}
.link_container a {
	background-color: #fff;
	border: 2px solid #fff;
    color: #0e93d8;
    font-size: 22px;
    width: 45px;
    height: 45px;
    display: inline-block;
    border-radius: 100%;
    line-height: 45px;
	margin: 0 2px;
	text-align: center;
}
.link_container a .ion-ios-play {
    position: relative;
    left: 2px;
}
.link_container a:hover {
	background-color: transparent;
	color: #fff;
}
.link_container {
    margin-bottom: 10px;
}
.portfolio_content h5 a,
.portfolio_content p {
	color: #fff;
}
.portfolio_content p {
    margin: 0;
    min-height: 50px;
    overflow: hidden;
    max-height: 50px;
}
.work_col5.portfolio_style3 .portfolio_content,
.work_col5.portfolio_style5 .portfolio_content {
    padding: 5px;
	bottom: 5px;
	top: 5px;
	right: 5px;
	left: 5px;
}
.work_col5.portfolio_style3 .link_container a,
.work_col5.portfolio_style5 .link_container a {
    font-size: 18px;
    width: 35px;
    height: 35px;
    line-height: 35px;
}
.work_col5.portfolio_style3 .portfolio_content p,
.work_col5.portfolio_style5 .portfolio_content p {
    min-height: 40px;
    max-height: 40px;
    font-size: 14px;
}

.portfolio_slider.owl-carousel.owl-theme .owl-dots,
.blog_post .owl-carousel.owl-theme .owl-dots {
    margin: 0 !important;
    position: absolute;
    top: 10px;
	right: 10px;
	z-index: 9;
}
.portfolio_slider.owl-carousel.owl-theme .owl-dots span,
.blog_post .owl-carousel.owl-theme .owl-dots span {
	margin: 5px 2px;
}
.portfolio_slider.owl-carousel {
    z-index: inherit;
}
.portfolio_slider.owl-carousel.owl-drag .owl-item {
	overflow: hidden;
}
.single_post .owl-carousel.owl-theme .owl-dots {
	margin: 0 !important;
	position: absolute;
	bottom: 20px;
	left: 0;
	right: 0;
}
.portfolio-item .owl-carousel {
	display: block;
}
.portfolio-item .owl-carousel a:nth-child(1n+2) {
	display: none;
}
.loading {
	font-size: 0 !important;
	background-color: #000 !important;
	border: 0;
	height: 48px;
	width: 50px;
}
#load-more {
	transition: none;
}.image_gallery_item {
	position: relative;
}
.gallary_hover_box {
	background-color: rgba(45,45,74,0.70);
    bottom: 0px;
	display: -webkit-flex;
    display: -ms-flexbox;
    display: -ms-flex;
    display: flex;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -ms-justify-content: center;
    justify-content: center;
    -webkit-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap;
    position: absolute;
    top: 0px;
	opacity: 0;
	visibility: hidden;
    right: 0px;
    left: 0px;
	text-align: center;
	transition: all 0.5s ease-in-out;
}
.gallary_hover_box i { background:#6ac17d; width:60px; height:43px; padding-top:17px; margin:0 auto; border-radius:100%;
	color: #fff;
	font-size: 25px;
}
.image_gallery_item:hover .gallary_hover_box {
	opacity: 1;
	visibility: visible;
}

.gallery_img img { 
	transition: all 0.5s ease;
}
.gallery_hover_style1 .image_gallery_item,
.gallery_hover_style2 .image_gallery_item { 
	overflow: hidden; 
}
.gallery_hover_style1 .image_gallery_item:hover .gallery_img img {

}
.gallery_hover_style2 .gallary_hover_box {
	top: 15px;
	left: 15px;
	bottom: 15px;
	right: 15px;
}
.gallery_hover_style2 .image_gallery_item:hover .gallery_img img {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
	-webkit-filter: blur(5px); 
    -moz-filter: blur(5px);
    -ms-filter: blur(5px);
    -o-filter: blur(5px);
     filter: blur(5px);
}
.gallery_hover_style3 .gallary_hover_box::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: 0px;
    bottom: 0px;
    border: 2px solid rgba(255,255,255,0.5);
    margin: 10px;
}.ti-zoom-in::before {
    content: "\e611";
}@font-face {
	font-family: 'themify';
	src:url('../fonts/themify9f24.eot?-fvbane');
	src:url('../fonts/themifyd41d.eot?#iefix-fvbane') format('embedded-opentype'),
		url('../fonts/themify9f24.woff?-fvbane') format('woff'),
		url('../fonts/themify9f24.ttf?-fvbane') format('truetype'),
		url('../fonts/themify9f24.svg?-fvbane#themify') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="ti-"], [class*=" ti-"] {
	font-family: 'themify';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;}
	.testimonialpage{ padding:70px 0 50px 0}
	.tbox{ float:left; width:30%; margin:0 1.5%; text-align:center}
	.tbox h3{ font-size:21px; font-weight:bold; padding-top:10px; }
 .tbox img{ margin:0 auto;}
 
.testimonialpage h2 {
    font-size: 32px;
    line-height: 40px;
    font-weight: bold;
    padding-bottom: 40px;
}
 .contact-map-area{}
 .single-testimonial-style1{position:relative;display:block;width:100%;margin:0 auto 30px;z-index:10}.single-testimonial-style1 .inner-content{position:relative;display:block;background:#fff;padding:44px 40px 0;z-index:1; -webkit-box-shadow:0 -2px 11px 2px rgba(0,0,0,.05);box-shadow:0 -2px 11px 2px rgba(0,0,0,.05); border-bottom:solid 5px #6ac17d}.single-testimonial-style1 .inner-content .bg{position:absolute;top:0;left:0;bottom:30px;right:0;background-repeat:no-repeat;background-position:center top;background-size:100% 100%;z-index:-1;-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
.single-testimonial-style1 .quote-icon{position:relative;display:block;width:36px;height:27px;margin:0 auto 20px}
 .single-testimonial-style1 .quote-icon .main-icon{transform:scale(1);-webkit-transition:all .4s linear;-o-transition:all .4s linear;transition:all .4s linear}
 .single-testimonial-style1:hover .quote-icon .main-icon{transform:scale(0)}
.single-testimonial-style1 .text-box{position:relative;display:block;padding-bottom:33px}.single-testimonial-style1 .text-box p{margin:0; font-size:17px;}
.single-testimonial-style1 .inner-content:hover{-webkit-box-shadow:0 -2px 11px 2px rgba(0,0,0,.01);box-shadow:0 -2px 11px 2px rgba(0,0,0,.01); -webkit-transition:all .3s linear;-o-transition:all .3s linear;transition:all .3s linear}
.contactpage{ padding:60px 0}
.contactpage h1{    font-size: 2.5em;
    text-align: center;
    font-weight: bold;
    margin-bottom:35px;
    line-height: 40px;}
	.contact-wraper {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}
	.contact-info-area {
    max-width: 470px;  position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    padding:95px 40px 55px 40px;
    background: #6ac17d;   width: 100%;}.contact-info-area h4{ font-size:31px; color:#fff; font-weight:bold; margin-bottom:35px;} .contact-info-area h6{ font-size:19px; color:#fff; font-weight:bold; }

.contact-info-item { color:#fff;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom:50px;
    max-width: 450px;}
.contact-info-item a{ color:#fff} .contact-info-item a:hover{ color:#000}
.contact-info-item .thumb { display:flex;
    width: 60px; 
    height: 60px;
    border-radius: 50%;
    font-size: 26px;
    color: #6ac17d;
    background: #fff;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;}.contact-info-item .content {
    padding-left: 20px;
    width: calc(100% - 80px); float:left}
	.contact-form-wrapper {
    max-width: calc(100% - 670px); width: 100%;
    background: #fff;
    -webkit-box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 6%);
    box-shadow: 0px 0px 24px 0px rgb(0 0 0 / 6%);
    padding:60px 60px;
    padding-left: 160px;
    margin-left: auto;}
.contact-form .contact-button { width: 100%; font-size:18px; font-weight:bold;
    cursor: pointer;
    height: 50px;
    color: #fff;
    font-weight: 500;
    text-transform: capitalize;
    border-radius: 5px;
    -webkit-transition: all ease .3s;
    transition: all ease .3s;
    background: #2d2d4a;
    width: auto; border:0;
    padding: 10px 25px;
    margin-top:5px;} .contact-form .contact-button:hover{ background:#6ac17d} .form--control {background: #f8f8f8 !important;
    width:92%;
    height: 50px;
    color: #1f1f1f;
    padding: 0 4%;
    border-radius: 5px;
    -webkit-transition: all ease .2s;
    transition: all ease .2s;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 15px;
    border: 1px solid #ebebeb;}.form--group{ margin-bottom:20px;}
	.contact-form-wrapper h2{ color:#2d2d4a; font-size:31px; font-weight:bold; padding-bottom:30px;}
	textarea.form--control {
    height: 120px;
    padding-top: 10px;}.contact-form-wrapper .communication-method-wrapper {
    margin-top: 20px;}.contact-form-wrapper .communication-method-wrapper .group-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}.contact-form-wrapper .communication-method-wrapper .form--group {
    width: auto;
    margin-right: 25px;
    margin-top: 10px;}.custom--radio {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;}.custom--radio input[type="radio"]:checked {
    background: #6ac17d;
    border-color: #6ac17d;}.custom--radio input[type="radio"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 15px;
    width: 15px;
    cursor: pointer;
    background: #fff;
    border: 1px solid rgba(34, 34, 34, 0.4);
    border-radius: 2px;
    margin-top: 5px;
    border-radius: 50%;}.custom--radio label {   margin-bottom: -2px;  padding-left: 7px;}
	.servicespage{ padding:60px 0}
	.innerleft{ float:left; width:28%;}
	.innerright{ float:right; width:68%} .innerright h2{ font-size:32px; font-weight:bold; padding-bottom:15px;}
	.sidelist li:first-child {
    margin-top: 0;}
	.sidelist li {
    list-style: none;
    margin-top: 15px;
    display: block;
    font-size: 14px;
    font-weight: 700;
}.sidelist li a {background-color: #f4f4f5; color:#2d2d4a;
    padding: 20px 8px 20px 30px;
    display: block;
    font-size: 16px;
    font-weight: 400;}.sidelist li a:hover { color:#6ac17d}
	.sidelist li a:hover {background-color: #6ac17d; color:#fff;} .sidelist li a:hover span {color:#6ac17d}
	.sidelist li a span {
    background-color: #fff; float:right;
    color: var(--ltn__primary-color);
    position: relative;
    top: -13px;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    -webkit-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
	.fa-arrow-right:before {
    content: "\f061";
}.innerd{ margin-top:30px; background:#6ac17d}.innerd img:hover{opacity:0.95}
.innerrdtxt{ padding:20px; text-align:center}
.innerrdtxt h3{ color:#fff; font-weight:bold; font-size:28px;}
.innerrdtxt h4{ color:#fff; font-weight:500; font-size:18px;}

.welcome-section {
    padding: 80px 0
}

.welcome-left {
    float: left;
    width: 47.5%
}

.welcome-right {
    float: right;
    width: 47.5%
}

.welcome-right h2 {
    font-family: 'Playfair Display';
    font-weight: 700;
    padding-bottom: 10px;
    font-size: 41px;
    line-height: 48px;
}

.welcome-right p {
    margin-bottom:28px;
    line-height: 24px;
}

.welcome-right h3 {
 line-height:34px;
    font-weight: 700;
    padding-bottom: 5px;
    font-size: 28px;
    padding-top: 10px;
}

.our-m-b {
    float: right;
    width: 48%;
    /* margin-top: 10px; */
}

.our-m-b img {
    width: auto !important
}

.our-v-b {
    float: left;
    width: 48%;
    /* margin-top: 10px; */
}

.our-v-b img {
    width: auto !important
}

.fomore {
    color: #3c75c2 !important;
    position: relative;
    font-weight: 500
}

.fomore:hover {
    color: #000 !important; text-decoration:underline;
}

.fomore:hover:after {
    background: #ffb31e !important;
}

.fomore1 {
    color: #000 !important;
    position: relative;
    font-weight: 500
}

.fomore1:hover {
    color: #fff !important
}

.fomore1:hover:after {
    background: #fff !important;
}



.fomore1:after {
    position: absolute;
    background: #000;
    top: 13px;
    content: "";
    font-size: 1em;
    height: 2px;
    width: 2.5em;
    display: inline-block;
    vertical-align: middle;
    margin-left: 0.8em;
    backface-visibility: hidden;
    pointer-events: none;
    animation: underline 0.4s ease-in-out forwards;
    transition: transform 0.4s ease-in-out;
    animation: none;
    transform-origin: left;
    z-index: 1;
    order: 2;
}

.quote-area {
    text-align: center;
    position: relative;
}

.quote-area p {
    padding: 20px 0 28px 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}

.quote-area:after {
    content: "";
    height: 2px;
    width: 30%;
    position: absolute;
    bottom: 0;
    background: currentColor;
    opacity: 0.1;
    transform: translate(-50%, -50%);
    background: #000;
}

.treatment-area {
    padding: 80px 0 50px 0
}

.treatment-area h2 {
    font-family: 'Playfair Display';
    font-weight: 700;
    padding-bottom: 15px;
    font-size: 41px;
    line-height: 48px;
    text-align: center;
}

.treatment-area h2 span {
    font-family: 'Playfair Display';
    font-weight: 700;
    color: #f47a22
}

.treatment-box {
    float: left;
    width: 31%;
    margin: 15px 1%;
    position: relative
}

.treatment-box .timg-area {
    position: relative
}

.treatment-box h3 {
    padding: 20px 0 5px 0
}

.treatment-box p {
    padding-bottom: 10px;
    line-height: 24px
}

.treatment-box h3 a {
    font-family: 'Playfair Display'; color:#000;
    font-size: 24px;
    font-weight: 700;
}
.treatment-box h3 a:hover { color:#ffb31e}
.t-icon-area {
    position: absolute;
    width: 36px;
    height: 36px;
    background: #fff;
    left: 0;
    bottom: 0;
    padding: 10px
}

.banner-area img {
    height: 600px;
    object-fit: cover;
    object-position: 50% 50%;
}

.consultaion-bg {
    padding: 110px 0;
    position: relative;
    text-align: center;
    background-size: cover !important;
    background-position: center top !important;
}

.consultaion-bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
}

.consultaion-bg h2 {
    color: #fff;
    font-family: 'Playfair Display';
    font-size: 45px;
    font-weight: 700;
    position: relative;
    padding-bottom: 15px;
    line-height: 55px;
}

.consultaion-bg h2 span {
    font-weight: 700;
    color: #ffb31e;
    font-family: 'Playfair Display';
}

.consultaion-bg p {
    position: relative;
    color: #fff;
    font-size: 21px;
    padding-bottom: 10px;
}

.btn2 {
    background: #ffb31e;
    display: inline-block !important;
    text-align: center;
    padding: 16px 35px 16px 35px;
    font-weight: 700;
    font-size: 17px;
    color: #000 !important;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    border-radius: 50px;
}

.btn2:hover {
    background: #3c75c2;
    color: #fff !important
}

.testimonial-area {
    padding: 70px 0;
    background: #f5f5f5
}

.testimonial-area h2 {
    font-family: 'Playfair Display';
    font-weight: 700;
    padding-bottom: 40px;
    font-size: 41px;
    line-height: 48px;
    padding-left: 1.5%
}

.testimonial-area h2 span {
    font-family: 'Playfair Display';
    font-weight: 700;
    color: #ffb31e
}

.testimonial-box {
    float: left;
    width: 30%;
    margin: 0 1.5%
}

.testimonial-img {
    float: left;
    width: 24%;
    padding-top: 100px;
}

.testimonial-img img {
    border-radius: 100%
}

.testimonial-txt {
    width: 100%
}

.testimonial-txt p {
    font-weight: 500;
    padding: 20px 0;
    font-size: 21px;
    line-height: 30px;
    font-style: italic
}

.testimonial-txt h5 {
    font-size: 20px;
    font-weight: 700;
}

.testimonial-txt h6 {
    color: #3c75c2;
    font-size: 15px;
    font-weight: 500
}

.text-center {
    text-align: center
}

.doctor-area {
    padding: 50px 0 50px 0;
}

.doctor-area h2 {
    font-family: 'Playfair Display';
    font-weight: 700;
    padding-bottom: 12px;
    font-size: 41px;
    line-height: 48px;
}

.doctor-area h2 span {
    font-family: 'Playfair Display';
    font-weight: 700;

}

.drdtxt {
    width: 80%;
    line-height: 24px;
    padding-bottom: 25px;
    font-size: 16px;
    line-height: 26px;
}

.dr-box {
    float: left;
    width: 46.5%;
    margin: 15px 3.5% 15px 0;
    position: relative;
    background: #ffb31e
}

.dr-box .timg1-area {
    position: relative
}

.dr-box h3 {
    padding: 20px 0 0px 0; line-height:28px;
}

.dr-box p {
    padding-bottom: 10px;
    line-height: 24px
}

.dr-box h3 a {
    font-family: 'Playfair Display';
    font-size: 28px;
    font-weight: 700;
}

.dr-box h3 a:hover {
    color: #fff
}

.dr-box h4 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    padding-bottom: 15px; line-height:26px;
}

.footer-area {
    background-image: linear-gradient(to bottom right, #1d4f95, #3d70b8);
    padding: 40px 0 25px 0
}

.fcol-1 { text-align:center;

}

.fcol-1 p {
    color: #fff;
    line-height: 22px;
    font-size: 16px;
    padding-top: 15px;
}

.fcol-1 ul {
    margin-top: 15px;
    color: #fff
}

.fcol-1 ul li {
    color: #fff;
    font-size: 16px;
    margin-bottom: 7px;
}

.fcol-1 ul li a { margin-right:10px;
    color: #fff; font-weight:600; font-size:21px;
}

.fcol-1 ul li a:hover {
    color: #ffb31e
}

.fcol-1 ul li .fa {
    color: #ffb31e;
    font-size: 19px; margin-right:5px; margin-left:10px;
}

.fcol-2 { width:50%; float:left; border-top: solid 1px #7ea2d1;
    padding-top: 30px;
    margin-top: 30px;

}
.fcol-2 h5{ padding-bottom:10px;}

.footer-area h5 {
    color: #fff;
    font-size: 26px; line-height:30px;
    font-weight: 600;
}

.fcol-2 ul li {
    margin-bottom: 5px;
    margin-top: 5px;
    float: left;
    width: 50%;
    font-size: 16px;
}

.fcol-2 ul li a {
    font-size: 15px;
    color: #fff;
    background: url(../images/arrow.png) left 5px no-repeat;
    padding-left: 16px;
}

.fcol-2 ul li a:hover {
    color: #ffb31e
}

.fcol-3 {
    float: right;
    width: 22%;
    margin-left: 3%;
    color: #fff
}

.fcol-3 p {
    font-size: 16px;
    margin-top: 5px;
    line-height: 22px;
}

.fcol-3 h5 {
    display: inline-block;
    vertical-align: middle;
    color: #ffb31e;
    font-size: 45px;
}

.fcol-3 h6 {
    padding-left: 5px;
    display: inline-block;
    font-size: 15px;
    vertical-align: middle
}

.fcol-3 h6 a {
    color: #fff;
    font-weight: 700;
    font-size: 22px;
    line-height: 32px;
}

.fcol-3 h6 a:hover {
    color: #ffb31e
}

.footer-social {
    margin-top: 20px;
}

.footer-social a {
    color: #fff;
    margin-right: 20px;
    font-size: 31px;
    font-weight: 900;
}

.footer-social a:hover {
    color: #ffb31e;
}

.footer-bottom {
    border-top: solid 1px #7ea2d1;
    color: #fff;
    margin-top: 30px;
    padding-top: 25px;
    font-size: 15px;
}

.footer-left {
    float: left
}

.footer-right {
    float: right
}

.footer-right a {
    color: #ffb31e;
    font-weight: 600
}

.footer-right a:hover {
    color: #ffb31e; text-decoration:underline
}.container-area2 {
    max-width: 1090px;
    width: 100%;
    margin: 0 auto;
}
.appointment-section {
    padding: 60px 0
}

.appointment-left {
    float: left;
    width: 47.5%
}

.appointment-left h2 {
    font-family: 'Playfair Display';
    font-weight: 700;
    padding-bottom: 25px;
    padding-top: 30px;
    font-size: 41px;
    line-height: 48px;
    padding-left: 1.5%
}

.appointment-left h2 span {
    font-family: 'Playfair Display';
    font-weight: 700;
    color: #ffb31e
}

.appointment-right {
    float: right;
    width: 47.5%;
    background: #f5f5f5
}

.appointment-form {
    padding: 30px 50px 50px 50px
}

.appointment-form h3 {
    font-size: 1.953125em;
    font-weight: 600;
    font-family: 'Playfair Display';
    padding-bottom: 1px
}

.form-control {
    padding: 12px 4%;
    border: 0;
    box-shadow: none;
    transition: all .5s ease-in-out;
    line-height: 1.5;
    font-size: 1rem;
    width: 92%;
}

.form-group {
    margin-bottom: 10px;
}

.form-area .btn2 {
    cursor: pointer;
    font-size: 18px;
}

.appointment-form .btn2 {
    display: block;
    width: 100%;
    cursor: pointer
}

.appointment-box {

    margin: 15px 0%
}

.appointment-box h4 i {
    color: #ffb31e;
    font-size: 31px;
    font-weight: 700
}
.appointment-box h4 a{ font-size:31px; font-weight:600; padding-left:5px;}
.appointment-box h5 {
    padding-top: 10px;
    font-size: 25px;
    font-weight: 600;

}

.appointment-box h5 a {
    font-weight: 600;

}

.appointment-box p {
    font-size: 15px;
    line-height: 20px;
}

.drtxt {
    padding: 0 25px 15px 25px
}

.gallery-area {
    padding-top: 60px;
    padding-bottom: 60px;
}

.gallery-area h2 {
    font-family: 'Playfair Display';
    text-align: center;
    font-weight: 700;
    padding-bottom: 35px;
    font-size: 41px;
    line-height: 48px;
    padding-left: 1.5%
}

.gallery-area h2 span {
    font-family: 'Playfair Display';
    font-weight: 700;
    color: #ffb31e
}

.gallerybox1 {
    float: left;
    width: 49.5%
}

.gallerybox2 {
    float: right;
    width: 49.5%
}



.fixed-contact-buttons {
    position: fixed;
    top: 40%;
    right: 0;
    transform: translateY(-50%);
    z-index: 99999;

    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 5px;
}

/* Each button */
.fixed-btn {
    width: 55px;
    height: 55px;

    display: flex;
    align-items: center;

    padding: 0;
    box-sizing: border-box;

    color: #fff !important;
    text-decoration: none !important;

    border-radius: 6px 0 0 6px;

    overflow: hidden;
    white-space: nowrap;

    transition: width 0.35s ease;
}

/* Icon */
.fixed-btn i {
    width: 55px;
    min-width: 55px;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 31px;
}

/* Text */
.fixed-btn span {
    opacity: 0;
    width: 0;

    font-size: 16px;
    font-weight: 600;

    transition: opacity 0.2s ease;
}

/* ONLY THE HOVERED BUTTON */
.fixed-btn:hover {
    width:220px;
}

/* Show text only on hovered button */
.fixed-btn:hover span {
    opacity: 1;
    width: auto;
    margin-right: 18px;
}

/* Colors */
.whatsapp-btn {
    background: #25D366;
}

.call-btn {
    background: #1d4f95;
}
.telegram-btn {
    background: #ffb31e;
}
.appointment-btn {
    background: #3c75c2;
}

/* Hover colors */
.whatsapp-btn:hover {
    background: #20bd5a;
}

.call-btn:hover {
    background: #1d4f95;
}

.appointment-btn:hover {
    background: #3c75c2;
}


/* Mobile */
@media (max-width: 767px) {

    .fixed-contact-buttons {
        top: auto; display:block;
        bottom: 20px;
        right: 15px;
        transform: none; text-align:center; width:100%;
        gap: 10px;
    }

    .fixed-btn {
        width: 52px;
        height: 52px; display:inline-grid;
        border-radius: 50%;
    }

    .fixed-btn i {
        width: 52px;
        min-width: 52px;
    }

    .fixed-btn span {
        display: none;
    }

    .fixed-btn:hover {
        width: 52px;
    }
	
	.footer-bottom{ padding-bottom:70px; text-align:center;}.footer-right{ text-align:center; float:none}
}

.fa-whatsapp:before {
  content: "\f232"; }.fa-calendar:before {
  content: "\f133"; }.fa-calendar-check:before {
  content: "\f274"; }

.why-choose-box{ float:left; width:31.33%; margin:10px 2% 15px 0; background:#fff; box-shadow:rgb(0 0 0 / 10%) 0px 0px 50px 0px;  border-radius:20px;}
.why-choose-box-main{ padding:30px 30px; text-align:center}
.why-choose-box-main h3{ font-size:24px; line-height:32px; font-weight:600; padding-top:10px;}
.why-choose-box-main img{ margin:0 auto}
.innerpage{ padding:60px 0 50px 0; font-size:17px}
.innerpage p{ padding-bottom:20px; }
.innerpage h2{    font-size: 32px;
    font-weight: 600;
    padding-bottom: 10px;}
	.width80{ width:80%; margin:0 auto}
	.wcbox{ display:inline-block; vertical-align:top; width:31%; margin:12px 1%; background:#fff; border-radius:20px; box-shadow:rgb(0 0 0 / 10%) 0px 0px 50px 0px}
	.wcbox-main{ padding:25px 20px 10px 20px;}
	.wcbox-main h3{font-family:'Playfair Display'; font-size:24px; line-height:30px; font-weight:700; padding-bottom:7px;}
	.font18{ font-size:18px !important}
	
	.patient-journey-section {
    padding:50px 20px 70px 20px;
}

.patient-journey-container {
    max-width: 1180px;
    margin: 0 auto;
}


/* Heading */

.patient-journey-heading {
    max-width: 920px;
    margin: 0 auto 45px;
    text-align: center;
}

.patient-journey-heading span {
    display: block;
    margin-bottom: 8px;

    color: #3c75c2;
    font-weight: 700;
    letter-spacing: 2px;
}

.patient-journey-heading h2 { font-family:'Playfair Display';
    margin: 0 0 14px;

    font-size: 41px; line-height:44px;
    font-weight: 700;
}

.patient-journey-heading p {
    margin: 0;

    line-height: 1.7;
}


/* Grid */

.journey-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}


/* Card */

.journey-box {
    display: flex;
    align-items: flex-start;
    gap: 18px;

    padding: 25px 26px;

    background: #fff;
    border: 1px solid #e1e9f2;
    border-radius: 10px;

    transition: all .3s ease;
}

.journey-box:hover {
    transform: translateY(-3px);

    border-color: #ddd;

    box-shadow: 0 10px 25px rgba(29,79,149,.10);
}


/* Number */

.journey-icon {
    flex: 0 0 48px;

    width: 48px;
    height: 48px;

    display: flex;
    align-items: center;
    justify-content: center;

    border-radius: 50%;

    background: #eaf2fb;
    color: #1d4f95;

    font-size: 21px;
    font-weight: 700;
}


/* Content */

.journey-box h3 {
    margin: 2px 0 7px; font-weight:600;

    font-size: 24px;
    line-height: 1.35;
}

.journey-box p {
    margin: 0;

    line-height: 1.6;
}


/* CTA */

.journey-bottom {
    margin: 40px auto 0;
    padding: 32px 25px;

    text-align: center;

    background: #1d4f95;
    border-radius: 10px;
}

.journey-bottom h3 {
    margin: 0 0 7px;

    color: #fff;
    font-size: 25px;
}

.journey-bottom p {
    margin: 0 0 20px;

    color: #e5edf7;
    font-size: 15px;
}

.journey-bottom a {
    display: inline-block;

    padding: 11px 25px;

    background: #fff;
    color: #1d4f95;

    border-radius: 4px;

    font-size: 14px;
    font-weight: 700;
    text-decoration: none;

    transition: .3s ease;
}

.journey-bottom a:hover {
    transform: translateY(-2px);
}


/* Tablet */

@media (max-width: 767px) {

    .patient-journey-section {
        padding: 50px 15px;
    }

    .patient-journey-heading {
        margin-bottom: 30px;
    }

    .patient-journey-heading h2 {
        font-size: 34px;
    }

    .patient-journey-heading p {
        font-size: 15px;
    }

    .journey-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }

    .journey-box {
        padding: 20px;
    }

    .journey-bottom {
        margin-top: 30px;
    }

}


/* Mobile */

@media (max-width: 480px) {

    .patient-journey-heading h2 {
        font-size: 30px;
    }

    .journey-box {
        gap: 14px;
        padding: 18px;
    }

    .journey-icon {
        flex-basis: 42px;
        width: 42px;
        height: 42px;
    }

    .journey-box h3 {
        font-size: 17px;
    }

    .journey-box p {
        font-size: 13px;
    }

    .journey-bottom h3 {
        font-size: 22px;
    }
}


.container {
    width: 90%;
    max-width: 1200px;
    margin: auto;
}

.section-heading {
    max-width: 850px; margin:0 auto; text-align:center
}

.section-heading.center {
    margin: 0 auto 30px;
    text-align: center;
}

.section-heading > span {
    color: #1d4f95;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.section-heading h1,
.section-heading h2 {
    margin: 10px 0 0px;
}

.section-heading h1 { font-family:'Playfair Display';
    font-size: 41px; font-weight:600;
}

.section-heading h2 {
    font-size: 35px;
}

.section-heading p {
    color: #333;
    line-height: 1.8;
}


/* =========================
   INTRO
========================= */

.visa-intro {
    padding:40px 0 50px;

}


/* =========================
   STICKY TABS
========================= */

.visa-sticky {
    position: relative;
    z-index: 1000;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
}

.visa-sticky.fixed {
    position: fixed;
    top: 80px;
    left: 0;
    width: 100%;
    box-shadow: 0 4px 15px rgba(0,0,0,.10);
}

.visa-tabs {
    display: flex;
    justify-content: center;
    gap: 5px;
    overflow-x: auto;
}

.visa-tabs a {
    color: #333;
    text-decoration: none;
    padding: 17px 25px;
    font-size: 15px;
    font-weight: 600;
    white-space: nowrap;
    transition: .3s;
}

.visa-tabs a:hover,
.visa-tabs a.active {
    color: #fff;
    background: #1d4f95;
}


.visa-process {
    padding: 50px 0; background:#f5f5f5;
}

.visa-process,
.visa-types,
.visa-documents,
.visa-faq {
    scroll-margin-top: 150px;
}

.visa-timeline {
    position: relative;
    max-width: 950px;
    margin: auto;
}

.visa-timeline:before {
    content: "";
    position: absolute;
    left: 31px;
    top: 20px;
    bottom: 20px;
    width: 2px;
    background: #dce6f2;
}

.visa-step {
    position: relative;
    display: flex;
    gap: 30px;
    margin-bottom: 35px;
}

.step-number {
    position: relative;
    z-index: 2;
    min-width: 64px;
    height: 64px;
    border-radius: 50%;
    background: #3c75c2;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    font-weight: 700;
    box-shadow: 0 0 0 7px #fff;
}

.step-content {
    flex: 1;
    background: #fff;
    padding: 28px 32px;
    border: 1px solid #e5ebf2;
    border-radius: 8px;
    box-shadow: 0 7px 25px rgba(0,0,0,.05);
}

.step-content h3 {
    margin: 0 0 12px; font-weight:600;
    color: #1d4f95;
    font-size: 22px;
}

.step-content p {
    margin: 0;
    color: #666;
    line-height: 1.8;
}



.visa-types {
    padding: 50px 0 70px 0;
    background: #f5f5f5;
}

.visa-type-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.visa-type-card {
    background: #fff;
    padding: 35px;
    border-radius: 10px;
    box-shadow: 0 7px 25px rgba(0,0,0,.06);
}

.visa-icon {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #1d4f95;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    margin-bottom: 20px;
}

.visa-type-card h3 {
    color: #000;
    font-size: 22px; font-weight:600;
}

.visa-type-card p {
    line-height: 1.6;
}




.visa-documents {
    padding: 50px 0 70px 0;
}

.document-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.document-card {
    padding: 30px;
    border: 1px solid #e2e8ef;
    border-radius: 8px;
    background: #fff;
}

.document-card h3 { font-size:24px; padding-bottom:10px;
    margin-top: 0;
}

.document-card ul {
    margin-bottom: 0;
}

.document-card li { background:url(../images/tick.png) left 6px no-repeat;
    line-height: 1.8;
    margin-bottom: 7px; padding-left:21px;
}




.visa-faq {
    padding:50px 0;
    background: #f5f5f5;
}

.faq-wrapper {
    max-width: 950px;
    margin: auto;
}

.faq-item {
    background: #fff;
    margin-bottom: 12px; border:solid 1px #ddd;
    border-radius: 6px;
    overflow: hidden;
}

.faq-item button { border:solid 1px #ddd;
    width: 100%;
    border: 0;
    background: #fff;
    padding: 14px 25px;
    text-align: left;
    font-size: 21px;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.faq-item button span {
    font-size:30px; position:relative; top:-5px;
}

.faq-answer {
    display: none;
    padding: 0 25px 22px;
}

.faq-answer p {
    line-height: 1.6;
    margin: 0;
}




@media (max-width: 767px) {

    .section-heading h1 {
        font-size: 34px;
    }

    .section-heading h2 {
        font-size: 29px;
    }

    .visa-intro,
    .visa-process,
    .visa-types,
    .visa-documents,
    .visa-faq {
        padding: 60px 0;
    }

    .visa-sticky.fixed {
        top: 65px;
    }

    .visa-tabs {
        justify-content: flex-start;
    }

    .visa-tabs a {
        padding: 13px 17px;
        font-size: 14px;
    }

    .visa-timeline:before {
        left: 24px;
    }

    .visa-step {
        gap: 20px;
    }

    .step-number {
        min-width: 50px;
        height: 50px;
        font-size: 13px;
    }

    .step-content {
        padding: 22px;
    }

    .step-content h3 {
        font-size: 19px;
    }

    .visa-type-grid,
    .document-grid {
        grid-template-columns: 1fr;
    }

}


.ips-page {
    --ips-blue: #1d4f95;
    --ips-light-blue: #eef6fc;
    --ips-dark: #17365d;
    --ips-text: #555;
    --ips-white: #fff;
    --ips-border: #e3ebf3;
    font-family: Arial, sans-serif;
    color: var(--ips-text);
    line-height: 1.7;
}

.ips-page * {
    box-sizing: border-box;
}

.ips-container {
    width: 90%;
    max-width: 1200px;
    margin: 0 auto;
}


/* HERO */

.ips-hero {
    min-height: 470px;
    display: flex;
    align-items: center;
  
}

.ips-hero-content {
    max-width: 720px;
    color: #fff;
}

.ips-tag,
.ips-small-title {
    display: inline-block;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 1.5px;
    color: #1789c9;
    margin-bottom: 10px;
}

.ips-hero .ips-tag {
    color: #fff;
}

.ips-hero h1 {
    font-size: 52px;
    line-height: 1.15;
    margin: 0 0 20px;
    color: #fff;
}

.ips-hero p {
    font-size: 19px;
    max-width: 650px;
    margin-bottom: 30px;
}


/* BUTTONS */

.ips-buttons {
    display: flex;
    gap: 14px;
    flex-wrap: wrap;
}

.ips-btn {
    display: inline-block;
    padding: 13px 25px;
    border-radius: 5px;
    text-decoration: none !important;
    font-weight: 600;
    transition: .3s ease;
}

.ips-btn-primary {
    background: #fff;
    color: var(--ips-blue);
}

.ips-btn-primary:hover {
    background: #eaf4fc;
}

.ips-btn-outline {
    border: 1px solid #fff;
    color: #fff;
}

.ips-btn-outline:hover {
    background: #fff;
    color: var(--ips-blue);
}


/* INTRO */

.ips-intro {
    padding: 90px 0;
    background: #fff;
}

.ips-two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 70px;
    align-items: center;
}

.ips-intro-image img {
    width: 100%;
    height: 500px;
    object-fit: cover;
    border-radius: 12px;
}

.ips-intro-content h2,
.ips-section-heading h2 { font-family:'Playfair Display';
    font-size: 35px;
    line-height: 1.25;
    color: #000; font-weight:600;
    margin: 0 0 20px;
}

.ips-intro-content p {
    margin-bottom: 20px;
}

.ips-highlight {
    display: flex;
    gap: 15px;
    margin-top: 25px;
    padding: 20px;
    border-left: 4px solid var(--ips-blue);
    background: var(--ips-light-blue);
}

.ips-highlight strong {
    color: var(--ips-blue);
    white-space: nowrap;
}


/* SERVICES */

.ips-services {
    padding: 70px 0;
    background: #f5f5f5;
}

.ips-section-heading {
    max-width: 750px;
    margin: 0 auto 30px;
    text-align: center;
}

.ips-section-heading p {
    margin: 0;
}

.ips-service-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 25px;
}

.ips-service-card {
    position: relative;
    background: #fff;
    padding: 32px;
    border: 1px solid var(--ips-border);
    border-radius: 10px;
    transition: .3s ease;
}

.ips-service-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 35px rgba(29, 79, 149, .12);
    border-color: #c7d9ea;
}

.ips-icon {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--ips-light-blue);
    color: var(--ips-blue);
    border-radius: 50%;
    font-weight: 700;
    font-size: 14px;
    margin-bottom: 20px;
}

.ips-service-card h3 {
    color: #000; font-weight:600;
    font-size: 22px;
    line-height: 1.3;
    margin: 0 0 15px;
}

.ips-service-card p {
    font-size: 15px; color:#333;
    margin: 0 0 12px;
}


/* JOURNEY */

.ips-journey {
    padding: 90px 0;
    background: #fff;
}

.ips-journey-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
}

.ips-journey-item {
    position: relative;
    padding: 30px;
    background: var(--ips-light-blue);
    border-radius: 10px;
}

.ips-journey-item span {
    font-size: 34px;
    font-weight: 700;
    color: #b5cce3;
}

.ips-journey-item h3 {
    color: var(--ips-dark);
    margin: 8px 0;
    font-size: 21px;
}

.ips-journey-item p {
    margin: 0;
}


/* CONCLUSION */

.ips-conclusion {
    padding: 70px 0;

}

.ips-conclusion-box {
    background: #fff;
    padding: 55px 65px;
    border-radius: 12px;
    border-left: 5px solid #3c75c2;
    box-shadow: 0 10px 35px rgba(0,0,0,.05);
}

.ips-conclusion-box h2 { font-family:'Playfair Display';
    font-size: 35px; font-weight:600;
    line-height: 1.25;
    color: #000;
    margin: 0 0 25px;
}


/* CTA */

.ips-cta {
    padding: 80px 0;
    background:
        linear-gradient(
            135deg,
            #173f78,
            #1d4f95
        );
}

.ips-cta-content {
    max-width: 800px;
    text-align: center;
    margin: auto;
    color: #fff;
}

.ips-cta h2 {
    color: #fff;
    font-size: 40px;
    line-height: 1.25;
    margin: 0 0 15px;
}

.ips-cta p {
    font-size: 17px;
    margin-bottom: 28px;
}

.ips-btn-white {
    background: #fff;
    color: var(--ips-blue);
}

.ips-btn-outline-white {
    border: 1px solid #fff;
    color: #fff;
}

.ips-btn-outline-white:hover {
    background: #fff;
    color: var(--ips-blue);
}

.ips-cta .ips-buttons {
    justify-content: center;
}




@media (max-width: 991px) {

    .ips-hero {
        min-height: 420px;
    }

    .ips-hero h1 {
        font-size: 43px;
    }

    .ips-two-column {
        gap: 40px;
    }

    .ips-intro-image img {
        height: 420px;
    }

    .ips-service-grid {
        grid-template-columns: 1fr 1fr;
    }

    .ips-journey-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}




@media (max-width: 767px) {

    .ips-container {
        width: 92%;
    }

    .ips-hero {
        min-height: 500px;
        padding: 70px 0;
    }

    .ips-hero h1 {
        font-size: 34px;
    }

    .ips-hero p {
        font-size: 16px;
    }

    .ips-buttons {
        flex-direction: column;
    }

    .ips-btn {
        text-align: center;
        width: 100%;
    }

    .ips-intro,
    .ips-services,
    .ips-journey,
    .ips-conclusion {
        padding: 60px 0;
    }

    .ips-two-column {
        grid-template-columns: 1fr;
        gap: 35px;
    }

    .ips-intro-image {
        order: 1;
    }

    .ips-intro-content {
        order: 2;
    }

    .ips-intro-image img {
        height: 300px;
    }

    .ips-intro-content h2,
    .ips-section-heading h2,
    .ips-conclusion-box h2 {
        font-size: 30px;
    }

    .ips-service-grid {
        grid-template-columns: 1fr;
        gap: 18px;
    }

    .ips-service-card {
        padding: 25px;
    }

    .ips-service-card h3 {
        font-size: 20px;
    }

    .ips-journey-grid {
        grid-template-columns: 1fr;
    }

    .ips-conclusion-box {
        padding: 35px 25px;
    }

    .ips-cta {
        padding: 60px 0;
    }

    .ips-cta h2 {
        font-size: 30px;
    }

    .ips-highlight {
        flex-direction: column;
        gap: 5px;
    }
}


.cancer-page {
    --primary: #1d4f95;
    --primary-dark: #123b73;
    --secondary: #0b9ec5;
    --light-blue: #f3f8fc;
    --light: #f7fafc;
    --dark: #172b4d;
    --text: #566579;
    --white: #ffffff;
    --border: #e1eaf2;

    line-height: 1.75;
    overflow: hidden;
}

.cancer-page *,
.cancer-page *::before,
.cancer-page *::after {
    box-sizing: border-box;
}

.cancer-page .container {
    width: min(1180px, 92%);
    margin: 0 auto;
}


.cancer-hero {
    min-height: 600px;
    position: relative;
    display: flex;
    align-items: center;

    background:
        linear-gradient(
            90deg,
            rgba(10, 43, 83, .96) 0%,
            rgba(16, 68, 120, .82) 45%,
            rgba(19, 84, 135, .20) 100%
        ),
        url("images/cancer-banner.jpg") center/cover no-repeat;
}

.cancer-hero-content {
    max-width: 680px;
    position: relative;
    z-index: 2;
    padding: 90px 0;
}

.hero-tag {
    display: inline-block;
    padding: 7px 18px;
    margin-bottom: 20px;

    color: #fff;
    background: rgba(255,255,255,.12);
    border: 1px solid rgba(255,255,255,.3);

    border-radius: 50px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 2px;
}

.cancer-hero h1 {
    margin: 0 0 20px;
    color: #fff;

    font-size: clamp(42px, 6vw, 72px);
    line-height: 1.08;
    font-weight: 700;
}

.cancer-hero h1 span {
    color: #6dd8ee;
}

.cancer-hero p {
    max-width: 650px;
    margin: 0 0 32px;

    color: rgba(255,255,255,.90);
    font-size: 18px;
}

.hero-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
}




.btn-outline {
    color: #fff;
    border: 1px solid rgba(255,255,255,.65);
}

.btn-outline:hover {
    color: var(--primary);
    background: #fff;
}


/* ==========================================
   STICKY NAV
========================================== */

.cancer-sticky-nav {
    position: sticky;
    top: 0;
    z-index: 100;

    background: rgba(255,255,255,.97);
    border-bottom: 1px solid var(--border);

    box-shadow: 0 4px 20px rgba(0,0,0,.06);
}

.cancer-nav {
    display: flex;
    justify-content: center;
    overflow-x: auto;
    scrollbar-width: none;
}

.cancer-nav::-webkit-scrollbar {
    display: none;
}

.cancer-nav a {
    position: relative;

    padding: 18px 16px;

    color: var(--dark);
    white-space: nowrap;

    font-size: 13px;
    font-weight: 600;
    text-decoration: none;

    transition: .3s ease;
}

.cancer-nav a::after {
    content: "";
    position: absolute;
    left: 16px;
    right: 16px;
    bottom: 0;

    height: 3px;

    background: var(--secondary);

    transform: scaleX(0);
    transition: .3s ease;
}

.cancer-nav a:hover {
    color: var(--secondary);
}

.cancer-nav a:hover::after {
    transform: scaleX(1);
}


/* ==========================================
   GENERAL SECTIONS
========================================== */

.cancer-section {
    padding: 70px 0;
}

.light-section {
    background: #f5f5f5;
}

.section-heading {
    max-width: 1010px;
    margin-bottom: 35px;
}

.section-heading.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.section-heading > span,
.small-title,
.cancer-cta span {
    display: block;

    margin-bottom: 10px;

    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.section-heading h2 { color:#000; font-family:'Playfair Display';
    margin: 0 0 18px;

    line-height: 1.2;
    font-weight: 600;
}

.section-heading h2 strong {
    color: var(--primary);
}

.section-heading p {
    margin: 0;
    font-size: 16px;
}


/* ==========================================
   INTRO
========================================== */

.intro-grid {
    display: grid;
    grid-template-columns: 1.3fr .7fr;
    gap: 55px;
    align-items: center;
}

.intro-content p {
    margin-bottom: 22px;
}

.highlight-box {
    display: flex;
    gap: 18px;

    margin-top: 30px;
    padding: 24px;

    background: #f1f8fc;
    border-left: 4px solid var(--secondary);
}

.highlight-icon {
    flex: 0 0 45px;

    width: 45px;
    height: 45px;

    display: grid;
    place-items: center;

    border-radius: 50%;

    color: #fff;
    background: var(--primary);

    font-size: 25px;
}

.highlight-box h3 {
    margin: 0 0 5px;
    color: var(--dark);
    font-size: 18px;
}

.highlight-box p {
    margin: 0;
    font-size: 14px;
}

.intro-card {
    padding: 38px;

    background: #fff;

    border-radius: 12px;

    box-shadow: 0 15px 45px rgba(29,79,149,.12);
}

.card-icon {
    width: 62px;
    height: 62px;

    display: grid;
    place-items: center;

    margin-bottom: 20px;

    border-radius: 12px;

    color: #fff;
    background: linear-gradient(135deg, var(--primary), var(--secondary));

    font-size: 28px;
}

.intro-card h3 {
    margin: 0 0 12px;
    color: var(--dark);
    font-size: 22px;
}

.intro-card p {
    font-size: 14px;
}

.card-line {
    height: 1px;
    margin: 25px 0;

    background: var(--border);
}

.mini-feature {
    display: flex;
    align-items: center;
    gap: 12px;

    margin: 12px 0;
}

.mini-feature span {
    display: grid;
    place-items: center;

    width: 23px;
    height: 23px;

    border-radius: 50%;

    color: #fff;
    background: var(--secondary);

    font-size: 12px;
}

.mini-feature p {
    margin: 0;
}



.two-column {
    display: grid;
    grid-template-columns: .9fr 1.1fr;
    gap: 70px;
    align-items: center;
}

.image-placeholder {

    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;

    border-radius: 20px;



    color: #fff;

}
.image-placeholder img{ border-radius:20px;}

.medical-cross {
    width: 100px;
    height: 100px;

    display: grid;
    place-items: center;

    margin-bottom: 15px;

    border: 2px solid rgba(255,255,255,.5);
    border-radius: 50%;

    font-size: 55px;
}

.image-placeholder span {
    font-size: 18px;
    letter-spacing: 2px;
}

.info-content h2 {  font-family:'Playfair Display';
    margin: 0 0 20px;

    color: #000;

    font-size: 35px; font-weight:600;
    line-height: 1.2;
}

.info-content h2 strong {
    color: var(--primary);
}

.info-points {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;

    margin-top: 30px;
}

.info-points > div {
    padding: 17px;

    background: #fff;
    border: 1px solid var(--border);
}

.info-points span {
    color: var(--secondary);
    font-size: 12px;
    font-weight: 700;
}

.info-points p {
    margin: 4px 0 0;
    color: var(--dark);
    font-size: 13px;
    font-weight: 600;
}




.benefits-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.benefit-card { text-align:center;
    position: relative;

    padding: 32px;

    background: #fff;

    border: 1px solid #ddd;
    border-radius: 10px;

    transition: .3s ease;
}

.benefit-card:hover {
    transform: translateY(-7px);
    box-shadow: 0 18px 40px rgba(29,79,149,.12);
}
.pb10{ padding-bottom:10px;}
.benefit-number {
    position: absolute;
    top: 18px;
    right: 22px;

    color: #dfeaf4;

    font-size: 30px;
    font-weight: 700;
}
.head3{ font-weight:600; padding-bottom:10px; font-size:31px;}

.benefit-icon { margin:0 auto 20px auto;
    width: 55px;
    height: 55px;

    display: grid;
    place-items: center;


    border-radius: 40px;

    color: #fff;
    background: #0d468b;

    font-size: 24px;
}

.benefit-card h3 { color:#000;
    margin: 0 0 10px;
    font-size: 21px; font-weight:600; line-height:30px;
}

.benefit-card p {
    margin: 0;
}
.bgwhite{ background:#fff}

.introtxt p{ padding-bottom:15px;}

.cancer-types-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}

.cancer-type {
    position: relative;

    padding: 18px 18px 18px 43px;

    color: #000;
    background: #fff;

    border: 1px solid var(--border);
    border-radius: 7px;

    font-size: 16px;
    font-weight: 600;

    transition: .3s ease;
}

.cancer-type::before {
    content: "";

    position: absolute;
    left: 16px;
    top: 50%;

    width: 18px;
    height: 18px;

    display: grid;
    place-items: center;

    transform: translateY(-50%);

    border-radius: 50%;

    color: #fff;
    background:url(../images/tick.png) center top no-repeat;

    font-size: 10px;
}

.cancer-type:hover {
    color: #fff;
    background: #1d4f95;
    border-color: #1d4f95;

    transform: translateY(-3px);
}

.cancer-type:hover::before {
    color: var(--primary);
    background:  url(../images/tick-1.png) center top no-repeat;
}




.treatment-section {
    background: #f6f9fc;
}

.treatment-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
}

.treatment-card {
    padding: 25px;

    background: #fff;

    border: 1px solid var(--border);
    border-radius: 12px;

    box-shadow: 0 8px 30px rgba(29,79,149,.05);
}

.featured-treatment {
    border-top: 4px solid var(--secondary);
    transform: translateY(-10px);
    box-shadow: 0 18px 45px rgba(29,79,149,.12);
}

.treatment-top {
    display: flex;
    align-items: center;
    justify-content: space-between;

    margin-bottom: 20px;
}

.treatment-icon {
    width: 58px;
    height: 58px;

    display: grid;
    place-items: center;

    border-radius: 12px;

    color: #fff;
    background: var(--primary);

    font-size: 25px;
}

.treatment-top > span {
    color: #dbe7f2;
    font-size: 35px;
    font-weight: 700;
}

.treatment-card h3 {
    margin: 0 0 5px; font-weight:600; color:#000;

    font-size: 23px; line-height:28px;
}

.treatment-card > p {
}

.treatment-card ul {
    padding: 0;
    margin: 0px 0 0;

    list-style: none;
}
.treatment-card li:last-child { border-bottom:0}
.treatment-card li { line-height:22px;
    position: relative; background:url(../images/tick.png) left center no-repeat;

    padding: 9px 0 9px 25px;

    border-bottom: 1px solid #ddd;

    font-size: 16px;
}

.mb20{ margin-bottom:20px;}

.bmt-box {
    display: flex;
    align-items: center;
    gap: 25px;

    margin-top: 30px;
    padding: 30px 35px;

    color: #fff;
    background: linear-gradient(135deg, var(--primary), #0a8dad);

    border-radius: 12px;
}

.bmt-icon {
    flex: 0 0 65px;

    width: 65px;
    height: 65px;

    display: grid;
    place-items: center;

    border: 1px solid rgba(255,255,255,.35);
    border-radius: 50%;

    font-size: 28px;
}

.bmt-box span {
    font-size: 11px;
    letter-spacing: 2px;
    opacity: .8;
}

.bmt-box h3 {
    margin: 4px 0;
    font-size: 23px;
}

.bmt-box p {
    margin: 0;
    font-size: 14px;
    opacity: .9;
}



.specialty-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 18px;
}

.specialty-card {
    position: relative; text-align:center;

    padding: 22px 22px;

    background: #fff;

    border: 1px solid var(--border);
    border-radius: 10px;

    transition: .3s ease;
}

.specialty-card:hover {
    transform: translateY(-6px);
    border-color: var(--secondary);
    box-shadow: 0 15px 35px rgba(29,79,149,.1);
}

.specialty-card > span {
    display: inline-block;
    margin-bottom: 10px;

    color: var(--secondary);

    font-weight: 700;
}

.specialty-card h3 {
    margin: 0 0 10px; font-weight:600; color:#000;


    font-size: 20px;
    line-height: 1.3;
}

.specialty-card p { line-height:1.6;
    margin: 0;
}




.why-us-section {
    background: #fff;
}

.why-us-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.why-us-card {
    display: flex;
    gap: 20px;

    padding: 30px;


    border: 1px solid #ddd;
    border-radius: 10px;

    transition: .3s ease;
}

.why-us-card:hover {
    box-shadow: 0 15px 35px rgba(29,79,149,.09);
    transform: translateY(-4px);
}

.why-icon {
    flex: 0 0 52px;

    width: 52px;
    height: 52px;

    display: grid;
    place-items: center;

    color: #fff;
    background: var(--primary);

    border-radius: 50%;

    font-size: 20px;
}

.why-us-card h3 {
    margin: 0 0 5px; color:#000;
    font-size: 24px; font-weight:600;
}

.why-us-card p {
    margin: 0;
}




.cancer-cta {
    position: relative;

    padding: 85px 0;

    background:
        linear-gradient(
            110deg,
            rgba(15,59,112,.98),
            rgba(11,137,166,.94)
        );
}

.cta-content {
    max-width: 780px;
    margin: auto;

    text-align: center;
    color: #fff;
}

.cancer-cta span {
    color: #75deef;
}

.cancer-cta h2 {
    margin: 0 0 18px;

    font-size: clamp(30px, 4vw, 45px);
    line-height: 1.2;
}

.cancer-cta h2 strong {
    color: #6fe0ef;
}

.cancer-cta p {
    max-width: 680px;
    margin: 0 auto 28px;

    color: rgba(255,255,255,.88);
}

.cta-buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 14px;
}

.btn-white {
    color: var(--primary);
    background: #fff;
}

.btn-white:hover {
    color: var(--primary);
    transform: translateY(-2px);
}




@media (max-width: 1100px) {

    .benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .cancer-types-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .specialty-grid {
        grid-template-columns: repeat(3, 1fr);
    }

}


@media (max-width: 900px) {

    .intro-grid,
    .two-column {
        grid-template-columns: 1fr;
    }

    .treatment-grid {
        grid-template-columns: 1fr;
    }

    .featured-treatment {
        transform: none;
    }

    .specialty-grid {
        grid-template-columns: repeat(2, 1fr);
    }

}


@media (max-width: 700px) {

    .cancer-hero {
        min-height: 520px;
    }

    .cancer-hero-content {
        padding: 70px 0;
    }

    .cancer-hero p {
        font-size: 15px;
    }

    .cancer-section {
        padding: 65px 0;
    }

    .section-heading {
        margin-bottom: 35px;
    }

    .benefits-grid,
    .cancer-types-grid,
    .why-us-grid {
        grid-template-columns: 1fr;
    }

    .specialty-grid {
        grid-template-columns: 1fr;
    }

    .info-points {
        grid-template-columns: 1fr;
    }



    .intro-card {
        padding: 28px;
    }

    .treatment-card {
        padding: 28px;
    }

    .bmt-box {
        align-items: flex-start;
        flex-direction: column;
        padding: 28px;
    }

}


@media (max-width: 480px) {

    .cancer-hero h1 {
        font-size: 40px;
    }

    .hero-buttons,
    .cta-buttons {
        flex-direction: column;
    }

    .btn-primary,
    .btn-outline,
    .btn-white {
        width: 100%;
    }

    .cancer-nav {
        justify-content: flex-start;
    }

    .cancer-nav a {
        padding: 15px 12px;
        font-size: 12px;
    }

}

.blog-area{ padding:60px 0}
.blogbox h2{ font-size:28px; line-height:32px; padding-bottom:10px;}
.blogbox h2 a{ font-weight:600}
.blog-area .btxt p{ padding-bottom:0}
.blog-left h1{ font-size:41px; font-weight:600; padding-bottom:20px; font-family:'Playfair Display'}
.blog-left h2{ font-size:32px; font-weight:600; padding-bottom:10px; color:#1d4f95; font-family:'Playfair Display'}
.blog-left h3{ font-size:24px; font-weight:600; padding-bottom:7px;  font-family:'Playfair Display'}
.blog-left p{ padding-bottom:20px;}
.blog-left .list50 li{ width:47%}
.wpcf7-spinner{ display:none}
.wpcf7-not-valid-tip{ font-size:0.9em}
.wpcf7 form .wpcf7-response-output{ margin:1em 0.5em 0em}
.hospitals-page .benefit-card h3{ padding-top:12px;}
.hospitals-page .benefit-card img{ border-radius:10px;}
.hospitals-page .benefit-card{ padding:20px 20px 12px 20px}
.hbtn { background:#ffb31e; color:#fff; font-weight:600; padding:9px 10px;}


.medical-tourism-cta {
    width: 100%;

    padding: 28px 25px;
    background: #f1f6fb;
    border: 1px solid #d8e5ef;
    border-radius: 12px;
    box-sizing: border-box;
}

.medical-tourism-cta h3 { padding-top:0; font-family:'Playfair Display';
    margin: 0 0 8px;
    color: #3c75c2;
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
}

.medical-tourism-cta .cta-text {
    margin: 0 0 20px;
    color: #555;
    font-size: 15px;
    line-height: 1.6;
}

.medical-tourism-cta .cta-contact {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 13px 14px;
    margin-bottom: 10px;
    background: #fff;
    border: 1px solid #dce5eb;
    border-radius: 7px;
    color: #222;
    text-decoration: none;
}

.medical-tourism-cta .cta-contact > span:first-child {
    width: 36px;
    height: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #3c75c2;
    color: #fff;
    border-radius: 50%;
    font-size: 17px;
}

.medical-tourism-cta .cta-contact small {
    display: block;
    margin-bottom: 2px;
    color: #777;
    font-size: 14px;
}

.medical-tourism-cta .cta-contact span:last-child {
    font-size: 18px;
    font-weight: 600;
}

.medical-tourism-cta .cta-appointment {
    display: block;
    margin-top: 15px;
    padding: 14px 20px;
    background: #ffb31e;
    color: #000;
    text-align: center;
    border-radius: 7px;
    text-decoration: none;
    font-size: 18px;
    font-weight: 600;
    transition: 0.3s ease;
}

.medical-tourism-cta .cta-appointment:hover {
    background: #3c75c2; color:#fff;
}

@media (max-width: 767px) {
    .medical-tourism-cta {
        max-width: 100%;
        padding: 22px 20px;
    }

    .medical-tourism-cta h3 {
        font-size: 21px;
    }
}


.masonry {
    max-width: 1200px;
    margin: 0 auto;
    column-count: 4;
    column-gap: var(--gap);
  }

  .masonry__item {
    margin: 0 0 var(--gap);
    break-inside: avoid;   margin-bottom: 18px;        /* keeps each image in one column */
  }

  .masonry__btn {
    display: block;
    width: 100%;
    padding: 0;
    border: 0;
    background: #ddd;
    border-radius: var(--radius);
    overflow: hidden;
    cursor: zoom-in;
    position: relative;
  }

  .masonry__btn img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform .35s ease, filter .35s ease;
  }

  .masonry__btn:hover img,
  .masonry__btn:focus-visible img {
    transform: scale(1.04);
    filter: brightness(.9);
  }

  .masonry__btn:focus-visible {
    outline: 3px solid #2563eb;
    outline-offset: 2px;
  }

  @media (max-width: 1000px) { .masonry { column-count: 3; } }
  @media (max-width: 700px)  { .masonry { column-count: 2; } }
  @media (max-width: 420px)  { .masonry { column-count: 1; } }

  /* ---------- Popup (lightbox) ---------- */
  .lightbox {
    width: 100vw;
    height: 100vh;
    max-width: none;
    max-height: none;
    margin: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: #fff;
  }

  .lightbox::backdrop {
    background: rgba(10, 10, 10, .88);
  }

  .lightbox[open] {
    display: grid;
    place-items: center;
    animation: lb-fade .2s ease;
  }

  @keyframes lb-fade {
    from { opacity: 0; }
    to   { opacity: 1; }
  }

  .lightbox__figure {
    margin: 0;
    max-width: 92vw;
    text-align: center;
  }

  .lightbox__img {
    display: block;
    max-width: 92vw;
    max-height: 80vh;
    margin: 0 auto;
    border-radius: var(--radius);
    box-shadow: 0 10px 40px rgba(0, 0, 0, .5);
  }

  .lightbox__caption {
    margin-top: 12px;
    font-size: .95rem;
    opacity: .85;
  }

  .lightbox__btn {
    position: absolute;
    display: grid;
    place-items: center;
    width: 46px;
    height: 46px;
    border: 0;
    border-radius: 50%;
    background: rgba(255, 255, 255, .14);
    color: #fff;
    font-size: 26px;
    line-height: 1;
    cursor: pointer;
    transition: background .2s;
  }

  .lightbox__btn:hover { background: rgba(255, 255, 255, .3); }
  .lightbox__btn:focus-visible { outline: 3px solid #fff; outline-offset: 2px; }

  .lightbox__close { top: 18px; right: 18px; }
  .lightbox__prev  { left: 18px;  top: 50%; transform: translateY(-50%); }
  .lightbox__next  { right: 18px; top: 50%; transform: translateY(-50%); }

  @media (max-width: 600px) {
    .lightbox__prev, .lightbox__next { top: auto; bottom: 18px; transform: none; }
  }

  @media (prefers-reduced-motion: reduce) {
    .masonry__btn img { transition: none; }
    .lightbox[open] { animation: none; }
  }

    :root {
    --bg: #f4f2ed;
    --tile: #ebe7e0;
    --ink: #1c1c1c;
    --muted: #6d6a64;
    --red: #c0394b;

    --gap: 20px;
    --per-view: 3;               /* images visible at once */

    --font-serif: "Spectral", Georgia, "Times New Roman", serif;
    --font-sans: "Hind", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  }

  .gallery-head {
    margin: 0 auto 36px;
    text-align: center;
  }

  .gallery-head__mark {
    display: block;
    width: 44px;
    height: 44px;
    margin: 0 auto 14px;
  }

  .gallery-head__mark path {
    fill: none;
    stroke: var(--ink);
    stroke-width: 1;
  }

  .gallery-head__mark path:last-child { stroke: var(--red); }


  .gallery-head p {
    margin: 0 auto;
    max-width: 46ch;
    font-size: 1rem;
    line-height: 1.6;
    color: var(--muted);
  }

  /* ---------- Slider ---------- */
  .slider {
    position: relative;
    max-width: 1100px;
    margin: 0 auto;
    padding: 0 28px;             /* room for the arrows */
  }

  .slider__viewport {
    overflow: hidden;
    touch-action: pan-y;         /* vertical scroll still works while swiping sideways */
  }

  .slider__track {
    display: flex;
    gap: var(--gap);
    margin: 0;
    padding: 0;
    list-style: none;
    transition: transform .5s cubic-bezier(.22, .61, .36, 1);
    will-change: transform;
  }

  .slider__track.is-dragging { transition: none; }

  .slide {
    flex: 0 0 calc((100% - var(--gap) * (var(--per-view) - 1)) / var(--per-view));
    margin: 0;
  }

  .slide__frame {
    background: #fff;
    padding: 10px;
  }

  .slide img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 6;
    object-fit: cover;
    user-select: none;
    -webkit-user-drag: none;
  }

  .slide figcaption {
    margin-top: 12px;
    font-family: var(--font-serif);
    font-size: 1.05rem;
    text-align: center;
  }

  /* ---------- Arrows ---------- */
  .slider__arrow {
    position: absolute;
    top: calc(50% - 30px);
    z-index: 2;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    padding: 0;
    border: 1px solid #000;
    border-radius: 50%;
    background: #f5f5f5;
    color: var(--ink);
    cursor: pointer;
    transition: background .2s, color .2s, border-color .2s;
  }

  .slider__arrow svg {
    width: 20px;
    height: 20px;
    fill: none;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }

  .slider__arrow:hover { background: #3c75c2; border-color: #3c75c2; color: #fff; }
  .slider__arrow:focus-visible { outline: 3px solid var(--red); outline-offset: 3px; }
  .slider__arrow--prev { left: -40px; }
  .slider__arrow--next { right: -40px; }

  /* ---------- Dots ---------- */
  .slider__dots {
    display: flex;
    justify-content: center;
    gap: 10px;
    margin-top: 28px;
  }

  .slider__dot {
    width: 12px;
    height: 12px;
    padding: 0;
    border: 1px solid var(--ink);
    border-radius: 50%;
    background: transparent;
    cursor: pointer;
    transition: background .2s, transform .2s, border-color .2s;
  }

  .slider__dot:hover { transform: scale(1.2); }
  .slider__dot:focus-visible { outline: 3px solid var(--red); outline-offset: 3px; }

  .slider__dot[aria-current="true"] {
    background: #3c75c2;
    border-color: #3c75c2;
    transform: scale(1.2);
  }

  /* ---------- Responsive ---------- */
  @media (max-width: 900px) { :root { --per-view: 2; --gap: 16px; } }
  @media (max-width: 560px) {
    :root { --per-view: 1; }
    .slider { padding: 0; }
    .slider__arrow { top: calc(50% - 30px); width: 40px; height: 40px; }
    .slider__arrow--prev { left: 6px; }
    .slider__arrow--next { right: 6px; }
  }

  @media (prefers-reduced-motion: reduce) {
    .slider__track { transition: none; }
  }

  .home-gallery-area{ padding: 60px 0; background: #f1f0f0;}
    .home-gallery-area h2{font-family: 'Playfair Display'; text-align: center;
    font-weight: 700;
    padding-bottom: 40px;
    font-size: 41px;
    line-height: 48px;

}
.home-gallery-area h2 span {
    font-family: 'Playfair Display';
    font-weight: 700;
    color: #ffb31e;
}
@media ( max-width:1400px){.treatment-box h3 a{ font-size:23px;}}

@media ( max-width:1080px){ .container-area{ width:96%;}.threebox-area{ margin:1.5em 0em 0em 0em}.txtbox h3{ line-height:32px;}.body-container .wide-slider .owl-carousel .owl-controls{ display:none !important;}.banner-area img {height:450px; object-fit:none;  object-position: 50% 50%;}.logo-area{ max-width:290px;}.drright{ padding-top:58px;}.pleft40px{ padding-left:0}
.container-area2{ width:96%}
}

@media ( max-width:900px){.txtbox h3{ font-size:21px;}.welcome-area-left{ width:100%}.welcome-area-right{ width:100%}.drright{ width:100%}.drleft{ width:100%}.services-area-left{ width:100%}.services-area-right{ width:100%}.services-area .content-area1{ width:95%; max-width:90%; padding:0 5% 0 0%}.welcome-area-right .content-area{ max-width:90%; padding:0 0 0 5%}.footer-area .fcol-1{ width:100%; margin-right:0}.footer-area .fcol-2{ width:100%; margin-top:30px; margin-bottom:30px;}.flogo{ padding-top:0}.welcom-section{ width:96%}.aboutleft{ width:100%}.aboutright{ width:100%; margin-top:30px;}.tbox{ width:97%}.contact-wraper{ display:block; position:initial}.contact-info-area{ position:relative; max-width:100%; width:80%; margin-top:81%; position:initial}.contact-form-wrapper{ max-width:90%; padding:5%; margin-top:-55%}.innerright{ width:100%}.innerleft{ display:none}}
@media ( max-width:768px){.treatment-box{ width:46%; margin:15px 2%}.why-choose-box-main h3{ font-size:20px; line-height:26px;} .why-choose-box{ width:47.33%}}
@media ( max-width:767px){.welcome-left{ width:100%} .welcome-right{ width:100%; padding-top:20px;} .blog-left .list50 li{ line-height:92%}}

@media ( max-width:667px){.headerright{ float:none; width:100%; text-align:center}.three-col{ width:100%; margin-bottom:10px;}.blogbox{ width:97%; margin:10px 1.5%}.why-row .righttxt{ width:77%} .aboutbox{ width:97%}.innerbanner{ padding:80px 0}.work_col3 > li{ width:48%} .appointment-left{ width:100%}.appointment-right{ width:100%; margin-top:20px;}
.appointment-left h2{ padding-top:0} .testimonial-box{ width:97%; margin:20px 1.5%} .drdtxt{ width:100%}
}

@media ( max-width:479px){.btn4{ padding:12px 25px;}.btn2{ padding:12px 25px;}.drleft img{ margin:-371px 0 0 20px}.welcome-area-left{ min-height:300px}.bgbox1{ width:42%}.servicesbox{ width:94.9%}.headerleft { float: none;  margin: 0 auto; width: 100%;  text-align: center;}.headerleft .contact-info{ margin-right:15px;}
.welcome-right h2{ font-size:31px; line-height:38px;} .welcome-right h3{ font-size:24px; line-height:30px;} .banner-caption h1{ font-size:41px; line-height:46px;} .banner-area img{ height:350px;}.fcol-2 ul li{ width:100%} .appointment-form{ padding:30px 30px 50px 30px} .why-choose-box{ width:100%} .consultaion-bg h2{ font-size:35px; line-height:42px;}.consultaion-bg{ padding:60px 0} .treatment-box{ width:96%} .container-area1{ width:94%} .bcaption{ text-align:center !important} .logo-area img{ height:80px;} .body-container .wide-slider .owl-carousel .item .content{ top:14% !important} .box-area02{ padding:1.5em 1em 2em 1em} .welcome-section{ padding:50px 0} .treatment-area h2{ font-size:35px; line-height:42px;}
.consultaion-bg h2 br{ display:none} .container-area2{ width:94%}.doctor-area h2{ font-size:35px; line-height:42px;} .testimonial-area h2{ font-size:35px; line-height:42px;}
.headerright a{ margin-left:4px; padding-right:4px;} .blog-left h1{ font-size:35px; line-height:35px; padding-bottom:20px;} .blog-left h2{ font-size:28px; line-height:32px;}
.blog-left h3{ line-height:30px;} .faq-item button{ font-size:18px;} .container-area{ width:94%}  .google-translation-area{ margin-left:0px;   
   }
.why-us-card h3{ line-height:30px;} .list50 li{ width:98%} .our-v-b{ width:100%;} .our-m-b{ width:100%; margin-top:15px;} .section-heading h1{ line-height:35px; padding-bottom:10px;}
.appointment-box h4 a{ font-size:28px;} .appointment-left h2{ font-size:35px;} .blogbox h3{ font-size:26px;}
}