@charset "utf-8";
@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ExtraBold.eot');
    src: url('../fonts/Gilroy-ExtraBold.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-ExtraBold.woff2') format('woff2'),
        url('../fonts/Gilroy-ExtraBold.woff') format('woff'),
        url('../fonts/Gilroy-ExtraBold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

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

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

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

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

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

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

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

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

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

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

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


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

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

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

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-UltraLightItalic.eot');
    src: url('../fonts/Gilroy-UltraLightItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-UltraLightItalic.woff2') format('woff2'),
        url('../fonts/Gilroy-UltraLightItalic.woff') format('woff'),
        url('../fonts/Gilroy-UltraLightItalic.ttf') format('truetype');
    font-weight: 200;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-SemiBoldItalic.eot');
    src: url('../fonts/Gilroy-SemiBoldItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/Gilroy-SemiBoldItalic.woff') format('woff'),
        url('../fonts/Gilroy-SemiBoldItalic.ttf') format('truetype');
    font-weight: 600;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Gilroy';
    src: url('../fonts/Gilroy-ThinItalic.eot');
    src: url('../fonts/Gilroy-ThinItalic.eot?#iefix') format('embedded-opentype'),
        url('../fonts/Gilroy-ThinItalic.woff2') format('woff2'),
        url('../fonts/Gilroy-ThinItalic.woff') format('woff'),
        url('../fonts/Gilroy-ThinItalic.ttf') format('truetype');
    font-weight: 100;
    font-style: italic;
    font-display: swap;
}

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

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



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


/*************** DEFAULT CSS ***************/
body{
    font-family: 'Gilroy';
    font-size:14px;
    font-style: normal;
    line-height: normal;
    font-weight:500;
    color: #3a3a3a;
    text-decoration: none;
    margin:0px;
    -webkit-font-smoothing: antialiased;
    padding:0;
    background: #fdfcf6;
    
}

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

a {
    color:#3a3a3a;
    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: #1f416c;
    }

p {
    margin: 0px 0 30px 0;
    clear: left;
    padding: 0;
    font-weight: 500;
    line-height: 25px;
    }
h1, h2, h3, h4, h5, h6 {
    margin:0 0 20px 0;
    padding:0;
    font-weight:normal;
    }
    h2{
        font-size: 52px;
        color: #1f426d;
        line-height: 62px;
        margin-bottom: 10px;
        font-weight: 700;
    }
    h1{
        font-size: 52px;
        color: #1f426d;
        line-height: 62px;
        margin-bottom: 10px;
        font-weight: 700;
    }
        h3{
        font-size: 32px;
        line-height: 40px;
        margin-bottom: 15px;
        font-weight: 500;
    }
.white-text{
    color: #fff;
}
.blue-text{
    color: #06426a;
} 
.l-blue{color: #72bfd2;}  
hr {
    margin:30px  0 30px 0;
    height:1px;
    border:0;
    border-top:1px solid #d1d5d9;
    
    float:left;
    width:100%;
    position:relative;
}

img{
    border:0;
    
}   
a img {
    border: 0;
    }

/*************** 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/bsh-logo.png); /* path to your loading animation */
    background-repeat:no-repeat;
    background-position:center;

    margin:0; /* is width and height divided by two */
}

/*************** BACK TO TOP ***************/

/*************** COLUMS AND ROWS ***************/
main{
    position:relative;
    }
.row{
    width:100%;
    display:block;
    float:left;
    padding:0;
}
.row-flex{ 
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    display: block;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; 
}
.justify-center{justify-content: center;}
.justify-space-between{justify-content: space-between;}
.align-items{align-items: center;}
.justify-end{justify-content: flex-end;}
.container{
    width:1280px;
    margin:0 auto;
}
.fullwidth{
    width:100%;
    display:block;
}
img.full-width{
    width: auto;
    max-width: 100%;
}
.two-col{
    width: 46%;
    float: left;
    margin-right: 8%;
}
.three-col{
    width:30%;
    float:left;
    margin-right:5%;
}
.four-col{
    width:22%;
    float:left;
    margin-right:4%;
}
.last{
    margin-right:0 !important;
}
.clearfix{
    width:100%;
    height:100px;
    float:left;
    margin:0;
    padding:0;
    display:block;
}

section , footer {
    width: 100%;
    float: left;
    position: relative;
}
.aside {
    width: 25%;
    float: left;
    margin: 0;
    padding: 0;
}
.summary {
    width: 74%;
    float: right;
    margin: 0;
    padding: 0 0 0 100px;
}
.col{
    float:left
}
.fl-right{float: right;}
.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%
}
.smd20{
    width:20%
}
.smd80{
    width:80%
}
.smd66{width: 66.66666666%;}

.text-center{ text-align: center; }
.text-justify{ text-align: justify; }
.uppercase{text-transform: uppercase;}

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

/*************** HOME PAGE CSS ***************/
header{  
width: 100%; top:-100px;
z-index: 2;
 -webkit-transition: all 300ms ease-in-out;
-moz-transition: all 300ms ease-in-out;transition: all 300ms ease-in-out;
}
header a{ 
    color: #1f416c;
    }
header a:hover{ 
    color: #56c8c8;
    }
.header{
display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
}
.header-top{}
.header-bottom{
    border-top:1px solid #d1d5d9;
}
.logo{ float: left;padding:15px 0 }
.header-right{}
.logo img{}
.header-right{
    float: right;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding:15px 0 
}



.inline {
    display: inline-block;
    padding: 8px 35px 7px 77px;
    line-height: 19px;
    position: relative;
    border-left: 1px solid #ccc;
    font-size: 12px;
    color: #434343;
    
}
.inline:first-child{border-left: 0;}
.inline span{
    color: #1f416c;
    font-size: 14px;
    font-weight: 600;
    
    }
.inline img{
    position: absolute;
    top: 0;
    left: 17px;
}
.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{
        float: right;
    margin-top: 16px;

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

.sch-btn {
    /* float: right; */
    background-color: #fff;
    border: 1px solid #bfbfbf;
    width: 46px;
    height: 46px;
    color: #000;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    position: relative;
    z-index: 1;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}
.sch-btn:hover {
    background: #7bc2c2;
    border: 1px solid #7bc2c2;
    }
.sch-btn:hover  img{
    filter: brightness(0) invert(1);
}

a.language{
    display: inline-block;
    color: #fff;
    background: #1f416c;
    margin:0 0px 0 20px;
    padding:0px 10px;
    font-family: 'Noto Kufi Arabic', sans-serif;

}
.slider-wrap {
    float: left;
    width: 100%;
    position: relative;
}



/*----------------rightlink-------*/
.right-button{
    cursor: pointer;
    display: inline-block;
    width: auto;
    
    float: right;
    border-left:1px solid #d1d5d9;
    border-right:1px solid #d1d5d9;
    padding: 6px 22px;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}
.bar {
    display: block;
    height: 2px;
    width: 30px;
    background-color: #1e416c;
    margin: 10px auto;
    -webkit-transition: all .7s ease;
    -moz-transition: all .7s ease;
    -ms-transition: all .7s ease;
    -o-transition: all .7s ease;
    transition: all .7s ease;
}
.top {
    top: 0;
}
.right-button:hover .middle{
    width: 30px;
    }
.middle {
    margin: 0;
    width: 20px;
}
.bottom {
    bottom: 0;
}

/*-----------*/

.blue-btn{}
.blue-btn a{
    display: inline-block;
    padding:16px 28px;
    font-size: 14px;
    font-weight: 600;
    color: #fff;
    background: #1f416c;
    margin:10px 10px 10px 0;
}
.blue-btn a:hover, .beige-btn a:hover{
    background: #7bc2c2
    }
.beige-btn{}
.beige-btn a{background: #9a877d;}
/*-------*/

.boxy-wrap {padding:40px 0 0 0;}
.boxy-wrap ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none;
    justify-content: space-between;

}
.boxy-wrap ul li {
    position: relative;
    width: 22%;
    padding: 9px 0px 30px 79px;
    border-bottom: 1px solid #7bc2c2;
    float: left;
    margin-bottom: 30px;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.boxy-wrap ul li:nth-child(even) {
     border-bottom: 1px solid #1f416c;
    }
.boxy-wrap ul li .icon{
    position: absolute;
    top:0;
    left:0;
    width:55px;
    height: 55px;
    background: #7bc2c2;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;

    }
.boxy-wrap ul li:nth-child(even) .icon{
background: #1f416c;
}
.boxy-wrap ul li a{
    font-size: 14px;
    color: #616161;
}

.boxy-wrap ul li a span{
    font-size: 20px;
    font-weight: 600;
    color: #1f416c;
    line-height: 25px;
    }
.boxy-wrap ul li:after{
    content: '';
    position: absolute;
    left: 0;
    bottom: -2px;
    height: 3px;
    background: #7bc2c2;
    width:0%;
        -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    
    }
.boxy-wrap ul li:nth-child(even):after{
    background: #1f416c;
}
.boxy-wrap ul li:hover:after{
    width:100%;
    }
.boxy-wrap ul li:hover{
    padding-left: 85px;
}


/*---------------specialities---------*/
.s-box{
    width: 100%;
    overflow: hidden;
}
.s-box-title{
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 0;
    padding: 24px 70px 24px 25px;
    font-size: 20px;
    z-index: 2;
    background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(31,65,108,0.9));
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    
}
.s-box-title:hover{
    padding-top: 100%;
    
    }
.s-box-title:after{
content: '';
position: absolute;
    bottom: 16px;
    right: 19px;
width: 35px;
height: 35px;
background: url(../images/icons/next-arrow.png) no-repeat 0 0;
 -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}
.s-box-title:hover:after{
    right: 16px;
    }
.s-box-title span{ 
    font-size: 20px;
    font-weight: 500;
    color: #fff;
}

.specialities .item{
    width: 22%;
    position: relative;
    overflow: hidden;
    margin-bottom: 4%;
}
.image-container{
padding: 0 0px 35px 35px;
    position: relative;
    width: 100%;
    float: left;
}

.image-container2{
padding: 35px 35px 0px 0px;
}
.image-container:after{
    content: '';
    position: absolute;
    left: 0%;
    bottom: 0%;
    width: 46%;
    height: 50%;
    background: #333;
    z-index: 0;
    color: white;
    background: repeating-linear-gradient( -45deg, #7bc2c2, #7bc2c2 0.5px, #fff 1px, #fff 4px );
}
.image-container2:after{
    left: auto;
    bottom: auto;
    right:0;
    top:0;
    }

   /* -----------------counter-----------*/
.data-progress {
    padding: 0px;
    margin-left: 0px;
}

.data-progress li {
    list-style: none;
    width: 24%;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    /* padding-left: 50px; */
    padding: 30px;
    text-align: center;
}

.data-progress li h2 {
    font-weight: 800;
    color: #06426a;
    font-size: 52px;
    margin-bottom: 0;
    line-height:52px;
}

.data-progress li h2 span {
  /*  font-size: 52px;
    color: #06426a;
    font-weight: 800;*/
}

.data-progress p {
font-weight: 500;
    font-size: 16px;
    margin-bottom: 0px;
    color: #3a3a3a;
}

.border-top{
    border-top:1px solid #d1d5d9;
}

.services .item{

    width: 30%;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;

}

.services .item .s-box-title span {
    font-size: 30px;
    font-weight: 600;
    color: #fff;
}

.big-btn{}

.big-btn a{
    display: inline-flex;
    font-size: 22px;
    color: #fff !important;
    line-height: 25px;
    font-weight: 500;
    padding: 12px 30px;
    background: #7bc2c2;
    position: relative;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 2px 0;
}
.big-btn-dark a{
    background: #06426a;
    }
.big-btn:nth-child(2) a{
    margin-left: 15px;
}
/*.big-btn a img{
    position: absolute;
    top:40%;
    left:20px;
}*/
.big-btn a:hover, .big-btn-dark a:hover {
    background: #9a877d;
}

.b-bg{
    background: url(../images/bg.jpg) repeat-x ;

}
.button2{

}

.button2 {
     display: inline-flex;
    font-size: 15px;
    color: #fff;
    line-height: 25px;
    font-weight: 500;
    padding: 12px 30px;
    background:transparent;
    border:1px solid #fff;
    position: relative;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin: 2px 5px;   
}
.button2:hover {
    background: rgba(123, 194, 194, 0.7);
    }
    .button2:hover a{
       color: #000;
    }
.button2 a{
     color: #fff;
    }

footer{
    width: 100%;
    float: left;
    position: relative;
}
.footer-top{
    background: #7bc2c2;
    color: #06426a;
    font-size: 14px;
    line-height: 16px;
    padding:30px 0;
    text-align: center;
}
.footer-top a{
    color: #06426a;
    }
    .footer-top a:hover{
    color: #000;
    }
.sep{padding: 0 4px;}
.footer-bottom{
    background: #fff;
    color: #3a3a3a;
    font-size: 14px;
    line-height: 16px;
    padding:10px 0;
    text-align: center;
}
.footer-bottom h3{
font-size: 18px;
    line-height: 20px;
    color: #0076a3;
    font-weight: 700;
    margin-bottom: 10px;
    }
.footer-bottom p.address{
    font-weight: 600;
    margin-bottom: 10px;
}

.social {
    padding-bottom: 30px;
}
.social a i{
    margin: 0 7px;
    font-size: 17px;
    color: #1f426d;
    }
    .social a:hover i{
    color: #7bc2c2;
    }

.menu-col-adrs .inline{
    border:1px solid #71bed2;
   margin-bottom: 15px;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    width: 100%;

}
.menu-logo img{
    max-width: 100%;
    margin-bottom: 30px;
}
.menu-col-adrs .inline span, .menu-col-adrs .inline a{
     font-size: 14px;
     color: #fff;
    }
.menu-col-adrs .inline span:hover, .menu-col-adrs .inline a:hover{
    color: #71bed2;
}
/*************** INNER PAGE CSS ***************/
h2.subheading{
    font-size: 26px;
    line-height: 30px;
    margin-bottom: 20px;
    color: #1f426d;
}
.leftline{
position: relative;
padding-left: 40px;
}
.leftline:after{
    content: '';
    position: absolute;
    top:0;
    left:0;
    background: #7bc2c2;
    width: 4px;
    height: 30%;
    min-height:126px; 

}
.highlight-text{
    
    font-size: 20px;
    line-height: 35px;
}
.blue-text{
    color: #1f416c;
    }
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;
    background: transparent;
    background:url(../images/icons/down-arrow.png) no-repeat 98% 61%;
}
.form-group-select select:focus {
    background: url(../images/icons/up-arrow.png) no-repeat 97% 61%;
    }
.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: #1f416c;
    margin-bottom: 10px;
    display: block;
}
.doctor-single{
    width:23%;
    margin:0 2% 2% 0;
    background: #fff;
    padding:16px 16px 86px 16px;
    position: relative;
    text-align: center;
-webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
    float: left;

}
.department-doctors .item .doctor-single{
    width: 100%;
    float: left;
    margin: 0;
}
.doctor-single p{
    margin-bottom: 0;
    }
.buttons-div{
    position: absolute;
    bottom: 40px;
    left:0;
    padding:0 16px;
    text-align: center;
    display: flex;
    align-items: stretch;
}
.buttons-div .more , .buttons-div .more a{
    width: 100%;
    }
.doctor-desc{
    padding: 28px 0 7px 0;
    min-height: 124px;

}
.doctor-name, .team-single h3{
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    margin-bottom: 15px;
    color: #1f416c;
    }
    .more{

    }
      .more a{
        display: inline-block;
        background: #1f416c;
        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: #7bc2c2;
     }
     .more:nth-child(2) a:hover, .more a:hover{
        background: #9a877d;
     }

  /*   -------------specialities page--------*/
  .speciality-icon{
    width: 173px;
    height: 173px;
    border-radius: 100%;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: #7bc2c2;
    /*border:13px solid #e5f3f3;*/
   
  

  }
  .speciality-icon:after{
    content: '';
    position: absolute;
    top:-13px;
    left:-13px;
 
    margin:0 0; 
    width: calc(100% + 26px);
    height: calc(100% + 26px);
    border-radius: 100%;
    background:transparent;
    border:13px solid;
    border-color: #e5f3f3;
    border-left-color:transparent;
    transform: rotate(45deg);
    z-index: -1
     
  }

strong{color: #1f416c; font-weight: 700;}

/*---packages----*/
.packages-single{
    width:31.333333%;
    margin:0 2% 2% 0;
    background: #fff;
    padding:20px 20px 30px 20px;
    position: relative;
   -webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
   -moz-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
    float: left;

}
.department-doctors .item .doctor-single{
    width: 100%;
    float: left;
    margin: 0;
}
.doctor-single p{
   margin-bottom: 0;
    line-height: 15px;
    }
.packages-single .buttons-div{
    position: absolute;
    bottom: 23px;
    left:0;
    padding:0 16px;
    text-align: center;
    display: flex;
    align-items: stretch;
}

.contact-single{
    width: 25%;
    padding:0 30px;
    border-left:4px solid #7bc2c2;
        margin-bottom: 25px;
}
.contact-single:first-child{
    padding-left: 0;
      border-left:0px solid #7bc2c2;
    }
.contact-single p{
    line-height: 30px;

    }
.contact-single a{
    color: #1f416c;
    font-weight: 700;
}
.btn-small{

}
.btn-small a{
   font-size: 14px !important; 
   font-weight: 500 !important;
}

/*------*/

.locations{
   
    padding:0 30px 0 93px;
    position: relative;
    border-left:4px solid #7bc2c2;
        margin-bottom: 25px;
}
.locations:after{
    content: '';
    position: absolute;
    top: 6px;
    left: 25px;
    width: 41px;
    height: 41px;
    background: url(../images/icons/location.png) no-repeat 0 0;
    }
    .bb-text{font-size: 18px; font-weight: 700; color: #06426a;}

.book{

}
.book a{
    display: inline-block;
    background: #1f416c;
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 20px;
    padding:20px 100px 20px 50px;
    margin:20px 0;
    position: relative;
}
.book a:before{
    }
.book a:after{
    content: '';
    background: url(../images/icons/calendar.png) no-repeat center center #7bc2c2;
    width: 59px;
    height: 100%;
    position: absolute;
    top:0;
    right:0;
    }

.bg-white{background: #fff;}
h3.subtitle{
    font-size: 16px;
    font-weight: 700;
    color: #1f426d;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
.leftline{
    padding-left: 40px;
    /*border-left:4px solid #7bc2c2;*/

}
.font20{
font-size: 20px;
}
.doctor-large .hover-effect{
    border-bottom: 2px solid #1f416c;
    -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;
}

.doctor-large{
    position: sticky !important;
    top:55px;
}

.insurance-logos{ float: left; width: 100%; margin-top: 0px; padding: 0px; }
.insurance-logos li{float: left;width: 20%;list-style: none;border: 1px solid #e2e2e2;text-align: center;margin: -1px -1px 0 0;padding:15px 10px;}
.insurance-logos li img { max-width: 100%;    -webkit-transition: all 300ms ease-in-out; -moz-transition: all 300ms ease-in-out; transition: all 300ms ease-in-out;}
.insurance-logos li img:hover { filter: grayscale(1); transform: scale(0.9); opacity: 0.7}

.testimonial-wrap{
display: flex;
    position: relative;
    border-bottom: 1px solid #d1d5d9;
    padding: 0px 0 0px 0;
    margin-bottom: 40px;


}
.testimonial-wrap:after{
content: ' ';
    position: absolute;
    bottom: -25px;
    right: 30px;
    width: 50px;
    height: 50px;
    background: url(../images/icons/quote.png) no-repeat center center #7bc2c2;
    border-radius: 100%;
    }
.testimonial-wrap .testimonial-image{
    background: #7bc2c2;
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    height: 118px;
    width: 118px;
    
}
.testimonial-wrap .testimonial-image img{
    max-width: 100%;
    }
.testimonial-wrap  .testimonial-desc{
    padding-left: 40px;
    width: calc(100% - 118px)

}
.video-wrap{
    width: 100%;
    background: #000;
    -webkit-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
box-shadow: 0px 0px 20px 4px rgba(0,0,0,0.1);
text-align: center;
}
.video-wrap iframe{
    width: 100%;
    min-height: 380px;
    }

.footer-device-mobile {
    position: fixed;
    bottom: -1px;
    left: 0;
    z-index: 1001;
    background: #fff;
    width: 100%;
    overflow: initial;
    -webkit-transition: all .4s ease-in-out 0s;
    -o-transition: all .4s ease-in-out 0s;
    transition: all .4s ease-in-out 0s;
}
.footer-device-mobile {
    display: none;
    }
    .footer-device-mobile .list-menu-icon {
    display: -ms-flexbox;
    display: flex;
    padding: 10px 0;
    -webkit-box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 0 20px 0 rgb(0 0 0 / 10%);
}
.footer-device-mobile .list-menu-icon>* {
    flex: 1;
    padding: 5px;
    text-align: center;
    font-size: 11px;
    display: flex;
   /* align-items: center;*/
    flex-wrap: wrap;
    justify-content: flex-start;
    flex-direction: column;
}
.m-icon img{
    display: block;
    max-width: 30px;
}
.m-icon i{
    color: #1f416c;
    font-size: 15px;

}
.cart-link{
    width: 61px;
    height: 61px;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
    border-left: 1px solid #d1d5d9;
    border-right: 0px solid #d1d5d9;
    border-bottom: 1px solid #fff;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 25px;
   
}
.cart-link a{
    color: #1f416c;
    }
    .cart-link a:hover{
    color: #000;
    }
.cart-link span {
    position: absolute;
    width: 23px;
    height: 23px;
    background-color: #7bc2c2;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    -ms-border-radius: 50px;
    top: 7px;
    left: 36px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.education-single {
    width: 31.333333%;
    margin: 0 2% 2% 0;
    background: #fff;
    padding: 0px 0px 20px 0px;
    position: relative;
    -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%);
    float: left;
}
.education-single h3{
    font-size: 16px;
    line-height: 20px;
    }
.desc{
        padding: 15px 30px 40px 30px;
        text-align: center;
        position: relative;
}
.education-single .buttons-div {
    position: absolute;
    bottom: 17px !important;
    }
.search-education{
  /*  border-bottom: 1px solid #ccc;*/
/*    padding-bottom: 30px;
    margin-bottom: 30px;*/

}
.fieldset-line{
    border:0!important;
    border-bottom: 1px solid #d9d9d9 !important;
    padding: 10px 3px 10px 3px !important;
}

.blog-single{
        width:23%;
    margin: 0 2% 2% 0;
}
.blog-single .date{
    /* background: #ccc; */
    color: #7bc2c2;
    padding-bottom: 10px;

}
.blog-single .desc {
    padding: 15px 16px 40px 16px;
    text-align: left;
    /* position: relative; */
}
.blog-left,
.blog-right {
    position: relative;
    float: left;
}

.blog-left {
    
}

.blog-cont {
    width: 100%;
    float: left;
    padding: 25px 0 0 0;
}

.blog-cont h2 {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 5px;
    line-height: 28px;
}

.blog-date {
    font-size: 12px;
    padding: 5px 0;
    color: #ea232c;
}
.blog-right:after {
    content: '';
    position: absolute;
    top: 0;
    left: -2px;
    width: 2px;
    height: 50px;
    background: #1f416c;
    opacity: 1;
}
.blog-right {
    
    border-left: 2px solid rgb(0, 0, 0, 0.2);
    position: relative;
}
.blog-right h2, .heading-small{
        font-size: 32px;
    line-height: 40px;
    margin-bottom: 15px;
    font-weight: 500;
    color: #1f416c;
    }
    .blog-detail-box .date{
        background: #7bc2c2;
        color: #fff;
        padding: 11px 15px;
        margin-bottom: 10px;
        display: inline-block;
    }
   /* ----------careers--------*/
   .career-single {

    width:48%;
    background: #fff;
    
    margin:0 2% 2% 0;
    padding: 30px 30px 90px 30px;
    position: relative;
   border-left: 4px solid #7bc2c2;
    font-size: 16px;
    line-height: 25px;
    -webkit-box-shadow: 2px 8px 21px -11px rgb(0 0 0 / 55%);
    -moz-box-shadow: 2px 8px 21px -11px rgba(0,0,0,0.55);
    box-shadow: 2px 8px 21px -11px rgb(0 0 0 / 55%);

}
   .career-single h3{
    font-size: 21px;
    line-height: 29px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 16px;
    margin-bottom: 16px;
   }
     .career-single .link{
       position: absolute;
       bottom: 20px;
    right: 30px;
     }
          .career-single .link a{
       padding-top: 10px;
       padding-bottom: 10px;
     }
.career-single:hover {
     -webkit-box-shadow: 2px 8px 21px -11px rgb(0 0 0 / 75%);
    -moz-box-shadow: 2px 8px 21px -11px rgba(0,0,0,0.75);
    box-shadow: 2px 8px 21px -11px rgb(0 0 0 / 75%);
    }

.career-single strong{
    color: #60af41;
    margin-right: 10px;

}

.career-single p{
  margin-bottom: 10px;
  display: flex;
  font-size: 14px;
  line-height: 22px;
}
.c-specifications{padding: 5px 0; margin-bottom: 10px;}
.c-specifications span{padding: 0px 7px 0px 0;
    display: inline-block;}
.c-specifications span i{margin-right: 7px; color: #7bc2c2;}

/*--------------------file upload----------*/
/*********file chosen style**************/

input.file{
    display: none;
}



.custom-file-upload {
   border: 0;
    display: block;
    padding: 16px 20px;
    color: #333;
    cursor: pointer;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    text-align: left;
}

.custom-file-upload  i{
    color: #1f426d;
    margin-right: 7px;
}
/*--------------leadership team-------------*/
/*-------------------doctors page--------------*/
.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;
        -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: #1f426d;
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 30px;
}
.leader-single p, .leader-popup p{
    margin-bottom: 16px;
    font-weight: 400;
}
.doctor-single h3{
    /* border-bottom: 1px solid #E7908F; */
    /* padding: 15px 0; */
    margin-bottom: 7px;
    font-weight: 600;
    font-size: 20px;
}
p.specialist{
position: relative;
padding: 0 0 0 25px;
font-weight: 600;
font-size: 20px;
}

p.specialist:after {
    width: 10px;
    height: 10px;
    background: #E7908F;
    border-radius: 100%;
    position: absolute;
    left: 7px;
    top: 38%;
    content: ''

}

.team-single {
    width: 18%;
    margin: 0 2% 2% 0;
    background: #fff;
    padding: 16px 16px 16px 16px;
    position: relative;
    text-align: 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%);
    float: left;
}
.team-single .doctor-desc {
    padding: 20px 0 0px 0;
}
.modal-dialog .leader-popup{
    background-color: #fff;
    border-right: #e8741d;
    font-weight: 600;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: flex-start;

}

/*----------mission vision page*/
.vision-mission {
    width: 100%;
    margin: 0 auto;
    padding: 0;
  
    border-left: 4px solid #7bc2c2;
    display: flex;
    margin-bottom: 50px;
       -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%);
}

.vision-mission:nth-child(2) {
    border-left: 0px solid #7bc2c2;
    border-right: 4px solid #7bc2c2;
}

.vision-mission .hover-effect img {
    height: 100%;
    object-fit: contain;
    position: relative;
    top: 50%;
}

.vision-mission p {
    margin: 0 0 10px 0;
    color: #777;
}

.vision {
    background: url(../images/vision.jpg) no-repeat center left;
    background-size: 50%;
    padding: 0 0 0 50%;
}

.mission {
    background: url(../images/mission.jpg) no-repeat center right;
    padding: 0 50% 0 0%;
    background-size: 50%;
}

.padfull50 {
   padding: 10%;
}

.mission-box {
    background: #fff;
}


/*-----------------------core values-----------*/

section.corevalues {}

section.corevalues {}

.values-wrap ul {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    list-style: none;
}

.values-wrap ul li {
    position: relative;
    width: 16.66666%;
    padding: 25px 15px 25px 15px;
    float: left;
    text-align: center;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.values-wrap ul li:after {
    content: '';
    position: absolute;
    right: 0;
    top: 25%;
    height: 70%;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
}

.values-wrap ul li:last-child:after,
.values-wrap ul li:last-child:before {
    border-right: 0px;
}

.values-wrap ul li:last-child {
    border-right: 0px solid #f37159;
}

.values-wrap ul li a {
    color: #fff;
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
}

.values-wrap ul li:hover a {
    color: #000;
}

.values-wrap ul li:hover img {
    -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);
    }
}

.values-wrap ul li img {
    /*float: left;*/
    -webkit-transition: all 300ms ease-in-out;
    -moz-transition: all 300ms ease-in-out;
    transition: all 300ms ease-in-out;
    display: inline-flex;
    vertical-align: middle;
    padding-top: 20px;
}

.values-wrap ul li span {
    line-height: 30px;
    /* float: left; */
    display: inline-flex;
    text-align: center;
    font-size: 16px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 400;
    display: block;
    text-decoration: none;
    -webkit-transition: all 500ms ease-in-out;
    -moz-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}
/*------------------cart pages-------------*/
/*---------------------shopping cart page------------*/

.table {

    width: 100%;

    margin-bottom: 1rem;

    background-color: transparent;

}
.cart-table-container{
    width: 100%;
    float:left;
    overflow-x:auto
}
.table-cart tr th {

    padding: 10px 0px;

    text-align: left;

}
.table-totals{
    border-bottom: 1px solid #ccc;
}
.table-cart tr{

    border-bottom:1px solid #ccc;

}



.table-cart tr th.product-col {

    width: 33%;

}

.table-cart tr th.price-col {

    width: 14%;

}



.table.table-cart tr th, .table.table-wishlist tr th {

    border: 0;

    color: #222529;

    font-weight: 700;

    line-height: 2.4rem;

    text-transform: uppercase;

}

.table.table-cart tr th, .table.table-wishlist tr th {

    border: 0;

    color: #222529;

    font-weight: 700;

    line-height: 2.4rem;

    text-transform: uppercase;

}

.table.table-cart tr td, .table.table-cart tr th, .table.table-wishlist tr td, .table.table-wishlist tr th {

    vertical-align: middle;

}

.table.table-cart tr th, .table.table-wishlist tr th {

    border: 0;

    color: #222529;

    font-weight: 700;

    line-height: 2.4rem;

    text-transform: uppercase;

}

.table.table-cart tr td.product-col, .table.table-wishlist tr td.product-col {

    padding: 2rem 0.8rem 1.8rem 0;

}



span.code {

    color: #676767;

    font-size: 10px;

    line-height: 16px;

    position: relative;

    top: 0px;

    display: block;

}

.subtotal-price{
font-size: 16px;
    font-weight: 700;
    color: #1f426d;

}

.btn-remove {

    width: 30px;

    height: 30px;

    border-radius: 50%;

    color: #fff;

    background-color: #d26046;

    text-align: center;

    line-height: 31px;

    display: inline-block;

}

.btn-remove:hover {

    background-color: #333;

    color: #fff;

    }

.btn-remove:before {

    content: "";

    font-family: "Font Awesome 5 Free";

    font-weight: 900;

}



.input-group {

    position: relative;

    display: -ms-flexbox;

    display: flex;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    -ms-flex-align: stretch;

    align-items: stretch;

    /* width: 100%; */


}

.quantity-btn-wrp {

    max-width: 130px !important;

    padding-right: 0 !important;

    max-width: inherit !important;

    width: 100px;

    display: flex;

}

.quantity-btn-wrp .qnty-btn {

    background-color: #fff;

    border: 1px solid #e2e2e2;

    width: 30px;

    font-size: 23px;

    color: #5e5e5e;

    line-height: 30px;

    cursor: pointer;

    text-align: center;

    display: inline-block;

}



.quantity-btn-wrp .qnty-input {

    border: 1px solid #e2e2e2;

    border-right: none;

    border-left: none;

    height: 35px !important;

    font-size: 13px;

    width: 40px;

    text-align: center;

    display: inline-block;

    margin: 0;

    padding: 0;

}



.quantity-btn-wrp .qnty-btn:hover {

    background-color: #e2e2e2;

}

.cart-summary {
background-color: #fff;
    margin-bottom: 30px;
    padding: 20px 20px;
    border-radius: 0;
    overflow: hidden;
    border-left: 4px solid #7bc2c2;
    text-align: center;
    width: 100%;
    margin: 1% 1%;
    -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%);
    

}



.table.table-totals tr td, .table.table-totals tr th {

    padding: 10px;

    border: 0;

    letter-spacing: -0.01em;

    font-size: 14px;

    font-weight: 600;

    color: #777;

    text-align: left;

  

}
.table.table-totals tr td:last-child, .table.table-totals tr th:last-child {
    text-align: right;
}
.table.table-totals tfoot tr td {

    border-top: 1px solid #ccc;

    color: #222529;

    font-size: 20px;

    font-weight: 700;

}

.checkout-btn a{
    font-size: 16px;
    padding: 16px 10px;
    /* text-transform: uppercase; */
    color: #fff;
    background: #7bc2c2;
    font-weight: 500;
    display: inline-block;
    margin: 0 2px;
}

.checkout-btn:hover a {

    background-color: #1f416c;

    }

    .order-summary {
background-color: #fff;
    margin-bottom: 30px;
    padding: 20px 20px;
    border-radius: 0;
    overflow: hidden;
    border-left: 4px solid #7bc2c2;
    text-align: center;
    width: 100%;
    margin: 1% 1%;
    -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%);

}

.order-summary h3{
    font-size: 22px;
    color: #1f426d;
    border-bottom: 1px solid #7bc2c2;
    font-weight: 700;
    margin: 0 0 20px 0;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 0;
    padding-bottom: 10px;

}

.full-width, .full-width a{width: 100%;}
.table-mini-cart tfoot tr, .table-mini-cart thead {

    border-bottom: 1px solid #ccc;



}

.table-mini-cart td, .table-mini-cart th, .table-mini-cart thead th, .table-mini-cart tr {

    border: 0;

    vertical-align: middle;

    color: #222529;

        text-align: left;

    padding: 15px;

}

.order-summary h4 {

    margin-bottom: 0;

    font-size: 16px;

    font-weight: 600;

    letter-spacing: -0.01em;

    line-height: 19px;

}



.table-mini-cart .price-col, .table-mini-cart .product-col {

    padding: 15px;

}

.table-mini-cart .cart-total h4{font-size: 22px}

.order-shipping label{

    font-size: 14px;

    color: #222529;

}

.table-mini-cart .payment_box {

    position: relative;
    margin-top: 4px;
    color: #000;
    font-weight: 700;
    margin-bottom: 25px;
    padding: 15px;
    background-color: #ccc;
    /* box-shadow: 1px 1px 2px rgb(0 0 0 / 25%); */




}

.table-mini-cart .payment_box:before {

    position: absolute;
    bottom: -7px;
    left: 25px;
    background: #ccc;
    font-size: 32px;
    line-height: 0;
    content: "";
    width: 20px;
    height: 20px;
    transform: rotate(45deg);

  

}
.input-radio{}
.input-radio label{
    display: inline-block !important;
    margin-right: 10px;
    vertical-align: -webkit-baseline-middle;
}
 .input-radio  input[type="radio"] {
 box-sizing: border-box;
    padding: 0;
    margin-left: 5px;
    margin-top: 2px;
}
p.small-p{

    font-size: 14px;

    line-height: 20px;

    color: #777;

}

.checkout-container label, .write-review label {

    margin-bottom: 5px;

    color: #777;

    font-size: 14px;

    font-weight: 400;

    letter-spacing: -0.01em;

    display: block;

}

.required {

    border: none;

    color: #E01020;

    font-size: 16px;

    line-height: 1;

}
.fieldset-coupon{
    width: auto !important;
    height: auto !important;
}
.shopping-pages{}
.shopping-pages .sendbutton{
    font-size: 16px !important
}

.awards-row{}
.awards-row .packages-single{
    text-align: center;
}
.awards-row .packages-single .hover-effect{
width: auto;
    margin: 0 auto;
    display: inline-block;
    float:none;
    overflow: visible;
}
.awards-row .packages-single:hover .hover-effect img  {
  -moz-transform: scale(1.05, 1.05) ;
  -ms-transform: scale(1.05, 1.05) ;
  -webkit-transform: scale(1.05, 1.05) ;
  transform: scale(1.05, 1.05) ;
  
}

.thankyoubox .order-summary h3{ border-bottom: 1px solid #7bc2c2;}
/*.thankyoubox .table-mini-cart th, .table-mini-cart thead th{background:#f1f1f1;}*/

.checkout-button  {
font-size: 16px;
    padding: 16px 21px;
    /* text-transform: uppercase; */
    color: #fff;
    background: #7bc2c2;
    font-weight: 500;
    display: inline-block;
    margin: 0 2px;
    border: 0;
}
.checkout-button:hover  {
    background: #1f416c;
    }
.order-summary .checkout-button {width: 100%;}
.facts-wrap{}
.facts-wrap h3{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 15px;
}
.gallery-row .doctor-single{
padding: 16px 16px 0px 16px;
}

.footer-logos a {
    margin: 15px 0 25px 0;
    display: block;
}


/*---------*/
.whtsapp-link{position:fixed;right: 8px;bottom: 63px;z-index: 9;}
.whtsapp-link h5{float:left;width: 130px;position:absolute;right:-11px;opacity:0;color:#6d6d6d;font-size: 15px;font-weight:500;margin:10px 0 0 0;background-color:#e8e8e8;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{width:50px;padding-top: 12px;height:50px;background:#2db742;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;box-shadow:0px 2px 7px 2px rgba(0,0,0,0.14);-webkit-box-shadow:0px 2px 7px 2px rgba(0,0,0,0.14);-moz-box-shadow:0px 2px 7px 2px rgba(0,0,0,0.14);text-align:center;line-height:67px;float:right;margin-left:0;z-index:1;position:relative;}
.whatsapp-icon img{width:25px;-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);}


.csr-item {
    padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom:30px;
    background: #fff;
    width: 100%;
    float: left;
}
.wrap-box{
        padding: 30px;
    border: 1px solid rgba(0, 0, 0, 0.2);
    margin-bottom: 30px;
    background: #fff;
    width: 100%;
    float: left;
    position: relative;
  
}

/*************** paddings ***************/
.pt-100{padding-top: 100px}
.pb-100{padding-bottom: 100px}
.pt-200{padding-top: 200px}
.pb-200{padding-bottom: 200px}
.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}
.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: 20px}
.mt-30{margin-top: 30px}
.mb-30{margin-bottom: 30px}
.mt-20{margin-top: 20px}
.mb-20{margin-bottom: 20px}
.mt-0{margin-top: 0px}
.mb-0{margin-bottom: 0px}

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

.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; float: left; width: 30%;}
.icon_box { border-bottom:1px solid #e1e1e1; padding-bottom: 7px; margin-bottom: 23px;}
.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 {float:left;margin:0px 20px 0px 0px;padding:8px;border-radius:100%;width:45px;height:45px;text-align:center;line-height:30px;color:#fff;-webkit-transition:all 300ms ease-in-out;-moz-transition:all 300ms ease-in-out;transition:all 300ms ease-in-out;background: #f04e30;}
.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{ float: left; width: 70%; padding-left: 50px; }
.map{ float: left; 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;}

ul.list{
    margin:0;
    padding: 0;
        margin-bottom: 30px;
}
ul.list li{
list-style: none;
    padding: 2px 7px 2px 20px;
    line-height: 23px;
    font-weight: 500;
    font-size: 14px;
    position: relative;
}
ul.list li:before{
    content: "\f111";
    position: absolute;
    top: 3px;
    left: 0;
    font-family: "FontAwesome";
    color: #7bc2c2;
    font-size: 7px;

    }



.link{}

.link a{
font-weight: 600;
    background: #fff;
    color: #1f416c;
    padding: 15px 52px 15px 27px;
    margin: 0;
    position: relative;
    font-size: 14px;
    display: inline-block;
    margin: 10px 0;
    border: 1px solid #1f416c;
}
.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: 8px;
    z-index: 2;
    background-image: url(../images/icons/next-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;
}

.link a:hover:after {
    width: 100%;
    left: 0;
    -webkit-transition: width 0.3s ease;
    transition: width 0.3s ease;
}
.stickybar {
    position: sticky;
    top: 100px;
    overflow-x: hidden;
}


/*************** INNER BANNER ***************/
.banner{ float: left; z-index: 0;
 width: 100%; height: 150px; display: flex;   align-items: center; 
background-image: url(../images/banner1.jpg); background-position: center; background-repeat: no-repeat; position: relative; }
.banner-caption h2{color: #fff;font-size: 40px;margin-bottom: 10px;font-weight: 500;line-height: 42px;}
.banner-caption h4 span{color: #7bc2c2}
.banner-caption h4 a{ color: #fff; font-size: 12px;  }
.banner-caption h4 {
    padding: 0px 0px;
    display: inline-flex;
    margin-bottom: 0px;
    align-items: center;
}
.banner-caption{position: relative;z-index: 1;}

.banner1{ background: url(../images/bg.jpg) repeat-x; }
.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: #fff;}
header.smaller .header-top{display: none; }



/*************** 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/parallax/bg1.jpg)no-repeat center center;}
.bg2{background: url(../images/parallax/bg2.jpg)no-repeat center center;}
.bg3{background: url(../images/parallax/bg3.jpg)no-repeat center center;}
.bg4{background: url(../images/parallax/bg4.jpg)no-repeat center center;}
.bg5{background: url(../images/parallax/bg5.jpg)no-repeat center center;}


/*************** FOLATING SOCIAL ***************/


.floting-social-links {
    position: fixed;
    right: 0;
    top: 50%;
    width: 45px;
    margin-top: -110px;
    z-index: 1;
    outline-offset: -3px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    overflow: hidden;
}
.floting-social-links a {
    float: left;
    width: 100%;
    color: #fff;
    background-color: #1f416c;
    text-align: center;
    padding: 15px 0px;
    font-size: 17px;
    border-bottom: 1px solid #7bc2c2;
}
.floting-social-links a:last-child {
    border: 0;
}
.floting-social-links a:hover {
    background-color: #7bc2c2;
    color: #fff;
}
.gmp-link img {
    width: 25px;
}



/**********forms**************/
form{
    margin:0;
    padding:0;
}
*:focus {  
    outline: none;
}
.fieldset{
        width: 100%;
        height: 52px;
        padding: 10px 23px 10px 23px;
        background-color: transparent;
        display: block;
    font-size: 14px;
    width: 100%;
    border: 1px solid #D9D9D9;
    color: #3a3a3a;

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

    
    }

    .sendbutton:hover{
        background-color: #000;
    }
.contact-form{ float: left;width: 100%; }
.contact-form .fieldset {margin-bottom: 0px;}
::-webkit-input-placeholder {
   color:  #6f6f6f !important;
}
:-moz-placeholder { /* Firefox 18- */
   color:  #6f6f6f !important;
}
::-moz-placeholder {  /* Firefox 19+ */
   color:  #6f6f6f !important;
}
:-ms-input-placeholder {  
   color:  #6f6f6f !important;
}
select option{
    background: #06426a;
    color: #fff;
}
.contact-form ::-webkit-input-placeholder {
   color:  #3a3a3a !important;
}
.contact-form :-moz-placeholder { /* Firefox 18- */
   color:  #3a3a3a !important;
}
.contact-form::-moz-placeholder {  /* Firefox 19+ */
   color:  #3a3a3a !important;
}
.contact-form:-ms-input-placeholder {  
   color:  #3a3a3a !important;
}

.wpcf7-form-control-wrap {
    position: relative;
    float: left;
    width: 100%;
}


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

}

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

}

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

}
/************************************* 1180px *************************************/
@media only screen and (max-width: 1280px) {
    .whtsapp-link {
    position: fixed;
    right: 15px;
    bottom: 133px;
    z-index: 9;
}
    .footer-device-mobile {
    display: block;
    }

.container{ width:90%;}
header .container{ width:100%; padding: 0 0px}
.logo {
float: left;
    padding: 19px 0 ;
    width: 100%;
     text-align: center; 
    border-bottom: 1px solid #d1d5d9;
}
.logo img{
    max-width: 90%;
    }
    .header-right {
    float: right;
    display: flex;
    align-items: center;
     justify-content: flex-start; 
    padding: 0;
    flex-wrap: wrap;
    width: 100%;
}
.inline {
    display: inline-block;
    padding: 8px 7px 7px 7px;
    }
.inline img{display: none}
 .d-none{display: none;}
.header-bottom .justify-space-between {
    justify-content: flex-end;
}
/*.sch-btn {
    position: absolute;
    bottom: -45px;
    left: 69px;
    border: 0;
    height: 45px;
}
.inline-login{
    position: absolute;
    bottom: -45px;
    left: 117px;
    font-size: 0;
    padding: 13px 4px;
    width: 50px;
    height: 44px;
    border-left: 1px solid #ccc;
}
.inline-login img{
    display: block;
    width: 40px;
    }
    .inline-login span{
    display: none;

    }
    a.language {
    position: absolute;
    top: 27px;
    right: 15px;
}*/

.package-row .smd20,
.package-row .smd80 {
    width: 100%;
    padding-left:   0;
}
.package-row .smd20 {
    margin-bottom: 25px;
}
.form-group-select select {
    background: url(../images/icons/down-arrow.png) no-repeat 99.3%;
}
.package-row .form-group {
    position: relative;
    margin-bottom: 18px;
}
.package-row .packages-single:nth-child(03),
.package-row .packages-single:nth-child(06),
.package-row .packages-single:nth-child(09),
.package-row .packages-single:nth-child(12),
.package-row .packages-single:nth-child(15),
.package-row .packages-single:nth-child(18),
.package-row .packages-single:nth-child(21),
.package-row .packages-single:nth-child(24),
.package-row .packages-single:nth-child(27),
.package-row .packages-single:nth-child(30) {
    margin-right: 0;
}
.package-row .packages-single {
    width: 32%;
}

}

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



}

/************************************* 980px *************************************/
@media only screen and (max-width: 980px) {
    .menu-wrap {
    margin-bottom: 53px;
    position: relative;
    width: 100%;
    left: 0px;
    bottom: 1px;
    margin-top: 0;
   
}
.doctor-single{
    width:31.333%;
    margin:0 2% 2% 0;
}
.packages-single {
    width: 48%;
    margin: 0 2% 2% 0;
    }
    .contact-single{
    width: 50%;
    }
    .contact-single:nth-child(3){
        padding-left: 0;
        border-left: 0;
    }
.insurance-logos li {
    width: 25%;
}
.education-single {
    width: 48%;
    margin: 0 2% 2% 0;
}
.blog-single{
        width:31.33%;
    margin: 0 2% 2% 0;
}
.team-single {
    width: 31.33%;
    margin: 0 2% 2% 0;
    }
    .values-wrap ul li {
    padding: 20px 5px;
    }
    .vision-mission {
    padding: 0px 0;
    margin-bottom: 20px;
}   
.buttons-div {
    position: relative;
    bottom: 0;
    left: 0;
    padding: 0;
    flex-direction: column;
    gap: 8px;
}
.doctor-desc {
    min-height: auto;
}
.doctor-desc .blue-text {
    margin-bottom: 10px;
}
.footer-logos a img {
    max-width: 260px;
}
}

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


}

/************************************* 767px *************************************/
@media only screen and (max-width: 767px) {
.boxy-wrap ul li {
    position: relative;
    width: 48%;
     padding: 9px 0px 20px 50px
}
.specialities .item{
    width: 48%;
}
.boxy-wrap ul li .icon {
    position: absolute;
    top: 9px;
    left: 0;
    width: 40px;
    height: 40px;
}
.boxy-wrap ul li .icon img{
    width: 30px;
    }
.boxy-wrap ul li a span {
    font-size: 17px;
}
.doctor-single{
    width:48%;
    margin:0 2% 2% 0;
}

.testimonial-box .smd2{width: 100%;}
.blog-single{
        width:48%;
    margin: 0 2% 2% 0;
}

.values-wrap ul li {
    width: 33.33%;
}
.package-row .packages-single {
    width: 49%;
    margin: 0;
}
.package-row .row-flex {
    gap: 15px 2%;
}
}

/************************************* 640px *************************************/
@media only screen and (max-width: 640px) {
    .pt-100, .pt-50{padding-top: 30px;}
    .pb-100, .pb-50{padding-bottom: 30px;}
    .pl-50, .pl-100, .pl-30{padding-left: 0px;}
    .pr-50, .pr-100, .pr-30{padding-right: 0px;}
    .smd30, .smd40, .smd60, .smd70, .smd20, .smd80 {width: 100%}
.blue-btn a{
    display: inline-block;
    padding:7px 10px;
    margin:2px;
    font-size: 12px;
}
.specialities .item{
    width: 100%;
}
h2 {
    font-size: 25px;
    color: #1f426d;
    line-height: 30px;
    margin-bottom: 10px;
    font-weight: 700;
}
.data-progress li h2 {
    font-weight: 800;
    color: #06426a;
    font-size: 32px;
    margin-bottom: 0;
    line-height: 32px;
}
.data-progress li {
    padding: 10px 1px;
    width:48%;
}
.data-progress p {
    font-weight: 500;
    font-size: 14px;
    }
    .services .item {
    width: 100%;
}
h3 {
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 10px;
    font-weight: 500;
}
.pr-30, .pr-50{padding-right: 0}
.p1-30, .p1-50{padding-left: 0}

.doctor-single{
    width:100%;
    margin:0 0% 4% 0;
}
.packages-single{
    width:100%;
    margin:0 0% 4% 0;
}
    .contact-single{
    width: 100%;
    padding: 20px 20px;
    border-left:0;
    border-bottom: 4px solid #7bc2c2;
    }

.insurance-logos li {
    width: 50%;
}
.education-single, .blog-single {
    width: 100%;
    margin: 0 0% 4% 0;
}
.blog-detail-box{
    padding-top: 25px;
}
.blog-right {
    border-left:0;
    border-top: 2px solid rgb(0, 0, 0, 0.2);
    position: relative;
    margin-top: 30px;
}
.blog-right:after {
    display: none;
    }
    .blog-right h2 {
    font-size: 24px;
    line-height: 25px;
    margin-bottom: 7px;
}
.leader-single {
    padding: 15px;
    flex-direction: column;
    }
    .leader-desc, .leader-single:nth-child(even) .leader-desc {
    padding: 30px 0px 0 0px;
}
.team-single {
    width: 48%;
    margin: 0 1%;
    }
        .values-wrap ul li {
    width: 48%;
}
.order-summary, .cart-summary {
    border-top: 4px solid #7bc2c2;
    border-left: 0px solid #7bc2c2;
    }
    .input-group {
    margin-bottom: 7px;
}
.csr-item , .wrap-box{
    padding: 15px;
}
.stickybar {
    position: inherit;
    top: 0;
}
}

/************************************* 480px *************************************/
@media only screen and (max-width: 480px) {
.button2 {
    justify-content: flex-start;
    width: 100%;
}
#status {
    background-size: 90%;
}
.package-row .packages-single {
    width: 100%;
}
}

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

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


.iframe-container{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%; 
    height: 0;
  }
  .iframe-container iframe{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%;
  }


  /* /--------------------------doctor pagination------------------/ */
.pagination-wrap{
    width: 100%;
    float: left;
    position: relative;
    padding: 30px;
    border-top: 1px solid #ccc;
    margin-top: 30px;
}
.pagination-wrap p{
    margin-bottom: 0;
}
.pagination-wrap svg{
    width: 50px;
    }
.pagination-wrap span{display: inline-block;}
.pagination-wrap .rounded-md{
    display: inline-block;
    /* margin: 0 auto; */
    /* width: 50%; */
    font-size:20px;
    }
.pagination-wrap .rounded-md span>span{
/*    color:#fff;
    background:#1f416c;
    padding:7px 15px;*/
   
    }

    .pagination-wrap a{

    }
    .pagination-wrap .inline-flex{
      display: inline-flex;
    gap: 20px;
    align-items: center;
    background: transparent;

    }
    .justify-between{
        display: flex;
        justify-content: space-between;
        gap:30px;
        flex-wrap: wrap;
    }
    .sm:flex-1{
        width: 100%;
    }
    .text-sm{
        text-align: right;
        padding-right: 10px;
    }
    span [aria-current="page"]{
        color: #1f416c;
        font-weight: 700;
    }
/* /--------------------------doctor pagination------------------/ */