@charset "utf-8";

@font-face {
    font-family: 'Neuzeit Grotesk';
    src: url('../fonts/NeuzeitGro-Bol.eot');
    src: url('../fonts/NeuzeitGro-Bol.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeuzeitGro-Bol.woff2') format('woff2'),
        url('../fonts/NeuzeitGro-Bol.woff') format('woff'),
        url('../fonts/NeuzeitGro-Bol.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neuzeit Grotesk';
    src: url('../fonts/NeuzeitGroCon-Bla.eot');
    src: url('../fonts/NeuzeitGroCon-Bla.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeuzeitGroCon-Bla.woff2') format('woff2'),
        url('../fonts/NeuzeitGroCon-Bla.woff') format('woff'),
        url('../fonts/NeuzeitGroCon-Bla.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neuzeit Grotesk';
    src: url('../fonts/NeuzeitGro-Reg.eot');
    src: url('../fonts/NeuzeitGro-Reg.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeuzeitGro-Reg.woff2') format('woff2'),
        url('../fonts/NeuzeitGro-Reg.woff') format('woff'),
        url('../fonts/NeuzeitGro-Reg.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neuzeit Grotesk';
    src: url('../fonts/NeuzeitGroExt-Bla.eot');
    src: url('../fonts/NeuzeitGroExt-Bla.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeuzeitGroExt-Bla.woff2') format('woff2'),
        url('../fonts/NeuzeitGroExt-Bla.woff') format('woff'),
        url('../fonts/NeuzeitGroExt-Bla.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Neuzeit Grotesk';
    src: url('../fonts/NeuzeitGro-Lig.eot');
    src: url('../fonts/NeuzeitGro-Lig.eot?#iefix') format('embedded-opentype'),
        url('../fonts/NeuzeitGro-Lig.woff2') format('woff2'),
        url('../fonts/NeuzeitGro-Lig.woff') format('woff'),
        url('../fonts/NeuzeitGro-Lig.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}


/*=========== POWERED BY MERIDIAN SOLUTIONS INC ============*/


/*************** DEFAULT CSS ***************/
:root {
    --body-font: 'Neuzeit Grotesk';
    --body-font-Size: 16px;
    --body-color: #5f5f5f;
    --primary-color: #003f82;
    --primary-color2: #313493;
    --secondary-color: #00b059;
    --black: #000;
    --white: #fff;
    --grey: (#ccc);
    --heading-font: 'Butler';   
    
}
body{
    background: #f0f6f9;
    font-family: var(--body-font);
    font-size:var(--body-font-Size);
    font-style: normal;
    line-height: normal;
    font-weight:400;
    color: var(--body-color);
    text-decoration: none;
    margin:0px;
    -webkit-font-smoothing: antialiased;
    padding:0;
    overflow-x: hidden !important
    
}

html{ scroll-behavior: smooth;}
* {
    -webkit-box-sizing: border-box;
    -mox-box-sizing: border-box;
    box-sizing: border-box;
}
::selection {
    background: var(--primary-color); /* Safari */
    color:#fff;
        }
::-moz-selection {
    background: var(--primary-color); /* Firefox */
    color:#fff;
}

a {
    color:var(--primary-color);
    text-decoration: none;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    }
    a:hover {
    color: var(--secondary-color);
    }

p {
    margin:0px 0 30px 0;
    clear:left;
    padding:0;
    font-weight: normal;
    line-height: 23px
    }
h1, h2, h3, h4, h5, h6 {
    margin:0 0 20px 0;
    padding:0;
    font-weight:normal;
    }
    h2{
        font-size: 28px;
        color: #293d84;
        line-height: 40px;
        margin-bottom: 10px
    }
  
hr {
    margin: 30px  0 30px 0;
    height:1px;
    border:0;
    border-top:1px solid #ccc;
    position:relative;
    width: 100%;
}

img{
    border:0;
     -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    
}   
a img {
    border: 0;
    }

/*-----------text styles------------*/
.text-white{
    color:var(--white)!important;
}
.text-black{
    color: #000  !important;
}
.text-blue{
    color: var(--primary-color) !important;
} 
.text-green{
    color: var(--secondary-color) !important;
} 
.red{color: red}
.text-center{ text-align: center; }
.text-justify{ text-align: justify; }
.uppercase{text-transform: uppercase;}
.bold{font-weight: 600;}
/*-----------background styles------------*/
.bg-primary{background-color: var(--primary-color)}
.bg-secondary{background-color: var(--secondary--color)}
.bg-lightblue{background-color: #f0f6f9;}
.bg-white{background-color: var(--white);}
/*************** PRELOADER ***************/
#preloader {
    position: fixed;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color:#fff; /* change if the mask should have another color then white */
    z-index:999999; /* makes sure it stays on top */
}
#status {
    width:100%;
    height:100%;
    position:absolute;
    left:0; /* centers the loading animation horizontally one the screen */
    top:0; /* centers the loading animation vertically one the screen */
    background-image:url(../images/loading.png); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;
    margin:0; /* is width and height divided by two */
}
#status{
/* -webkit-animation: flipInY 1s infinite alternate;
  -moz-animation: flipInY 1s infinite alternate;
  -ms-animation: flipInY 1s infinite alternate;
  -o-animation: flipInY 1s infinite alternate;
  animation: flipInY 1s infinite alternate;*/
    }
/*************** BACK TO TOP ***************/

/*************** COLUMS AND ROWS ***************/
main{
    position:relative;
    }
.row{
    width: 100%;
    display:block;
    padding:0;
}
.row-flex{ 
    width: 100%;
    margin: 0;
    padding: 0;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
}

.justify-center{justify-content: center;}
.align-center{align-items: center;}
.space-between{justify-content: space-between;}
.justify-flex-end{justify-content: flex-end;}
.container{
    width:1300px;
    margin:0 auto;
}
.fullwidth{
    width:100%;
    display:block;
}
.two-col{
    width: 46%;
    margin-right: 8%;
}
.three-col{
    width:30%;
    margin-right:5%;
}
.four-col{
    width:22%;
    margin-right:4%;
}
.last{
    margin-right:0 !important;
}
.clearfix{
    margin:0;
    padding:0;
    display:block;
}

section , footer {
    position: relative;
}
.aside {
    width: 25%;
    margin: 0;
    padding: 0;
}
.summary {
    width: 74%;
    margin: 0;
    padding: 0 0 0 100px;
}

.smd1{
    width:100%
}
.smd2{
    width:50%
}
.smd3{
    width:33.33333333333333%
}
.smd4{
    width:25%
}
.smd5{
    width:20%
}
.smd6{
    width:16.66666666666667%
}
.smd40{
    width:40%
}
.smd60{
    width:60%
}
.smd30{
    width:30%
}
.smd70{
    width:70%
}
.smd75{
    width:75%
}
.smd66{width: 66.66666666%;}


.pd-5{ padding:5px; }
.pd-10{ padding:10px; }

/*************** HOME PAGE CSS ***************/
header{  
width: 100%; 
top:-100px;
 -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
 }
header a{ color: #293d84; }
header a:hover{ color: #edb523; }
.logo{padding: 10px 0 10px 0;}
.logo img{max-width: 250px;}
.header{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header-right{
       display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 16px;
}


.topbar{
    display: flex;
    justify-content: flex-end;
}
.inline {
    display: inline-block;
    padding: 4px 8px;
    line-height: 20px;
    color: #fff;
}
.number{
    position: relative;
    font-size: 16px;
    color: #4b5469;
}
.number i{
    position: absolute;
    top:0;
    width:30px;
    height: 30px;
    background: #edb523;
    border-radius: 100%;
}

.menu-wrap{
     
}
.menu {
    position: relative;
    z-index: 100;
    margin-top: 8px;
}


.slider-wrap {
    width: 100%;
    position: relative;
}
/*.slider-wrap:after {
content: '';
    width: 200px;
    height: 100%;

    position: absolute;
    left: 0px;
    top: 0;
    background: rgb(240, 246, 249);
    background: linear-gradient(90deg, rgba(240, 246, 249, 1) 15%, rgba(255, 255, 255, 0) 100%);
}*/
.link{}

.link a{

    background:transparent;
    color: #1f416c;
    padding: 15px 59px 15px 34px;
    margin: 0;
    position: relative;
    font-size: 16px;
    display: inline-block;
    margin: 10px 0;
    border: 1px solid #1f416c;
}
.white-link a{
    border: 1px solid #fff;
     color: #fff;
}
.link a span {
    position: relative;
    z-index: 2;
}
.link a:hover span {
    color: #fff;
}
.link a:after{
    content: '';
    width: 0;
    height: 100%;
    position: absolute;
    bottom: 0;
    left: 100%;
    z-index: 1;
    background: #06426a;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.link a:before{
content: '';
    width: 44px;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 10px;
    z-index: 2;
    background-image: url(../images/icons/arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.white-link a:before{
   filter: brightness(0) invert(1);}
.link a:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}



.full-wrap{
    padding-left: 18%;
    position: relative;
}

a.appointment-btn{
display: inline-block;
    background-color: var(--primary-color2);
    color: var(--white);
    font-size: 14px;
    margin: 0 5px;
    border-radius: 25px;
    padding: 12px 30px;
    font-weight: 600;

}
a.appointment-btn:hover{
     background-color: var(--secondary-color);
      color: var(--white);
    }
.languages{
     display: inline-block;
      background-color: var(--secondary-color);
      color: var(--white);
      font-size: 11px;
      margin:0 5px;
      padding: 5px 15px;
      border-radius: 25px;
      font-weight: 600;
}
.languages a{
     color: var(--white);
    }
.packages-wrap{

}
.heath-package-single{
    position: relative;
}
.package-title{
    width: 60px;
    height: 100%;
    background-color: rgba(0,, 0, 0, 0.5);
    position: absolute;
    top:0;
    left:0;
    color: #fff;
}
.button-wrap{
    width:auto;
    position: absolute;
    bottom:0;
    right:0;
    z-index:2;
    text-align:right;
    display: flex;
    justify-content: center;
    
}
.bt-green, .bt-blue{}
.bt-green a, .bt-blue a{
    width:auto;
    padding: 14px 20px;
    line-height:60px;
    font-size:16px;
    line-height: 18px;
    display:block;
    color:#fff;
    background-color: var(--secondary-color);
}
.bt-green a:hover, .bt-blue a:hover{
    background-color: var(--black);
}
.bt-blue a{
    background-color: var(--primary-color);
}

/*---------------searchbox--------------*/
.searchbox{
    display: inline-block;
    width: 50%;
    max-width: 650px;
    position: absolute;
    z-index: 10;
    bottom: 69px;
     left: 0; 
    right: 0;
    margin:0 auto;
  
}
.searchbox .widget__form-search {
    position: relative;
    width: 100%;
    max-width: 620px;
}
.searchbox .form-control {
    height: 64px;
    line-height: 50px;
    border: none;
    border: 1px solid #fff;
    background-color: var(--white);
    border-radius: 1px;
    padding: 0 88px 0 37px;
    font-size: 16px;
    border-radius: 50px;
    width: 100%;
    color: #09180f
}
.searchbox button {
    position: absolute;
    top: 15px;
    right: 25px;
    font-weight: normal;
    width: auto;
    font-size: 30px;
    color: #000;
    border: 0;
    background: transparent;
}
.searchbox button:hover{
    color: var(--secondary-color); 
}
.pseudo-container{
    max-width: 1300px;
}

.section-intro{}
.split-bg{
    width: 60%;
    height: 100%;
    background-image:url(../images/icon-shape1.jpg);
    background-repeat: no-repeat;
    background-position: top right;
    background-color: #fff;
   /* background-attachment: fixed;*/

    position: absolute;
    top:0;
    left:0;
    z-index: 0;
}
.heading{
    font-size: 50px;
    line-height: 52px;
    font-weight: bold;
    color: var(--primary-color);
    margin-bottom: 30px;
}
.highlight-text{
    font-size: 18px;
    line-height: 25px;
    color: var(--black);
}
.intro-row{
    position: relative;
}
.intro-left{
    }
.stickybar{
    position: sticky !important;
    top: 120px;
}
.intro-right{
    display: flex;
    flex-wrap: wrap;
}
.packages-wrap{
    width: 50%;
    padding: 0 25px;
}
.packages-wrap:first-child{
    margin-top: 180px;
    }
.heath-package-single{
    position: relative;
    margin-bottom: 30px;
        -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.11);
    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.11);
    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.11);
    -moz-box-shadow: 0px 4px 20px #00000059;
}
.package-title{
    width: 60px;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.50);
    position: absolute;
    top:0;
    left:0;
}
.package-title:after{
    content: '+';
    width: 60px;
    height: 60px;
    font-size: 50px;
    line-height: 50px;
    text-align: center;
    display: flex;
    align-items: flex-end;
justify-content: center;
    font-weight: bold;
    background-color: var(--white);
   color: var(--secondary-color);
    position: absolute;
    bottom: 0;
    left:0;
    z-index: 1;
     -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    }
.heath-package-single:hover .package-title:after{
    height: 100%;
    }
    .heath-package-single:hover h3{
    color: var(--secondary-color)
    }
.package-title .p-title{
padding: 43px 14px 20px 14px;
    letter-spacing: 1px;
    position: absolute;
    bottom: 50px;
    font-weight: 700;
    writing-mode: tb-rl;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* transform: rotate(180deg); */
    white-space: nowrap;
    z-index: 2;
}
.package-title .p-title h3{
    margin-bottom: 0;
    font-size: 24px;
    line-height: 25px;
     color: var(--secondary-color);
    }

.section-patientcare{
    background: url(../images/old.webp) no-repeat 0px 0 ;
    background-color: transparent;
   
    color: var(--white);
    padding: 100px 0 70px ;
    position: relative;
    position: relative;
    z-index: 3;
    background-size: cover;
}
.pcare{position: relative;}
.pcare:after{
    content: '';
    width: 100%;
    height: 200px;
    background: #f0f6f9;
    position: absolute;
    bottom:-70px;
    left:0;
    z-index: 0;
    }
    .section-patientcare .full-wrap{
        position: relative;
         z-index: 2

    }
.patientcare-wrap{
    padding-left: 25px;
    position: relative;
    z-index: 2
}
.p-care-list{
    margin:0;
    padding: 0
}
.p-care-list li{
    margin:0;
    padding: 0;
   
    display: inline-block;
    
    font-size: 18px;

}
.p-care-list li a{
     background:rgba(0, 0, 0, 0.7);
    border:1px solid #fff;border-radius: 50px;
    padding: 12px 20px 12px 44px;
    margin:5px 2px;
     font-size: 18px;
     color: var(--white);
       display: inline-block;
       position: relative;
       text-shadow: 0px 3px 4px #000000d1;
    }
.p-care-list li a:hover{
     background:var(--primary-color);
}
.p-care-list li a img{
    position: absolute;
    top:7px; left: 10px;
}

.section-doctors{}
.doctor-single{}
.doctor-single .hover-effect{
    border-bottom: 1px solid var(--black);
}
.doctor-single .desc{
padding: 25px 0px 10px 0px;
text-align: center;
}
.doctor-single .desc h3{
    color: var(--primary-color);
    font-size: 18px;
    line-height: 20px;
    margin-bottom: 10px;
}
.doctor-single .desc p{
    color: var(--black);
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 0;
}

.textimonial-wrap{
    position: relative;
}
.testimonial-box{
    position: absolute;
    top:116px;
    left:0;
    width:50%;
   
    z-index: 2;
}
.whitebox{
  padding:70px 60px 30px 60px;
    background: var(--white);   
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.11);
    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.11);
    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.11);
    -moz-box-shadow: 0px 4px 20px #00000059;
}
.testimonial-single{
    padding: 0 20px 0 60px;
    background: url(../images/icons/quotes.png) no-repeat 0 25px;
    font-size: 18px;
}
.testimonial-single p{
     font-size: 18px;
     line-height: 30px;
     color: var(--black);

    }
p.name{
    padding: 10px 0;
    font-size: 14px;
    color: var(--primary-color);
    border-top:1px solid #ccc;
    margin-bottom: 0;
}

.section-homecare{}
.split-bg3{
    width: 65%;
    height: 100%;
    background: url(../images/bg3.webp) no-repeat top right;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    background-size: cover;
}
.align-flex-end{
    align-items: flex-end;
}
.homecare-box{
    position: relative;
    z-index: 2;
    bottom: -100px;
   /* margin-bottom: 50px;*/
}

.img.full-width{max-width: 100%;}
.hospital-box{position: relative;}
.hospital-box-content{
    background-color: rgba(0, 63, 130, 0.7);
    color: var(--white);
    position: absolute;
    top:0;
    right:0;
    height: 100%;
    padding: 46px;
        display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
h3{
    font-size: 30px;
    line-height: 40px;
    margin-bottom: 20px;
    font-weight: bold;
}
p.vision{
    padding: 10px 0;
    border-top:2px solid #fff;
    border-bottom:2px solid #fff;
    font-size: 26px;
    line-height: 26px;
    margin-bottom: 0;

}

/*------*/

.counter-wrap{
   
}
.data-progress {
    padding: 0px;
    margin-left: 0px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.data-progress li {
    list-style: none;
    width: 24%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    padding:20px 0px 20px 0px;
    
}
.data-progress li h2 {
    font-weight: 700;
    color:var(--primary-color);
    font-size: 50px;
    margin-bottom: 0;
    line-height: 50px;
}

.data-progress li h2 span {
  /*  font-size: 58px;
    color: #000;*/
}

.data-progress p {
   
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 0px;
    color: #5f5f5f;
    position: relative;
}

.news-single{

}
.news-cont{
    padding: 30px 0 0 0;
}
.news-cont h3{
    font-size: 20px;
    line-height: 22px;
    color: var(--primary-color);
    margin-bottom: 10px;
}

.owl-demo4 .owl-item:nth-child(even){
    margin-top: 60px;
}
.downloadbtns a img:hover{
opacity: 0.7;
}

footer{

}
.footer-left{
    background:url(../images/greenbg.jpg) no-repeat top right  #40c483;
    padding: 50px 50px 50px 0px;
    position: relative;
}
.footer-left:before{
    content: '';
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    left:-100%;
    background: #40c483;
}
.font24{
    font-size: 24px;
    line-height: 25px;
}
.footer{background: url(../images/footerbg.png)repeat-x top center;}
.footer1{
   background-color:  var(--primary-color);
}
.footer1 .copy{
    width:100%;
     text-align: center;
     justify-content: center;
}
.footer1 .copy p{
   padding-left:30px;
   padding-right: 30px;
   text-align: center;
   color: var(--white);
}
.footer-right{
    margin-top: 120px;
    color: var(--white);
    background-color: var(--primary-color);
    position: relative;
}
.footer-right:after{
    content: '';
    width:100%;
    height:100%;
    position: absolute;
    top:0;
    right:-100%;

    background-color: var(--primary-color);
}
.shape{
    position: absolute;
    top:0;
    left:0;

}
.shape2{
    
    top:-50px;
    left:auto;
    right:0;

}
        .shape{
     -webkit-animation: slideTopDown 1s infinite alternate;
  -moz-animation: slideTopDown 1s infinite alternate;
  -ms-animation: slideTopDown 1s infinite alternate;
  -o-animation: slideTopDown 1s infinite alternate;
  animation: slideTopDown 1s infinite alternate;
    }
    @-webkit-keyframes slideTopDown {
  0% {
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  100% {
    -webkit-transform: translateY(-6px);
    -moz-transform: translateY(-6px);
    -ms-transform: translateY(-6px);
    -o-transform: translateY(-6px);
    transform: translateY(-6px);
  }
}

.social{
    width: 35px;
    /* height: auto; */
    position: absolute;
    /* bottom: 115px;*/
    top:586px;
    left: 0;
}

.social .links {
   /* padding: 43px 14px 20px 14px;*/
   position: absolute;
   bottom: 50px;
   font-weight: 700;
   writing-mode: tb-rl;
   -webkit-transform: rotate(180deg);
   -moz-transform: rotate(180deg);
   -o-transform: rotate(180deg);
   -ms-transform: rotate(180deg);
   /* transform: rotate(180deg); */
   white-space: nowrap;
   z-index: 2;
   font-size: 14px;
}
.social .links a{
font-size: 14px;
    color: var(--black);
    padding: 12px 0px;
    position: relative;
    font-weight: 400;
}
.social .links a:after{
    content: '';
    width: 100%;
    height: 2px;
    background: #ffffff;
    border-radius: 0;
    position: absolute;
    bottom: 0px;
    left: 0px;
    }
    .social .links a:last-child:after{
        display: none;
    }
.social{
    left:calc(18% - 35px);
}
.social-inner{
position: fixed;
    top: 629px;
    z-index: 10;
    left:2% !important;
}
.gap-1{gap: 1%;}
.gap-2{gap: 2%;}
.gap-3{gap: 3%;}
.gap-4{gap: 4%;}
.gap-5{gap: 5%;}
.gap-2-5{gap: 2.5%;}








.recoge-main .masonry-grid{width:49.7%;}
.publication .masonry-grid{min-height:400px;border:1px solid #ccc;}
.project-center .masonry-grid{display:inline-block !important;}
.masonry-grid img{width:100%;display:block;transition:0.5s ease;-o-transition:0.5s ease;-webkit-transition:0.5s ease;}
.masonry-grid:hover img{-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-o-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}
.masonry-grid a{float:left;width:100%;overflow:hidden;position:relative;}
.masonry-grid a:hover figcaption{top:0;left:0;opacity:1;}
.masonry-grid a figcaption:after{-webkit-transform:skew(45deg) translateX(-100%);transform:skew(45deg) translateX(-100%);}
.masonry-grid a figcaption:before{-webkit-transform:skew(45deg) translateX(100%);transform:skew(45deg) translateX(100%);}
.masonry-grid a figcaption:hover:after{-webkit-transform:skew(45deg) translateX(0%);transform:skew(45deg) translateX(0%);opacity:0;}
.masonry-grid a figcaption:hover:before{-webkit-transform:skew(45deg) translateX(0%);transform:skew(45deg) translateX(0%);opacity:0;}
.parent-p {
    display: table;
    height: 100%;
    width: 100%;
    text-align: left;
    padding: 15px 15px;
    background: #0059aa;
    color: #fff;
    min-height: 102px;
}
.parent-p {
    font-size: 16px;
    line-height: 22px;
}
.recoge-main .masonry-grid .child {
    padding: unset !important;
}
.masonry-grid {
    width: 33.1111%;
    float: left;
    position: relative;
    overflow: hidden;
    border: 5px solid #fff;
    margin: 1px;
}








.coverbox{
    padding: 25px;
    background: var(--white);
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: all .3s ease;
    flex: 0 0 23.5%;
    margin-bottom: 30px;
}
.coverbox ul.list {
    margin-bottom: 0;
}

.coverbox:hover {
    background-color: #003f82;
    border: 1px solid rgb(0 63 130);
}

.coverbox:hover h3 {
    color: #fff;
}

.coverbox:hover ul.list li {
    color: #fff;
}
.coverbox h3 {
    color: #000;
    font-size: 25px;
    line-height: 27px;
    margin-bottom: 15px;
}
.social-fixed-lft {
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -137px;
    z-index: 9;
}

.social-fixed-lft .links {
    /* position: absolute;
    bottom: 50px; */
    font-weight: 700;
    writing-mode: tb-rl;
    white-space: nowrap;
    z-index: 2;
    font-size: 14px;
    height: 273px;
    display: flex;
    justify-content: center;
    gap: 2px;
    background-color: #fff;
}

.social-fixed-lft .links a {
    font-size: 16px;
    /* color: #fff; */
    position: relative;
    font-weight: 400;
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    padding: 8px;
}
a.social-fb {
    color: #1877F2;
}

a.social-insta {color: #C13584;}

a.social-yt {
    color: #FF0000;
}

a.social-twtttr {
    color: #000;
}

a.social-inkdin {
    color: #0077b5;
}

a.social-cloud {
   color: #ff5500;
}
.social-fixed-lft .links a:hover {
    color: #003f82;
}
.enquiry-div .enquiry span:before{
    display: none;
}

.success-einstein {text-align: center;padding: 80px 0;height: 57.9vh;}

.icon.icon--order-success.svg {margin-bottom: 10px;}

.success-einstein h4 {
    color: #000;
    font-size: 19px;
    line-height: 23px;
}




















/*-----------whatsapp------------*/
.whtsapp-link{position:fixed;right: 7px;bottom: 123px;z-index: 9;}
.whtsapp-link h5{width: 130px;position:absolute;right:-11px;top: 0;opacity:0;color:#fff;background-color:var(--secondary-color);font-size: 15px;font-weight:500;margin:10px 0 0 0;padding:10px;border-radius:5px;line-height:18px;z-index:0;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.whatsapp-icon{display: flex; align-items: center; justify-content: center;
    width:56px;height:56px;background:#2db742;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;box-shadow:0px 6px 8px 2px rgba(0,0,0,0.14);-webkit-box-shadow:0px 6px 8px 2px rgba(0,0,0,0.14);-moz-box-shadow:0px 6px 8px 2px rgba(0,0,0,0.14);text-align:center;line-height:78px;margin-left:0;z-index:1;position:relative;}
.whatsapp-icon img{width:32px;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.whtsapp-link:hover h5{right:52px;opacity:1}
.whtsapp-link:hover .whatsapp-icon img{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

.call-link{position:fixed;right: 7px;bottom: 64px;z-index: 9;}
.call-link h5{width: 130px;position:absolute;right:-11px;opacity:0;color:#fff;background-color:var(--primary-color);font-size: 15px;font-weight:500;margin:10px 0 0 0;padding:10px;border-radius:5px;line-height:18px;z-index:0;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.call-icon{
        width: 56px;
    height: 56px;
    background: #82d5f8;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.14);
    -webkit-box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.14);
    -moz-box-shadow: 0px 6px 8px 2px rgba(0,0,0,0.14);
    text-align: center;
    line-height: 78px;

    margin-left: 0;
    z-index: 1;
    position: relative;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
}
.call-icon img{border-radius:50% ;width:53px;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.call-link:hover h5{right:52px;top: 0;opacity:1}
.call-link:hover .call-icon img{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);-ms-transform:rotate(45deg);}

.br-0{border:0 !important;}

.mission-box{
    padding:130px 30px 30px 30px;
    position: relative;
}
.mission-box img.icon{
    position: absolute;
    top:30px; right:30px;
}
.border {
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.coverbox{
    padding: 25px;
    background: var(--white);
    border: 1px solid rgba(0, 0, 0, 0.1);
    transition: all .3s ease;
}
.doctor-single-inner{
    flex:0 0 23.5%;
    border:1px solid #ccc;
    background: #fff;
    margin-bottom: 30px;
    position: relative;
    padding-bottom: 50px;
}
.doctor-single-inner .overlay-effect3{
    max-height: 220px;
    }
.finddctor{
    display: none;
    }
.coverbox ul.list {
    margin-bottom: 0;
}

.coverbox:hover {
    background-color: #003f82;
    border: 1px solid rgb(0 63 130);
}

.coverbox:hover h3 {
    color: #fff;
}

.coverbox:hover ul.list li {
    color: #fff;
}
.coverbox h3 {
    color: #000;
    font-size: 25px;
    line-height: 27px;
    margin-bottom: 15px;
}
/*    -----------------------loadmore---------------*/
#loadMore{transition:all 300ms ease-in-out;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;-o-transition:all 300ms ease-in-out;position:relative;background: var(--primary-color);color: #fff;font-weight:700;padding:18px 53px;font-size:16px;display:inline-block;text-align:center;margin-top:30px;border:1px solid #e6e6e6;}
#loadMore:after{position:absolute;z-index:2;left:50%;top:-10px;margin-left:-5px;content:'';border-right:10px solid transparent;border-left:10px solid transparent;border-bottom: 10px solid var(--primary-color);}
#loadMore:hover{background:var(--secondary-color);color:#fff;}
#loadMore:hover:after{    border-bottom: 10px solid var(--secondary-color);}

/*--------------------insurance----------------*/
/*---------------------insurance---------------*/
.insure-logo{     float: left;
    width: 100%;
    margin-top: 0px;
    padding: 0px;
    display: flex;
    flex-wrap: wrap;}
.insure-logo li{width: 19%;list-style: none;border: 1px solid #e2e2e2;text-align: center;margin: 0.5%;padding: 0;line-height: 0;background: #fff;}
.insure-logo li img { max-width: 100%;}
.insure-logo li:hover img {filter: grayscale(1);opacity: 0.7;}
.insure-logo li a{
    display: inline-block;
}
.innerpage-scope{
   
}
.innerpage-scope>.item{
    width: 16.66666%;
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
}

.book{

}
.book a{
    display: inline-block;
    background: var(--primary-color);
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    padding:20px 75px 20px 35px;
    margin:20px 0;
    position: relative;
}
.book a:hover{
     background: var(--secondary-color);
    }
.book a:before{
    }
.book a:after{
    content: '';
    background: url(../images/icons/calendar.png) no-repeat center center var(--secondary-color);
    width: 59px;
    height: 100%;
    position: absolute;
    top:0;
    right:0;
    }
h3.subtitle, h2.subtitle, .description-big h2{
    font-size: 20px;
    padding-bottom: 8px;
    font-weight: 700;
    color: var(--primary-color);
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.doctor-large{
    width:30%;
}
.description-big{
    width: 68%;
    padding-left: 30px;
}
.description-big h3{
    margin-bottom: 0;
    }

.doctor-large .overlay-effect3{
    border-bottom: 2px solid #000;
    -webkit-box-shadow: 0px 10px 6px -4px rgba(0,0,0,0.23);
    -moz-box-shadow: 0px 10px 6px -4px rgba(0,0,0,0.23);
    box-shadow: 0px 10px 6px -4px rgba(0,0,0,0.23);
    margin-bottom: 20px;
}
.heath-package-single-inner{
     flex:0 0 23%;
    margin-bottom: 30px;   
}
.news-inner-row{}
.news-inner-row .news-single{
    flex:0 0 23%;
    margin-bottom:30px;
    border:1px solid #ccc;
}
.news-inner-row .news-single .news-cont{
padding-left: 30px;
padding-right: 30px;
}

.content-area{
    width: 100%;
    position: relative;
}
.inner-banner-row{
    position: relative;
    overflow-x: hidden;

}
.banner:after{
    content: '';
    position: absolute;
    top:0;
    right: -1000%;
    background-color: #3fc483;
    width: 1000%;
    height: 100%;
    z-index: -1;
}
strong{    font-weight: 700;
    color: var(--black);}
/*---------------------topbar---------------*/
.top-bar{
    background: url(../images/page-texture-bg) repeat;
    color: #fff;
    position: sticky !important;
    top: 73px;
    z-index: 3;
    margin-bottom: 50px;
     
}
.top-bar:after{
        content: '';
    position: absolute;
    top:0;
    right: -1000%;
  background: rgba(0, 63, 130, 0.5);
    width: 1000%;
    height: 100%;
    z-index: -1;
    }
.top-bar-list{
    padding: 0;
    margin: 0;
    /* text-align: center; */
    display: flex;
    align-items: center;
    /* justify-content: center; */
    /* padding: 10px 25px; */

    flex-wrap: wrap;
     /*background: rgba(0, 63, 130, 0.7);*/
     background-color: var(--primary-color);
      backdrop-filter: blur(8px);
}
.top-bar-list li{
    padding: 0;
    margin: 0;
    display: inline-block;
    
    font-size: 14px;
    text-transform: capitalize;
    position: relative;
    border-left: 1px solid rgba(255, 255, 255, 0.5);
   
}
.top-bar-list li a{
    display: inline-flex;
    align-items: center;
    padding: 10px 16px;
    }
    .top-bar-list li a:hover{
        background: var(--secondary-color);
        color: var(--white)
    }
.top-bar-list li:before{
    content: '';
    width: 1px;
    height: 20px;
    /* transform: rotate(30deg); */
    position: absolute;
    top: 9px;
    left: 0;
    /* background: #fff; */
    }
    .top-bar-list li:first-child{
   border-left:0;
}
.top-bar-list li:first-child:before{
    display: none;
}
.top-bar-list li:before{
}
.top-bar-list li a{
    color: var(--white);
}


/*----------------------doctor page------------*/
.buttons-div{
    position: absolute;
    bottom: 0;
    left:0;
    /* padding:0 16px; */
    text-align: center;
    display: flex;
    align-items: stretch;
    width: 100%;
}
.buttons-div .more , .buttons-div .more a{
    width: 100%;
    }
      .more a{
        display: inline-block;
        background: var(--primary-color);
        color: #fff;
        text-align: center;
        padding: 15px 0px;
        font-size: 14px;
        margin:0;
    }
    .more a i{
        margin-right:7px;
    }
     .more:nth-child(2) a{
        background: var(--secondary-color);
     }
     .more:nth-child(2) a:hover, .more a:hover{
        background: #000;
     }

.departments-single{
    flex: 0 0 18.3%;
    
    border-radius: 5px;
    background-color: var(--secondary-color);
    text-align: center;
    overflow: hidden;
}
.departments-single h3{
    font-size: 20px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 0;
    position: relative;
    z-index: 2;
    font-weight: 400;
    }
    .departments-single img{
            position: relative;
    z-index: 2;
    }
.departments-single a{
    display: inline-block;
    padding: 15px;
    position: relative;
    width: 100%;
}
.departments-single a:after{
    content: '';
    position: absolute;
    bottom:-200px;
    left:0;
    width: 100%;
    height: 100%;
    opacity: 1;
    background-color: var(--primary-color);
     -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
    }
.departments-single:hover a:after{
    bottom:0;
    opacity: 1;
}

/*------------------------doctors filter--------------*/

select.classic {
    background-image: url(../images/icons/down-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-color: #fff;
    padding: 0 50px 0 23px;

}
.classic {padding: 0 50px 0 23px;}
select.classic:focus {
    border:0;   
    background-image: url(../images/icons/up-arrow.png);
    background-repeat: no-repeat;
    background-position: right center;
    border:1px solid #D9D9D9;
}

.form-group {
    position: relative;
    margin-bottom: 10px;
}
.form-group-select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    color: #100e0e;
    cursor: pointer;
     border-left: 1px solid #ccc;
    background: transparent;
    background:url(../images/icons/down-arrow.png) no-repeat 98% 61%;
    background-color: #fff;
}
.form-group-select select:focus {
    background: url(../images/icons/up-arrow.png) no-repeat 97% 61%;
      background-color: #fff;
    }
.form-group-select:after {
    content: "";
    position: absolute;
    top: 0%;
    right: 0;
    width: 50px;
    height: 100%;
    /* transform: translateY(-50%); */
    font-size: 12px;
    border-left: 1px solid #ccc;
    z-index: -1;
}

 .search-btn {
    position: absolute;
    top: 0;
    right: 0px;
    width: 52px;
    height: 100%;
    color: #333333;
    font-size: 0px;
    border: 0;
    background:url(../images/icons/next-arrow-white.png) no-repeat center center #1f416c;
    text-align: center;
    padding: 0;
    letter-spacing: 0.4px;
    border-radius: 2px;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

label{
    color: var(--primary-color);
    margin-bottom: 10px;
    display: block;
}
.filter-doctors .fieldset{
      border-left: 1px solid #ccc;
}
.filter-doctors
{
    background: var(--white);
   
    margin-bottom: 30px;
    border-radius: 5px;
       -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
    -moz-box-shadow: 0px 4px 20px #00000059;
  
}
.find-doctor-search{
     width: 100%;
    }
.find-doctor-search-in{
    width: 100%;
    display: flex;
    gap:2%;
      align-items: flex-end;
       padding: 25px 25px 15px 25px;
}
.btn-style2{
      width: auto;
      height: auto;
      border: 0;
      outline: 0;
      margin: 0 0px 10px 0;
      display: inline-block;
      color: #fff;
      font-size: 16px;
      line-height: 16px;
      cursor: pointer;
      vertical-align: top;
      padding: 15px 30px 15px;
      text-align: center;
      background-color: var(--primary-color);
      text-transform: uppercase;
      font-weight: 700;
      border-radius: 50px;
      -webkit-transition: all 300ms ease-in-out;
      -moz-transition: all 300ms ease-in-out;
}
.btn-style2:hover{
     background-color: var(--secondary-color);
     color: var(--white);
    }
.find-doctor-search.advanced{
    background: #c9e2ed;
}

.radiobtns-wrap{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 60px;
    gap:7px;
}
.radiobtns-wrap p{
    margin-bottom: 0;
    font-size: 14px;
    line-height: 16px;
    display: flex;
    align-items: center;
    gap: 5px;
}
.radiobtns-wrap p input{
  font-size: 14px;
}
/*-------------------location change---*/

.enquiry-div {
    position: fixed;
    right: 0px;
    top: 50%;
    z-index: 9;
    width: 43px;
    background: var(--primary-color);
    color: #fff;
    font-size: 12px;
    margin-top: -137px;
    padding: 5px 0px;
}
.enquiry-div span{
        padding: 0;
        /* letter-spacing: 1px; */
        position: relative;
        text-transform: uppercase;
        font-weight: 700;
        writing-mode:tb-rl;
        -webkit-transform:rotate(180deg);
        -moz-transform:rotate(180deg);
        -o-transform: rotate(180deg);
        -ms-transform:rotate(180deg);
        /* transform: rotate(180deg); */
        white-space:nowrap;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 42px;
}
.enquiry-div span a{
    color: #fff;
    margin: 6px 0px;
    font-size: 12px;
    font-weight: 500;
}
.enquiry-div span a:hover{
    color: #82d5f8;
}
.enquiry-div span:before{
    position: absolute;
    top: 0;
    left:6px;
    content: '';
    width:30px;
    height: 15px;
    background: url(../images/icons/enquire.png) no-repeat 0 0;
    -webkit-transform:rotate(180deg);
    -moz-transform:rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform:rotate(180deg);
    transform: rotate(180deg);
    }

    .menu_box{
        padding: 10px 0;
        border-bottom: 1px solid rgba(255, 255, 255, 0.2);
    }
     .menu_box p{
        margin-bottom: 0;
     }
       .menu_box h5{
       font-size: 16px;
       line-height: 16px;
       font-weight: bold;
       text-transform: uppercase;
       margin-bottom: 0;
       color: #71bed2;
     }
     .menulogo{padding-left: 30px;
        position: absolute;
        top:10px;
        left:10%;
        padding: 15px;
        background: var(--white)
     }
     .menulogo img{
        max-width: 250px;
       
     }

     .table{background-color:transparent;border:1px solid #0059aa42;background:#fff;}
.table td{padding:10px;border:1px solid #0059aa42;vertical-align:top;}
.table2{/* background-color:#fff; */border:1px solid #E5E5E5;color:#696969;margin-bottom: 30px;}
.table2 td{border:1px solid #E5E5E5;padding:10px;vertical-align: top;}
.tr{background-color:#005BAA;color:#fff;font-weight:600;font-size:14px;}
.table2 tr td p{margin-bottom:30px;}

.book-dctr{/* text-align:center; */text-transform: capitalize;position:relative;font-size:13px;/* border-radius: 55px; */background: transparent;color: #1f416c;padding: 15px 59px 15px 34px;margin: 0;position: relative;font-size: 17px;display: inline-block;margin: 10px 0;border: 1px solid #1f416c;}
.book-dctr:hover{background:var(--primary-color);color:#fff;}
.book-dctr:before {
    content: '';
    width: 44px;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 10px;
    z-index: 2;
    background-image: url(../images/icons/arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.book-dctr:hover:before {
    filter: brightness(0) invert(1);
}
/*--------------------*/
.pdf-row{
    display: flex;
    flex-wrap: wrap;
    gap:1%;
}
.pdf-list{
    flex: 0 0 24%;
    /* margin-right: 1%; */
    position: relative;
    overflow: hidden;
    border: 3px solid #e0e0e0;
    margin-bottom: 16px;}
.pdf-list:after{
    -webkit-transition:all 600ms ease-in-out;-moz-transition:all 600ms ease-in-out;
    transition:all 600ms ease-in-out;position:absolute;content:'';
    width:100%;height:100%;left:0%;bottom:-150%;
    background: rgba(0, 0, 0, 0.7);
}
.pdf-list:hover:after{left:0px;bottom:0px;}
.pdf-img{float:left;width:100%;}
.pdf-img img{width:100%;float:left;}
.pdf-content{position:absolute;top:-100%;float:left;width:100%;padding:20px;z-index:9;text-align:center;-webkit-transition:all 900ms ease-in-out;-moz-transition:all 900ms ease-in-out;transition:all 900ms ease-in-out;}
.pdf-content span{width:50px;height:50px;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;background: var(--primary-color);display:inline-block;line-height:50px;-webkit-transition:all 600ms ease-in-out;-moz-transition:all 600ms ease-in-out;transition:all 600ms ease-in-out;text-align:center;}
.pdf-content span:hover{background:var(--secondary-color);}
.pdf-content span:hover i{color:#fff;}
.pdf-content span i{margin:0px;text-align:center;font-size:18px;color: var(--white);}
.pdf-list:hover .pdf-content{top:30%;}
.pdf-content p{color:#fff; font-size: 22px;line-height: 25px;}

/*-----------feedback--------------*/
.registration-form{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap:2%;
    background: #fff;
    padding: 50px;
        background: var(--white);
    margin-bottom: 30px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
    -moz-box-shadow: 0px 4px 20px #00000059;

}
.registration-form .forminfull{
flex:0 0 48%;
}
.registration-form .forminfull input{
 width: 100%;
 height: 52px;
 padding: 8px 10px;
 background-color: none;
 background-color: transparent;
 display: block;
 border: 1px solid rgb(211 211 211);
 margin: 0 0 10px 0;
 color: #626262;
 font-size: 16px;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 -ms-border-radius: 6px;
 border-left: 2px solid var(--primary-color);
}
.registration-form .forminfull textarea{
            padding: 8px 10px;
            background-color: none;
            background-color: transparent;
            display: block;
            border: 1px solid rgb(211 211 211);
            margin: 0 0 10px 0;
            color: #626262;
            border-radius: 5px;
            width: 100%;
            height: 101px;
            border-left: 1px solid var(--primary-color);
    }
.registration-form .forminfull select{
     width: 100%;
        height: 52px;
        padding: 8px 10px;
        background-color: none;
        background-color: transparent;
        display: block;
        border: 1px solid rgb(211 211 211);
        margin: 0 0 10px 0;
        color: #626262;
        font-size: 14px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-left: 2px solid var(--primary-color);
      appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/icons/icon5.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 14px;
    }

    a.fed-call{
        color: var(--secondary-color);
        font-size: 32px;
        line-height: 32px;
        font-weight: 600;
        padding-left: 15px;
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 6px;
    }
 a.fed-call i{
    width: 50px;
    height: 50px;
    background: var(--secondary-color);
    color: #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    border-radius: 100%;
    transform: rotate(0deg);
 }
a.fed-call:hover{
     color: var(--primary-color);
}
a.fed-call:hover i{
     background: var(--primary-color);
     transform: rotate(-360deg);
}
img.full-width{
    max-width: 100%;
}

/*----------------------news-----------------*/
.inner-news-row{
    display: flex;
    gap:1%;
}
.news-item{
    flex: 0 0 32%;
    border: 1px solid #ccc;
    background: #fff;
    margin-bottom: 30px;
    position: relative;
    padding: 25px 25px 20px 25px;
    display: flex;
    flex-direction: column;
    align-items: self-end;
    justify-content: space-between;
}
.news-item h2.subheading{

font-size: 22px;

line-height: 25px;
}
ul.news{width: 100%;padding: 0;margin:0;display: block;/* position: absolute; *//* top: 0; *//* left: 0; */}
ul.news li{padding: 0;margin:0;list-style: none;/* position: absolute; *//* bottom: 0; */display: inline-block;}
ul.news li a{
    position: relative;
    bottom: 0;
    left: 0;
    width: auto;
    background: var(--primary-color);
    color: #fff;
    padding: 7px 16px 7px 16px;
    margin: 0;
    font-size: 14px;
    display: inline-block;
    margin: 1px 0;
    border: 1px solid #1f416c;
    border-radius: 16px;
}
ul.news li a:hover{
    background-color: var(--secondary-color);
    color: var(--white);
    border: 1px solid var(--secondary-color);
    }
/*ul.news li a:before{
    content: '';
    width: 44px;
    height: 100%;
    position: absolute;
    bottom: 0;
    right: 10px;
    z-index: 2;
    background-image: url(../images/icons/arrow.png);
    background-repeat: no-repeat;
    background-position: center center;
    background-color: transparent;
    color: #fff;
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
ul.news li a:hover:before{
filter: brightness(0) invert(1);
}*/
row{
    display: flex;
    flex-wrap: wrap;
}
.three-col-box{
    width: 30%;
    float: left;
}

.expansion-bg {
    width: 100%;
    margin: 40px 0px;
    padding: 40px 40px 40px 40px;
    background-color: #f3f3f3;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
    -moz-box-shadow: 0px 4px 20px #00000059;

}
.expansion-bg h1.heading{
    font-size: 32px;
    line-height: 32px;
    color: var(--primary-color)
    }
.expansion-bg h1.heading a{
    font-size: 32px;
    line-height: 32px;
    color: var(--primary-color)
    }
.expansion-bg h2.heading, .box-msn h2.heading{
    font-size: 20px;
    line-height: 22px;
    color: var(--secondary-color)
    }
.msn-main{
width: 100%;
display: flex;
flex-wrap: wrap;
}
.box-msn {
   flex: 0 0 31%;
   border: 1px solid #e6e6e6;
   min-height: 188px;
   background: #f3f3f3;
   padding: 30px;
   margin-right: 2%;
   text-align: left;
}
    .feed-inner-zul{
        width: 100%;
    }

    .p-testimonial-wrap{display: flex;flex-wrap: wrap;width: 100%;gap:1%;}
      .p-testimonial-wrap .three-col-box{/* flex:0 0 32%; */width: 32.5%;margin-bottom: 5px;}

      .masonry-grid {
        flex:0 0 31.5%;
        line-height: 0;
      }
         .masonry-grid img {
        max-width: 100%;
      }
            .masonry-grid img:hover {
        opacity: 0.7
      }

 /*--------------leadership team-------------*/

.leader-single {
    background-color: #fff;
    border-right: #e8741d;
    padding: 50px;
    font-weight: 600;
    margin-bottom: 50px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
        -webkit-box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 10%);
    -moz-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 4px rgb(0 0 0 / 10%);
   
}
.leader-single:nth-child(even) {
    flex-direction: row-reverse;
}
.leader-image{
   
    padding: 0 0px 0 0;
}
.leader-desc{
    
    padding: 0 0px 0 50px;
}
.leader-single:nth-child(even)  .leader-desc{
    padding: 0 50px 0 0px;
}
.leader-single h2, .leader-popup h2{
    color: var(--primary-color);
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 30px;
}
.leader-single p, .leader-popup p{
    margin-bottom: 16px;
   
}

ul.dept-list{width: 100%;margin:0;padding: 0;display: flex;flex-wrap: wrap;gap:1%;justify-content: center;}
ul.dept-list li{
    list-style: none;
    margin:0;
    padding: 0;
    flex: 0 0 13.3%;
    margin-bottom: 1%;
    padding: 0;
    border: 1px solid #e5e5e5;
    background: #fff;
    border-radius: 5px;
    font-weight: 600;
    text-align: center;
    color: var(--primary-color);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    overflow: hidden;
    }
ul.dept-list li a{
     color: var(--primary-color);
     position: relative;
     z-index: 2;
     display: block;
     padding: 30px 10px 15px 10px;
     display: flex;
     flex-direction: column;
     align-items: center;
     text-align: center;
}
ul.dept-list li:hover a, ul.dept-list li:hover {
     color: var(--white);
}
ul.dept-list li:after{
    content: '';
    width: 100%;
    height: 0;
    background: var(--secondary-color);
    position: absolute;
    bottom: 0;
    left:0;
      -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;

}
ul.dept-list li:hover:after{
    height: 100%;
    }
ul.dept-list li a:before{
    content: '\f055';
    font-family: "FontAwesome";
    width: 30px;
    height: 30px;
    font-size: 20px;
    font-weight: 600;
    position: relative;
    z-index: 2;
    /* top: 8px; */
    /* left:0; */
    /* right:0; */
    margin: 0 auto;
    /* color: var(--primary-color); */
}

.dep-doc-list{
    text-align: center;
    padding: 15px;
    background: #c9e2ed;
    border-radius: 5px;
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
    -moz-box-shadow: 0px 4px 20px #00000059;
}
.dep-doc-list .owl-demo6{
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 50px;
}
.owl-demo6 .owl-nav {
    position: absolute;
    top: auto !important;
    bottom: 0px !important;
    right: 0 !important;
    left:0 !important;
    margin: 0 auto !important;
    padding: 0 0 0 5px!important;
}

.appo-nbr{border-radius: 10px;background:var(--primary-color);padding:10px;text-align:center;margin:10px 0px;}
.appo-nbr span{float:left;width:100%;color:#fff;font-size:14px;font-weight:700;}
.appo-nbr a{color:#fff;font-size:16px;font-weight:700;}


.ib-widget-button.RIGHT_BOTTOM {
    right: var(--widget-button-position-x, 6px) !important;
}
.ib-widget-button {
    bottom: var(--widget-button-position-y, 55px) !important;
}



.sch-box{
padding: 0px 0px 0px 0px;
    border-bottom: 1px solid #ccc;
    margin: 0 3% 30px 1%;
}
.sch-box h3{
    font-size: 25px;
    line-height: 25px;
    margin-bottom: 15px;
}

.package-wrap {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    gap: 2%;
}
.pack-box {
    flex: 0 0 23.5%;
    margin-bottom: 25px;
    border: 1px solid #c6d4e1;
    padding: 0px;
    background: #fff;
    position: relative;
    padding-bottom: 55px;
}
.pack-box a {
    display:  flex;
}

.pack-box a img {
    width:  100%;
}

.pack-btn-wrap {
    display: flex;
    justify-content: space-between;
    padding: 10px;
    align-items: center;
    flex-direction: column;
    text-align: center;
    gap: 6px;
}

.pack-btn-wrap a {
    color: var(--primary-color);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}
.pack-btn-wrap .lab-pck-btn{    color: #5c5c5c;}
.pack-btn-wrap .pak-btn {
    background-color: var(--primary-color);
    color:  #fff;
    border-bottom:  none;
    padding: 13px 25px;
    border-radius: 25px;
    font-size: 14px;
    line-height: 14px;
    margin: 0;
    position: absolute;
    bottom: 14px;
}

.pack-btn-wrap .pak-btn:hover {
    background-color:  #005aaa;
     color:  #fff;
}

.pack-btn-wrap a:hover {
    color:  #44AF51;
}

.package-form-wrap {
    background-color:  #eaf2f9;
    padding:  35px;
}

/*---------------new search---------*/
.homesearchbox{
    display: flex;
    /* align-items: center; */
    position: static;
    width: 100%;
    max-width: initial;
    margin: 0;
    padding: 30px 50px 30px 50px;
}
.homesearchbox .head-div{padding-top: 7px;padding-right: 20px;}
.homesearchbox .head-div h2{color: var(--primary-color);font-weight: 700;font-size: 39px;}
.head-div h2{

}
.head-div h2 span{
font-weight: 300;
color: var(--secondary-color)
}
.header_search-links {
    width: 100%;
    padding-top: 16px;
    padding-bottom: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 7px;
}
.header_search-links a {
    font-size: 14px;
    line-height: 1.71;
    color: #534c46;
    padding: 6px 16px;
    border-radius: 18px;
    background-color: #fff;
    margin: 0 8px 8px 0;
    -webkit-box-shadow: 0 5px 10px -10px rgba(0,0,0,.4), 0 0 2px 0 rgba(0,0,0,.1);
    box-shadow: 0 5px 10px -10px rgba(0,0,0,.4), 0 0 2px 0 rgba(0,0,0,.1);
    -webkit-transition: background-color .3s linear;
    transition: background-color .3s linear;
}
.header_search-links a:hover {
    color: #fff;
    background-color: var(--secondary-color)
}

/*----------------------*/
ul.package-list{
    padding: 0;
    margin:0;
    width: 100%;
    display: flex;
    gap:1%;
    row-gap: 12px;
    flex-wrap: wrap;
}
ul.package-list li{
    list-style: none;
    padding: 0;
    margin:0;
    border-radius: 10px;
    background: #333;
    font-size: 18px;
    position: relative;
    line-height: 20px;
    color: var(--white);
    flex: 0 0 24.2%;
    background: var(--secondary-color);
    border-left: 4px solid var(--primary-color);
    border-right: 4px solid var(--primary-color);
    min-height: 78px;
    overflow: hidden;
    /* background: linear-gradient(93deg, rgba(0,63,130,1) 0%, rgba(0,176,89,1) 70%); */
    }
ul.package-list li:after{
    content: '';
    width: 0px;
    height: 100%;
    background-color: var(--primary-color);
position: absolute;
top:0;
left:0;
 -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
ul.package-list li:hover:after{
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
ul.package-list li a{
        font-size: 20px;
        line-height: 23px;
        display: flex;
        padding: 23px;
        color: var(--white);
        align-items: center;
        height: 100%;
        position: relative;
        z-index: 2;
}


/*----------------------------book box----------------------*/
.book-box{
    background: #f1f6fa;
    display: flex;
    position: absolute;
    width: 85%;
    left:0;
    right:0;
    margin:0  auto;
    bottom:8%;
    z-index: 5;
    margin-left: 10%;
    align-items: center;
    overflow: hidden;
}
.book-box form{
    width: 100%;
    display: flex;
    align-items: center;
    }
.book-heading{
background: var(--primary-color);
padding: 25px 0px 25px 25px;
position: relative;
min-width: 310px;
display: flex;
align-items: center;
justify-content: space-between;
gap:1px;
}
.book-heading:after {
content: '';
    position: absolute;
    right: -34px;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 0;
    height: 0;
    border-top: 50px solid transparent;
    border-bottom: 50px solid transparent;
    border-left: 35px solid var(--primary-color);
    z-index: 1;
}
.book-heading h2{
color: #fff;
font-size: 17px;
line-height: 23px;
margin-bottom: 0;
}
.book-heading h2 span{
    font-style: italic;
    color: #d4e7f1;
    }
.select-loc select{
    background-color: transparent;
    border:0;
    border:transparent;
    color: #d4e7f1;
    font-style: italic;
    font-size: 14px;
}
.select-loc option{
    background-color:var(--primary-color);
    border:transparent;
}
.book-fields{
    background: #f1f6fa;
    width: 100%;
    padding: 0px 0px 0px 50px;

}
.book-fields .bookingform{
    display: flex;
    align-items: center;
}
.book-fields .bookingform .fieldset{
    border-radius: 0px;
    -webkit-border-radius: 0px;
    border:1px solid #274351;
    background-color: transparent;
    color: #5d5f62;
}
.book-fields .bookingform .form-group-select:after {
    content: "";
    position: absolute;
    top: 0%;
    right: 46px;
    width: 1px;
    height: 100%;
    background-color: #274351;
    z-index: 1;
}
.book-fields .bookingform .form-group{flex:1;padding: 0px;margin: 0; margin-right: 18px;}
.book-fields .form-group-select select{
margin: 0;
}
.book-btndiv{
    
}
.booknow{
    background: var(--secondary-color);
    padding: 35px 35px;
    color: #fff;
    font-size: 22px;
    text-transform: uppercase;
    border:0;
     -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;
transition: all 300ms ease-in-out;
}
.booknow:hover{
    background: var(--primary-color);
    }
/*    ----------------------------------*/

.med-fit-banner {
    margin-bottom: 40px;
}
.med-fit-banner img {
    width: 100%;
}
.medfit-services {
    padding: 40px 60px;
    color: #fff;
    border-radius: 30px;
    margin-bottom: 40px;
    background-color: #0000001a;
    transition: all .3s ease;
    border: 1px solid #00387430;
    box-shadow: 0px 0px 10px 0px rgb(50 50 50 / 22%);
}

.medfit-services h2 {
    color: #000;
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 18px;
    line-height: 1;
    border-bottom: 1px solid #2222220f;
    padding-bottom: 12px;
}

.medfit-services ul.list {
    margin-bottom: 0;
    color: #000;
}
h1.medfit-heading {
    font-size: 32px;
    line-height: 45px;
    color: #000;
    font-weight: 900;
    margin-bottom: 10px;
}

.phone{
    margin-top: -90px;
}
/*************** paddings ***************/
.pt-100{padding-top: 100px}
.pb-100{padding-bottom: 100px}
.pt-50{padding-top: 50px}
.pb-50{padding-bottom: 50px}
.pt-70{padding-top: 70px}
.pb-70{padding-bottom: 70px}
.pt-30{padding-top: 30px}
.pb-30{padding-bottom: 30px}
.pt-20{padding-top: 20px}
.pb-20{padding-bottom: 20px}
.pt-0{padding-top: 0px}
.pb-0{padding-bottom: 0px}

.pad-0{padding: 0}
.pad-5{padding-right: 5px; padding-left: 5px;}
.pad-25{padding: 25px}
.pl-100{padding-left: 100px}
.pr-100{padding-right: 100px}
.pl-80{padding-left: 80px}
.pr-80{padding-right: 80px}
.pl-20{padding-left: 20px}
.pr-20{padding-right: 20px}
.pl-30{padding-left: 30px}
.pr-30{padding-right: 30px}
.pl-50{padding-left: 50px}
.pr-50{padding-right:50px}
.pl-70{padding-left: 70px}
.pr-70{padding-right: 70px}
.pr-20{padding-right: 20px}
.mt-100{margin-top: 100px}
.mb-100{margin-bottom: 100px}
.mt-50{margin-top: 50px}
.mb-50{margin-bottom: 50px}
.mt-0{margin-top: 0px}
.mb-0{margin-bottom: 0px}


/*************** footer CSS ***************/
footer{}
footer a{color: #fff;}
footer a:hover{color: #c93a60;}
.footer{}
.f-contact{
    position: relative;
    padding: 0 0 0 85px;
    margin-bottom: 30px;
    color: #fff;
    font-size: 18px;

}
.f-contact p{
    margin-bottom: 0;
    line-height: 25px;
    }
.f-contact a{
    font-weight: bold
}
.f-contact img{
    position: absolute;
    top:0;
    left:0;
    }
.footer-div h3{
    position: relative;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 16px;
    color: #fff;
}

ul.footerlinks{
    margin:0 0 20px 0;
    padding: 0;
}
ul.footerlinks li{
    list-style: none;
    padding: 6px 0;
    line-height: 20px;
    font-size: 16px;
    line-height: 20px;
}
.footer a{color: #fff}
.footer a:hover{color:  rgb(255, 255, 255, 0.7);}
.footer-social{
    float: none;
}
.footer-social a{
    color: #fff!important;
}
.footer-social a i {
    margin-right: 7px;
    font-size: 19px;
    color: #fff;
}
.footer-social a:hover i {
    color: #d7ae6c;
}
.footer-bottom{
    border-top:1px solid rgba(255, 255, 255, 0.5);
    padding: 30px 0;
    color: #fff;
    font-size: 14px;

}
.copy{
    display: flex;
    flex-grow: 25px;
    border-top:1px solid rgba(255, 255, 255, 0.3);
    position: relative;
    gap:25px;
}
.copy:after{
    content: '';
    width: 100%;
    position: absolute;
    top:-1px;
    right:-100%;
    height: 100%;
    border-top:1px solid rgba(255, 255, 255, 0.3);
    z-index: 2;
    line-height: 0
   
}
.copy p{
    margin-bottom: 0;
    }


/*************** INNER PAGE CSS ***************/

.flex-gap{gap:2%;row-gap: 15px;}
.two-flex-col{
flex:0 0 48%; 
}
.three-flex-col{
flex:0 0 31%;
}
.four-flex-col {
flex:0 0 22%;
    }
.five-flex-col {
flex:0 0 18%;
    }
.image-box{
    padding-left: 30px;
    padding-bottom: 0;
    position: relative;
    width: 100%;
}
.image-box2{
     padding-top:30px;
     padding-left:30px;
    }
.image-box .hover-effect{
    border-radius: 15px;
        -webkit-box-shadow: 0px 0px 34px -15px rgb(0 0 0 / 70%);
    -moz-box-shadow: 0px 0px 34px -15px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 34px -15px rgb(0 0 0 / 70%);

    }
.image-box:after, .image-box2:before{
    content: '';
    width: 45px;
    height: 80%;
    background:var(--primary-color);
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    left: 0;
    z-index: -1;
    }
.image-box2:before{
        bottom: auto;
    right:auto;
    top:0;
    left:0;
      background:#d7ae6c;
}

    .wrap-box{
     border-radius: 15px;
    -webkit-box-shadow: 0px 0px 34px -15px rgb(0 0 0 / 70%);
    -moz-box-shadow: 0px 0px 34px -15px rgba(0,0,0,0.7);
    box-shadow: 0px 0px 34px -15px rgb(0 0 0 / 70%);
    overflow: hidden;

    }
.coverbox ul.list {
    margin-bottom: 0;
}
ul.list, ul.list3{
    margin:0;
    padding: 0;
    margin-bottom: 30px;
}
ul.list li, ul.list3 li{
list-style: none;
    padding: 6px 7px 6px 20px;
    line-height: normal;
    position: relative;
}
ul.list li:before, ul.list3 li:before{
     content: "\f111";
     position: absolute;
     top: 10px;
     left:0;
     font-family: "FontAwesome";
     color: var(--secondary-color);
     font-size: 8px;
    }
ul.list li a, ul.list3 li a{
    color: var(--secondary-color);
}
ul.list li a:hover, ul.list3 li a:hover{
    color: var(--primary-color);
}
.cnt-wrap{padding: 30px 20px;background-color: #fff;box-shadow: 0px 3px 40px #0000002e;-webkit-box-shadow: 0px 3px 40px #0000002e;
-moz-box-shadow: 0px 3px 40px #0000002e; }
.icon_box {border-bottom:1px solid #e1e1e1;padding-bottom: 7px;margin-bottom: 23px;padding-left: 50px;position: relative;}
.icon_box:hover i {background-color: #0caf4e;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;}
.icon_box i {margin: 0px 0px 0px 0px;padding:8px;border-radius:100%;width: 40px;height: 40px;text-align:center;line-height: 25px;color:#fff;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;background: var(--primary-color);position: absolute;top: 0;left: 0;}
.icon_box .descripion { display:block; overflow:hidden}
.icon_box .descripion h5 {font-size: 18px;margin: 0 0 8px 0;text-transform: uppercase;color: #000;}
.icon_box p {margin:0;padding-bottom:15px;}
.icon_box a { color:#434446}
.icon_box:last-child{ margin-bottom:0px; padding-bottom:0px; border-bottom:none;}
.cnt-form{  }
.map{  width: 100%; margin-top: 30px; }
.table-style {border-collapse: collapse; width: 100%;}
.table-style th, .table-style td {text-align: left;padding: 8px; border: 1px solid #d9d9d9;}
.table-style tr:nth-child(even){background-color: #f2f2f2}
.table-style th { background-color: #04AA6D; color: white;}

/*************** INNER BANNER ***************/
.banner{
 z-index: 0;
 width: 100%;
 height: 150px;
 display: flex;
 align-items: center;
 background-image: url(../images/bg.jpg);
 background-position: center;
 background-repeat: no-repeat;
 position: relative;
 padding: 0 50px;
 justify-content: space-between;
 background-size: cover;
 }
 .banner .searchbox{
    position: static;
    margin: 0;
 }
.banner-caption h2{color: #fff;font-size: 40px;margin-bottom: 10px;font-weight: 600;line-height: 42px;
    font-family: var(--body-font);
}
.banner-caption h4 span{color: #9df1c8;}
.banner-caption h4 a{ color: #fff;   }
.banner-caption h4 {
    padding: 0px 0px;
    display: inline-flex;
    margin-bottom: 0px;
    align-items: center;
    font-family: var(--body-font)
}
.banner-caption{position: relative;z-index: 1;}

.banner1{/* background: url(../images/bg.jpg) repeat-x; */}
.zmcr-banner-row{

}
.zmcr-banner{ background: url(../images/zmcr.jpg) no-repeat; 
background-size: cover; height: 300px;}
.zmcr-banner:after {
    content: '';
    position: absolute;
    top: 0;
    right: -1000%;
    background-color: #dab483;
    width: 1000%;
    height: 100%;
    z-index: -1;
}
.banner-caption h4 span.b-sep{
    font-size: 0;
    width: 23px;
    height: 21px;
    margin: 0 12px;
    background: url(../images/icons/next-arrow.png) no-repeat 0 0;
    display: inline-block;
    background-size: 22px;
}

/*************** FIXED HEADER ***************/
header.smaller {top:0; left:0px; position: fixed; z-index: 100; -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;
-webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.41);
    -moz-box-shadow:    0px 1px 5px 0px rgba(50, 50, 50, 0.41);
    box-shadow:         0px 1px 5px 0px rgba(50, 50, 50, 0.41); ;
-moz-box-shadow: 0px 4px 20px #00000059; background-color: #f0f6f9;padding-left: 2%;}
header.smaller .top-header{ }

header.smaller .logo img {
    max-width: 180px;
}

/*************** JARALLAX ***************/
.jarallax{ position:relative; background-repeat:no-repeat; background-position:center center; -moz-background-size:cover; 
-webkit-background-size:cover; -o-background-size:cover; background-size:cover;}

.bg1{background: url(../images/bg1.jpg) no-repeat top center;}
.bg2{background: url(../images/bg2.jpg) no-repeat top center;background-size: cover;}
.bg3{}
/**********forms**************/
form{
    margin:0;
    padding:0;
}
*:focus {  
    outline: none;
}
.fieldset{
        width: 100%;
        height: 52px;
        padding: 8px 10px;
        background-color: none;
        background-color: transparent;
        display: block;
        border: 1px solid rgb(211 211 211);
        margin: 0 0 10px 0;
        color: #626262;
        font-size: 14px;
        border-radius: 6px;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        -ms-border-radius: 6px;
        border-left: 2px solid var(--primary-color);

}
.fieldset1{ height: 130px; }
.sendbutton{
    width: auto;
    height: auto;
    border: 0;
    outline: 0;
    margin: 0 5px 0 0;
    display: inline-block;
    color: #fff;
    font-size: 16px;
    cursor: pointer;
    vertical-align: top;
    padding: 15px 30px 15px;
    text-align: center;
    background-color: var(--primary-color);
    text-transform: uppercase;
    font-weight: 700;
 
    border-radius: 55px;
     -webkit-transition: all 300ms ease-in-out; 
    -moz-transition: all 300ms ease-in-out;

    
    }

    .sendbutton:hover{
        background-color: #000;
    }
.select-box {
    appearance: none;
    -webkit-appearance: none;
    background-image: url(../images/icons/icon5.svg);
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 14px;
}
.contact-form{ width: 100%; }
.contact-form .fieldset {margin-bottom: 0px;}
::-webkit-input-placeholder {
   color:  #626262 !important;
}
:-moz-placeholder { /* Firefox 18- */
   color:  #626262 !important;
}
::-moz-placeholder {  /* Firefox 19+ */
   color:  #626262 !important;
}
:-ms-input-placeholder {  
   color:  #626262 !important;
}

.ftr-form ::-webkit-input-placeholder {
   color:  #fff !important;
}
.ftr-form :-moz-placeholder { /* Firefox 18- */
   color:  #fff !important;
}
.ftr-form ::-moz-placeholder {  /* Firefox 19+ */
   color:  #fff !important;
}
.ftr-form :-ms-input-placeholder {  
   color:  #fff !important;
}

.wpcf7-form-control-wrap {
    position: relative;
}


/************************************* 1600px *************************************/
@media only screen and (max-width: 1800px) {
.full-wrap {
    padding-left: 11%;
}
.social{
    left:calc(11% - 35px);
}
}
@media only screen and (max-width: 1600px) {
.pseudo-container{
    max-width: 1300px;

}
.full-wrap {
    padding-left: 7%;
}
.social{
    left:calc(7% - 30px);
}
}

/************************************* 1400px *************************************/
@media only screen and (max-width: 1400px) {
.full-wrap {
    padding-left: 3%;
}
.social{
    left:calc(3% - 35px);
}
}

/************************************* 1366px *************************************/
@media only screen and (max-width: 1366px) {
.social-inner {

    left: 0.5% !important;
}
}
/************************************* 1180px *************************************/
@media only screen and (max-width: 1300px) {
.container{ width:90%;}
.pseudo-container{
    max-width: 100%;

}
.heath-package-single-inner {
    flex: 0 0 48%;
    margin-bottom: 30px;
}
.top-bar-list li a img{display: none;}
.pack-box {
    flex: 0 0 32%;
    }
    .book-box{margin-left: 15%}
}

/************************************* 1024px *************************************/
@media only screen and (max-width: 1024px) {
.container{ width:90%;}



}

/************************************* 980px *************************************/
@media only screen and (max-width: 980px) {
    .menu-wrap {
    position: relative;
    width: 100%;
    left: 0px;
    bottom: 1px;
    margin-top: 0;
   
}
.four-flex-col{
  flex:0 0 48%
}
.insure-logo li {
    width: 24%;
    }
    ul.dept-list li {

    flex: 0 0 18.9%;
}
.book-box {
    flex-wrap: wrap;
    position: static;
}
.coverbox{flex: 0 0 49%;}
}

/************************************* 900px *************************************/
@media only screen and (max-width: 900px) {


}

/************************************* 767px *************************************/
@media only screen and (max-width: 767px) {
.pt-100, .pt-70, .pt-80,.pt-50{
    padding-top:30px;
}
.pb-100, .pb-70, .pb-80,.pb-50{
    padding-bottom:30px;
}
.pl-100, .pl-70, .pl-50{padding-left:0;}
.pr-100, .pr-70, .pr-50{padding-right:0;}
.owl-demo4 .owl-item:nth-child(even){
    margin-top: 0px;
}
.insure-logo li {
    width: 32.333%;
    }
    .copy:after{display: none;}
    .footer-right:after{display: none}
    .heading {
    font-size: 34px;
    line-height: 43px;
}
}

/************************************* 640px *************************************/
@media only screen and (max-width: 640px) {
    .smd30, .smd40, .smd60, .smd70, .smd75 {width: 100%}
    .smd60, .smd70, .smd75{margin-top:20px;}
    /*------------flex-col---------*/
    .three-flex-col, .two-flex-col, .four-flex-col{
  flex:0 0 100%
}
.five-flex-colum {
   flex:0 0 48%
    }
    /*------------flex-col---------*/
.three-col{
    width: 100%;
}
.insure-logo li {
    width: 49%;
    }
.coverbox{flex: 0 0 100%;}
}

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

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

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