body {
	font-family: Poppins-Light;
  color: #444444;
}

a {
  color: #106eea;
  text-decoration: none;
}

a:hover {
  color: #3b8af2;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-family: Exo-Bold;
}

/*--------------------------------------------------------------
# Preloader
--------------------------------------------------------------*/
@font-face {
	font-family: Poppins-Regular;
	src: url('../fonts/Poppins-Regular.otf');
}

@font-face {
	font-family: Poppins-Medium;
	src: url('../fonts/Poppins-Medium.otf');
}

@font-face {
	font-family: Poppins-Bold;
	src: url('../fonts/Poppins-Bold.otf');
}
@font-face {
	font-family: Poppins-Light;
	src: url('../fonts/Poppins-Light.otf');
}

@font-face {
	font-family: Exo-Bold;
	src: url('../fonts/Exo-Bold.otf');
}

@font-face {
	font-family: Exo-Regular;
	src: url('../fonts/Exo-Regular.otf');
}


@font-face {
	font-family: Exo-Light;
	src: url('../fonts/Exo-Light.otf');
}


/* 
#preloader {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  background: #fff;
}

#preloader:before {
  content: "";
  position: fixed;
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  border: 6px solid #106eea;
  border-top-color: #e2eefd;
  border-radius: 50%;
  width: 60px;
  height: 60px;
  animation: animate-preloader 1s linear infinite;
} */

@keyframes animate-preloader {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}

/*--------------------------------------------------------------
# Back to top button
--------------------------------------------------------------*/
.back-to-top {
  position: fixed;
  visibility: hidden;
  opacity: 0;
  right: 15px;
  bottom: 15px;
  z-index: 996;
  background: #C03863;
  width: 40px;
  height: 40px;
  border-radius: 4px;
  transition: all 0.4s;
}

.back-to-top i {
  font-size: 28px;
  color: #fff;
  line-height: 0;
}

.back-to-top:hover {
  background: #C03863;
  color: #fff;
}

.back-to-top.active {
  visibility: visible;
  opacity: 1;
}

/*--------------------------------------------------------------
# Disable aos animation delay on mobile devices
--------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  [data-aos-delay] {
    transition-delay: 0 !important;
  }
}

/*--------------------------------------------------------------
# Top Bar
--------------------------------------------------------------*/
#topbar {
  background: #106eea;
  height: 40px;
  font-size: 14px;
  transition: all 0.5s;
  color: #fff;
  padding: 0;
}

#topbar .contact-info i {
  font-style: normal;
  color: #fff;
}

#topbar .contact-info i a,
#topbar .contact-info i span {
  padding-left: 5px;
  color: #fff;
}

#topbar .contact-info i a {
  line-height: 0;
  transition: 0.3s;
  transition: 0.3s;
}

#topbar .contact-info i a:hover {
  color: #fff;
  text-decoration: underline;
}

#topbar .social-links a {
  color: rgba(255, 255, 255, 0.7);
  line-height: 0;
  transition: 0.3s;
  margin-left: 20px;
}

#topbar .social-links a:hover {
  color: white;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#header {
  /* background: #fff;
  transition: all 0.5s;
  z-index: 997;
  height: 70px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1); */
  background: transparent;
  height: 80px;
}
#myHeader{
  z-index: 999999;
  position: fixed;
  width: 100%;
}
.header-bottom-4{
  margin-top: 100px;
}
.sucesmes{
  margin-top: 30px;
  padding-bottom: 10px !important;
}
#header.fixed-top {

 background: #fff;
  transition: all 0.5s;
  z-index: 997;
  height: 80px;
  padding-top: 0px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}
.navbar-fixed-top.scrolled {
  background-color: #fff !important;
  transition: background-color 200ms linear;
}

#header .logo {

  margin: 0;
  padding: 0;
width: 300px;
  font-weight: 600;
  letter-spacing: 0.8px;

}
#header .logo  img{
  width: 200px;
  padding-top: 6px;
}

#header .logo a {
  color: #222222;
}

#header .logo a span {
  color: #106eea;
}



.scrolled-offset {
  margin-top: 20px;
}

/*--------------------------------------------------------------
# Navigation Menu
--------------------------------------------------------------*/
/**
* Desktop Navigation 
*/
.navbar {
  padding: 0;
}

.navbar ul {
  margin: 0;
  padding: 0;
  display: flex;
  list-style: none;
  align-items: center;
}

.navbar li {
  position: relative;
}

.navbar>ul>li {
  white-space: nowrap;
  padding: 10px 0 10px 28px;
}

.navbar a,
.navbar a:focus {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 3px;
  font-size: 15px;
  font-weight: 600;
  color: #222222;
  white-space: nowrap;
  transition: 0.3s;
  position: relative;
}

.navbar a i,
.navbar a:focus i {
  font-size: 12px;
  line-height: 0;
  margin-left: 5px;
}

.navbar>ul>li>a:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: -6px;
  left: 0;
  background-color: #106eea;
  visibility: hidden;
  width: 0px;
  transition: all 0.3s ease-in-out 0s;
}

.navbar a:hover:before,
.navbar li:hover>a:before,
.navbar .active:before {
  visibility: visible;
  width: 100%;
}

.navbar a:hover,
.navbar .active,
.navbar .active:focus,
.navbar li:hover>a {
  color: #106eea;
}

.navbar .dropdown ul {
  display: block;
  position: absolute;
  left: 28px;
  top: calc(100% + 30px);
  margin: 0;
  padding: 10px 0;
  z-index: 99;
  opacity: 0;
  visibility: hidden;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
  transition: 0.3s;
}

.navbar .dropdown ul li {
  min-width: 200px;
}

.navbar .dropdown ul a {
  padding: 10px 20px;
  font-weight: 400;
}

.navbar .dropdown ul a i {
  font-size: 12px;
}

.navbar .dropdown ul a:hover,
.navbar .dropdown ul .active:hover,
.navbar .dropdown ul li:hover>a {
  color: #106eea;
}

.navbar .dropdown:hover>ul {
  opacity: 1;
  top: 100%;
  visibility: visible;
}

.navbar .dropdown .dropdown ul {
  top: 0;
  left: calc(100% - 30px);
  visibility: hidden;
}

.navbar .dropdown .dropdown:hover>ul {
  opacity: 1;
  top: 0;
  left: 100%;
  visibility: visible;
}

@media (max-width: 1366px) {
  .navbar .dropdown .dropdown ul {
    left: -90%;
  }

  .navbar .dropdown .dropdown:hover>ul {
    left: -100%;
  }
}

/**
* Mobile Navigation 
*/
.mobile-nav-toggle {
  color: #222222;
  font-size: 28px;
  cursor: pointer;
  display: none;
  line-height: 0;
  transition: 0.5s;
}

.mobile-nav-toggle.bi-x {
  color: #fff;
}

@media (max-width: 991px) {
  .mobile-nav-toggle {
    display: block;
  }

  .navbar ul {
    display: none;
  }
}

.navbar-mobile {
  position: fixed;
  overflow: hidden;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  background: rgba(9, 9, 9, 0.9);
  transition: 0.3s;
  z-index: 999;
}

.navbar-mobile .mobile-nav-toggle {
  position: absolute;
  top: 15px;
  right: 15px;
}

.navbar-mobile ul {
  display: block;
  position: absolute;
  top: 55px;
  right: 15px;
  bottom: 15px;
  left: 15px;
  padding: 10px 0;
  background-color: #fff;
  overflow-y: auto;
  transition: 0.3s;
}

.navbar-mobile a,
.navbar-mobile a:focus {
  padding: 10px 20px;
  font-size: 15px;
  color: #222222;
}

.navbar-mobile>ul>li {
  padding: 0;
}

.navbar-mobile a:hover:before,
.navbar-mobile li:hover>a:before,
.navbar-mobile .active:before {
  visibility: hidden;
}

.navbar-mobile a:hover,
.navbar-mobile .active,
.navbar-mobile li:hover>a {
  color: #106eea;
}

.navbar-mobile .getstarted,
.navbar-mobile .getstarted:focus {
  margin: 15px;
}

.navbar-mobile .dropdown ul {
  position: static;
  display: none;
  margin: 10px 20px;
  padding: 10px 0;
  z-index: 99;
  opacity: 1;
  visibility: visible;
  background: #fff;
  box-shadow: 0px 0px 30px rgba(127, 137, 161, 0.25);
}

.navbar-mobile .dropdown ul li {
  min-width: 200px;
}

.navbar-mobile .dropdown ul a {
  padding: 10px 20px;
}

.navbar-mobile .dropdown ul a i {
  font-size: 12px;
}

.navbar-mobile .dropdown ul a:hover,
.navbar-mobile .dropdown ul .active:hover,
.navbar-mobile .dropdown ul li:hover>a {
  color: #106eea;
}

.navbar-mobile .dropdown>.dropdown-active {
  display: block;
}

/*--------------------------------------------------------------
# Hero Section
--------------------------------------------------------------*/
#hero {
background: #E7E2EB;
padding-bottom: 0;
}



#hero .container {
  position: relative;
}

#hero h1 {
  margin: 0;
  font-size: 33px;
  font-weight: 700;
  line-height: 43px;
  color: #fff;
  font-family: 'Exo-Bold';
  padding: 10px 0;
  text-transform: capitalize;
}

#hero h1 span {
  color: #ffc209;
}
#hero h3{
  font-size: 22px;
  font-weight: 700;
  line-height: 32px;
  color: #fff;
  font-family: Poppins-Regular;
  padding: 10px 0;
  text-transform: capitalize;
}




#hero .btn-get-started:hover {
  background: #F81C1C;
}

#hero .btn-watch-video {
  font-size: 16px;
  transition: 0.5s;
  margin-left: 25px;
  color: #222222;
  font-weight: 600;
  display: flex;
  align-items: center;
}

#hero .btn-watch-video i {
  color: #106eea;
  font-size: 32px;
  transition: 0.3s;
  line-height: 0;
  margin-right: 8px;
}

#hero .btn-watch-video:hover {
  color: #106eea;
}

#hero .btn-watch-video:hover i {
  color: #3b8af2;
}

@media (min-width: 1024px) {
  #hero {
    background-attachment: fixed;
  }
}

@media (max-width: 768px) {

  .bannerctaconetnt p{
    margin: 20px ! IMPORTANT;
    max-width: 100% ! IMPORTANT;
  }

  .carousel-gallery{
    margin: 10px 0;
    padding: 0 0px !important;
    .swiper-slide{
      margin: 0px  !important;
      width: 100% !important;
      a{
        display: block;
        width: 100%;
        height: 100%;
        border-radius: 4px;
        overflow: hidden;
        position: relative;

        
      }
    }
  }

  #hero {
    height: 100%;
    padding: 20px 10px !important;
    /* background: #E9F8F0 !important; */
  }
  #header .logo{
    width: 250px;
  }
  #header .logo img{
    width: 150px;
    padding-top: 2px;
  }
  .bangpfferimg{
    background: none !important;
  }
  .enquiryformnewdesign{
    width: 100% !important;
  }
  .box-CAPTCHA #input{
    width: 50% !important;
  }
  .about-section-bg h4{
    font-size: 20px !important;
    line-height: 30px ! IMPORTANT;
    padding-top: 0 !IMPORTANT;
  }
  .numbenewr{
    display: none !important;
  }
  #clenic h3{
    margin-top: 0 !important;
    margin-bottom: 10px;
  }
  .nav-tabs .nav-link {
    color: #631E21 ! IMPORTANT;
    font-weight: 400;
    font-size: 14px;
}
.choose1 h2{
  color: #631E21;
    font-size: 13px !important;
    line-height: 22px;
    font-weight: 500;
    padding-top: 15px;
    max-height: 43px ! IMPORTANT;
    padding-top: 18px;
}
#whychoosus{
  padding: 20px 0;
}
.aboutuscontent h3{
font-size: 25px !important;
line-height: 35px ! IMPORTANT;
text-align: center;
padding-bottom: 15px;
}
#solutions h3{
  padding-bottom: 0;
}
.speser1 h2 {
  font-size: 17px !important;
}
.speser2 h2 {
  font-size: 17px !important;
}
.speser3 h2 {
  font-size: 17px !important;
}
.speser4 h2 {
  font-size: 17px !important;
}
#specialservices{
  padding: 20px 10px 10px !important;
}
#solutions{
  padding: 20px 10px !IMPORTANT;
}
#specialservices h3{
  padding-bottom: 0;
}
#specialservices p{
  font-size: 14px !important;
}
#faq h3{
padding-bottom: 0 ;
}
#specialservices .workinglist{
  background: none  !important;
}
#whychoosus .choosecontent .choose1{
  width: 50%;
  float: left;
}
.solu h2{
  padding-bottom: 10px;
  font-size: 16px !important;
}
#solutions h3{
  text-align: center;
}
#specialservices h3{
  text-align: center;
  margin-top: 0 !important;

}
.testimonialsnew .swiper-slide .testimonial-item{
  width: 100% !important;
}
.testimonialsnew .swiper-pagination{
  margin-top: 20px !important;
}
.callactionbannerbgcolor .orange{
  padding: 30px 0 10px !important;
}
.callactionbannerbgcolor .choouse {
  max-width: 100% !important;
  margin: 0 auto;
}
.callactionbannerbgcolor .blue {

  padding: 30px 0 15px !important;
}
.callactionbannerbgcolor .appbtn {
  max-width: 100% !important;
  margin: 0 auto;
}
.testimonialsnew .swiper-wrapper {
  max-width: 100% !important;
    padding: 0;
    margin: 0;
    left: 10px;
    right: 0;
}
.testimonialsnew .swiper-slide{
  width: 100% !important;
  margin-right: 0px !important;
}
#specialservices h4{
  text-align: center;
}
.testimonialsnew .testimonial-item{
  border: none !important;
}
.bannerctaconetnt h3 {
  font-size: 30px !important;
  font-weight: 600;
  line-height: 40px !important;
  color: #fff;
}
.callactionbannerbgcolor .bannerctaconetnt{
  padding: 30px 0 0px;
}

.solu{
  width: 50% !important;
  float: left;
}
.choosecontent{
  display: block  !important;
}
  .topbannerabout img{
    padding-bottom: 0px;
    text-align: center;
    max-width: 100%;
    border: none !important;
  }
  #stayoffers{
    padding: 20px;
  }
  .featured-services p{
    margin-bottom: 0;
  }
  .afterbannerimg{
    text-align: center;
    background: #f7f7f7;
    padding: 20px;
  }
  .about .content ul li {
    display: flex;
    align-items: flex-start;
    margin-bottom: 10px !important;
    margin-top: 0px ! IMPORTANT;
    font-size: 16px ! IMPORTANT;
}
.topbannerabout ul li img {
  width: 25px;
}
  #hero .btn-get-started{
    margin-bottom: 15px !important;
  }
  .about-section-bg h3 {
    line-height: 31px !important;
    font-size: 25px !important;
    font-weight: 600;
    color: #000;
}
.aboutimgnew img{
  max-width: 60%;
}
.aboutimgnew{
  text-align: center;
  background: none ! IMPORTANT;
  box-shadow: none ! IMPORTANT;
  padding-top: 0 !IMPORTANT;
  margin-top: 0px ! IMPORTANT;
}
.about-doctor .mt-3 img{
  max-width: 60% ! IMPORTANT;
}
.about-doctor .mt-3{
  text-align: center;
  margin-bottom: 25px;
}
.bannercta p {
  font-size: 18px !important;
}
.bannercta h3{
  font-size:20px !important;
}

#footer .footer-top .footer-contact {
  margin-bottom: 0px !important;
}
.aboutuscontent{
  text-align: left !important;
}
.abcontent {
  padding-left: 0px !important;
  padding-top: 0px ! IMPORTANT;
}
.featured-services h2 {
  font-size: 25px !important;
  line-height: 31px !important;

}
.clenic .section-title h3 {
  margin: 15px 0 0 0;
  font-size: 25px !important;
  font-weight: 700;
  line-height: 20px !important;
 
}
.member-info span{
  margin-bottom: 8px !important;
}

  #hero h1 {
    font-size: 25px;
    line-height: 36px;
    padding-top: 0px;
    padding-bottom: 0 !important;
  }
  #hero h3 {
    font-size: 18px;
    font-weight: 500;
    line-height: 25px;
    color: #fff;
    font-family: Poppins-Regular;
    padding: 10px 0 0;
    text-transform: capitalize;
}
  .slides{
    display: block !important;
  }
  .slide img {
    width: 50% !important;
    display: block;
    padding: 10px;
    float: left  !important;
}
  #hero h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 10px;
  }

  #hero .btn-get-started,
  #hero .btn-watch-video {
    font-size: 13px;
  }

.bannerrightmg{
  padding-top: 20px;
  max-width: 70%;
  text-align: center;
  margin: 0 auto;
}
.list ul li {
  list-style: none;
  margin-bottom: 10px;
  font-size: 13px !important;
}

.counts .count-box h2{
  font-size: 25px !important;
}
.counts .count-box span{
  font-size: 25px !important;
}
.count-box p.happyclients{
  font-size: 25px !important;
  gap: 2px !important;
}
.counts .count-box{
  padding: 10px 0px 7px 0px !important;
  border-right: none !important;
}
.counts .count-box p.support{
  font-size: 13px !important;
}
.socialnumber{
  right: 90px !important;
}
.secondbox{
  margin-top: 0 !important;
}
.about-section-bg{
  padding: 0px 0;
  background: none !important;
}
.aboutdoctcontent {
  padding-right: 15px !important;
}

.featured-services{
  padding: 20px 10px 0;
}
.featured-services .mb-5{
  margin-bottom: 1rem !important;
}
.clenic{
  padding: 20px 0;
}
.team{
padding: 20px 0 !important;
}
.ourconsulting{
  margin-top: 0px !important;
}
.meetourdoctor{
  display: block  !important;
}
.appointment {
  padding: 0px 0;
  background:none !important;
    background-size: contain !important;
}
.contact_top{
  width: 100% !important;
  padding: 0 !IMPORTANT;
  margin: 10px 0 !IMPORTANT;
}
.testibg {
  background: #DCFEEC;
  position: relative;
  padding: 20px 0 !important;
}
.testimonialsnew h2 {
  font-size: 25px !important;
  padding-bottom: 0px !important;
}
.googlemap iframe{
  height: 100% !important;
}
.contact_top_sec {
  margin: 1em 0px !important;
}
.contact_top .contact_header {
  font-size: 22px !important;
  margin-top: 0 !IMPORTANT;
}
.contact_form label {
  padding: 6px 1px !important;
}
.testimonialsnew {
  padding: 20px 0 !important;
}
.faq .faq-list .question{
  padding-left: 10px !important;
}
.faq .faq-list i{
  left: 90% !important;
}
.faq {
  padding: 10px 0 !important;
}
.newsletter {
  background: url(../../assets/img/sbubg.png) #fff no-repeat center left !important;
  background-size: cover !important;
  padding: 30px 10px !IMPORTANT;
}
.newsletter h4{
  font-size: 30px !important;
    line-height: 37px !important;
    max-width: 100% !important;
}
.subscribe{
  padding: 5px 0 20px;
}
.footer-top .col-lg-4.col-md-6.footer-links{
  margin-top: 20px;
}
.footer-top .col-lg-3.col-md-6.footer-links{
  margin-top: 20px;
}
#footer {
  padding: 20px 0 30px 0 !important;

}
#footer .footer-top {
  padding: 25px 0 10px 0 !important;

}
.icons ul li{
  list-style: none;
}
.mobileheader{
  width: 100%;
}
.icons li a img{
  width: 40px;
}
#stayoffers .stets{
  font-size: 21px !important;
  line-height: 30px ! IMPORTANT;
  padding-top: 15px ! IMPORTANT;
  padding-bottom: 10px !important;
}
.offer1 {
  text-align: center;
  margin-top: 5px !important;
}
.mobile{
  width: 100%;
  position: fixed;
  background: #fff;
  height: 60px;
  z-index: 999;
  top: 0;
  padding-top: 6px;
  box-shadow: 1px -4px 6px 7px #706B6A;
}
#header {
  background: transparent;
  height: 60px;
}
.about-section-bg h2 {
  line-height: 44px !important;
  font-size: 25px !important;
  font-weight: 600;
}
.mobile-footer .icons li a img {
  width: 40px;

  border-radius: 50%;
}
.makecapion {
  color: #c03863;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 15px;
  font-size: 18px !important;
}
.section-title h3 {
  margin: 15px 0 0 0;
  font-size: 19px;
  font-weight: 700;
}
}

@media (max-height: 500px) {

}

/*--------------------------------------------------------------
# Sections General
--------------------------------------------------------------*/
section {
  padding: 30px 0;
  overflow: hidden;
}

/* .about-section-bg {

  background: url(../../assets/img/aboutbg.png) #fff no-repeat center left
} */

.featured-services h2{
  font-size: 33px;
  line-height: 41px;
  color: #000000;
  font-weight: 600;
  padding-bottom: 20px !important;
}
.featured-services h4{
  margin: 20px 0 10px;
  text-align: center;
  font-size: 20px ! IMPORTANT;
  color: rgba(76, 76, 76, 1);
}
.featured-services p{
  text-align: center;
  font-size: 14px;
  color: rgba(76, 76, 76, 1);
}
.navbar .callusbtn{
  background: none !important;
  color: rgba(0, 107, 166, 1);
}
.navbar .callusbtn:hover{
  color: rgba(255, 95, 5, 0.85);
  background:none !important;
}
.featured-services{
background: rgba(245, 250, 255, 1);
}
.servicbox:hover{
  background: rgba(255, 255, 255, 1);
  box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);
}
.servicbox:hover h4{
color: #0061BF;
}
.servicbox{
  padding: 0px 0px 10px;
}
.servicbox p{
  padding: 0 15px;
}
.section-title {
  text-align: center;
  padding-bottom: 30px;
}
.text-white:hover{
  color: #FF5F05 !important;
}
.section-title h2 {
  font-size: 13px;
  letter-spacing: 1px;
  font-weight: 700;
  padding: 8px 20px;
  margin: 0;
  background: #e7f1fd;
  color: #106eea;
  display: inline-block;
  text-transform: uppercase;
  border-radius: 50px;
}

.section-title h3 {
  margin: 15px 0 0 0;
  font-size: 32px;
  font-weight: 700;
}

.section-title h3 span {
  color: #106eea;
}

.section-title p {
  margin: 15px auto 0 auto;
  font-weight: 300;
}

@media (min-width: 1024px) {
  .section-title p {
    width: 50%;
    color: #888888;
  }
}

/*--------------------------------------------------------------
# Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs {
  padding: 20px 0;
  background-color: #f1f6fe;
  min-height: 40px;
}

.breadcrumbs h2 {
  font-size: 24px;
  font-weight: 300;
  margin: 0;
}

@media (max-width: 992px) {
  .breadcrumbs h2 {
    margin: 0 0 10px 0;
  }
}

.breadcrumbs ol {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 14px;
}

.breadcrumbs ol li+li {
  padding-left: 10px;
}

.breadcrumbs ol li+li::before {
  display: inline-block;
  padding-right: 10px;
  color: #6c757d;
  content: "/";
}

@media (max-width: 768px) {

.logo img{
  max-width: 100%;
  padding-top: 4px;
}






  .breadcrumbs .d-flex {
    display: block !important;
  }

  .breadcrumbs ol {
    display: block;
  }

  .breadcrumbs ol li {
    display: inline-block;
  }
}

/*--------------------------------------------------------------
# Featured Services
--------------------------------------------------------------*/
.featured-services .icon-box {
  padding: 30px;
  position: relative;
  overflow: hidden;
  background: #fff;
  box-shadow: 0 0 29px 0 rgba(68, 88, 144, 0.12);
  transition: all 0.3s ease-in-out;
  border-radius: 8px;
  z-index: 1;
}

.featured-services .icon-box::before {
  content: "";
  position: absolute;
  background: #cbe0fb;
  right: 0;
  left: 0;
  bottom: 0;
  top: 100%;
  transition: all 0.3s;
  z-index: -1;
}

.featured-services .icon-box:hover::before {
  background: #1FB665;
  top: 0;
  border-radius: 0px;
}
.featured-services .icon-box:hover .icon .bx{
background: #fff;
}

.featured-services .icon {
  margin-bottom: 15px;
}

.featured-services .icon i {
  font-size: 48px;
  line-height: 1;
  color: #106eea;
  transition: all 0.3s ease-in-out;
}

.featured-services .title {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 18px;
}

.featured-services .title a {
  color: #111;
}

.featured-services .description {
  font-size: 15px;
  line-height: 28px;
  margin-bottom: 0;
  color: #888888;
}

.featured-services .icon-box:hover .title a,
.featured-services .icon-box:hover .description {
  color: #fff;
}

.featured-services .icon-box:hover .icon i {
  color: #fff;
}
.clenic .section-title h3{
  margin: 15px 0 0 0;
  font-size: 33px;
  font-weight: 700;
  line-height: 54px;
  color: #000000;
  text-align: left;
}
/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .content h3 {
  font-weight: 600;
  font-size: 26px;
}

.about .content ul {
  list-style: none;
  padding: 0;
}

.about .content ul li {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
  gap: 20px;
  font-size: 20px;
  font-weight: 600;
}

.about .content ul li:first-child {
  margin-top: 35px;
}

.about .content ul i {
  background: #fff;
  box-shadow: 0px 6px 15px rgba(16, 110, 234, 0.12);
  font-size: 24px;
  padding: 20px;
  margin-right: 15px;
  color: #106eea;
  border-radius: 50px;
}

.about .content ul h5 {
  font-size: 18px;
  color: #555555;
}

.about .content ul p {
  font-size: 15px;
}

.about .content p:last-child {
  margin-bottom: 0;
}

/*--------------------------------------------------------------
# Skills
--------------------------------------------------------------*/
.skills .progress {
  height: 60px;
  display: block;
  background: none;
  border-radius: 0;
}

.skills .progress .skill {
  padding: 0;
  margin: 0 0 6px 0;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
	font-family: Poppins-Medium;
  color: #222222;
}

.skills .progress .skill .val {
  float: right;
  font-style: normal;
}

.skills .progress-bar-wrap {
  background: #e2eefd;
  height: 10px;
}

.skills .progress-bar {
  width: 1px;
  height: 10px;
  transition: 0.9s;
  background-color: #106eea;
}

/*--------------------------------------------------------------
# Counts
--------------------------------------------------------------*/
.counts {
  padding: 15px 0 0px;
  background: #1FB665;
}

.counts .count-box {
  padding: 50px 30px 40px 30px;
  width: 100%;
  position: relative;
  text-align: center;
  margin-bottom: 15px;
}
.lastbox{
  border-right: none !important; 
}
.happyclients{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  font-size: 48px !important;
  color: #fff ! IMPORTANT;
  font-weight: 800;
}
.counts .count-box i {
  position: absolute;
  top: -28px;
  left: 50%;
  transform: translateX(-50%);
  font-size: 24px;
  background: #106eea;
  color: #fff;
  width: 56px;
  height: 56px;
  line-height: 0;
  border-radius: 50px;
  border: 5px solid #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

.counts .count-box span {
  font-size: 48px;
  display: block;
  font-weight: 800;
  color: #fff;
}
.counts .count-box h2{
  font-size: 48px;
  display: block;
  font-weight: 800;
  color: #fff;
}

.counts .count-box p {
  padding: 0;
  margin: 0;

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

/*--------------------------------------------------------------
# Clients
--------------------------------------------------------------*/
.clients {
  padding: 15px 0;
  text-align: center;
}

.clients img {
  max-width: 45%;
  transition: all 0.4s ease-in-out;
  display: inline-block;
  padding: 15px 0;
}

.clients img:hover {
  transform: scale(1.15);
}

@media (max-width: 768px) {
  .clients img {
    max-width: 40%;
  }
}

/*--------------------------------------------------------------
# Services
--------------------------------------------------------------*/
#specialservices{
background: rgba(245, 250, 255, 1);
padding:50px 0 30px;
}
.speser1 h2{
  font-size: 22px;
}
.speser1 h3{
  background: rgba(42, 194, 142, 1);
  border-radius: 50%;
  width: 55px;
  height: 55px;
  text-align: center;
  line-height: 60px;
  color: #fff !important;
  font-size: 22px;
  margin-bottom: 20px;
}
.speser2 h2{
  font-size: 22px;
}
.speser2 h3{
  background: rgba(0, 166, 251, 1);
  border-radius: 50%;
  width: 55px;
  height: 55px;
  text-align: center;
  line-height: 60px;
  color: #fff !important;
  font-size: 22px;
  margin-bottom: 20px;
}
.speser3 h2{
  font-size: 22px;
}
.speser3 h3{
  background: rgba(247, 88, 141, 1);
  border-radius: 50%;
  width: 55px;
  height: 55px;
  text-align: center;
  line-height: 60px;
  color: #fff !important;
  font-size: 22px;
  margin-bottom: 20px;
}
.speser4 h2{
  font-size: 22px;
}
.speser4 h3{
  background: rgba(255, 196, 34, 1);
  border-radius: 50%;
  width: 55px;
  height: 55px;
  text-align: center;
  line-height: 60px;
  color: #fff !important;
  font-size: 22px;
  margin-bottom: 20px;
}
#specialservices .workinglist{
  background: url(../../assets/img/workbg.svg) #fff no-repeat top left;
  background-size: 76%;
  background-position: 44px 16px;
  background-color: rgba(245, 250, 255, 1);
} 

.about .content ul li img{
  width: 25px;
}
.accordion-button:focus{
  border: none;
  outline: none;
  box-shadow: none ! IMPORTANT;
}

/*--------------------------------------------------------------
# Faqs
--------------------------------------------------------------*/
.faqsaccrion .collapsed{
background: rgba(245, 252, 251, 1);
margin: 10px 0;
border: 1px solid rgba(220, 220, 220, 1);

}
.faqsaccrion .accordion-item{
  margin: 10px 0;
  border: none;
}
.accordion-body{
  background: rgba(234, 244, 255, 1);
}


/*--------------------------------------------------------------
# Testimonials
--------------------------------------------------------------*/
.testimonial-item .fa-star{
  color: rgba(255, 196, 34, 1);
}
.testibg{
  background: rgba(234, 244, 255, 1);
  position: relative;
  padding: 40px 0;
}
.fa-star-o{
  color: rgba(255, 196, 34, 1);
}
.testimonial-item p{
  font-size: 14px;
}
.testimonial-item img{
  width: 100px;
}

.testimonialsnew {
  padding: 0px 0;
  background: #DCFEEC;
  position: relative;
}
.testimonialsnew h2{
  font-size: 33px;
  line-height: 42px;
  color: #0D1C37;
  text-align: center;
  font-weight: 700;
  padding-bottom: 5px;
}
.testimonialsnew::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #FAFAFA;
}

.testimonialsnew .section-header {
  margin-bottom: 40px;
}

.testimonialsnew .testimonial-carousel,
.testimonialsnew .testimonial-slider {
  overflow: hidden;
}

.testimonialsnew .testimonial-item {
  text-align: left;
  color: #fff;
  padding: 30px 10px;
  height: 280px;
  margin: 10px;
background: rgba(255, 255, 255, 1);
border-radius: 10px;

}

.testimonialsnew .testimonial-item .testimonial-img {
  width: 100px;
  border-radius: 50%;
  border: 6px solid rgba(255, 255, 255, 0.15);
  margin: 0 auto;
}
.checked {
  color: orange;
}

.testimonialsnew .testimonial-item h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 10px 0 5px 0;
  color: #631E21;
}

.testimonialsnew .testimonial-item h4 {
  font-size: 14px;
  color: #F9B009;
  margin: 0 0 15px 0;
}

.testimonialsnew .testimonial-item .quote-icon-left,
.testimonialsnew .testimonial-item .quote-icon-right {
  color: rgba(255, 255, 255, 0.4);
  font-size: 26px;
}

.testimonialsnew .testimonial-item .quote-icon-left {
  display: inline-block;
  left: -5px;
  position: relative;
}

.testimonialsnew .testimonial-item .quote-icon-right {
  display: inline-block;
  right: -5px;
  position: relative;
  top: 10px;
}

.testimonialsnew .testimonial-item p {

  margin: 0 auto 15px auto;
  color: #000;
}

.testimonialsnew .swiper-pagination {
  margin-top: 40px;
  position: relative;
}

.callactionbannerbgcolor{
   background: url(../../assets/img/callsbg.webp) no-repeat center left;
}

.testimonialsnew .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #106eea;
}

@media (min-width: 992px) {
  .testimonialsnew .testimonial-item p {
    width: 100%;
  }
}

/*--------------------------------------------------------------
# Portfolio
--------------------------------------------------------------*/
.portfolio #portfolio-flters {
  padding: 0;
  margin: 0 auto 15px auto;
  list-style: none;
  text-align: center;
  border-radius: 50px;
  padding: 2px 15px;
}

.portfolio #portfolio-flters li {
  cursor: pointer;
  display: inline-block;
  padding: 10px 15px 8px 15px;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  color: #444444;
  margin-bottom: 5px;
  transition: all 0.3s ease-in-out;
}

.portfolio #portfolio-flters li:hover,
.portfolio #portfolio-flters li.filter-active {
  color: #106eea;
}

.portfolio #portfolio-flters li:last-child {
  margin-right: 0;
}

.portfolio .portfolio-item {
  margin-bottom: 30px;
}

.portfolio .portfolio-item .portfolio-info {
  opacity: 0;
  position: absolute;
  left: 30px;
  right: 30px;
  bottom: 0;
  z-index: 3;
  transition: all ease-in-out 0.3s;
  background: rgba(255, 255, 255, 0.9);
  padding: 15px;
}

.portfolio .portfolio-item .portfolio-info h4 {
  font-size: 18px;
  color: #fff;
  font-weight: 600;
  color: #222222;
}

.portfolio .portfolio-item .portfolio-info p {
  color: #555555;
  font-size: 14px;
  margin-bottom: 0;
}

.portfolio .portfolio-item .portfolio-info .preview-link,
.portfolio .portfolio-item .portfolio-info .details-link {
  position: absolute;
  right: 40px;
  font-size: 24px;
  top: calc(50% - 18px);
  color: #3c3c3c;
}

.portfolio .portfolio-item .portfolio-info .preview-link:hover,
.portfolio .portfolio-item .portfolio-info .details-link:hover {
  color: #106eea;
}

.portfolio .portfolio-item .portfolio-info .details-link {
  right: 10px;
}

.portfolio .portfolio-item .portfolio-links {
  opacity: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: 3;
  position: absolute;
  transition: all ease-in-out 0.3s;
}

.portfolio .portfolio-item .portfolio-links a {
  color: #fff;
  margin: 0 2px;
  font-size: 28px;
  display: inline-block;
  transition: 0.3s;
}

.portfolio .portfolio-item .portfolio-links a:hover {
  color: #6ba7f5;
}

.portfolio .portfolio-item:hover .portfolio-info {
  opacity: 1;
  bottom: 20px;
}

/*--------------------------------------------------------------
# Portfolio Details
--------------------------------------------------------------*/
.portfolio-details {
  padding-top: 40px;
}

.portfolio-details .portfolio-details-slider img {
  width: 100%;
}

.portfolio-details .portfolio-details-slider .swiper-pagination {
  margin-top: 20px;
  position: relative;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet {
  width: 12px;
  height: 12px;
  background-color: #fff;
  opacity: 1;
  border: 1px solid #106eea;
}

.portfolio-details .portfolio-details-slider .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #106eea;
}

.portfolio-details .portfolio-info {
  padding: 30px;
  box-shadow: 0px 0 30px rgba(34, 34, 34, 0.08);
}

.portfolio-details .portfolio-info h3 {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #eee;
}

.portfolio-details .portfolio-info ul {
  list-style: none;
  padding: 0;
  font-size: 15px;
}

.portfolio-details .portfolio-info ul li+li {
  margin-top: 10px;
}

.portfolio-details .portfolio-description {
  padding-top: 30px;
}

.portfolio-details .portfolio-description h2 {
  font-size: 26px;
  font-weight: 700;
  margin-bottom: 20px;
}

.portfolio-details .portfolio-description p {
  padding: 0;
}
/*--------------------------------------------------------------
# clenic
--------------------------------------------------------------*/

.clenic .member {
  border-radius: 4px;
  text-align: center;

}

.clenic  .member .member-img img{
  position: relative;
  overflow: hidden;
  background: #EEEEEE;
    border-radius: 51%;
    border: 15px;
    padding: 5px;
}
.clenic  .member .member-img img{
  position: relative;
  overflow: hidden;
  background: #EEEEEE;
    border: 15px;
    padding: 5px;
}

.bookanappo{
  gap: 21px !important;
}
.about-doctor{
  background: #FEEDEB;
}
.clenic .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: #222222;
}
.about-doctor ul{
  padding-left: 0;
}
.about-doctor ul li{
  list-style: none;
  line-height: 35px;
}
.clenic .member .member-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #aaaaaa;
}
.aboutdoctcontent{
  padding-right: 50px;
}

.clenic .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #777777;
}
.clenic .member{
  display: flex;
  align-items: center;
  gap: 30px;
}
.socialnumber{
  width: 40px;
  height: 40px;
  color: #1FB665;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #1FB66526;
  border-radius: 5px;
}
.socialnumber h4{
  font-size: 18px;
  margin-bottom: 0;
  font-weight: 700;
}
.member-img h4{
  font-size: 20px;
  color: #0C0C4B;
  font-weight: 600;
  margin-bottom: 0;
}
/*--------------------------------------------------------------
# Team
--------------------------------------------------------------*/


.team {
  padding: 60px 0;
  background: #F7F6FA;
}

.team .member {
  margin-bottom: 20px;
  overflow: hidden;
  border-radius: 4px;
  text-align: center;
background: #fff;
box-shadow: 0px 6px 20px 0px #00000026;

}
.team .member:hover{
  border-bottom: 5px solid #5D4494;
}

.team .member .member-img img{
  position: relative;
  overflow: hidden;
    border: 15px;
    padding: 5px;
}

.team .member .social {
  position: absolute;
  left: 0;
  bottom: 30px;
  right: 0;
  opacity: 0;
  transition: ease-in-out 0.3s;
  text-align: center;
}

.team .member .social a {
  transition: color 0.3s;
  color: #222222;
  margin: 0 3px;
  padding-top: 7px;
  border-radius: 4px;
  width: 36px;
  height: 36px;
  background: rgba(16, 110, 234, 0.8);
  display: inline-block;
  transition: ease-in-out 0.3s;
  color: #fff;
}

.team .member .social a:hover {
  background: #3b8af2;
}

.team .member .social i {
  font-size: 18px;
}

.team .member .member-info {
  padding: 25px 15px;
}

.team .member .member-info h4 {
  font-weight: 700;
  margin-bottom: 5px;
  font-size: 18px;
  color: #222222;
}

.team .member .member-info span {
  display: block;
  font-size: 13px;
  font-weight: 400;
  color: #aaaaaa;
}

.team .member .member-info p {
  font-style: italic;
  font-size: 14px;
  line-height: 26px;
  color: #777777;
}

.team .member:hover .social {
  opacity: 1;
  bottom: 15px;
}

/*--------------------------------------------------------------
# Pricing
--------------------------------------------------------------*/
.pricing .box {
  padding: 20px;
  background: #fff;
  text-align: center;
  box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}

.pricing .box h3 {
  font-weight: 400;
  margin: -20px -20px 20px -20px;
  padding: 20px 15px;
  font-size: 16px;
  font-weight: 600;
  color: #777777;
  background: #f8f8f8;
}

.pricing .box h4 {
  font-size: 36px;
  color: #106eea;
  font-weight: 600;
	font-family: Poppins-Medium;
  margin-bottom: 20px;
}

.pricing .box h4 sup {
  font-size: 20px;
  top: -15px;
  left: -3px;
}

.pricing .box h4 span {
  color: #bababa;
  font-size: 16px;
  font-weight: 300;
}

.pricing .box ul {
  padding: 0;
  list-style: none;
  color: #444444;
  text-align: center;
  line-height: 20px;
  font-size: 14px;
}

.pricing .box ul li {
  padding-bottom: 16px;
}

.pricing .box ul i {
  color: #106eea;
  font-size: 18px;
  padding-right: 4px;
}

.pricing .box ul .na {
  color: #ccc;
  text-decoration: line-through;
}

.pricing .btn-wrap {
  margin: 20px -20px -20px -20px;
  padding: 20px 15px;
  background: #f8f8f8;
  text-align: center;
}

.pricing .btn-buy {
  background: #106eea;
  display: inline-block;
  padding: 8px 35px 10px 35px;
  border-radius: 4px;
  color: #fff;
  transition: none;
  font-size: 14px;
  font-weight: 400;

  font-weight: 600;
  transition: 0.3s;
}

.pricing .btn-buy:hover {
  background: #3b8af2;
}

.pricing .featured h3 {
  color: #fff;
  background: #106eea;
}

.pricing .advanced {
  width: 200px;
  position: absolute;
  top: 18px;
  right: -68px;
  transform: rotate(45deg);
  z-index: 1;
  font-size: 14px;
  padding: 1px 0 3px 0;
  background: #106eea;
  color: #fff;
}
.mobile-footer{
  position: fixed;
  visibility: visible;
  opacity: 1;
  right: -20px;
  bottom: 35px;
  z-index: 996;
  width: 30% !important;
  height: fit-content;
  border-radius: 4px;
  transition: all 0.4s;
  background: none;
}
/*--------------------------------------------------------------
# Frequently Asked Questions
--------------------------------------------------------------*/
.faq {
  padding: 30px 0;
}

.faq .faq-list {
  padding: 0;
  list-style: none;
}

.faq .faq-list li {
  margin-bottom: 20px;
  padding-bottom: 20px;
  margin-bottom: 20px;
    padding-bottom: 20px;
    background: #FFF8F8;
    box-shadow: 0px 6px 20px 0px #00000026;
}

.faq .faq-list .question {
  display: block;
  position: relative;
  color: #106eea;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
  padding-left: 25px;
  cursor: pointer;
  color: #0d58ba;
  transition: 0.3s;
  padding-top: 20px;
}

.faq .faq-list i {
  font-size: 16px;
  position: absolute;
  left: 95%;
  top: 25px;
}
.appointment{
  background: url(../../assets/img/appbgimg.png) #fff no-repeat center left;
  background-size: cover;
  padding: 0;

}
.faq .faq-list p {
  margin-bottom: 0;
  padding: 10px 0 0 25px;
}

.faq .faq-list .icon-show {
  display: none;
}

.faq .faq-list .collapsed {
  color: black;
}

.faq .faq-list .collapsed:hover {
  color: #106eea;
}

.faq .faq-list .collapsed .icon-show {
  display: inline-block;
  transition: 0.6s;
}

.faq .faq-list .collapsed .icon-close {
  display: none;
  transition: 0.6s;
}

/*--------------------------------------------------------------
# Contact
--------------------------------------------------------------*/
.contact .info-box {
  color: #444444;
  text-align: center;
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.3);
  padding: 20px 0 30px 0;
}

.contact .info-box i {
  font-size: 32px;
  color: #106eea;
  border-radius: 50%;
  padding: 8px;
  border: 2px dotted #b3d1fa;
}

.contact .info-box h3 {
  font-size: 20px;
  color: #777777;
  font-weight: 700;
  margin: 10px 0;
}

.contact .info-box p {
  padding: 0;
  line-height: 24px;
  font-size: 14px;
  margin-bottom: 0;
}

.contact .php-email-form {
  box-shadow: 0 0 30px rgba(214, 215, 216, 0.4);
  padding: 30px;
}

.contact .php-email-form .error-message {
  display: none;
  color: #fff;
  background: #ed3c0d;
  text-align: left;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .error-message br+br {
  margin-top: 25px;
}

.contact .php-email-form .sent-message {
  display: none;
  color: #fff;
  background: #18d26e;
  text-align: center;
  padding: 15px;
  font-weight: 600;
}

.contact .php-email-form .loading {
  display: none;
  background: #fff;
  text-align: center;
  padding: 15px;
}

.contact .php-email-form .loading:before {
  content: "";
  display: inline-block;
  border-radius: 50%;
  width: 24px;
  height: 24px;
  margin: 0 10px -6px 0;
  border: 3px solid #18d26e;
  border-top-color: #eee;
  animation: animate-loading 1s linear infinite;
}

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

.contact .php-email-form input,
.contact .php-email-form textarea {
  border-radius: 0;
  box-shadow: none;
  font-size: 14px;
}

.contact .php-email-form input:focus,
.contact .php-email-form textarea:focus {
  border-color: #106eea;
}

.contact .php-email-form input {
  padding: 10px 15px;
}

.contact .php-email-form textarea {
  padding: 12px 15px;
}

.contact .php-email-form button[type=submit] {
  background: #106eea;
  border: 0;
  padding: 10px 30px;
  color: #fff;
  transition: 0.4s;
  border-radius: 4px;
}

.contact .php-email-form button[type=submit]:hover {
  background: #3b8af2;
}

@keyframes animate-loading {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
#footer {
  background: #fff;
  padding: 0 0 0px 0;
  color: #444444;
  font-size: 14px;
  background: #f1f6fe;
}

#footer .footer-newsletter {
  padding: 50px 0;
  background: #f1f6fe;
  text-align: center;
  font-size: 15px;
}

#footer .footer-newsletter h4 {
  font-size: 24px;
  margin: 0 0 20px 0;
  padding: 0;
  line-height: 1;
  font-weight: 600;
}

#footer .footer-newsletter form {
  margin-top: 30px;
  background: #fff;
  padding: 6px 10px;
  position: relative;
  border-radius: 4px;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.06);
  text-align: left;
}

#footer .footer-newsletter form input[type=email] {
  border: 0;
  padding: 4px 8px;
  width: calc(100% - 100px);
}

#footer .footer-newsletter form input[type=submit] {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  border: 0;
  background: none;
  font-size: 16px;
  padding: 0 20px;
  background: #106eea;
  color: #fff;
  transition: 0.3s;
  border-radius: 0 4px 4px 0;
  box-shadow: 0px 2px 15px rgba(0, 0, 0, 0.1);
}

#footer .footer-newsletter form input[type=submit]:hover {
  background: #0d58ba;
}
.footlogotop{
  border-bottom: 3px solid #fff;
  padding: 0px 30px;
  margin: 0 30px;
}

#footer {
  padding: 60px 0 30px 0;
  background: #222222;
}

#footer .footer-top .footer-contact {
  margin-bottom: 30px;
}

#footer .footer-top .footer-contact h3 {
  font-size: 24px;
  margin: 0 0 15px 0;
  padding: 2px 0 2px 0;
  line-height: 1;
  font-weight: 700;
}

#footer .footer-top .footer-contact h3 span {
  color: #106eea;
}

#footer .footer-top .footer-contact p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 0;

  color: #f5f5f5d1;
}

#footer .footer-top h4 {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  position: relative;

}



#footer .footer-top .footer-links ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer .footer-top .footer-links ul i {
  padding-right: 2px;
  color: #106eea;
  font-size: 18px;
  line-height: 1;
  display: none;
}

#footer .footer-top .footer-links ul li {
  padding: 10px 0;
  display: flex;
  align-items: center;
}

#footer .footer-top .footer-links ul li:first-child {
  padding-top: 0;
}

#footer .footer-top .footer-links ul a {
  color: #f5f5f5d1;
  transition: 0.3s;
  display: inline-block;
  line-height: 1;
  font-size: 15px;
}

#footer .footer-top .footer-links ul a:hover {
  text-decoration: none;
  color: #df9100f7;
}

#footer .footer-top .social-links a {
  font-size: 18px;
  display: inline-block;
  background: #df9100f7;
  color: #fff;
  line-height: 1;
  padding: 8px 0;
  margin-right: 4px;
  border-radius: 4px;
  text-align: center;
  width: 36px;
  height: 36px;
  transition: 0.3s;
}

#footer .footer-top .social-links a:hover {
  background: #3b8af2;
  color: #fff;
  text-decoration: none;
}

#footer .copyright {
  text-align: center;
  color: #fff;
}

#footer .credits {
  float: right;
  text-align: center;
  font-size: 13px;
  color: #444444;
}

@media (max-width: 768px) {

  #footer .copyright,
  #footer .credits {
    float: none;
    text-align: center;
    padding: 2px 0;
  }
}


/* new css */
 .whatsappbtn{
  background: rgba(76, 166, 76, 1);
  border-radius: 00px;
  padding: 12px 24px;
  color: #FFFFFF;
  border: none;
  font-weight: 600;
  gap: 10px;
  display: flex;
  align-items: center;
  letter-spacing: 1px;

}
.whatsappbtn:hover{
  background:rgba(255, 93, 13, 1) !important;
}
.callusbtn{
  background: rgba(0, 107, 166, 1);
  border-radius: 0px;
  padding: 12px 24px;
  color: #FFFFFF;
  border: none;
  font-weight: bold;
  gap: 10px;
  display: flex;
  align-items: center;

}
.abcontent{
  padding-left: 30px;
}

.callusbtn:hover{
  background:rgba(255, 93, 13, 1) !important;
}
.navbar>ul>li>a:before{
  background: none;
}
.bannercontent h2{
color: #484747;
font-size: 22px;
line-height: 24px;
}
.bannercontent h1{
  color: #333333;
font-size: 60px;
line-height: 80px;
letter-spacing: -0.6px;
max-width: 600px;
}
.bannercontent p{
  color: #fff;
font-size: 16px;
line-height: 22px;
margin-bottom: 10px;
padding-top: 0px ! IMPORTANT;
}
#hero .btn-get-started {

  text-transform: capitalize;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 1px;
  display: inline-block;
  padding: 14px 28px;
  border-radius: 4px;
  transition: 0.5s;
  color: #fff;
  background: #1FB665;
  border: 1px solid #1FB665;
  margin-bottom: 50px;
}

.aligncontent{
  display: flex;
  align-items: center;
  height: 100%;
}
.icon .bx{
  background: #E9F8F0;
  border-radius: 50%;
  width: 72px;
  height: 72px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.contact_top .contact_header {
  color: #0D1C37;
  font-size: 35px;
  font-style: normal;
  font-weight: 700;
  line-height: 45px;
  text-align: left;
  text-transform: uppercase;
}
.contact_top .contact_text {
  margin: 40px 130px;
  color: #FFFFFF;
  font-size: 18px;
  font-style: normal;
  font-weight: 500;
  line-height: 40px;
  letter-spacing: 0px;
  text-align: center;
}
.contact_top{
  background:url(../../assets/icons/teath.png) no-repeat top right ;

  height: 100%;
  padding: 30px;
  overflow: hidden;
  float: right;
  width: 100%;
  border-radius: 0px;

}
.contact_top_sec{
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.7) 0%, rgba(31, 182, 101, 0.59) 100%);
  overflow: hidden;
}
.contact_top_sec .contact_form {
  border-radius: 8px;
  padding: 0 15px;

}
.contact_form .input-field {
  position: relative;
  width: 100%;
  height: 100%;
  line-height: 44px;
  margin-bottom: 10px;
}
.contact_form label {

  margin-bottom: 0;
  top: 0;
  left: 0;
  width: 100%;
  color: #fff;
  transition: 0.2s all;
  cursor: text;
}
.contact_form input {
  height: 45px;
  width: 100%;
  border: 0;
  outline: 0;
  padding: 0.5rem 20px;
  box-shadow: none;
  color: #000;
  background: rgba(235, 229, 229, 1);
  border-radius: 1px;


}
.contact_form textarea {
  height: 110px;
  width: 100%;
  border: 0;
  outline: 0;
  padding: 0.5rem 0px;
  box-shadow: none;
  color: #000;
  background: none;
  border-radius: 1px;
  padding-top: 1px;
  border-bottom: 1px solid #757575;
}
.contact_form input:focus, .contact_form input:valid, .contact_form textarea:focus, .contact_form textarea:valid {
  border-color: #262A34;

}
.contact_form input:focus~label, .contact_form input:valid~label, .contact_form textarea:focus~label, .contact_form textarea:valid~label {
  font-size: 14px;
  top: -24px;
  color: rgba(255 255 255 / 65%);

}
.contact_form .submit_btn {
  width: 100%;
  height: 48px;
  color: #ffffff;
  border-radius: 0px;
  background-color: rgba(17, 113, 166, 1);
  border-color: #fff;
  margin-top: 20px ! IMPORTANT;
  display: block;
}
.contact_form .okay {
  width: 50%;
  height: 56px;
  margin-bottom: 40px;
  color: #ffffff;
  border-radius: 8px;
  background-color: #0E58F1;
  border-color: #0E58F1;
  font-size: 16px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
}
.modal-content {
  /* background: linear-gradient(180deg, #181A20 0%, #1B1F2D 100%); */
}
.thank-you-pop{
width:100%;
 padding:20px;
text-align:center;
}
.thank-you-pop h1{
  margin: 25px 0;
color:#F2F4FF;
  font-size: 28px;
  font-style: normal;
  font-weight: 700;
  line-height: 32px;
  letter-spacing: 0em;
  text-align: center;

}
.thank-you-pop p{
  margin-bottom: 25px;
  color:#F2F4FF;
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 24px;
  letter-spacing: 0em;
  text-align: center;
}
@media (max-width: 991px) {
  .contact_top .contact_text {
      margin: 40px 80px;
  }
}
@media (max-width: 768px) {
  .contact_top .contact_header {
      margin-top: 30px;
      font-size: 35px;
  }
  .contact_top .contact_text {
      margin: 40px 25px;
      font-size: 16px;
  }
  .bannercontent{
    text-align: center;
  }
  .bannercontent .d-flex{
    justify-content: center;
  }
  .bannercontent p{
    padding-top: 10px ! IMPORTANT;
    font-size: 14px;
  }
}
@media (max-width: 576px) {
.contact_top_sec {
  margin: 0px 20px;
}
  .contact_top .contact_header {
      font-size: 30px;
  }
  .contact_top .contact_text {
      margin: 20px 0px;
      font-size: 16px;
  }
  .contact_top_sec .contact_form {
      border-radius: 0px;
      margin: 0;
      width: 100%;
      padding: 16px;
      margin-bottom: 20px;
  }
  .contact_form .okay {
      width: 60%;
      height: 40px;
  }
  .thank-you-pop h1 {
      font-size: 20px;
  }
  .thank-you-pop p {
      font-size: 16px;
  }
  .contact_form input {
      height: 42px;
  }
  .contact_form label {
      padding: 6px 20px;
  }
  .contact_form input:focus~label, .contact_form input:valid~label, .contact_form textarea:focus~label, .contact_form textarea:valid~label {
      font-size: 12px;
      top: -18px;
  }
}
@media (max-width: 375px) {
  .contact_top .contact_header {
      font-size: 25px;
  }
}

.newsletter{
  background: url(../../assets/img/sbubg.png) #fff no-repeat center left;
background-size: contain;
}
.newsletter h4{
  font-size: 48px;
  line-height: 67px;
  max-width: 800px;
  text-align: center;
  margin: 0 auto;
  font-weight: 300;
  font-family: 'Poppins-Regular';
}
.newsletter .callusbtn{
  border:1px solid #fff;
  border-radius: 61px;
}
.newsletter span{
  font-weight: 800;
}
.newsletter{
  padding: 70px;
}
.address{
  display: flex;
  align-items: flex-start;
  gap: 15px;
  color: #f5f5f5d1;
  font-size: 16px;
}
.footerbottom{
  background: #000;
}

.footerbottom .container{
  border-top:1px solid;
}
ul.socialmedia{
  display: flex;
  gap: 10px;
  margin-top: 15px;
  padding-left: 0;
}
ul.socialmedia li{
  list-style: none;
}

.secondbox{
  margin-top: 4em;
}
.ourconsulting{
  margin-top: 30px;
}
.about-section-bg h2{
  line-height: 50px;
  font-size: 36px;
  font-weight: 600;
}
.about-section-bg h3{
  line-height:41px;
  font-size: 33px;
  font-weight: 600;
  color: #000000;

}
.about-section-bg h4{
  line-height: 25px;
  font-size: 25px;
  font-weight: 600;
  color: #000000;
  padding: 10px 0;
  margin-bottom: 0;
}
.about-section-bg p{
  color: #666666;
  font-size: 14px;
  line-height: 26px;
  font-weight: 300;
}
.aboutimgnew{
box-shadow: 2px 13px 29px 0px #5E5A5A1A;


}
.about-doctor p{
  font-size: 16px;
  line-height: 29px;
}
#hero{
  padding: 50px 0;
  background: url(../../assets/img/bannerbgimg.webp) no-repeat center top;
  background-size: cover;
}

.swiper-pagination-bullet{
  width: 15px;
  height: 15px;
}


.box {
  width: 350px;
  height: 300px;
  background: #e6e6e6;
  margin: auto;
  margin-top: 100px;
  border: 4px solid #dcafaf;
  border-radius: 15px;
  transition: all .5s ease-in-out;
}

.box-CAPTCHA, .box-done {transition: all .5s ease-in-out;}

.CAPTCHA {
  width: 36%;
  height: 44px;
  background: #fff;
  margin: 0px 5px 10px 0;
  color: #089;
  font-size: 25px;
  line-height: 36px;
  border: 2px solid #888;
  border-radius: 10px;
  float: left;
  pointer-events: none;
  text-align: center;
  transition: all .5s ease-in-out;
}

.reload {
  float: left;
  width: 6%;
  margin-top: 6px;
  text-align: center;
  width: 25px;
  height: 25px;
  outline: none;
  border: none;
  background: #FFF;
  cursor: pointer;
  border: 1px solid #444;
  border-radius: 3px;
  transition: all .5s ease-in-out;
}

.reload:hover {
  background: #f2f2f2;
}

.reload i {
  font-size: 20px;
  margin-left: -4px;
  font-weight: bold;
  transform: rotateY(180deg);
}

input#input {
  width: 51%;
  outline: none;
  margin: 0px 5px !IMPORTANT;
  height: 50px;
  background:#F2F2F2;
  margin: 10px 10px 10px 0;
  color: #444;
  line-height: 30px;
  border: 2px solid #888;
  border-radius: 5px;
  transition: all .5s ease-in-out;
  margin-left: 10px;
}


.box-done h1 {
    position: absolute;
    color: #444;
    margin: 110px 90px;
    font-size: 50px;
}

.box-done h1 i {
    font-size: 42px;
    background: #080;
    color: #fff;
    border-radius: 50%;
    margin-right: 10px;
    width: 45px;
    height: 45px;
    font-weight: bold;
}

.back {
  outline: none;
  border: none;
  width: 120px;
  height: 40px;
  bottom: 10px;
  margin: 220px 120px;
  cursor: pointer;
  background: #3792e2;
  color: #FFF;
  font-weight: bold;
  border-radius: 20px;
  border: 1px solid #444;
  transition: all .5s ease-in-out;    
}

.back:hover {
  background: #1b7ed6;
}

.back:active {
  background: #0d4779;
}
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v142/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.makecapion {
  color: #c03863;
  font-weight: 700;
  margin-bottom: 20px;
  margin-top: 15px;
  font-size: 22px;
}
.numbersicon p{
  color: #C79738 !important;
  margin-bottom: 0;
  font-weight: 600;
  font-size: 16px;
}
.numbersicon h3 a{
  color: #fff;
  font-size: 17px;
  font-weight: 500;
}
.numbersicon h3{
  margin-bottom: 0 !IMPORTANT;

}

.socialmedia li {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  text-align: center;
  line-height: 40px;
  background: rgba(255, 95, 5, 1);

}
.facebook:hover{
  background: #1877F2 !important;
}
.insta:hover{
  background: -moz-linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%); 
  background: -webkit-linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 
  background: linear-gradient(45deg, #f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%); 

}
/* .socialmedia li:hover{
  background: #1171A6;
} */
.servicbox{
  background: #fff;
  height: 100%;
}

.footerbtn{
  background: #1FB665;
  border: 1px solid #FFFFFF;
  box-shadow: 0px 3px 16px 0px #00000040;
  color: #fff;
  padding: 10px 20px;
  font-size: 15px;

}
.list ul li{
  list-style: none;
  margin-bottom: 10px;
}
.list ul{
  padding-left: 0;
}
.bannerdesktopimg{
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;



}
.subtext{
  color: #ffc209;
}
#mainNav.navbar-shrink {
  box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
  background-color: #fff;
}

.topbannerabout img{

}
.offer1 img{
  padding: 15px;
}

.topbannerabout .icon{
  box-shadow: none;
  padding-right: 10px;
}

.about-doctor img.doctorimg{
  box-shadow: 2px 13px 29px 0 #5e5a5a6e;
  border-radius: 50px 50px 0 50px;
    border: 3px solid #fff;
}

.callactionbanner1{
  background: #f81c1c2d !important;
  padding: 20px;
}
.callactionbanner1 .appbtn .scrollto{
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
.bannercta{
  text-align: center;
}
.bannercta p{
  font-size: 27px;

}
.bannercta p a{
  color: #F81C1C !important;
  font-weight: 600;
}
.callactionbanner1 .appbtn{
  margin: 20px 0;
}
.callactionbanner2{
  background: url(../../assets/img/subbanner.webp) no-repeat center top;
  min-height: 300px;
}


.callactionbanner2 .appbtn .scrollto{
  display: flex;
  margin: 0 auto;
  justify-content: center;
}
.callactionbanner2 .appbtn{
  margin: 20px 0;
}
.topbannerabout{
padding-bottom: 50px;
}


.headertop p{
  color: #303030;
}
.headertop p a{
  color: #303030;
}
#stayoffers h3{
  color: #631E21 !important;
}
.colorsite{
  color: #631E21 !important;
}
.enquiryformnewdesign{

  padding: 35px;
 background: rgba(255, 255, 255, 1);
 box-shadow: 0px 4px 20px 0px rgba(0, 0, 0, 0.15);

}
#stayoffers{
  background: url(../../assets/img/offerimg.svg) no-repeat right top;
 
}

.bangpfferimg{
  background: url(../../assets/img/lineimg.svg) no-repeat center top;
}
.offer1{
  text-align: center;
  margin-top: 35px;
}

.bannercta{
  background: #D9D9D9E5;
  height: 300px;
  padding-top: 30%;
}

#whychoosus h3{
  margin: 0px 0 0 0;
  font-size: 33px;
  font-weight: 700;
  line-height: 54px;
  color: #000000;

}
.choose1 h2{
  color: rgba(0, 0, 0, 1);
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  padding-top: 15px;
  padding-top: 20px;
}

.choose1 p{
  color: #666666;
  font-size: 14px;
  line-height: 22px;
  font-weight: 400;
}
.choosecontent{
  display: flex;
  gap: 30px;
  justify-content: space-between;
}
.choose1{
  text-align: center;
}
.imgicons:hover{
  background: rgba(255, 93, 13, 1);
}
#solutions h3{
  margin: 0px 0 0 0;
  font-size: 33px;
  font-weight: 700;
  line-height: 54px;
  color: #000000;
}
.solu h2{
  color: #222222;
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
  padding-top: 15px;
  padding-top: 20px;
}
.solu{
  text-align: center;
  width: 300px;
}

#specialservices h4{
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  color: #C79738;
}

.speser h2{
  font-size: 18px;
  font-weight: 600;
  line-height: 34px;
  color: #000000;
  padding-top: 15px;
  margin-bottom: 0;
}
.speser p{
  font-size: 14px;
  font-weight: 400;
  line-height: 22px;
  color: #666666;
}
.callactionbannerbgcolor{
  background: url(../../assets/img/callsbg.webp) no-repeat center top;
  background-size: cover;

}
.callactionbannerbgcolor .orange{
  background: rgba(255, 95, 5, 0.85);
  padding: 80px 0 50px;
}
.callactionbannerbgcolor .blue{
  background: rgba(0, 107, 166, 0.85);
  padding: 80px 0 50px;
}
.callactionbannerbgcolor .choouse{
  text-align: center;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: 20px;
}
.callactionbannerbgcolor .choouse1{
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}
.blue h3{
  color: #fff;
  text-align: center;
}
.bannerctaconetnt h3{
  font-size: 40px;
  font-weight: 600;
  line-height: 52px;
  color: #fff;
}
.bannerctaconetnt p{
  font-size: 14px;
  font-weight: 400;
  line-height: 25px;
  color: #fff;
  max-width: 800px;
  text-align: center;
  margin: 0 auto;
  margin-top: 20px;
  margin-bottom: 20px;
}
.bannerctaconetnt .appbtn a .callusbtn{
background: #C79738;
}
.bannerctaconetnt{
  text-align: center;
  padding: 100px 0 80px;
}
.bannerctaconetnt .appbtn{
  text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 25px;
}

.enquiryformnewdesign h4{
  color: #1E1E1E;
  font-size: 18px;
}

.enquiryformnewdesign h2{
  color: rgba(0, 107, 166, 1);
  font-size: 28px;
}
.bannercontent{
  text-align: center;
}
.slider {
  position: relative;
  max-width: 100%;
  overflow: hidden;
}

.slides {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.slide {
  min-width: 33.33%;
  box-sizing: border-box;
}

.slide img {
  width: 100%;
  display: block;
  padding: 10px;
}

.prev, .next {
  cursor: pointer;
  position: absolute;
  top: 50%;
  width: auto;
  padding: 16px;
  margin-top: -22px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  transition: 0.6s ease;
  border-radius: 0 3px 3px 0;
  user-select: none;
}

.next {
  right: 0;
  border-radius: 3px 0 0 3px;
}

.prev:hover, .next:hover {
  background-color: rgba(0, 0, 0, 0.8);
}


.tabsgallery .nav-tabs .nav-link{
  color: #631E21 ! IMPORTANT;
  font-weight: 400;
}

.headerbtuuon .nav-tabs .nav-link:focus, .nav-link:hover{
  border-bottom: none !important;
}
.tabsgallery .nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active{
  border: none;
  border-bottom: 2px solid #D5A966;
}
.tabsgallery .nav-tabs .nav-link:focus, .nav-link:hover{

  border-bottom: 1px solid;
}
.numbenewr h6{
  background: #631E21;
  color: #fff;
  border-radius: 50%;
  width: 30px;
  line-height: 30px;
  margin: 0 auto;
  border: 1px solid;
}
.numbenewr{
  border: 1px solid #631E21;
  border-radius: 50%;
  width: 40px;
  line-height: 40px;
  height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-bottom: 30px;
}


.carousel-item {
  text-align: center;
  padding: 20px;
  background-color: #f9f9f9;
  border: 1px solid #ddd;
  border-radius: 10px;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.carousel-item h5 {
  font-size: 1.25rem;
  margin-bottom: 10px;
}
.carousel-item p {
  font-size: 1rem;
  color: #555;
}

.stets{
  color: rgba(15, 18, 18, 1) !important;
  font-size: 35px !important;
  text-align: left !important;

}
.imgicons{
  background: rgba(41, 127, 175, 1);
  padding: 30px;
  border-radius: 50%;
  width: 120px;
  margin: 0 auto;
}
#whychoosus{
  background: rgba(245, 252, 251, 1);
}

.modal-body .enquiryformnewdesign{
  width: 100%;
}
.modal-header{
  margin-top: 3px;
  background: #fff;
  border: none;
}
#exampleModal{
  z-index: 999999;
}
.enquiryformnewdesign select{
  height: 45px;
  width: 100%;
  border: 0;
  outline: 0;
  padding: 0.5rem 0px;
  box-shadow: none;
  color: #000;
  background: none;
  border-radius: 1px;
  border-bottom: 1px solid #757575;
}
.enquiryformnewdesign select:focus-visible{
  outline: none;
}

.enquiryformnewdesign ::placeholder {
  color: #000;
  opacity: 1; /* Firefox */
}

.enquiryformnewdesign ::-ms-input-placeholder { /* Edge 12-18 */
  color: #000;
}

#exampleModal .modal-content{
  margin-top: 20%;
}
.calling{
  font-size: 25px !important;
  font-weight: 800;
  font-family: 'Exo-Bold';
  margin-bottom: 0;
}
.choouse img{
  width: 30px;
}
.callactionbannerbgcolor .choouse{
  max-width: 70%;
  margin: 0 auto;
}
.callactionbannerbgcolor .appbtn{
  max-width: 70%;
  margin: 0 auto;
}

.swiper-container {
  width: 100%;
  height: 100%;
}
.swiper-slide {
  text-align: center;
  font-size: 18px;


  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.swiper-horizontal{
  overflow: hidden;
}

.newsliders .swiper-slide{
  gap: 35px;
}

.newsliders .swiper-slide img{
  width: 100%;
}
.newsliders{
  gap: 20px;
}

.afterbannerimg{
  text-align: center;
  background: #F8F8F8;
  border-radius: 0 30px 30px 0;
  display: flex;
    align-items: center;
    justify-content: center;
}
.solu{
  padding: 10px 10px 0;
}
.solu:hover{
  background: #f6f6f6;
  padding: 10px 10px 0;
  border-radius: 10px;
}


/*Carousel Gallery*/
.carousel-gallery{
	margin: 10px 0;
  padding: 0 30px;
	.swiper-slide{
    margin: 5px;
		a{
			display: block;
			width: 100%;
			height: 400px;
			border-radius: 4px;
			overflow: hidden;
			position: relative;


			&:hover{
				.image{
					.overlay{opacity: 1}
				}
			}

			.image{
				width: 100%;
				height: 100%;
				background-size: cover;
				background-position: center center;
				.overlay{
					width: 100%;
					height: 100%;
					background-color: rgba(20,20,20, .8);
					text-align: center;
					opacity: 0;
					
					-webkit-transition: all .2s linear; 
          -o-transition: all .2s linear; 
          transition: all .2s linear;

					em{
						color: #fff;
						font-size: 26px;
						position: relative;
            top: 50%; 
            -webkit-transform: translateY(-50%); 
            -ms-transform: translateY(-50%); 
            -o-transform: translateY(-50%); 
            transform: translateY(-50%);
            display: inline-block;
					}
				}
			}
		}
	}
	.swiper-pagination{
		position: relative;
		bottom: auto;
		text-align: center;
		margin-top: 25px;

		.swiper-pagination-bullet{
			-webkit-transition: all .2s linear; 
      -o-transition: all .2s linear; 
      transition: all .2s linear;

			&:hover{
				opacity: .7;
			}

			&.swiper-pagination-bullet-active{
				background-color: #d63031;
				transform: scale(1.1, 1.1)
			}
		}
	}
}
/*# Carousel Gallery*/

.galimg img{
  -webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.galimg:hover img{
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}
.galimg{
  overflow: hidden;
  clear: both;
  
}
.contact_form .submit_btn:hover{
  background: #FF5F05;
}
.termsand ul li{
  list-style: none;
  display: flex;
  float: left;
  padding: 0px 10px;
}
.termsand ul li a{
  color: #fff;
}
.termsand ul li a:hover{
 
}
.termsand{
  display: flex;
  justify-content: end;
  align-items: center;
}
.termsand ul{
  margin-bottom: 0;
}