*{padding: 0;margin: 0}
body{font-family: 'Inter', sans-serif;font-size: 0.875rem;color: #706f6f}
/* removing blue outline from buttons  #fef7ef*/
button:focus, button:active { outline: none;}
a,a:hover,a:focus{text-decoration: none;color: inherit}
p{font-size: 1rem;font-weight: 400;line-height: 26px;}
header{position: absolute;top: 0;z-index: 9999;}
.logo img{width: 85%}

.banner{background: url("../../images/hero-banner.jpg");background-size: cover;background-repeat: no-repeat;background-position: center center;}
.caption-text .title{transform: skew(-10deg)}
.date{z-index: 999}
.date:before{content: '';background: #ffe4c7;width:100%;height: 66px;transform: skew(-10deg);position: absolute;z-index: -1;border-radius: 5px;left: 0;top:0}
.page-title img{width: 50%}
.page-title h1{font-size: 2.125rem; font-family: 'Inter', sans-serif;font-weight: 700}
.page-title h2{font-weight: 500}
.page-title h5{line-height: 33px;}
.page-title h5 span{font-size: 1.625rem;font-weight: 600;border: 1px solid #014459; border-radius: 30px;padding: 4px 15px;}
.font-sm{font-size: 13px;font-weight: 400}
/*------btn style-------*/
.btn{font-size: 1.125rem;font-weight: 500; color: #ffffff; font-family: 'Inter', sans-serif;will-change: transform;overflow: hidden;position: relative;z-index: 999; transition: all .2s ease;will-change: transform;latter-spacing:0.2px;}
.btn-org,.bg-org{background: #f79520}
.bg-light-blue{background: #00809f}
.bg-blue{background: #014459 !important;color: #ffffff}
.bg-light-org{background: #eb8820;}
.bg-org-dark {background: #f77e02;}
/*-------------------*/
.text-light{color:#1f85a7 !important;}
.text-org{color: #f79421;}
.text-blue,.links a:hover,.page-title h3{color: #44809c}
.text-blue-dark,label{color: #014459;}
.text-black{color: #000}

.card{border: 0;height: 100%;justify-content: center;background: transparent;border-radius: 20px}


/*------footer light end---------*/
.foot-item,.steps-item{display: flex;align-items: center;padding: 2px;border-radius: 38px;transition: all .8s;}
.foot-item:hover{background: #ffffff; ;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15);}
.foot-item img{border-radius: 50%;padding: 1px;background: #fff}
.foot-item:hover img{ }
.foot-item P{color: #1f85a7;padding-left: 1rem;margin-bottom: 0}
footer .foot-item P,.social-icons a:hover i,.caption-link .custom-btn:hover,.caption-link .custom-btn:focus{color: #ffffff}
footer hr{border-top: 1px solid rgb(255 255 255 / 52%);}
footer .foot-item:hover P,.social-icons a i{color: #014459}

.social-icons a{width: 24px;height: 24px;background: #ffffff; border: 1px solid #ffffff;border-radius: 50%;margin-left: 10px;
	transition: transform .8s ease;display: inline-block;transform: rotateY(0deg);}
.social-icons a i{font-size: 11px;line-height: 22px}
.foot-item a:hover,.social-icons a:hover{background: transparent;border: 1px solid #fff}
.footer-dark .footer-top .btn{font-size: 1.125rem;border-radius: 30px;border: 1px solid rgb(235 136 32 / 58%);padding: 8px 0;transition: all 1.5s;}
.footer-dark .footer-top .btn:hover{transform: scale(1.07);color: #ffffff}
.footer-top .btn img{width: 5%;margin: 0 3px;position:relative;top:-3px}
.footer-bottom p{font-size: 0.875rem;}

/*---------------*/
.owl-item .card,.category .row div[class*=col]:nth-child(even) .cat-img,.bg-theme{background: #f7f7f7}
.owl-item .card .img-wrap{width: 250px;background: #d2f7ff;border-radius: 1rem 4rem 1rem 1rem;padding: 1.25rem 1rem 0 0;margin: 2rem 0 2rem 4rem;}
.owl-carousel .owl-nav button.owl-prev,.owl-carousel .owl-nav button.owl-next{border: 1px solid #004459;margin: 0 0.5rem;width: 36px;height: 36px;border-radius: 50%;}
.owl-carousel .owl-nav button.owl-prev{width:100px;height: 36px;border-radius: 27px;}
.owl-carousel .owl-nav button.owl-next{}
.owl-carousel .owl-nav button svg{width: 60%;}
.owl-carousel .owl-nav button:hover svg{-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft;}
.owl-carousel .owl-nav button:nth-child(2n) svg{width:30%}
.owl-carousel .owl-nav button:hover{background: #004459}
.owl-carousel .owl-nav button:hover .cls-1{stroke: #fff}
.owl-carousel .owl-nav button:hover .cls-2{fill: #fff}
.owl-carousel .owl-dots{text-align: center}
.owl-carousel button.owl-dot{width: 12px;height: 12px;background: #fff;border-radius: 50%;margin:10px 5px;box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)}
.owl-carousel button.owl-dot.active{    background: rgb(0 126 158 / 83%);}
.testimonials .owl-carousel .owl-item img{width: 26px}
.testimonials .owl-carousel .owl-stage{padding-bottom: 1rem}
.testimonials .owl-nav{position: absolute;left: -34%;top: 60%;}
.card-details .desc{font-size: 1.5rem;line-height: 31px;font-weight: 300}

@keyframes fadeInLeft {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*---------------*/
.from-wrap{border-radius: 1rem 10rem 1rem 1rem;}
.form-control{border-radius: 3rem}
select{-webkit-appearance: none;background-image: url("../../images/down-arrow.png");background-position: calc(100% - 14px);background-size: 14px;background-repeat: no-repeat;}
/*---------------*/
.cat-img,.brand-img{display: flex;justify-content: center;align-items: center;width: 250px;height: 250px;padding: 1rem;background: #ffffff}
.cat-img img,.brand-item img{width: 70%}
.testimonials .card{height: 350px;justify-content: space-between}
.testimonials .card p{font-size: 13px;line-height: 21px;}
.testimonials .card:before{content: '';
    position: absolute;
    bottom: -14px;
    z-index: 999;
    left: 0;
    width: 0;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 34px solid transparent;
    border-top: 32px solid #f7f7f7;
}
.list-wrapper ul li{font-size: 1.25rem;line-height: 32px;font-weight: 500}
.hospitals-list .list-wrapper ul li:hover{color: #f79421;text-decoration: underline}
.disclaimer{font-size: 14px}

.three-steps-treatment .page-title h3{color: #706f6f}
.three-steps-treatment .page-title h3 span{font-size: 2.75rem}
/*---------------*/

.title h5{color: #3c3c3b;font-size:1.325rem;}
/*---------------*/
.banner .img-wrap img{width: 100%;position: absolute;bottom: -25px;}
/*.form-title img{width: 3.5%}*/
.callback-no{background: #2c8098;color: #ffffff; font-size: 19px; border: 1px solid #2c8098;border-radius: 30px;padding: 2px 3px 3px;line-height: 1.2;
}
.callback-no img,.callback-no a{vertical-align: bottom;}
.callback-no img{width: 23px;background: #fff;border-radius: 50%;}
/*--------------*/

.button:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -2;
}
.button:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0%;
  height: 100%;
  background-color: #fff;
  transition: all 0.5s;
  z-index: -1;
}
.button:hover {color: #ec8820;}
.button:hover:before {width: 100%;}
button.disabled, button:disabled {opacity: .65;cursor: not-allowed;}
/*-----------*/
.footer-light .button:before{background: #017e91}
.footer-light .button:hover {color: #ffffff;}
/*------------*/

@keyframes move {
  from {
    offset-distance: 0%;
  }
  to {
    offset-distance: 100%;
  }
}

/*------------*/
 @keyframes pulse {
	0% { transform: scale(1); }
	50% { transform: scale(1.05); }
	100% { transform: scale(1); }
  }
@keyframes animate {

    0%{
        transform: translateY(0) rotate(0deg);
        opacity: 1;
        border-radius: 0;
    }

    100%{
        transform: translateY(-1000px) rotate(720deg);
        opacity: 0;
        border-radius: 50%;
    }

}


/*-------Media start----------*/
@media only screen and (min-width: 1025px){
	.banner .img-wrap img{width: 87%}
}
@media only screen and (min-width: 992px){
/*	.page-title h1{line-height: 44px;}*/
	.banner .page-title h2{font-size: 1.75rem;line-height: 18px;}
	.page-title h3{font-size: 2rem}
	.page-title h5{font-size: 21px;font-weight: 400;}
	.page-title h4{font-size: 22px; font-weight: 400}
	.category .page-title h3{font-size: 2.25rem}
	p{font-size: 1.125rem}
	ul li{margin-bottom: 0.25rem;font-size: 16px;}
	.foot-item P{font-size: 14px;line-height: 18px;}
	.caption-link .custom-btn{font-size: 1rem}
	.why-Apollo .owl-carousel img{width: auto}
	.btn.btn-md{font-size: 1.25rem}
	.form-title h3{font-size: 2.125rem}
	.form-title span span{font-size: 3.75rem;font-weight: 700;}
	 
}

@media only screen and (max-width: 991px){
	.page-title h5{font-size: 1rem;font-weight: 400;}
	.custom-btn{font-size: 16px}
	.foot-item P{font-size: 12px;line-height: 16px;}
	
}
@media (min-width: 768px) and (max-width: 991px) {
	.banner-img{height: 340px}
}

@media only screen and (min-width: 768px){
	.category .row div[class*=col]{margin-bottom: 2.325rem}
}

@media only screen and (max-width: 768px){
	
}
@media only screen and (max-width: 767px){
	footer .row div[class*=col]{margin-bottom: 1rem}
	.banner .img-wrap img{position: relative;bottom: auto}
	.footer-top .custom-btn{width: 100%;font-size: 18px;}
	.product-details h3{font-size: 2.75rem;font-weight: 500}
	.product-details h3 span:first-child{font-size: 2.125rem;font-weight: 600}
	.product-details h3 span:nth-child(2n){font-size: 2rem;font-weight: 400}
	.btn{font-size: 1rem}
	.date:before{height: 36px;}
	.cat-img, .brand-img{width: 170px;height:170px}
	.brands .content-wapper{background-size: cover}
	.brands .img-wrap{bottom: -67px;left: -14%}
	.brands .img-wrap img{width: 50%}
	.brands:before{bottom: -2px;right: 17%;}
	.testimonials .owl-nav {top: 91%;right: 0;left: auto}
	.owl-carousel.owl-drag .owl-item{touch-action: auto !important;}
	.page-title h1{font-size: 2rem;line-height: 31px;}
	.page-title h2{font-size: 1.25rem;line-height: 21px}
	.logo img{width: 72%}
	h3,.form-title h3{font-size: 1.5rem;font-weight: 600}
	.form-title span span{font-size: 2rem}
	.owl-item .card .img-wrap{margin: 2rem 0 2rem 0rem;}
	.card-details .desc{font-size: 1.125rem;line-height: 26px}
	.three-steps-treatment .page-title h3 span{font-size: 2.125rem;}
	.why-Apollo .owl-carousel .owl-item img{width: auto !important}
	.category .img-wrap{padding: 0 1.5rem}
	.category .row div[class*=col]{margin-bottom: 1rem}
/*	.three-steps-treatment .page-title h3 span{font-size: 2.75rem}*/
	

}
	
@media (min-width: 320px) and (max-width: 481px) {
	h4{font-size: 1.25rem;font-weight: 600}
	h5{font-size: 1.125rem}
	.page-title h5{font-size: 1rem;}
	.banner-img{height:220px}
	.banner-img img{height:100%;object-fit:cover}	
	.foot-item P{font-size: 7px;line-height: 13px;padding-left: 0.5rem}
}

@media (min-width: 321px) and (max-width: 375px){
	.form-item{padding: 1rem;}
	label{font-size:12px;}
}
@media only screen and (max-width: 360px){
	footer .row .col-4{padding-right: 0}
	label{font-size:10px;}
	.form-item{padding: 1rem;}
}