:root{
    --main-color: #339966;
    --secondary-color: #2e9663;
    --paragraph-text-color: #3c3d3c;
    --heading-text-color: #2e6295;
    --head-color:#336799;
    --back-gd-color: #339966;
    --cta-bg-color: #fe6600;

}

*,*::after,*::before{
    margin: 0;
    padding: 0;
    box-sizing: border-box;    
    text-decoration: none;
    border: none;
    outline: none;
   /*  transition: all .2s linear;   #55f996  #12a7ae  _30_09_2022 */  
}



html{    
    font-size: 62.5%;
}

body{
    background-color: #fff;
    color: #555;
    font-family: 'Lato', 'Arial', sans-serif;
    font-weight: 400;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}


.overflow-y{
    overflow-y: hidden;
}

::selection{
    background-color: blue;
    color: cornsilk;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: #7e7e7e;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
  color: #7e7e7e;
}
input:-moz-placeholder,
textarea:-moz-placeholder {
  color: #7e7e7e;
} 

ul,ol{
    margin: 0;
    padding: 0;
    list-style-type: none;
}

p{
    font-size: 1.3rem;
    line-height: 2rem;
    font-weight: 400;
    font-stretch: ultra-condensed;
    /* font: small-caption; */
    text-align: justify;
    color: #272727;
}

ul.unordered-list {
    padding-left: 2rem;
    list-style:disc outside;
  }
  
  ul.unordered-list li {
    font-size: 1.3rem;
    line-height: 2rem;
    margin-bottom: 1.3rem;
    font-weight: 500;
  }

ul.unordered-list-number{    
    padding-left: 1.3rem;
    list-style: decimal outside;
}  ul.unordered-list-number li {
    padding-left: 1.3rem;
    font-size: 1.3rem;
    line-height: 2rem;
    margin-bottom: 1.3rem;
    font-weight: 800;
    margin: 10px 0;
  } 
  
    ul.unordered-list-number li ul li {
    padding-left: 1.3rem;
    font-size: 1.3rem;
    line-height: 2rem;
    margin-bottom: 1.3rem;
    font-weight: 500;
    margin: 6px 0;
  }


a{
    display: block;
    text-decoration: none;
    color: #333;
    cursor: pointer;
}

button{
    cursor: pointer;
}
img {
    max-width: 100%;
  }

.container{
    max-width: 114rem;
    margin: 0 auto;
    padding: 0 2rem;
}

.bold-heading p{
    font-size: 1.6rem;
    margin-top: 10px;
    margin-bottom: 15px;
    font-weight: 700;
    line-height: 2.5rem;
}

article.founder-heading{
    margin: 10px 0 44px;
    text-align: left;
    /* margin: 0 auto; */
    display: block;
}

article.founder-heading h2{
   font-size: 2.2rem;
   margin-bottom: 26px;
   color: #333333;
}
article.founder-heading h2 span{
    position: relative;
}
article.founder-heading h2 span::before{
    content: "";
    position: absolute;
    display: block;
    width: 2.5rem;
    top: 32px;
    left: 0;
    bottom: 0;
    border-bottom: 7px solid #399b68;
    font-size: 2.2rem;
 }


.wrapper{
    background-color:aquamarine;
    position: relative;
}

section.section{
    position: relative;
    padding: 30px 0;
    margin: 0 auto;
}


.row {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
  }
  
  .col-1 {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
  } 
  .col-2 {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
  }
  .col-3 {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
  }
  .col-4 {
    display: flex;
    flex-direction: column;
    flex-basis: 100%;
  }

  .icon {
    width: 36px;
    height: 36px;
    stroke: currentColor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
  }



  a.abtn{
    position: absolute;
    display: flex;
    color: rgb(3, 3, 3);
    padding: 4px 16px;
    bottom: 7px;
    align-items: center;
    justify-content: space-between;
    left: 0;
    font-weight: 600;
    -webkit-transition: 0.5s ease-in;
      -moz-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
      transition: 0.5s ease-in;
}
a.abtn span i{   
    -webkit-transition: 0.5s ease-in;
      -moz-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
      transition: 0.5s ease-in;
}
a.abtn:hover{  color: #f60; background: #696c6e1a; display: inline-block; }
a.abtn:hover i{  transform: translatex(50%);  }

button.abtn{
    position: absolute;
    display: flex;
    color: rgb(3, 3, 3);
    padding: 4px 16px;
    bottom: 7px;
    align-items: center;
    justify-content: space-between;
    left: 0;
    font-weight: 600;
    -webkit-transition: 0.5s ease-in;
      -moz-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
      transition: 0.5s ease-in;
}
button.abtn span i{   
    -webkit-transition: 0.5s ease-in;
      -moz-transition: 0.5s ease-in;
    -o-transition: 0.5s ease-in;
      transition: 0.5s ease-in;
}
button.abtn:hover{  color: #f60; background: #696c6e1a; display: inline-block; }
button.abtn:hover i{  transform: translatex(50%);  }

/* img{
    max-width: 100%;
    height: auto;
    vertical-align: middle;
    border-style: none;
}  */



.header{
    background-color: rgb(255, 255, 255);
    /* display: flex;
    border: 1px solid black; */
}

.header .header__box{
    display: flex;
    justify-content: space-between;    
    align-items: center;
    /* width: 100%;
    background-color: rgb(6, 14, 14); */
    border-bottom: 3px solid #fbf9e47a;    gap: 10px;
    
    padding: 0 20px 0 0;
}

.header .header__topbox{
    background-color: var(--main-color);
    width: 100%;
    height: 3rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header .header__topbox .header__topbar-left{
   /* display: inline-block;*/
     padding: 0 1.2rem; 
}


/*  .header .header__topbox .header__topbar-left .header__media-icons a:nth-child(4){
    background: #e1306c;
}       
.header .header__topbox .header__topbar-left .header__media-icons a:nth-child(4):hover{
    color: #e1306c;
    background: #fff;   
 }
 */

.header .header__topbar-left a{
    display: inline-block;
    color: #fff;    
    font-size: 1.3rem;
    font-weight: 400;letter-spacing: .09rem;
 }
 .header .header__topbar-left a:last-of-type{
    display: inline-block;
    margin-right: 0rem;
    font-size: 1.3rem;
    font-weight: 400;
 }
 .header .header__topbar-left a:hover{     
    color: #e0dede;    
 }

 .header .header__topbox .header__topbar-right{
    padding: 0 1.2rem;
}

.header .header__topbar-right a{
    display: block;
    color: #ffffff;
    margin-right: 2rem;
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: .09rem;
    background: #5bcba7;
    padding: 6px;
 }
    .header .header__contact{   padding: 20px 40px;  }
    .header .header__contact .header__contactbox1, .header .header__contact .header__contactbox2, .header .header__contact .header__contactbox3{ 
        width: 355px;
    }
    .header .header__contact .header__contactbox1 .header__contactimg table tr td{        
        padding: 20px;
    }
    .locatinimg{
        width: 300px;
        height: 60px;
        padding-right: 29px;
    }

    .locatinimg{
        width: 308px;
        height: 63px;
        padding-right: 19px;
    }

    .header__dropdownform h3{
        position: relative;
        color: #ffffff;
        display: block;
        padding-bottom: 10px;
        font-size: 2rem;
        font-weight: 600;
        line-height: 2rem;
        margin: 2px 0 12px;      
        letter-spacing: .04rem;
    }
    .header__dropdownform h3::before {
        content: "";
        display: block;
        position: absolute;
        left: 0;
        bottom: 0;
        border-bottom: 1px solid white;
        border-bottom-width: unset;
        width:  69px;
    }
    
    .header__dropdownform select{
        width: 100%;
        font-size: 1.5rem;
        color: #3b3838;
        background-color: #ffffff;
        font-weight: 300;
        line-height: 2rem;
        text-align: left;
        outline: none;
        padding: 6px;
    }

    
    .header .header__contact .header__contactbox2 table tr td p, .header .header__contact .header__contactbox3 table tr td p{
        font-size: 1.2rem;
        font-weight: 600;
        letter-spacing: .04rem;
        margin-right: 1rem;
        color: white;
        line-height: 2rem;
    }
    .header .header__contact .header__contactbox2 table tr td span, .header .header__contact .header__contactbox3 table tr td span{
        font-size: 1.3rem;
        font-weight: 400;
        letter-spacing: .04rem;
        margin-right: 1rem;
        color: #000;
        line-height: 2rem;
    }

.down {
        margin-top: 0 !important;
        -webkit-transition: all 0.5s ease 0s;
        -moz-transition: all 0.5s ease 0s;
        -ms-transition: all 0.5s ease 0s;
        -o-transition: all 0.5s ease 0s;
        transition: all 0.5s ease 0s;
}


 .hidehelpline{
    width: 100%;
    height: 190px;
    margin-top: -338px;
    z-index:  1600;
    background-color:  #5bcba7;
    position: absolute;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -ms-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    box-shadow: 0 1px 3px #545454;

 }
 .header .header__contact  .slideup {
    padding: 0.4rem;
    color: white;
    background: black;
    font-size: 1rem;
    cursor: pointer;
    position: absolute;
    right: 50px;
    margin: 6px auto;
}
.header .header__contact  .slideup:hover {
    color: rgb(206, 206, 206);
}


 #helplinedtl.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
       -moz-transform: translate(0px, 0px) scale(1, 1);
          -ms-transform: translate(0px, 0px) scale(1, 1);
           -o-transform: translate(0px, 0px) scale(1, 1);
               transform: translate(0px, 0px) scale(1, 1); 
    opacity: 1;
    z-index: 10006;
    display: block;
}

/*  .header .header__topbar-right a:last-of-type{
    display: inline-block;
    margin-right: 0rem;
    font-size: 1rem;
    font-weight: 400;
 } */

 .header .header__topbar-right a:hover{     
    color: #e0dede;    
 }

.header .header__topbar-right .header__media-icons{        
    display: flex;
 }
 .header .header__topbar-right .header__media-icons a{
    height: 30px;
    width: 30px;    
    margin-right: 0;
    text-align: center;
    line-height: 30px;
    color: #fff;
    font-size: 1rem;
    text-decoration: none;
    transition: all 0.5s ease;    
    padding: 0;
 }

 .header .header__topbar-right .header__media-icons a:nth-child(1){
    background: #4267b2;
}       
.header .header__topbar-right .header__media-icons a:nth-child(1):hover{
    color: #4267b2;
    background: #fff;   
 }

 .header .header__topbar-right .header__media-icons a:nth-child(2){
    background: #1da1f2;
}       
.header .header__topbar-right .header__media-icons a:nth-child(2):hover{
    color: #1da1f2;
    background: #fff;   
 }

 .header .header__topbar-right .header__media-icons a:nth-child(3){
    background: #ff0000;
}       
.header .header__topbar-right .header__media-icons a:nth-child(3):hover{
    color: #ff0000;
    background: #fff;   
 }

.header .header__box .header__logo{
    width: 150px;
    /* line-height: 1.32rem; */
}

.header .header__box .header__main-logo{
    display: block;    
    /* box-shadow: 0 5px 10px rgb(0 0 0 / 20%); */
}

 .header .header__innerbox .header__implink{
    display: flex;
    justify-content: start;
    align-items: center;
    gap: 45px;
}

.header .header__innerbox .header__implink .header__implinkitem{
    display: inline-block;
    margin-right: 20px;    
}
.header .header__innerbox .header__implink .header__implinkitem a{
    display: inline-flex;
    align-items: center;     
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2.5rem;
    color: #3d3d3d;
}
.header .header__box .header__filterbox {
    display: flex;
    justify-content: space-around;
    align-items: center;
    gap: 20px;
}
.header .header__box .header__filterbox .header__search-box
{   
    position: relative;
    display: inherit;
    align-items: center;  
    font-size: 2.1rem;
    font-weight: 600;
    line-height: 2.5rem;

}
a.topsearchbox{
    color: #3d3d3d;
    text-decoration: none;
    padding: 2px 15px;
    font-size: 1.7rem;
    display: inline-flex;
    font-weight: 600;
    line-height: 2rem;
    align-items:inherit;
    -webkit-transition: all .3s ease;
         -moz-transition: all .3s ease;
          -ms-transition: all .3s ease;
           -o-transition: all .3s ease;
                    transition: all .3s ease;
  }
  
/*   a.topsearchbox:hover{
    fill: #fff;
    color: #FFF;    
    background: #ff6906;
    -webkit-transition: all .3s ease;
         -moz-transition: all .3s ease;
          -ms-transition: all .3s ease;
           -o-transition: all .3s ease;
                    transition: all .3s ease;  
  } */
  

  a.appointment-btn{
    display: inline-flex;
    color: #3d3d3d;
    text-decoration: none;
    padding: 2px 15px;
    font-size: 1.7rem;
    font-weight: 600;
    line-height: 2rem;
    align-items: inherit;
    -webkit-transition: all .3s ease;
         -moz-transition: all .3s ease;
          -ms-transition: all .3s ease;
           -o-transition: all .3s ease;
                    transition: all .3s ease;
  }
  /* Search Style */ 
  #search {
      position: fixed;
      top: 0px;
      left: 0px;
      width: 100%;
      height: 100%;
      background-color: rgba(0, 0, 0, 0.7);
      -webkit-transition: all 0.5s ease-in-out;
         -moz-transition: all 0.5s ease-in-out;
          -ms-transition: all 0.5s ease-in-out;
             -o-transition: all 0.5s ease-in-out;
              transition: all 0.5s ease-in-out;
      -webkit-transform: translate(0px, -100%) scale(0, 0);
           -moz-transform: translate(0px, -100%) scale(0, 0);
            -ms-transform: translate(0px, -100%) scale(0, 0);
           -o-transform: translate(0px, -100%) scale(0, 0);
                transform: translate(0px, -100%) scale(0, 0);    
      opacity: 0;
      display: none;
  }
  
  #search.open {
      -webkit-transform: translate(0px, 0px) scale(1, 1);
         -moz-transform: translate(0px, 0px) scale(1, 1);
            -ms-transform: translate(0px, 0px) scale(1, 1);
             -o-transform: translate(0px, 0px) scale(1, 1);
                 transform: translate(0px, 0px) scale(1, 1); 
      opacity: 1;
      z-index: 10006;
      display: block;
  }
  
  #search input[type="search"] {
      position: absolute;
      top: 50%;
      left: 0;
      margin-top: -51px;
      width: 60%;
      margin-left: 20%;
      color: rgb(255, 255, 255);
        background: transparent;
        border-bottom: 2px solid rgba(255, 255, 255, .5);
        border-left: 0px solid transparent;
        border-right: 0px solid transparent;
      font-size: 2rem;
      font-weight: 300;
      text-align: left;
      outline: none;
        padding: 10px;
  }   
 
  #search .searchclose{
    position: fixed;
    background: url(../img/icons/x-circle.svg) no-repeat top left;
    top: 15px;
    right: 15px;
    height: 24px;
    width: 24px;
    opacity: 1;
    font-size: 27px;
    color: #fff;
  }
  
  #search .searchclose:hover{
    fill: #ffffff;
    cursor: pointer;
  } 



/* .searchTerm {
    width: 100%;
    border: 1px solid #3b6c9c;
    border-right: none;
    padding: 5px;
    height: 30px;
    border-radius: 1px 0 0 1px;
    outline: none;
    color: #9DBFAF;
  }

  .searchTerm:focus{
    color: #3b6c9c;
  }
  
  .searchButton {
    width: 40px;
    height: 30px;
    
    border-bottom: 1px #3b6c9c;
    border-bottom-style: solid;
    border-right: 1px #3b6c9c;
    border-right-style: solid;
    border-top: 1px #3b6c9c;
    border-top-style: solid;
    background: #ffffff;
    text-align: center;
    color: #12a7ae;
    border-radius: 0 5px 5px 0;
    cursor: pointer;
    font-size: 20px;
  } */

.header .header__box .header__filterbox .header__language-box
{   
    position: relative;
    display: inherit;
    align-items: center;  
    font-size: 2.1rem;
    font-weight: 600;
    line-height: 2.5rem;

}

.selectTerm{
    width: 100%;
    border: 1px solid #3b6c9c;
    padding: 5px;
    height: 30px;
    border-radius: 1px 0 0 1px;
    outline: none;
    color: #000000;
}

.header .header__navbar{
    margin-right: 20px;
    display: block;
}

.header .header__navbar .header__hmbr{
    color: #12a7ae;
    font-size: 2.5rem;
    position: absolute;
    top: 136px;
    right: 2rem;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 1500;
    display: none;
}
/*  example */
/*
nav {
    &.primary-navigation {
      margin: 0 auto;
      display: block;
    
      padding: 120px 0 0 0;  
      text-align: center;
      font-size: 16px;
  
      ul li {
        list-style: none;
        margin: 0 auto;
        border-left: 2px solid #12a7ae;
        display: inline-block;
        padding: 0 30px;
        position: relative;
        text-decoration: none;
        text-align: center;
        font-family: arvo;
      }
  
      li a {
        color: black;
      }
  
      li a:hover {
        color: #12a7ae;
      }
  
      li:hover {
        cursor: pointer;
      }
  
      ul li ul {
        visibility: hidden;
        opacity: 0;
        position: absolute;
  padding-left: 0;
        left: 0;
        display: none;
        background: white;
      }
  
      ul li:hover > ul,
      ul li ul:hover {
        visibility: visible;
        opacity: 1;
        display: block;
        min-width: 250px;
        text-align: left;
        padding-top: 20px;
        box-shadow: 0px 3px 5px -1px #ccc;
      }
  
      ul li ul li {
        clear: both;
        width: 100%;
        text-align: left;
        margin-bottom: 20px;
        border-style: none;
      }
  
      ul li ul li a:hover {
        padding-left: 10px;
        border-left: 2px solid #12a7ae;
        transition: all 0.3s ease;
      }
    }
  }
  
  a {
  
      text-decoration: none;
  
      &:hover {
          color: #12a7ae;
      }
   
  }
  
   ul li ul li a { transition: all 0.5s ease; }   */
/* main menu start here */

 .header .header__navbar .header__main-menu{
    width: 100%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;    
    justify-content: flex-start;
    align-items: center;
    background: #fff;
    gap: 16px;   
   /*  box-shadow: 0 5px 10px rgb(0 0 0 / 20%); */
 }

 .header .header__navbar .header__main-menu li {
    list-style: none;
    /* margin: 0 12px;  */   
    padding: 20px 0px;
    position: relative;cursor: pointer;
 }

 .header .header__navbar .header__main-menu li ul li{   
    padding: 0px 0px;
 }

 .header .header__navbar .header__main-menu li a{
    display: block;
    position: relative;
    color: #000000;
    font-family: Lato-Bold, Arial, sans-serif;
    font-size: 1.5rem;
    line-height: 16px;
    padding: 0 0;
    text-decoration: none;
 }

 .header .header__navbar .header__main-menu li a .fas{
    font-size: .9rem !important;
}
 .header .header__navbar  .header__main-menu li a:hover{
    color: #12a7ae;
 }
/* 
 .header .header__navbar .header__main-menu li a:hover::before{

 content: '';
 position: absolute;
 border: 1.2rem solid transparent;
 border-bottom-color: #12a7ae;
 bottom: -23px;
 margin: 0 20%;

}
 */



/* .header .header__navbar .header__main-menu li a::before{
    transform: scaleX(1);
  transform-origin: bottom;/*  content: '';
 position: absolute;
 display: block; 
 border: 1.2rem solid transparent;
 border-bottom-color: #eb3007;
 bottom: 0; 
 left: 0;
 height: 2px;
 width: 0%;
 background: #339966;
 border-radius: 12px;
 transition: all 0.4s ease; 
  }

  .header .header__navbar  .header__main-menu li a:hover::before{
    width: 100%;
  } */

  .header .header__navbar .header__hmbr, .header .header__navbar .header__mmc i.fa-times{
        display: none;
    }
   
.header  .header__navbar .header__hmbr .header_hmbr_icon{
    width: 2rem;
    height: .3px;
    background-color: #3b6c9c;
    margin-bottom: .4rem;
}
/* .header .header__navbar  .header__main-menu ul li .header__sub-menu
 */
 .header .header__navbar .header__main-menu li .sub-menu{
      width: 20rem;
      display: none;
      position: absolute;
      /* border-top: 3px solid #3b6c9c; */
      background-color: #ffffff;
      z-index: 100;
      top: 16rem;
      opacity: 0;
      padding-left: 0;
      left: 0;
      visibility: hidden;
      transition: all 650ms ease;
 }
 .header .header__navbar .header__main-menu li:hover > ul,
 .header .header__navbar .header__main-menu li ul:hover{
   visibility: visible;
   opacity: 1;
   display: block;
   min-width: 250px;
   text-align: left;
   padding-top: 8px;
   box-shadow: 0px 3px 5px -1px #ccc;
 }


 .header .header__navbar ul li ul li {
    clear: both;
    width: 100%;
    padding: 8px 0;
    text-align: left;
    margin-bottom: 5px;
    border-style: none;
    border-bottom: 1px solid rgb(238, 238, 238);
  }

  .header .header__navbar ul li:hover >a {
    color:#12a7ae;   
  }

  .header .header__navbar ul li ul li:hover {
    padding-left: 3px;
    /* border-left: 2px solid #12a7ae; */
    transition: all 0.3s ease;    
  }
  .header .header__navbar ul li ul li:hover > a {
    color:#12a7ae;   
  } 
  .header .header__navbar ul li ul li ul li:hover {
    padding-left: 3px;
   /*  border-left: 2px solid #12a7ae; */
    transition: all 0.3s ease;    
  }


  .header .header__navbar ul li ul li { transition: all 0.5s ease; } 

    .header .header__navbar .header__main-menu li .sub-menu .header__submenu-link{
        display: block;        
        font-size: 1.4rem;
        padding: 8px 20px;
        line-height: 1.2rem;
        
    }

/*  .header .header__navbar .header__main-menu li .sub-menu::before{
     content: "";
    position: absolute;
    top: -2.5rem;
    left: 3rem;
    border: 1.2rem solid transparent;
    border-bottom-color: #eb3007;
} */

.header .header__navbar .header__main-menu li .sub-menu .sub-menu::before{
    top: .9rem ;
    left: -2.5rem;
    border: 1.2rem  solid transparent;
    border-right-color: #3b6c9c;
}
.header .header__navbar .header__main-menu li .sub-menu .sub-menu{
    border-top: none;
    /* border-left: 3px solid #3b6c9c; */
    top: 0;
    left: 100%;
}

.header .header__navbar .header__main-menu li:hover > .sub-menu{
   top: 5.3rem;
   opacity: 1;
   visibility: visible;
}



.header .header__navbar .header__main-menu li:last-child:hover > .sub-menu{
    top: 5.3rem;
    opacity: 1;
    visibility: visible;
    left: -150px;
 }

.header .header__navbar .header__main-menu li .sub-menu li:hover > .sub-menu{
    top: 0;
    left: 100%; 
}

.header .header__navbar .header__main-menu li.move-right{
    margin: 0 auto 0 0;
    line-height: initial;
}

/* **** **** Start Hero Section **** **** */

.section-hero{
    background-color: rgb(255, 255, 255);
    margin: 0;
    padding: 0;
}

.banner{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: row;
}
.banner .banner__limg-container{
    align-items: left;
    padding: 1rem;
    background-color: #fff;
}
.banner .banner__rimg-container{
    align-items: right;
    padding: 1rem;
    background-color: #fff;
}

.banner .banner__limg-container .banner__left-img
, .banner .banner__rimg-container .banner__right-img{     
    width: 200px;
    height: 150px;
    background-size: cover;
    border: 1px solid #ffffff;
    border-style: double;
    border-width: thick;
    background-color: #3b6c9c;
  }
  
  .banner .banner__limg-container .banner__left-img > h5,
  .banner .banner__rimg-container .banner__right-img > h5{ 
      text-align: center;
      display: block;
      margin-top: 8px;
      font-size: medium;
      letter-spacing: .04em;
  }
  
  
  .banner .banner__limg-container .banner__left-img img,
  .banner .banner__rimg-container .banner__right-img img{
      max-width: 100%;
  }
  
  .banner .banner__limg-container .banner__left-img:hover,
  .banner .banner__rimg-container .banner__right-img:hover{
      
  }

  .banner__slider-container{
     width: 100%;
  }

  .splide__slide img {
    display: block;
    background-size: contain;
    background-position: center 100%;
    /* border-radius: 20px; */
    width: 100%;
  }

   /*  **** **** start info  Section **** **** */

  .the-founder-card{
    width: 100%;
      display: flex;  
      justify-content: space-between;
      align-items: center;      
      column-gap: 2px;
    }
    .execuitive-card{
        margin: 0 auto;
    }
      
    .single-img{
        display: flex;
        flex-direction: column-reverse;
        flex-wrap: nowrap;
        width: 200px;
        height: 180px;
        box-shadow: 2px 2px 5px rgb(0 0 0 / 15%);
        overflow: hidden;
       /*  transform: translate(0,0);
        transition: 0.3s; */
    }
   
    .single-img:hover{
        /* transform: translate(0, -9px); */
    }
    .img-one{
        background-image: url(../img/execuitive/dr-msg.jpg);
        background-size: cover;
        background-position: center center;
        object-fit: cover;
    }
    .img-two{
        background-image: url(../img/execuitive/cmo1.jpg);
        background-size: cover;
        background-position: center center;
        object-fit: cover;
    }

    .img-text{
        background: #fff;
        padding: 0 10px 5px 10px ;
        width: 100%;
       height: auto; 
       position: relative;
       /* transform: translate(0, 5.5rem); */
       line-height: 24px;
       /* transition: 0.5s ease; */
       display: inline-block;
    }
   
    .img-text p {
        font-size: 1rem;
        margin: 0 0 5px 0;
        font-weight: 600;
        letter-spacing: .02rem;
    }
    .img-text p i{
        padding-right: 20px;
    }
    .img-text h4 {
        font-size: 1.5rem;
        line-height: 1.6rem;
        letter-spacing: .08rem;
        padding: 0;
        margin: 10px 0 2px 0;
    }

    .single-img:hover .img-text {
        /* transform:  translate(0,0); */
    }

    .imggallerycard{
        margin: 0 auto;
    }
    
    .imggallerycard__image{            
        position: relative;
        background-image: url(../img/our-member/photo-gallery-img.PNG);
        background-position: center;
        background-repeat: no-repeat;
        background-origin: border-box;
        background-size: contain;    background-position: top;
        object-fit: cover;
        width: 200px;
        height: 180px;
        background-color: #bbbbbb;
         box-shadow: 2px 2px 5px rgb(0 0 0 / 15%);
    }

    .imggallerycard a .imggallerycard__text{            
        position: absolute;
        display: inline-flex;
        justify-content: start;
        align-items: center;
        width: 100%;
        left: 0;
        bottom: 0;
        font-size: 1.5rem;
        line-height: 1.6rem;
        letter-spacing: .08rem;
        padding: 6px 5px;
        background-color: #ffffff;
    }
    .imggallerycard a .imggallerycard__text svg{ 
        margin: 0 10px 0 5px;
    }

    .vdogallerycard{
        margin: 0 auto;
    }
    
    .vdogallerycard__video{            
        position: relative;
        background-image: url(../img/our-member/video-gallery-img.PNG);
        background-position: center;
        background-repeat: no-repeat;
        background-origin: border-box;
        background-size: contain;    background-position: top;
        object-fit: cover;
        width: 200px;
        height: 180px;
        background-color: #bbbbbb; 
        box-shadow: 2px 2px 5px rgb(0 0 0 / 15%);
    }

    .vdogallerycard a .vdogallerycard__text{            
        position: absolute;
        display: inline-flex;
        justify-content: start;
        align-items: center;
        width: 100%;
        left: 0;
        bottom: 0;
        font-size: 1.5rem;
        line-height: 1.6rem;
        letter-spacing: .08rem;
        padding: 6px 5px;
        background-color: #ffffff;
    }

    .vdogallerycard a .vdogallerycard__text svg{ 
        margin: 0 10px 0 5px;
    }

 



    .socialcard{
        width: 100%;
    }

    .socialcard .socialcard__grid{  
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3,58px);
        column-gap: 2px;
        row-gap: 2px;
    }

    .socialcard .socialcard__grid .socialcard__fb{
        position: relative;
     }
     .socialcard .socialcard__grid .socialcard__tw{
        position: relative;
     }
     .socialcard .socialcard__grid .socialcard__ind{
        position: relative;
     }
     .socialcard .socialcard__grid .socialcard__yt{
        position: relative;
     }
     .socialcard .socialcard__grid .socialcard__insta{
        position: relative;
     }
     .socialcard .socialcard__grid .socialcard__pt{
        position: relative;
     }

     .socialcard .socialcard__grid .socialcard__fb i{
        position: absolute;
        top: 4px;
        left: 5px;
        font-size: 4rem;
        color: #1877f2;
     }

     .socialcard .socialcard__grid .socialcard__fb .count{
        position: absolute;
        right: 23px;
        top: 9px;
        font-size: 1.4rem;
        font-weight: 600;
        color: #181717;
     }
     .socialcard .socialcard__grid .socialcard__fb .soc-text{
        position: absolute;
        right: 17px;
        bottom: 18px;
        font-weight: 600;
        font-size: 1rem;
        color: #343434;
    }

     .socialcard .socialcard__grid .socialcard__tw i{
        position: absolute;
        top: 4px;
        left: 5px;
        font-size: 4rem;
        color: #1da1f2;
     }
     

     .socialcard .socialcard__grid .socialcard__tw .count{
        position: absolute;
        right: 23px;
        top: 9px;
        font-size: 1.4rem;
        font-weight: 600;
        color: #181717;
     }
     .socialcard .socialcard__grid .socialcard__tw .soc-text{
        position: absolute;
        right: 17px;
        bottom: 18px;
        font-weight: 600;
        font-size: 1rem;
        color: #343434;
    }
     .socialcard .socialcard__grid .socialcard__ind i{
        position: absolute;
        top: 4px;
        left: 5px;
        font-size: 4rem;
        color: #0a66c2;
     }
     .socialcard .socialcard__grid .socialcard__ind .count{
        position: absolute;
        right: 23px;
        top: 9px;
        font-size: 1.4rem;
        font-weight: 600;
        color: #181717;
     }
     .socialcard .socialcard__grid .socialcard__ind .soc-text{
        position: absolute;
        right: 17px;
        bottom: 18px;
        font-weight: 600;
        font-size: 1rem;
        color: #343434;
    }
     .socialcard .socialcard__grid .socialcard__yt i{
        position: absolute;
        top: 4px;
        left: 5px;
        font-size: 4rem;
        color: #ff0000;
     }

     .socialcard .socialcard__grid .socialcard__yt .count{
        position: absolute;
        right: 23px;
        top: 9px;
        font-size: 1.4rem;
        font-weight: 600;
        color: #181717;
     }
     .socialcard .socialcard__grid .socialcard__yt .soc-text{
        position: absolute;
        right: 17px;
        bottom: 18px;
        font-weight: 600;
        font-size: 1rem;
        color: #343434;
    }
     .socialcard .socialcard__grid .socialcard__insta i{
        position: absolute;
        top: 4px;
        left: 5px;    border-radius: 4px;
        font-size: 4rem;
        color: #fff;
        background: linear-gradient(45deg, #405de6, #5851db, #833ab4, #c13584, #e1306c, #fd1d1d);
     }
     .socialcard .socialcard__grid .socialcard__insta .count{
        position: absolute;
        right: 23px;
        top: 9px;
        font-size: 1.4rem;
        font-weight: 600;
        color: #181717;
     }
     .socialcard .socialcard__grid .socialcard__insta .soc-text{
        position: absolute;
        right: 17px;
        bottom: 18px;
        font-weight: 600;
        font-size: 1rem;
        color: #343434;
    }
     .socialcard .socialcard__grid .socialcard__pt i{
        position: absolute;
        top: 4px;
        left: 5px;
        font-size: 4rem;
        color: #bd081c;
     }
     .socialcard .socialcard__grid .socialcard__pt .count{
        position: absolute;
        right: 23px;
        top: 9px;
        font-size: 1.4rem;
        font-weight: 600;
        color: #181717;
     }
     .socialcard .socialcard__grid .socialcard__pt .soc-text{
        position: absolute;
        right: 17px;
        bottom: 18px;
        font-weight: 600;
        font-size: 1rem;
        color: #343434;
    }




    .vi-gallery{
        width: 100%;
        margin: 0 auto;        
        display: flex;
        justify-content: center;
        flex-direction: column;
        row-gap: 10px;
    }
    .vi-gallery .video-box{
        position: relative;
        background-image: url(../img/vigallery/video-bg.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-origin: border-box;
        background-size: contain;
        object-fit: cover;
        height: 50%;  
        border-radius: 5px;
        background-color: #bbbbbb; 
    }
    .vi-gallery .image-box{
        position: relative;
        background-image: url(../img/vigallery/images-bg.png);
        background-position: center;
        background-repeat: no-repeat;
        background-origin: border-box;
        background-size: contain;
        object-fit: cover;
        height: 50%; 
        border-radius: 5px;
        background-color: #bbbbbb;      
    }
    .vi-gallery .video-box .video-box__caption{
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;        
        row-gap: 17px;
        border-radius:5px;
    }
    .vi-gallery .video-box .video-box__caption svg, .vi-gallery .video-box .video-box__caption h3{
       color: white;
       font-size: 2.5rem;
    }
    .vi-gallery .image-box .image-box__caption{
        display: flex;
        flex-direction: column;
        justify-content: start;
        align-items: center;        
        row-gap: 17px;
        border-radius: 5px;
    }
    .vi-gallery .image-box .image-box__caption svg ,  .vi-gallery .image-box .image-box__caption h3{
        color: white;
        font-size: 2.5rem;
     }
   /*  **** **** end info Section **** **** */


   /*  **** **** Start departments Section **** **** */
   .department{
    background: #ffffff;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to top, #ffffff, #ffffff);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to top, #ffffff, #ffffff); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    width: 100%;
    
   }

   .limiteChars {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    margin-top: 0;
    margin-bottom: 1rem;
}

     .department__grid{
         display: grid;
         grid-template-columns: repeat(3, 1fr);         
         grid-template-rows: repeat(2, 200px);
         row-gap: 20px;
         column-gap: 20px;
         justify-content: center;
         align-items: center;
         align-content: center;
         justify-items: center;
         width: 100%;
     }

     .department__grid a{         
            width: 100%;
            height: 100%;
        }

     .department__grid a .department__find-doctor{
        position: relative;
            background-image: url(../img/dipartement/find-a-doctor.jpg);        
            background-position: top;
            background-repeat: no-repeat;
            background-size: cover;
            object-fit: cover;
            width: 100%;   height: 100%;
            box-shadow: 2px 2px 5px rgb(0 0 0 / 15%);
     }

    .department__grid a .department__get-appointment{
        position: relative;
        background-image: url(../img/dipartement/get-appointment.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: cover;
        width: 100%;      height: 100%;
        box-shadow: 2px 2px 5px rgb(0 0 0 / 15%);
    }
    
    .department__grid a .department__lab{
        position: relative;
        background-image: url(../img/dipartement/lab.jpg);        
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: cover;
        width: 100%;    height: 100%;
        box-shadow: 2px 2px 5px rgb(0 0 0 / 15%);
    }

    .department__grid a .department__radiology{
        position: relative;
        background-image: url(../img/dipartement/radiology.jpg);        
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: cover;
        width: 100%;     height: 100%;
        box-shadow: 2px 2px 5px rgb(0 0 0 / 15%);
   }
   
   .department__grid a .department__blood-bank{
    position: relative;
        background-image: url(../img/dipartement/blood-bank.jpg);    
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: cover;
        width: 100%;    height: 100%;
        box-shadow: 2px 2px 5px rgb(0 0 0 / 15%);
    }

    .department__grid a .department__eye-bank{
        position: relative;
        background-image: url(../img/dipartement/eye-bank.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: cover;
        width: 100%;    height: 100%;
        box-shadow: 2px 2px 5px rgb(0 0 0 / 15%);
    }

    .department__grid a div span{
        position: absolute;
        display: block;
        bottom: 0;
        left: 0;
        width: 100%;
        color: white;
        padding: 5px 10px;
        background: #3b6c9c;
    }

    .department__grid a div span h3{        
        font-size: 1.8rem;
    } 

    .ourbranches {
        background: #FFEFBA;  /* fallback for old browsers */
background: -webkit-linear-gradient(to top, #FFFFFF, #FFEFBA);  /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(to top, #FFFFFF, #FFEFBA); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

    }

    .ourbranches__grid{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(1, 250px);
        column-gap: 20px;
        row-gap: 20px;
    }

    .ourbranches__grid .ourbranches__ayurveda{
        position: relative;
        background-image: url(../img/our-branches/ayurveda-hospital.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: cover;
        border-radius: 5px;
    }

    .ourbranches__grid .ourbranches__naturopathy{
        position: relative;
        background-image: url(../img/our-branches/naturopathy-hospital.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: cover;
        border-radius: 5px;
    }

    .ourbranches__grid .ourbranches__guidmap{
        position: relative;
        background-image: url(../img/our-branches/GuideMap.jpg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: cover;
        border-radius: 5px;
    }

    .ourbranches__text{
        position: absolute;
        display: block;
        bottom: 0;
        background-color: azure;
        width: 100%;
        padding: 10px;
        text-align: center;
        font-size: 1.6rem;
    }
    
    .newsevetns .newsevetns__grid{
        display: grid;
        grid-template-columns: repeat(3,1fr);
        grid-template-rows: repeat(1, 200px);
        column-gap: 20px;
    }

    .newsevetns .newsevetns__grid .newsevetns__welcome-text{
        margin-left: 1px;
        border: 1px solid #d4cdcd;
        padding: 1px;
    }   
    .newsevetns .newsevetns__grid .newsevetns__welcome-text .newsevetns__text{        
        margin-left: 0px;
    }

    .newsevetns .newsevetns__grid .newsevetns__photographs{
        background-color: #ddf89d;
    }

    .newsevetns .newsevetns__grid .newsevetns__events{
       
        border: 1px solid #d4cdcd;
        padding: 1px;
    }

    .newsevetns .newsevetns__grid .newsevetns__welcome-text h3,
    .newsevetns .newsevetns__grid .newsevetns__events h3
    {
        font-size: 2rem;
        letter-spacing: 0.1rem;
        margin-bottom: 12px;
        padding: 5px 10px;
        color:  white;
        background: var(--main-color);
    }

    .newsevetns .newsevetns__grid .newsevetns__welcome-text span,
    .newsevetns .newsevetns__grid .newsevetns__events span
    {
        font-weight: 700;
        letter-spacing: .09rem;
    }

    .newsevetns .newsevetns__grid .newsevetns__welcome-text p{
        margin: 5px 0 10px 0;
    }


    .newsevetns .newsevetns__grid .newsevetns__events .newsevetns__text .newsevetns__listing
    {
       /*  margin: 5px 0 10px 20px;
        height: 70px; */
    }
    .newsevetns .newsevetns__grid .newsevetns__events .newsevetns__text .newsevetns__listing ul li
    { list-style-type: square;     margin-bottom: 8px; }

    .newsevetns .newsevetns__grid .newsevetns__events .newsevetns__text a
    { margin-left: 10px; }

    .newsevetns .newsevetns__grid .newsevetns__photographs{
        background-image: url(../img/our-branches/greengrash.jpg);        
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        object-fit: cover;
    } 

    .valuecounter {
        background: #78d5e433;
    }
    .valuecounter__grid{
        display: flex;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        column-gap: 20px;
        width: 100%;       
    }

    .valuecounter__grid .valuecounter__counter-box{
        width: 20%;
        height: 100px;
        display: flex;    
        justify-content: flex-start;
        align-items: center;
        gap: 20px;
    }
    .valuecounter__grid .valuecounter__counter-box i{
        font-size: 3.5rem;
    }
    .valuecounter__grid .valuecounter__counter-box .valuecounter__beds-facility span,
    .valuecounter__grid .valuecounter__counter-box .valuecounter__doctors span,
    .valuecounter__grid .valuecounter__counter-box .valuecounter__trained-staff span,
    .valuecounter__grid .valuecounter__counter-box .valuecounter__specialities span
    {
        font-size: 3rem;
        font-weight: 700;    color: #006171;
    }
    .valuecounter__grid .valuecounter__counter-box .valuecounter__beds-facility h3,
    .valuecounter__grid .valuecounter__counter-box .valuecounter__doctors h3,
    .valuecounter__grid .valuecounter__counter-box .valuecounter__trained-staff h3,
    .valuecounter__grid .valuecounter__counter-box .valuecounter__specialities h3
    { font-size: 1.8rem;color: #0d6958; }

    .valuecount::after {
        display: inline-block;
        content: '+';
        left: .5rem;
      }

    .testimonial .testimonial__grid{
        display: grid;
        grid-template-columns: 2fr 1fr 2fr;
        grid-template-rows: repeat(1, 250px);
        column-gap: 13px;
        row-gap: 20px;
    }


    .testimonial  .testimonial__specialities .tab-content {
        padding: 1rem 0 0;
    }

    .testimonial .testimonial__grid .testimonial__specialities{
        position: relative;
        display: flex;
        flex-direction: column;
        min-width: 0;
        word-wrap: break-word;
        background-clip: initial;
        border: none;
        border-radius: 0.25rem;
        box-shadow: 0 5px 15px rgb(57 98 254 / 2%), 0 3px 6px rgb(117 108 254 / 12%);        
        background-color: #fff;
    }
    .testimonial .testimonial__grid .testimonial__specialities .testimonial__body{
        min-height: 1px;
        padding: 1.25rem;
    }
    .testimonial .testimonial__grid .testimonial__specialities .testimonial__body .testimonial__nav {
        display: flex;
        flex-wrap: wrap;
        padding-left: 0;
        margin-bottom: 0;
        list-style: none;
    }

    .nav-tabs-success.nav-tabs {
        border-bottom: 1px solid #04b962;
    }
    .nav-tabs .testimonial__nav-item {
        margin-bottom: -1px;
    }
    .nav-tabs {
        margin: 0 0 25px;
    }
    .nav-tabs-success .testimonial__nav-item.show>.testimonial__nav-link, .nav-tabs-success .testimonial__nav-link.active {
        color: #04b962;
        background-color: initial;
        border-color: #04b962 #04b962 #fff;
        border-bottom: 4px solid #04b962;
    }

    .nav-tabs .testimonial__nav-link {
        color: #4c4c4c;
        font-size: 12px;
        text-align: center;
        letter-spacing: 1px;
        font-weight: 600;
        margin: 0;
        padding: 10px 16px;
        text-transform: uppercase;
        border: 0 solid transparent;
        border-top-left-radius: 0.25rem;
        border-top-right-radius: 0.25rem;
    }
    .testimonial__nav-link {
        display: block;
        padding: 0.5rem 1rem;
    }

    .testimonial__content>.tab-pane{display:none}
    .testimonial__content>.active{display:block}
    .fade:not(.show) { opacity: 0; }
    .fade {transition: opacity .15s linear; }

    .testimonial .testimonial__content{
        height: 150px;margin-bottom: 18px;
    }
    .testimonial .testimonial__content div div a{
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: inherit;
        width: calc(100% / 2);
    }

    
    .testimonial .testimonial__grid .testimonial__video{
        background-color: #ddf89d;
    }

    .testimonial__video .testimonial__video-card .card-image{
        overflow: hidden;
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        -o-transform-style: preserve-3d;
        transform-style: preserve-3d;
    }
    
    
    .testimonial__video .testimonial__video-card{
        margin-top: 0;
        position: relative;
       /*  -webkit-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      -moz-box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
      box-shadow: 4 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12); */
    }
    
    .testimonial__video .testimonial__video-card .card-content {
        padding: 10px;
      
    }
    
    .testimonial__video .testimonial__video-card .card-content .card-title, .card-reveal .card-title{
        font-size: 20px;
        font-weight: 100;
      margin-bottom:10px;
    }
    
    .testimonial__video .testimonial__video-card .card-content .card-title{        
      font-weight: 700;
    }
    .testimonial__video .testimonial__video-card .card-content p{
        
      margin-top:10px;
        overflow: hidden;
        display: -webkit-box;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
    }
    
    .testimonial__video .testimonial__video-card .container .content {
        position: absolute;
        bottom: 0;
        background: rgba(0, 0, 0, 0.5); /* Black background with transparency */
        color: #f1f1f1;
        width: 80%;
        padding: 2px;
        text-align: right;
        margin-left:90px;
        padding-right:15px;
        
    }
    


    /* ***** Start testimonial__gift-card  ******  */

    .testimonial .testimonial__grid .testimonial__gift{
        background-color: #fcdacf;
        width: 100%;
    }

    .testimonial .testimonial__grid .testimonial__gift .testimonial__counter{
        background-color: #fff4ee;
        width: 100%;
        height: 25%;
        display: flex;
        justify-content: space-evenly;;
        align-items: center;
        column-gap: 10px;
        padding: 10px 10px;
    }


    .testimonial .testimonial__gift .testimonial__counter .testimonial__counter-card{
        width: 20%;
        display: flex;
        justify-content: center;
        align-items: center;
        column-gap: 10px;
    }

    .testimonial .testimonial__gift .testimonial__counter .testimonial__counter-card i{
        font-size: 1.5rem;
    }

    .testimonial .testimonial__gift .testimonial__counter .testimonial__counter-card .testimonial__counter-value{
        text-align: center;
    }

    .testimonial .testimonial__gift .testimonial__counter .testimonial__counter-card .testimonial__counter-value span{
        font-size: 1.3rem;
        font-weight: 700;
        color: #ff2929;
    }
    .testimonial .testimonial__gift .testimonial__counter .testimonial__counter-card .testimonial__counter-value h3{
        font-size: 1rem;
        color: #552505;    margin-top: 5px;
    }

    .testimonial .testimonial__grid .testimonial__gift .testimonial__gift-card{
        background-color: #c7cbff;
        width: 100%;
        height: 75%;
    }


    span.result-text {
        position: relative;
        display: inline-block;
    }
  

   /* ***** End  testimonial__gift-card  ******  */

    /* .footer{
        background-color: #1B1B1B;

    }

    .footer .footer__grid{
        display: grid;
        grid-template-columns: repeat(4,1fr);
        grid-template-rows: auto;
        column-gap: 20px;
        row-gap: 20px;
    }

    .footer .footer__grid .footer__quick-menu{
        background-color: #87f1bf24;
    }

    .footer .footer__grid .footer__our-location{
        background-color:#87f1bf24;
    }

    .footer .footer__grid .footer__contact-us{
        background-color: #87f1bf24;
    }    

    .footer .footer__grid .footer__recent-gallery{
        background-color: #87f1bf24;
    }

    .footer .footer__grid .col-setting{
        margin-top: 60px;
    }
    .footer .footer__grid .col-setting h4{
        font-size: 2rem;
        font-weight: 600;
        color: white;
        padding: 10px;
        display: inline-block;
    }
    .footer .footer__grid .col-setting span{
        font-size: 2rem;
        font-weight: 400;
        color: #269471;
    }
    
    .footer .footer__grid .footer__quick-menu .footer__quick-links{
        padding: 10px;
    }
    .footer .footer__grid .footer__quick-menu .footer__quick-links ul{
        padding: 10px;
        border: 1px solid #fff;
        line-height: 11px;
        width: 100%;
    }
    .footer .footer__grid .footer__quick-menu .footer__quick-links ul li{
        
        border-bottom: 1px solid #fff;
        line-height: 11px;
        padding: 12px 20px;
    } */
  

   /*  **** **** End departments Section **** **** */


   /*  **** **** End Hero Section **** **** */

    /*  **** **** Title Component Start **** **** */
        .main-title{ position: relative; margin-bottom: 55px;     display: inline-flex;
            align-items: baseline;}
        .main-title h2{
            font-size: 2.5rem;
            color: #333333;
            line-height: 2rem;
            letter-spacing: 0.02rem;
        }
        .main-title h2 span::before {
            content: "";
            position: absolute;
            display: block;
            width: 2.5rem;
            top: 30px;
            left: 0;
            bottom: 0;
            border-bottom: 7px solid #399b68;
            font-size: 2.2rem;
        }
        .main-title h6{
            font-size: 1rem;
            color: #333333;
            line-height: 1rem;
            letter-spacing: 0.02rem;
            margin-left: 2rem;
        }
        .sub-title h4{
            font-size: 1.9rem;
            color: #444444;
            line-height: 1.9rem;
            letter-spacing: 0.02rem;
            margin-bottom: 2rem;            
        }
       /*  .sub-title h4 span::before {
            content: "";
            position: absolute;
            display: block;
            width: 2.5rem;
            top: 32px;
            left: 0;
            bottom: 0;
            border-bottom: 4px solid #399b68;
            font-size: 2.2rem;
        } */

        .paragraph-text{
            font-size: 1.6rem;
            color: #666666;
            line-height: 2.6rem;
            letter-spacing: 0.05rem;            
            text-align: justify;
            padding-right: 40px;            
            margin-bottom: 20px;
        }

    /*  **** **** Title Component End **** **** */


    /*  **** **** Start Footer Section **** **** */

    footer{
        position: relative;
        background: #f1fff1;
        width: 100%;
        bottom: 0;
        left: 0;
    }

    footer::before{
        content: "";
        position: absolute;
        left: 0;
        top: 170px;
        height: 1px;
        width: 100%;
        background: #396;
    }

    footer .footer__content{
       padding: 30px 40px 40px 40px;
    }
    
    footer .footer__content .footer__top-content{
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 50px;

     }
     footer .footer__content .footer__top-content .footer__logo-details{
        color: #fff;
        font-size: 30px;
     }
     footer .footer__content .footer__top-content .footer__media-icons{
        
        display: flex;

     }
     footer .footer__content .footer__top-content .footer__media-icons a{
   
        height: 30px;
        width: 30px;
        margin: 0 8px;
        text-align: center;
        line-height: 30px;
        color: #fff;
        font-size: 1.7rem;
        text-decoration: none;
        transition: all 0.5s ease;
        
     }

     footer .footer__content .footer__top-content .footer__media-icons a:nth-child(1){
        background: #4267b2;
    }       
     footer .footer__content .footer__top-content .footer__media-icons a:nth-child(1):hover{
        color: #4267b2;
        background: #fff;   
     }

     footer .footer__content .footer__top-content .footer__media-icons a:nth-child(2){
        background: #1da1f2;
    }       
     footer .footer__content .footer__top-content .footer__media-icons a:nth-child(2):hover{
        color: #1da1f2;
        background: #fff;   
     }

    /*  footer .footer__content .footer__top-content .footer__menu-icons a:nth-child(4){
        background: #e1306c;
    }       
     footer .footer__content .footer__top-content .footer__menu-icons a:nth-child(4):hover{
        color: #e1306c;
        background: #fff;   
     }
 */
     footer .footer__content .footer__top-content .footer__media-icons a:nth-child(3){
        background: #ff0000;
    }       
     footer .footer__content .footer__top-content .footer__media-icons a:nth-child(3):hover{
        color: #ff0000;
        background: #fff;   
     }


     footer .footer__content .footer__middel-content{
        width: 100%;
        display: flex;
        justify-content: right;
     }

     footer .footer__content .footer__middel-content .footer__menu{
      width: calc(100% / 3 - 10px);
     }

     footer .footer__content .footer__middel-content .footer__menu .footer__menu-name{
        color: #373636;
        font-size: 18px;
        font-weight: 400;
        margin-bottom: 3rem;
        position: relative;
     }


     footer .footer__content .footer__middel-content .footer__menu  .footer__menu-name::before{
        content: "";
        position: absolute;
        left: 0;
        bottom: -9px;
        height: 5px;
        width: 2.5rem;
        background: #396;
     }

     footer .footer__content .footer__middel-content .footer__menu li{
         margin: 6px 0;
         list-style: none;
     }

     footer .footer__content .footer__middel-content .footer__menu li a{
       color: #000000;
       font-size: 14px;
       font-weight:  400;
       text-decoration: none;
       opacity: .9;
       transition: all 0.4s ease;
       position: relative;
     }

    footer .footer__content .footer__middel-content .footer__menu li a::before{
       content: "";
       position: absolute;
       left: 0;
       bottom: -4px;
       width: 0;
       height: 3px;
       background: #396;
       transition:  all .3s ease-in-out;
    }

    footer .footer__content .footer__middel-content .footer__menu li a:hover::before{
            width: 1.5rem;
    }
    
    footer .footer__content .footer__middel-content .footer__menu .news-letter-form{
        margin-right: 55px;
    }

    
    footer .footer__content .footer__middel-content .news-letter-form input{
        height: 40px;
        width: calc(100% * 55px);
        outline: none;
        border: 2px solid #afafb6;
        background: #140b5c;
        border-radius:  4px;
        padding: 0 15px;
        font-size: 15px;
    }

    footer .footer__content .footer__middel-content .news-letter-form input::placeholder{
        color: #afafb6;        
        font-size: 16px;
     }

     footer .footer__content .footer__middel-content .news-letter-form input[type="button"]{
        background: #fff;
        color: #140b5c;
        border: none;
        font-size: 18px;
        font-weight: 500;
        margin: 4px 0;
        opacity: 0.8;
        cursor: pointer;
        transition: all 0.4 ease;
     }

     footer .footer__content .footer__middel-content .footer__menu .news-letter-form input[type="button"]:hover{
        opacity: 1;
     }


     footer .footer__content .footer__bottom-content{
        width: 100%;
        background: #ffffff00;
        margin-top: 20px;        
     }

     footer .footer__content .footer__bottom-content .footer__bottom-text{
        padding: 20px 40px;
        display: flex;
        justify-content: space-between;
     }
     footer .footer__content .footer__bottom-content .footer__bottom-text  span,
     footer .footer__content .footer__bottom-content .footer__bottom-text  a{
        display: inline-block;
        font-size: 14px;
        font-weight: 500;
        color: #000;
        opacity: 1;
        text-decoration: none;
     }

     footer .footer__content  .footer__bottom-content .footer__bottom-text  a:hover{       
        opacity: 1.5;
        text-decoration: underline;
     }

     footer .footer__content .footer__bottom-content .footer__bottom-text a{       
        margin-right: 10px;
     }







   
    .main-btn-rect{
        position: relative;
        margin: 0;
        font-family: 'Roboto', sans-serif;
        background-color: var(--main-color);
        text-transform: uppercase;
        font-size: 25px;
        letter-spacing: 1px;
        border-radius: 5px;
        outline: none;
        color: white;
        cursor: pointer;
        z-index: 100;
    }
    .main-btn-circle{
        position: relative;
        margin: 0;
        font-family: 'Roboto', sans-serif;          
        /* background-color: rgb(252, 79, 79); */
        text-transform: uppercase;
        font-size: 25px;
        letter-spacing: 1px;	
        outline: none;
        cursor: pointer;
        z-index: 100;
    }

    .main-btn-rect {
        padding: 10px 80px;
        line-height: 30px;
    }
    .main-btn-rect:before, 
    .main-btn-rect:after{
      position: absolute;
      content: '';
      top:0;
      width: 0%;
      height: 100%;
      background-color: rgba(255, 255, 240, 0.2);
      -webkit-transition: width 0.3s;
      -o-transition: width 0.3s;
      transition: width 0.3s;
    }
    .main-btn-rect:before {
      left: 0;
    }
    .main-btn-rect:after {
      right: 0;
    }
    .main-btn-rect:hover:before, 
    .main-btn-rect:hover:after{
      width: 50%;
    }
    .main-btn-rect:active:before, 
    .main-btn-rect:active:after{
        background-color: #399b683a;
    }

    /* 
    .main-btn-circle{
      -webkit-transition: box-shadow 0.3s;
      -o-transition: box-shadow 0.3s;
      transition: box-shadow 0.3s;
    }
    .main-btn-circle:hover{   
        stroke: #5bcba7;    
      -webkit-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
      -moz-box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
      box-shadow: inset 2px 1px 0px 20px rgba(255, 255, 240, 0.2);
    }*/



    .main-btn-circle:hover svg #no{   
        stroke: #0b0e0d; 
    }
    .main-btn-circle:active svg #no{   
        background-color: #399b683a;
    }
    .popup{
      position: fixed;
        top: 100%;
      width: 100%;
      height: 100%;
      z-index: 10001;
      display: none;
    }
   /*  .loadindimg{
        position: absolute;display: block;width: 20px;height: 20px;top: 50%;left: 50%;z-index: 150007;
    } */

    .popup.active{     
      display: block;
      top:0;
      background-color: rgba(0, 0, 0, 0.7);
      /* transition: background-color .6s ,opacity .6s;  */
    }
    .popup .main-btn-rect{
      padding: 10px 100px;
    }
    .popup .popup-content{
      position: relative;
      top: 50%;
      left: 50%;
      border-radius: 6px;
      margin-top: 150px;
      padding: 25px;
      max-width: 500px;
      width: 100%;
      color: #070000;
      background-color: #FFFFF0;
      -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
      box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
      -ms-transform: translateX(-50%) translateY(-50%);
      transform: translateX(-50%) translateY(-50%);
      -webkit-transform: translateX(-50%) translateY(-50%);
      -moz-transform: translateX(-50%) translateY(-50%);
      -o-transform: translateX(-50%) translateY(-50%);
      transition: margin .6s;
      -webkit-transition: margin .6s;
      -moz-transition: margin .6s;
      -o-transition: margin .6s;
    }


    .popup.active .popup-content{
      margin-top: 0px;
    }


    .popup.active .popup-content::after {
        content: '';
        height: auto;
        width: 4px;
        position: absolute;
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        left: 0;
        top: 30px;
        bottom: 30px;
        background-color: #399b68;
      }

    .popup-content h6{
        display: table;
        color: #555;
        font-size: 22px;
        text-align: center;
        margin: 26px auto;
        font-family: 'Roboto',sans-serif;
        text-transform: uppercase;
        font-weight: 600;
    }

    .popup-content h6 .popup-form-heading::before{
        content: "";
        /* position: absolute; */
        display: block;
        width: 2.5rem;
        top: 32px;
        left: 0;
        margin-bottom: -37px;
        border-bottom: 7px solid #399b68;
        font-size: 2.2rem;
    }

    .form-group{
        position: relative;
        width: 90%;
        margin: 0px auto;
    }
    form#appointment-form input, form#appointment-form textarea, form#appointment-form select{
        position: relative;
        margin-bottom: 20px;
        width: 100%;
        height: 29px;
        font-family: 'RobotoLight', sans-serif;
        text-indent: 35px;
      background-color: transparent;
        outline: 0;
        border: none;
        border-bottom: 1px solid #070000;
        -webkit-transition: border 0.6s;
        -o-transition: border 0.6s;
        transition: border 0.6s;
    }
    form#appointment-form textarea{ line-height: 2rem; text-indent: 0px; padding: 0 0 0 37px; margin-bottom: 20px; height: 54px;}
    form#appointment-form input:focus,
    form#appointment-form textarea:focus {
        border-bottom: 1px solid rgb(63, 173, 168);        
    }

    form#appointment-form label{
        position: absolute;
        top: 5px;
        line-height: 10px;
        -webkit-transition: color .5s;
        -o-transition: color .5s;
        transition: color .5s;
    }
    form#appointment-form input:focus + label ,
    form#appointment-form textarea:focus + label 
    {
      color: rgb(63, 173, 168);
    }
    form#appointment-form .form-group span{
        position: absolute;
        font-size: 1.4rem;
        display: inline-flex;
        top: 4px;
        left: 34px;
    }
    form#appointment-form .form-group input[type="tel"]{
        padding-left: 38px;
    }

    form#appointment-form .txt{
        line-height: 22px;
        left: 2px;
    }
    form#appointment-form .main-btn-rect {
        position: relative;
        display: block;
        padding: 4px 45px;
        font-size: 14px;
    }

    form#appointment-form .main-btn-rect i {
        margin-right: 5px;
    }
    .dangerError::placeholder{ color: #e90d0d !important; font-size: .8rem; }
    .dangerError::-webkit-input-placeholder{ color: #e90d0d !important; font-size: .8rem;  }
    .dangerError::-moz-placeholder{ color: #e90d0d !important;  font-size: .8rem; }
     .dangerError:-moz-placeholder { color: #e90d0d !important;  font-size: .8rem; }

    .popup .fade-out{
      position: absolute;
      top: 7px;
      right: 5px;
      text-align: center;
      font-size: 15px;
    }
    .share-wrap{
        position: absolute;
      display: inline-table;
        top: 67%;
        left: 50%;
        transform: translate(-50%, -50%);
      padding: 15px;
      text-align: center;
    }
    .share-btn{
      color: #FFFFF0;
      padding: 7px 25px;
      text-decoration: none;
      cursor: pointer;
      font-weight: 100;
      font-size: 14px;
      font-family:'Lobster', sans-serif;
      background-color: rgba(63, 173, 168, .8);
      text-transform: uppercase;
      border-radius: 5px;
      transition: background-color .5s;
      -webkit-transition: background-color .5s;
      -moz-transition: background-color .5s;
      -o-transition: background-color .5s;
    }
    .share-btn:hover{
      color: #FFFFF0;
      text-decoration: none;
      background-color: rgba(63, 173, 168, 1.0);
    }
    
    .resp-sharing-button__link,
    .resp-sharing-button__icon {
      display: inline-block
    }
    .resp-sharing-button__link {
      text-decoration: none;
      color: #fff;
      margin: 2px;
    }
    .resp-sharing-button {
      border-radius: 5px;
      transition: 25ms ease-out;
      padding: 6px 9px;
      transition: background-color .5s;
      -webkit-transition: background-color .5s;
      -moz-transition: background-color .5s;
      -o-transition: background-color .5s;
    }
    .resp-sharing-button__icon svg {
      width: 1em;
      height: 1em;
      margin-right: 0.4em;
      vertical-align: top
    }
    .resp-sharing-button--small svg {
      margin: 0;
      vertical-align: middle
    }
    .resp-sharing-button__icon,
    .resp-sharing-button__icon--solid,
    .resp-sharing-button__icon--solidcircle {
      fill: #fff;
      stroke: none
    }
    .resp-sharing-button--facebook {
      background-color: #3b5998;
      border-color: #3b5998;
    }
    .resp-sharing-button--facebook:hover,
    .resp-sharing-button--facebook:active {
      background-color: #2d4373;
      border-color: #2d4373;
    }
    .resp-sharing-button--twitter {
      background-color: #55acee;
      border-color: #55acee;
    }
    .resp-sharing-button--twitter:hover,
    .resp-sharing-button--twitter:active {
      background-color: #2795e9;
      border-color: #2795e9;
    }
    .resp-sharing-button--linkedin {
      background-color: #0077b5;
      border-color: #0077b5;
    }
    .resp-sharing-button--linkedin:hover,
    .resp-sharing-button--linkedin:active {
      background-color: #046293;
      border-color: #046293;
    }

    /*  **** **** End Footer Section **** **** */


    /* Start Section Header */

        .section-header{
            padding: 150px 0 60px;
            align-items: center;
            display: block;
            width: 100%;
        }.hero-section_bg {
            z-index: -1;
        }
        .bg-wrap {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            overflow: hidden;height: 230px;
        }
        .hero-section_bg:before {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 70%;
            background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgb(0 0 0 / 54%) 100%);
            z-index: 10;
        }

        .bg {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background-size: cover;
            background-attachment: scroll;
            background-position-y: 62%;
            background-repeat: repeat;
            background-origin: content-box;
        }

        .hero-section_title h2 {
            font-size: 30px;
            text-align: left;
            font-weight: 600;
            color: #fff;
            position: relative;
        }
        .hero-section_title h2:before{
            content: '';
            position: absolute;
            left: 0;
            top: -10px;
            width: 30px;
            height: 2px;
        }
        .fl-wrap {
            display: flex;
            width: fit-content;border-radius: 5px;
            position: relative;
            justify-content: flex-start;
            align-items: center;background: rgba(255,255,255,0.2);
        }

        .breadcrumbs-list a, .breadcrumbs-list span, .breadcrumbs-header_url a, .breadcrumbs-header_url span {
            color: #fff;
            text-align: left;
            margin-right: 14px;
            text-transform: uppercase;
            font-weight: 600;
            font-size: 10px;
            margin: 6px 5px;
            position: relative;padding-left: 14px;
        }
        
        .breadcrumbs-list a:before {
            font-family: Font Awesome\ 5 Pro;
            content: "\f0da";
            position: absolute;
            left: 0;
            top: 2px;
            font-size: 11px;
            transition: all 200ms linear;color: #fe6601;
        }
    /* End Section Header */

   /*  **** ****   Start Doctor Section **** **** */
   /* section-doctor doctor-wrapper our-doctor top  info action  */

   .section-doctor{       
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
   }

   .section-doctor .doctor-wrapper { width: 100%;  }

   .section-doctor .doctor-wrapper .our-doctor {
    box-shadow: 1px 2px 3px rgb(0 0 0 / 2%);
    margin-bottom: 30px;
    padding: 35px 35px 45px;
    border: 2px solid #0000000a;
    display: flex;
    flex-direction: column;
   }


    .section-doctor .doctor-wrapper .our-doctor .doctor-img {
        background-color: #F6F7FB;
        background-position: center;
        background-position-y: 1%;
        background-position-x: 50%;
        /* background-size: cover;*/
        width: 170px;
        height: 170px;
        margin: 0 20px 30px;
        border-radius: 5%;
        display: flex;
        align-items: center;
        justify-content: center;

    }



    .section-doctor  .doctor-wrapper .our-doctor h3 {
        font-size: 2em;
        color: #5769B0;
        margin-bottom: 5px;
    }

    .section-doctor  .doctor-wrapper .our-doctor .title {
        font-size: 16px;
        font-weight: 400;
        line-height: 27px;
        margin-bottom: 5px;
    }
    .section-doctor  .doctor-wrapper .our-doctor .contactno {
        font-size: 16px;
        line-height: 27px;
        font-weight: 700;
        color: #5769B0;
        display: inline-block;
    }

   .section-doctor  .doctor-wrapper .our-doctor .info {
    flex: 1 1 auto;
   }
   

   .section-doctor  .doctor-wrapper .our-doctor .action {
     display: flex;
   /* flex-wrap: wrap;*/
    margin-top: 40px; 
    flex-wrap: nowrap;
   }

   .section-doctor  .doctor-wrapper .our-doctor .action .action-button:first-child
{
    
    width: 322px;
    margin: 0 30px 0 0;
}
.section-doctor  .doctor-wrapper .our-doctor .action .action-button:last-child
{
    width: 230px;
}
   .section-doctor  .doctor-wrapper .our-doctor .action .action-button{
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;border: 1px solid #19a9b1;
    border-radius: 5px;
   }


   .action-button {
    display: inline-block;
    border-radius: 0;
    border: 0;
    padding: 14px 3px;
    background: #f6f7fb;
    color: #19a9b1;
    text-transform: uppercase;
    text-align: center;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: 0.85px;
    transition: color .25s, background .25s;
}

.action-button:focus,.action-button:hover,.action-button:active{background:#19a9b1;border: 1px solid #19a9b1;color:#fff}

   .grey-blue{       
     background: #F6F7FB;
    color: #19a9b1;
   }

   .filter-lable-wrapper{
     display: flex;
     flex-direction: row;
     flex-wrap: wrap;
   }

.filter-label {
    font-size: 1.3rem;
    color: #404040;
    /* width: auto; */
    height: 30px;
    cursor: pointer;
    border: 1px solid #0ea1a8;
    border-style: dotted;
    padding: 5px 8px;
}

.filter-label:focus,.filter-label:hover,.filter-label:active{
    background:#19a9b1;border: 1px solid #19a9b1;color:#fff
}
   /*  **** **** End Doctor Section **** **** */










 
   /*   
    @media all and (max-width: 480px){
 
    }
  @media only screen and (max-width: 768px){
  
    }


  @media only screen and (max-width: 840px){
        .header .header__box .header__logo { width: 150px;  }
        
        .header .header__navbar{ margin-right: 20px;  display: hide; }
        .header .header__navbar .header__main-menu{flex-direction: column; background: #fcbfbf;}
        .header .header__innerbox .header__implink .header__implinkitem a{ font-size: 1.6rem; }        
    }

  @media only screen and (max-width: 960px){

        .header .header__box .header__logo { width: 150px;  }
        
        .header .header__navbar{ margin-right: 20px;  display: hide; }
        .header .header__navbar .header__main-menu{flex-direction: column; background: #fcbfbf;}
        .header .header__innerbox .header__implink .header__implinkitem{ margin-right: 15px; }
        .header .header__innerbox .header__implink .header__implinkitem a{ font-size: 1.8rem; }      
    }
 */
/* 
  @media only screen and (max-width: 992px)
    { 




        .testimonial .testimonial__grid{
            display: grid;
            grid-template-columns: 1fr 1fr 2fr;
            grid-template-rows: repeat(2, 250px);
            column-gap: 13px;
            row-gap: 20px;
        }
    } */

/*   @media only screen and (max-width: 320px)
    {  .testimonial .testimonial__grid{
            grid-template-columns: repeat(2,1fr);
            grid-template-rows: repeat(2, 250px);
        }
        .testimonial .testimonial__gift { grid-column: 1 / span 3;  }
    }
 */


 /* Start News Post   */
 .newspost{
    padding: 2px;
   /*  background: #fcfcfc; */
    display: block;
 } 
 
 .newspost .newspost__wrapper{
    position: relative;
    margin-bottom: 8rem;   background: #fed5b9;
 } 
 
 .newspost .newspost__wrapper::before{
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    bottom: 0;
    left: 0;
    border-bottom: 1px solid #fed5ba;;
    border-bottom-width: 3px;
   
 }

 .newspost  .newspost__wrapper .newspost__title {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    line-height: 2.5rem;  
    width: 100%;
 } 
 .newspost  .newspost__wrapper .newspost__title .newspost__date{
    font-size: 1.5rem;
    font-weight: bold;
    color: #454545;
    letter-spacing: 0.06rem;
    padding: 1.6rem;
    width: 20%;
    display: block;
    background: #d9d2d2;
   /*  border-right: 1px solid #12a7ae; */
    border-width: thin;
 } 
 .newspost .newspost__wrapper .newspost__title .newspost__date i{
    font-size: 1.5rem;
    padding-right: 1rem;    color: #ff6600;
 }

 .newspost .newspost__wrapper .newspost__title h1{    
    width: 80%;
    font-size: 1.7rem;
    font-weight: bold;
    letter-spacing: 0.06rem;
    padding: 1rem 0 1rem 2rem;
    text-transform: uppercase;
 }

 .newspost .newspost__wrapper .newspost__description{
    padding: 37px 18px;
    background: #f8f8f8;
    display: block;
    font-size: small;
    color: #111111;overflow-x:auto;
 }



 .newspost .newspost__wrapper .newspost__description table {
    border-collapse: collapse;
    background-color: #d6d1d1;
    text-align: left;
    text-align: center;
    padding: 2rem;width:100%;border: 1px;padding:5px;
 }
 .newspost .newspost__wrapper .newspost__description table thead th {
      background-color: #eaeaea;
      padding: 1.5rem;
      text-transform: uppercase;
      letter-spacing: 0.1rem;
      font-size: 1.5rem;
      font-weight: 900;
      text-align: center;

}
  
.newspost .newspost__wrapper .newspost__description table tbody tr td {
    padding: 1rem;
      text-align: center;
      border-bottom: 1px solid #c1c1c1;
    }

.newspost .newspost__wrapper .newspost__description table tbody tr:nth-child(even) {
    padding: 2rem;
      background-color:#ebdfdf;
      text-align: center;
    }
  

 /* End News Post   */
 /* Start  Event Post   */


  .eventpost{    padding: 0 20px; }

 .eventpost .eventpost__wrapper{
    margin-bottom: 20px;
    border: 1px solid rgba(0, 0, 0, 0.089);
    padding: 10px;
    box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
  }
  
  .eventpost .eventpost__wrapper:hover {
    box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22);
  }

 .eventpost .eventpost__wrapper .eventpost__img{
   position: relative;
 }

 .eventpost .eventpost__wrapper .eventpost__img .eventpost__img-link {
        display: inline-block;
        padding: 4px;
        margin: 0 0.5rem 1rem 0.5rem;
        background-color: #00000000;
        line-height: 0;
        box-shadow: 0 2px 7px #ff660000, 0 4px 10px #ff660052;
}
.eventpost .eventpost__wrapper .eventpost__img .eventpost__img-link:hover {    
    
}

.eventpost .eventpost__wrapper .eventpost__img .eventpost__img-link--image {
        width: 20rem;
}

.eventpost .eventpost__wrapper .eventpost__description
{   padding: 0 10px;}

.eventpost .eventpost__wrapper .eventpost__description .eventpost__title span h1,
.eventpost .eventpost__wrapper .eventpost__description .eventpost__subtitle span h4
{   margin-bottom: 1rem; }

.eventpost .eventpost__wrapper .eventpost__description .eventpost__start-date,
.eventpost .eventpost__wrapper .eventpost__description .eventpost__end-date
{   font-size: 1rem;
    font-weight: 700;
    margin-top: .5rem; 
}

.eventpost .eventpost__wrapper .eventpost__description .eventpost__about-event
{   font-size: 1.4rem;
    margin-top: 1.5rem; 
}
  /* End  Event Post   */

  /* Start Right side bar widgets */

  
  .rightsidebar {
    padding-top: 0px;
    padding-bottom: 1px;
    position: static;
    transform: none;
    height: auto !important;
    top: 0px;
    left: 818.344px;
 }
 .rightsidebar .sidewidget {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    box-sizing: border-box;
    padding: 20px;
    margin: 0 0 30px;
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 7%);
 }

 .rightsidebar .sidewidget > .widget-title {
    position: relative;
    float: left;
    width: 100%;
    box-sizing: border-box;
    padding: 0 0 10px;
    margin: 0 0 20px;
    border-bottom: 1px solid #ebebeb;
}
.rightsidebar .sidewidget > .widget-title:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -1px;
    width: 70px;
    height: 1px;
    background-color: #3d85c6;
    margin: 0;
}
.rightsidebar .widget-content {
    display: flex;
    width: 100%;
    padding: 0;
    margin: 0 0 15px 0;
}
.rightsidebar .widget-content .content-img {
    display: grid;
    grid-template-columns: repeat(2, 100px);
    grid-template-rows: 50px;
    justify-content: center ;
    align-items: center;
    height: 100px;
}

.img-grid{  width: 100%;  height: 50px; padding: 1px; 
    background-color: #ffffff; 
    border: 2px solid rgba(97, 228, 103, 0);
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 7%);
}

.img-grid:hover {
    border: 2px solid rgb(101, 255, 109);
   /*  width:200px;
    height:200px;
    background-image: url("/public/public/img/icons/magnify.png");
    position:relative;
    top:60px;
    color: black; */
}

.rightsidebar .sidewidget span{
    position: absolute;
    display: block;
    left: 20px;
    bottom: 7px;
}


  /* End Right side bar widgets   */


  /*  Start SSJSH Hospital Photo Gallery */

  .photogallery {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    justify-content: center ;
    align-items: center;
    grid-gap: .4rem;
    height: auto;
}

.tour{  width: 100%;  height: 200px; padding: 1px; 
    background-color: #ffffff; 
    border: 2px solid rgba(97, 228, 103, 0);
    box-shadow: 0 0 4px 0 rgb(0 0 0 / 7%);
}

.tour:hover {
    border: 1px solid #dddddd;
   /*  width:200px;
    height:200px;
    background-image: url("/public/public/img/icons/magnify.png");
    position:relative;
    top:60px;
    color: black; */
}
  /*  End SSJSH Hospital Photo Gallery */
 /*  Start SSJSH Hospital Department */
.leftsidebar{

}
.leftsidebar .leftsidebar__heading{
    padding: 20px 30px;
    color: white;
    background-color: #399b68;
    font-size: 1.6rem;
    font-weight: 600;
}
.leftsidebar .leftsidebar__department{
    padding: 0;
    border: 1px solid #c4c3c3;
}
.leftsidebar .leftsidebar__department .leftsidebar__type{
    border: 0px solid #2c2c2c;
}

.leftsidebar .leftsidebar__department .leftsidebar__type:hover
{
    /* border-left: .2rem solid #399b68; 
    border-left-width: thick;  */
    transition: .2s;
    background-color: #399b68;
}



.leftsidebar .leftsidebar__department .leftsidebar__type a{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    font-size: 1.3rem;
    font-weight: 800;
    column-gap: 1rem; border-top: 1px solid #f7eded;

}

.leftsidebar .leftsidebar__department a .department-icon{ padding: 6px 0 0 20px; }


.leftsidebar .leftsidebar__department .leftsidebar__type a:hover,
.leftsidebar .leftsidebar__department a .department-icon{  
    transition: .2s;
    color: #ffffff;
    stroke: #b3f8d4;
}
.leftsidebar .leftsidebar__department .leftsidebar__type.active {
    border-left-style: hidden;
   /*border-left: .2rem solid #399b68;  border-left-width: thick;  */
}
.leftsidebar .leftsidebar__department .leftsidebar__type.active > a {background-color: #399b68; color: #ffffff; }
.leftsidebar .leftsidebar__department .leftsidebar__type.active > a > span > svg.icon path {    fill:  #ffffff; stroke: #ffffff;}

.departments{
    border: 0px solid #d4d4d4;
    background-color: #f0ebed00;
    height: 100%;
    width: 100%;
    padding: 0 30px;
}
.departments .departments__heading{
    padding: 20px 30px;
    color: white;
    background-color: #399b68;
    font-size: 1.6rem;    text-align: center;
    font-weight: 600;
}
.departments .departments__slider{   display: flex;  justify-content: center; 
   align-items: center;
}

.departments .departments__slider .splide-departments{
     width: 100%;
}

.imgslide{
   /**/  height: 317px;
    width: 100%;
    overflow: hidden; 
  }
  .imgslide img{
    width: 100%;
    height: 100%;
    position: relative;
    object-fit: cover;
    background-size: cover;
    top: 50%;
    -webkit-transform: translateY(-50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
    -ms-transform: translateY(-50%); /* IE 9 */
    transform: translateY(-50%); /* IE 10, Fx 16+, Op 12.1+ */
  }

.departments .departments__description {
    padding: 40px 0;
}

.departments .departments__description .departments__heading {
    margin-bottom: 40px;
}
.departments .departments__description .departments__heading h2{
    font-size: 2.5rem;
    color: #3d3d3d;
    line-height: 2rem;
    letter-spacing: .02rem;
    font-weight: 600;
}
.departments .departments__description .departments__subheading{
    margin-bottom: 15px;
}
.departments .departments__description .departments__subheading h5{
    font-size: 1.5rem;
    color: #3f3e3e;
    line-height: 1.5rem;
    letter-spacing: .02rem;
    font-weight: 600;
    color: #269471;
}
.departments .departments__description p{
    font-size: 1.3rem;
    color: #1c1c1d;
    line-height: 2.5rem;
    text-justify: newspaper;
    -ms-text-justify: auto;
}

.departments .departments__slider .departments__img-container{
    width: 100%; height: 300px;
}

.updTitle{
    text-transform: uppercase;
}

 /*  End SSJSH Hospital Department */
/* Testimonial Start*/
.testimonial-card-details{ width: 96%; }
.testimonial-card {
    display: flex;
    flex-direction: column;   
    box-shadow: 0 3px 7px -1px rgba(0, 0, 0, .1);
    margin-bottom: 1.6%;
    background: #fff;
    line-height: 1.4;
    font-family: sans-serif;
    border-radius: 5px;
    overflow: hidden;
    z-index: 0;border: 1px solid #f3f3f3;
}
.testimonial-card a {
    color: inherit;
}
.testimonial-card a:hover {
    color: #5ad67d;
}
/* .testimonial-card:hover .photo {
    transform: scale(1.3) rotate(3deg);
} */
.testimonial-card .meta {
    position: relative;
    z-index: 0;
    height: 200px;
}
.testimonial-card .photo {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-size: cover;    text-align: center;
    background-position: center;
    transition: transform 0.2s;
}
.testimonial-card .details, .testimonial-card .details ul {
    margin: auto;
    padding: 0;
    list-style: none;
}
.testimonial-card .details {
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    margin: auto;
    transition: left 0.2s;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    padding: 10px;
    width: 100%;
    font-size: 0.9rem;
}
.testimonial-card .details a {
    text-decoration: dotted underline;
}
.testimonial-card .details ul li {
    display: inline-block;
}
.testimonial-card .details .author:before {
    font-family: FontAwesome;
    margin-right: 10px;
    content: "\f007";
}
.testimonial-card .details .date:before {
    font-family: FontAwesome;
    margin-right: 10px;
    content: "\f133";
}
.testimonial-card .details .tags ul:before {
    font-family: FontAwesome;
    content: "\f02b";
    margin-right: 10px;
}
.testimonial-card .details .tags li {
    margin-right: 2px;
}
.testimonial-card .details .tags li:first-child {
    margin-left: -4px;
}
.testimonial-card .description {
    padding: 1rem;
    background: #fff;
    position: relative;
    z-index: 1;
}
.testimonial-card .description h1, .testimonial-card .description h2 {
    font-family: Poppins, sans-serif;
}
.testimonial-card .description h1 {
    line-height: 1;
    margin: 0;
    font-size: 1.7rem;
}
.testimonial-card .description h2 {
    font-size: 1rem;
    font-weight: 300;
    text-transform: uppercase;
    color: #a2a2a2;
    margin-top: 5px;
}
.testimonial-card .description .read-more {
    text-align: left;
    color: #5a5a5a;
    font-weight: bold;
    position: relative;
    margin-top: 20px;
}

.testimonial-card .description .read-more a:after {
    content: "\f061";
    font-family: FontAwesome;
    margin-left: -10px;
    opacity: 0;
    vertical-align: middle;
    transition: margin 0.3s, opacity 0.3s;
}
.testimonial-card .description .read-more a:hover:after {
    margin-left: 5px;
    opacity: 1;
}
.testimonial-card p {
    position: relative;
    margin: 1rem 0 0;
}
.testimonial-card > p {
    font-size: 4rem;
}
.testimonial-card p:first-of-type {
    margin-top: 1.25rem;
}
.testimonial-card p:first-of-type:before {
    content: "";
    position: absolute;
    height: 1px;
    background: #5ad67d;
    width: 35px;
    top: -0.75rem;
    border-radius: 3px;
}
.testimonial-card:hover .details {
    left: 0%;
}
@media (min-width: 640px) {
    .testimonial-card {
        flex-direction: row;
        max-width: 100%;
   }
    .testimonial-card .meta {
        flex-basis: 25%;
       /*  height: auto; */
   }
    .testimonial-card .description {
        flex-basis: 70%;
   }
    .testimonial-card .description:before {
        transform: skewX(0deg);
        content: "";
        background: #fff;
        width: 30px;
        position: absolute;
        left: -10px;
        top: 0;
        bottom: 0;
        z-index: -1;
   }
    .testimonial-card.alt {
        flex-direction: row-reverse;
   }
    .testimonial-card.alt .description:before {
        left: inherit;
        right: -10px;
        transform: skew(3deg);
   }
    .testimonial-card.alt .details {
        padding-left: 25px;
   }
}


/* Testimonial End Here */

/* FAQs  start here*/

.fa-container{
    max-width:600px;
    margin:0 auto;
}
.faq{
    background-color:transparent;
    border: 1px solid #9fa4a8;
    border-radius:10px;
    margin:20px 0;
    padding:30px;
    position:relative;
    overflow:hidden;
    transition: 0.3s ease;
    cursor:default;
    /* cursor: pointer; */
}
.faq.active{
    border: 1px solid #399b68;
    background-color:white;
    box-shadow:O 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
}

/* .faq.active::before, 
.faq.active::after{
    content:"\f075";
    font-family: "Font Awesome 5 Free";
    color:#2ecc71;
    font-size:7rem;
    position:absolute;
    opacity:0.2;
    top:20px;
    left:20px;
    z-index:0;

} */
.faq.active::before{
    color:#3498db;
    top:-10px;
    left:-30px;
    transform: rotateY(180deg);
}

.faq-title{
    font-size:2rem;
    margin:0 35px 0 0;
}
.faq.active .faq-title::after{
    content: '';
    display: block;
    /* top: 20px; */
    /* left: 0;*/ height: 0.01rem;
    width: 1%;  margin-top: 2px;
    background-color: #399b68;
}
.faq-text{
    font-size:1.6rem;
    line-height: 2.5rem;
    color: #212121;
    display:none;
    margin:30px 0 0;
    cursor:default;
}
.faq.active .faq-text{
    display:block;
}
.faq-toggle{
    background-color: transparent;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:16px;
    position: absolute;
    top: 30px;
    right:30px;
    height:30px;
    width:30px;
    border: 1px solid green;
    color: green;
}
.faq-toggle:focus{
outline:0;
}
.faq-toggle .fa-times{
    display: none;
}

.faq.active .faq-toggle .fa-times{
    display: block;
    color:white;
}

.faq.active .faq-toggle .fa-chevron-down{
    display: none;
}
.faq.active .faq-toggle{
    background-color: #ff6a08;
    border: 0px;
}

/* Faqs end here*/

/* Our Team  Start here*/
.team {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}
.team.single-page {
    background: #fff;
}
.team .single-team {
    background: #fff;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    margin-top: 30px;
    text-align: center;
    box-shadow: 0px 0px 10px #00000021;
    border-radius: 5px;
    overflow: hidden;width: 340px;
}
.team .t-head {
    position: relative;
    overflow: hidden;
}

.team .t-head::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    content: "";
    z-index: 2;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.team .t-head img {
    width: 100%;
    position: relative;
}

.team .t-icon a {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 46px;
    line-height: 40px;
    opacity: 0;
    visibility: hidden;
    font-weight: 400;
    text-align: center;
    color: #fff;
    border-radius: 0;
    -webkit-transform: scale(0.6);
    -moz-transform: scale(0.6);
    transform: scale(0.6);
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    z-index: 99;
    margin: -23px 0 0 -75px;
    font-size: 15px;
    background: #2889E4;
    font-size: 13px;
    line-height: 46px;
    padding: 0;
    border-radius: 4px;
}
.team .t-bottom {
    text-align: center;
    position: relative;
    padding: 0 20px;
    padding: 25px 20px;
}
.team .t-bottom span {
    color: #666;
    font-size: 13px;
    display: block;
    margin-bottom: 4px;
}

.team .t-bottom h2 {
    margin-top: 22px;
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 500;
    color: #2C2D3F;
}

/* Our Team  End here*/

/* Current Openings Start here*/
.ssjsh-current-opening{
    display: grid;
    grid-template-columns: 1fr;
    overflow-x:auto;
}
.ssjsh-current-opening .ssjsh-current-opening__styled-table {
    border-collapse: collapse;
    margin: 25px 0;
    font-size: 1.4rem;
    font-family: sans-serif;
    min-width: 400px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}
.ssjsh-current-opening .ssjsh-current-opening__styled-table thead tr {
    background-color: #009879;
    color: #ffffff;
    text-align: left;
}
.ssjsh-current-opening .ssjsh-current-opening__styled-table th,
.ssjsh-current-opening .ssjsh-current-opening__styled-table td {
    padding: 12px 15px;
}
.ssjsh-current-opening .ssjsh-current-opening__styled-table tbody tr {
    border-bottom: 1px solid #dddddd;
}

.ssjsh-current-opening .ssjsh-current-opening__styled-table tbody tr:nth-of-type(even) {
    background-color: #f3f3f3;
}
.ssjsh-current-opening .ssjsh-current-opening__styled-table tbody tr:nth-of-type(odd):hover {
    background-color: #f3f3f3;
}

.ssjsh-current-opening .ssjsh-current-opening__styled-table tbody tr:last-of-type {
    border-bottom: 2px solid #009879;
}
.ssjsh-current-opening .ssjsh-current-opening__styled-table tbody tr.active-row {
    font-weight: bold;
    color: #009879;
}

/* Current Openings here*/




/* Contact us css start here */

.contact-form-wrapper{
    width: 100%;
    background: #fff;
    border-radius: 6px;
    padding: 20px 60px 30px 40px;
    border: 1px solid #dddddd;
  }

.contact-form-wrapper .content{
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .contact-form-wrapper .content .left-side{
    width: 25%;
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 15px;
    position: relative;
  }
  .content .left-side::before{
    content: '';
    position: absolute;
    height: 70%;
    width: 2px;
    right: -15px;
    top: 50%;
    transform: translateY(-50%);
    background: #afafb6;
  }
  .content .left-side .details{
    margin: 1.3rem;
    text-align: center;
  }
  .content .left-side .details i{
    font-size: 30px;
    color: #12a7ae;
    margin-bottom: 10px;
  }
  .content .left-side .details .topic{
    font-size: 2rem;
    font-weight: 500;
  }
  .content .left-side .details .text-one,
  .content .left-side .details .text-two{
    font-size: 1.3rem;
    color: #6e6e6e;
    line-height: 2rem;
  }
  .contact-form-wrapper .content .right-side{
    width: 75%;
    margin-left: 75px;
  }
  .content .right-side .topic-text{
    font-size: 23px;
    font-weight: 600;
    color: #399b68;
  }
  .right-side .input-box{
    height: 50px;
    width: 100%;
    margin: 12px 0;
  }
  .right-side .input-box input,
  .right-side .input-box textarea{
    height: 100%;
    width: 100%;
    border: none;
    outline: none;
    font-size: 16px;
    background: #F0F1F8;
    border-radius: 6px;
    padding: 0 15px;
    resize: none;
  }
  .right-side .message-box{
    min-height: 110px;margin-top: 20px;
  }
  .right-side .input-box textarea{
    padding-top: 6px;
  }
  .right-side .button{
    display: inline-block;
    margin-top: 12px;
  }
  .right-side .button input[type="submit"]{
    color: #fff;
    font-size: 18px;
    outline: none;
    border: none;
    padding: 8px 16px;
    border-radius: 6px;
    background: #12a7ae;
    cursor: pointer;
    transition: all 0.3s ease;
  }
  .button input[type="submit"]:hover{
    background: #12a7ae;
  }
  
  @media (max-width: 950px) {
    .contact-form-wrapper{
      width: 100%;
      padding: 30px 40px 40px 35px ;
    }
    .contact-form-wrapper .content .right-side{
     width: 75%;
     margin-left: 55px;
  }
  }
  @media (max-width: 820px) {
    .contact-form-wrapper{
      margin: 40px 0;
      height: 100%;
    }
    .contact-form-wrapper .content{
      flex-direction: column-reverse;
    }
   .contact-form-wrapper .content .left-side{
     width: 100%;
     flex-direction: row;
     margin-top: 40px;
     justify-content: center;
     flex-wrap: wrap;
   }
   .contact-form-wrapper .content .left-side::before{
     display: none;
   }
   .contact-form-wrapper .content .right-side{
     width: 100%;
     margin-left: 0;
   }
  }
    
/* Contact us css end here */

/* Contact us css end here */

.our-hospitals{
    border: 1px solid #dddddd;
    background-color: white;    
    padding: 30px 20px;
    box-shadow: O 3px 6px rgba(0,0,0,0.1), 0 3px 6px rgba(0,0,0,0.1);
}
.our-hospitals .our-hospitals__title{
    margin-bottom: 20px;
}
.our-hospitals .our-hospitals__title h4{
    font-size: 2rem;
    font-weight: 500;
    line-height: 2rem;
    color: #3f3e3e;
}

.our-hospitals  .our-hospitals__search-form{
     border: 0px solid #399b68;
    background-color: white;  
    padding: 2rem;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
}

.our-hospitals    .our-hospitals__search-form .our-hospitals__style label{
    display: block;     
    font-size: 1.7rem;
    font-weight: 500;
    line-height: 2rem;
    color: #3f3e3e;
    margin-bottom: 20px;
}

.our-hospitals .our-hospitals__search-form .our-hospitals__select{
    width: 100%;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 2rem;
    color: #3f3e3e;
    margin-bottom: 20px;
    padding: 20px;
    background: #f8f8f8;
}

.our-hospitals .our-hospitals__wrapper{
    padding: 2rem;
}

.our-hospitals .our-hospitals__wrapper .our-hospitals__img{
    width: 100%;
    height: auto;
}
.our-hospitals .our-hospitals__wrapper .our-hospitals__img img{
    width: 100%;
    margin-bottom: 30px;
}
.our-hospitals .our-hospitals__wrapper .our-hospitals__address-details{
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-start;
    padding: 15px;
    margin: 10px 0;
    column-gap: 20px;
    row-gap: 20px;
}


.our-hospitals .our-hospitals__wrapper .our-hospitals__address-details .our-hospitals__container{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}

.our-hospitals .our-hospitals__wrapper .our-hospitals__address-details .our-hospitals__container .icons{
    font-size: 1.6rem;
    border: 1px solid #fed7bb;
    padding: 6px 9px;
    border-radius: 50%;
    color: #fe6600;
    background: wheat;
}

.our-hospitals .our-hospitals__wrapper .our-hospitals__address-details .our-hospitals__container .our-hospitals__address{
    display: flex;
    padding: 8px 20px;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;  
     width: 73%;
}


.our-hospitals .our-hospitals__wrapper .our-hospitals__address-details .our-hospitals__container .our-hospitals__address .name{
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 2rem;
    color: #676666;
    width: 30%;
}
.our-hospitals .our-hospitals__wrapper .our-hospitals__address-details .our-hospitals__container .our-hospitals__address .details{
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 2rem;
    color: #676666;
    width: 70%;
}


/* Contact us css end here */



/* Video Gallery Start Here */
.video-gallery{
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  padding: 20px 30px;
}
.video-gallery .video-gallery {
    position: relative;
    height: 0;
    padding-bottom: 75%;
    overflow: hidden;
    border: 1px solid black;
    border-radius: 8px;
}

.video-gallery .video-gallery__wrapper .video-gallery__video {
    height: 300px;
    width: 300px;
    margin: 2rem;
    box-shadow: 0 .5rem 1rem rgba(0,0,0, .5);
    overflow: hidden;
    border-radius: 1rem;
}
.video-gallery .video-gallery__wrapper .video-gallery__video video{
 height : 100%;
 width: 100%;
 object-fit: cover;
 outline: none;
 border: none;
 cursor: pointer;
}

.video-gallery .video-gallery__wrapper .video-gallery__video video:hover{
    transition: .2s linear;
    transform: scale(1);
   }

   .video-gallery .video-gallery__wrapper .video-gallery__video .active{
    position: fixed;
    top: 50%; left: 50%;
    transform: translate(-50%,-50%);
    height: auto;
    width: 80%;
    box-shadow: 0 0 0 100vh rgba(0,0,0,.7);
    z-index: 1;
   }

   .video-gallery .video-gallery__wrapper .video-gallery__video .active:hover{
    transition: none;
    transform: translate(-50%,-50%) scale(1);
   }

   video.is-loading {
    opacity: 0.4;
    pointer-events: none;
    border: 2px solid red;
}

/* Video Gallery End Here */

.btn {
    background: white;
    color: rgb(27, 26, 26);
    font-weight: bold;
    outline: none;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
    overflow: hidden;
    border-radius: 0;
    height: 18px;
    line-height: 18px;
    display: inline-block;
    padding: 0;
    border: none;
}

.btn:focus {
    box-shadow: none;
}

.btn:hover {
    background: rgb(51 103 153);
    color: #fff;
}

.btn.btn--with-icon {
    padding-right: 20px; 
}

.btn.btn--with-icon i {
    padding: 0px 18px 0px 10px;
    height: 18px;
    line-height: 18px;
    vertical-align: bottom;
    color: white;
    background: rgb(51 103 153);
    clip-path:  polygon(0 0, 54% 0, 84% 100%, 0% 100%);
}

.btn.btn--only-icon {
    width: 50px;
}



.img--bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: top center;
    object-position: top center;
    font-family: "object-fit: cover; object-position: top center";
    z-index: -1;
}
.map-class{
    width: 300px;
    height: 150px;
}


p.limiteChar {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
    margin-top: 0;
    margin-bottom: 1rem;line-height: 2rem;    padding: 0 10px;
}
.read-button{
    display: inline-block;
    color: #ff6e0f;
    font-weight: 600; padding-left: 22px; 
}
.read-button:after{
    display: inline-block;
    content: "\2192";
    transform: rotate(360deg);
    font-size: 1.4rem;
    font-weight: 900;
    padding-left: 5px;
}

.view-all-cls{    
display: block;top: 33px;right: 22px;position: absolute;font-weight: 600;
color:  #8be685;
text-decoration: underline;
}

.read-button:hover, .view-all-cls:hover{
    color: #7cf05f;
}

.marquee-container {
    height: 144px;
    overflow: hidden;
}
.marquee {
    width: 100%;
    overflow: hidden;
  /*   border: 1px solid #ccc;
    background: #ccc; */
  }
  .marquee li{
    margin-bottom: 40px;
  }

  .marquee li a{
    margin-left: 10px;
    display: flex;
    justify-content: flex-start;
    align-items: inherit;
  }

  .marquee li a span{
    display: inline-block;
    font-weight: 700;
    letter-spacing: .09rem;
    width: 80%;
  }

  .marquee li a:hover, .marquee li a:hover svg{
    color: #219904;
}


  .heading-box{
    position: relative;    
  }

.heading-box .view-all-cls{    
    font-weight: 600;
    color:  #8be685;
    text-decoration: underline;
    display: block;
    top: 15px;
    right: 15px;
    position: absolute;
}

.text-marquee{
    font-size: 1.3rem;
    font-weight: 500;
    line-height: 2rem;
}



.common-form{
	background:#f1f1f1; width: 96%; padding: 10px 3px;
}
.common-form fieldset{border:0px; padding:0px; margin:0px;}
.common-form p.contact { font-size: 12px; margin:0px 0px 15px 0;line-height: 14px; font-family:Arial, Helvetica;}

.common-form input[type="text"],
.common-form input[type="email"],
.common-form textarea ,.common-form select, 
.common-form input[type="file"],
.common-form .location { width: 60%; }

.common-form label { color: #767676; font-weight:bold;font-size: 14px;font-family:Arial, Helvetica; }
.common-form label.month {width: 135px;}
.common-form input, textarea { background-color: rgba(255, 255, 255, 0.4); border: 3px solid #E0E0E0; padding: 7px; font-family: Arial; color: #4b4b4b; font-size: 14px; -webkit-border-radius: 5px; margin-bottom: 15px; margin-top: -10px; }
.common-form input:focus, textarea:focus { background-color: rgba(255, 255, 255, 1);    transition: border linear 0.2s, box-shadow linear 0.2s; }
.common-form .select-style {
  -webkit-appearance: button;
  -webkit-border-radius: 2px;
  -webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.1);
  -webkit-padding-end: 20px;
  -webkit-padding-start: 2px;
  -webkit-user-select: none;
  background-position: center right;
  background-repeat: no-repeat;
  border: 3px solid #E0E0E0;
  color: #555;
  margin: 0;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;}
.common-form input.buttom{ background: #4b8df9; display: inline-block; padding: 5px 10px 6px; color: #fbf7f7; text-decoration: none; font-weight: bold; line-height: 1; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 1px 3px #999; -webkit-box-shadow: 0 1px 3px #999; box-shadow: 0 1px 3px #999; text-shadow: 0 -1px 1px #222; border: none; position: relative; cursor: pointer; font-size: 14px; font-family:Verdana, Geneva, sans-serif;}
.common-form input.buttom:hover	{ background-color: #2a78f6; }

.error{
    color:red !important;
}


.alert {
    padding: 20px;
    font-size: 1.2rem;
    font-weight: bold;
    border-radius: 5px;
}
  
.alert.success {
    border: 1px solid #91f569;
    color: #4bbb1f;
    background-color: #f2fde0;
}
.alert.danger {
    border: 1px solid #ff9ca0;
    color: #e72525;
    background-color: #ffe3e3;
}
.alert.warning {
    border: 1px solid #ffc36a;
    color: #c08122;
    background-color: #fff9e1;
}
.alert.info {
    border: 1px solid rgb(92, 182, 255);
    color: rgb(26, 115, 187);
    background-color: rgb(228, 248, 255);
}
  
.closebtn {
    margin-left: 15px;
    color: #080808;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
  }
  
.closebtn:hover { color: black; }


.pagination{
    display: inline-flex;
}

.pagination li {
    width: 2rem;
    text-align: center;
    padding: 0.5rem;
    border-radius: 50%;
}
.pagination li.active {
    background: #ff6600;
    color: white;
    font-weight: bold;
}

.pagination ul li a {
    padding-left: 5px;
    padding-right: 5px;
    margin-left: 5px;
    margin-right: 5px;
}
 .pagination li.active a {
    color: white;
    font-weight: bold;
    text-decoration: none;
}


  @media only screen and (max-width: 1200px)
    {   
        .header .header__box .header__logo { width: 170px;  }
        .header .header__navbar{ margin-right: 137px;  display: hide; }
        .header .header__navbar .header__main-menu{
            position: fixed;
            top: 0;
            left: 0;
            height: 100vh;
            width: 300px;
            display: none;
            flex-direction: column;
            flex-wrap: nowrap;
            align-items: initial;
            overflow: hidden;
            overflow-y: scroll;
            background: #12a7ae;
            padding: 20px 30px;
            gap: 0px;
            z-index: 1000;
        }
        .header .header__navbar .header__main-menu > li{            
            line-height: 6rem;   padding: 13px 0px;         
        }
        .header .header__navbar .header__main-menu li a{
            color: #fff;
        }

        .header .header__navbar .header__main-menu li .sub-menu{
            position: initial;
            border: none;
            border-left-color: none;
            margin-left: 1rem;
            max-height: 0;background: #12a7ae;
        }
        .header .header__navbar .header__main-menu li a{
            color: #dbdada; 
        }
        .header .header__navbar .header__main-menu li a:hover{
            color: rgb(124, 131, 236); 
        }
        .header .header__navbar ul li:hover >a {
            color:#dbdada;   
          }
          .header .header__navbar ul li ul li:hover > a {
            color:#dbdada;   
          } 
        
          .header .header__navbar  .header__main-menu li a:hover{
            color: #fff;
         }


       .header .header__navbar .header__main-menu li .sub-menu::before{
            display: none;
        }

        .header .header__navbar .header__main-menu li:hover > .sub-menu{            
            opacity: 1;
            visibility: visible;
            max-height: inherit;
        }

        .header .header__navbar ul li ul li:hover {
            padding-left: 3px;
            border-left: none;
            transition: all 0.3s ease;    
          }
          .header .header__navbar ul li ul li ul li:hover {
            padding-left: 3px;
            border-left: none;
            transition: all 0.3s ease;   
         }     
      
        .header .header__navbar .header__hmbr {
            display: block;
        }
        .header__navbar .header__hmbr i.fa-bars{
            border: 1px solid transparent;
            background: #fff;
            padding: 0 0 10px 10px;
            display: inline-flex;
            justify-content: center;
            align-items: center;
            font-size: 2rem;
            gap: 10px;
            cursor: pointer;
        }
        
        .header .header__navbar .header__mmc i.fa-times{
            display: none;
        }
        .header__navbar.active .header__mmc i.fa-times{
            position: fixed;
            display: block;
            font-size: 2rem;
            color: #fff;
            top: 13px;
            right: -260px;
            height: 30px;
            width: 100%;
            z-index: 15008;
            cursor: pointer;
        }

        .header__navbar.active .header__hmbr i.fa-bars{
            display: none;
        }

        .header__navbar.active .header__main-menu{
            display: flex;
            flex-direction: column; 
        }     

        .header .header__navbar .header__main-menu li:hover > ul, .header .header__navbar .header__main-menu li ul:hover {
            visibility: visible;
            opacity: 1;
            display: block;
            min-width: 250px;
            text-align: left;
            padding-top: 8px;
            box-shadow: none;
        }
        
    }
    @media (min-width: 1060px){
        .section-doctor .doctor-wrapper .our-doctor .top {
            display: flex;
            align-items: center;
            margin-bottom: 30px;
            position: relative;
        }

    }
   
  @media only screen and (max-width: 960px)
    { 
        .header .header__innerbox {
            width: 100%;
        }
        .header .header__box .header__filterbox {
            justify-content: flex-start;
            width: 100%;
        }
        .hidehelpline {
            height: 230px;
            margin-top: -331px;
        }
        .department__grid {
            grid-template-rows: repeat(2, 180px);
            row-gap: 20px; 
            column-gap: 20px;
        }

        .department__find-doctor,.department__get-appointment,
        .department__lab,.department__radiology,
        .department__blood-bank,.department__eye-bank
         { width: 100%; height: 95%;  }

         .newsevetns .newsevetns__grid{
            display: grid;
            grid-template-columns: repeat(2,1fr);
            grid-template-rows: repeat(1, 200px);
            column-gap: 20px;
        }


         .valuecounter__grid { justify-content: space-around; }

        .testimonial .testimonial__grid{
            grid-template-columns: repeat(2,1fr);
            grid-template-rows: repeat(2, 250px);
        }
        .testimonial .testimonial__gift { grid-column: 1 / span 3;  }
        footer .footer__content .footer__middel-content .footer__menu{  width: calc(100% / 4 - 10px); }
       

        .newspost .newspost__wrapper .newspost__title{ flex-wrap: wrap;  width: 100%;} 
        .newspost .newspost__wrapper .newspost__title  .newspost__date{ padding: 2rem; width: 100%; } 
        .newspost .newspost__wrapper .newspost__title h1 { width: 100%; }
        footer .footer__content .footer__middel-content {           
            justify-content: space-between;
            column-gap: 20px;
        }

        .map-class{
            width: 250px;
            height: 150px;
        }
        .eventpost{    padding: 0 20px; }
        .common-form{  width: 96%;}
        .testimonial-card-details{ width: 96%;}
    }



 @media only screen and (min-width: 840px)
    { 
        .col-1 { flex: 1 }        
        .col-2 {  flex: 2 }
        .col-3 {  flex: 3 }
        .col-4 {  flex: 4 }
       
        
    }
  @media only screen and (max-width: 840px)
    { 

        .hidehelpline {
            height: 395px;
            margin-top: -400px;
        }
        .the-founder-card {
            width: 80%;
            column-gap: 10px;
            row-gap: 20px;
            flex-wrap: wrap;
        } 
        .single-img { width: 222px; height: 180px;  }
        .imggallerycard__image{ width: 222px; height: 180px; }
        .vdogallerycard__video{ width: 222px; height: 180px; }

        .department__grid {
            grid-template-rows: repeat(2, 150px);
            row-gap: 20px; 
            column-gap: 20px;
        }

        .department__find-doctor,.department__get-appointment,
        .department__lab,.department__radiology,
        .department__blood-bank,.department__eye-bank
         { width: 100%; height: 85%;  }

        .valuecounter__grid {justify-content: space-around; }

        .testimonial .testimonial__grid{
            grid-template-columns: repeat(2,1fr);
            grid-template-rows: repeat(2, 250px);
        }
        .testimonial .testimonial__gift { grid-column: 1 / span 3;  }

        .header .header__innerbox .header__implink{ gap: 35px; }

        .rightsidebar .widget-content .content-img {           
            grid-template-columns: repeat(2, 1fr);
            grid-template-rows: 1fr 1fr;
        }
        
        .img-grid-1{  width: 100%; height: auto; }
        .img-grid-2{  width: 100%; height: auto; }
        .img-grid-3{  width: 100%; height: auto; }
        .img-grid-4{  width: 100%;  height: auto;}
        
        .departments {
            padding: 30px 10px;
        }
        
        .eventpost{    padding: 0; }
        .common-form{  width: 100%;}
        .testimonial-card-details{ width: 100%;}

        
/* .section-doctor .doctor-wrapper .our-doctor{  padding: 23px 10px 30px; }
.section-doctor .doctor-wrapper .our-doctor .doctor-img{ margin: 0;}
.section-doctor .doctor-wrapper .our-doctor .top{ flex-direction: column; }
.section-doctor .doctor-wrapper .our-doctor .doctor-name{ width: 100%; text-align: center; padding: 20px 5px; }
.section-doctor .doctor-wrapper .our-doctor .title{ text-align: center;}
.section-doctor .doctor-wrapper .our-doctor .action{ display: flex;flex-wrap: nowrap;  margin-top: 0px;}
.section-doctor .doctor-wrapper .our-doctor .action .action-button:first-child{ width: 360px;}
.section-doctor .doctor-wrapper .our-doctor .action .action-button:last-child{width: 280px;} */
    }



    @media (min-width: 768px){        
        .section-doctor .doctor-wrapper .our-doctor {
            width: calc(50% - 15px);
        }
        .section-doctor .doctor-wrapper {
             display: flex;
             flex-wrap: wrap;justify-content: space-between;
        }
    }


  @media screen and (max-width: 768px)
    {          
        form#appointment-form .main-btn-rect {padding: 7px 60px; font-size: 14px;}

        .the-founder-card {
            width: 90%;
            column-gap: 10px;
            row-gap: 20px;
            flex-wrap: wrap;
        } 
        .single-img { width: 222px; height: 180px;  }
        .imggallerycard__image{ width: 222px; height: 180px; }
        .vdogallerycard__video{ width: 222px; height: 180px; }

        .department__grid {
            grid-template-columns: repeat(2, 250px);
            grid-template-rows: repeat(3, 140px);
            row-gap: 20px; 
            column-gap: 20px;
        }
        .department__find-doctor,.department__get-appointment,
        .department__lab,.department__radiology,
        .department__blood-bank,.department__eye-bank
         { width: 100%; height: 100%;  }

         .ourbranches__grid{
            display: grid;
            grid-template-columns: repeat(3,1fr);
            grid-template-rows: repeat(1, 150px);
            column-gap: 20px;
            row-gap: 20px;
        }
        .ourbranches__text{ font-size: 1.2rem; } 

        
        .newsevetns .newsevetns__grid{
            display: grid;
            grid-template-columns: 1fr;
            grid-template-rows: repeat(2, 200px);
            column-gap: 20px;
        }
        .newsevetns .newsevetns__grid .newsevetns__welcome-text, 
        .newsevetns .newsevetns__grid .newsevetns__events{   }
        .newsevetns .newsevetns__grid .newsevetns__events{     margin-top: 10px;  }
        .valuecounter__grid{
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
        }
        .valuecounter__grid .valuecounter__counter-box{
            width: 40%;
        }
        .valuecounter__grid .valuecounter__counter-box i{
            font-size: 3rem;
        }
        .valuecounter__grid .valuecounter__counter-box .valuecounter__beds-facility span,
        .valuecounter__grid .valuecounter__counter-box .valuecounter__doctors span,
        .valuecounter__grid .valuecounter__counter-box .valuecounter__trained-staff span,
        .valuecounter__grid .valuecounter__counter-box .valuecounter__specialities span
        {
            font-size: 3rem;
            font-weight: 600;    color: #006171;
        }
        .valuecounter__grid .valuecounter__counter-box .valuecounter__beds-facility h3,
        .valuecounter__grid .valuecounter__counter-box .valuecounter__doctors h3,
        .valuecounter__grid .valuecounter__counter-box .valuecounter__trained-staff h3,
        .valuecounter__grid .valuecounter__counter-box .valuecounter__specialities h3
        { font-size: 1.4rem;color: #0d6958; }

        .testimonial .testimonial__grid{
            grid-template-columns: repeat(2,1fr);
            grid-template-rows: repeat(2, 250px);
        }
        .nav-tabs .testimonial__nav-link{
            padding: 13px;
        }
        .testimonial .testimonial__gift { grid-column: 1 / span 3;  }
        .header .header__innerbox .header__implink{ gap: 15px; }
        

        footer .footer__content .footer__middel-content .footer__menu{  width: calc(100% / 2);  text-align: left; }
        footer .footer__content .footer__middel-content { flex-wrap: wrap;  row-gap: 20px;   }
        footer .footer__content .footer__middel-content .footer__menu .footer__menu-name::before { left: unset; }

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

        .map-class{
            width: 200px;
            height: 150px;
        }
        
        .common-form{  width: 100%;}
        .testimonial-card-details{ width: 100%;}
        /* .section-doctor .doctor-wrapper{  flex-direction: column;}
        .section-doctor  .doctor-wrapper .our-doctor .doctor-name{  width: calc(100% - 15px);  } */
    }
    @media screen and (max-width: 769px)
    {  
        .the-founder-card {
            width: 90%;
            column-gap: 10px;
            row-gap: 20px;
            flex-wrap: wrap;
        } 
        .single-img { width: 222px; height: 180px;  }
        .imggallerycard__image{ width: 222px; height: 180px; }
        .vdogallerycard__video{ width: 222px; height: 180px; }


        
        .header .header__innerbox .header__implink{ gap: 0px; }
       
  

        .testimonial .testimonial__grid{
            grid-template-columns: repeat(2,1fr);
            grid-template-rows: repeat(2, 250px);
        }
        .testimonial .testimonial__gift { grid-column: 1 / span 3;  }
        footer .footer__content .footer__bottom-content .footer__bottom-text {
            flex-wrap: wrap;
            row-gap: 2rem;
        }
    }
  @media screen and (max-width: 576px)
    { 
        a.appointment-btn,  a.topsearchbox{ font-size: 1rem; padding: 0 0 0 10px;}
        .header .header__contact { margin-left: 0;  }
        .header .header__topbox {
            height: 4rem;
        }
        .header .header__topbox .header__topbar-right {
            flex-direction: row;
            align-items: center;
        }
        .header .header__navbar .header__hmbr{ top: 145px;  }
        .the-founder-card {
            width: 100%;
            row-gap: 30px;
            flex-wrap: wrap;
        } 
        .header .header__innerbox .header__implink .header__implinkitem a { line-height:  1.5rem; font-size: 1rem;}
       
        .single-img { width: 300px; height: 220px;  }
        .imggallerycard__image{ width: 300px; height: 220px;  }
        .vdogallerycard__video{ width: 300px; height: 220px;  }
        

        .department__grid {
            grid-template-columns: repeat(2, 195px);
            grid-template-rows: repeat(3, 143px);
            row-gap: 0px;
            column-gap: 12px;
        }
        .department__find-doctor,.department__get-appointment,
        .department__lab,.department__radiology,
        .department__blood-bank,.department__eye-bank
         { width: 90%; height: 75%;  }
         .department__grid div a span h3 {
            font-size: 1.4rem;
        }

        .newsevetns .newsevetns__grid .newsevetns__welcome-text,
         .newsevetns .newsevetns__grid .newsevetns__events{     }
         .newsevetns .newsevetns__grid .newsevetns__events{    margin-top: 10px;      height: 223px; }
        .valuecounter__grid{
            display: flex;
            flex-wrap: wrap;
            justify-content: space-around;
        }
        .valuecounter__grid .valuecounter__counter-box{
            width: 40%
        }
        .valuecounter__grid .valuecounter__counter-box i{
            font-size: 2.5rem;
        }
        .valuecounter__grid .valuecounter__counter-box .valuecounter__beds-facility span,
        .valuecounter__grid .valuecounter__counter-box .valuecounter__doctors span,
        .valuecounter__grid .valuecounter__counter-box .valuecounter__trained-staff span,
        .valuecounter__grid .valuecounter__counter-box .valuecounter__specialities span
        {
            font-size: 2rem; color: #006171;
        }
        .valuecounter__grid .valuecounter__counter-box .valuecounter__beds-facility h3,
        .valuecounter__grid .valuecounter__counter-box .valuecounter__doctors h3,
        .valuecounter__grid .valuecounter__counter-box .valuecounter__trained-staff h3,
        .valuecounter__grid .valuecounter__counter-box .valuecounter__specialities h3
        { font-size: 1.2rem;color: #0d6958; }

        .ourbranches__grid{
            display: grid;
            grid-template-columns: repeat(1,1fr);
            grid-template-rows: repeat(3, 250px);
            column-gap: 20px;
            row-gap: 20px;
        }

        .testimonial .testimonial__grid{
            grid-template-columns: 1fr;
            grid-template-rows: 250px 250px 250px;
            column-gap: 20px;
            row-gap: 20px;
        }
        
        .testimonial .testimonial__specialities { grid-column: 1 / span 2 ;  }        
        .testimonial .testimonial__video { grid-column: 1 / span 2;  }        
        .testimonial .testimonial__gift { grid-column: 1 / span 2;  }

        .container-fluid {
            padding: 0;
        }
        .header .header__box .header__filterbox {     gap: 2px; }
        
        .header .header__innerbox .header__implink{ gap: 0px; }

        footer .footer__content .footer__middel-content .footer__menu{  width: calc(100% / 2); }
        footer .footer__content .footer__middel-content { flex-wrap: wrap;  row-gap: 20px;   }

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

        .our-hospitals .our-hospitals__wrapper .our-hospitals__address-details{
            justify-content: center;
            align-items: center;
        }
        .our-hospitals .our-hospitals__wrapper .our-hospitals__address-details .our-hospitals__container .our-hospitals__address {
            padding: 22px 20px;
            flex-direction: column;
            justify-content: center;
            align-items: center;   
             row-gap: 10px;
             width: auto;

        }
        .our-hospitals .our-hospitals__wrapper .our-hospitals__address-details .our-hospitals__container {
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }
        .our-hospitals .our-hospitals__wrapper .our-hospitals__address-details .our-hospitals__container .our-hospitals__address .name{
            width: auto;
        }
        .our-hospitals .our-hospitals__wrapper .our-hospitals__address-details .our-hospitals__container .our-hospitals__address .details{
            width: auto;
        }

        .map-class{
            width: 170px;
            height: 150px;
        }

        .common-form{  width: 100%;}
        .testimonial-card-details{ width: 100%;}
.common-form input[type="text"],
.common-form input[type="email"],
.common-form textarea ,.common-form select, 
.common-form input[type="file"],
.common-form .location { width: 100%; }
    }

    @media screen and (max-width: 460px)
    {   
        
       
        .locatinimg{      width: 170px; height: 44px; }
        .header .header__contact .header__contactbox1, .header .header__contact .header__contactbox2, .header .header__contact .header__contactbox3{ 
            width: 275px;
        }
        .header__dropdownform h3{
            color: #ffffff;
            font-size: 2rem;
            font-weight: 500;
            line-height: 1.3rem;
            margin-bottom: 15px;
        }
        
        .header__dropdownform select{
            width: 83%;
            font-size: 1.2rem;
            color: #3b3838;
            background-color: #ffffff;
            font-weight: 300;
            line-height: 1rem;
            text-align: left;
            outline: none;
            padding: 5px;
        }
        .header .header__topbox { height: 4rem; }
        .header .header__topbar-right a { margin-right: 0;  }
        .header .header__topbox .header__topbar-right .header__media-icons {  display: none; }

        .header .header__innerbox .header__implink{  flex-direction: column;   align-items: flex-end; gap: 8px; }
        .header .header__innerbox .header__implink .header__implinkitem {   margin-right: 3px;}
         .header .header__box .header__filterbox {     gap: 2px;  }

        .department__grid {
            grid-template-columns: repeat(1, 253px);
            grid-template-rows: repeat(6, 162px);
            row-gap: 0px; 
            column-gap: 0px;
        }
        .department__find-doctor,.department__get-appointment,
        .department__lab,.department__radiology,
        .department__blood-bank,.department__eye-bank
         { width: 90%; height: 75%;  }
        .department__grid div a span h3 {
            font-size: 1.4rem;
        }
        .read-button{ padding-left: 22px;        }

        .the-founder-card {
            width: 300px;
            height: auto;
            row-gap: 30px;
            flex-direction: column;
        } 
        .single-img{  width: 220px;  height: 175px;  }
        .imggallerycard__image{  width: 220px; height: 175px; }
        .vdogallerycard__video{  width: 220px; height: 175px; }
        .testimonial .testimonial__grid .testimonial__gift .testimonial__counter
        {  width: 100%;   flex-wrap: wrap;  justify-content: space-between; align-items: center; height: 45%;  }

        .testimonial .testimonial__grid .testimonial__gift .testimonial__counter .testimonial__counter-card{
            width:  calc(100% / 2 - 10px);
        }
        .testimonial .testimonial__grid {
            grid-template-rows: 250px 250px 288px;
        }
        .testimonial .testimonial__grid .testimonial__gift .testimonial__gift-card {
            height: 55%;
        }

        footer::before { top: 250px; }
        footer .footer__content .footer__top-content { flex-direction: column; row-gap: 20px;    }
        footer .footer__content .footer__middel-content .footer__menu{  width: 100%;   text-align: left;     margin-left: 39px; }
        footer .footer__content .footer__middel-content {flex-wrap: wrap;   row-gap: 20px;   }

        footer .footer__content .footer__bottom-content .footer__bottom-text span + footer .footer__content .footer__bottom-content .footer__bottom-text span, footer .footer__content .footer__bottom-content .footer__bottom-text span a +  footer .footer__content .footer__bottom-content .footer__bottom-text span a{
            display: block;
            margin-bottom: 10px;
        }
        footer .footer__content .footer__middel-content .footer__menu .footer__menu-name::before { left: 0; }
        li.footer__footer-address span {
            font-size: 1.3rem;padding: 0 0 20px 20px; display: table-cell;
        }

        footer .footer__content .footer__bottom-content .footer__bottom-text span, footer .footer__content .footer__bottom-content .footer__bottom-text a{
            display: block; 
            margin-bottom: 10px;
        }

        .video-gallery{
            padding: 0;
        }
        .video-gallery .video-gallery__wrapper .video-gallery__video{
            width: auto;
        }
        .paragraph-text {
            padding-right: 0px;
        }

        .common-form{  width: 100%;}
        .testimonial-card-details{ width: 100%;}
        .common-form input[type="text"],
.common-form input[type="email"],
.common-form textarea ,.common-form select, 
.common-form input[type="file"],
.common-form .location { width: 100%; }


/* .section-doctor .doctor-wrapper{ flex-direction: column;}
.section-doctor .doctor-wrapper .our-doctor{  padding: 23px 10px 30px; }
.section-doctor .doctor-wrapper .our-doctor .doctor-img{ margin: 0;}
.section-doctor .doctor-wrapper .our-doctor .top{ flex-direction: column; }
.section-doctor .doctor-wrapper .our-doctor .doctor-name{ text-align: center; padding: 20px 5px; }
.section-doctor .doctor-wrapper .our-doctor .title{ text-align: center;}
.section-doctor .doctor-wrapper .our-doctor .action{ display: flex;flex-wrap: nowrap;  margin-top: 0px;}
.section-doctor .doctor-wrapper .our-doctor .action .action-button:first-child{ width: 360px;}
.section-doctor .doctor-wrapper .our-doctor .action .action-button:last-child{width: 280px;} */
  

}