/*-------------------------------------------------------------------------------------
Theme Name  : EPIC HEALTH CARE
Theme URI   : ##
Author URI  : https://www.eazzysoftbd.com
Description : EPIC HEALTH CARE
Author      : Admin | Eazzy Soft BD
Version     : 1.0
----------------------------------------------------------------------------------------*/

/*
---------------------------
    TABLE OF CONTENT
---------------------------
1.  FONTS
2.  TYPOGRAPHY
3.  NAVBAR
4.  HEADER
5.  NAVBAR
6.  SLIDER
7.  ABOUT SECTION
8.  SERVICE SECTION
9.  DOCTOR SECTION
10. RECENT NEWS SECTION
11. FOOTER SECTION
11. RESPONSIVE SECTION

*/

/*START FONTS*/

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

/*END FONTS*/
/*Whatsapp icon*/
.float{
	position:fixed;
	width:60px;
	height:60px;
	bottom:40px;
	right:40px;
	background-color:#25d366;
	color:#FFF;
	border-radius:50px;
	text-align:center;
  font-size:30px;
	box-shadow: 2px 2px 3px #999;
  z-index:100;
}
/*END icon*/
.my-float{
	margin-top:16px;
}

/*START TYPOGRAPHY*/

:root { 
    --black: #2D3663 !important;
    --black-text: rgba(45,54,99,.75) !important;
    --gray: rgba(230, 230, 230, 0.5)  !important;
    --white: #ffffff !important;
    --green: #78D83D !important;
    --main: #111184 !important;
    --main-darker: #29887B !important;
    --cyan: #8FE6DC !important;
    --cyan-light:rgba(143, 230, 220, 0.2) !important;
    --red: #C6331F !important;
    --green-gradient: linear-gradient( to top rgba(41, 136, 123, 0.1), #29887B);
    --dark-green-gradient: linear-gradient( to top rgba(41, 136, 123, 0.8), #29887B);
    --gray-gradient: linear-gradient( to right rgba(228, 228, 228, 0.5), rgba(228, 228, 228, 0.82) 13%, #E4E4E4 87%);
    --font-main: "Poppins", sans-serif;
    --font-headers: "Poppins", sans-serif;
    --black-dark:#333;
    --colorPrimary:#29887B !important;
  }

*{
    box-sizing: border-box;
    -webkit-font-smoothing: antialiased;
    -moz-os-font-smoothing: grayscale;
}

html {
    font-family: sans-serif;
    padding: 0;
    margin: 0
}

body {
    font-family: var(--font-main), sans-serif;
    color: #2e1110;
    font-size: 14px;
    margin: 0px;
    padding: 0px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Poppins", sans-serif;
  font-family: var(--font-headers), serif;
  -ms-word-wrap: break-word;
  word-wrap: break-word;
  line-height: 1.3em;
  color: #404040;
  color: var(--black);
}


img {
    max-width: 100%;
    display: block;
    height: auto;
}

ul,
li {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
a,
a:hover {
    text-decoration: none;
    transition: all 0.5s ease-in;
}

a:hover,
a:focus,
a:visited {
    text-decoration: none;
    outline: none;
}

button {
    border: none;
    outline: none;
    box-shadow: none;
    display: block;
    padding: 0;
}
.page-title {
   background: var(--main-darker);
   padding:50px 0px;
   display: block;
}
.page-title  h2{
   color:#fff;
}
.page-content{
   background-color: var(--cyan-light);
   display: block;
   padding:30px 0px;
}

.go-top {
   position:fixed;
   bottom:15px;
   right:15px;
   cursor:pointer;
   z-index:9999;
   -webkit-transform:scale(0);
   transform:scale(0)
 }
 .go-top.active {
   -webkit-transform:scale(1);
   transform:scale(1)
 }
 .go-top i {
   background:var(--main-darker);
   color:#fff;
   width:40px;
   height:40px;
   display:inline-block;
   line-height:40px;
   text-align:center;
   font-size:20px;
   border-radius:50px;
   -webkit-transition:all .5s;
   transition:all .5s
 }
 .go-top i:hover {
   background:#0f3041;
   color:#fff
 }

.justify{
   text-align: justify;
}

.text-main{
   color:var(--main);
}

.btn.btn-black{
   border-radius: 40px;
   font-family: var(--font-headers);
   font-weight: 800;
   font-size: 16px;
   padding:12px 30px 12px 34px;
   position: relative;
   overflow: hidden;
   display: inline-block;
   border:0;
   background-clip: border-box;
   transition: all 0.3s ease;
   transform: scale(1);
   color:var(--white);
   background-color: var(--black);
   box-shadow: inset 0 0px 0 50px var(--black);
   white-space: nowrap;
}
.btn-black:hover{
  
   color: var(--black);
   background-color: var(--white);
   box-shadow: inset 0 0px 0 0 transparent;
}

.btn-black::after{
   content: "\f061";
   font: normal normal normal 14px / 1 FontAwesome;
   font-size: inherit;
   text-rendering: auto;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
   background-color: #fff;
   background-color: var(--white);
   color: #404040;
   color: var(--black);
   width: 24px;
   height: 24px;
   line-height: 24px;
   display: inline-block;
   -webkit-border-radius: 50%;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 50%;
   -moz-background-clip: padding;
   border-radius: 50%;
   background-clip: padding-box;
   text-align: center;
   position: relative;
   top: 0px;
   font-size: 12px;
   margin-left: 8px;
   padding-left: 1px;
   -webkit-transition: all 0.2s linear;
   -moz-transition: all 0.2s linear;
   -o-transition: all 0.2s linear;
   transition: all 0.2s linear;
}

.btn-black:hover:after {
  -webkit-transform: translateX(4px);
  -moz-transform: translateX(4px);
  -ms-transform: translateX(4px);
  -o-transform: translateX(4px);
  transform: translateX(4px);
  background-color: var(--black);
  color: var(--white);
}

.heading{
   text-align: center;
}
.title-1{
   font-size: 24px;
   color: var(--main-darker);
   font-family: var(--font-headers);
   font-weight: 600;
}
.title-2{
   font-family: var(--font-headers);
   color: var(--black);
   line-height: 1.2em;
}
/* PAGE HEADING START */
.page-header{
   background-image: url(../images/background.png);
   background-color: var(--black);
   color: var(--white);
   text-align: center;
   position: relative;
   margin: 0;
   margin-top: 0px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   padding-bottom: 0;
   background-attachment: fixed;
   height: 270px;
}
/* .page-heading{
   
} */
.page-heading h1{
   font-size: 24px;
   color: var(--main);
   background: hsla(0,0%,100%,.5);
   box-shadow: 0 24px 56px 0 rgba(0,0,0,.161);
   padding:35px 20px;
   width: 85%;
   height: 100%;
   margin: 0 auto;
   border-radius: 30px;
}

/* PAGE HEADING END */



.error{
   color:red !important;
}

.form-input.error{
  
   border:1px solid !important;
   border-color:red !important;
}
.page-content p{
   font-size: 1.1rem;
   text-align: justify;
}
.page-content li{
   list-style: initial;
}
.page-content p{
   text-align: justify;
}
.nav-tabs{
   border:0px;
}

.page-content h4{
   font-weight: 800;
   font-size: 30px;
   margin-bottom: 20px;
}
.page-content h2{
   margin-bottom: 20px;
}

.social-big li a i{
   background: var(--main);
   color: var(--white);
   display: inline-block;
   width: 42px;
   height: 42px;
   line-height: 42px;
   -webkit-border-radius: 8px;
   -webkit-background-clip: padding-box;
   -moz-border-radius: 8px;
   -moz-background-clip: padding;
   border-radius: 8px;
   background-clip: padding-box;
   text-align: center;
   font-size: 24px;
   -webkit-transition: all 0.3s ease;
   -moz-transition: all 0.3s ease;
   -o-transition: all 0.3s ease;
   transition: all 0.3s ease;
 }

 .social-big a:hover i {
   background-color: #404040;
   background-color: var(--black) !important;
 }

 .social-big li {
   display: inline;
   margin-right: 12px;
   vertical-align: middle;
 }

 .service_tab {
   display: none;
 }

 .heading-page{
   margin:0 auto;
   display: table;
   background: var(--colorPrimary);
   padding:10px 20px;
   border-radius: 0px 10px 0px 10px;
 }
 .heading-page h2{
   color:#fff;
   font-size: 1.5rem;
   font-family: var(--font-headers);
   font-weight: 600;
 }

/*END TYPOGRAPHY*/

/*START TOP BAR*/
.top-bar{
    height: 60px;
    background: var(--main);
    color:var(--white);
    font-family: var(--font-main);
    font-size: 16px;
}
.top-bar-social a {
    width: 28px;
    height: 28px;
    border-radius: 50%;
    background-color: var(--white);
    color: var(--main-darker);
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin:0px 3px;
}
.top-bar-social a:hover{
   background-color: var(--green);
   color: var(--white);
}
.Search-Area {
   width: 220px;
   height: 28px;
   background-color: var(--white);
   display: flex;
   margin: 0 3px;
   justify-content: center;
   align-items: center;
   border-radius: 20px;
   box-shadow: 5px 5px 30px rgba(167, 158, 245, 0.2);
   box-sizing: border-box;
   z-index: 1;
   border: 1px solid rgba(167, 158, 245, 0.1);
}
.Search-Area .search-box i{
   color: var(--main-darker);
   font-size: 20px !important;
}
.search-box input{
   width: 180px;
   height: 40px;
   border: none;
   outline: none;
   background-color: transparent;
   color: var(--black);
   font-size: 16px;
   padding: 0px 10px;
}
.search-box input::placeholder {
   color: var(--black);
   font-weight: 400;
   font-size: 1rem;
   font-family: var(--font-main);
}
.top-bar-search{
   display: flex;
}
.top-bar-search i{
   color: var(--main);
   position: relative;
   left: 32px;
}
.top-bar-search input{
   border-radius: 10px;
   box-shadow: none;
   appearance: none;
   box-shadow: none;
   background-clip: padding-box;
   border: 0px;
   min-width: 250px;
   padding-left:40px;
   cursor:pointer;
}
.top-bar-search input:focus{
   outline: none;
}
.top-bar-dropdown {
   position: relative;
   display: inline-block;
 }
.top-bar-dropdown span{
   font-weight: 600;
}
 .top-bar-dropdown > span::after{
   content: '\f107';
   font-family: 'Font Awesome 6 Free';
   font-weight: 900;
   display: inline-block;
   margin-left: 5px;
   position: relative;
   top: 1px;
   font-size: 12px;
   color: currentColor;
   transition: all 0.4s ease;
}
 .dropdown-content {
   display: none;
   position: absolute;
   background-color: var(--main);
   min-width: 160px;
   box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);
   transition: all 0.1s ease;
   padding: 12px 16px;
   z-index: 1;
   visibility: visible;
   opacity: 1;
   top: calc(90% + 0px);
 }
 .dropdown-content p{
   color: var(--white);
   font-size: 18px;
   font-weight: 600;
   padding: 5px 10px;
 }
 .top-bar-dropdown:hover .dropdown-content {
   display: block;
 }

.top-bar-branch{
   display: flex;
   cursor: pointer;
}
.top-bar-branch .branch-menu{
   margin-left:5px;
}
/*END TOP BAR*/

/*START HEADER*/
.primary-menu li{
    display: block;
    padding:5px 5px;
}
.primary-menu li a{
   display: block;
   font-size: 18px;
   transition: all 0.5s ease-in-out;
   color: var(--main);
   font-family: var(--font-headers), serif;
   font-weight: 600;
   cursor: pointer;
}
.navbar-main a img{
   position: relative;
   /* left: 80px; */
   top: -10px;
}
header .primary-menu li a:hover{
   color: var(--green) !important;
}

.nav-link:focus{
   color: var(--main) !important;
}
.nav-link:hover{
   color: var(--green) !important;
}
.navbar-main .branches{
   padding: 10px 20px;
   margin-left: 50px;
}
.navbar-main .branches .branch{
   display: flex;
   justify-content: space-between;
   width: 130px;
}
.navbar-main .branches .branch i{
   color: var(--red);
}
.navbar-main .branches .branch h3{
   color: var(--main);
}
.navbar-main .branches .main-branch{
   display: flex;
   justify-content: space-between;
   width: 130px;
}

.navbar-main .branches i, h3{
   font-size: 16px;
   font-weight: 600;
}
.navbar-main .branches .main-branch i{
   font-size: 20px;
} 
.navbar-main.is-sticky {
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   z-index: 999;
   -webkit-box-shadow: 0 2px 28px 0 rgba(0,0,0,.09);
   box-shadow: 0 2px 28px 0 rgba(0,0,0,.09);
   background-color: #fff !important;
   -webkit-animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
   animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
   padding-top: 5px;
   padding-bottom: 5px;
 }

 @keyframes fadeInDown {
   
   0% {
      opacity: 0;
      -webkit-transform: translate3d(0,-100%,0);
      transform: translate3d(0,-100%,0);
    }
    100% {
      opacity: 1;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
    }
 }

 .navbar-main .btn-black{
   padding-right: 52px;
   background-color: var(--main);
   box-shadow: inset 0 0px 0 50px var(--main);
 }
 .navbar-main .btn-black:hover{
   box-shadow: inset 0 0px 0 0 var(--main);
   background-color: var(--black);
   color: var(--white);
 }
 .navbar-main .btn-black:hover:after{
   background-color: var(--white);
   color:var(--black);
 }
.dropdown{
   position: relative;
}
.dropdown > a::after{
      content: '\f107';
      font-family: 'Font Awesome 6 Free';
      font-weight: 900;
      display: inline-block;
      margin-left: 5px;
      position: relative;
      top: 1px;
      font-size: 12px;
      color: currentColor;
      transition: all 0.4s ease;
}
.navbar-nav .dropdown-menu{
   display: block;
   top:100%;
   top: calc(100% + 51px);
   left: 0;
   border-radius: 0;
   width: 260px;
   border: 0px;
   background: var(--main);
   box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);
   transition: all 0.1s ease;
   visibility: hidden;
   opacity: 0;
   position: absolute;
 }

 .dropdown-menu li a{
   color: var(--white);
   padding: 5px 10px;
 }
.dropdown:hover .dropdown-menu{
   visibility: visible;
   opacity: 1;
   top: calc(90% + 0px);
}
/* .dropdown .dropdown-menu li a:hover{
   background-color: var(--green) !important;
} */
.navbar-toggler:focus{
   outline: none !important;
   box-shadow: none !important;
}

.btn-dropdown-toggle{
   display: none;
}

.branch-dropdown {
   position: relative;
   display: flex;
   gap: 12px;
 }
 
 .branch-dropdown .dropdown-item {
   display: none;
   position: absolute;
   background-color: var(--main);
   min-width: 160px;
   box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.1);
   transition: all 0.1s ease;
   padding: 12px 16px;
   z-index: 1;
   visibility: visible;
   opacity: 1;
   width: 260px;
   top: calc(90% + 0px);
 }
 .dropdown-item a{
   display: flex;
   color: var(--white);
   font-size: 18px;
   font-weight: 600;
   padding: 5px 10px;
   margin-bottom: 0;
}
 
 .branch-dropdown:hover .dropdown-item {
   display: block;
 }

/*END HEADER*/

/* START PAGINATION */

.pagination {
   display: flex;
   padding-left: 0;
   list-style: none;
   margin: 20px 0;
}
.page-content li{
   list-style: none !important;
}
.pagination .page-item{
   font-size: 20px;
}
.page-item .page-link{
   z-index: 3;
   color: var(--main);
   background-color: unset;
   margin: 0 20px !important;
   font-weight: 600;
   padding: .375rem 1rem !important;
}
.page-item.active .page-link{
   color: var(--main);
   border-radius: 5px;
   background-color: var(--green);
   border-color: unset;
}
.page-item:last-child .page-link{
   border-radius: 5px;
   font-size: 20px;
   font-weight: 700;
   color: var(--white);
   background-color: var(--main);
}
.page-item:first-child .page-link{
   border-radius: 5px;
   font-size: 20px;
   font-weight: 700;
   color: var(--white);
   background-color: var(--main);
}
.text-muted{
   margin: auto 20px auto 0;
   font-size: 15px;
   color: var(--main) !important;
   display: none;
}
.page-link {
   position: relative;
   display: block;
   color: var(--main);
   background-color: unset;
   border: unset;
   transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.page-link:hover{
   background-color: var(--green);
   border-color: unset;
}


/* END PAGINATION */

/*START SLIDER*/
.slider-section{
   background: linear-gradient(90deg, rgba(142,229,219,0.7) 10%, rgba(143,230,220,0.5) 26%, rgba(143,230,220,0.7) 93%);
   display: block;
   position: relative;
}
.slider-main{
   position: relative;
}
.slider-main .slider-item{
   height: 650px;
   display: flex;
   position: relative;
   align-items: center;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
}
/* .mobile-slider{
   visibility: hidden;
   position: relative;
}
.mobile-slider .mobile-slider-item{
   visibility: hidden;
   height: 250px;
   display: flex;
   position: relative;
   align-items: center;
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
} */
.slider-content{
   background: #47ccc896;
   border-radius: 5px;
   display: block;
   width: 600px;
   height: 450px;
   padding: 25px 100px;
   display: block;
   position: relative;
   z-index: 101;

}
.slider-content::after{
   width: 600px;
   height: 450px;
   content:'';
   background: #29aeaa80;  
   position: absolute;
   z-index: -1;
   top:-30px;
   right:-30px;
   border-radius: 4px;
}
.slider-main .slick-arrow{
   position: absolute;
   z-index: 101;
   top:50%;
   width: 55px;
   height: 55px;
   border: 2px solid #fff !important;
   border-radius: 50% !important;
   background-color: #fff !important;
   color: var(--main);
   font-weight: 700;
   box-shadow: 0px 1px 50px 0px rgba(209, 209, 209, 0.75);
   cursor: pointer;
}
.slider-main .slick-arrow.slick-next{
   right: 5%
}
.slider-main .slick-arrow.slick-prev{
   left: 5%;
}
.slider-content h2{
   font-family: var(--font-headers);
   font-weight: 600;
   color: var(--white);
   display: block;
   font-size: 40px;
}
.slider-content p{
   color: var(--white);
   padding:10px 0px;
   display: block;
   font-family: var(--font-headers);
   font-size: 16px;
   text-align: justify;
}
/*END SLIDER*/

/*START SLIDER QUICK LINK*/
.slider-quick-links{
   background: hsla(0,0%,100%,0.2);
   box-shadow: 0 24px 56px 0 rgba(0,0,0,.161);
   padding: 26px;
   display: block;
   width: 67%;
   margin: 0 auto;
   border-radius: 30px;
   position: absolute;
   bottom: -74px;
   left: 16%;
   display: flex;
   justify-content: center;
   backdrop-filter: blur(5px);
}


.slider-quick-links a{
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 30px 0px;
   background-color: var(--main);
   color: var(--white);
   font-size: 18px;
   font-weight: 600;
   border-radius: 50px;
   margin: 0px 10px;
   width: 225px;
}
.slider-quick-links button{
   display: flex;
   justify-content: center;
   align-items: center;
   padding: 30px 0px;
   background-color: var(--main);
   color: var(--white);
   font-size: 18px;
   font-weight: 600;
   border-radius: 50px;
   margin: 0px 10px;
   width: 225px;
}
.slider-quick-links a:hover{
   background-color: var(--green);
   /* color: var(--black); */
}
.slider-quick-links button:hover{
   background-color: var(--green);
   color: #fff;
   text-decoration: none;
   transition: all 0.5s ease-in;
   /* color: var(--black); */
}

/*END SLIDER QUICK LINK*/

/*START HOME ABOUT SECTION*/
.home-about{
   background-image: url(../images/background.png);
   display: block;
   padding:150px 0 50px; 
   background-repeat: no-repeat;
}
/* .home-about .image img{
   margin: 0 auto;
   max-width: 65%;
} */
.home-about .video iframe{
   border: 5px solid var(--main);
   /* border-radius: 20px; */
}

.home-about .text h2{
   font-family: var(--font-headers);
   font-size: 28px;
   font-weight: 600;
   color: var(--main);
   margin-bottom: 20px;
}
.home-about .text p{
   font-family: var(--font-main);
   font-size: 16px;
   text-align: justify;
   margin-bottom: 30px;
}
.home-about .content .about-content{
   display: flex;
   justify-content: space-between;
}
.home-about .content .icon{
   height: 60px;
   width: 60px;
   background-color: var(--white);
   border-radius: 10px;
   margin-right: 20px;
}
.home-about .content .icon .img-icon{
   margin: 5px auto;
   height: 50px;
   width: 50px;
   max-width: none;
}
.home-about .content .service{
   display: flex;
   margin-bottom: 62px;
}
/*END HOME ABOUT SECTION*/

/*START HOME SERVICE SECTION*/
.home-service{
   background-image: url(../images/background.png);
   background-repeat: no-repeat;
}
.home-service .s-tittle{
   height: 80px;
   width: 300px;
   background-color: var(--main);
   margin: 60px auto;
   text-align: center;
   border-radius: 0 25px 0 25px ;
}
.home-service .s-tittle h2{
   padding: 9%;
   color: var(--white);
   font-size: 20px;
   font-weight: 600;
}
.home-service .service-item{
   height: 294px;
   background-color: var(--main);
   margin-bottom: 50px; 
   text-align: center;
   border-radius: 10px;
   padding: 20px 15px;
   position: relative;
}
.home-service .service-item:hover{
   background-color: var(--green);
   transition: all 0.5s ease-in;
}
.home-service .service-item a{
   text-decoration: none;
   color: var(--white);
}
.home-service .service-item .service-img{
   height: 90px;
   width: 90px;
   margin: 10px auto 25px;
}
.home-service .service-item .text{
   padding: 10px;
   font-size: 20px;
   font-weight: 500;
   text-decoration: none;
   height: 70px;
}
.home-service .service-item .btn{
   border-radius: 40px;
   background: var(--white);
   color: var(--black-dark);
   font-family: var(--font-headers);
   transition: all 0.5s ease;
   font-weight: 600;
   width: fit-content;
}

/*END HOME SERVICE SECTION*/

/*START HOME PARTNERS SECTION*/
.home-partners{
   background-image: url(../images/background.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   background-attachment: fixed;
   padding-bottom: 60px;
}
.home-partners .title{
   height: 80px;
   width: fit-content;
   background-color: var(--main);
   margin: 60px auto;
   text-align: center;
   border-radius: 0 25px 0 25px;
}
.home-partners .title h2{
   color: var(--white);
   padding: 25px;
   font-size: 20px;
}
.partners{
   gap:1.5em;
   margin-bottom: 50px;
   overflow: hidden;
}
.partner-item{
   margin: 0 auto;
}
.partner-item .image{
   width:170px;
   height:160px;
}
.partners-slider ul li{
   cursor: pointer;
}

/*END HOME PARTNERS SECTION*/


/*START ABOUT SECTION*/
.about-us-page{
   position: relative;
}
.about-us-page .content .heading{
   position: absolute;
   bottom: 525px;
   right: 751px;
}
.about-us-page .content .heading .title-1{
   color: var(--white);
   font-size: 24px;
   font-weight: 400;
}
.about-us-page .content .heading .title-2{
   color: var(--white);
   font-size: 40px;
   font-weight: 600;
}
.about-us-text {
   background-image: url(../images/about-text.png);
}
.about-us-text p{
   text-align: justify;
   color: var(--black-dark);
   font-size: 18px;
   margin: 50px 0;
}
.about-us-team .team-content{
   margin: 60px 0;
}
.about-us-team .team-content:nth-child(even) .name h2{
   text-align: right;
}
.about-us-team .team-content:nth-child(even) .name h3{
   text-align: right;
}
.about-us-team .team-content .name h2{
   font-size: 24px;
   font-weight: 600;
   color: var(--black-dark);
   margin-bottom: 5px;
}
.about-us-team .team-content .name h3{
   font-size: 20px;
   color: var(--main);
   font-weight: 500;
   margin-bottom: 15px;
}
.about-us-team .team-content .text{
   text-align: justify;
   font-size: 16px;
}
.about-us-team .team-content #name-right{
   text-align: right;
}
.about-us-team .team-content #right-image{
   margin: auto 0 auto auto;
}
.about-us-team .team-content .button{
   display: flex;
   justify-content: center;
   margin: 1.2rem auto 1rem;
}
.about-us-team .team-content:nth-child(2n) .button{
   text-align: right;
}
.about-us-team .team-content .button .read-btn{
   border-radius: 40px;
   background: var(--main);
   color: var(--white);
   font-family: var(--font-headers);
   transition: all 0.5s ease;
   font-weight: 600;
   padding: 10px 20px;
   margin-left: 10px;
}
.about-us-team .team-content .button .read-btn:hover{
   background: var(--green);
   box-shadow: inset 0 0px 0 0 transparent;
}
.about-us-team .team-content .button .view-btn:hover{
   background: var(--green);
   box-shadow: inset 0 0px 0 0 transparent;
}
.about-us-team .team-content .button .view-btn{
   border-radius: 40px;
   background: var(--main);
   color: var(--white);
   font-family: var(--font-headers);
   transition: all 0.5s ease;
   font-weight: 600;
   padding: 10px 20px;
   margin-left: 10px;
}
/*END ABOUT SECTION*/

/* MANAGEMENT TEAM DETAILS START */

.management-team-details{
   background-color: var(--cyan-light);
   padding: 30px 0;
}
.management-team-details .widget-about-team{
   /* margin-top: 20px; */
   padding: 0 20px;
}
.management-team-details .widget-about-team img{
   margin-bottom: 16px;
   max-width: 100%;
}
.content-area .team-details .t-name{
   font-size: 24px;
   font-weight: 600;
   color: var(--black-dark);
   margin-bottom: 10px;
}
.content-area .team-details .t-title{
   font-size: 20px;
   color: var(--main);
   font-weight: 500;
   margin-bottom: 25px;
}
.team-details p{
   /* text-align: justify; */
   font-size: 16px;
}
.content-area .resume-btn a{
   text-decoration: none;
   color: var(--white);
}
.content-area .resume-btn{
   font-family: var(--font-main);
   font-size: 20px;
   font-weight: 600;
   text-align: center;
   background-color: var(--main);
   border-radius: 50px;
   margin: 40px auto;
   width: 40%;
   padding: 15px;
}



/* MANAGEMENT TEAM DETAILS END */


/*START HOME APPOINTMENT BLOCK*/
.appointment-card{
   background-color: #47ccc812;
   border-radius: 8px;
   padding: 32px;
   box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.15);
   position: relative;
}

.appointment-card img{
   height: 150px;
   border-radius: 10px;
   margin-right: 15px;
   position: relative;
}
.appointment-card h4{
   font-size: 1.2rem;
   font-weight: 800;
}
.appointment-card p{
   font-size: 1rem;
   font-family: var(--font-headers);
}
.appointment-card .btn{
   font-family: var(--font-headers);
   background: var(--main);
   border-radius: 5px;
   color: var(--white);
   transition: all 0.3s ease;
}
.appointment-card .btn:hover{
   background-color: var(--black);
}
.appointment-card .appointment-item{
   display: flex;
   flex-flow: column;
   justify-content: center;
   align-items: baseline;
   position: relative;
}
/*END HOME APPOINTMENT BLOCK*/

/*START HOME DOCTOR SECTION*/

.home-doctors{
   background-image: url(../images/background.png);
   background-repeat: no-repeat;
}
.home-doctors .d-tittle{
   height: 80px;
   width: 300px;
   background-color: var(--main);
   margin: 60px auto;
   text-align: center;
   border-radius: 0 25px 0 25px ;
}
.home-doctors .d-tittle h2{
   padding: 9%;
   color: var(--white);
   font-size: 20px;
   font-weight: 600;
}
.owl-nav{
   display: flex;
   margin-top: 2em;
   justify-content: center;
}
.owl-nav span{
   width: 50px;
   height: 50px;
   line-height: 50px;
   text-align: center;
   background: var(--main);
   font-size: 16px;
   border-radius: 50%;
   margin: 5px;
   color: var(--white);
   transition: all 0.3s ease;
   font-weight: 800;
}
.owl-nav span:hover{
   background: var(--green);
   transition: all 0.5s ease-in;
} 
.home-doctors .doctor-card{
   background-color: var(--main);
   height: 540px;
   border-radius: 25px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   padding: 5px;
}
.home-doctors .doctor-card .time{
   height: 30px;
}
.home-doctors .doctor-card a h3{
   color: var(--white);
   text-align: center;
}
.home-doctors .doctor-card .d-name{
   font-size: 700;
}
.home-doctors .doctor-card h4{
   font-family: var(--font-headers), serif;
   font-weight: 500;
   font-size: 16px;
   word-wrap: break-word;
   color: var(--white);
}
.home-doctors .doctor-card .department{
   font-weight: 500;
   margin-bottom: 0.5rem;
}
.home-doctors .doctor-card p{
   font-size: 16px;
   color: var(--white);
   font-family: var(--font-main);
   text-align: center;
   margin: 1px;
}

.home-doctors .doctor-card img{
   width:250px;
   height: 250px;
   object-fit: contain;
   border-radius: 50%;
   background-color: #d4e9fa;
   border: 10px solid var(--cyan);
   margin:1rem;
}
.home-doctors .doctor-card .btn{
   border-radius: 40px;
   background: var(--white);
   color: var(--black-dark);
   margin: 30px 2px;
   font-family: var(--font-headers);
   transition: all 0.5s ease;
   font-weight: 600;
   width: fit-content;
}
.home-doctors .doc-btn:hover{
   background-color: var(--green);
   box-shadow: inset 0 0px 0 0 transparent;
}
.home-doctors .doc-btn{
   font-family: var(--font-main);
   font-size: 16px;
   font-weight: 600;
   color: var(--white);
   text-align: center;
   background-color: var(--main);
   border-radius: 50px;
   margin: 40px auto;
   width: fit-content;
   padding: .375rem .75rem;
}
.home-doctors .doc-btn a{
   font-family: var(--font-main);
   font-size: 16px;
   font-weight: 600;
   color: var(--white);
   text-align: center;
   border-radius: 50px;
   margin: 30px 0;
}
/*END HOME DOCTOR SECTION*/


/*START HOME NEWS & EVENTS */
.home-news{
   background-image: url(../images/background.png);
   background-repeat: no-repeat;
}
.home-news .heading{
   text-align: center;
   margin: 60px;
}
.home-news .news-card{
   background-color: var(--white);
   border-radius: 25px;
   display: flex;
   flex-direction: column;
   height: 550px;
}
.home-news .news-card img{
   clip-path: polygon(100% 0, 100% 65%, 0 90%, 0 0);
   border-radius: 25px 25px 0 0;
   height: 340px;
}
.home-news .news-card .date p{
      font-size: 18px;
      padding: 8px 0;
}
.home-news .news-card .date{
   background-color: var(--main);
   text-align: center;
   height: 70px;
   width: 55px;
   border-radius: 5px;
   margin: 212px 312px;
   position: relative;
   color: var(--white);
}
.home-news .news-card .date {
   position: absolute;
}
.home-news .news-card .news-title{
   position: relative;
   bottom: 15px;
   margin: 0 auto;
   padding: 0 20px;
   text-align: justify;
}
.home-news .news-card .news-title h3{
   font-size: 20px;
   height: 100px;
}
.home-page .news-card a{
   text-decoration: none;

}
.home-page .news-card a .sub-title{
   color: var(--black);
}
.home-news .news-card .text{
   margin: 0 30px 10px 30px;
   text-align: center;
   position: relative;
   bottom: 30px;
}
.home-news .news-card .btn{
   border-radius: 40px;
   background: var(--main);
   color: var(--white);
   margin: 30px auto;
   font-family: var(--font-headers);
   transition: all 0.5s ease;
   font-weight: 600;
   width: fit-content;
   /* position: absolute;
   top: 20px;
   left: 35%; */
}
.home-news .news-card .btn:hover{
   background: var(--green);
   box-shadow: inset 0 0px 0 0 transparent;
}
.home-news .news-btn{
   font-family: var(--font-main);
   font-size: 16px;
   font-weight: 600;
   color: var(--white);
   text-align: center;
   background-color: var(--main);
   border-radius: 50px;
   margin: 40px auto;
   width: fit-content;
   padding: .375rem .75rem;
}
.home-news .news-btn:hover{
   background-color: var(--green);
}
.home-news .news-btn a{
   color: var(--white);
   font-weight: 600;
}
.home-news-btn{
   position: relative;  
   margin: 0 auto;
}
/*END HOME NEWS & EVENTS */


/*START NEWS & EVENTS PAGE */

.news-page{
   background-color: var(--cyan-light);
}
.news-page .heading{
   text-align: center;
   margin: 60px;
}
.news-page .news-card{
   background-color: var(--white);
   border-radius: 25px;
   display: flex;
   flex-direction: column;
   height: 550px;
   margin-bottom: 90px;
   position: relative;
   box-shadow: 0 2px 28px 0 rgba(0,0,0,.3);
}
.news-page .news-card img{
   clip-path: polygon(100% 0, 100% 65%, 0 90%, 0 0);
   border-radius: 25px 25px 0 0;
   height: 340px;
   width: 100%;
}
.news-page .news-card .date p{
   font-size: 18px;
   padding: 8px 0;
}
.news-page .news-card .date{
   background-color: var(--main);
   text-align: center;
   height: 70px;
   width: 55px;
   border-radius: 5px;
   margin: 210px 310px;
   position: relative;
   color: var(--white);
}
.news-page .news-card .date {
   position: absolute;
}
.news-page .news-card .news-title{
   position: relative;
   bottom: 15px;
   margin: 0 auto;
   padding: 0 20px;
   text-align: justify;
}
.news-page .news-card .news-title h3{
   font-size: 20px;
   height: 100px;
}
.news-page .news-card a{
   text-decoration: none;
   color: var(--black);
}
.news-page .news-card .text{
   margin: 0 30px 10px 30px;
   text-align: center;
   position: relative;
   bottom: 30px;
}
.news-page .news-card .btn{
   border-radius: 40px;
   background: var(--main);
   color: var(--white);
   margin: 30px auto;
   font-family: var(--font-headers);
   transition: all 0.5s ease;
   font-weight: 600;
   width: fit-content;
   /* position: absolute;
   top: 15px;
   left: 150px; */
}
.news-page .news-card .btn:hover{
   background-color: var(--green);
   box-shadow: inset 0 0px 0 0 transparent;
}
.news-page .news-btn{
   font-family: var(--font-main);
   font-size: 16px;
   font-weight: 600;
   color: var(--white);
   text-align: center;
   background-color: var(--main);
   border-radius: 50px;
   margin: 40px auto;
   width: fit-content;
   padding: .375rem .75rem;
}
.news-page .up-space{
   margin-bottom: 50px;
}
.news-page-btn{
   position: relative;
   margin: 0 auto;
}
/*END NEWS & EVENTS PAGE */



/*START DEPARTMENT PAGE */

.department-page{
   background-color: var(--cyan-light);
}
.department-page .dept-title h2{
   color: var(--white);
   height: 80px;
   width: 300px;
   background-color: var(--main);
   margin: 60px auto;
   text-align: center;
   border-radius: 0 25px 0 25px;
   padding: 25px;
   font-size: 20px
}
.department-page .dept-box{
   height: 275px;
   background-color: var(--main);
   border-radius: 10px;
   padding: 20px 5px;
   margin: 0 0 30px;
   text-align: center;
   position: relative;

}
.department-page .dept-box:hover .dept-bg-image{
   opacity: 1;
   visibility: visible;
}

.department-page .dept-bg-image{
  position: absolute;
  top: 0;
  width: 100%;
  left: 0;
  overflow: hidden;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s ease-in-out;
}

.department-page .dept-bg-image img{
   height: 100%;
   width:100%;
   object-fit: cover;
   border-radius: 10px;
}

.department-page .dept-content,
.department-page .dept-btn{
   position: relative;
}
.department-page .dept-content{
   margin: 20px 0;
}
.department-page .dept-content h3{
   color: var(--white);
   margin-bottom: 15px;
}
.dept-box .dept-img{
   margin: 0 auto;
   background-color: var(--white);
   height: 90px;
   width: 90px;
   border-radius: 50px;
   padding: 5px;
   position: relative;
   z-index: 101;
}
.dept-box .dept-img .icon{
   height: 70px;
   width: 70px;
   margin: 5px auto 20px;
}
.dept-box .dept-content a h3{
   color: var(--white);
   font-size: 18px;
   text-align: center;
   margin: 15px 0 15px;
   height: 35px;
}
.dept-box .dept-content p{
   font-size: 14px;
   color: var(--white);
   text-align: center;
}
.dept-box .btn{
   border-radius: 40px;
   background: var(--white);
   color: var(--black-dark);
   font-family: var(--font-headers);
   transition: all 0.5s ease;
   font-weight: 600;
   width: fit-content;
}
.department-page .up-space{
   margin-bottom: 50px;
}
.department-page .d-button{
      font-family: var(--font-main);
      font-size: 16px;
      font-weight: 600;
      color: var(--white);
      text-align: center;
      background-color: var(--main);
      border-radius: 50px;
      margin: 40px auto;
      width: fit-content;
      padding: .375rem .75rem;
   }
.department-page .d-button a{
   font-family: var(--font-main);
   font-size: 16px;
   font-weight: 600;
   color: var(--white);
   text-align: center;
   background-color: var(--main);
   border-radius: 50px;
   margin: 30px 0;
}

.custom-pagination{
   margin: 0 auto;
}
/*END DEPARTMENT PAGE */




/*START DOCTOR PAGE */
.doctor-page{
   background: var(--cyan-light);
}
.doctor-search-box{
   padding: 20px;
   margin-bottom: 30px;
   background-color: var(--cyan);
   box-shadow: 0px 1px 2px 0px rgba(194, 205, 211, 0.75);
   border-radius: 4px;
}
.doctor-search-box .doctor-name{
   background-color: #f1f7fa;
   border: 1px solid #f1f7fa;
   width: 100%;
   height: 50px;
   padding: 5px 20px;
   font-size: 16px;
   color: #111111;
 }

 .doctor-search-box input.form-control::-webkit-input-placeholder {
   color: #111111;
 }
 .doctor-search-box input.form-control::-moz-placeholder {
   color: #111111;
 }
 .doctor-search-box input.form-control:-moz-placeholder {
   color: #111111;
 }
 .doctor-search-box input.form-control:-ms-input-placeholder {
   color: #111111;
 }
.doctor-search-box .departments{
   background-image: none;
   border-radius: 0;
   border: 1px solid #f1f7fa;
   height: 50px;
   display: -ms-flexbox;
   display: flex;
   -ms-flex-align: center;
   align-items: center;
   background: transparent;
   background-image: url("data:image/svg+xml;utf8,<svg fill='black' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/><path d='M0 0h24v24H0z' fill='none'/></svg>");
   background-repeat: no-repeat;
   background-position-x: 100%;
   background-position-y: 10px;
   background-color: #f1f7fa;
}
.doctor-card{
   background-color: var(--main);
   height: 540px;
   border-radius: 25px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin: 20px 10px;
   padding: 5px;
}
.doctor-card .d-name{
   font-weight: 700;
   font-size: 18px;
}
.doctor-card h4{
   font-family: var(--font-headers), serif;
   font-weight: 500;
   font-size: 16px;
   word-wrap: break-word;
   color: var(--white);
   text-align: center;
   margin-bottom:0.5rem;
}
.doctor-card h4 a{
   color: var(--white);
}
.doctor-card p{
   font-size: 16px;
   color: var(--white);
   font-family: var(--font-main);
   text-align: center;
   margin: 0px;
}
.doctor-card .room-no{
   height: 40px;
}
.doctor-card img{
   width:250px;
   height: 250px;
   object-fit: contain;
   border-radius: 50%;
   background-color: #d4e9fa;
   border: 10px solid var(--cyan);
   margin:2em;
}
.doctor-card .btn{
   border-radius: 40px;
   background-color: var(--white);
   color: var(--black-dark);
   margin: 30px 2px;
   font-family: var(--font-headers);
   transition: all 0.5s ease;
   font-weight: 600;
   width: fit-content;
}
.doctor-card .btn:hover{
   background-color: var(--green);
   color: var(--white);
   box-shadow: inset 0 0px 0 0 transparent;
}

/* END DOCTOR PAGE */

/*START SERVICES PAGE*/

.service-page{
   background-image: url(../images/service.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
   height: 350px;
   /* position: relative; */
}
.service-page .heading{
   font-size: 36px;
   padding: 5%;
}
.doctor-appointment{
   padding: 100px 0 50px 0;
   background-image: url(../images/app_bg_img/doctor-app.png);
   background-size: cover;
   background-repeat: no-repeat;
   background-position: center;
}
.doctor-appointment #d_a{
   padding-top: 205px;
}
.doctor-appointment .main-content{
   position: relative;
   width: 1280px;
   background-color: var(--white);
   border: 2px solid var(--main);
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.main-content h3{
   color: var(--black);
   font-size: 30px;
   padding: 40px 0 0 40px;
}
.main-content h2{
   color: var(--main);
   font-size: 36px;
   padding: 10px 0 0 40px;
}
.main-content p{
   font-size: 16px;
   padding: 40px;
   text-align: justify;
}
.main-content .lab-btn{
   border-radius: 40px;
   background: var(--main);
   color: var(--white);
   margin: 15px auto;
   padding: 10px 30px;
   font-family: var(--font-headers);
   transition: all 0.5s ease;
   font-weight: 600;
   width: fit-content;
   position: relative;
   left: 90px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.main-content .checkup-btn{
   border-radius: 40px;
   background: var(--white);
   color: var(--black);
   margin: 15px auto;
   padding: 10px 30px;
   font-family: var(--font-headers);
   transition: all 0.5s ease;
   font-weight: 600;
   width: fit-content;
   border: 2px solid var(--main);
   position: relative;
   right: 90px;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.main-content .item img{
   background-color: var(--main);
   border-radius: 20px;
   padding: 20px;
   height: 120px;
   width: 120px;
   margin: 100px auto;
}
.service-item .content{
   background-color: var(--main);
   border-radius: 20px;
   margin: 0 0 50px 0;
   padding: 15px;
}
.service-item .content img{
   margin: 20px auto 0;
   background-color: var(--white);
   height: 150px;
   width: 150px;
   padding: 10px;
   border-radius: 5px;
}
.service-item .content h4{
   font-size: 24px;
   color: var(--white);
   margin: 0 auto;
   padding: 20px 0;
   text-align: center;
}
.doctor-appointment .doctor-form , .service-form{
   padding-left: 30px;
}
.appointment-heading .title{
   font-size: 40px;
   color: var(--main);
   margin-bottom: 10px;
   margin-top: 20px;
   text-transform: capitalize;
   line-height: 1.25em;
}

.appointment-heading .down-title{
   font-size: 25px;
   font-weight: 600;
   line-height: 1.37em;
   margin-bottom: 30px;
}
.doctor-appointment .form{
   padding:30px 30px;
   margin-bottom: 100px;
   background-color: var(--cyan);
   border-radius: 10px;
   position: relative;
   top: 40px;
   right: 25px;
}
.appointment-form .input-field{
   position: relative;
}

.main-content .appointment-form input[type="text"]::placeholder {
   color: var(--black);
   opacity: 1;
   background-color: var(--white);
 }
 textarea::placeholder {
   color: var(--black);
   opacity: 1;
 }
.main-content .appointment-form .form-input{
   padding: 14px 15px;
   width: 100%;
   background-color: var(--white);
   border: none;
   resize: none;
   border-radius: 5px;
   margin: 20px 0;
}
.main-content .appointment-form .input-field span{
   position: absolute;
   top: 35px;
   right: 15px;
   pointer-events: none;
   color: var(--black);
}
.main-content .appointment-form .select-item{
   position: relative;
}
.main-content .appointment-form .select-item .select-hidden{
   background-color: var(--white);
   border: 2px solid var(--white);
   border-radius: 5px;
   height: 50px;
   width: 100%;
   display: flex;
   align-items: center;
   padding: 15px;
   margin: 20px 0;
}
.main-content .appointment-form .select-item .select-arrow{
   height: 40px;
   width: 30px;
   background: transparent;
   top: 4px;
   right: 3px;
   display: none;
}
.main-content .appointment-form .select-item .select-arrow b{
   width: 8px;
   height: 8px;
   border: 0;
   border: 2px solid var(--main);
   border-top: 0;
   border-left: 0;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%) rotate(45deg);
   transition: all 0.4s ease;
}
.doctor-appointment .form .app-btn{
   text-align: center;
}
.doctor-appointment .form .appointment-btn , .reset-btn{
   font-family: var(--font-headers);
   font-weight: 600;
   font-size: 18px;
   color: var(--white);
   margin: 24px 0 0;
   text-transform: none;
   border: none;
   background-color: var(--main);
   padding: 13px 47px;
   line-height: 1.6em;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   outline: none;
   border-radius: 50px;
   transition: all 0.4s ease;
   box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.doctor-appointment .form .appointment-btn:hover{
   background-color: var(--green);
   box-shadow: inset 0 0px 0 0 transparent;
}
.doctor-appointment .form .app-button{
   display: flex;
   gap: 5px;
}
.doctor-appointment .form .reset-btn{
   color: var(--black);
   padding: 13px 92px;
   background-color: var(--white);
   border: 2px solid var(--main);
}
.doctor-appointment .form .reset-btn i{
   color: var(--white);
   background-color: var(--main);
   border-radius: 50px;
   padding: 2px;
   margin-right: 10px;
}

/*END SERVICES PAGE*/


/* Doctor Details Section Start */
.doctor-details .content-area{
   padding: 100px 0;
   background-color: var(--cyan-light);
}
.doctor-details .widget-about-team{
   padding: 32px 25px 28px;
   background-color: var(--white);
   border-radius: 5px;
   box-shadow: 0px 1px 0px 0px rgba(222, 229, 232, 0.75);
   margin-bottom: 30px
}
.doctor-details .widget-about-team img{
   margin-bottom: 16px;
   max-width: 100%;
}
.doctor-details .widget-about-team .item-content .item-title{
   font-weight: 700;
   color: var(--black);
   margin-bottom: 10px;
}
.doctor-details .widget-about-team .item-content .item-ctg{
   margin-bottom: 10px;
   font-family: var(--font-headers);
   font-size: 16px;
   line-height: 26px;
   font-weight: 400;
   color: var(--dip-gray);
}
.doctor-details .widget-about-team .item-content .item-designation{
   color: var(--main);
   font-weight: 500;
   display: block;
   margin-bottom: 10px;
}
.doctor-details .widget-team-contact{
   padding: 32px 25px 28px;
   background-color: var(--white);
   border-radius: 5px;
   box-shadow: 0px 1px 0px 0px rgba(222, 229, 232, 0.75);
   margin-bottom: 30px;
}
.doctor-details .site-main .title-bar{
   margin-bottom: 35px;
   padding-bottom: 20px;
   position: relative;
}
.doctor-details .site-main .title-bar::before{
   content: "";
   height: 4px;
   width: 40px;
   background: var(--main);
   position: absolute;
   left: 0;
   bottom: 0;
   z-index: 1;
   border-radius: 5px;
}
.doctor-details .site-main .widget-team-contact ul li{
   color: var(--dip-gray);
   padding-left: 11px;
   font-weight: 500;
   font-size: 16px;
   position: relative;
   margin-bottom: 10px;
}
.doctor-details .widget-team-contact ul li span{
   position: absolute;
   left: 30%;
   top: 50%;
   transform: translateY(-50%);
   font-size: 16px;
   font-weight: 500;
   display: inline-block;
}
.doctor-details .widget-team-contact ul li span a{
   color: var(--dip-gray);
}
.doctor-details .widget-call-to-action{
   background-color: var(--main);
   padding: 30px 20px 20px;
   border-radius: 5px;
   box-shadow: 0px 1px 10px 0px rgba(56, 101, 219, 0.75);
   font-size: 16px;
}
.doctor-details .widget-call-to-action .media{
   display: -ms-flexbox;
   display: flex;
   align-items: flex-start;
}
.doctor-details .widget-call-to-action .media .media-body{
   margin-left: 15px;
   flex: 1;
}
.doctor-details .widget-call-to-action .media .media-body h4{
   color: var(--white);
   margin-bottom: 10px;
   font-weight: 500;
}
.doctor-details .widget-call-to-action .media .media-body span a{
   color: var(--white);
}
.doctor-details .team-details{
   padding: 50px 55px 60px;
   background-color: var(--white);
   border-radius: 5px;
   box-shadow: 0px 1px 0px 0px rgba(222, 229, 232, 0.75);
   margin-bottom: 30px;
   margin-left: 10px;
   /* text-align: justify; */
}
.doctor-details .team-details .single-item{
   margin-bottom: 40px;
}
.doctor-details .team-details .table-responsive{
   margin-bottom: 0;
   outline: none !important;
   border: none !important;
}
.doctor-details .team-details .single-item .table{
   width: 100%;
   max-width: 100%;
   margin-bottom: 1rem;
   background-color: transparent;

}
.doctor-details .team-details .single-item .table thead tr{
   background-color: var(--gray);
   border-style: none !important;
}
.doctor-details .team-details .single-item .table tbody tr:nth-child(2n) {
   background-color: var(--gray);
}
.doctor-details .team-details .single-item .table thead tr th:first-child{
   width: 20%;
   font-weight: 700;
   font-size: 16px !important;
}
.doctor-details .team-details .single-item .table thead tr th{
   vertical-align: middle;
   padding: 13px 30px;
   font-weight: 700;
   font-size: 16px !important;
   color: var(--black);
   border: 0px;
}
.doctor-details .team-details .single-item .table tbody td{
   padding: 13px 30px;
   color: var(--black);
   border: 0px;
}
.doctor-details .team-details .single-item .schedule-table tbody td .item-btn{
   border: 1px solid var(--main);
   color: var(--white);
   padding: 7px 50px;
   margin-right: 5px;
   font-size: 14px;
   font-weight: 500;
   display: inline-block;
   background-color: var(--main);
   border-radius: 5px;
   transition: all 0.5s ease-out;
   text-transform:none;
}
.doctor-details .team-details .single-item .schedule-table tbody td{
   padding: 8px 30px;
   vertical-align: middle;
   text-transform: uppercase;
}
.doctor-details .team-details .single-item .schedule-table tbody td .item-btn:hover{
   background-color: var(--black);
}
.doctor-details .team-details .single-item tbody td .schedule-btn .item-btn{
   text-align: right;
}
.doctor-details .site-main .d-content{
   padding: 50px 55px 60px;
   background-color: var(--white);
   border-radius: 4px;
   box-shadow: 0px 1px 0px 0px rgba(222, 229, 232, 0.75);
}
.btn_doc_details a{
   text-decoration: none;
   color: var(--white);
}
.btn_doc_details{
   font-family: var(--font-main);
   font-size: 28px;
   font-weight: 600;
   color: var(--white);
   text-align: center;
   background-color: var(--main);
   border-radius: 50px;
   margin: 40px auto;
   width: 40%;
   padding: 15px;
}
.btn_doc_details:hover{
   background-color: var(--green);
   transition: all 0.5s ease-in;
}
/* Doctor Details Section End */


/* FAQ Section Start */
.faq-section .heading h4{
   font-size: 24px;
   color: var(--black);
   margin: 60px 0 20px 0;
}
.faq-section .heading h2{
   font-size: 36px;
  color: var(--main);
  margin-bottom: 40px;
}
.faq-section .content{
   margin: 10px 0 60px 0;
}

.faq-section .accordion {
   background-color: white;
   color: rgba(0, 0, 0, 0.8);
   cursor: pointer;
   font-size: 1.2rem;
   width: 100%;
   padding: 2rem 2.5rem;
   border: 1px solid var(--main);
   outline: none;
   transition: 0.4s;
   display: flex;
   justify-content: space-between;
   align-items: center;
   font-weight: 600;
   border-radius: 20px;
}
.accordion .fa-solid{
   color: var(--main);
   font-size: 1.9rem;
}
.faq-section .active .accordion i{
   color: var(--main);
   font-size: 1.9rem;
}
#PANNEL{
   background-color: var(--main);
   margin-left: 1.2rem;
   margin-top: 0.6rem;
}
#PANNEL p{
   color: var(--white);
   margin-right: 15px;
}
.faq-section .active,
.accordion:hover {
   color: var(--black-dark);
   border-radius: 20px;
}
.faq-section .pannel{
   padding: 0 0 2.5rem 4rem;
   overflow: hidden;
   display: none;
   border-radius: 20px;
}
.faq-section .pannel p {
   color: var(--black-dark);
   font-size: 1.2rem;
   line-height: 1.4;
   margin-top: 20px;
}
.faq-section .faq {
   margin: 10px 0;
}
.faq-section .faq.active {
   border: none;
}

/* FAQ Section End */


/* Appointment Section Start */
.appointment-page{
   background-color: var(--cyan);
}
.appointment-page .appointment-form{
   position: relative;
   z-index: 1;
}
.appointment-page .doctor-form , .service-form{
   padding-left: 30px;
}
.appointment-heading .up-title{
   font-size: 40px;
   color: var(--main);
   margin-bottom: 10px;
   margin-top: 20px;
   text-transform: capitalize;
   line-height: 1.25em;
}

.appointment-heading .down-title{
   font-size: 25px;
   font-weight: 600;
   line-height: 1.37em;
   margin-bottom: 30px;
}
.appointment-page .form{
   padding:30px 30px;
   margin-top: 100px;
   margin-bottom: 100px;
   background-color: var(--white);
   border-radius: 10px;
}
.appointment-form .input-field{
   position: relative;
}

.appointment-form input[type="text"]::placeholder {
   color: var(--black);
   opacity: 1;
 }
 textarea::placeholder {
   color: var(--black);
   opacity: 1;
 }
.appointment-form .form-input{
   padding: 14px 15px;
   width: 100%;
   background-color: var(--gray);
   border: none;
   resize: none;
   border-radius: 5px;
   margin: 20px 0;
}
.appointment-form .input-field span{
   position: absolute;
   top: 35px;
   right: 15px;
   pointer-events: none;
   color: var(--black);
}
.appointment-form .select-item{
   position: relative;
}
.appointment-form .select-item .select-hidden{
   background-color: var(--gray);
   border: 2px solid var(--gray);
   border-radius: 5px;
   height: 50px;
   width: 100%;
   display: flex;
   align-items: center;
   padding: 15px;
   margin: 20px 0;
}
.appointment-form .select-item .select-arrow{
   height: 40px;
   width: 30px;
   background: transparent;
   top: 4px;
   right: 3px;
   display: none;
}
.appointment-form .select-item .select-arrow b{
   width: 8px;
   height: 8px;
   border: 0;
   border: 2px solid var(--main);
   border-top: 0;
   border-left: 0;
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%) rotate(45deg);
   transition: all 0.4s ease;
}
.appointment-page .form .app-btn{
   text-align: center;
}
.appointment-page .form .appointment-btn{
   font-family: var(--font-headers);
   font-weight: 600;
   font-size: 18px;
   color: var(--white);
   margin: 24px 0 0;
   text-transform: none;
   border: none;
   background-color: var(--black);
   padding: 13px 35px;
   line-height: 1.6em;
   display: inline-flex;
   justify-content: center;
   align-items: center;
   outline: none;
   border-radius: 50px;
   transition: all 0.4s ease;
}
.appointment-page .lab-image img, 
.appointment-page img{
   margin:0 auto;
   display: table;
   width: 80%;
   margin-top:20%;
}

/* Appointment Section End */


/* Gallery Section start  */
.gallery-page{
   padding-top: 100px;
   padding-bottom: 100px;
}
.gallery-page .item img{
   border-radius: 8px;
   background-clip: padding-box;
}
.gallery-page .item .header{
   font-size: 18px !important;
   margin: 8px 0 15px;
   line-height: 1.5em;
   /* margin: 8px 0 0 !important; */
   padding-bottom: 12px;
}
/* Gallery Section End  */



/*CONTACT US START */
.contact-us{
   padding: 50px;
}
#box_1{
   border: 1px solid var(--main);
   border-radius: 15px;
   width: 31%;
   background-color: var(--cyan);
   margin-right: 1rem;
}
#box_1 h4{
   color: var(--black-dark);
}
.contact-us .time_info #timing{
   text-align: center;
}
.time_info{
   display: flex;
   color: var(--black-text);
   padding-left: 2rem;
}
#box_2{
   border: 1px solid var(--main);
   border-radius: 15px;
   width: 29%;
   background-color: var(--cyan);
   text-align: center;
   margin-right: 1rem;
   padding-bottom: 1rem;
}
#em-button{
   justify-content: center;
   font-family: var(--font-main);
   font-size: 18px;
   font-weight: 450;
   color: var(--white);
   text-align: center;
   background-color: var(--main);
   border-radius: 30px;
   width: 100%;
   padding: 10px 0;
}
#em-button a{
   color: var(--white);
}
#box_2 h4{
   color: var(--black-dark);
}
#box_3{
   border: 1px solid var(--main);
   border-radius: 15px;
   width: 31%;
   background-color: var(--cyan);
}
#box_3 h4{
   color: var(--black-dark);
}
.msg_form input[type=text]{
   width: 100%;
   padding: 10px 10px;
   border: 1px solid var(--main);
   border-radius: 5px;
   background-color: var(--white);
   color: var(--black);
}
.msg_form textarea{
   width: 100%;
   padding: 10px 10px;
   border: 1px solid var(--main);
   border-radius: 5px;
   color: var(--black);
}
.msg_form input[type=submit]{
   color: var(--white);
   font-family: var(--font-main);
   font-size: 18px;
   font-weight: 450;
   text-align: center;
   background-color: var(--main);
   border-radius: 30px;
   width: 100%;
   border: none;
   padding: 10px;
}
.msg_form input[type="submit"]:hover{
   background-color: var(--green);
   transition: all 0.5s ease-in;
}
.contact-us-note{
   margin: 5% auto;
   color: var(--red);
   font-size: 24px;
   text-align: justify;
}
.contact-us #MAP{
   margin-top: 50px;

}
.contact-us #MAP .branch-name{
   margin-bottom: 15px;
}
.contact-us #MAP .contact-map{
   margin-bottom: 30px;
}

/* CONTACT US END */

/* REVIEW SECTION HOME PAGE START */

.review-section{
   background-color: rgba(143, 230, 220, 0.2);
}
.review-section .r-tittle{
   margin: 4em 0;
   color: var(--black);
   text-align: center;
   align-items: center;
}
.review-section .s_controls a i{
   text-decoration: none;
   color: white;
   width: 40px;
   height: 40px;
   background-color: var(--main);
}
.review-section .review-card{
   background-color: var(--white);
   height: 320px;
   width: 90%;
   border: 1px solid var(--main);
   border-radius: 15px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   box-shadow: 5px 5px 5px #838383;
   margin: 100px auto 40px;
   padding: 10px;
}
.review-section .review-card p{
   font-size: 14px;
   color: var(--black-dark);
   font-family: var(--font-main);
   margin: 10px;
}

.review-section .review-card img{
   width:65px;
   height: 65px;
   object-fit: contain;
   border-radius: 100%;
   background-color: #d4e9fa;
   border: 1px solid var(--cyan);
   margin:2em;
}
.review-section .review-card .r_user{
   display: flex;
   width: 100%;
   float: left;
}
.review-section .review-card .r_user h4{
   text-align: center;
   align-items: center;
   font-family: var(--font-headers), serif;
   font-weight: 700;
   margin-top: 3em;
   font-size: 16px;
   word-wrap: break-word;
   color: var(--black-dark);
}
.review-section .review-btn a{
   text-decoration: none;
   color: var(--white);
}
.review-section .review-btn{
   font-family: var(--font-main);
   font-size: 16px;
   font-weight: 600;
   color: var(--white);
   text-align: center;
   background-color: var(--main);
   border-radius: 50px;
   margin: 40px auto;
   width: fit-content;
   padding: .375rem .75rem;
}
.review-page .owl-nav{
   margin: 20px 0 60px;
   /* padding-right: 41%; */
}



/* REVIEW SECTION HOME PAGE END */


/*START NEWS DETAILS */
.news-details-page{
   padding: 50px 50px;
   background-color: rgba(143, 230, 220, 0.2)
}
.post-tittle{
   display: flex;
}
.post-tittle h3{
   color: var(--black-dark);
   font-size: 1rem;
   text-transform: uppercase;
}
.post-tittle .side_space{
   height: 3px;
   width: 70px;
   margin: 9px 16px;
   background-color: var(--main);
}
.news-details-sidebar .s_image {
   width: 100%;
   height: 100px;
   margin: 0;
   padding: 0;
}
.news-details-sidebar .s_image img{
   /* width: 100%; */
   height: 100px;
}
.news-details-image img{
   clip-path: polygon(100% 0, 100% 76%, 0 100%, 0 0);
   height: 400px;
   width: 100%;
}
.news-details-image{
   display: flex;
   flex-direction: column;
   height: 400px;
   position: relative;
}
.s_details a{
   text-decoration: none;
   color: var(--black);
}
.news-details{
   margin-left: 10px;
   text-align: justify;
   color: var(--black-dark);
   box-shadow: 0 2px 28px 0 rgba(0,0,0,.09);
}
.news-details .date{
   position: relative;
}
.news-details .date{
   background-color: var(--main);
   text-align: center;
   height: 60px;
   width: 50px;
   position: absolute;
   border-radius: 5px;
   color: var(--white);
   padding: 8px;
   margin: -110px 585px;
}
.news-details-content h3{
   color: var(--black-dark);
   font-size: 1.2rem;
}
/*END NEWS DETAILS*/

/*LAB DETAILS PAGE START */

.lab-details{
   padding: 15px 10px 50px;
   background-color: rgba(143, 230, 220, 0.2);
   margin-left: 10px;
   text-align: justify;
   color: var(--black-dark);
}
#lab-img{
   width: 100%;
   padding: 20px;

}
#lab-img img{
   margin: 0 auto;
}
#BOX{
   display: flex;
}
.book-test-box{
   background-color: var(--white);
   border-radius: 20px;
   box-shadow: 0 2px 28px 0 rgba(0,0,0,.09);;
}
.book-test-box{
   background-color: var(--white);
   border-radius: 20px;
   box-shadow: 0 2px 28px 0 rgba(0,0,0,.3);
}
.lab-tittle-box{
   background-color: var(--main);
   height: 95px;
   border-radius: 20px;
}
.lab-tittle-box #l_name{
   text-align: left;
   color: var(--white);
}
.lab-test .lab-test-search-box{
padding: 20px;
  margin-bottom: 30px;
  background-color: var(--cyan);
  box-shadow: 0px 1px 2px 0px rgba(194, 205, 211, 0.75);
  border-radius: 4px;
}
.executive-health-package .lab-test-search-box{
   padding: 20px;
     margin-bottom: 30px;
     background-color: var(--cyan);
     box-shadow: 0px 1px 2px 0px rgba(194, 205, 211, 0.75);
     border-radius: 4px;
     margin-top: 2%;
   }
   .executive-health-package .box-header .b_1 p{
   padding: 0 0.3rem;
   }
.b_1{
   background-color: var(--white);
   color: var(--black);
   margin: 0 20px;
   margin-left: -20px;
   align-items: left;
   text-align: center;
   margin-bottom: 0;
   border-bottom-left-radius: 15px;
   border-bottom-right-radius: 15px;
}
.b_2{
   display: flex;
   margin-bottom: -3px;
   margin-left: -15px;
   text-align: center;
   color: var(--white)
}
.b_3{
   background-color: var(--white);
   color: black;
   margin: 0 20px;
   margin-left: -20px;
   align-items: left;
   text-align: center;
   margin-bottom: 0;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
}
#l_box_2{
   margin: 0;
   color: var(--main);
   padding: 0px 20px;
   text-align: left;
}
#l_box_2 img{
   width: 40px;
   height: 40px;
}
#lab-btn{
   width: 80%;
   text-align: center;
   height: 40px;
   background-color: var(--main);
   color: var(--white);
   border-radius: 20px;
   margin-left: 28px;
   margin-bottom: 15px;
}
/*LAB DETAILS PAGE END */

/* HOME COLLECTION SERVICE PAGE START */

.home-collection #lab-img{
   background-color: var(--cyan);
   border-radius: 15px;
   width: 80%;
   margin: 30px auto;
}
.home-collection .home-title{
   font-size: 28px;
   font-weight: 600;
   color: #29887B;
   margin-bottom: 20px;
}

.home-collection .lab-details-text{
   font-size: 16px;
   text-align: justify;
   margin-bottom: 30px;
}
.home-collection .home-collection-text{
   font-size: 16px;
   text-align: justify;
   margin-bottom: 10px;
}
.home-collection span{
   font-size: 18px;
   margin-bottom: 5px;
}
.home-collection ul{
   margin-bottom: 30px;
}
.home-collection .content-title{
   font-size: 22px;

}


/* HOME COLLECTION SERVICE PAGE END */


/*SERVICE PAGE STYLE*/
.service-page-content{
   background-color: var(--cyan-light);
   padding:30px 0px;
}
.service-page-department{
   background-color: var(--cyan-light);
   padding:30px 0 0;
}
.service-page-content .service-item{
   height: 294px;
   background-color: var(--main);
   margin-bottom: 50px; 
   text-align: center;
   border-radius: 10px;
   padding: 20px 15px;
   position: relative;
}
.service-page-content .service-item:hover{
   background-color: var(--green);
   transition: all 0.5s ease-in;
}
.service-page-content .service-item a{
   text-decoration: none;
   color: var(--white);
}
.service-page-content .service-item .service-img{
   height: 90px;
   width: 90px;
   margin: 10px auto 25px;
}
.service-page-content .service-item .text{
   padding: 10px;
   font-size: 20px;
   font-weight: 500;
   text-decoration: none;
   height: 70px;
}
.service-page-content .service-item .btn{
   border-radius: 40px;
   background: var(--white);
   color: var(--black-dark);
   font-family: var(--font-headers);
   transition: all 0.5s ease;
   font-weight: 600;
   width: fit-content;
}
.service-page-department .heading-page{
   color: var(--white);
   height: 80px;
   width: 300px;
   background-color: var(--main);
   margin: 0 auto 60px;
   text-align: center;
   border-radius: 0 25px 0 25px;
   padding: 25px;
   font-size: 20px
}
.service-content{
   height: 294px;
   background-color: var(--main);
   margin-bottom: 30px; 
   text-align: center;
   border-radius: 10px;
   padding: 20px 15px;

}
.service-content:hover{
   background-color: var(--green);
   transition: all 0.5s ease-in;
}
.service-content a{
   text-decoration: none;
   color: var(--white);
}
.service-content .service-img{
   background-color: white;
   height: 90px;
   width: 90px;
   border-radius: 50px;
   margin: 10px auto 0;
   padding: 5px;
}
.service-content img{
   height: 70px;
   width: 70px;
   margin: 5px auto;
   padding: 5px;
}
.service-content h3{
   color: var(--white);
   margin: 30px 0 55px;
   font-size: 20px;
   font-weight: 500;
   text-decoration: none;
   height: 25px;
}
.service-content .btn{
   border-radius: 40px;
   background: var(--white);
   color: var(--black-dark);
   font-family: var(--font-headers);
   transition: all 0.5s ease;
   font-weight: 600;
   width: fit-content;
}
/*SERVICE PAGE STYLE*/

/* Executive Health Package Section Start */

.executive-health-package {
   background-color: var(--white);
}
.lab-tittle-box .box-header{
   display: flex;
   width: 94%;
   margin: 0 auto;
}
.executive-health-package .book-test-box{
   margin-bottom: 90px;
}
.box-header .b_2{
   font-size: 16px;
   margin-left: -5px;
}
.box-header .text{
   padding: 0px 20px 0 0;
   font-size: 16px;
   font-weight: 600;
}
.h-button{
   display: flex;
   justify-content: space-around;
}
.h-button .btn{
   width: 80%;
   text-align: center;
   height: 40px;
   background-color: var(--main);
   color: var(--white);
   border-radius: 20px;
   margin-left: 22px;
   margin-bottom: 20px;
}
#health-btn a {
   text-decoration: none;
   color: var(--main);
 }
 .h-button .btn a {
   text-decoration: none;
   color: var(--white);
 }
.h-button #health-btn{
   background-color: var(--white);
   color: var(--black);
   border: 1px solid var(--main);
}
/* Executive Health Package Section End */


/* Executive Health Package Details Section Start */

.executive-health-details{
   background-color: var(--cyan-light);
   padding: 30px 0;
}
.executive-health-details .left-image img{
   width: 100%;
   height: 100%;
}
.executive-health-details .package-title h2{
   font-size: 24px;
   margin-bottom: 20px;
}
.executive-health-details .package-item{
   display: flex;
   padding-left:0;
}
.executive-health-details .package-item img{
   height: 16px;
   width: 26px;
   margin: 4px 20px 0 0;
}
.executive-health-details .package-item p{
   font-size: 16px;
   color: var(--main);
}
.executive-health-details .package-condition{
   font-size: 20px;
   color: var(--red);
   margin: 20px 0;
   font-weight: 500;
}
.book-test-box .report{
   display: flex;
}
.executive-health-details .regular-price{
   font-size: 20px;
}
.executive-health-details .package-price{
   font-size: 24px;
}
.executive-health-details .health-details-btn a{
   text-decoration: none;
   color: var(--white);
}
.executive-health-details .health-details-btn{
   font-size: 18px;
   font-weight: 600;
   text-align: center;
   background-color: var(--main);
   border-radius: 50px;
   width: 50%;
   padding: 15px
}
.executive-health-details .package-item ul li{
   list-style-image: url(../images/health-package/icon.png);
   font-size:18px;
   margin-bottom: 10px;
   padding-left: 10px;
}
.executive-health-details .package-content{
   margin-left:40px;
}
/* Executive Health Package Details Section End */


/* HEALTH CHECK UP START */

.health-checkup-appointment{
   background-image: url(../images/app_bg_img/health-check-up.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   padding-top: 100px;
   padding-bottom: 100px;
}

/* HEALTH CHECK UP START */


/* LAB TEST START */

.lab-test-appointment{
   background-image: url(../images/app_bg_img/lab-test.png);
   background-repeat: no-repeat;
   background-size: cover;
   background-position: center;
   padding-top: 100px;
   padding-bottom: 100px;
}

/* LAB TEST START */


.test-checkup-card-container {
   padding: 0;
   border-radius: 15px;
   width: 95%;
   display: flex;
   flex-direction: column;
   box-shadow: 0 4px 11px rgba(0,0,0,.1);
   background-color: var(--white);
   margin: 20px auto 40px;
   padding: 0 0 15px;
}
.package-name-wrapper {
   grid-row: span 2;
 }
.top-container{
   background-color: var(--colorPrimary);
   border-radius: 20px;
}
.executive-health-package .top-container{
   height: 110px;
}
.top-container .top-title{
   display: flex;
   justify-content: flex-end;
   
 }
 .top-title > div{
   border-radius: 0 0 10px 10px;
   background-color: var(--white);
   padding: 2px 15px;
   margin-right: 15px;
 }
 .package-name-wrapper .package-name {
   display: flex;
   align-items: center;
   max-width: 100%;
   height: 55px;
 }
 .package-name{
   justify-content: space-between;
   padding: 8px 0;
 }
 .package-name p{
   padding: 2px 15px;
   color: var(--white);
   margin-bottom: 0;
   font-size: 15px;
   font-weight: 600;
 }
.top-container .price-content {
   display: flex;
   margin-right: 20px;
 }
.executive-health-package .top-container .price-content {
   margin-right: 4px;
}
.executive-health-package .top-container .price-content > span{
   font-size: 18px;
   font-weight: 400;
}
 .price-content span{
   font-size: 16px;
   justify-content: flex-end;
   color: var(--black);
   margin-right: 5px;
   color: var(--white);
 }
 .price-content .d-price{
   font-size: 18px;
   font-weight: 500;
 }
 .discount {
   display: flex;
   justify-content: flex-end;
   align-items: center;
 }
 .discount > div {
   border-radius: 10px 10px 0 0;
   background-color: var(--white);
   padding: 2px 15px;
   margin-right: 15px;
   color: var(--black-dark);
}
 .bottom-container {
   padding: 16px 10px;
   grid-gap: 5px;
   display: flex;
 }
 .bottom-container > div p{
   color: var(--black);
   font-size: 14px;
   margin-bottom: 0;
 }
.bottom-container > div > svg {
   grid-row: span 2;
   width: 40px;
   height: 40px;
   aspect-ratio: 1;
}
.book-btn {
   width: 80%;
   text-align: center;
   height: 40px;
   background-color: var(--main);
   color: var(--white);
   border-radius: 20px;
   margin: 0 auto;
}
.book-btn p{
   text-decoration: none;
   color: var(--white);
   padding: 8px;
}

.package-button{
   display: flex;
}
.package-button .book-btn {
   width: 40%;
}
.package-button .details-button {
   width: 40%;
   text-align: center;
   height: 40px;
   /* background-color: var(--white); */
   color: var(--main);
   border: 1px solid var(--main);
   border-radius: 20px;
   margin: 0 auto;
}
.package-button .details-button p{
   text-decoration: none;
   color: var(--main);
   padding: 8px;
}
.package-button .book-btn p{
   padding: 8px;
}


/* LAB TEST END */
/* BUTTON HOVER */

/* LAB TEST Section Start */

.lab-test {
   background-color: var(--white);
   padding: 30px 0px;
}
.lab-tittle-box .box-header{
   display: flex;
   width: 94%;
   margin: 0 auto;
   position: relative;
}
.lab-test .book-test-box{
   margin-bottom: 90px;
}
.box-header .dis-off{
   font-size: 14px;
}
.box-header .discount{
   background-color: var(--white);
   color: black;
   margin: 0 20px;
   margin-left: -20px;
   align-items: left;
   text-align: center;
   margin-bottom: 0;
   border-top-left-radius: 15px;
   border-top-right-radius: 15px;
}
.h-button{
   display: flex;
   justify-content: space-around;
}
.h-button .h-btn{
   width: 80%;
   text-align: center;
   height: 40px;
   background-color: var(--main);
   color: var(--white);
   border-radius: 20px;
   margin-bottom: 20px;
}
.h-button .h-btn p{
   padding: 8px;
}
#health-btn a {
   text-decoration: none;
   color: var(--main);
 }
 .h-button .h-btn a {
   text-decoration: none;
   color: var(--white);
 }
.h-button #health-btn{
   background-color: var(--white);
   color: var(--black);
   border: 1px solid var(--main);
}
/* LAB TEST Section End */


/*START FOOTER*/

footer.footer-main{
   background-color: var(--main);
   color: var(--white);
   display: block;
   padding:60px 0px 0px;
   /* position: relative; */
}
footer.footer-main a{
   color: var(--white);
   -webkit-transition: all .5s;
   transition: all .5s;
   text-decoration: none;
   font-family: var(--font-main);
}

 /* footer.footer-main::before {
   content: "";
   z-index: 0;
   display: block;
   position: absolute;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   zoom: 1;
   filter: alpha(opacity=25);
   -webkit-opacity: 0.25;
   -moz-opacity: 0.25;
   opacity: 0.25;
 }  */
/* .footer-content{
   position: relative;
} */

.footer-heading{
   color:var(--white);
   margin-bottom: 20px;
   font-size: 22px;
   font-weight: 600;
}
.footer-social {
   display: flex;
   justify-content: space-between;
   color: var(--main);
}
.footer-social .icon{
   color: var(--main);
   width: 30px;
   height: 30px;
   background-color: white;
   text-align: center;
   border-radius: 15px;
   line-height: 30px;
}
.footer-social .icon:hover{
   background-color: var(--green);
   color: var(--white);
   transition: all 0.5s ease-in;
}
.footer-social a{
   text-align: center;
   margin:0px 5px;
   font-size:21px;
   display: flex;
   align-items: center;
   justify-content: center;
   transition: all 0.3s ease;
}
.footer-main .fa-location-dot{
   margin: 0 10px 0 0;
}
.footer-main ul li{
   line-height: 1.8rem;
   font-size: 16px;
}
.footer-main ul li .fa-phone{
   margin: 0 3px 0 0;
}
.footer-main ul li .icon{
   margin: 0 10px 0 0;
}
.footer-copyright{
   border-top: 2px dashed rgba(255, 255, 255, 0.1);
   display: block;
   display: flex;
   justify-content: space-between;
   position: relative;
   font-size: 16px;
   margin-top:60px;
   padding:30px 0px;
}
.copyright-link {
   display: flex;
   align-items: center;
   justify-content: center;
}
.copyright-link a{
   font-size:16px;
   padding:0px 10px;
   transition: all 0.5s ease-in-out;
}
.copyright-link i{
   font-size: 5px;
   margin-top: 4px;
}
/* .copyright-link a:hover{
   color: var(--main);
} */
/*END FOOTER*/



.about-page{
   padding: 50px 0; 
   }
   .about-page .image img{
      margin: 0 auto!important;
   }
   .about-page .text h2{
      font-size: 28px;
      font-weight: 600;
      color: #29887B;
      margin-bottom: 20px;
   }
   .about-page .text p{
      font-size: 16px;
      text-align: justify;
      margin-bottom: 30px;
   }
   .about-page .content .about-content{
      display: flex;
      justify-content: space-between;
   }
   .about-page .content .icon{
      height: 60px;
      width: 60px;
      background-color: #fff;
      border-radius: 10px;
      margin-right: 20px;
   }
   .about-page .content .icon img{
      margin: 5px auto;
      height: 50px;
      width: 50px;
   }
   .about-page .content .service{
      display: flex;
      margin-bottom: 62px;
   }
   /*END HOME ABOUT SECTION*/
   
   @media only screen and (max-width: 767px) {
       .about-page .content .icon {
           height: 40px;
           width: 40px;
         }
       .about-page .content .icon img {
           margin: 5px auto;
           height: 30px;
           width: 30px;
         }
   }


   /*START APPOINTMENT FORM STYLE*/

.appointment-date select,
.appointment-time select
{
   padding:12px;
   margin:20px 0px;
}
.appointment-date .input-field,
.appointment-time .input-field{
   position: relative;
}

.appointment-date .input-field::before,
.appointment-time .input-field::before
{
   font-family: "Font Awesome 5 Free";
   content: "\f0dd";
   display: inline-block;
   padding-right: 3px;
   vertical-align: middle;
   font-weight: 900;
   position: absolute;
   z-index: 101;
   right:10px;
   top: calc(50% - 12px); 
}
/*END APPOINTMENT FORM STYLE*/


/*START BRANCH MODAL STYLE*/

.branch-item{
   display: flex;
   justify-content: space-around;
}
.branch-item .selected-branch{
   position: relative;
   display: flex;
   justify-content: flex-end;
   flex-direction: column;
   cursor: pointer;
   border-radius: 16px;
   border: 1px solid #e5e5e5;
   border-top-color: rgb(229, 229, 229);
   border-right-color: rgb(229, 229, 229);
   border-bottom-color: rgb(229, 229, 229);
   border-left-color: rgb(229, 229, 229);
   transition: height .45s ease-in-out,border-color .45s ease-in-out,color .45s ease-in-out,box-shadow .45s ease-in-out;
   border-color: #ccf0e4;
   box-shadow: 0 8px 28px -11px rgba(1,179,123,.255);
}
.branch-item  .branch-text{
   display: block;
}

.branch-item  li > button {
   display: flex;
   flex-direction: column;
   align-items: center;
   cursor: pointer;
   border-radius: 16px;
   background: none;
   border: none;
   padding: 15px 0px;
   min-width: 200px;
   position: relative;
   gap: 10px;
   }
   .branch-modal .modal-title{
   text-align: center;
   }
   .branch-modal .modal-header{
   border-bottom: 0px;
   }
   .branch-content{
   padding-bottom: 3.5rem;
   }
   .branch-content h5{
   margin-bottom: 2rem;
   font-weight: 700;
   color:#333;
   }
   .branch-content .branch-text{
   margin-top:10px;
   }
   .branch-item .selected-branch:hover .branch-text{
   color:#29887B;
   }
   .branch-item .selected-branch:hover svg{
   fill:#29887B ;
}
/*END BRANCH MODAL STYLE*/

/* START REVIEW PAGE */

:root {
	--yellow: #FFBD13;
	--blue: #4383FF;
	--blue-d-1: #3278FF;
	--light: #F5F5F5;
	--grey: #AAA;
	--white: #FFF;
	--shadow: 8px 8px 30px rgba(0,0,0,.05);
}
.review-page {
	background: var(--cyan-light);
	display: flex;
	justify-content: center;
	align-items: center;

	padding: 1rem;
}
.review-page .add-review{
   background: var(--main);
	color: var(--white);
   border-radius: 50px;
   /* float: right; */
   margin-top: 50px;
   margin-bottom: 20px;
}
.review-page .review-title{
   font-size: 23px;
   font-weight: 600;
   text-align: center;
}

/* .review-page .pannel{
   padding: 0 0 2.5rem 4rem;
   overflow: hidden;
   display: none;
   border-radius: 20px;
} */
.wrapper {
	background: var(--white);
	padding: 2rem;
	max-width: 576px;
	width: 100%;
	border-radius: .75rem;
	box-shadow: var(--shadow);
	text-align: center;
   margin: 20px auto 50px;
}
.wrapper h3 {
	font-size: 1.5rem;
	font-weight: 600;
	margin-bottom: 1rem;
}
.user-rating {
	display: flex;
	justify-content: center;
	align-items: center;
	grid-gap: .5rem;
	font-size: 2rem;
	color: var(--yellow);
	margin-bottom: 2rem;
   margin-top: 1rem;
}
.user-rating .star {
	cursor: pointer;
}
.user-rating .star.active {
	opacity: 0;
	animation: animate .5s calc(var(--i) * .1s) ease-in-out forwards;
}

/* @keyframes animate {
	0% {
		opacity: 0;
		transform: scale(1);
	}
	50% {
		opacity: 1;
		transform: scale(1.2);
	}
	100% {
		opacity: 1;
		transform: scale(1);
	}
} */


.user-rating .star:hover {
	transform: scale(1.1);
}
form .name-input{
   width: 100%;
   background: var(--light);
   padding: 1rem;
   border-radius: .5rem;
   border: none;
   outline: none;
   resize: none;
   margin-bottom: .5rem;
}
textarea {
	width: 100%;
	background: var(--light);
	padding: 1rem;
	border-radius: .5rem;
	border: none;
	outline: none;
	resize: none;
	margin-bottom: .5rem;
}
.btn-group {
	display: flex;
	grid-gap: .5rem;
	align-items: center;
}
.btn-group .btn {
	padding: .75rem 1rem;
	border-radius: .5rem;
	border: none;
	outline: none;
	cursor: pointer;
	font-size: .875rem;
	font-weight: 500;
}
.btn-group .btn.submit {
	background: var(--main);
	color: var(--white);
}
.btn-group .btn.submit:hover{
	background: var(--green);
}
.btn-group .btn.cancel {
	background: var(--light);
	color: var(--main);
}
.btn-group .btn.cancel:hover{
	background: var(--red);
   color: var(--white);
}

.review-page .review-details{
   font-size: 18px;
   text-align: justify;
   margin: 25px 0;
}

.review-page .review-card{
   background-color: var(--white);
   height: 320px;
   width: 100%;
   border: 1px solid var(--main);
   border-radius: 15px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   box-shadow: 5px 5px 5px #838383;
   margin: 40px auto 40px;
   padding: 10px;
}
.review-page .review-card p{
   font-size: 14px;
   color: var(--black-dark);
   font-family: var(--font-main);
   margin: 10px;
}
.star-rating i{
   font-size: 2rem;
   color: var(--yellow);
}
.review-page .review-card img{
   width:65px;
   height: 65px;
   object-fit: contain;
   border-radius: 100%;
   background-color: #d4e9fa;
   border: 1px solid var(--cyan);
   margin: 2em 2em 0 2em;
}
.review-card .user-rating{
   font-size: 1.5rem;
}
.review-page .review-card .r_user{
   display: flex;
   width: 100%;
   float: left;
}
.review-page .review-card .r_user h4{
   text-align: center;
   align-items: center;
   font-family: var(--font-headers), serif;
   font-weight: 700;
   margin-top: 3em;
   font-size: 16px;
   word-wrap: break-word;
   color: var(--black-dark);
}

/* END REVIEW PAGE */
/* Online Reports Start */
/* .online-report-section {
   padding: 50px 0;
}
.online-report-section h3{
   font-size: 28px;
   text-align: left;
}
.online-report-section p{
   font-size: 18px;
} */

/* Online Reports End */