* {
    padding: 0;
    margin: 0;
}
html, body {height: 100%; width: 100%;}
body{  font-family: 'DM Sans',sans-serif; font-size:18px; color:#000; 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:'DM Sans',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: 'DM Sans',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: #022c9e;	-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:"Font Awesome 5 Brands";font-style:normal;font-weight:400;font-display:block;src:url('../fonts/fa-brands-400.eot');src:url('../fonts/fa-brands-400.eot?#iefix') format("embedded-opentype"),url('../fonts/fa-brands-400.woff2') format("woff2"),url('../fonts/fa-brands-400.woff') format("woff"),url('../fonts/fa-brands-400.ttf') format("truetype"),url('../fonts/fa-brands-400.svg#fontawesome') format("svg")}.fab{font-family:"Font Awesome 5 Brands";font-weight:400; font-style:normal}

 .fa-x-twitter:before{content:"\e61b"}

@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-phone-square:before { content: "\f098";}
.fa-angle-double-right:before { content: "\f101";}.fa-angle-left:before { content: "\f104";}.fa-arrow-right:before { content: "\f061";}.fa-clock-o:before { content: "\f017";}
.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";}
  @font-face { font-family: "Flaticon"; src: url("../fonts/flaticon_flats.eot");  src: url("../fonts/flaticon_flats.eot?#iefix") format("embedded-opentype"),
       url("../fonts/flaticon_flats.woff") format("woff"),  url("../fonts/flaticon_flats.ttf") format("truetype"), url("../fonts/flaticon_flats.svg#Flaticon") format("svg");
  font-weight: normal; font-style: normal;}

  .fa-calendar:before { content: "\f073";}.fa-home:before {  content: "\f015";}
  .fa-slash-forward:before { content: "\2f";}
  .fa-map-marker:before { content: "\f041";}.fa-envelope-o:before { content: "\f003";}.fa-envelope:before { content: "\f0e0";} .fa-clock:before {  content: "\f017";}
.fa-chevron-down:before { content: "\f078";}
.fa-instagram:before {  content: "\f16d";}.fa-arrow-circle-right:before { content: "\f0a9";}  .fa-calendar:before{content:"\f073"} .fa-linkedin:before {  content: "\f0e1";}
.fa-search:before{content:"\f002"}
.top-area{  padding:25px 0; position:relative; box-shadow:0 5px 10px rgb(0 0 0 / 10%); z-index:9;}
.logo-area{ float:left; max-width:300px;}
.container-area{ max-width:1280px; width:100%; margin:0 auto}
.container-area1{ max-width:1180px; width:100%; margin:0 auto}
.container-area2{ max-width:1000px; width:100%; margin:0 auto}
.clear{ clear:both}
.btnright{ float:right;   padding-top:15px;}
.bookappoint{ background:#011039 url(../images/arrow.png) 194px 23px no-repeat; color:#fff !important; border-radius:30px; padding:15px 45px 15px 25px !important; position:relative; overflow:hidden; z-index:99;  transition: color 0.4s ease; background-position:right 25px center}
.bookappoint::before {
  content: "";
  position: absolute; color:#fff !important;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%; background:#af9d8f;
  z-index:1;
  transition: width 0.4s ease; border-radius:30px;}
.bookappoint:hover::before { border-radius:30px; background:#af9d8f url(../images/arrow.png) 194px 23px no-repeat;  color:#fff !important;  
  width: 100%;   background-position:right 25px center}
.bookappoint span{ position:relative; z-index:999; font-weight:600}
.bookappoint1{ background:#af9d8f url(../images/arrow.png) 194px 25px no-repeat; color:#fff !important; border-radius:30px; padding:15px 45px 15px 25px !important; position:relative; overflow:hidden; z-index:99;  transition: color 0.4s ease; background-position:right 25px center}
.bookappoint1::before {
  content: "";
  position: absolute; color:#fff !important;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%; background:#011039;
  z-index:1;
  transition: width 0.4s ease; border-radius:30px;}
.bookappoint1:hover::before { border-radius:30px; background:#011039 url(../images/arrow.png) 194px 25px no-repeat;  color:#fff !important;  
  width: 100%;   background-position:right 25px center}
.bookappoint1 span{ position:relative; z-index:999; font-weight:600}


.banner-area{ background:#f9ece4/*radial-gradient(circle at center, #ffffff 0%, #f7e9e0 100%)*/; /*border-radius:30px; width:calc(100% - 40px); margin:0 20px;*/ padding:50px 0 }
.banner-left{ float:left; width:48%; padding-top:40px;}
.banner-right{ float:right; width:48%}
.banner-right h2{ color:#fff; font-size:50px; font-weight:400; padding-top:130px; font-family:Marcellus}
.banner-right p{ color:#fff; font-size:22px; }
.btn1{background:#011039 url(../images/arrow.png) 186px 25px no-repeat; color:#fff !important; border-radius:30px; padding:15px 45px 15px 25px !important; font-weight:600; position:relative; overflow:hidden; z-index:99; background-position:right 25px center}

.btn1::before {
  content: "";
  position: absolute; color:#fff !important;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%; background:#af9d8f;
  z-index:1;
  transition: width 0.4s ease; border-radius:30px; 
}
.btn1:hover::before { border-radius:30px; background:#af9d8f url(../images/arrow.png) 186px 25px no-repeat;  color:#fff !important;  
  width: 100%;  background-position:right 25px center
} 
.btn1 span{ position:relative; z-index:999; font-weight:600}

.banner-bottom-area{ padding:30px 0; background:#f7f0f2}
.b-b-box{ float:left; width:30%; padding:0 1.5%; border-right:solid 1px #d5d5d5}
.b-b-box h3{ font-size:28px; font-weight:300; padding-bottom:5px}
.bdright0{ border-right:0 !important}

.footer-area{ background:#011039; border-radius:30px; width:calc(100% - 40px); margin:0 20px; padding-top:50px; }
.footer-box{ float:left; width:22%; margin-right:4%}
.fboxlast{ width:48%}
.fboxlast li{ float:left; width:50%; }
.mright0{ margin-right:0 !important}
.footer-box h4{ font-size:24px; font-weight:600; color:#fff; padding-bottom:15px;}
.footer-box h5{font-size:20px; font-weight:600; color:#ccced3; }
.footer-box p{ color:#ccced3; font-weight:300; padding-bottom:20px}
.footer-box p a{ color:#ccced3} .footer-box p a:hover{ color:#fff; }
.footer-bottom{ padding:30px 0 20px 0; border-top:solid 1px #586075; margin-top:40px}
.footer-bottom-left{ float:left; color:#ccced3} .footer-bottom-left a{ font-weight:600; color:#fff} .footer-bottom-left a:hover{ color:#fff; text-decoration:underline}
.footer-bottom-right{ float:right; color:#ccced3; position:relative; top:-7px; font-size:20px } .footer-bottom-right a{ color:#ccced3; font-size:30px; padding-left:15px; display:inline-block; vertical-align:middle}
.footer-bottom-right a:hover{ color:#fff}
.h40{ height:40px}
.body-container .wide-slider .owl-carousel .owl-controls { display:none !important;
  position: absolute;
  top: 47.5%;
  left: 0;
  right: 0;
  transform: translateY(-50%);
}
/*.owl-item::before {
    content: "";
    position: absolute;
    background: rgba(0,0,0,.08);
    height: 100%;
    width: 100%;
}*/

.body-container .wide-slider.wide-slider-pagination .item .content {
  position: absolute;
  bottom: 110px;
  left: 10%;
}
.body-container .wide-slider.wide-slider-pagination .item .content.content-inline {
  display: inline-block;
  width: auto;
}


.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.owl-carousel{
	display: none;
	position: relative;
	width: 100%;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
	float: left;
}
/* .owl-controls .owl-page,
.owl-controls .owl-buttons div{ color: #fff; display:inline-block; margin:0 10px;
    width: 44px;
    height: 44px;
    cursor: pointer;
    border-radius: 8px;
    border: 1px solid #FFFFFF;
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out; font-size:0;
	cursor: pointer;
}
.owl-controls .active { background:#ff834f ;}
 */
.body-container .wide-slider .owl-carousel .owl-buttons {
  width: 100%;
}
.body-container .wide-slider .owl-carousel .owl-buttons div {
  position: absolute;
  width: 44px;
  height: 44px;
  border-radius: 50px;
  backdrop-filter: blur(8px);
  transition: all 0.5s ease;
  font-size: 0;
  cursor: pointer;
  background: #fff;
}
.body-container .wide-slider .owl-carousel .owl-buttons .owl-prev::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background: url("../images/Arrow-8.png") no-repeat center;
  background-size: contain;
  transform: translate(-50%, -50%);
}
.body-container .wide-slider .owl-carousel .owl-buttons .owl-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 20px;
  background: url("../images/Arrow-8-1.png") no-repeat center;
  background-size: contain;
  transform: translate(-50%, -50%);
}


/* LEFT button */
.owl-controls .owl-prev {
  left: 10px !important;
}

/* RIGHT button */
.owl-controls .owl-next {
  right: 10px !important;
}

/* Active state */
.owl-controls .active {
  background: #ff834f;
}



.owl-controls .owl-page:hover {  background:#ff834f;}
.owl-pagination{ width:100%; max-width:1180px; margin:0 auto; text-align: center}
@media (max-width: 768px) { .owl-pagination{ text-align: center;} }
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
    cursor:url(grabbing.png) 8 8, move;
}
/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*.body-container .wide-slider .owl-carousel .item img {
    width: 100%;
    display: block;
}*/.body-container .wide-slider .owl-carousel .item .content {
    position: absolute;
    width: 100%;
    top:10%;
    z-index: 99;
}
 .body-container {  overflow:hidden;  position:relative; }
.owl-origin {
	-webkit-perspective: 1200px;
	-webkit-perspective-origin-x : 50%;
	-webkit-perspective-origin-y : 50%;
	-moz-perspective : 1200px;
	-moz-perspective-origin-x : 50%;
	-moz-perspective-origin-y : 50%;
	perspective : 1200px;
}
/* fade */
.owl-fade-out {
  z-index: 10;
  -webkit-animation: fadeOut .7s both ease;
  -moz-animation: fadeOut .7s both ease;
  animation: fadeOut .7s both ease;
}
.owl-fade-in {
  -webkit-animation: fadeIn .7s both ease;
  -moz-animation: fadeIn .7s both ease;
  animation: fadeIn .7s both ease;
}
/* backSlide */
.owl-backSlide-out {
  -webkit-animation: backSlideOut 1s both ease;
  -moz-animation: backSlideOut 1s both ease;
  animation: backSlideOut 1s both ease;
}
.owl-backSlide-in {
  -webkit-animation: backSlideIn 1s both ease;
  -moz-animation: backSlideIn 1s both ease;
  animation: backSlideIn 1s both ease;
}
/* goDown */
.owl-goDown-out {
  -webkit-animation: scaleToFade .7s ease both;
  -moz-animation: scaleToFade .7s ease both;
  animation: scaleToFade .7s ease both;
}
.owl-goDown-in {
  -webkit-animation: goDown .6s ease both;
  -moz-animation: goDown .6s ease both;
  animation: goDown .6s ease both;
}
/* scaleUp */
.owl-fadeUp-in {
  -webkit-animation: scaleUpFrom .5s ease both;
  -moz-animation: scaleUpFrom .5s ease both;
  animation: scaleUpFrom .5s ease both;
}

.owl-fadeUp-out {
  -webkit-animation: scaleUpTo .5s ease both;
  -moz-animation: scaleUpTo .5s ease both;
  animation: scaleUpTo .5s ease both;
}
/* Keyframes */
/*empty*/
@-webkit-keyframes empty {
  0% {opacity: 1}
}
@-moz-keyframes empty {
  0% {opacity: 1}
}
@keyframes empty {
  0% {opacity: 1}
}
@-webkit-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-moz-keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@keyframes fadeIn {
  0% { opacity:0; }
  100% { opacity:1; }
}
@-webkit-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-moz-keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@keyframes fadeOut {
  0% { opacity:1; }
  100% { opacity:0; }
}
@-webkit-keyframes backSlideOut {
  25% { opacity: .5; -webkit-transform: translateZ(-500px); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(-200%); }
}
@-moz-keyframes backSlideOut {
  25% { opacity: .5; -moz-transform: translateZ(-500px); }
  75% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; -moz-transform: translateZ(-500px) translateX(-200%); }
}
@keyframes backSlideOut {
  25% { opacity: .5; transform: translateZ(-500px); }
  75% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
  100% { opacity: .5; transform: translateZ(-500px) translateX(-200%); }
}
@-webkit-keyframes backSlideIn {
  0%, 25% { opacity: .5; -webkit-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -webkit-transform: translateZ(-500px); }
  100% { opacity: 1; -webkit-transform: translateZ(0) translateX(0); }
}
@-moz-keyframes backSlideIn {
  0%, 25% { opacity: .5; -moz-transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; -moz-transform: translateZ(-500px); }
  100% { opacity: 1; -moz-transform: translateZ(0) translateX(0); }
}
@keyframes backSlideIn {
  0%, 25% { opacity: .5; transform: translateZ(-500px) translateX(200%); }
  75% { opacity: .5; transform: translateZ(-500px); }
  100% { opacity: 1; transform: translateZ(0) translateX(0); }
}
@-webkit-keyframes scaleToFade {
  to { opacity: 0; -webkit-transform: scale(.8); }
}
@-moz-keyframes scaleToFade {
  to { opacity: 0; -moz-transform: scale(.8); }
}
@keyframes scaleToFade {

  to { opacity: 0; transform: scale(.8); }
}
@-webkit-keyframes goDown {
  from { -webkit-transform: translateY(-100%); }
}
@-moz-keyframes goDown {
  from { -moz-transform: translateY(-100%); }
}
@keyframes goDown {

  from { transform: translateY(-100%); }
}

@-webkit-keyframes scaleUpFrom {
  from { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpFrom {
  from { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpFrom {
  from { opacity: 0; transform: scale(1.5); }
}

@-webkit-keyframes scaleUpTo {
  to { opacity: 0; -webkit-transform: scale(1.5); }
}
@-moz-keyframes scaleUpTo {
  to { opacity: 0; -moz-transform: scale(1.5); }
}
@keyframes scaleUpTo {
  to { opacity: 0; transform: scale(1.5); }
}

.slider-two_content{   z-index: 150; float:left;   max-width:640px;  position:relative;}
.slider-two_content h2{ font-size:45px; font-weight:600; line-height:50px; }
.slider-two_content h2 span{ font-weight:600; font-family:Playfair Display,serif; color:#ab7415; font-style:italic }
.slider-two_content h3{ font-size:36px; font-weight:700; color:#543884; padding-top:30px;}
.slider-two_content h4{ font-weight:600; font-size:20px;}
.slider-two_content p{ padding: 10px 0px 25px 0; line-height:28px;}

.slider-two_content ul{ margin:0px 0 15px 0}
.slider-two_content li{ display:inline-block; vertical-align:middle; margin-right:25px; margin-bottom:15px; font-size:17px; font-weight:500}
.slider-two_content li img{ width:30px !important; display:inline-block !important; padding-right:5px; vertical-align:middle; height:auto;object-position:100%}
.grlogo{ margin-bottom:15px;}
.grlogo img{width:323px !important; display:inline-block !important;  height:auto;object-position:100%}
.about-section {
  padding: 70px 0;
  overflow: hidden;
}

.about-wrapper {
  display: flex;
  align-items: center;
}

.about-img { background:#dfdfdd;   border-radius: 0 40px 40px 0;
  width: 50%;
}

.about-img img {
  width: 100%;
  height: 100%;
  object-fit: cover; height:520px;
  border-radius: 0 40px 40px 0;
}

.about-content {
  width: 50%;
}

.aboutcontainer {
  max-width: 580px;
  padding: 0 60px;
}

.sub-title {
  font-size: 16px;
  letter-spacing: 2px; font-weight:600;
  color: #011039;
  margin-bottom: 10px;
  display: inline-block;
}

.about-content h2 {
  font-size: 41px; line-height:44px; font-weight:600;
  margin-bottom:15px;
}

.about-content p {
  margin-bottom:18px;
}



@media (max-width: 768px) {
  .about-wrapper {
    flex-direction: column;
  }

  .about-img,
  .about-content {
    width: 100%;
  }

  .aboutcontainer { padding-top:30px;
    max-width: 100%;
  }
}

.services-area{ padding:100px 0 80px 0}
.services-left{  width:100%; text-align:center}
.services-left h2{  font-size: 41px; line-height:44px;
   font-weight:600;}
.services-right{ float:right; width:48%}
.services-right p{ padding-bottom:15px}
.services-row{ text-align:center; margin-top:10px}
.services-box{ display:inline-block; vertical-align:top; text-align:left; border-radius:20px; margin-top:25px; width:31%; margin-right:1.7%; background:#f4ebda}
.servicestxt{ padding:25px}
.servicestxt h3{ font-size:30px; line-height:30px; padding-bottom:10px; }.servicestxt h3 a{ font-weight:600 } .servicestxt h3 a:hover{ color:#022c9f }
.serimg{ position:relative}
.serimg img{ border-radius:20px}
.read-btn { position:absolute; bottom:25px; left:25px;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 7px 16px;
  background: rgba(255, 255, 255, 0.8);
  color: #000 !important; 
  font-size: 16px;
  border-radius: 25px;
  text-decoration: none;
  transition: 0.3s ease; font-weight:800} .read-btn span{ font-weight:600}

.read-btn .icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  background: #011039;
  color: #fff;
  border-radius: 50%;
  font-size: 16px;
  transition: 0.3s ease;
}

.read-btn:hover { background: #fff;}

.read-btn:hover .icon { transform: translateX(4px);}

.why-section { margin-top:80px;
  background: #f9ece4;
  position: relative;
  overflow: hidden;
}

/* Wrapper */
.why-wrapper {
  position: relative;
}


.why-img img {
  width: 61%;
  height: 650px;
  object-fit: cover;
  display: block;
  border-radius: 0 40px 40px 0;
}

.why-card {
  position: absolute;
  top: 61%;
  left: 0;
  width: 100%;
  transform: translateY(-50%);
}

.whycontainer {
  max-width: 1280px;
  margin: auto;
  display: flex;
  justify-content: flex-end;
}

.card-inner { margin-right:13%;
  width: 450px;
  background: rgba(255,255,255,0.95);
  padding: 40px 40px 60px 50px;
  border-radius: 30px;
  box-shadow: 0 10px 40px rgba(0,0,0,0.1);
}

.card-inner h2 {
font-size: 41px;   line-height: 44px;  margin-bottom: 15px;  font-weight: 600;}


.card-inner p {
  margin-bottom: 20px;
}

.card-inner ul {
  list-style: none;
  padding: 0;
  margin-bottom: 45px;
}

.card-inner ul li { background:url(../images/tick.png) left 7px no-repeat;
  padding-left: 25px; font-weight:600;
  position: relative;
  margin-bottom: 10px;
}



@media (max-width: 768px) {
  .why-img img {   height: auto; width:100%;   border-radius: 0; }
  .whycontainer { justify-content: center; }
  .card-inner {width: 100%; margin-right:0; padding:30px 20px 50px 30px}
  .why-card {
    position: static;
    transform: none;
    margin-top: -20px;
  }
}


.testimonial-section { margin-bottom:60px;
  background: #f9ece4;
  padding: 60px 0;
}

.top-row {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 40px;
}

.testimonial-section .left h2 {
font-size: 41px;
    line-height: 48px;
    margin-bottom: 15px;
    font-weight: 600;
}

.testimonial-section .right {
  position: relative;
  width:85%;
  overflow: hidden;
}

.slider {
  display: flex;
  gap: 20px;
  transition: transform 0.5s ease;
}

.card {
  min-width: 280px;
  background: #fff;
  padding: 15px 25px 25px 25px;
  border-radius: 20px;
}

.stars {
  color: #f6b90d; font-size:35px;}

.card h4 {
  color: #011039;
  margin-bottom: 5px; font-size:26px; font-weight:600;
}

.stats {
  display: flex;
  justify-content: space-between;
  margin-top: 60px; gap:20px;
}

.stat-box {
  background: #fff; line-height:44px;
  padding: 27px 25px 20px 25px;
  border-radius: 20px;
  text-align: center;
  width: 22%;
  font-size: 50px;
  color: #011039; font-weight:900; box-shadow:0 10px 40px rgb(0 0 0 / 10%);}

.stat-box span { color:#000;  display: block; font-size: 18px;}

.faq-area{ background:#909ea7; border-radius:30px; width:calc(100% - 40px); margin:0 20px; padding:50px 0 40px 0 }
.faq-left{ float:left; width:43%}
.faq-left h2{font-size: 41px; color:#fff;
    line-height: 48px;
    margin-bottom: 15px;
    font-weight: 600;
}
.faq-left p{ color:#fff }
.faq-right{ float:right; width:51%}

.whitebtn{ background:#fff url(../images/arrow1.png) 147px 25px no-repeat; color:#000 ; border-radius:30px; padding:15px 45px 15px 25px !important; position:relative; overflow:hidden; z-index:99;  transition: color 0.4s ease; background-position:right 25px center;}
.whitebtn::before {
  content: "";
  position: absolute; color:#fff !important;
  top: 0;
  left: 0;
  width: 0%;
  height: 100%; background:#011039;
  z-index:1;
  transition: width 0.4s ease; border-radius:30px;
}
.whitebtn:hover::before { border-radius:30px; background:#011039 url(../images/arrow.png) 147px 25px no-repeat;  color:#fff !important;   background-position:right 25px center; 
  width: 100%; }
.whitebtn span{ position:relative; z-index:999; font-weight:600} .whitebtn:hover span{ color:#fff !important}
.toggles{ margin-top:25px; width:100%}
.toggle { padding: 15px 0px 18px 0px; border-bottom:solid 1px #c9beb7 }
.bdtop0{ border-top:0 !important}
.toggle-content p{ padding-bottom:5px; color:#fff}
.toggle-title { position: relative; display: block; color: #fff; cursor: pointer; font-size:23px; font-weight:500; }
.toggle-title:after { content: '';  position: absolute; top: 67%; right: 0px;  width: 18px; height: 9px;  border: solid #fff;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 10px;
    height: 10px;
    margin-top: -13px; }
.toggle.active .toggle-title:after { content: '';   border: solid #f9e6c2;
    border-width: 0 0 2px 2px;
    -webkit-transform: rotate(-222deg);
    -ms-transform: rotate(-222deg);
    transform: rotate(-222deg);
    width: 10px;
    height: 10px;
    margin-top: -4px; }
.toggle-content { padding-top: 10px; padding: 5px 25px 0px 0px; display: none; }
.toggle.active .toggle-content { display: block !important; color:#000}
.toggle.active .toggle-title {  color:#dfeff9; }
.toggle-content:before,
.toggle-content:after {  content: " ";    display:table;}
.toggle-content:after { clear: both;}
.bdbottom0{ border-bottom:0 !important}

.blog-area{ padding:60px 0}
.blog-area h2{font-size: 41px; text-align:center;
    line-height: 44px;
    margin-bottom: 10px;
    font-weight: 600;}
.text-center{ text-align:center}
.blog-box{ float:left; width:30%; margin:15px 1.5%} .blogimg img{ border-radius:20px; }
.blog-box h3{ font-size:26px; margin-bottom:15px; line-height:30px; margin-top:20px;} .blog-box p{ padding-bottom:15px}
.blog-box h3 a{ font-weight:600; position:relative; color:#000} .rmore{ background:url(../images/arrow1.png) right 9px no-repeat; padding-right:22px; color:#000 !important; font-weight:600; position:relative} .blog-box h3 a:hover{ color:#022c9f}
	
.linktxt{ position:relative}
.linktxt::after {  content: "";   position: absolute;   left: 0;   bottom: -2px;   width: 0;  height: 1px;   background-color: #000;  transition: width 0.4s ease;}
.linktxt:hover::after { width: 100%;  }
	
.rmore::after {  content: "";   position: absolute;   left: 0;   bottom: -3px;   width: 0;  height: 1px;   background-color: #000;  transition: width 0.4s ease;}
.rmore:hover::after { width: 100%;  }
.dr-section{ background:#af9d8f url(../images/bg2.png) left top no-repeat; position:relative; border-radius:30px; width:calc(100% - 40px); margin:0 20px; padding:50px 0 0px 0 }
.dr-section::before{ content: "";   position: absolute; width:100%; height:100%; background:url(../images/bg1.png) right top no-repeat  }

.dr-section-left{ float:left; width:45%}
.dr-section-right{ float:right; width:50%}
.dr-section-right h2{font-size: 41px; color:#fff; line-height: 44px;   margin-bottom: 5px; font-weight: 600;}
.dr-section-right h3{ color:#fff; font-size:24px; font-weight:600; padding-bottom:20px;}
.dr-section-right p{ color:#fff}
.small-d-tile{ color:#d0d8dd}
.phone-r{ margin-bottom:30px; margin-top:11px;}
.phone-r-left{ width:50px; height:50px; background:#fff; border-radius:10px; float:left} .phone-r-left img{ margin:0 auto; height:25px; padding-top:12px}
.phone-r-right{width:calc(100% - 65px); float:right}
.phone-r a{ color:#ccced3} 
.phone-r a:hover{ color:#fff}
.footer-box li a{ color:#ccced3; margin-bottom:10px; display:block; background:url(../images/arrow-1.png) left 6px no-repeat; padding-left:15px; }
 .footer-box li a:hover{ color:#fff}

.benefit-area{ background:#011039; border-radius:30px; width:calc(100% - 40px); margin:0 20px; padding:45px 0 40px 0}
.benefit-area h2{font-size: 41px; color:#fff; line-height: 44px; text-align:center;  margin-bottom: 5px; font-weight: 600;}
.whitetxt{ color:#fff}
																																																															.benefit-box{ float:left; width:30%; margin:15px 1.5%}																																																																																																																																																																																																																																																											
.benefit-box-row{ margin-bottom:40px}
.benefit-box-icon{ width:60px; height:60px; background:#fff; border-radius:10px; margin-top:5px;} .benefit-box-icon img{ margin:0 auto; padding-top:12px}
.benefit-box-txt{ width:calc(100% - 80px); color:#fff}
.benefit-box-txt h3{ font-size:24px; font-weight:600; line-height:28px; padding-bottom:5px;} .benefit-box-txt p{ line-height:24px; font-weight:300}
.fleft{ float:left;} .fright{ float:right;}
.text-right{ text-align:right}
.bimg{ border-radius:200px}																																																																																																																																																																																				
.mtop120{ margin-top:110px}
.top-row .left{ text-align:center; padding-top:55px;}																																																																																																																																																																																
.sliderimg{ float:right; width:48%;} .sliderimg img{ border-radius:30px; }
.inner-banner-area{ position:relative; margin-bottom:70px } .inner-banner-area .container-area{ position:relative}
.inner-banner-area::before {  content: "";   position: absolute;   width: 100%;   height: 90%;   background: #f9ece4;}
.about-dr-left{ padding-top:70px; float:left; width:40%}
.about-dr-left img{ border-radius:30px;}
.about-dr-right{ float:right; width:55%; padding-top:100px}
.about-dr-right h2{ font-size: 41px;  line-height: 44px;   font-weight: 600;   margin-bottom: 5px;} .about-dr-right h3{ font-size:22px; padding-bottom:20px}
.about-dr-right p{ padding-bottom:20px}
.inner-content-section1{ padding:20px 0 70px 0}
.player-overlay{ margin-top:15px;}
.inner-content-section1 p{ padding-bottom:20px}	
.liststyle{ margin-bottom:20px}
.liststyle li {
    background: url(../images/tick1.png) left 6px no-repeat; display:flow-root;
    padding-left: 25px;
    position: relative;
    margin-bottom: 13px;
}
.player-overlay video {
    width: 100%;
    max-height: 100%;
    box-sizing: border-box;
    background: #000;
    border: 5px solid #FFFFFF;
}
.tab-buttons {
  display: flex;
  flex-wrap: wrap;
}

.tab-btn { position:relative;
flex: 1;
    padding: 15px;
    cursor: pointer;
    background: #011039;
    border: none;
    outline: none;
    transition: 0.3s;
    font-size: 21px;
    margin-right: 10px;
    color: #fff;

    font-weight: 600;
}
.tab-btn.active::after {
  content: "";
  position: absolute;
  bottom: -14px; /* adjust spacing */
  left: 50%;
  transform: translateX(-50%);
  
  width: 0;
  height: 0;
  border-left: 14px solid transparent;
  border-right: 14px solid transparent;
  border-top: 14px solid #af9d8f; /* arrow color */
}
.tab-btn:hover {
  background: #af9d8f;
}

.tab-btn.active {
  background: #af9d8f;

  font-weight: bold;
}

.tab-content { box-shadow:0 10px 40px rgb(0 0 0 / 10%); width:90.9%;
  display: none;
  padding: 50px 40px 40px 40px; border-radius:0 0 20px 20px;
  background: #fff;
}

.tab-content.active {
  display: block;
}

@media (max-width: 768px) {
  .tab-buttons {
    flex-direction: column;
  }

  .tab-btn {
    text-align: left;
    border-bottom: 1px solid #ddd;
  }
}
	
	.btlr{ border-top-left-radius:12px}
	.btrr{ border-top-right-radius:12px}
	.map-area{ background:#f9ece4; max-height:490px; overflow:hidden}
	.contact-page-area{ padding-bottom:70px;}	
	.content-box{ background:#fff; border-radius:30px; box-shadow:0 10px 40px rgb(0 0 0 / 10%); padding:50px; margin-top:-60px; position:relative}	
	.heading2{    font-size: 41px;
    line-height: 44px;
    font-weight: 600;
    margin-bottom:7px;}
	
		.heading1{    font-size: 41px; width:80%; margin:0 auto 7px  auto;
    line-height: 44px;
    font-weight: 600;
    margin-bottom:7px;}
	
.contact-left{ float:left; width:47%}
.contact-right{ float:right; width:47%}

.contact-section{ margin-top:10px;}

.contact-wrapper {
  display: flex;
  gap: 0px;
  background: #f8edd9;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

/* Left Side */
.contact-info {
  flex: 1;
  background: #af9d8f;
  color: #fff;
  padding: 40px;
}

.contact-info h2 {
  margin-bottom: 10px;
}

.info-box { border-bottom:solid 1px #d2c8c1;
  margin-bottom: 18px; padding-bottom:18px;
}

.info-box h4 { font-size:22px; font-weight:600; line-height:26px;
  margin-bottom: 7px;
}
.mbopbo{ margin-bottom:0 !important; padding-bottom:0 !important}

/* Right Form */
.contact-form {
  flex: 1;
  padding: 40px;
}

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

.contact-form input,
.contact-form textarea {
  width: 92%;
  padding: 14px 4%;
  border: 0;
  border-radius: 10px;
  outline: none;
  font-size: 18px;
}

.contact-form input:focus,
.contact-form textarea:focus {
  border-color: #007bff;
}

.contact-form button {
  background: #011039;
  color: #fff;
  padding: 15px 35px;
  border: none;
  cursor: pointer;
  border-radius: 25px; font-weight:600; font-size:18px;
  transition: 0.3s;
}

.contact-form button:hover {
  background: #af9d8f;
}


@media (max-width: 768px) {
  .contact-wrapper {
    flex-direction: column;
  }

  .contact-info {
    text-align: center;
  }
}	
.info-box p a{ color:#fff; }		 .info-box p a:hover{ color:#fff; text-decoration: underline}	
.inner-banner-area-1{ background:#f9ece4; padding:70px 0 120px 0}	
.content-box .toggle.active .toggle-title{ color:#ab7415}	
.content-box .toggle-content p{ color:#000}	
.content-box  .toggle-title{ color:#000}
.content-box .toggle.active .toggle-title:after	{ border:solid #ab7415; border-width:0 0 2px 2px}	
.content-box .toggle-title:after{border:solid #000; border-width:0 0 2px 2px}	
.content-box .card{ background:#f5f5f5; float:left; width:43.6%; margin:10px 1%; min-width:inherit}		

.portfolio_container,
.portfolio_gallery,
.blog_container,
.shop_container {
	list-style: none;
}
.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;
}

.image_gallery_item {
	position: relative;
}
.gallary_hover_box {border-radius:20px;
	background-color: rgba(0,0,0,0.50);
    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 { width:60px; height:43px; padding-top:15px; margin:0 auto; border-radius:100%;
	color: #fff;
	font-size: 35px;
}
.image_gallery_item:hover .gallary_hover_box {
	opacity: 1;
	visibility: visible; border-radius:20px;
}
.gallery_img img {
	transition: all 0.5s ease; border-radius:20px;
}
.gallery_hover_style1 .image_gallery_item,
.gallery_hover_style2 .image_gallery_item {
	overflow: hidden; border-radius:20px;
}
.gallery_hover_style1 .image_gallery_item:hover .gallery_img img {
	-moz-transform: scale(1.3);
	-webkit-transform: scale(1.3);
	transform: scale(1.3); border-radius:20px;
}
.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); border-radius:20px;
    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;}
	.ti-arrow-right::before {
    content: "\e628";}		
	.width80{ width:80%; margin:0 auto}	
	.breadcrumb{ text-align:center; padding-bottom:30px;}
	.breadcrumb li {   font-size: 15px;  line-height: 16px;   display: inline;   color: #000;}
.breadcrumb li a{ color:#000; text-decoration:underline;}	 .breadcrumb li a:hover{ text-decoration:none }
.breadcrumb li+li::before {    content: '/';   margin: 0 0.25rem;}	
.specialtiespage h2{ font-size:33px; line-height:38px; font-weight:600; padding-bottom:10px;}
.specialtiespage h3{ font-size:24px; line-height:28px; font-weight:600; padding-bottom:10px; }
.specialtiespage p{ padding-bottom:20px;}
.imgright{ float:right; border-radius:20px; margin-left:30px; margin-bottom:10px; }	 .imgleft{ float:left; border-radius:20px; margin-right:30px; }	
.mtop0{ margin-top:0 !important}
.call-action-bg{ background:#f4ebda; border-radius:20px; padding:25px 40px 25px 40px; text-align:center; margin:20px 0 30px 0}
.call-action-bg h2{ color:#ab7415; padding-bottom:5px;}
.call-action-bg p{ font-weight:600; padding-bottom:15px;}
.list50 li{ float:left; width:47%}
.h20{ height:20px;} .h10{ height:10px;}
.box3col{ float:left; width:31%; margin-right:2%}

.table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    margin-bottom: 30px;
}

.responsive-table {
    width: 100%;
    min-width: 650px;
    border-collapse: collapse;
    background: #fff;
}

.responsive-table th,
.responsive-table td {
    padding: 12px 15px;
    border: 1px solid #ddd;
    text-align: left;
    vertical-align: middle;
}

.responsive-table th {
    background: #011039;
    color: #fff;
    font-weight: 600;
}

.responsive-table tbody tr:nth-child(even) {
    background: #f7f7f7;
}

.responsive-table tbody tr:hover {

}

/* Mobile */
@media (max-width: 767px) {
    .table-responsive {
        overflow-x: auto;
    }

    .responsive-table {
        min-width: 600px;
        font-size: 14px;
    }

    .responsive-table th,
    .responsive-table td {
        padding: 10px;
    }
}

.medical-disclaimer{ background:#faf1ec; margin-top:20px; padding:20px 30px 5px 30px; border-radius:15px; font-size:16px; font-style:italic}
.medical-disclaimer h4{ font-weight:600; font-size:22px; line-height:28px; padding-bottom:5px;}
.lightc{ color:#ab7415 !important}
	
@media (max-width: 1024px) {.btnright{ display:none}.container-area{ width:96%}}
@media (max-width: 768px) {.dr-section-left{ width:100%} .dr-section-right{ width:100%; margin-top:30px;}.dr-section-left img{ border-bottom:solid 3px #f4ebda }.services-box{ width:47%}
.benefit-box{ width:97%} .mtop120{ margin-top:20px;} .top-row{ display:block																																				}.top-row .left{ padding-top:0} .footer-bottom-left{ width:100%; text-align:center}.footer-bottom-right{ width:100%; text-align:center; top:10px;}.footer-box{ width:46%}.fboxlast{ width:100%}.faq-left{ width:100%;}.faq-right{ width:100%; padding-top:60px;}.slider{ display:grid; margin-top:50px;} .testimonial-section .right{ width:100%}.testimonial-section .left h2{ margin-bottom:0} .benefit-box-row .fright{ float:left}  .text-right{ text-align:left} .benefit-box-icon{ margin-right:20px;}.dr-section{ padding-bottom:50px;} .sliderimg { float:left; width:100%}.slider-two_content{ width:100%; margin-top:20px; max-width:100%} .about-dr-left{ width:100%; padding-top:40px;}.about-dr-right{ width:100%; padding-top:30px;	}.inner-banner-area::before{ height:100%} .inner-banner-area .container-area{ width:94%}.tab-btn{ margin-right:0} .content-box .card{ width:82%}.list50 li{ width:94%																																																									}}

@media (max-width: 479px) {.services-left h2 { font-size:31px; line-height:36px;} .services-box{ width:100%; margin-right:0} .card-inner h2 { font-size:31px; line-height:36px;}
.stats{ display:block;} .stat-box{ width:87%; margin-bottom:20px; font-size:45px} .services-area{ padding:50px 0 60px 0;} .benefit-area h2{ font-size:31px;} .benefit-box-txt h3{ font-size:22px;} .benefit-box-row{ margin-bottom:20px;} .container-area{ width:94%} .card-inner{ padding:30px 20px 50px 20px; width:83%} .why-section{ margin-top:60px} .testimonial-section .left h2{ font-size:31px; line-height:38px;} .faq-left h2{ font-size:30px; line-height:38px} .toggle-title{ font-size:22px; line-height:28px;} .toggle{ padding:15px 20px 18px 0px} .toggle-title:after{ right:-20px}.faq-area{ margin:0 15px; width:calc(100% - 30px) } .benefit-area{margin:0 15px; width:calc(100% - 30px) } .dr-section{margin:0 15px; width:calc(100% - 30px) } .aboutcontainer{ padding:30px 20px 0 20px} .about-content h2{ font-size:30px; line-height:38px;} .footer-box{ width:100%; margin-right:0} .fboxlast li{ width:100%;																																																																																																						} .blog-box{ width:97%} .blog-area h2{ font-size:31px; line-height:38px} .blog-area h2 br{ display:none} .top-area{ padding:15px 0} .slider-two_content h2{ font-size:25px; line-height:35px;}
.slider-two_content .whitebtn{ display:inline-block; margin-top:25px;} .banner-area{ padding:40px 0} .about-section{ padding:50px 0 30px 0} .dr-section-right h2{ font-size:33px; line-height:40px}.dr-section-right h3 { font-size:22px; }.footer-area{margin:0 15px; width:calc(100% - 30px) } .servicestxt h3{ font-size:27px;}.container-area1{ width:94%}
.tab-content{ padding:40px 20px 40px 20px} .about-dr-right h2 { font-size:36px;} .content-box{ padding:20px;} .contact-info{ padding:20px;}.contact-form{ padding:30px 20px}
.btrr{ border-radius:0} .heading2{ font-size:31px; line-height:36px;} .heading1{ font-size:31px; line-height:36px;}  .work_col3 > li{ width:48%} .about-img img{ height:250px;} .imgright{ float:none; margin-left:0; padding-bottom:20px;} .specialtiespage h2 { font-size:27px; line-height:32px;} .call-action-bg { padding:10px 20px 25px 20px} .inner-banner-area-1{ padding:60px 0 110px 0} .specialtiespage h3{ font-size:22px;} .box3col{ margin-right:0; width:100%; margin-bottom:15px;}
.width80{ width:92%}
}