/* Fonts */

@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&family=Poppins:wght@400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@500&family=Poppins:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato&family=Lobster&family=Poppins:wght@200;400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

 

/* LAYOUT
================================================== */
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: 'Montserrat', sans-serif;
}
/* a 
================================================== */
a{
    text-decoration: none;
}


/* custom scrollbar 
================================================== */
::-webkit-scrollbar{
    width: 8px;
}
::-webkit-scrollbar-thumb{
    border-radius: 5px;
    background: #ccc;
}

/* TO-TOP
================================================== */
.to-top{
	position: fixed;
	right: -200px;
	bottom: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 50px;
	height: 50px;
	background: rgb(0, 124, 128);
	transition: 0.3s;
	cursor: pointer;
	pointer-events: none;
	z-index: 90;

}
.to-top::before{
    position: absolute;
    top: -17px;
    left: 30%;
    content: "";
    border: 10px solid;
    border-color: transparent transparent rgb(0, 124, 128) transparent;
}
.to-top.active{
	transition: 0.3s;
	pointer-events: auto;
	right: 20px;
	
}
.to-top.active:hover{
    transform: translateY(-10px);
}
.to-top i{
	font-size: 14px;
    color: white;
}


/* header 
================================================== */
/* intro */
.intro{
    background: transparent;
    padding: 5px 0;
    border-bottom: 1px solid #ccc;
}
.intro1 .days{
    height: 50px;
    display: flex;
    align-items: center;
    margin-top: 7px;
}
.intro1 .days i{
    margin-right: 10px;
    font-size: 18px;
}
.intro1 .days p{
    font-size: 14px;
}
.intro1 .social-icons{
    display: flex;
}
.intro2 {
    height: 50px;    
    display: flex;
    align-items: center;
}
.intro2 .search {
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    position: relative;
    overflow: hidden;
    border: 1px solid #ccc;
    border-radius: 5px;
}
.intro2 input{
    background-color: transparent;
    border: none;
    outline: none;
    width: 100%;
    font-size: 14px;
    padding: 0 5px;
}
.intro2 ::placeholder{
    color: #ccc;
}
.intro2 span{
    height: 40px;
    border-left: 1px solid #ccc;
    width: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

@media only screen and (max-width: 992px) {
    /* intro */
    .intro{
        display: none;
    }
    .intro1 .days{
        justify-content: center;
    }
}

/* navbar */
nav{
    position: relative;
    z-index: 9995;
    background: white;
}
nav.active{
    position: fixed;
    top: 0;
    width: 100%;
}
nav .container{
    display: flex;
    justify-content: space-between;
    padding-top: 25px;
    border-bottom: 5px solid #ccc;
    transition: all 300ms ease-out;
}
nav .container:hover {
    border-color: rgb(0, 124, 128);
}
nav ul{
    display: flex;
}
nav ul li{
    list-style: none;
    transition: all 300ms ease-out;
    position: relative;
}
nav ul .active a{
    color: black;
    font-weight: 550;
}
nav ul li:hover a {
    color: white;
    background: rgb(0, 124, 128);
}
nav ul li a{
    padding: 20px 15px;
    color: #666;
    font-size: 14px;
    text-transform: uppercase;
    transition: all 300ms ease-in-out;

}
nav .drop-menu{
    position: absolute;
    left: 0;
    top: 25px;
    background: rgb(0, 124, 128);
    opacity: 0;
    pointer-events: none;
    transition: all 300ms ease-out;
}
nav .drop:hover .drop-menu{
    opacity: 1;
    pointer-events: visible;
    top: 40px;
}
nav .drop-menu ul{
    flex-direction: column;
    
}
nav .drop-menu ul a{
    padding: 0;
    width: 200px;
    text-transform: capitalize;
    margin-left: -32px;
    position: relative;
}
nav li:hover .drop-menu ul a{
    background: none;
}
nav .drop-menu ul a li{
    color: white;
    padding: 15px 10px;
    transition: all 300ms ease-in-out;
}
nav .drop-menu ul a li:hover{
    background: rgb(2, 140, 145);
}

@media only screen and (max-width: 1050px) {
    /* navbar */
    nav .container{
        justify-content: flex-start;
    }
}

@media only screen and (max-width: 992px) {
    /* navbar */
    nav{
        position: fixed;
        top: 0;
        width: 100%;
    }
    nav .container{
        max-width: 992px!important;
        padding-bottom: 10px;
        justify-content: space-between;
    }
    nav .container:hover{
        border-color: #ccc;
    }
    nav ul{
        display: none;
        
    }
}

/* toggle bar*/
.toggle-bar{
    display: none;
    cursor: pointer;
    position: relative;
    transform: rotate(180deg);
}
.toggle-bar .toggle{
    height: 4px;
    width: 23px;
    margin-bottom: 5px;
    background: black;
    transition: all 300ms ease-out;
}
.toggle-bar #tog1{
    width: 18px;
}
.toggle-bar #tog2{
    width: 28px;
}
.toggle-bar .overlap, .toggle-bar .overlap1{
    background: transparent;
    position: absolute;
    top: -10px;
    left: -5px;
    right: 0;
    bottom: 0;
    padding: 20px;
    cursor: pointer;
}
.toggle-bar .overlap{
    z-index: 1;
}
.toggle-bar .overlap1{
    z-index: -1;
}

@media only screen and (max-width: 992px) {
    /* toggle-bar */
    .toggle-bar{
        display: block;
        align-items: center;
        justify-content: center;
        flex-direction: column;
    }
}

/* Sidebar */
.sidebar{
    display: none;
    position: fixed;
    right: -1000px;
    top: 0;
    height: 100vh;
    width: 90%;
    padding: 20px 10px;
    overflow-y: auto;
    background: white;
    z-index: 9999;
    transition: all 300ms ease-out;

}
#dark{
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.5);
    transition: all 300ms ease-out;
    z-index: -999;
    opacity: 0;
}
.sidebar p{
    font-size: 15px;
    text-align: center;
}
.sidebar .search {
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    position: relative;
    overflow: hidden;
    margin-bottom: 20px;
    border: 1px solid #9fa3a3;
    border-radius: 4px;
}
.sidebar h2{
    display: none;
}
.sidebar input{
    background: transparent;
    border: none;
    outline: none;
    font-size: 14px;
    padding: 7px 10px;
    width: 100%;
    
}
.sidebar ::placeholder{
    color: #CCC;
}
.sidebar .search span{
    height: 40px;
    border-left: 1px solid #9fa3a3;
    background: rgb(0, 124, 128);
    width: 50px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
}
.sidebar ul{
    margin-top: 15px;
    padding: 0;
    padding-bottom: 20px;
}
.sidebar ul a{
    position: relative;
    color: black;
}
.sidebar ul a li{
    padding: 15px 10px;
    font-size: 14px;
    list-style: none;
    transition: all 300ms ease-in-out;
    border: 1px solid #e7ecee;
    border-bottom: none;
    text-transform: uppercase;
    font-weight: 500;
    z-index: 99999;
    background: white;
}
.sidebar ul a:last-child li{
    border-bottom: 1px solid #e7ecee; 
}
.sidebar ul a li:hover{
    background: rgb(0, 124, 128);
    color: white;
}
.sidebar .drop{
    display: flex;
    border: 1px solid #e7ecee;
    border-bottom: none;
}
.sidebar .drop li{
    border: none;
}
.sidebar .drop a{
    flex-basis: 100%;
    position: relative;
}
.sidebar .side-drop{
    height: 0;
    transform: translateY(-100px);
    position: relative;
    transition: all 300ms ease-out;
    opacity: 0;
    pointer-events: none;
    z-index: -98;
}
.sidebar .side-drop ul{
    border: none;
    padding: 0;
    margin: 0;
}
.sidebar .side-drop ul a li{
    padding-left: 25px;
    text-transform: capitalize;
    font-weight: 400;
}
.sidebar .side-drop ul a:last-child li{
    border-bottom: none; 
}
.sidebar .drop p{
    margin: 0;
    font-size: 25px;
    font-weight: 600;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 300ms ease-out;
    border-left: 1px solid #e7ecee;
} 
.sidebar .drop p:hover{
    background: rgb(0, 124, 128);
    color: white;
}

@media only screen and (max-width: 992px) {
    /* sidebar */
    .sidebar{
        display: block;
        width: 50%;
    }
    #dark{
        display: block;
    }
}

@media only screen and (max-width: 767px) {
    /* sidebar */
    .sidebar{
        width: 85%;
    }
}


/* bg slide Carousel
================================================== */
.bg-slide .carousel-item{
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)) ;
}
.bg-slide .carousel-text{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    
}
.bg-slide .carousel .but-control{
    background: rgb(2, 140, 145);
    height: 50px;
    width: 50px;
    margin: auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 300ms ease-out;
}
.bg-slide .carousel:hover .but-control{
    opacity: 1;
}
.bg-slide .carousel .but-control:hover{
    background: rgb(3, 178, 184);
}

.one{
    animation: 2s forwards sharp;
}
@keyframes sharp{
    0%{transform: translateY(80px);opacity: 0;}
    100%{transform: translateY(0px);opacity: 1;}
}
.two{
    animation: 2s forwards sharp1;
}
@keyframes sharp1{
    0%{transform: scale(0);}
    100%{transform: scale(1);}
}
.three{
    animation: 2s forwards sharp2;
}
@keyframes sharp2{
    0%{transform: scale(0.5) rotate(180deg);}
    100%{transform: scale(1) rotate(0deg);}
}
.bg-slide .carousel-text h1{
    font-family: 'Poppins', sans-serif;
    font-size: 30px;
    font-weight: 900;
}
.bg-slide .carousel-text h1 span{
    color: rgb(3, 178, 184);
    font-family: 'Poppins', sans-serif;
    font-weight: 900;
}
.bg-slide .carousel-text p{
    font-size: 14px;
}
.bg-slide .carousel-text button{
    padding: 20px 15px;
    border: none;
    outline: none;
    font-size: 14px;
    transition: all 300ms ease-out;
    color: white;
    background: rgb(3, 178, 184);
    font-weight: 600;
}
.bg-slide .carousel-text a{
    background:black;
    padding: 0 3px;
    position: relative;
}
.bg-slide .carousel-text button:hover{
    background: rgb(0, 124, 128);
    color: #fff;
}
.bg-slide .carousel-text button .span{
    transition: all 300ms ease-out;
}

.bg-slide .carousel-text button:hover .span{
    margin-left: 20px;
}

@media only screen and (max-width: 992px) {
    /* Carousel  */
    .bg-slide .carousel-item{
        margin-top: 65px;
    }
    .bg-slide .carousel-text h1{
        font-size: 20px;
    }

}

@media only screen and (max-width: 767px) {
    /* Carousel */
    .bg-slide .carousel-text{
        justify-content: center;
        align-items: flex-end;
        padding-bottom: 40px; 
    }
    .bg-slide .carousel-text h1{
        font-size: 16px;
    }
    .bg-slide .carousel-text p{
        font-size: 12px;
    }
    .bg-slide .carousel-text button:hover .span{
        margin-left: 0;
    }
    .bg-slide .carousel-text button, .bg-slide .carousel-text a{
        display: none;  
    }
}

@media only screen and (max-width: 575px) {
    /* Carousel */
    .bg-slide .carousel-text{
        display: none;
    }
    .bg-slide .carousel .but-control{
        margin: 50% 0;
        opacity: 1;
        height: 40px;
        width: 40px;
    }
}


/* container-1
================================================== */
.container-1 .reveal{
    transform: translateY(0);
    transition: all 1s ease-in-out;
    opacity: 0;
}
.container-1 .reveal.active{
    transform: translateY(-50px);
    opacity: 1;
}
.container-1 .col-lg-4{
    padding: 0 10px;
    margin-bottom: 30px;
}
.container-1 .card{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);
    font-family: "Poppins", sans-serif;
    padding: 40px 30px;
    border: none;
    border-radius: 0;
    border-top: 2px solid rgb(3, 178, 184);

}
.container-1 .card:hover{
    border-color: orange;
}
.container-1 .image{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;

}
.container-1 h2{
    font-size: 20px;
    margin-bottom: 30px;
}
.container-1 p{
    color: #9fa3a3;
    font-size: 15px;
    line-height: 30px;
}


@media only screen and (max-width: 767px) {
    /* containedr-1 */
    .container-1 .reveal{
        transform: translateY(50px);
        transition: all 1s ease-in-out;
        opacity: 0;
    }
    .container-1 .reveal.active{
        transform: translateY(0px);
        opacity: 1;
    }
}


/* container-2
================================================== */
.container-2{
    margin-top: 30px;
}
.container-2 .reveal{
    transform: scale(0.5);
    transition: all 1s ease-in-out;
}
.container-2 .reveal.active{
    transform: scale(1);
}
.container-2 h2{
    font-size: 30px;
    font-weight: 300;
}
.container-2 h2 span{
    font-weight: 700;
}
.container-2 p{
    color: #9fa3a3;
    font-size: 14px;
}
.container-2 .pp{
    margin-bottom: 50px;
}
.container-2 .col-lg-3{
    margin-bottom: 30px;
}
.container-2 .overlay{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);

}
.container-2 .overlay .image{
    position: relative;
    overflow: hidden;
}
.container-2 .overlay .image .over{
    position: absolute;
    top: -1000px;
    left: 0;
    right: 0;
    height: 100%;
    background: rgba(4, 138, 109, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    z-index: 1;
    transition: all 300ms ease-out;
    opacity: 0;

}
.container-2 .overlay .image:hover .over{
    opacity: 1;
    top: 0;
}
.container-2 .overlay .image .over i{
    font-size: 50px;
}
.container-2 .overlay .text{
    padding: 25px 15px;
}
.container-2 .overlay .text h2{
    font-size: 18px;
    color: black;
}
.container-2 .overlay .text h2:hover{
    color: green;
}
.container-2 .overlay .text p a{
    color: black;
}
.container-2 .overlay .text p a:hover{
    color: green;
}
.container-2 button{
    padding: 15px 20px;
    border: none;
    outline: none;
    font-size: 14px;
    margin-top: 50px;
    transition: all 300ms ease-out;
    color: white;
    background: rgb(0, 124, 128);
}
.container-2 button:hover{
    background: rgb(3, 178, 184);
}


/* container-3
================================================== */
.container-3{
    margin-top: 70px;
    padding: 70px 0;
    background: rgb(236, 236, 236);
}
.container-3 .reveal{
    transform: translateY(50px);
    transition: all 1s ease-in-out;
    opacity: 0;
}
.container-3 .reveal.active{
    transform: translateY(0);
    opacity: 1;
}
.container-3 .pp h2{
    font-size: 30px;
    font-weight: 300;
}
.container-3 .pp h2 span{
    font-weight: 700;
}
.container-3 .pp p{
    color: #9fa3a3;
    font-size: 14px;
}
.container-3 .pp{
    margin-bottom: 50px;
}
.container-3 .col-lg-4{
    padding: 0 10px;
    margin-bottom: 30px;
}
.container-3 .card{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);
    font-family: "Poppins", sans-serif;
    padding: 60px 30px;
    border: none;
    border-radius: 0;

}
.container-3 .image{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;

}
.container-3 .card h2{
    font-size: 18px;
    margin-bottom: 30px;
}
.container-3 .card p{
    color: #9fa3a3;
    font-size: 14px;
    line-height: 30px;
}
.container-3 .next-page li{
    display: inline-block;
    list-style: none;
    width: 60px;
    padding: 15px 0;
    font-size: 16px;
    font-weight: 600;
    margin: 0 5px;
    background: #007d9e;
    color: white;
    transition: all 300ms ease-out;
    transform: translateY(-50px);

}
.container-3 .next-page li:hover{
    background: rgb(3, 178, 184);

}

/* container-4
================================================== */
.container-4{
    background: rgb(236, 236, 236);
}
.container-4 .reveal{
    transform: translateX(-50px);
    transition: all 1s ease-in-out;
    opacity: 0;
}
.container-4 .reveal.active{
    transform: translateX(0);
    opacity: 1;
}
.container-4 h2{
    font-size: 30px;
    font-weight: 300;
}
.container-4 .pp h2 span{
    font-weight: 700;
}
.container-4 img{
    transition: all 300ms ease-out;
}
.container-4 img:hover{
    filter: grayscale(20%);
}
.container-4 .pp p{
    color: #9fa3a3;
    font-size: 14px;
}
.container-4 .pp{
    margin-bottom: 50px;
}
.container-4 .col-lg-6{
    margin-bottom: 30px;
}
.container-4 .overlay{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);
    margin-bottom: 40px;
}
.container-4 .overlay .text{
    padding: 25px 25px;
}
.container-4 .overlay .text h2{

    font-size: 18px;
    color: black;
    margin-bottom: 20px;
    font-weight: 500;
    transition: all 300ms ease-out;
}
.container-4 .overlay .text h2:hover{
    color: green;
}
.container-4 .overlay .text p{
    color: #9fa3a3;
    font-size: 14px;
}
.container-4 .overlay .text-2{
    padding: 15px 25px;
    height: 70px;
}
.container-4 .overlay .text-2 p{
    transition: all 300ms ease-out;
}
.container-4 .overlay .text-2 p:hover{
    color: green;
}

/* container-5
================================================== */
.container-5{
    padding: 70px 0;
}
.container-5 h2{
    font-size: 30px;
    font-weight: 300;
}
.container-5 .pp h2 span{
    font-weight: 700;
}
.container-5 .pp p{
    color: #9fa3a3;
    font-size: 14px;
}
.container-5 .pp{
    margin-bottom: 50px;
}
.container-5 .col-lg-6, .container-4 .col-sm-6{
    margin-bottom: 30px;
}
.container-5 .card{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);
    font-family: "Poppins", sans-serif;
    padding: 40px 30px;
    border: none;
    border-radius: 0;
    border-top: 2px solid rgb(3, 178, 184);

}
.container-5 .card h2{
    font-size: 25px;
    margin-bottom: 25px;
}
.container-5 .card p{
    color: #9fa3a3;
    font-size: 14px;
    line-height: 30px;
}
.container-5 .image{
    display: flex;
    margin-top: 15px;
}
.container-5 .image img{
    width: 70px;
    border-radius: 50%;
}
.container-5 .profile{
    margin-left: 15px;
}
.container-5 .profile h2{
    font-size: 16px;
    font-weight: 500;
    margin-top: 5px;
    margin-bottom: 20px;
}
.container-5 .profile p{
    line-height: 0;
}
.container-5 .control{
    display: flex;
    justify-content: center;
}
.container-5 .row{
    position: relative;
}
.container-5 .control{
    display: flex;
    justify-content: center;
    width: 100%;
    position: absolute;
    left: 0;
    bottom: -30px;
}
.container-5 .control p{
    margin: 0 20px;
    height: 40px;
    width: 40px;
    display: none;
    justify-content: center;
    align-items: center;
    background: #ccc;
    border-radius: 50%;
    cursor: pointer;
}

@media only screen and (max-width: 992px) {
    /* container-5  */
    .container-5 .control p{
        display: flex;
    }
    .container-5 .rest.activeA{
        display: flex;
    }
}


/* container-6
================================================== */
.container-6{
    padding: 50px 0;
    background: linear-gradient(to right, #7ace4c 0%, #017e9d 100%);
}
.container-6 .col-lg-3{
    display: flex;
    align-items: center;
    color: white;
    margin-bottom: 30px;
}
.container-6 .col-lg-3 p{
    margin-top: 10px;
    margin-left: 15px;
    font-size: 15px;
    color: white;
}
.container-6 .col-lg-3 a p:hover{
    color: greenyellow;
}


/* footer
================================================== */
/* footer-1 */
.footer-1{
    padding: 90px 0;
    background: #2b3239;
}
.footer-1 h2{
    font-size: 16px;
    font-weight: 500;
    color: white;
    margin-bottom: 30px;
}
.footer-1 p{
    color: #9fa3a3;
    font-size: 14px;
}
.footer-1 label{
    font-size: 14px;
    color: white;
}
.footer-1 .inp{
    width: 100%;
}
.footer-1 input{
    padding: 15px;
    outline: none;
    border: none;
    background: #373f47;
    margin-bottom: 15px;
    font-size: 14px;
    color: #9fa3a3;
}
.footer-1 .inp1{
    padding: 15px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    font-weight: 500;
    color: white;
}
.footer-1 .inp1:hover{
    background: rgb(3, 178, 184);
}
.footer-1 a p{
    transition: all 300ms ease-out;
    display: flex;

}
.footer-1 a p:hover{
    color: white;

}
.footer-1 a p i{
    font-size: 16px;
    margin-right: 12px;
    transition: all 300ms ease-out;
}
.footer-1 a p:hover i{
    transform: rotate(360deg);

}

@media only screen and (max-width: 992px) {
    /* footer-1  */
    .footer-1 .col-lg-3{
        margin-bottom: 30px;
    }
}


/* footer-2 */
.footer-2{
    padding: 50px 0;
    background: #22282e;
}
.footer-2 h2{
    font-size: 16px;
    font-weight: 500;
    color: white;
    margin-bottom: 20px;
}
.footer-2 .link{
    margin-bottom: 20px;
}
.footer-2 .link a{
    margin-right: 20px;
}
.footer-2 .link li{
    list-style: none;
    display: inline-block;
    color: #9fa3a3;
    font-size: 14px;
    transition: all 300ms ease-out;
}
.footer-2 .link li:hover{
    color: white;
    
}
.footer-2 p{
    color: #9fa3a3;
    font-size: 13px;
}
.footer-2 .social-link a{
    margin-right: 15px;
}
.footer-2 .social-link a i{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.footer-2 .social-link a i:hover{
    color: rgb(3, 178, 184);
}


@media only screen and (max-width: 767px) {
    /* footer-2  */
    .footer-2{
        text-align: center;
    }
    .rem{
        display: none;
    }
}


/* DOCTOR CSS STYLE
================================================== */
/* doctor-1 */
.doctor-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.doctor-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.doctor-1 span, .doctor-1 a{
    font-size: 15px;
    color: #ccc;
}
.doctor-1 a:hover{
    color: white;
}
.doctor-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.doctor-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* doctor-1 */
    .doctor-1{
        margin-top: 65px;
    }
}

/* doctor-2 */
.doctor-2{
    border-bottom: 1px solid #ccc;
    margin-bottom: 70px;
}
.doctor-2 a{
    margin-right: 20px;
    
}
.doctor-2 a li{
    list-style: none;
    display: inline-block;
    color: #9fa3a3;
    font-size: 14px;
    padding: 30px 5px;
    transition: all 300ms ease-out;
}
.doctor-2 a li:hover, .doctor-2 .active{
    color: black;
    position: relative;
    
}
.doctor-2 .active::after{
    content: "";
    height: 2px;
    width: 100%;
    background: rgb(3, 178, 184);
    position: absolute;
    left: 0;
    bottom: -1px;
}
.doctor-2 .active::before{
    content: "";
    border: 5px solid;
    border-color: rgb(3, 178, 184) transparent transparent transparent;
    position: absolute;
    left: 50%;
    bottom: -10px;
}

@media only screen and (max-width: 992px) {
    /* doctor-2 */
    .doctor-2{
        padding: 10px 0;
    }
    .doctor-2 a li{
        padding: 5px 0;
        margin: 10px 0;
    }
    .doctor-2 .active::before{
        display: none;
    }
}

/* doctor-3 */
.doctor-3{
    margin-top: 30px;
}
.doctor-3 .reveal{
    transform: scale(0.5);
    transition: all 1s ease-in-out;
}
.doctor-3 .reveal.active{
    transform: scale(1);
}
.doctor-3 h2{
    font-size: 30px;
    font-weight: 300;
}
.doctor-3 h2 span{
    font-weight: 600;
}
.doctor-3 p{
    color: #9fa3a3;
    font-size: 14px;
}
.doctor-3 .pp{
    margin-bottom: 50px;
}
.doctor-3 .col-lg-4, .doctor-3 .col-lg-3, .doctor-3 .col-sm-6{
    margin-bottom: 30px;
}
.doctor-3 .overlay{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);

}
.doctor-3 .overlay .image{
    position: relative;
    overflow: hidden;
}
.doctor-3 .overlay .image .over{
    position: absolute;
    top: 0;
    left: -1000px;
    bottom: 0;
    width: 100%;
    background: rgba(4, 138, 109, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    z-index: 1;
    transition: all 300ms ease-out;
    opacity: 0;

}
.doctor-3 .overlay .image:hover .over{
    opacity: 1;
    left: 0;
}
.doctor-3 .overlay .image .over i{
    font-size: 50px;
}
.doctor-3 .overlay .text{
    padding: 25px 20px;
}
.doctor-3 .overlay .text h2{
    font-size: 16px;
    color: black;
    transition: all 300ms ease-out;
}
.doctor-3 .overlay .text h2:hover{
    color: green;
}
.doctor-3 .overlay p a{
    font-size: 14px;
    color: #9fa3a3;
}
.doctor-3 .overlay p a{
    transition: all 300ms ease-out;
}
.doctor-3 .overlay a:hover{
    color: green;
}
.doctor-3 .overlay .tex{
    padding-top: 10px;
    border-top: 1px dashed #ccc;
}

/* NEWS CSS STYLE
================================================== */
/* news-1 */
.news-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.news-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.news-1 span, .news-1 a{
    font-size: 15px;
    color: #ccc;
}
.news-1 a:hover{
    color: white;
}
.news-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.news-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* news-1 */
    .news-1{
        margin-top: 65px;
    }
}


/* news-2 */
.news-2{
    margin: 70px 0; 
}
.news-2 .content{
    display: flex;     
}
.news-2 .content .date{
    margin-right: 20px;
}
.news-2 .content .small-date{
    display: none;
}
.news-2 .content .small-date h3{
    font-size: 20px;
    margin-bottom: 20px;
}
.news-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.news-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.news-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.news-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.news-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.news-2 .content .date p a:hover i{
    color: red;
}
.news-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.news-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    font-weight: 600;
    color: black;
    transition: all 300ms ease-out;
}
.news-2 .inner-content h2:hover{
    color: green;
}
.news-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
}
.news-2 .inner-content p a{
    color: black;
    transition: all 300ms ease-out;
}
.news-2 .inner-content p a:hover{
    color: green;
}
.news-2 .inner-content button{
    padding: 10px 25px;
    border: none;
    outline: none;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    font-size: 14px;
    font-weight: 500;
    color: white;
}
.news-2 .inner-content button:hover{
    background: rgb(3, 178, 184);
}
.news-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.news-2 .red-bg h1{
    font-size: 30px;
    color: #ccc;
    margin: 0 20px;
}
.news-2 .red-bg h1 i{
    font-style: italic;
}
.news-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.news-2 .red-bg h2{
    font-size: 30px;
    font-weight: 600;
    color: white;
}
.news-2 .red-bg h2:hover{
    color: white;
}
.news-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.news-2 .red1-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.news-2 .red1-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.news-2 .red1-bg .image{
    padding: 0 15px;
}
.news-2 .red1-bg h2{
    font-size: 25px;
    color: white;
}
.news-2 .red1-bg h2:hover{
    color: white;
}
.news-2 .red1-bg .text p{
    color: white;
}
.news-2 .red1-bg a:hover{
    text-decoration: underline;
    color: white;
}
.news-2 .inner-content .carousel button{
    height: 50px;
    width: 50px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 300ms ease-out;
}
.news-2 .inner-content .carousel:hover button{
    opacity: 1;
    
}
.news-2 .next-page{
    margin-top: 30px;
}
.news-2 .next-page li{
    display: inline-block;
    list-style: none;
    width: 40px;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
    margin: 0 5px;
    background: rgb(3, 178, 184);
    color: white;
    transition: all 300ms ease-out;
    margin-bottom: 40px;

}
.news-2 .next-page li:hover, .news-2 .next-page .active li{
    background: #007d9e;

}
.news-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.news-2 .cont .head{
    display: flex;
}
.news-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.news-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.news-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.news-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.news-2 .cont .news-cont #show1{
    z-index: 1;
}
.news-2 .cont .news-cont #show2, .news-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.news-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.news-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.news-2 .cont .news-cont .text{
    padding: 0 10px;
}
.news-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.news-2 .cont .news-cont .text h2:hover{
    color: green;
}
.news-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.news-2 .category{
    margin-bottom: 40px;
}
.news-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.news-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.news-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.news-2 .category p a:hover{
    color: green;
}

.news-2 .tag{
    margin-bottom: 40px;
}
.news-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.news-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.news-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.news-2 .archive{
    margin-bottom: 40px;
}
.news-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.news-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.news-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.news-2 .archive p a:hover{
    color: green;
}

.news-2 .recent{
    margin-bottom: 40px;
}
.news-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.news-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.news-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.news-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* news-2 */
    .news-2 .content .date{
        display: none;
    }
    .news-2 .content .small-date{
        display: block;
    }
    .news-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}
@media only screen and (max-width: 575px) {
    /* news-2 */
    .news-2 .content .date{
        display: none;
    }
    .news-2 .red-bg h1{
        font-size: 20px;
    }
    .news-2 .red-bg h2{
        font-size: 20px;
    }
    .news-2 .inner-content .carousel button{
        opacity: 1;
    }
}



/* SERVICES CSS STYLE
================================================== */
/* service-1 */
.service-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.service-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.service-1 span, .service-1 a{
    font-size: 15px;
    color: #ccc;
}
.service-1 a:hover{
    color: white;
}
.service-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.service-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* service-1 */
    .service-1{
        margin-top: 65px;
    }
}

/* service-2 */
.service-2{
    margin-top: 50px;
}
.service-2 .reveal{
    transform: scale(0.5);
    transition: all 1s ease-in-out;
}
.service-2 .reveal.active{
    transform: scale(1);
}
.service-2 .col-md-6, .service-2 .col-lg-4, .service-2 .col-md-3{
    margin-bottom: 40px;
}
.service-2 .overlay{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);

}
.service-2 .overlay .image{
    position: relative;
    overflow: hidden;
}
.service-2 .overlay .image .over{
    position: absolute;
    top: -1000px;
    left: 0;
    right: 0;
    height: 100%;
    background: rgba(4, 138, 109, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    z-index: 1;
    transition: all 300ms ease-out;
    opacity: 0;

}
.service-2 .overlay .image:hover .over{
    opacity: 1;
    top: 0;
}
.service-2 .overlay .image .over i{
    font-size: 50px;
}
.service-2 .overlay .text{
    padding: 25px 15px;
}
.service-2 .overlay .text h2{
    font-size: 18px;
    color: black;
    transition: all 300ms ease-out;
}
.service-2 .overlay .text h2:hover{
    color: green;
}
.service-2 .overlay .text p{
    font-size: 14px;
    color: #9fa3a3;
}


/* 1-column-service */
.column-1 .overlay{
    margin-bottom: 40px;
    box-shadow: none;
    border: 1px solid #e7ecee;
}
.column-1 .overlay .text {
    height: 200px;
    padding: 30px;
}
.column-1 .overlay .text h2{
    font-weight: 600;
    margin-bottom: 30px;
}
.column-1 .overlay .image{
    padding: 0;
    position: relative;
}

@media only screen and (max-width: 992px) {
    /* 1-column-service */
    .column-1 .overlay .text {
        height: inherit;
        text-align: center;
    }
}

/* GALLERY CSS STYLE
================================================== */
/* gallery-1 */
.gallery-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.gallery-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.gallery-1 span, .gallery-1 a{
    font-size: 15px;
    color: #ccc;
}
.gallery-1 a:hover{
    color: white;
}
.gallery-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.gallery-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* gallery-1 */
    .gallery-1{
        margin-top: 65px;
    }
}

/* gallery-2 */
.gallery-2{
    border-bottom: 1px solid #ccc;
    margin-bottom: 70px;
}
.gallery-2 .data-filter li{
    list-style: none;
    display: inline-block;
    color: #9fa3a3;
    font-size: 14px;
    padding: 30px 0;
    margin: 0 20px;
    transition: all 300ms ease-out;
    cursor: pointer;
}
.gallery-2 .data-filter li:hover, .gallery-2 .data-filter li.active{
    color: black;
    position: relative;
    
}
.gallery-2 .data-filter li.active::after{
    content: "";
    height: 2px;
    width: 100%;
    background: rgb(3, 178, 184);
    position: absolute;
    left: 0;
    bottom: -1px;
}
.gallery-2 .data-filter li.active::before{
    content: "";
    border: 5px solid;
    border-color: rgb(3, 178, 184) transparent transparent transparent;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: -10px;
}

@media only screen and (max-width: 992px) {
    /* gallery-2 */
    .gallery-2{
        padding: 10px 0;
    }
    .gallery-2 .data-filter li{
        padding: 5px 0;
        margin: 10px;
    }
    .gallery-2 .data-filter li.active::before{
        display: none;
    }
}

/* gallery-3 */
.gallery-3{
    margin-top: 50px;
}
.gallery-3 .col-lg-4, .gallery-3 .col-lg-3, .gallery-3 .col-md-6{
    margin-bottom: 40px;
}
.gallery-3 .overlay{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);

}
.gallery-3 .overlay .image{
    position: relative;
    overflow: hidden;
}
.gallery-3 .overlay .image .over{
    position: absolute;
    top: -1000px;
    left: 0;
    right: 0;
    height: 100%;
    background: rgba(4, 138, 109, 0.4);
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    z-index: 1;
    transition: all 300ms ease-out;
    opacity: 0;

}
.gallery-3 .overlay .image:hover .over{
    opacity: 1;
    top: 0;
}
.gallery-3 .overlay .image .over i{
    font-size: 50px;
}
.gallery-3 .overlay .text{
    padding: 25px 35px;
}
.gallery-3 .overlay .text h2{
    font-size: 18px;
    color: black;
    transition: all 300ms ease-out;
}
.gallery-3 .overlay .text h2:hover{
    color: green;
}
.gallery-3 .overlay .text p{
    font-size: 14px;
}
.gallery-3 .overlay .text p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.gallery-3 .overlay .text p a:hover{
    color: green;
}



/* MEDICAL RECORD CSS STYLE
================================================== */
/* medical-record-1 */
.medical-record-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.medical-record-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.medical-record-1 span, .medical-record-1 a{
    font-size: 15px;
    color: #ccc;
}
.medical-record-1 a:hover{
    color: white;
}
.medical-record-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.medical-record-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* medical-record-1 */
    .medical-record-1{
        margin-top: 65px;
    }
}

/* medical-record-2 */
.medical-record-2{
    margin: 50px 0;
}
.medical-record-2 .next-page{
    text-align: right;
    margin-bottom: 50px;
}
.medical-record-2 .next-page a{
    padding: 15px 20px;
    background: #007d9e;
    transition: all 300ms ease-out;

}
.medical-record-2 .next-page a:hover{
    background: rgb(3, 178, 184);
}
.medical-record-2 .next-page a i{
    color: white;
}
.medical-record-2 .col-sm-8{
   position: relative;
}
.medical-record-2 .qqq{
    position: relative;
    background-color: white;
}
.medical-record-2 .qqq:hover{
    filter: grayscale(30%);
}
.medical-record-2 .col-lg-3{
    margin-bottom: 30px;
}
.medical-record-2 .col-sm-8 img{
    width: 80px;
    margin: 5px;
}
.medical-record-2 .qqq button{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}
.medical-record-2 .h2{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
}
.medical-record-2 h2{
    font-size: 25px;
    font-weight: 300;
}
.medical-record-2 h2 span{
    font-weight: 700;
}
.medical-record-2 p, .medical-record-2 a{
    color: #9fa3a3;
    font-size: 14px;
    line-height: 30px;
}
.medical-record-2 a:hover{
    color: green;
}
.medical-record-2 .pp{
    margin-bottom: 50px;
}
.medical-record-2 .content-1{
    margin-bottom: 30px;
}
.medical-record-2 .fa-tags{
    color: rgb(2, 140, 145);
    margin-right: 10px;
}
.medical-record-2 .overlay{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);

}
.medical-record-2 .overlay .text{
    padding: 25px 35px;
}
.medical-record-2 .overlay .text h2{
    font-size: 18px;
    color: black;
    transition: all 300ms ease-out;
}
.medical-record-2 .overlay .text h2:hover{
    color: green;
}
.medical-record-2 .overlay .text p{
    font-size: 14px;
    line-height: 30px;
}
.medical-record-2 .overlay .text p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.medical-record-2 .overlay .text p a:hover{
    color: green;
}
.medical-record-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.medical-record-2 .red-bg h1 {
    font-size: 20px;
    color: #ccc;
    margin: 0 20px;
}
.medical-record-2 .red-bg h1 i{
    font-style: italic;
}
.medical-record-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.medical-record-2 .red-bg h2{
    font-size: 14px;
    font-weight: 600;
    color: white;
    line-height: 30px;
    font-style: italic;
}

.medical-record-2 .red-bg .text p{
    font-style: italic;
    color: white;
}

@media only screen and (max-width: 415px) {
    /* medical-record-2 */
    .medical-record-2 .col-sm-8 img{
        width: 50px;
        margin: 5px;
    }
}


/* BLOOD PRESSURE CSS STYLE
================================================== */
/* blood-press-1 */
.blood-press-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.blood-press-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.blood-press-1 span, .blood-press-1 a{
    font-size: 15px;
    color: #ccc;
}
.blood-press-1 a:hover{
    color: white;
}
.blood-press-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.blood-press-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* mblood-press1 */
    .blood-press-1{
        margin-top: 65px;
    }
}

/* blood-press-2 */
.blood-press-2{
    margin: 50px 0;
}
.blood-press-2 .next-page{
    text-align: right;
    margin-bottom: 50px;
}
.blood-press-2 .next-page a{
    padding: 15px 20px;
    background: #007d9e;
    transition: all 300ms ease-out;

}
.blood-press-2 .next-page a:hover{
    background: rgb(3, 178, 184);
}
.blood-press-2 .next-page a i{
    color: white;
}
.blood-press-2 .col-sm-8{
   position: relative;
}
.blood-press-2 .qqq{
    position: relative;
    background-color: white;
}
.blood-press-2 .qqq:hover{
    filter: grayscale(30%);
}
.blood-press-2 .col-lg-3{
    margin-bottom: 30px;
}
.blood-press-2 .col-sm-8 img{
    width: 80px;
    margin: 5px;
}
.blood-press-2 .qqq button{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}
.blood-press-2 .h2{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
}
.blood-press-2 h2{
    font-size: 25px;
    font-weight: 300;
}
.blood-press-2 h2 span{
    font-weight: 700;
}
.blood-press-2 p, .blood-press-2 a{
    color: #9fa3a3;
    font-size: 14px;
    line-height: 30px;
}
.blood-press-2 a:hover{
    color: green;
}
.blood-press-2 .pp{
    margin-bottom: 50px;
}
.blood-press-2 .content-1{
    margin-bottom: 30px;
}
.blood-press-2 .fa-tags{
    color: rgb(2, 140, 145);
    margin-right: 10px;
}
.blood-press-2 .overlay{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);

}
.blood-press-2 .overlay .text{
    padding: 25px 35px;
}
.blood-press-2 .overlay .text h2{
    font-size: 18px;
    color: black;
    transition: all 300ms ease-out;
}
.blood-press-2 .overlay .text h2:hover{
    color: green;
}
.blood-press-2 .overlay .text p{
    font-size: 14px;
    line-height: 30px;
}
.blood-press-2 .overlay .text p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.blood-press-2 .overlay .text p a:hover{
    color: green;
}
.blood-press-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.blood-press-2 .red-bg h1 {
    font-size: 20px;
    color: #ccc;
    margin: 0 20px;
}
.blood-press-2 .red-bg h1 i{
    font-style: italic;
}
.blood-press-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.blood-press-2 .red-bg h2{
    font-size: 14px;
    font-weight: 600;
    color: white;
    line-height: 30px;
    font-style: italic;
}

.blood-press-2 .red-bg .text p{
    font-style: italic;
    color: white;
}

@media only screen and (max-width: 415px) {
    /* blood-press-2 */
    .blood-press-2 .col-sm-8 img{
        width: 50px;
        margin: 5px;
    }
}


/* KIDS TREATMENT CSS STYLE
================================================== */
/* kid-treat-1 */
.kid-treat-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.kid-treat-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.kid-treat-1 span, .kid-treat-1 a{
    font-size: 15px;
    color: #ccc;
}
.kid-treat-1 a:hover{
    color: white;
}
.kid-treat-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.kid-treat-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* kid-treat-1 */
    .kid-treat-1{
        margin-top: 65px;
    }
}

/* kid-treat-2 */
.kid-treat-2{
    margin: 50px 0;
}
.kid-treat-2 .next-page{
    text-align: right;
    margin-bottom: 50px;
}
.kid-treat-2 .next-page a{
    padding: 15px 20px;
    background: #007d9e;
    transition: all 300ms ease-out;

}
.kid-treat-2 .next-page a:hover{
    background: rgb(3, 178, 184);
}
.kid-treat-2 .next-page a i{
    color: white;
}
.kid-treat-2 .col-sm-8{
   position: relative;
}
.kid-treat-2 .qqq{
    position: relative;
    background-color: white;
}
.kid-treat-2 .qqq:hover{
    filter: grayscale(30%);
}
.kid-treat-2 .col-lg-3{
    margin-bottom: 30px;
}
.kid-treat-2 .col-sm-8 img{
    width: 80px;
    margin: 5px;
}
.kid-treat-2 .qqq button{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}
.kid-treat-2 .h2{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
}
.kid-treat-2 h2{
    font-size: 25px;
    font-weight: 300;
}
.kid-treat-2 h2 span{
    font-weight: 700;
}
.kid-treat-2 p, .kid-treat-2 a{
    color: #9fa3a3;
    font-size: 14px;
    line-height: 30px;
}
.kid-treat-2 a:hover{
    color: green;
}
.kid-treat-2 .pp{
    margin-bottom: 50px;
}
.kid-treat-2 .content-1{
    margin-bottom: 30px;
}
.kid-treat-2 .fa-tags{
    color: rgb(2, 140, 145);
    margin-right: 10px;
}
.kid-treat-2 .overlay{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);

}
.kid-treat-2 .overlay .text{
    padding: 25px 35px;
}
.kid-treat-2 .overlay .text h2{
    font-size: 18px;
    color: black;
    transition: all 300ms ease-out;
}
.kid-treat-2 .overlay .text h2:hover{
    color: green;
}
.kid-treat-2 .overlay .text p{
    font-size: 14px;
    line-height: 30px;
}
.kid-treat-2 .overlay .text p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.kid-treat-2 .overlay .text p a:hover{
    color: green;
}
.kid-treat-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.kid-treat-2 .red-bg h1 {
    font-size: 20px;
    color: #ccc;
    margin: 0 20px;
}
.kid-treat-2 .red-bg h1 i{
    font-style: italic;
}
.kid-treat-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.kid-treat-2 .red-bg h2{
    font-size: 14px;
    font-weight: 600;
    color: white;
    line-height: 30px;
    font-style: italic;
}

.kid-treat-2 .red-bg .text p{
    font-style: italic;
    color: white;
}

@media only screen and (max-width: 415px) {
    /* kid-treat-2 */
    .kid-treat-2 .col-sm-8 img{
        width: 50px;
        margin: 5px;
    }
}


/* HEALTH COUSELING CSS STYLE
================================================== */
/* healthCounsel-1 */
.healthCounsel-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.healthCounsel-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.healthCounsel-1 span, .healthCounsel-1 a{
    font-size: 15px;
    color: #ccc;
}
.healthCounsel-1 a:hover{
    color: white;
}
.healthCounsel-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.healthCounsel-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* healthCounsel-1 */
    .healthCounsel-1{
        margin-top: 65px;
    }
}

/* healthCounsel-2 */
.healthCounsel-2{
    margin: 50px 0;
}
.healthCounsel-2 .next-page{
    text-align: right;
    margin-bottom: 50px;
}
.healthCounsel-2 .next-page a{
    padding: 15px 20px;
    background: #007d9e;
    transition: all 300ms ease-out;

}
.healthCounsel-2 .next-page a:hover{
    background: rgb(3, 178, 184);
}
.healthCounsel-2 .next-page a i{
    color: white;
}
.healthCounsel-2 .col-sm-8{
   position: relative;
}
.healthCounsel-2 .qqq{
    position: relative;
    background-color: white;
}
.healthCounsel-2 .qqq:hover{
    filter: grayscale(30%);
}
.healthCounsel-2 .col-lg-3{
    margin-bottom: 30px;
}
.healthCounsel-2 .col-sm-8 img{
    width: 80px;
    margin: 5px;
}
.healthCounsel-2 .qqq button{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}
.healthCounsel-2 .h2{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
}
.healthCounsel-2 h2{
    font-size: 25px;
    font-weight: 300;
}
.healthCounsel-2 h2 span{
    font-weight: 700;
}
.healthCounsel-2 p, .healthCounsel-2 a{
    color: #9fa3a3;
    font-size: 14px;
    line-height: 30px;
}
.healthCounsel-2 a:hover{
    color: green;
}
.healthCounsel-2 .pp{
    margin-bottom: 50px;
}
.healthCounsel-2 .content-1{
    margin-bottom: 30px;
}
.healthCounsel-2 .fa-tags{
    color: rgb(2, 140, 145);
    margin-right: 10px;
}
.healthCounsel-2 .overlay{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);

}
.healthCounsel-2 .overlay .text{
    padding: 25px 35px;
}
.healthCounsel-2 .overlay .text h2{
    font-size: 18px;
    color: black;
    transition: all 300ms ease-out;
}
.healthCounsel-2 .overlay .text h2:hover{
    color: green;
}
.healthCounsel-2 .overlay .text p{
    font-size: 14px;
    line-height: 30px;
}
.healthCounsel-2 .overlay .text p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.healthCounsel-2 .overlay .text p a:hover{
    color: green;
}
.healthCounsel-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.healthCounsel-2 .red-bg h1 {
    font-size: 20px;
    color: #ccc;
    margin: 0 20px;
}
.healthCounsel-2 .red-bg h1 i{
    font-style: italic;
}
.healthCounsel-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.healthCounsel-2 .red-bg h2{
    font-size: 14px;
    font-weight: 600;
    color: white;
    line-height: 30px;
    font-style: italic;
}

.healthCounsel-2 .red-bg .text p{
    font-style: italic;
    color: white;
}

@media only screen and (max-width: 415px) {
    /* healthCounsel-2 */
    .healthCounsel-2 .col-sm-8 img{
        width: 50px;
        margin: 5px;
    }
}


/* ADVANCED LAB CSS STYLE
================================================== */
/* advanced-lab-1 */
.advanced-lab-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.advanced-lab-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.advanced-lab-1 span, .advanced-lab-1 a{
    font-size: 15px;
    color: #ccc;
}
.advanced-lab-1 a:hover{
    color: white;
}
.advanced-lab-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.advanced-lab-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* advanced-lab-1 */
    .advanced-lab-1{
        margin-top: 65px;
    }
}

/* advanced-lab-2 */
.advanced-lab-2{
    margin: 50px 0;
}
.advanced-lab-2 .next-page{
    text-align: right;
    margin-bottom: 50px;
}
.advanced-lab-2 .next-page a{
    padding: 15px 20px;
    background: #007d9e;
    transition: all 300ms ease-out;

}
.advanced-lab-2 .next-page a:hover{
    background: rgb(3, 178, 184);
}
.advanced-lab-2 .next-page a i{
    color: white;
}
.advanced-lab-2 .col-sm-8{
   position: relative;
}
.advanced-lab-2 .qqq{
    position: relative;
    background-color: white;
}
.advanced-lab-2 .qqq:hover{
    filter: grayscale(30%);
}
.advanced-lab-2 .col-lg-3{
    margin-bottom: 30px;
}
.advanced-lab-2 .col-sm-8 img{
    width: 80px;
    margin: 5px;
}
.advanced-lab-2 .qqq button{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}
.advanced-lab-2 .h2{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
}
.advanced-lab-2 h2{
    font-size: 25px;
    font-weight: 300;
}
.advanced-lab-2 h2 span{
    font-weight: 700;
}
.advanced-lab-2 p, .advanced-lab-2 a{
    color: #9fa3a3;
    font-size: 14px;
    line-height: 30px;
}
.advanced-lab-2 a:hover{
    color: green;
}
.advanced-lab-2 .pp{
    margin-bottom: 50px;
}
.advanced-lab-2 .content-1{
    margin-bottom: 30px;
}
.advanced-lab-2 .fa-tags{
    color: rgb(2, 140, 145);
    margin-right: 10px;
}
.advanced-lab-2 .overlay{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);

}
.advanced-lab-2 .overlay .text{
    padding: 25px 35px;
}
.advanced-lab-2 .overlay .text h2{
    font-size: 18px;
    color: black;
    transition: all 300ms ease-out;
}
.advanced-lab-2 .overlay .text h2:hover{
    color: green;
}
.advanced-lab-2 .overlay .text p{
    font-size: 14px;
    line-height: 30px;
}
.advanced-lab-2 .overlay .text p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.advanced-lab-2 .overlay .text p a:hover{
    color: green;
}
.advanced-lab-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.advanced-lab-2 .red-bg h1 {
    font-size: 20px;
    color: #ccc;
    margin: 0 20px;
}
.advanced-lab-2 .red-bg h1 i{
    font-style: italic;
}
.advanced-lab-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.advanced-lab-2 .red-bg h2{
    font-size: 14px;
    font-weight: 600;
    color: white;
    line-height: 30px;
    font-style: italic;
}

.advanced-lab-2 .red-bg .text p{
    font-style: italic;
    color: white;
}

@media only screen and (max-width: 415px) {
    /* advanced-lab-2 */
    .advanced-lab-2 .col-sm-8 img{
        width: 50px;
        margin: 5px;
    }
}


/* WELL TRAINED CSS STYLE
================================================== */
/* well-train-1 */
.well-train-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.well-train-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.well-train-1 span, .well-train-1 a{
    font-size: 15px;
    color: #ccc;
}
.well-train-1 a:hover{
    color: white;
}
.well-train-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.well-train-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* well-train-1 */
    .well-train-1{
        margin-top: 65px;
    }
}

/* well-train-2 */
.well-train-2{
    margin: 50px 0;
}
.well-train-2 .next-page{
    text-align: right;
    margin-bottom: 50px;
}
.well-train-2 .next-page a{
    padding: 15px 20px;
    background: #007d9e;
    transition: all 300ms ease-out;

}
.well-train-2 .next-page a:hover{
    background: rgb(3, 178, 184);
}
.well-train-2 .next-page a i{
    color: white;
}
.well-train-2 .col-sm-8{
   position: relative;
}
.well-train-2 .qqq{
    position: relative;
    background-color: white;
}
.well-train-2 .qqq:hover{
    filter: grayscale(30%);
}
.well-train-2 .col-lg-3{
    margin-bottom: 30px;
}
.well-train-2 .col-sm-8 img{
    width: 80px;
    margin: 5px;
}
.well-train-2 .qqq button{
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: transparent;
}
.well-train-2 .h2{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 30px;
}
.well-train-2 h2{
    font-size: 25px;
    font-weight: 300;
}
.well-train-2 h2 span{
    font-weight: 700;
}
.well-train-2 p, .well-train-2 a{
    color: #9fa3a3;
    font-size: 14px;
    line-height: 30px;
}
.well-train-2 a:hover{
    color: green;
}
.well-train-2 .pp{
    margin-bottom: 50px;
}
.well-train-2 .content-1{
    margin-bottom: 30px;
}
.well-train-2 .fa-tags{
    color: rgb(2, 140, 145);
    margin-right: 10px;
}
.well-train-2 .overlay{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);

}
.well-train-2 .overlay .text{
    padding: 25px 35px;
}
.well-train-2 .overlay .text h2{
    font-size: 18px;
    color: black;
    transition: all 300ms ease-out;
}
.healthCounsel-2 .overlay .text h2:hover{
    color: green;
}
.well-train-2 .overlay .text p{
    font-size: 14px;
    line-height: 30px;
}
.well-train-2 .overlay .text p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.well-train-2 .overlay .text p a:hover{
    color: green;
}
.well-train-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.well-train-2 .red-bg h1 {
    font-size: 20px;
    color: #ccc;
    margin: 0 20px;
}
.well-train-2 .red-bg h1 i{
    font-style: italic;
}
.well-train-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.well-train-2 .red-bg h2{
    font-size: 14px;
    font-weight: 600;
    color: white;
    line-height: 30px;
    font-style: italic;
}

.well-train-2 .red-bg .text p{
    font-style: italic;
    color: white;
}

@media only screen and (max-width: 415px) {
    /* well-train-2 */
    .well-train-2 .col-sm-8 img{
        width: 50px;
        margin: 5px;
    }
}


/* SHOP CSS STYLE
================================================== */
/* shop-1 */
.shop-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.shop-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.shop-1 span, .shop-1 a{
    font-size: 15px;
    color: #ccc;
}
.shop-1 a:hover{
    color: white;
}
.shop-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.shop-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* shop-1 */
    .shop-1{
        margin-top: 65px;
    }
}

/* shop-2 */
.shop-2{
    margin-top: 50px;
}
.shop-2 .top-head{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.shop-2 .top-head p{
    font-size: 16px;
    color: #9fa3a3;
    margin-top: 10px;
}
.shop-2 .wrapper{
    width: 250px;
    position: relative;
}
.shop-2 .select-btn{
    position: relative;
    cursor: pointer;
    background: white;
    padding: 10px 15px;
    border: 1px solid #e7ecee;
}
.shop-2 .select-btn input{
    width: 100%;
    background: transparent;
    border: 1px solid #e7ecee;
    outline: none;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 14px;
    color: #9fa3a3;
}
.shop-2 .select-btn::after{
    content: "";
    border: 6px solid;
    border-color: #9fa3a3 transparent transparent transparent;
    position: absolute;
    right: 15px;
    top: 40%;
}
.shop-2 .wrapper.activeT .select-btn::after{
    transform: rotate(-180deg);
    top: 35%;
}
.shop-2 .wrapper .content{
    background: white;
    position: absolute;
    color: #9fa3a3;
    width: 100%;
    z-index: 999;
    padding: 10px;
    padding-bottom: 0;
    display: none;
}
.shop-2 .wrapper.activeT .content{
    display: block;
}
.shop-2 .wrapper .search{
    border: 1px solid #e7ecee;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.shop-2 .wrapper .search i{
    padding: 12px;
}
.shop-2 .wrapper .search input{
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    padding-left: 10px;
    font-size: 14px;
    color: #9fa3a3;
}
.shop-2 .wrapper .options{
    font-size: 14px;
    padding: 0;
    margin-top: 10px;
    margin-left: -10px;
    max-height: 150px;
    overflow-y: auto;
}
.shop-2 .wrapper .options li{
    list-style: none;
    padding: 15px;
    transition: all 300ms ease-out;
    cursor: pointer;
}
.shop-2 .wrapper .options li:hover, li.selected{
    background: #017e9d;
    color: white;
} 
.shop-2 .col-lg-9 .col-md-4 {
    margin-bottom: 40px;
}
.shop-2 .sale {
    position: relative;
}
.shop-2 .sale .span{
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    font-weight: 500;
    padding: 5px 15px;
    background: #017e9d;
    color: white;
}
.shop-2 .price{
    margin-top: 20px;
}
.shop-2 .price h2{
    font-family: 'Lato', sans-serif;
    font-size: 18px;
    font-weight: 500;
    color: black;
}
.shop-2 .price h2:hover{
    color: green;
}
.shop-2 .price p{
    font-size: 15px;
    color: green;
    font-weight: 500;
}
.shop-2 .price span{
    color: #9fa3a3;
    position: relative;
}
.shop-2 .price span::after{
    content: '';
    height: 1px;
    width: 100%;
    background: #9fa3a3;
    position: absolute;
    top: 10px;
    left: 0;
}
.shop-2 .price button{
    padding: 10px 15px;
    outline: none;
    border: none;
    background: rgb(2, 140, 145);
    font-size: 14px;
    color: white;
    transition: all 300ms ease-out;
}
.shop-2 .price button:hover{
    background: rgb(3, 178, 184);
}
.shop-2 .next-page{
    margin-top: 30px;
}
.shop-2 .next-page li{
    display: inline-block;
    list-style: none;
    width: 40px;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
    margin: 0 5px;
    background: rgb(3, 178, 184);
    color: white;
    transition: all 300ms ease-out;
    margin-bottom: 40px;

}
.shop-2 .next-page li:hover, .shop-2 .next-page .active li{
    background: #007d9e;

}
.shop-2 .col-lg-3{
    margin-bottom: 50px;
}
.shop-2 .col-lg-3 .cart, .shop-2 .col-lg-3 .product{
    margin-bottom: 40px;
}
.shop-2 .col-lg-3 h2{
    font-size: 20px;
    margin-bottom: 30px;
}
.shop-2 .col-lg-3 p{
    font-size: 15px;
    color: #9fa3a3;
}
.shop-2 .col-lg-3 li{
    list-style: none;
    font-size: 14px;
    padding: 15px 0;
    border-top: 1px solid #e7ecee;
    
}
.shop-2 .col-lg-3 .clo{
    padding-left: 20px;
}
.shop-2 .col-lg-3 li:last-child{
    border-bottom: 1px solid #e7ecee;
}
.shop-2 .col-lg-3 li a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.shop-2 .col-lg-3 li a:hover{
    color: green;
}
.shop-2 .img-list{
    display: flex;
    justify-content: space-between;
    margin-top: 20px;
}
.shop-2 .img-list li{
    padding: 0;
    border: none;
    flex-basis: 100%;
}
.shop-2 .img-list li h6{
    font-size: 16px;
}
.shop-2 .img-list li h6 a{
    color: black;
}
.shop-2 .img-list p{
    font-size: 14px;
    position: relative;
}
.shop-2 .img-list p span{
    position: relative;
}
.shop-2 .img-list p span::after{
    content: '';
    height: 1px;
    width: 100%;
    background: #9fa3a3;
    position: absolute;
    top: 10px;
    left: 0;
}

@media only screen and (max-width: 575px) {
    /* shop-2 */
    .shop-2 .top-head{
        display: flex;
        flex-direction: column;
    }
    .shop-2 .top-head p{
        font-size: 16px;
        color: #9fa3a3;
        margin-top: 10px;
        font-family: 'Lato', sans-serif;
    }
}


/* CONTACT CSS STYLE
================================================== */
/* contact-1 */
.contact-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.contact-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.contact-1 span, .contact-1 a{
    font-size: 15px;
    color: #ccc;
}
.contact-1 a:hover{
    color: white;
}
.contact-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.contact-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* contact-1 */
    .contact-1{
        margin-top: 65px;
    }
}

/* contact-2 */
.contact-2{
    margin-top: 50px;
}
.contact-2 .col-lg-6, .contact-2 .col-md-12{
    margin-bottom: 30px;
}
.contact-2 .hel{
    padding-bottom: 15px;
    border-bottom: 1px solid #e7ecee;
    margin-bottom: 30px;
}
.contact-2 h2{
    font-weight: 600;
    font-size: 25px;
    margin-bottom: 30px;
}
.contact-2 p{
    font-size: 14px;
    color: #9fa3a3;
}
.contact-2 p span{
    font-weight: 600;
    color: black;
}
.contact-2 form input, .contact-2 textarea{
    padding: 15px;
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #e7ecee;
    margin-bottom: 15px;
    font-size: 14px;
    color: #9fa3a3;
}
.contact-2 .sub{
    margin-top: 15px;
    outline: none;
    border: none;
    width: inherit;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    text-transform: uppercase;
    color: white;
}
.contact-2 .sub:hover{
    background: rgb(3, 178, 184);
}
.contact-2 h6{
    font-weight: 600;
    margin-bottom: 20px;
}
.contact-2 span{
    font-size: 15px;
    margin-left: 5px;
    color: #9fa3a3;
}
.contact-2 .con-soc a{
    height: 40px;
    width: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    color: white;
    background: rgb(0, 124, 128);
    margin-bottom: 10px;
    margin-right: 5px;
    transform: all 300ms ease-out;
}
.contact-2 .con-soc a:hover{
    background: rgb(3, 178, 184);
}
.contact-2 .che{
    width: inherit;
}
.contact-2 .check span{
    font-size: 15px;
    color: #9fa3a3;
    margin-left: 5px;
}
.contact-2 .map iframe {
    width: 100%;
    margin-top: 30px;
}


/* FAQs CSS STYLE
================================================== */
/* faqs-1 */
.faqs-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.faqs-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.faqs-1 span, .faqs-1 a{
    font-size: 15px;
    color: #ccc;
}
.faqs-1 a:hover{
    color: white;
}
.faqs-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.faqs-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* faqs-1 */
    .faqs-1{
        margin-top: 65px;
    }
}

/* faqs-2 */
.faqs-2{
    border-bottom: 1px solid #ccc;
    margin-bottom: 70px;
}
.faqs-2 .data-filter li{
    list-style: none;
    display: inline-block;
    color: #9fa3a3;
    font-size: 14px;
    padding: 30px 0;
    margin: 0 20px;
    transition: all 300ms ease-out;
    cursor: pointer;
}
.faqs-2 .data-filter li:hover, .faqs-2 .data-filter li.active{
    color: black;
    position: relative;
    
}
.faqs-2 .data-filter li.active::after{
    content: "";
    height: 2px;
    width: 100%;
    background: rgb(3, 178, 184);
    position: absolute;
    left: 0;
    bottom: -1px;
}
.faqs-2 .data-filter li.active::before{
    content: "";
    border: 5px solid;
    border-color: rgb(3, 178, 184) transparent transparent transparent;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: -10px;
}

@media only screen and (max-width: 992px) {
    /* faqs-2 */
    .faqs-2{
        padding: 10px 0;
    }
    .faqs-2 a li{
        padding: 5px 0;
        margin: 10px 0;
    }
    .faqs-2 .active::before{
        display: none;
    }
}

/* faq-3 */
.faq-3{
    margin: 70px 0; 
}
.faq-3 .content{
    margin-bottom: 30px;
}
.faq-3 .content .text{
    padding-top: 20px;
}
.faq-3 .content .drop{
    position: relative;
}
.faq-3 .content .drop .faq{
    padding: 20px;
    background: #007d9e;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    transition: all 300ms ease-out;
    
}
.faq-3 .content .drop .faq:hover{
    background: rgb(3, 178, 184);
    
}
.faq-3 .content .drop .faq h2{
    color: white;
    font-size: 16px;
    margin-right: 10px;
}
.faq-3 .content .drop .faq i{
    color: white;
    font-size: 18px;
}
.faq-3 .content p, .faq-3 .content .drop li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    margin: 15px 0;
}
.faq-3 .content .dropText, .faq-3 .content .drop-text.activeS{
    height: 0;
    overflow: hidden;
    transition: all 300ms ease-out;
}
.faq-3 .content .drop-text,
.faq-3 .content .drop-text1.activeS,
.faq-3 .content .drop-text2.activeS,
.faq-3 .content .drop-text3.activeS,
.faq-3 .content .drop-text4.activeS,
.faq-3 .content .drop-text5.activeS,
.faq-3 .content .drop-text6.activeS,
.faq-3 .content .drop-text7.activeS{
    height: 100%;
    overflow: visible;

}
.faq-3 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.faq-3 .cont .head{
    display: flex;
}
.faq-3 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.faq-3 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.faq-3 .cont .news-cont{
    position: relative;
    height: 320px;
}
.faq-3 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.faq-3 .cont .news-cont #show1{
    z-index: 1;
}
.faq-3 .cont .news-cont #show2, .faq-3 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.faq-3 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.faq-3 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.faq-3 .cont .news-cont .text{
    padding: 0 10px;
}
.faq-3 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.faq-3 .cont .news-cont .text h2:hover{
    color: green;
}
.faq-3 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.faq-3 .category{
    margin-bottom: 40px;
}
.faq-3 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.faq-3 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.faq-3 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.faq-3 .category p a:hover{
    color: green;
}

.faq-3 .tag{
    margin-bottom: 40px;
}
.faq-3 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.faq-3 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.faq-3 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.faq-3 .archive{
    margin-bottom: 40px;
}
.faq-3 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.faq-3 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.faq-3 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.faq-3 .archive p a:hover{
    color: green;
}

.faq-3 .recent{
    margin-bottom: 40px;
}
.faq-3 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.faq-3 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.faq-3 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.faq-3 .recent p a:hover{
    color: green;
}


/* FAQWIDTH CSS STYLE
================================================== */
/* faqwidth-1 */
.faqwidth-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.faqwidth-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.faqwidth-1 span, .faqwidth-1 a{
    font-size: 15px;
    color: #ccc;
}
.faqwidth-1 a:hover{
    color: white;
}
.faqwidth-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.faqwidth-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* faqwidth-1 */
    .faqwidth-1{
        margin-top: 65px;
    }
}

/* faqwidth-2 */
.faqwidth-2{
    border-bottom: 1px solid #ccc;
    margin-bottom: 70px;
}
.faqwidth-2 .data-filter li{
    list-style: none;
    display: inline-block;
    color: #9fa3a3;
    font-size: 14px;
    padding: 30px 0;
    margin: 0 20px;
    transition: all 300ms ease-out;
    cursor: pointer;
}
.faqwidth-2 .data-filter li:hover, .faqwidth-2 .data-filter li.active{
    color: black;
    position: relative;
    
}
.faqwidth-2 .data-filter li.active::after{
    content: "";
    height: 2px;
    width: 100%;
    background: rgb(3, 178, 184);
    position: absolute;
    left: 0;
    bottom: -1px;
}
.faqwidth-2 .data-filter li.active::before{
    content: "";
    border: 5px solid;
    border-color: rgb(3, 178, 184) transparent transparent transparent;
    position: absolute;
    left: 50%;
    transform: translate(-50%);
    bottom: -10px;
}

@media only screen and (max-width: 992px) {
    /* faqwidth-2 */
    .faqwidth-2{
        padding: 10px 0;
    }
    .faqwidth-2 a li{
        padding: 5px 0;
        margin: 10px 0;
    }
    .faqwidth-2 .active::before{
        display: none;
    }
}

/* faqwidth-3 */
.faqwidth-3{
    margin: 70px 0; 
}
.faqwidth-3 .content{
    margin-bottom: 30px;
}
.faqwidth-3 .content .text{
    padding-top: 20px;
}
.faqwidth-3 .content .drop{
    position: relative;
}
.faqwidth-3 .content .drop .faq{
    padding: 20px;
    background: #007d9e;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    transition: all 300ms ease-out;
    
}
.faqwidth-3 .content .drop .faq:hover{
    background: rgb(3, 178, 184);
    
}
.faqwidth-3 .content .drop .faq h2{
    color: white;
    font-size: 16px;
    margin-right: 10px;
}
.faqwidth-3 .content .drop .faq i{
    color: white;
    font-size: 18px;
}
.faqwidth-3 .content p, .faqwidth-3 .content .drop li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    margin: 15px 0;
}
.faqwidth-3 .content .dropText, .faqwidth-3 .content .drop-text.activeS{
    height: 0;
    overflow: hidden;
    transition: all 300ms ease-out;
}
.faqwidth-3 .content .drop-text,
.faqwidth-3 .content .drop-text1.activeS,
.faqwidth-3 .content .drop-text2.activeS,
.faqwidth-3 .content .drop-text3.activeS,
.faqwidth-3 .content .drop-text4.activeS,
.faqwidth-3 .content .drop-text5.activeS,
.faqwidth-3 .content .drop-text6.activeS,
.faqwidth-3 .content .drop-text7.activeS{
    height: 100%;
    overflow: visible;

}
.faqwidth-3 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.faqwidth-3 .cont .head{
    display: flex;
}
.faqwidth-3 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.faqwidth-3 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.faqwidth-3 .cont .news-cont{
    position: relative;
    height: 320px;
}
.faqwidth-3 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.faqwidth-3 .cont .news-cont #show1{
    z-index: 1;
}
.faqwidth-3 .cont .news-cont #show2, .faqwidth-3 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.faqwidth-3 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.faqwidth-3 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.faqwidth-3 .cont .news-cont .text{
    padding: 0 10px;
}
.faqwidth-3 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.faqwidth-3 .cont .news-cont .text h2:hover{
    color: green;
}
.faqwidth-3 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.faqwidth-3 .category{
    margin-bottom: 40px;
}
.faqwidth-3 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.faqwidth-3 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.faqwidth-3 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.faqwidth-3 .category p a:hover{
    color: green;
}

.faqwidth-3 .tag{
    margin-bottom: 40px;
}
.faqwidth-3 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.faqwidth-3 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.faqwidth-3 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.faqwidth-3 .archive{
    margin-bottom: 40px;
}
.faqwidth-3 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.faqwidth-3 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.faqwidth-3 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.faqwidth-3 .archive p a:hover{
    color: green;
}

.faqwidth-3 .recent{
    margin-bottom: 40px;
}
.faqwidth-3 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.faqwidth-3 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.faqwidth-3 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.faqwidth-3 .recent p a:hover{
    color: green;
}



/* SHORTCODE CSS STYLE
================================================== */
/* shortcode-1 */
.shortcode-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.shortcode-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.shortcode-1 span, .shortcode-1 a{
    font-size: 15px;
    color: #ccc;
}
.shortcode-1 a:hover{
    color: white;
}
.shortcode-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.shortcode-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* shortcode-1 */
    .shortcode-1{
        margin-top: 65px;
    }
}


/* shortcode-2 */
.shortcode-2{
    margin: 70px 0; 
}
.shortcode-2 .content{
    margin-bottom: 30px;
    padding-bottom: 20px;
    border-bottom: 1px solid #e7ecee;
}
.shortcode-2 .content:last-child{
    border: none;
}
.shortcode-2 .content .col-md-6{
    margin-bottom: 30px;
}
.shortcode-2 .content h2{
    font-size: 25px;
    margin-bottom: 30px;
}
.shortcode-2 .content li{
    list-style: none;
    font-size: 14px;
    margin-bottom: 15px;
}
.shortcode-2 .content li span{
    margin-left: 10px;
}
.shortcode-2 .content a li{
    padding: 15px 25px;
    background: #ffa13c;
    display: inline-block;
    color: white;
    font-size: 15px;
    transition: all 300ms ease-out;
}
.shortcode-2 .content a li:hover{
    background: #c56a09;
}
.shortcode-2 .content .alert{
    padding: 20px 25px;
    border-radius: 0;
    border-left: 3px solid;
}
.shortcode-2 .content .alert i{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
}
.shortcode-2 .content .alert p{
    font-size: 14px;
    margin: 25px 20px;
}
.shortcode-2 .content .alert-1, .shortcode-2 .content .alert-3{
    background: #d1ecf1;
    border-left-color: #afd9ee;
}
.shortcode-2 .content .alert-2, .shortcode-2 .content .alert-4{
    background: #fff3cd;
    border-left-color: #ffeeba;
}
.shortcode-2 .content .drop{
    position: relative;
    margin-bottom: 30px;
}
.shortcode-2 .content .drop .faq{
    padding: 20px;
    background: #007d9e;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: all 300ms ease-out;
    
}
.shortcode-2 .content .drop .faq:hover{
    background: rgb(3, 178, 184);
    
}
.shortcode-2 .content .drop .faq h2{
    color: white;
    font-size: 16px;
    margin-right: 10px;
    margin-bottom: 0;
}
.shortcode-2 .content .drop .faq span{
    color: white;
    font-size: 25px;
    font-weight: 700;
    position: relative;
}
.shortcode-2 .content .drop .faq span::after{
    content: "";
    border: 6px solid;
    border-color: white transparent transparent transparent;
    position: absolute;
    right: 15px;
    top: 40%;
}
.shortcode-2 .content p, .shortcode-2 .content .drop li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    margin: 15px 0;
}
.shortcode-2 .content .dropText, .shortcode-2 .content .drop-text.activeS{
    height: 0;
    overflow: hidden;
    transition: all 300ms ease-out;
}
.shortcode-2 .content .drop-text,
.shortcode-2 .content .drop-text1.activeS,
.shortcode-2 .content .drop-text2.activeS,
.shortcode-2 .content .drop-text3.activeS,
.shortcode-2 .content .drop-text4.activeS,
.shortcode-2 .content .drop-text5.activeS,
.shortcode-2 .content .drop-text6.activeS{
    height: 100%;
    overflow: visible;

}
.shortcode-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.shortcode-2 .cont .head{
    display: flex;
}
.shortcode-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.shortcode-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.shortcode-2 .col-xl-3 .cont .news-cont{
    position: relative;
    height: 320px;
}
.shortcode-2 .col-xl-3 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.shortcode-2 .cont .news-cont #show1{
    z-index: 1;
}
.shortcode-2 .cont .news-cont #show2,
.shortcode-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.shortcode-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.shortcode-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.shortcode-2 .cont .news-cont .text{
    padding: 0 10px;
}
.shortcode-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.shortcode-2 .cont .news-cont .text h2:hover{
    color: green;
}
.shortcode-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}

.shortcode-2 .col-xl-9 .cont .news-cont .text p{
    font-size: 15px;
    color: #9fa3a3;
    text-align: justify;
    padding-right: 5px;
}
.shortcode-2 .category{
    margin-bottom: 40px;
}
.shortcode-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.shortcode-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.shortcode-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.shortcode-2 .category p a:hover{
    color: green;
}

.shortcode-2 .tag{
    margin-bottom: 40px;
}
.shortcode-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.shortcode-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.shortcode-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.shortcode-2 .archive{
    margin-bottom: 40px;
}
.shortcode-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.shortcode-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.shortcode-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.shortcode-2 .archive p a:hover{
    color: green;
}

.shortcode-2 .recent{
    margin-bottom: 40px;
}
.shortcode-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.shortcode-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.shortcode-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.shortcode-2 .recent p a:hover{
    color: green;
}



/* COLUMNS CSS STYLE
================================================== */
/* columns-1 */
.columns-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.columns-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.columns-1 span, .columns-1 a{
    font-size: 15px;
    color: #ccc;
}
.columns-1 a:hover{
    color: white;
}
.columns-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.columns-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* columns-1 */
    .columns-1{
        margin-top: 65px;
    }
}


/* columns-2 */
.columns-2{
    margin: 70px 0; 
}
.columns-2  h2{
    font-size: 25px;
    margin-bottom: 20px;
}
.columns-2  p{
    color: #9fa3a3;
    font-size: 14px;
    line-height: 30px;
}
.col-sm-3, .col-sm-6, .col-sm-4, .col-sm-2{
    margin-bottom: 30px;
}



/* SAMPLE CSS STYLE
================================================== */
/* sample-1 */
.sample-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.sample-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.sample-1 span, .sample-1 a{
    font-size: 15px;
    color: #ccc;
}
.sample-1 a:hover{
    color: white;
}
.sample-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.sample-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* sample-1 */
    .sample-1{
        margin-top: 65px;
    }
}

/* sample-2 */
.sample-2 {
    margin-top: 70px;
}
.sample-2 p{
    color: #9fa3a3;
    font-size: 14px;
    line-height: 30px;
}
.sample-2 .content{
    margin-bottom: 30px;
}
.sample-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.sample-2 .cont .head{
    display: flex;
}
.sample-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.sample-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.sample-2 .col-xl-3 .cont .news-cont{
    position: relative;
    height: 320px;
}
.sample-2 .col-xl-3 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.sample-2 .cont .news-cont #show1{
    z-index: 1;
}
.sample-2 .cont .news-cont #show2,
.sample-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.sample-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.sample-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.sample-2 .cont .news-cont .text{
    padding: 0 10px;
}
.sample-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.sample-2 .cont .news-cont .text h2:hover{
    color: green;
}
.sample-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}

.sample-2 .col-xl-9 .cont .news-cont .text p{
    font-size: 15px;
    color: #9fa3a3;
    text-align: justify;
    padding-right: 5px;
}
.sample-2 .category{
    margin-bottom: 40px;
}
.sample-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.sample-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.sample-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.sample-2 .category p a:hover{
    color: green;
}

.sample-2 .tag{
    margin-bottom: 40px;
}
.sample-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.sample-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.sample-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.sample-2 .archive{
    margin-bottom: 40px;
}
.sample-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.sample-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.sample-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.sample-2 .archive p a:hover{
    color: green;
}

.sample-2 .recent{
    margin-bottom: 40px;
}
.sample-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.sample-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.sample-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.sample-2 .recent p a:hover{
    color: green;
}

.sample-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.sample-2 .red-bg h1 {
    font-size: 20px;
    color: #ccc;
    margin: 0 20px;
}
.sample-2 .red-bg h1 i{
    font-style: italic;
}
.sample-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.sample-2 .red-bg h2{
    font-size: 14px;
    font-weight: 600;
    color: white;
    line-height: 30px;
    font-style: italic;
}

.sample-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.sample-2 form h2{
    font-size: 25px;
}
.sample-2 form label{
    margin: 10px 0;
    font-size: 15px;
}
.sample-2 form .input, .sample-2 textarea{
    padding: 15px;
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #e7ecee;
    margin-bottom: 30px;
    font-size: 14px;
    color: #9fa3a3;
}
.sample-2 form span{
    margin-left: 5px;
    font-size: 14px;
    color: #9fa3a3;
}
.sample-2 .sub{
    margin-top: 30px;
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.sample-2 .sub:hover{
    background: rgb(3, 178, 184);
}


/* APPOINTMENT CSS STYLE
================================================== */
/* appointment-1 */
.appointment-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.appointment-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.appointment-1 span, .appointment-1 a{
    font-size: 15px;
    color: #ccc;
}
.appointment-1 a:hover{
    color: white;
}
.appointment-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.appointment-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* appointment-1 */
    .appointment-1{
        margin-top: 65px;
    }
}


/* appointment-2 */
.appointment-2{
    margin: 70px 0;
}
.appointment-2 h2{
    font-size: 30px;
    text-align: center;
    font-weight: 500;
    margin-bottom: 25px;
}
.appointment-2 p{
    color: #9fa3a3;
    font-size: 14px;
    text-align: center;
}
.appointment-2 .appoint-form{
    padding: 70px;
    background-image: url(../images/appoint-form-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin-top: 30px;
}
.appointment-2 form{
    padding: 60px 20px;
    background-color: white;
    border-bottom: 5px solid rgb(3, 178, 184);
    border-radius: 15px;
}
.appointment-2 form .input, .appointment-2 textarea{
    padding: 10px;
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #e7ecee;
    margin-bottom: 35px;
    font-size: 14px;
    color: #9fa3a3;
}
.appointment-2 .sub{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(3, 178, 184);
    transition: all 300ms ease-out;
    color: white;
    margin-top: 25px;
}
.appointment-2 .sub:hover{
    background: rgb(0, 124, 128);
}
.appointment-2 h6{
    font-weight: 600;
    margin-bottom: 25px;
}
.appointment-2 span{
    font-size: 15px;
    margin-left: 5px;
    color: #9fa3a3;
}
.appointment-2 .top-head{
    display: flex;
    justify-content: space-between;
    margin-bottom: 30px;
}
.appointment-2 .top-head p{
    font-size: 16px;
    color: #9fa3a3;
    margin-top: 10px;
}
.appointment-2 .wrapper{
    width: 100%;
    position: relative;
}
.appointment-2 .select-btn{
    position: relative;
    cursor: pointer;
    background: white;
    padding: 10px 15px;
    border: 1px solid #e7ecee;
}
.appointment-2 .select-btn input{
    width: 100%;
    background: transparent;
    border: 1px solid #e7ecee;
    outline: none;
    cursor: pointer;
    padding: 10px 20px;
    font-size: 14px;
    color: #9fa3a3;
}
.appointment-2 .select-btn::after{
    content: "";
    border: 6px solid;
    border-color: #9fa3a3 transparent transparent transparent;
    position: absolute;
    right: 15px;
    top: 40%;
}
.appointment-2 .wrapper.activeT .select-btn::after{
    transform: rotate(-180deg);
    top: 35%;
}
.appointment-2 .wrapper .content{
    background: white;
    position: absolute;
    color: #9fa3a3;
    width: 100%;
    z-index: 999;
    padding: 10px;
    padding-bottom: 0;
    display: none;
    border: 1px solid #e7ecee;
}
.appointment-2 .wrapper.activeT .content{
    display: block;
}
.appointment-2 .wrapper .search{
    border: 1px solid #e7ecee;
    position: relative;
    display: flex;
    align-items: center;
    overflow: hidden;
}
.appointment-2 .wrapper .search i{
    padding: 12px;
}
.appointment-2 .wrapper .search input{
    width: 100%;
    background: transparent;
    border: none;
    outline: none;
    padding-left: 10px;
    font-size: 14px;
    color: #9fa3a3;
}
.appointment-2 .wrapper .options{
    font-size: 14px;
    padding: 0;
    margin-top: 10px;
    margin-left: -10px;
    max-height: 150px;
    overflow-y: auto;
}
.appointment-2 .wrapper .options li{
    list-style: none;
    padding: 15px;
    transition: all 300ms ease-out;
    cursor: pointer;
}
.appointment-2 .wrapper .options li:hover, li.selected{
    background: #017e9d;
    color: white;
} 

@media only screen and (max-width: 767px) {
    /* .appointment-2 */
    .appointment-2 .appoint-form{
        padding: 50px 30px;
    }
    .appointment-2 form{
        padding: 30px 10px;
    }
}



/* Dr.ADDISSON CSS STYLE
================================================== */
/* addison-1 */
.addison-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.addison-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.addison-1 span, .addison-1 a{
    font-size: 15px;
    color: #ccc;
}
.addison-1 a:hover{
    color: white;
}
.addison-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.addison-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* addison-1 */
    .addison-1{
        margin-top: 65px;
    }
}


/* .addison-2 */
.addison-2{
    margin-top: 70px;
}
.addison-2 .col-md-4{
    margin-bottom: 40px;
}
.addison-2 .col-md-4 img{
    margin-bottom: 30px;
}
.addison-2 .col-md-4 h2{
    font-size: 25px;
    font-weight: 600;
    margin-bottom: 10px;
}
.addison-2 .col-md-4 p a{
    font-size: 14px;
    color: black;
}
.addison-2 .col-md-4 p a:hover{
    color: green;
}
.addison-2 .col-md-4 .social-link a{
    margin-right: 20px;
}
.addison-2 .col-md-4 .social-link a i{
    color: #9fa3a3;
    font-size: 20px;
    transition: all 300ms ease-out;
}
.addison-2 .col-md-4 .social-link a i:hover{
    color: rgb(3, 178, 184);
}
.addison-2 .col-md-4 .area{
    margin-top: 30px;
    border:1px solid#eff2f3;
    background-color: #f8fbfc;
    padding: 30px;
}
.addison-2 .col-md-4 .area p{
    font-size: 14px;
    font-weight: 600;
    color: black;
    margin-bottom: 20px;
}
.addison-2 .col-md-4 .area p:last-child{
    margin-bottom: 0;
}
.addison-2 .col-md-4 .area p span{
    margin-left: 15px;
    font-weight: 300;
    color: #9fa3a3;
}
.addison-2 .col-md-7 h2{
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 3px solid #e7ecee;
}
.addison-2 .col-md-7 h3{
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
}
.addison-2 .col-md-7 h4{
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 25px;
}
.addison-2 .col-md-7 p{
    font-size: 14px;
    line-height: 30px;
    color: #9fa3a3;
    margin-bottom: 25px;
}
.addison-2 .col-md-7 p:last-child{
    padding-bottom: 20px;
    border-bottom: 1px solid #e7ecee;
}

/* addison-3 */
.addison-3{
    margin-top: 50px;
}
.addison-3 .reveal{
    transform: scale(0.5);
    transition: all 1s ease-in-out;
}
.addison-3 .reveal.active{
    transform: scale(1);
}
.addison-3 h2{
    font-size: 30px;
    font-weight: 300;
}
.addison-3 h2 span{
    font-weight: 700;
}
.addison-3 p{
    color: #9fa3a3;
    font-size: 14px;
}
.addison-3 .pp{
    margin-bottom: 50px;
}
.addison-3 .col-lg-3{
    margin-bottom: 30px;
}
.addison-3 .overlay{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);

}
.addison-3 .overlay .text{
    padding: 25px 15px;
}
.addison-3 .overlay .text h2{
    font-size: 18px;
    color: black;
}
.addison-3 .overlay .text h2:hover{
    color: green;
}
.addison-3 .overlay .text p a{
    color: black;
}
.addison-3 .overlay .text p a:hover{
    color: green;
}


/* CARDIAC CSS STYLE
================================================== */
/* cardiac-1 */
.cardiac-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.cardiac-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.cardiac-1 span, .cardiac-1 a{
    font-size: 15px;
    color: #ccc;
}
.cardiac-1 a:hover{
    color: white;
}
.cardiac-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.cardiac-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* cardiac-1 */
    .cardiac-1{
        margin-top: 65px;
    }
}

/* cardiac-2 */
.cardiac-2{
    margin-top: 50px;
}
.cardiac-2 .reveal{
    transform: scale(0.5);
    transition: all 1s ease-in-out;
}
.cardiac-2 .reveal.active{
    transform: scale(1);
}
.cardiac-2 p{
    color: #9fa3a3;
    font-size: 14px;
}
.cardiac-2 .col-lg-3{
    margin-bottom: 30px;
}
.cardiac-2 .overlay{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);

}
.cardiac-2 .overlay .text{
    padding: 25px 15px;
}
.cardiac-2 .overlay .text h2{
    font-size: 18px;
    color: black;
}
.cardiac-2 .overlay .text h2:hover{
    color: green;
}
.cardiac-2 .overlay .text p a{
    color: black;
}
.cardiac-2 .overlay .text p a:hover{
    color: green;
}

/* PRIMARY CSS STYLE
================================================== */
/* primary-1 */
.primary-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.primary-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.primary-1 span, .primary-1 a{
    font-size: 15px;
    color: #ccc;
}
.primary-1 a:hover{
    color: white;
}
.primary-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.primary-1 span{
    color: white;
}


@media only screen and (max-width: 992px) {
    /* primary-1 */
    .primary-1{
        margin-top: 65px;
    }
}

/* primary-2 */
.primary-2{
    margin-top: 50px;
}
.primary-2 .reveal{
    transform: scale(0.5);
    transition: all 1s ease-in-out;
}
.primary-2 .reveal.active{
    transform: scale(1);
}
.primary-2 p{
    color: #9fa3a3;
    font-size: 14px;
}
.primary-2 .col-lg-3{
    margin-bottom: 30px;
}
.primary-2 .overlay{
    background: white;
    box-shadow: 0 4px 12px rgba(33, 44, 55, 0.06);

}
.primary-2 .overlay .text{
    padding: 25px 15px;
}
.primary-2 .overlay .text h2{
    font-size: 18px;
    color: black;
}
.primary-2 .overlay .text h2:hover{
    color: green;
}
.primary-2 .overlay .text p a{
    color: black;
}
.primary-2 .overlay .text p a:hover{
    color: green;
}


/* WE MAKE CSS STYLE
================================================== */
/* we-make-1 */
.we-make-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.we-make-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.we-make-1 span, .we-make-1 a{
    font-size: 15px;
    color: #ccc;
}
.we-make-1 a:hover{
    color: white;
}
.we-make-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.we-make-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* we-make-1 */
    .we-make-1{
        margin-top: 65px;
    }
}


/* we-make-2 */
.we-make-2{
    margin: 70px 0; 
}
.we-make-2 .content{
    display: flex;     
}
.we-make-2 .content .date{
    margin-right: 20px;
}
.we-make-2 .content .small-date{
    display: none;
}
.we-make-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.we-make-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.we-make-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.we-make-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.we-make-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.we-make-2 .content .date p a:hover i{
    color: red;
}
.we-make-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.we-make-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.we-make-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.we-make-2 .inner-content a{
    color: black;
}
.we-make-2 .inner-content a:hover{
    color: green;
}
.we-make-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.we-make-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.we-make-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.we-make-2 .red-bg h1 {
    font-size: 20px;
    color: #ccc;
    margin: 0 20px;
}
.we-make-2 .red-bg h1 i{
    font-style: italic;
}
.we-make-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.we-make-2 .red-bg h2{
    font-size: 14px;
    font-weight: 600;
    color: white;
    line-height: 30px;
    font-style: italic;
}

.we-make-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.we-make-2 .content .alert{
    padding: 20px 25px;
    border-radius: 0;
    border-left: 3px solid;
}
.we-make-2 .content .alert i{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
}
.we-make-2 .content .alert p{
    font-size: 14px;
    margin: 25px 20px;
}
.we-make-2 .content .alert-1{
    background: #d1ecf1;
    border-left-color: #afd9ee;
}
.we-make-2 .content .alert-2{
    background: #fff3cd;
    border-left-color: #ffeeba;
}
.we-make-2 .content .fa-tags{
    color: rgb(2, 140, 145);
    margin-right: 10px;
}
.we-make-2 form{
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #e7ecee;
}
.we-make-2 form h2{
    font-size: 25px;
}
.we-make-2 form label{
    margin: 10px 0;
    font-size: 15px;
}
.we-make-2 form .input, .we-make-2 textarea{
    padding: 15px;
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #e7ecee;
    margin-bottom: 30px;
    font-size: 14px;
    color: #9fa3a3;
}
.we-make-2 form span{
    margin-left: 5px;
    font-size: 14px;
    color: #9fa3a3;
}
.we-make-2 .sub{
    margin-top: 30px;
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.we-make-2 .sub:hover{
    background: rgb(3, 178, 184);
}
.we-make-2 .inner-content .carousel button{
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background: rgb(0, 124, 128);
    opacity: 0;
    transition: all 300ms ease-out;
}
.we-make-2 .inner-content .carousel:hover button{
    opacity: 1;
    background: rgb(3, 178, 184);
}
.we-make-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.we-make-2 .cont .head{
    display: flex;
}
.we-make-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.we-make-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.we-make-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.we-make-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.we-make-2 .cont .news-cont #show1{
    z-index: 1;
}
.we-make-2 .cont .news-cont #show2, .we-make-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.we-make-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.we-make-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.we-make-2 .cont .news-cont .text{
    padding: 0 10px;
}
.we-make-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.we-make-2 .cont .news-cont .text h2:hover{
    color: green;
}
.we-make-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.we-make-2 .category{
    margin-bottom: 40px;
}
.we-make-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.we-make-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.we-make-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.we-make-2 .category p a:hover{
    color: green;
}

.we-make-2 .tag{
    margin-bottom: 40px;
}
.we-make-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.we-make-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.we-make-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.we-make-2 .archive{
    margin-bottom: 40px;
}
.we-make-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.we-make-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.we-make-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.we-make-2 .archive p a:hover{
    color: green;
}

.we-make-2 .recent{
    margin-bottom: 40px;
}
.we-make-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.we-make-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.we-make-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.we-make-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* we-make-2 */
    .we-make-2 .content .date{
        display: none;
    }
    .we-make-2 .content .small-date{
        display: block;
    }
    .we-make-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}
@media only screen and (max-width: 575px) {
    /* we-make-2 */
    .we-make-2 .content .date{
        display: none;
    }
    .we-make-2 .inner-content .carousel button{
        opacity: 1;
    }
}


/* DENTAL CSS STYLE
================================================== */
/* dental-1 */
.dental-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.dental-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.dental-1 span, .dental-1 a{
    font-size: 15px;
    color: #ccc;
}
.dental-1 a:hover{
    color: white;
}
.dental-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.dental-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* dental-1 */
    .dental-1{
        margin-top: 65px;
    }
}

/* dental-2 */
.dental-2{
    margin: 70px 0; 
}
.dental-2 .content{
    display: flex;     
}
.dental-2 .content .date{
    margin-right: 20px;
}
.dental-2 .content .small-date{
    display: none;
}
.dental-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.dental-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.dental-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.dental-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.dental-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.dental-2 .content .date p a:hover i{
    color: red;
}
.dental-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.dental-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.dental-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.dental-2 .inner-content a{
    color: black;
}
.dental-2 .inner-content a:hover{
    color: green;
}
.dental-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.dental-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.dental-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.dental-2 .red-bg h1 {
    font-size: 20px;
    color: #ccc;
    margin: 0 20px;
}
.dental-2 .red-bg h1 i{
    font-style: italic;
}
.dental-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.dental-2 .red-bg h2{
    font-size: 14px;
    font-weight: 600;
    color: white;
    line-height: 30px;
    font-style: italic;
}

.dental-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.dental-2 .content .alert{
    padding: 20px 25px;
    border-radius: 0;
    border-left: 3px solid;
}
.dental-2 .content .alert i{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
}
.dental-2 .content .alert p{
    font-size: 14px;
    margin: 25px 20px;
}
.dental-2 .content .alert-1{
    background: #d1ecf1;
    border-left-color: #afd9ee;
}
.dental-2 .content .alert-2{
    background: #fff3cd;
    border-left-color: #ffeeba;
}
.dental-2 .content .fa-tags{
    color: rgb(2, 140, 145);
    margin-right: 10px;
}
.dental-2 form{
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #e7ecee;
}
.dental-2 form h2{
    font-size: 25px;
}
.dental-2 form label{
    margin: 10px 0;
    font-size: 15px;
}
.dental-2 form .input, .dental textarea{
    padding: 15px;
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #e7ecee;
    margin-bottom: 30px;
    font-size: 14px;
    color: #9fa3a3;
}
.dental-2 form span{
    margin-left: 5px;
    font-size: 14px;
    color: #9fa3a3;
}
.dental-2 .sub{
    margin-top: 30px;
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.dental-2 .sub:hover{
    background: rgb(3, 178, 184);
}
.dental-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.dental-2 .cont .head{
    display: flex;
}
.dental-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.dental-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.dental-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.dental-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.dental-2 .cont .news-cont #show1{
    z-index: 1;
}
.dental-2 .cont .news-cont #show2, .dental-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.dental-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.dental-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.dental-2 .cont .news-cont .text{
    padding: 0 10px;
}
.dental-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.dental-2 .cont .news-cont .text h2:hover{
    color: green;
}
.dental-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.dental-2 .category{
    margin-bottom: 40px;
}
.dental-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.dental-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.dental-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.dental-2 .category p a:hover{
    color: green;
}

.dental-2 .tag{
    margin-bottom: 40px;
}
.dental-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.dental-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.dental-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.dental-2 .archive{
    margin-bottom: 40px;
}
.dental-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.dental-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.dental-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.dental-2 .archive p a:hover{
    color: green;
}
.dental-2 .recent{
    margin-bottom: 40px;
}
.dental-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.dental-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.dental-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.dental-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* dental-2 */
    .dental-2 .content .date{
        display: none;
    }
    .dental-2 .content .small-date{
        display: block;
    }
    .dental-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}
@media only screen and (max-width: 575px) {
    /* dental-2 */
    .dental-2 .content .date{
        display: none;
    }
}


/* GALLERY POST CSS STYLE
================================================== */
/* galleryP-1 */
.galleryP-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.galleryP-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.galleryP-1 span, .galleryP-1 a{
    font-size: 15px;
    color: #ccc;
}
.galleryP-1 a:hover{
    color: white;
}
.galleryP-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.galleryP-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* galleryP-1 */
    .galleryP-1{
        margin-top: 65px;
    }
}


/* galleryP-2 */
.galleryP-2{
    margin: 70px 0; 
}
.galleryP-2 .content{
    display: flex;     
}
.galleryP-2 .content .date{
    margin-right: 20px;
}
.galleryP-2 .content .small-date{
    display: none;
}
.galleryP-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.galleryP-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.galleryP-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.galleryP-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.galleryP-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.galleryP-2 .content .date p a:hover i{
    color: red;
}
.galleryP-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.galleryP-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.galleryP-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.galleryP-2 .inner-content a{
    color: black;
}
.galleryP-2 .inner-content a:hover{
    color: green;
}
.galleryP-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.galleryP-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.galleryP-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.galleryP-2 .red-bg h1 {
    font-size: 20px;
    color: #ccc;
    margin: 0 20px;
}
.galleryP-2 .red-bg h1 i{
    font-style: italic;
}
.galleryP-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.galleryP-2 .red-bg h2{
    font-size: 14px;
    font-weight: 600;
    color: white;
    line-height: 30px;
    font-style: italic;
}

.galleryP-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.galleryP-2 .content .alert{
    padding: 20px 25px;
    border-radius: 0;
    border-left: 3px solid;
}
.galleryP-2 .content .alert i{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
}
.galleryP-2 .content .alert p{
    font-size: 14px;
    margin: 25px 20px;
}
.galleryP-2 .content .alert-1{
    background: #d1ecf1;
    border-left-color: #afd9ee;
}
.galleryP-2 .content .alert-2{
    background: #fff3cd;
    border-left-color: #ffeeba;
}
.galleryP-2 .content .fa-tags{
    color: rgb(2, 140, 145);
    margin-right: 10px;
}
.galleryP-2 form{
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #e7ecee;
}
.galleryP-2 form h2{
    font-size: 25px;
}
.galleryP-2 form label{
    margin: 10px 0;
    font-size: 15px;
}
.galleryP-2 form .input, .galleryP-2 textarea{
    padding: 15px;
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #e7ecee;
    margin-bottom: 30px;
    font-size: 14px;
    color: #9fa3a3;
}
.galleryP-2 form span{
    margin-left: 5px;
    font-size: 14px;
    color: #9fa3a3;
}
.galleryP-2 .sub{
    margin-top: 30px;
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.galleryP-2 .sub:hover{
    background: rgb(3, 178, 184);
}
.galleryP-2 .inner-content .carousel button{
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background: rgb(0, 124, 128);
    opacity: 0;
    transition: all 300ms ease-out;
}
.galleryP-2 .inner-content .carousel:hover button{
    opacity: 1;
    background: rgb(3, 178, 184);
}
.galleryP-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.galleryP-2 .cont .head{
    display: flex;
}
.galleryP-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.galleryP-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.galleryP-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.galleryP-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.galleryP-2 .cont .news-cont #show1{
    z-index: 1;
}
.galleryP-2 .cont .news-cont #show2, .galleryP-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.galleryP-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.galleryP-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.galleryP-2 .cont .news-cont .text{
    padding: 0 10px;
}
.galleryP-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.galleryP-2 .cont .news-cont .text h2:hover{
    color: green;
}
.galleryP-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.galleryP-2 .category{
    margin-bottom: 40px;
}
.galleryP-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.galleryP-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.galleryP-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.galleryP-2 .category p a:hover{
    color: green;
}

.galleryP-2 .tag{
    margin-bottom: 40px;
}
.galleryP-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.galleryP-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.galleryP-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.galleryP-2 .archive{
    margin-bottom: 40px;
}
.galleryP-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.galleryP-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.galleryP-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.galleryP-2 .archive p a:hover{
    color: green;
}

.galleryP-2 .recent{
    margin-bottom: 40px;
}
.galleryP-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.galleryP-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.galleryP-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.galleryP-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* galleryP-2 */
    .galleryP-2 .content .date{
        display: none;
    }
    .galleryP-2 .content .small-date{
        display: block;
    }
    .galleryP-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}
@media only screen and (max-width: 575px) {
    /* galleryP-2 */
    .galleryP-2 .content .date{
        display: none;
    }
    .galleryP-2 .inner-content .carousel button{
        opacity: 1;
    }
}



/* QUOTE CSS STYLE
================================================== */
/* quote-1 */
.quote-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.quote-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.quote-1 span, .quote-1 a{
    font-size: 15px;
    color: #ccc;
}
.quote-1 a:hover{
    color: white;
}
.quote-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.quote-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* quote-1 */
    .quote-1{
        margin-top: 65px;
    }
}


/* quote-2 */
.quote-2{
    margin: 70px 0; 
}
.quote-2 .content{
    display: flex;     
}
.quote-2 .content .date{
    margin-right: 20px;
}
.quote-2 .content .small-date{
    display: none;
}
.quote-2 .content .small-date h3{
    font-size: 20px;
    margin-bottom: 20px;
}
.quote-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.quote-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.quote-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.quote-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.quote-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.quote-2 .content .date p a:hover i{
    color: red;
}
.quote-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
}
.quote-2 .inner-content .content-1{
    margin-bottom: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid rgb(233, 233, 233);
    
}
.quote-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.quote-2 .red-bg h1{
    font-size: 30px;
    color: #ccc;
    margin: 0 20px;
    font-family: 'Poppins', sans-serif;
}
.quote-2 .red-bg h1 i{
    font-style: italic;
}
.quote-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.quote-2 .red-bg h2{
    font-size: 30px;
    font-weight: 600;
    color: white;
}
.quote-2 .red-bg h2:hover{
    color: white;
}
.quote-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.quote-2 form h2{
    font-size: 25px;
}
.quote-2 form label{
    margin: 10px 0;
    font-size: 15px;
}
.quote-2 form .input, .quote-2 textarea{
    padding: 15px;
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #e7ecee;
    margin-bottom: 30px;
    font-size: 14px;
    color: #9fa3a3;
}
.quote-2 form span{
    margin-left: 5px;
    font-size: 14px;
    color: #9fa3a3;
}
.quote-2 .sub{
    margin-top: 30px;
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.quote-2 .sub:hover{
    background: rgb(3, 178, 184);
}

.quote-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.quote-2 .cont .head{
    display: flex;
}
.quote-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.quote-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.quote-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.quote-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.quote-2 .cont .news-cont #show1{
    z-index: 1;
}
.quote-2 .cont .news-cont #show2, .quote-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.quote-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.quote-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.quote-2 .cont .news-cont .text{
    padding: 0 10px;
}
.quote-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.quote-2 .cont .news-cont .text h2:hover{
    color: green;
}
.quote-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.quote-2 .category{
    margin-bottom: 40px;
}
.quote-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.quote-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.quote-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.quote-2 .category p a:hover{
    color: green;
}

.quote-2 .tag{
    margin-bottom: 40px;
}
.quote-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.quote-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.quote-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.quote-2 .archive{
    margin-bottom: 40px;
}
.quote-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.quote-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.quote-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.quote-2 .archive p a:hover{
    color: green;
}

.quote-2 .recent{
    margin-bottom: 40px;
}
.quote-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.quote-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.quote-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.quote-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* quote-2 */
    .quote-2 .content .date{
        display: none;
    }
    .quote-2 .content .small-date{
        display: block;
    }
    .quote-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}
@media only screen and (max-width: 575px) {
    /* quote-2 */
    .quote-2 .content .date{
        display: none;
    }
    .quote-2 .red-bg h1{
        font-size: 20px;
    }
    .quote-2 .red-bg h2{
        font-size: 20px;
    }
    .quote-2 .inner-content .carousel button{
        opacity: 1;
    }
}



/* ENVIRONMENT CSS STYLE
================================================== */
/* environment-1 */
.environment-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.environment-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.environment-1 span, .environment-1 a{
    font-size: 15px;
    color: #ccc;
}
.environment-1 a:hover{
    color: white;
}
.environment-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.environment-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* environment-1 */
    .environment-1{
        margin-top: 65px;
    }
}


/* environment-2 */
.environment-2{
    margin: 70px 0; 
}
.environment-2 .content{
    display: flex;
}
.environment-2 .content .date{
    margin-right: 20px;
}
.environment-2 .content .small-date{
    display: none;
}
.environment-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.environment-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.environment-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.environment-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.environment-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.environment-2 .content .date p a:hover i{
    color: red;
}
.environment-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.environment-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.environment-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.environment-2 .inner-content h2:hover{
    color: green;
}
.environment-2 .inner-content a{
    color: black;
}
.environment-2 .inner-content a:hover{
    color: green;
}
.environment-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.environment-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.environment-2 button{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.environment-2 button:hover{
    background: rgb(3, 178, 184);
}
.environment-2 .inner-content .carousel button{
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background: rgb(0, 124, 128);
    opacity: 0;
    transition: all 300ms ease-out;
}
.environment-2 .inner-content .carousel:hover button{
    opacity: 1;
    background: rgb(3, 178, 184);
}

.environment-2 .red-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.environment-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.environment-2 .red-bg .image{
    padding: 0 15px;
}
.environment-2 .red-bg h2{
    font-size: 25px;
    color: white;
}
.environment-2 .red-bg h2:hover{
    color: white;
}
.environment-2 .red-bg .text p{
    color: white;
}
.environment-2 .red-bg a:hover{
    text-decoration: underline;
    color: white;
}
.environment-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.environment-2 .cont .head{
    display: flex;
}
.environment-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.environment-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.environment-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.environment-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.environment-2 .cont .news-cont #show1{
    z-index: 1;
}
.environment-2 .cont .news-cont #show2, .environment-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.environment-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.environment-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.environment-2 .cont .news-cont .text{
    padding: 0 10px;
}
.environment-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.environment-2 .cont .news-cont .text h2:hover{
    color: green;
}
.environment-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.environment-2 .category{
    margin-bottom: 40px;
}
.environment-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.environment-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.environment-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.environment-2 .category p a:hover{
    color: green;
}

.environment-2 .tag{
    margin-bottom: 40px;
}
.environment-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.environment-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.environment-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.environment-2 .archive{
    margin-bottom: 40px;
}
.environment-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.environment-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.environment-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.environment-2 .archive p a:hover{
    color: green;
}

.environment-2 .recent{
    margin-bottom: 40px;
}
.environment-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.environment-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.environment-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.environment-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* environment-2 */
    .environment-2 .content .date{
        display: none;
    }
    .environment-2 .content .small-date{
        display: block;
    }
    .environment-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* environment-2 */
    .environment-2 .content .date{
        display: none;
    }
    .environment-2 .inner-content .carousel button{
        opacity: 1;
    }
    .environment-2 .content .date{
        display: none;
    }
    .environment-2 .red-bg h2{
        font-size: 20px;
    }
    .environment-2 .inner-content .carousel button{
        opacity: 1;
    }
}


/* MOTIVATION CSS STYLE
================================================== */
/* motivation-1 */
.motivation-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.motivation-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.motivation-1 span, .motivation-1 a{
    font-size: 15px;
    color: #ccc;
}
.motivation-1 a:hover{
    color: white;
}
.motivation-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.motivation-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* motivation-1 */
    .motivation-1{
        margin-top: 65px;
    }
}

/* motivation-2 */
.motivation-2{
    margin: 70px 0; 
}
.motivation-2 .content{
    display: flex;     
}
.motivation-2 .content .date{
    margin-right: 20px;
}
.motivation-2 .content .small-date{
    display: none;
}
.motivation-2 .content .small-date h3{
    font-size: 20px;
    margin-bottom: 20px;
}
.motivation-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.motivation-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.motivation-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.motivation-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.motivation-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.motivation-2 .content .date p a:hover i{
    color: red;
}
.motivation-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.motivation-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
    transition: all 300ms ease-out;
}
.motivation-2 .inner-content h2:hover{
    color: green;
}
.motivation-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
}
.motivation-2 .inner-content p a{
    color: black;
    transition: all 300ms ease-out;
}
.motivation-2 .inner-content p a:hover{
    color: green;
}
.motivation-2 .inner-content button{
    padding: 10px 25px;
    border: none;
    outline: none;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    font-size: 14px;
    font-weight: 500;
    color: white;
}
.motivation-2 .inner-content button:hover{
    background: rgb(3, 178, 184);
}
.motivation-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.motivation-2 .red-bg h1{
    font-size: 30px;
    color: #ccc;
    margin: 0 20px;
}
.motivation-2 .red-bg h1 i{
    font-style: italic;
}
.motivation-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.motivation-2 .red-bg h2{
    font-size: 30px;
    font-weight: 600;
    color: white;
}
.motivation-2 .red-bg h2:hover{
    color: white;
}
.motivation-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.motivation-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.motivation-2 .cont .head{
    display: flex;
}
.motivation-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.motivation-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.motivation-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.motivation-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.motivation-2 .cont .news-cont #show1{
    z-index: 1;
}
.motivation-2 .cont .news-cont #show2, .motivation-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.motivation-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.motivation-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.motivation-2 .cont .news-cont .text{
    padding: 0 10px;
}
.motivation-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.motivation-2 .cont .news-cont .text h2:hover{
    color: green;
}
.motivation-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.motivation-2 .category{
    margin-bottom: 40px;
}
.motivation-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.motivation-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.motivation-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.motivation-2 .category p a:hover{
    color: green;
}

.motivation-2 .tag{
    margin-bottom: 40px;
}
.motivation-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.motivation-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.motivation-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.motivation-2 .archive{
    margin-bottom: 40px;
}
.motivation-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.motivation-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.motivation-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.motivation-2 .archive p a:hover{
    color: green;
}

.motivation-2 .recent{
    margin-bottom: 40px;
}
.motivation-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.motivation-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.motivation-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.motivation-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* news-2 */
    .motivation-2 .content .date{
        display: none;
    }
    .motivation-2 .content .small-date{
        display: block;
    }
    .motivation-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}
@media only screen and (max-width: 575px) {
    /* motivation-2 */
    .motivation-2 .content .date{
        display: none;
    }
    .motivation-2 .red-bg h1{
        font-size: 20px;
    }
    .motivation-2 .red-bg h2{
        font-size: 20px;
    }
}


/* JACK CSS STYLE
================================================== */
/* jack-1 */
.jack-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.jack-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.jack-1 span, .jack-1 a{
    font-size: 15px;
    color: #ccc;
}
.jack-1 a:hover{
    color: white;
}
.jack-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.jack-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* jack-1 */
    .jack-1{
        margin-top: 65px;
    }
}


/* jack-2 */
.jack-2{
    margin: 70px 0; 
}
.jack-2 .content{
    display: flex;     
}
.jack-2 .content .date{
    margin-right: 20px;
}
.jack-2 .content .small-date{
    display: none;
}
.jack-2 .content .small-date h3{
    font-size: 20px;
    margin-bottom: 20px;
}
.jack-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.jack-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.jack-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.jack-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.jack-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.jack-2 .content .date p a:hover i{
    color: red;
}
.jack-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.jack-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    font-size: 600;
    color: black;
    transition: all 300ms ease-out;
}
.jack-2 .inner-content h2:hover{
    color: green;
}
.jack-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
}
.jack-2 .inner-content p a{
    color: black;
    transition: all 300ms ease-out;
}
.jack-2 .inner-content p a:hover{
    color: green;
}
.jack-2 .inner-content button{
    padding: 10px 25px;
    border: none;
    outline: none;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    font-size: 14px;
    font-weight: 500;
    color: white;
}
.jack-2 .inner-content button:hover{
    background: rgb(3, 178, 184);
}
.jack-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.jack-2 .red-bg h1{
    font-size: 30px;
    color: #ccc;
    margin: 0 20px;
}
.jack-2 .red-bg h1 i{
    font-style: italic;
}
.jack-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.jack-2 .red-bg h2{
    font-size: 30px;
    font-weight: 600;
    color: white;
}
.jack-2 .red-bg h2:hover{
    color: white;
}
.jack-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.jack-2 .red1-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.jack-2 .red1-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.jack-2 .red1-bg .image{
    padding: 0 15px;
}
.jack-2 .red1-bg h2{
    font-size: 25px;
    color: white;
}
.jack-2 .red1-bg h2:hover{
    color: white;
}
.jack-2 .red1-bg .text p{
    color: white;
}
.jack-2 .red1-bg a:hover{
    text-decoration: underline;
    color: white;
}
.jack-2 .inner-content .carousel button{
    height: 50px;
    width: 50px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 300ms ease-out;
}
.jack-2 .inner-content .carousel:hover button{
    opacity: 1;
    
}
.jack-2 .next-page{
    margin-top: 30px;
}
.jack-2 .next-page li{
    display: inline-block;
    list-style: none;
    width: 40px;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
    margin: 0 5px;
    background: rgb(3, 178, 184);
    color: white;
    transition: all 300ms ease-out;
    margin-bottom: 40px;

}
.jack-2 .next-page li:hover, .jack-2 .next-page .active li{
    background: #007d9e;

}
.jack-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.jack-2 .cont .head{
    display: flex;
}
.jack-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.jack-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.jack-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.jack-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.jack-2 .cont .news-cont #show1{
    z-index: 1;
}
.jack-2 .cont .news-cont #show2, .jack-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.jack-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.jack-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.jack-2 .cont .news-cont .text{
    padding: 0 10px;
}
.jack-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.jack-2 .cont .news-cont .text h2:hover{
    color: green;
}
.jack-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.jack-2 .category{
    margin-bottom: 40px;
}
.jack-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.jack-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.jack-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.jack-2 .category p a:hover{
    color: green;
}

.jack-2 .tag{
    margin-bottom: 40px;
}
.jack-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.jack-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.jack-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.jack-2 .archive{
    margin-bottom: 40px;
}
.jack-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.jack-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.jack-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.jack-2 .archive p a:hover{
    color: green;
}

.jack-2 .recent{
    margin-bottom: 40px;
}
.jack-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.jack-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.jack-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.jack-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* jack-2 */
    .jack-2 .content .date{
        display: none;
    }
    .jack-2 .content .small-date{
        display: block;
    }
    .jack-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}
@media only screen and (max-width: 575px) {
    /* jack-2 */
    .jack-2 .content .date{
        display: none;
    }
    .jack-2 .red-bg h1{
        font-size: 20px;
    }
    .jack-2 .red-bg h2{
        font-size: 20px;
    }
    .jack-2 .inner-content .carousel button{
        opacity: 1;
    }
}

/* STANDARD CSS STYLE
================================================== */
/* standard-1 */
.standard-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.standard-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.standard-1 span, .standard-1 a{
    font-size: 15px;
    color: #ccc;
}
.standard-1 a:hover{
    color: white;
}
.standard-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.standard-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* standard-1 */
    .standard-1{
        margin-top: 65px;
    }
}


/* standard-2 */
.standard-2{
    margin: 70px 0; 
}
.standard-2 .content{
    display: flex;     
}
.standard-2 .content .date{
    margin-right: 20px;
}
.standard-2 .content .small-date{
    display: none;
}
.standard-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.standard-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.standard-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.standard-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.standard-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.standard-2 .content .date p a:hover i{
    color: red;
}
.standard-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.standard-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.standard-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.standard-2 .inner-content a{
    color: black;
}
.standard-2 .inner-content a:hover{
    color: green;
}
.standard-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.standard-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.standard-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.standard-2 .red-bg h1 {
    font-size: 20px;
    color: #ccc;
    margin: 0 20px;
}
.standard-2 .red-bg h1 i{
    font-style: italic;
}
.standard-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.standard-2 .red-bg h2{
    font-size: 14px;
    font-weight: 600;
    color: white;
    line-height: 30px;
    font-style: italic;
}

.standard-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.standard-2 .content .alert{
    padding: 20px 25px;
    border-radius: 0;
    border-left: 3px solid;
}
.standard-2 .content .alert i{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
}
.standard-2 .content .alert p{
    font-size: 14px;
    margin: 25px 20px;
}
.standard-2 .content .alert-1{
    background: #d1ecf1;
    border-left-color: #afd9ee;
}
.standard-2 .content .alert-2{
    background: #fff3cd;
    border-left-color: #ffeeba;
}
.standard-2 .content .fa-tags{
    color: rgb(2, 140, 145);
    margin-right: 10px;
}
.standard-2 form{
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #e7ecee;
}
.standard-2 form h2{
    font-size: 25px;
}
.standard-2 form label{
    margin: 10px 0;
    font-size: 15px;
}
.standard-2 form .input, .standard-2 textarea{
    padding: 15px;
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #e7ecee;
    margin-bottom: 30px;
    font-size: 14px;
    color: #9fa3a3;
}
.standard-2 form span{
    margin-left: 5px;
    font-size: 14px;
    color: #9fa3a3;
}
.standard-2 .sub{
    margin-top: 30px;
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.standard-2 .sub:hover{
    background: rgb(3, 178, 184);
}
.standard-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.standard-2 .cont .head{
    display: flex;
}
.standard-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.standard-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.standard-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.standard-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.standard-2 .cont .news-cont #show1{
    z-index: 1;
}
.standard-2 .cont .news-cont #show2, .standard-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.standard-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.standard-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.standard-2 .cont .news-cont .text{
    padding: 0 10px;
}
.standard-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.standard-2 .cont .news-cont .text h2:hover{
    color: green;
}
.standard-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.standard-2 .category{
    margin-bottom: 40px;
}
.standard-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.standard-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.standard-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.standard-2 .category p a:hover{
    color: green;
}

.standard-2 .tag{
    margin-bottom: 40px;
}
.standard-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.standard-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.standard-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.standard-2 .archive{
    margin-bottom: 40px;
}
.standard-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.standard-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.standard-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.standard-2 .archive p a:hover{
    color: green;
}

.standard-2 .recent{
    margin-bottom: 40px;
}
.standard-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.standard-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.standard-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.standard-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* standard-2 */
    .standard-2 .content .date{
        display: none;
    }
    .standard-2 .content .small-date{
        display: block;
    }
    .standard-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}
@media only screen and (max-width: 575px) {
    /* standard-2 */
    .standard-2 .content .date{
        display: none;
    }
    .standard-2 .inner-content .carousel button{
        opacity: 1;
    }
}


/* IMAGE POST CSS STYLE
================================================== */
/* imageP-1 */
.imageP-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.imageP-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.imageP-1 span, .imageP-1 a{
    font-size: 15px;
    color: #ccc;
}
.imageP-1 a:hover{
    color: white;
}
.imageP-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.imageP-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* imageP-1 */
    .imageP-1{
        margin-top: 65px;
    }
}


/* imageP-2 */
.imageP-2{
    margin: 70px 0; 
}
.imageP-2 .content{
    display: flex;     
}
.imageP-2 .content .date{
    margin-right: 20px;
}
.imageP-2 .content .small-date{
    display: none;
}
.imageP-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.imageP-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.imageP-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.imageP-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.imageP-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.imageP-2 .content .date p a:hover i{
    color: red;
}
.imageP-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.imageP-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.imageP-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.imageP-2 .inner-content a{
    color: black;
}
.imageP-2 .inner-content a:hover{
    color: green;
}
.imageP-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.imageP-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.imageP-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.imageP-2 .red-bg h1 {
    font-size: 20px;
    color: #ccc;
    margin: 0 20px;
}
.imageP-2 .red-bg h1 i{
    font-style: italic;
}
.imageP-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.imageP-2 .red-bg h2{
    font-size: 14px;
    font-weight: 600;
    color: white;
    line-height: 30px;
    font-style: italic;
}

.imageP-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.imageP-2 .content .alert{
    padding: 20px 25px;
    border-radius: 0;
    border-left: 3px solid;
}
.imageP-2 .content .alert i{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
}
.imageP-2 .content .alert p{
    font-size: 14px;
    margin: 25px 20px;
}
.imageP-2 .content .alert-1{
    background: #d1ecf1;
    border-left-color: #afd9ee;
}
.imageP-2 .content .alert-2{
    background: #fff3cd;
    border-left-color: #ffeeba;
}
.imageP-2 .content .fa-tags{
    color: rgb(2, 140, 145);
    margin-right: 10px;
}
.imageP-2 form{
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #e7ecee;
}
.imageP-2 form h2{
    font-size: 25px;
}
.imageP-2 form label{
    margin: 10px 0;
    font-size: 15px;
}
.imageP-2 form .input, .imageP-2 textarea{
    padding: 15px;
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #e7ecee;
    margin-bottom: 30px;
    font-size: 14px;
    color: #9fa3a3;
}
.imageP-2 form span{
    margin-left: 5px;
    font-size: 14px;
    color: #9fa3a3;
}
.imageP-2 .sub{
    margin-top: 30px;
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.imageP-2 .sub:hover{
    background: rgb(3, 178, 184);
}
.imageP-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.imageP-2 .cont .head{
    display: flex;
}
.imageP-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.imageP-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.imageP-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.imageP-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.imageP-2 .cont .news-cont #show1{
    z-index: 1;
}
.imageP-2 .cont .news-cont #show2, .imageP-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.imageP-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.imageP-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.imageP-2 .cont .news-cont .text{
    padding: 0 10px;
}
.imageP-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.imageP-2 .cont .news-cont .text h2:hover{
    color: green;
}
.imageP-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.imageP-2 .category{
    margin-bottom: 40px;
}
.imageP-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.imageP-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.imageP-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.imageP-2 .category p a:hover{
    color: green;
}

.imageP-2 .tag{
    margin-bottom: 40px;
}
.imageP-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.imageP-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.imageP-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.imageP-2 .archive{
    margin-bottom: 40px;
}
.imageP-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.imageP-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.imageP-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.imageP-2 .archive p a:hover{
    color: green;
}

.imageP-2 .recent{
    margin-bottom: 40px;
}
.imageP-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.imageP-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.imageP-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.imageP-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* imageP-2 */
    .imageP-2 .content .date{
        display: none;
    }
    .imageP-2 .content .small-date{
        display: block;
    }
    .imageP-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}
@media only screen and (max-width: 575px) {
    /* imageP-2 */
    .imageP-2 .content .date{
        display: none;
    }
    .imageP-2 .inner-content .carousel button{
        opacity: 1;
    }
}



/* MAY 2018 CSS STYLE
================================================== */
/* may18-1 */
.may18-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.may18-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.may18-1 span, .may18-1 a{
    font-size: 15px;
    color: #ccc;
}
.may18-1 a:hover{
    color: white;
}
.may18-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.may18-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* may18-1 */
    .may18-1{
        margin-top: 65px;
    }
}


/* may18-2 */
.may18-2{
    margin: 70px 0; 
}
.may18-2 .content{
    display: flex;
}
.may18-2 .content .date{
    margin-right: 20px;
}
.may18-2 .content .small-date{
    display: none;
}
.may18-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.may18-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.may18-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.may18-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.may18-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.may18-2 .content .date p a:hover i{
    color: red;
}
.may18-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.may18-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.may18-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.may18-2 .inner-content h2:hover{
    color: green;
}
.may18-2 .inner-content a{
    color: black;
}
.may18-2 .inner-content a:hover{
    color: green;
}
.may18-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.may18-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.may18-2 button{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.may18-2 button:hover{
    background: rgb(3, 178, 184);
}
.may18-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.may18-2 .cont .head{
    display: flex;
}
.may18-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.may18-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.may18-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.may18-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.may18-2 .cont .news-cont #show1{
    z-index: 1;
}
.may18-2 .cont .news-cont #show2, .may18-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.may18-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.may18-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.may18-2 .cont .news-cont .text{
    padding: 0 10px;
}
.may18-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.may18-2 .cont .news-cont .text h2:hover{
    color: green;
}
.may18-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.may18-2 .category{
    margin-bottom: 40px;
}
.may18-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.may18-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.may18-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.may18-2 .category p a:hover{
    color: green;
}

.may18-2 .tag{
    margin-bottom: 40px;
}
.may18-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.may18-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.may18-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.may18-2 .archive{
    margin-bottom: 40px;
}
.may18-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.may18-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.may18-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.may18-2 .archive p a:hover{
    color: green;
}

.may18-2 .recent{
    margin-bottom: 40px;
}
.may18-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.may18-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.may18-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.may18-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* .may18-2 */
    .may18-2 .content .date{
        display: none;
    }
    .may18-2 .content .small-date{
        display: block;
    }
    .may18-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* .may18-2 */
    .may18-2 .content .date{
        display: none;
    }
    .may18-2 .inner-content .carousel button{
        opacity: 1;
    }
    .may18-2 .content .date{
        display: none;
    }
}


/* MAY 2014 CSS STYLE
================================================== */
/* may14-1 */
.may14-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.may14-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.may14-1 span, .may14-1 a{
    font-size: 15px;
    color: #ccc;
}
.may14-1 a:hover{
    color: white;
}
.may14-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.may14-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* may14-1 */
    .may14-1{
        margin-top: 65px;
    }
}


/* may14-2 */
.may14-2{
    margin: 70px 0; 
}
.may14-2 .content{
    display: flex;
}
.may14-2 .content .date{
    margin-right: 20px;
}
.may14-2 .content .small-date{
    display: none;
}
.may14-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.may14-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.may14-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.may14-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.may14-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.may14-2 .content .date p a:hover i{
    color: red;
}
.may14-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.may14-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.may14-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.may14-2 .inner-content h2:hover{
    color: green;
}
.may14-2 .inner-content a{
    color: black;
}
.may14-2 .inner-content a:hover{
    color: green;
}
.may14-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.may14-2 .inner-content button{
    padding: 10px 25px;
    border: none;
    outline: none;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    font-size: 14px;
    font-weight: 500;
    color: white;
}
.may14-2 .inner-content button:hover{
    background: rgb(3, 178, 184);
}
.may14-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.may14-2 .red-bg h1{
    font-size: 30px;
    color: #ccc;
    margin: 0 20px;
}
.may14-2 .red-bg h1 i{
    font-style: italic;
}
.may14-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.may14-2 .red-bg h2{
    font-size: 30px;
    font-weight: 600;
    color: white;
}
.may14-2 .red-bg h2:hover{
    color: white;
}
.may14-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.may14-2 .red1-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.may14-2 .red1-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.may14-2 .red1-bg .image{
    padding: 0 15px;
}
.may14-2 .red1-bg h2{
    font-size: 25px;
    color: white;
}
.may14-2 .red1-bg h2:hover{
    color: white;
}
.may14-2 .red1-bg .text p{
    color: white;
}
.may14-2 .red1-bg a:hover{
    text-decoration: underline;
    color: white;
}
.may14-2 .inner-content .carousel button{
    height: 50px;
    width: 50px;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    transition: all 300ms ease-out;
}
.may14-2 .inner-content .carousel:hover button{
    opacity: 1;
    
}
.may14-2 .next-page{
    margin-top: 30px;
}
.may14-2 .next-page li{
    display: inline-block;
    list-style: none;
    width: 40px;
    padding: 10px 0;
    font-size: 14px;
    font-weight: 500;
    margin: 0 5px;
    background: rgb(3, 178, 184);
    color: white;
    transition: all 300ms ease-out;
    margin-bottom: 40px;

}
.may14-2 .next-page li:hover, .may14-2 .next-page .active li{
    background: #007d9e;

}
.may14-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.may14-2 .cont .head{
    display: flex;
}
.may14-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.may14-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.may14-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.may14-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.may14-2 .cont .news-cont #show1{
    z-index: 1;
}
.may14-2 .cont .news-cont #show2, .may14-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.may14-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.may14-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.may14-2 .cont .news-cont .text{
    padding: 0 10px;
}
.may14-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.may14-2 .cont .news-cont .text h2:hover{
    color: green;
}
.may14-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.may14-2 .category{
    margin-bottom: 40px;
}
.may14-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.may14-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.may14-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.may14-2 .category p a:hover{
    color: green;
}

.may14-2 .tag{
    margin-bottom: 40px;
}
.may14-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.may14-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.may14-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.may14-2 .archive{
    margin-bottom: 40px;
}
.may14-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.may14-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.may14-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.may14-2 .archive p a:hover{
    color: green;
}

.may14-2 .recent{
    margin-bottom: 40px;
}
.may14-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.may14-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.may14-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.may14-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* .may14-2 */
    .may14-2 .content .date{
        display: none;
    }
    .may14-2 .content .small-date{
        display: block;
    }
    .may14-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* .may14-2 */
    .may14-2 .content .date{
        display: none;
    }
    .may14-2 .inner-content .carousel button{
        opacity: 1;
    }
    .may14-2 .content .date{
        display: none;
    }
    .may14-2 .inner-content .carousel button{
        opacity: 1;
    }
}

/* HERO CSS STYLE
================================================== */
/* hero-1 */
.hero-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.hero-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.hero-1 span, .hero-1 a{
    font-size: 15px;
    color: #ccc;
}
.hero-1 a:hover{
    color: white;
}
.hero-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.hero-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* hero-1 */
    .hero-1{
        margin-top: 65px;
    }
}


/* hero-2 */
.hero-2{
    margin: 70px 0; 
}
.hero-2 .content{
    display: flex;     
}
.hero-2 .content .date{
    margin-right: 20px;
}
.hero-2 .content .small-date{
    display: none;
}
.hero-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.hero-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.hero-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.hero-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.hero-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.hero-2 .content .date p a:hover i{
    color: red;
}
.hero-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.hero-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.hero-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.hero-2 .inner-content a{
    color: black;
}
.hero-2 .inner-content a:hover{
    color: green;
}
.hero-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.hero-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.hero-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.hero-2 .red-bg h1 {
    font-size: 20px;
    color: #ccc;
    margin: 0 20px;
}
.hero-2 .red-bg h1 i{
    font-style: italic;
}
.hero-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.hero-2 .red-bg h2{
    font-size: 14px;
    font-weight: 600;
    color: white;
    line-height: 30px;
    font-style: italic;
}

.hero-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.hero-2 .content .alert{
    padding: 20px 25px;
    border-radius: 0;
    border-left: 3px solid;
}
.hero-2 .content .alert i{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
}
.hero-2 .content .alert p{
    font-size: 14px;
    margin: 25px 20px;
}
.hero-2 .content .alert-1{
    background: #d1ecf1;
    border-left-color: #afd9ee;
}
.hero-2 .content .alert-2{
    background: #fff3cd;
    border-left-color: #ffeeba;
}
.hero-2 .content .fa-tags{
    color: rgb(2, 140, 145);
    margin-right: 10px;
}
.hero-2 form{
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #e7ecee;
}
.hero-2 form h2{
    font-size: 25px;
}
.hero-2 form label{
    margin: 10px 0;
    font-size: 15px;
}
.hero-2 form .input, .hero-2 textarea{
    padding: 15px;
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #e7ecee;
    margin-bottom: 30px;
    font-size: 14px;
    color: #9fa3a3;
}
.hero-2 form span{
    margin-left: 5px;
    font-size: 14px;
    color: #9fa3a3;
}
.hero-2 .sub{
    margin-top: 30px;
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.hero-2 .sub:hover{
    background: rgb(3, 178, 184);
}
.hero-2 .inner-content .carousel button{
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background: rgb(0, 124, 128);
    opacity: 0;
    transition: all 300ms ease-out;
}
.hero-2 .inner-content .carousel:hover button{
    opacity: 1;
    background: rgb(3, 178, 184);
}
.hero-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.hero-2 .cont .head{
    display: flex;
}
.hero-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.hero-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.hero-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.hero-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.hero-2 .cont .news-cont #show1{
    z-index: 1;
}
.hero-2 .cont .news-cont #show2, .hero-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.hero-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.hero-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.hero-2 .cont .news-cont .text{
    padding: 0 10px;
}
.hero-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.hero-2 .cont .news-cont .text h2:hover{
    color: green;
}
.hero-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.hero-2 .category{
    margin-bottom: 40px;
}
.hero-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.hero-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.hero-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.hero-2 .category p a:hover{
    color: green;
}

.hero-2 .tag{
    margin-bottom: 40px;
}
.hero-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.hero-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.hero-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.hero-2 .archive{
    margin-bottom: 40px;
}
.hero-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.hero-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.hero-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.hero-2 .archive p a:hover{
    color: green;
}

.hero-2 .recent{
    margin-bottom: 40px;
}
.hero-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.hero-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.hero-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.hero-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* hero-2 */
    .hero-2 .content .date{
        display: none;
    }
    .hero-2 .content .small-date{
        display: block;
    }
    .hero-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}
@media only screen and (max-width: 575px) {
    /* hero-2 */
    .hero-2 .content .date{
        display: none;
    }
    .hero-2 .inner-content .carousel button{
        opacity: 1;
    }
}


/* AUDIO CSS STYLE
================================================== */
/* audio-1 */
.audio-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.audio-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.audio-1 span, .audio-1 a{
    font-size: 15px;
    color: #ccc;
}
.audio-1 a:hover{
    color: white;
}
.audio-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.audio-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* audio-1 */
    .audio-1{
        margin-top: 65px;
    }
}


/* audio-2 */
.audio-2{
    margin: 70px 0; 
}
.audio-2 .content{
    display: flex;     
}
.audio-2 .content .date{
    margin-right: 20px;
}
.audio-2 .content .small-date{
    display: none;
}
.audio-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.audio-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.audio-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.audio-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.audio-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.audio-2 .content .date p a:hover i{
    color: red;
}
.audio-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.audio-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.audio-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.audio-2 .inner-content a{
    color: black;
}
.audio-2 .inner-content a:hover{
    color: green;
}
.audio-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.audio-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.audio-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.audio-2 .red-bg h1 {
    font-size: 20px;
    color: #ccc;
    margin: 0 20px;
}
.audio-2 .red-bg h1 i{
    font-style: italic;
}
.audio-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.audio-2 .red-bg h2{
    font-size: 14px;
    font-weight: 600;
    color: white;
    line-height: 30px;
    font-style: italic;
}

.audio-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.audio-2 .content .alert{
    padding: 20px 25px;
    border-radius: 0;
    border-left: 3px solid;
}
.audio-2 .content .alert i{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
}
.audio-2 .content .alert p{
    font-size: 14px;
    margin: 25px 20px;
}
.audio-2 .content .alert-1{
    background: #d1ecf1;
    border-left-color: #afd9ee;
}
.audio-2 .content .alert-2{
    background: #fff3cd;
    border-left-color: #ffeeba;
}
.audio-2 .content .fa-tags{
    color: rgb(2, 140, 145);
    margin-right: 10px;
}
.audio-2 form{
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #e7ecee;
}
.audio-2 form h2{
    font-size: 25px;
}
.audio-2 form label{
    margin: 10px 0;
    font-size: 15px;
}
.audio-2 form .input, .audio-2 textarea{
    padding: 15px;
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #e7ecee;
    margin-bottom: 30px;
    font-size: 14px;
    color: #9fa3a3;
}
.audio-2 form span{
    margin-left: 5px;
    font-size: 14px;
    color: #9fa3a3;
}
.audio-2 .sub{
    margin-top: 30px;
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.audio-2 .sub:hover{
    background: rgb(3, 178, 184);
}
.audio-2 .inner-content .carousel button{
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background: rgb(0, 124, 128);
    opacity: 0;
    transition: all 300ms ease-out;
}
.audio-2 .inner-content .carousel:hover button{
    opacity: 1;
    background: rgb(3, 178, 184);
}
.audio-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.audio-2 .cont .head{
    display: flex;
}
.audio-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.audio-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.audio-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.audio-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.audio-2 .cont .news-cont #show1{
    z-index: 1;
}
.audio-2 .cont .news-cont #show2, .audio-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.audio-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.audio-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.audio-2 .cont .news-cont .text{
    padding: 0 10px;
}
.audio-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.audio-2 .cont .news-cont .text h2:hover{
    color: green;
}
.audio-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.audio-2 .category{
    margin-bottom: 40px;
}
.audio-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.audio-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.audio-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.audio-2 .category p a:hover{
    color: green;
}

.audio-2 .tag{
    margin-bottom: 40px;
}
.audio-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.audio-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.audio-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.audio-2 .archive{
    margin-bottom: 40px;
}
.audio-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.audio-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.audio-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.audio-2 .archive p a:hover{
    color: green;
}

.audio-2 .recent{
    margin-bottom: 40px;
}
.audio-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.audio-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.audio-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.audio-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* audio-2 */
    .audio-2 .content .date{
        display: none;
    }
    .audio-2 .content .small-date{
        display: block;
    }
    .audio-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}
@media only screen and (max-width: 575px) {
    /* audio-2 */
    .audio-2 .content .date{
        display: none;
    }
    .audio-2 .inner-content .carousel button{
        opacity: 1;
    }
}


/* BENEFITS CSS STYLE
================================================== */
/* benefit-1 */
.benefit-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.benefit-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.benefit-1 span, .benefit-1 a{
    font-size: 15px;
    color: #ccc;
}
.benefit-1 a:hover{
    color: white;
}
.benefit-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.benefit-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* benefit-1 */
    .benefit-1{
        margin-top: 65px;
    }
}


/* benefit-2 */
.benefit-2{
    margin: 70px 0; 
}
.benefit-2 .content{
    display: flex;
}
.benefit-2 .content .date{
    margin-right: 20px;
}
.benefit-2 .content .small-date{
    display: none;
}
.benefit-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.benefit-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.benefit-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.benefit-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.benefit-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.benefit-2 .content .date p a:hover i{
    color: red;
}
.benefit-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.benefit-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.benefit-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.benefit-2 .inner-content h2:hover{
    color: green;
}
.benefit-2 .inner-content a{
    color: black;
}
.benefit-2 .inner-content a:hover{
    color: green;
}
.benefit-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.benefit-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.benefit-2 button{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.benefit-2 button:hover{
    background: rgb(3, 178, 184);
}
.benefit-2 .red-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.benefit-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.benefit-2 .red-bg .image{
    padding: 0 15px;
}
.benefit-2 .red-bg h2{
    font-size: 25px;
    color: white;
}
.benefit-2 .red-bg h2:hover{
    color: white;
}
.benefit-2 .red-bg .text p{
    color: white;
}
.benefit-2 .red-bg a:hover{
    text-decoration: underline;
    color: white;
}
.benefit-2 .inner-content .carousel button{
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background: rgb(0, 124, 128);
    opacity: 0;
    transition: all 300ms ease-out;
}
.benefit-2 .inner-content .carousel:hover button{
    opacity: 1;
    background: rgb(3, 178, 184);
}
.benefit-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.benefit-2 .cont .head{
    display: flex;
}
.benefit-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.benefit-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.benefit-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.benefit-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.benefit-2 .cont .news-cont #show1{
    z-index: 1;
}
.benefit-2 .cont .news-cont #show2, .benefit-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.benefit-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.benefit-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.benefit-2 .cont .news-cont .text{
    padding: 0 10px;
}
.benefit-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.benefit-2 .cont .news-cont .text h2:hover{
    color: green;
}
.benefit-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.benefit-2 .category{
    margin-bottom: 40px;
}
.benefit-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.benefit-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.benefit-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.benefit-2 .category p a:hover{
    color: green;
}

.benefit-2 .tag{
    margin-bottom: 40px;
}
.benefit-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.benefit-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.benefit-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.benefit-2 .archive{
    margin-bottom: 40px;
}
.benefit-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.benefit-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.benefit-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.benefit-2 .archive p a:hover{
    color: green;
}

.benefit-2 .recent{
    margin-bottom: 40px;
}
.benefit-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.benefit-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.benefit-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.benefit-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* .benefit-2 */
    .benefit-2 .content .date{
        display: none;
    }
    .benefit-2 .content .small-date{
        display: block;
    }
    .benefit-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* .benefit-2 */
    .benefit-2 .content .date{
        display: none;
    }
    .benefit-2 .inner-content .carousel button{
        opacity: 1;
    }
    .benefit-2 .content .date{
        display: none;
    }
    .benefit-2 .red-bg h2{
        font-size: 20px;
    }
    .benefit-2 .inner-content .carousel button{
        opacity: 1;
    }
}


/* BLOOD PRESSURE CSS STYLE
================================================== */
/* bloodP-1 */
.bloodP-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.bloodP-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.bloodP-1 span, .bloodP-1 a{
    font-size: 15px;
    color: #ccc;
}
.bloodP-1 a:hover{
    color: white;
}
.bloodP-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.bloodP-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* bloodP-1 */
    .bloodP-1{
        margin-top: 65px;
    }
}

/* bloodP-2 */
.bloodP-2{
    margin: 70px 0; 
}
.bloodP-2 .content{
    display: flex;
}
.bloodP-2 .content .date{
    margin-right: 20px;
}
.bloodP-2 .content .small-date{
    display: none;
}
.bloodP-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.bloodP-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.bloodP-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.bloodP-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.bloodP-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.bloodP-2 .content .date p a:hover i{
    color: red;
}
.bloodP-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.bloodP-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.bloodP-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.bloodP-2 .inner-content h2:hover{
    color: green;
}
.bloodP-2 .inner-content a{
    color: black;
}
.bloodP-2 .inner-content a:hover{
    color: green;
}
.bloodP-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.bloodP-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.bloodP-2 button{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.bloodP-2 button:hover{
    background: rgb(3, 178, 184);
}
.bloodP-2 .red-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.bloodP-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.bloodP-2 .red-bg .image{
    padding: 0 15px;
}
.bloodP-2 .red-bg h2{
    font-size: 25px;
    color: white;
}
.bloodP-2 .red-bg h2:hover{
    color: white;
}
.bloodP-2 .red-bg .text p{
    color: white;
}
.bloodP-2 .red-bg a:hover{
    text-decoration: underline;
    color: white;
}
.bloodP-2 .inner-content .carousel button{
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background: rgb(0, 124, 128);
    opacity: 0;
    transition: all 300ms ease-out;
}
.bloodP-2 .inner-content .carousel:hover button{
    opacity: 1;
    background: rgb(3, 178, 184);
}
.bloodP-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.bloodP-2 .cont .head{
    display: flex;
}
.bloodP-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.bloodP-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.bloodP-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.bloodP-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.bloodP-2 .cont .news-cont #show1{
    z-index: 1;
}
.bloodP-2 .cont .news-cont #show2, .bloodP-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.bloodP-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.bloodP-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.bloodP-2 .cont .news-cont .text{
    padding: 0 10px;
}
.bloodP-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.bloodP-2 .cont .news-cont .text h2:hover{
    color: green;
}
.bloodP-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.bloodP-2 .category{
    margin-bottom: 40px;
}
.bloodP-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.bloodP-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.bloodP-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.bloodP-2 .category p a:hover{
    color: green;
}

.bloodP-2 .tag{
    margin-bottom: 40px;
}
.bloodP-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.bloodP-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.bloodP-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.bloodP-2 .archive{
    margin-bottom: 40px;
}
.bloodP-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.bloodP-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.bloodP-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.bloodP-2 .archive p a:hover{
    color: green;
}

.bloodP-2 .recent{
    margin-bottom: 40px;
}
.bloodP-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.bloodP-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.bloodP-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.bloodP-2 .recent p a:hover{
    color: green;
}

@media only screen and (max-width: 992px) {
    /* bloodP-2 */
    .bloodP-2 .content .date{
        display: none;
    }
    .bloodP-2 .content .small-date{
        display: block;
    }
    .bloodP-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* bloodP-2 */
    .bloodP-2 .content .date{
        display: none;
    }
    .bloodP-2 .inner-content .carousel button{
        opacity: 1;
    }
    .bloodP-2 .content .date{
        display: none;
    }
    .bloodP-2 .red-bg h2{
        font-size: 20px;
    }
    .bloodP-2 .inner-content .carousel button{
        opacity: 1;
    }
}


/* BODY CSS STYLE
================================================== */
/* body-1 */
.body-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.body-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.body-1 span, .body-1 a{
    font-size: 15px;
    color: #ccc;
}
.body-1 a:hover{
    color: white;
}
.body-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.body-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* body-1 */
    .body-1{
        margin-top: 65px;
    }
}

/* body-2 */
.body-2{
    margin: 70px 0; 
}
.body-2 .content{
    display: flex;
}
.body-2 .content .date{
    margin-right: 20px;
}
.body-2 .content .small-date{
    display: none;
}
.body-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.body-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.body-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.body-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.body-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.body-2 .content .date p a:hover i{
    color: red;
}
.body-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.body-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.body-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.body-2 .inner-content h2:hover{
    color: green;
}
.body-2 .inner-content a{
    color: black;
}
.body-2 .inner-content a:hover{
    color: green;
}
.body-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.body-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.body-2 button{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.body-2 button:hover{
    background: rgb(3, 178, 184);
}
.body-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.body-2 .cont .head{
    display: flex;
}
.body-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.body-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.body-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.body-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.body-2 .cont .news-cont #show1{
    z-index: 1;
}
.body-2 .cont .news-cont #show2, .body-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.body-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.body-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.body-2 .cont .news-cont .text{
    padding: 0 10px;
}
.body-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.body-2 .cont .news-cont .text h2:hover{
    color: green;
}
.body-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.body-2 .category{
    margin-bottom: 40px;
}
.body-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.body-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.body-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.body-2 .category p a:hover{
    color: green;
}

.body-2 .tag{
    margin-bottom: 40px;
}
.body-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.body-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.body-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.body-2 .archive{
    margin-bottom: 40px;
}
.body-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.body-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.body-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.body-2 .archive p a:hover{
    color: green;
}

.body-2 .recent{
    margin-bottom: 40px;
}
.body-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.body-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.body-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.body-2 .recent p a:hover{
    color: green;
}

@media only screen and (max-width: 992px) {
    /* body-2 */
    .body-2 .content .date{
        display: none;
    }
    .body-2 .content .small-date{
        display: block;
    }
    .body-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* .body-2 */
    .body-2 .content .date{
        display: none;
    }
    .body-2 .inner-content .carousel button{
        opacity: 1;
    }
    .body-2 .content .date{
        display: none;
    }
}


/* CARING OTHERS CSS STYLE
================================================== */
/* caring-1 */
.caring-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.caring-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.caring-1 span, .caring-1 a{
    font-size: 15px;
    color: #ccc;
}
.caring-1 a:hover{
    color: white;
}
.caring-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.caring-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* caring-1 */
    .caring-1{
        margin-top: 65px;
    }
}

/* caring-2 */
.caring-2{
    margin: 70px 0; 
}
.caring-2 .content{
    display: flex;
}
.caring-2 .content .date{
    margin-right: 20px;
}
.caring-2 .content .small-date{
    display: none;
}
.caring-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.caring-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.caring-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.caring-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.caring-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.caring-2 .content .date p a:hover i{
    color: red;
}
.caring-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.caring-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.caring-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.caring-2 .inner-content h2:hover{
    color: green;
}
.caring-2 .inner-content a{
    color: black;
}
.caring-2 .inner-content a:hover{
    color: green;
}
.caring-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.caring-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.caring-2 button{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.caring-2 button:hover{
    background: rgb(3, 178, 184);
}
.caring-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.caring-2 .cont .head{
    display: flex;
}
.caring-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.caring-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.caring-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.caring-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.caring-2 .cont .news-cont #show1{
    z-index: 1;
}
.caring-2 .cont .news-cont #show2, .caring-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.caring-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.caring-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.caring-2 .cont .news-cont .text{
    padding: 0 10px;
}
.caring-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.caring-2 .cont .news-cont .text h2:hover{
    color: green;
}
.caring-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.caring-2 .category{
    margin-bottom: 40px;
}
.caring-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.caring-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.caring-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.caring-2 .category p a:hover{
    color: green;
}

.caring-2 .tag{
    margin-bottom: 40px;
}
.caring-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.caring-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.caring-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.caring-2 .archive{
    margin-bottom: 40px;
}
.caring-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.caring-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.caring-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.caring-2 .archive p a:hover{
    color: green;
}

.caring-2 .recent{
    margin-bottom: 40px;
}
.caring-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.caring-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.caring-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.caring-2 .recent p a:hover{
    color: green;
}

@media only screen and (max-width: 992px) {
    /* caring-2 */
    .caring-2 .content .date{
        display: none;
    }
    .caring-2 .content .small-date{
        display: block;
    }
    .caring-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* caring-2 */
    .caring-2 .content .date{
        display: none;
    }
    .caring-2 .inner-content .carousel button{
        opacity: 1;
    }
    .caring-2 .content .date{
        display: none;
    }
}



/* BENEFITS CSS STYLE
================================================== */
/* benefit-1 */
.benefit-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.benefit-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.benefit-1 span, .benefit-1 a{
    font-size: 15px;
    color: #ccc;
}
.benefit-1 a:hover{
    color: white;
}
.benefit-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.benefit-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* benefit-1 */
    .benefit-1{
        margin-top: 65px;
    }
}


/* benefit-2 */
.benefit-2{
    margin: 70px 0; 
}
.benefit-2 .content{
    display: flex;
}
.benefit-2 .content .date{
    margin-right: 20px;
}
.benefit-2 .content .small-date{
    display: none;
}
.benefit-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.benefit-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.benefit-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.benefit-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.benefit-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.benefit-2 .content .date p a:hover i{
    color: red;
}
.benefit-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.benefit-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.benefit-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.benefit-2 .inner-content h2:hover{
    color: green;
}
.benefit-2 .inner-content a{
    color: black;
}
.benefit-2 .inner-content a:hover{
    color: green;
}
.benefit-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.benefit-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.benefit-2 button{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.benefit-2 button:hover{
    background: rgb(3, 178, 184);
}
.benefit-2 .red-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.benefit-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.benefit-2 .red-bg .image{
    padding: 0 15px;
}
.benefit-2 .red-bg h2{
    font-size: 25px;
    color: white;
}
.benefit-2 .red-bg h2:hover{
    color: white;
}
.benefit-2 .red-bg .text p{
    color: white;
}
.benefit-2 .red-bg a:hover{
    text-decoration: underline;
    color: white;
}
.benefit-2 .inner-content .carousel button{
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background: rgb(0, 124, 128);
    opacity: 0;
    transition: all 300ms ease-out;
}
.benefit-2 .inner-content .carousel:hover button{
    opacity: 1;
    background: rgb(3, 178, 184);
}
.benefit-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.benefit-2 .cont .head{
    display: flex;
}
.benefit-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.benefit-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.benefit-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.benefit-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.benefit-2 .cont .news-cont #show1{
    z-index: 1;
}
.benefit-2 .cont .news-cont #show2, .benefit-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.benefit-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.benefit-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.benefit-2 .cont .news-cont .text{
    padding: 0 10px;
}
.benefit-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.benefit-2 .cont .news-cont .text h2:hover{
    color: green;
}
.benefit-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.benefit-2 .category{
    margin-bottom: 40px;
}
.benefit-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.benefit-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.benefit-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.benefit-2 .category p a:hover{
    color: green;
}

.benefit-2 .tag{
    margin-bottom: 40px;
}
.benefit-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.benefit-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.benefit-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.benefit-2 .archive{
    margin-bottom: 40px;
}
.benefit-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.benefit-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.benefit-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.benefit-2 .archive p a:hover{
    color: green;
}

.benefit-2 .recent{
    margin-bottom: 40px;
}
.benefit-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.benefit-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.benefit-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.benefit-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* .benefit-2 */
    .benefit-2 .content .date{
        display: none;
    }
    .benefit-2 .content .small-date{
        display: block;
    }
    .benefit-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* .benefit-2 */
    .benefit-2 .content .date{
        display: none;
    }
    .benefit-2 .inner-content .carousel button{
        opacity: 1;
    }
    .benefit-2 .content .date{
        display: none;
    }
    .benefit-2 .red-bg h2{
        font-size: 20px;
    }
    .benefit-2 .inner-content .carousel button{
        opacity: 1;
    }
}


/* CLEAN CSS STYLE
================================================== */
/* clean-1 */
.clean-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.clean-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.clean-1 span, .clean-1 a{
    font-size: 15px;
    color: #ccc;
}
.clean-1 a:hover{
    color: white;
}
.clean-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.clean-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* clean-1 */
    .clean-1{
        margin-top: 65px;
    }
}

/* clean-2 */
.clean-2{
    margin: 70px 0; 
}
.clean-2 .content{
    display: flex;
}
.clean-2 .content .date{
    margin-right: 20px;
}
.clean-2 .content .small-date{
    display: none;
}
.clean-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.clean-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.clean-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.clean-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.clean-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.clean-2 .content .date p a:hover i{
    color: red;
}
.clean-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.clean-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.clean-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.clean-2 .inner-content h2:hover{
    color: green;
}
.clean-2 .inner-content a{
    color: black;
}
.clean-2 .inner-content a:hover{
    color: green;
}
.clean-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.clean-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.clean-2 button{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.clean-2 button:hover{
    background: rgb(3, 178, 184);
}
.clean-2 .red-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.clean-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.clean-2 .red-bg .image{
    padding: 0 15px;
}
.clean-2 .red-bg h2{
    font-size: 25px;
    color: white;
}
.clean-2 .red-bg h2:hover{
    color: white;
}
.clean-2 .red-bg .text p{
    color: white;
}
.clean-2 .red-bg a:hover{
    text-decoration: underline;
    color: white;
}
.clean-2 .inner-content .carousel button{
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background: rgb(0, 124, 128);
    opacity: 0;
    transition: all 300ms ease-out;
}
.clean-2 .inner-content .carousel:hover button{
    opacity: 1;
    background: rgb(3, 178, 184);
}
.clean-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.clean-2 .cont .head{
    display: flex;
}
.clean-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.clean-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.clean-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.clean-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.clean-2 .cont .news-cont #show1{
    z-index: 1;
}
.clean-2 .cont .news-cont #show2, .clean-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.clean-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.clean-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.clean-2 .cont .news-cont .text{
    padding: 0 10px;
}
.clean-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.clean-2 .cont .news-cont .text h2:hover{
    color: green;
}
.clean-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.clean-2 .category{
    margin-bottom: 40px;
}
.clean-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.clean-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.clean-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.clean-2 .category p a:hover{
    color: green;
}

.clean-2 .tag{
    margin-bottom: 40px;
}
.clean-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.clean-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.clean-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.clean-2 .archive{
    margin-bottom: 40px;
}
.clean-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.clean-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.clean-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.clean-2 .archive p a:hover{
    color: green;
}

.clean-2 .recent{
    margin-bottom: 40px;
}
.clean-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.clean-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.clean-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.clean-2 .recent p a:hover{
    color: green;
}

@media only screen and (max-width: 992px) {
    /* clean-2 */
    .clean-2 .content .date{
        display: none;
    }
    .clean-2 .content .small-date{
        display: block;
    }
    .clean-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* clean-2 */
    .clean-2 .content .date{
        display: none;
    }
    .clean-2 .inner-content .carousel button{
        opacity: 1;
    }
    .clean-2 .content .date{
        display: none;
    }
    .clean-2 .red-bg h2{
        font-size: 20px;
    }
    .clean-2 .inner-content .carousel button{
        opacity: 1;
    }
}


/* DOING GOOD CSS STYLE
================================================== */
/* doing-1 */
.doing-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.doing-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.doing-1 span, .doing-1 a{
    font-size: 15px;
    color: #ccc;
}
.doing-1 a:hover{
    color: white;
}
.doing-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.doing-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* doing-1 */
    .doing-1{
        margin-top: 65px;
    }
}

/* doing-2 */
.doing-2{
    margin: 70px 0; 
}
.doing-2 .content{
    display: flex;
}
.doing-2 .content .date{
    margin-right: 20px;
}
.doing-2 .content .small-date{
    display: none;
}
.doing-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.doing-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.doing-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.doing-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.doing-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.doing-2 .content .date p a:hover i{
    color: red;
}
.doing-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.doing-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.doing-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.doing-2 .inner-content h2:hover{
    color: green;
}
.doing-2 .inner-content a{
    color: black;
}
.doing-2 .inner-content a:hover{
    color: green;
}
.doing-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.doing-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.doing-2 button{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.doing-2 button:hover{
    background: rgb(3, 178, 184);
}
.doing-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.doing-2 .red-bg h1{
    font-size: 30px;
    color: #ccc;
    margin: 0 20px;
}
.doing-2 .red-bg h1 i{
    font-style: italic;
}
.doing-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.doing-2 .red-bg h2{
    font-size: 30px;
    font-weight: 600;
    color: white;
}
.doing-2 .red-bg h2:hover{
    color: white;
}
.doing-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.doing-2 .red1-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.doing-2 .red1-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.doing-2 .red1-bg .image{
    padding: 0 15px;
}
.doing-2 .red1-bg h2{
    font-size: 25px;
    color: white;
}
.doing-2 .red1-bg h2:hover{
    color: white;
}
.doing-2 .red1-bg .text p{
    color: white;
}
.doing-2 .red1-bg a:hover{
    text-decoration: underline;
    color: white;
}
.doing-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.doing-2 .cont .head{
    display: flex;
}
.doing-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.doing-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.doing-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.doing-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.doing-2 .cont .news-cont #show1{
    z-index: 1;
}
.doing-2 .cont .news-cont #show2, .doing-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.doing-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.doing-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.doing-2 .cont .news-cont .text{
    padding: 0 10px;
}
.doing-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.doing-2 .cont .news-cont .text h2:hover{
    color: green;
}
.doing-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.doing-2 .category{
    margin-bottom: 40px;
}
.doing-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.doing-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.doing-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.doing-2 .category p a:hover{
    color: green;
}

.doing-2 .tag{
    margin-bottom: 40px;
}
.doing-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.doing-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.doing-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.doing-2 .archive{
    margin-bottom: 40px;
}
.doing-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.doing-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.doing-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.doing-2 .archive p a:hover{
    color: green;
}

.doing-2 .recent{
    margin-bottom: 40px;
}
.doing-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.doing-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.doing-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.doing-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* doing-2 */
    .doing-2 .content .date{
        display: none;
    }
    .doing-2 .content .small-date{
        display: block;
    }
    .doing-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* doing-2 */
    .doing-2 .content .date{
        display: none;
    }
    .doing-2 .content .date{
        display: none;
    }
    .doing-2 .red-bg h2{
        font-size: 20px;
    }
}


/* LEARNING CSS STYLE
================================================== */
/* learning-1 */
.learning-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.learning-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.learning-1 span, .learning-1 a{
    font-size: 15px;
    color: #ccc;
}
.learning-1 a:hover{
    color: white;
}
.learning-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.learning-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* learning-1 */
    .learning-1{
        margin-top: 65px;
    }
}

/* learning-2 */
.learning-2{
    margin: 70px 0; 
}
.learning-2 .content{
    display: flex;
}
.learning-2 .content .date{
    margin-right: 20px;
}
.learning-2 .content .small-date{
    display: none;
}
.learning-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.learning-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.learning-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.learning-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.learning-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.learning-2 .content .date p a:hover i{
    color: red;
}
.learning-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.learning-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.learning-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.learning-2 .inner-content h2:hover{
    color: green;
}
.learning-2 .inner-content a{
    color: black;
}
.learning-2 .inner-content a:hover{
    color: green;
}
.learning-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.learning-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.learning-2 button{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.learning-2 button:hover{
    background: rgb(3, 178, 184);
}
.learning-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.learning-2 .red-bg h1{
    font-size: 30px;
    color: #ccc;
    margin: 0 20px;
}
.learning-2 .red-bg h1 i{
    font-style: italic;
}
.learning-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.learning-2 .red-bg h2{
    font-size: 30px;
    font-weight: 600;
    color: white;
}
.learning-2 .red-bg h2:hover{
    color: white;
}
.learning-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.learning-2 .red1-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.learning-2 .red1-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.learning-2 .red1-bg .image{
    padding: 0 15px;
}
.learning-2 .red1-bg h2{
    font-size: 25px;
    color: white;
}
.learning-2 .red1-bg h2:hover{
    color: white;
}
.learning-2 .red1-bg .text p{
    color: white;
}
.learning-2 .red1-bg a:hover{
    text-decoration: underline;
    color: white;
}
.learning-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.learning-2 .cont .head{
    display: flex;
}
.learning-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.learning-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.learning-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.learning-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.learning-2 .cont .news-cont #show1{
    z-index: 1;
}
.learning-2 .cont .news-cont #show2, .learning-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.learning-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.learning-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.learning-2 .cont .news-cont .text{
    padding: 0 10px;
}
.learning-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.learning-2 .cont .news-cont .text h2:hover{
    color: green;
}
.learning-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.learning-2 .category{
    margin-bottom: 40px;
}
.learning-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.learning-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.learning-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.learning-2 .category p a:hover{
    color: green;
}

.learning-2 .tag{
    margin-bottom: 40px;
}
.learning-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.learning-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.learning-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.learning-2 .archive{
    margin-bottom: 40px;
}
.learning-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.learning-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.learning-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.learning-2 .archive p a:hover{
    color: green;
}

.learning-2 .recent{
    margin-bottom: 40px;
}
.learning-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.learning-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.learning-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.learning-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* learning-2 */
    .learning-2 .content .date{
        display: none;
    }
    .learning-2 .content .small-date{
        display: block;
    }
    .learning-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* learning-2 */
    .learning-2 .content .date{
        display: none;
    }
    .learning-2 .content .date{
        display: none;
    }
    .learning-2 .red-bg h2{
        font-size: 20px;
    }
}


/* WILLPOWER CSS STYLE
================================================== */
/* willpower-1 */
.willpower-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.willpower-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.willpower-1 span, .willpower-1 a{
    font-size: 15px;
    color: #ccc;
}
.willpower-1 a:hover{
    color: white;
}
.willpower-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.willpower-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* willpower-1 */
    .willpower-1{
        margin-top: 65px;
    }
}

/* willpower-2 */
.willpower-2{
    margin: 70px 0; 
}
.willpower-2 .content{
    display: flex;
}
.willpower-2 .content .date{
    margin-right: 20px;
}
.willpower-2 .content .small-date{
    display: none;
}
.willpower-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.willpower-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.willpower-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.willpower-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.willpower-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.willpower-2 .content .date p a:hover i{
    color: red;
}
.willpower-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.willpower-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.willpower-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.willpower-2 .inner-content h2:hover{
    color: green;
}
.willpower-2 .inner-content a{
    color: black;
}
.willpower-2 .inner-content a:hover{
    color: green;
}
.willpower-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.willpower-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.willpower-2 button{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.willpower-2 button:hover{
    background: rgb(3, 178, 184);
}
.willpower-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.willpower-2 .red-bg h1{
    font-size: 30px;
    color: #ccc;
    margin: 0 20px;
}
.willpower-2 .red-bg h1 i{
    font-style: italic;
}
.willpower-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.willpower-2 .red-bg h2{
    font-size: 30px;
    font-weight: 600;
    color: white;
}
.willpower-2 .red-bg h2:hover{
    color: white;
}
.willpower-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.willpower-2 .red1-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.willpower-2 .red1-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.willpower-2 .red1-bg .image{
    padding: 0 15px;
}
.willpower-2 .red1-bg h2{
    font-size: 25px;
    color: white;
}
.willpower-2 .red1-bg h2:hover{
    color: white;
}
.willpower-2 .red1-bg .text p{
    color: white;
}
.willpower-2 .red1-bg a:hover{
    text-decoration: underline;
    color: white;
}
.willpower-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.willpower-2 .cont .head{
    display: flex;
}
.willpower-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.willpower-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.willpower-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.willpower-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.willpower-2 .cont .news-cont #show1{
    z-index: 1;
}
.willpower-2 .cont .news-cont #show2, .willpower-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.willpower-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.willpower-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.willpower-2 .cont .news-cont .text{
    padding: 0 10px;
}
.willpower-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.willpower-2 .cont .news-cont .text h2:hover{
    color: green;
}
.willpower-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.willpower-2 .category{
    margin-bottom: 40px;
}
.willpower-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.willpower-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.willpower-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.willpower-2 .category p a:hover{
    color: green;
}

.willpower-2 .tag{
    margin-bottom: 40px;
}
.willpower-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.willpower-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.willpower-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.willpower-2 .archive{
    margin-bottom: 40px;
}
.willpower-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.willpower-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.willpower-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.willpower-2 .archive p a:hover{
    color: green;
}

.willpower-2 .recent{
    margin-bottom: 40px;
}
.willpower-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.willpower-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.willpower-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.willpower-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* willpower-2 */
    .willpower-2 .content .date{
        display: none;
    }
    .willpower-2 .content .small-date{
        display: block;
    }
    .willpower-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* willpower-2 */
    .willpower-2 .content .date{
        display: none;
    }
    .willpower-2 .content .date{
        display: none;
    }
    .willpower-2 .red-bg h2{
        font-size: 20px;
    }
}


/* HEALTH CSS STYLE
================================================== */
/* health-1 */
.health-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.health-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.health-1 span, .health-1 a{
    font-size: 15px;
    color: #ccc;
}
.willpohealthwer-1 a:hover{
    color: white;
}
.health-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.health-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* health-1 */
    .health-1{
        margin-top: 65px;
    }
}

/* health-2 */
.health-2{
    margin: 70px 0; 
}
.health-2 .content{
    display: flex;
}
.health-2 .content .date{
    margin-right: 20px;
}
.health-2 .content .small-date{
    display: none;
}
.health-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.health-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.health-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.health-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.health-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.health-2 .content .date p a:hover i{
    color: red;
}
.health-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.health-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.health-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.health-2 .inner-content h2:hover{
    color: green;
}
.health-2 .inner-content a{
    color: black;
}
.health-2 .inner-content a:hover{
    color: green;
}
.health-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.health-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.health-2 button{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.health-2 button:hover{
    background: rgb(3, 178, 184);
}
.health-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.health-2 .red-bg h1{
    font-size: 30px;
    color: #ccc;
    margin: 0 20px;
}
.health-2 .red-bg h1 i{
    font-style: italic;
}
.health-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.health-2 .red-bg h2{
    font-size: 30px;
    font-weight: 600;
    color: white;
}
.health-2 .red-bg h2:hover{
    color: white;
}
.health-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.health-2 .red1-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.health-2 .red1-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.health-2 .red1-bg .image{
    padding: 0 15px;
}
.health-2 .red1-bg h2{
    font-size: 25px;
    color: white;
}
.health-2 .red1-bg h2:hover{
    color: white;
}
.health-2 .red1-bg .text p{
    color: white;
}
.health-2 .red1-bg a:hover{
    text-decoration: underline;
    color: white;
}
.health-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.health-2 .cont .head{
    display: flex;
}
.health-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.health-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.health-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.health-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.health-2 .cont .news-cont #show1{
    z-index: 1;
}
.health-2 .cont .news-cont #show2, .health-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.health-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.health-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.health-2 .cont .news-cont .text{
    padding: 0 10px;
}
.health-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.health-2 .cont .news-cont .text h2:hover{
    color: green;
}
.health-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.health-2 .category{
    margin-bottom: 40px;
}
.health-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.health-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.willpower-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.health-2 .category p a:hover{
    color: green;
}

.health-2 .tag{
    margin-bottom: 40px;
}
.health-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.health-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.health-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.health-2 .archive{
    margin-bottom: 40px;
}
.health-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.health-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.health-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.health-2 .archive p a:hover{
    color: green;
}

.health-2 .recent{
    margin-bottom: 40px;
}
.health-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.health-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.health-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.health-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* health-2 */
    .health-2 .content .date{
        display: none;
    }
    .health-2 .content .small-date{
        display: block;
    }
    .health-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    health-2 */
    .health-2 .content .date{
        display: none;
    }
    .health-2 .content .date{
        display: none;
    }
    .health-2 .red-bg h2{
        font-size: 20px;
    }
}



/* HABIT CSS STYLE
================================================== */
/* habit-1 */
.habit-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.habit-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.habit-1 span, .habit-1 a{
    font-size: 15px;
    color: #ccc;
}
.habit-1 a:hover{
    color: white;
}
.habit-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.habit-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* habit-1 */
    .habit-1{
        margin-top: 65px;
    }
}

/* habit-2 */
.habit-2{
    margin: 70px 0; 
}
.habit-2 .content{
    display: flex;
}
.habit-2 .content .date{
    margin-right: 20px;
}
.habit-2 .content .small-date{
    display: none;
}
.habit-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.habit-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.habit-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.habit-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.habit-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.habit-2 .content .date p a:hover i{
    color: red;
}
.habit-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.habit-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.habit-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: white;
    font-weight: 600;
}
.habit-2 .inner-content a{
    color: black;
}
.habit-2 .inner-content a:hover{
    color: green;
}
.habit-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.habit-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.habit-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.habit-2 .red-bg h1{
    font-size: 30px;
    color: #ccc;
    margin: 0 20px;
}
.habit-2 .red-bg h1 i{
    font-style: italic;
}
.habit-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.habit-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.habit-2 .red1-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.habit-2 .red1-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.habit-2 .red1-bg .image{
    padding: 0 15px;
}
.habit-2 .red1-bg h2{
    font-size: 25px;
    color: white;
}
.habit-2 .red1-bg h2:hover{
    color: white;
}
.habit-2 .red1-bg .text p{
    color: white;
}
.habit-2 .red1-bg a:hover{
    text-decoration: underline;
    color: white;
}
.habit-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.habit-2 .cont .head{
    display: flex;
}
.habit-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.habit-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.habit-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.habit-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.habit-2 .cont .news-cont #show1{
    z-index: 1;
}
.habit-2 .cont .news-cont #show2, .habit-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.habit-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.habit-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.habit-2 .cont .news-cont .text{
    padding: 0 10px;
}
.habit-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.habit-2 .cont .news-cont .text h2:hover{
    color: green;
}
.habit-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.habit-2 .category{
    margin-bottom: 40px;
}
.habit-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.habit-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.habit-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.habit-2 .category p a:hover{
    color: green;
}

.habit-2 .tag{
    margin-bottom: 40px;
}
.habit-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.habit-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.habit-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.habit-2 .archive{
    margin-bottom: 40px;
}
.habit-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.habit-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.habit-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.habit-2 .archive p a:hover{
    color: green;
}

.habit-2 .recent{
    margin-bottom: 40px;
}
.habit-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.habit-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.habit-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.habit-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* habit-2 */
    .habit-2 .content .date{
        display: none;
    }
    .habit-2 .content .small-date{
        display: block;
    }
    .habit-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* habit-2 */
    .habit-2 .content .date{
        display: none;
    }
    .habit-2 .content .date{
        display: none;
    }
    .habit-2 .red-bg h2{
        font-size: 20px;
    }
}


/* TIPS CSS STYLE
================================================== */
/* tip-1 */
.tip-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.tip-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.tip-1 span, .tip-1 a{
    font-size: 15px;
    color: #ccc;
}
.tip-1 a:hover{
    color: white;
}
.tip-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.tip-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* tip-1 */
    .tip-1{
        margin-top: 65px;
    }
}

/* tip-2 */
.tip-2{
    margin: 70px 0; 
}
.tip-2 .content{
    display: flex;
}
.tip-2 .content .date{
    margin-right: 20px;
}
.tip-2 .content .small-date{
    display: none;
}
.tip-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.tip-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.tip-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.tip-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.tip-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.tip-2 .content .date p a:hover i{
    color: red;
}
.tip-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.tip-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.tip-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: white;
    font-weight: 600;
}
.tip-2 .inner-content a{
    color: black;
}
.tip-2 .inner-content a:hover{
    color: green;
}
.tip-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.tip-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.tip-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.tip-2 .red-bg h1{
    font-size: 30px;
    color: #ccc;
    margin: 0 20px;
}
.tip-2 .red-bg h1 i{
    font-style: italic;
}
.tip-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.tip-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.tip-2 .red1-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.tip-2 .red1-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.tip-2 .red1-bg .image{
    padding: 0 15px;
}
.tip-2 .red1-bg h2{
    font-size: 25px;
    color: white;
}
.tip-2 .red1-bg h2:hover{
    color: white;
}
.tip-2 .red1-bg .text p{
    color: white;
}
.tip-2 .red1-bg a:hover{
    text-decoration: underline;
    color: white;
}
.tip-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.tip-2 .cont .head{
    display: flex;
}
.tip-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.tip-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.tip-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.tip-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.tip-2 .cont .news-cont #show1{
    z-index: 1;
}
.tip-2 .cont .news-cont #show2, .tip-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.tip-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.tip-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.tip-2 .cont .news-cont .text{
    padding: 0 10px;
}
.tip-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.tip-2 .cont .news-cont .text h2:hover{
    color: green;
}
.tip-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.tip-2 .category{
    margin-bottom: 40px;
}
.tip-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.tip-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.tip-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.tip-2 .category p a:hover{
    color: green;
}

.tip-2 .tag{
    margin-bottom: 40px;
}
.tip-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.tip-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.tip-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.tip-2 .archive{
    margin-bottom: 40px;
}
.tip-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.tip-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.tip-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.tip-2 .archive p a:hover{
    color: green;
}

.tip-2 .recent{
    margin-bottom: 40px;
}
.tip-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.tip-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.tip-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.tip-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* tip-2 */
    .tip-2 .content .date{
        display: none;
    }
    .tip-2 .content .small-date{
        display: block;
    }
    .tip-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* tip-2 */
    .tip-2 .content .date{
        display: none;
    }
    .tip-2 .content .date{
        display: none;
    }
    .tip-2 .red-bg h2{
        font-size: 20px;
    }
}



/* FRIENDLY CSS STYLE
================================================== */
/* friendly-1 */
.friendly-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.friendly-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.friendly-1 span, .friendly-1 a{
    font-size: 15px;
    color: #ccc;
}
.friendly-1 a:hover{
    color: white;
}
.friendly-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.friendly-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* friendly-1 */
    .friendly-1{
        margin-top: 65px;
    }
}

/* friendly-2 */
.friendly-2{
    margin: 70px 0; 
}
.friendly-2 .content{
    display: flex;
}
.friendly-2 .content .date{
    margin-right: 20px;
}
.friendly-2 .content .small-date{
    display: none;
}
.friendly-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.friendly-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.friendly-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.friendly-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.friendly-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.friendly-2 .content .date p a:hover i{
    color: red;
}
.friendly-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.friendly-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.friendly-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.friendly-2 .inner-content h2:hover{
    color: green;
}
.friendly-2 .inner-content a{
    color: black;
}
.friendly-2 .inner-content a:hover{
    color: green;
}
.friendly-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.friendly-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.friendly-2 button{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.friendly-2 button:hover{
    background: rgb(3, 178, 184);
}
.friendly-2 .red-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.friendly-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.friendly-2 .red-bg .image{
    padding: 0 15px;
}
.friendly-2 .red-bg h2{
    font-size: 25px;
    color: white;
}
.friendly-2 .red-bg h2:hover{
    color: white;
}
.friendly-2 .red-bg .text p{
    color: white;
}
.friendly-2 .red-bg a:hover{
    text-decoration: underline;
    color: white;
}
.friendly-2 .inner-content .carousel button{
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background: rgb(0, 124, 128);
    opacity: 0;
    transition: all 300ms ease-out;
}
.friendly-2 .inner-content .carousel:hover button{
    opacity: 1;
    background: rgb(3, 178, 184);
}
.friendly-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.friendly-2 .cont .head{
    display: flex;
}
.friendly-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.friendly-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.friendly-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.friendly-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.friendly-2 .cont .news-cont #show1{
    z-index: 1;
}
.friendly-2 .cont .news-cont #show2, .friendly-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.friendly-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.friendly-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.friendly-2 .cont .news-cont .text{
    padding: 0 10px;
}
.friendly-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.friendly-2 .cont .news-cont .text h2:hover{
    color: green;
}
.friendly-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.friendly-2 .category{
    margin-bottom: 40px;
}
.friendly-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.friendly-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.friendly-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.friendly-2 .category p a:hover{
    color: green;
}

.friendly-2 .tag{
    margin-bottom: 40px;
}
.friendly-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.friendly-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.friendly-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.friendly-2 .archive{
    margin-bottom: 40px;
}
.friendly-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.friendly-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.friendly-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.friendly-2 .archive p a:hover{
    color: green;
}

.friendly-2 .recent{
    margin-bottom: 40px;
}
.friendly-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.friendly-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.friendly-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.friendly-2 .recent p a:hover{
    color: green;
}

@media only screen and (max-width: 992px) {
    /* friendly-2 */
    .friendly-2 .content .date{
        display: none;
    }
    .friendly-2 .content .small-date{
        display: block;
    }
    .friendly-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* friendly-2 */
    .friendly-2 .content .date{
        display: none;
    }
    .friendly-2 .inner-content .carousel button{
        opacity: 1;
    }
    .friendly-2 .content .date{
        display: none;
    }
    .friendly-2 .red-bg h2{
        font-size: 20px;
    }
    .friendly-2 .inner-content .carousel button{
        opacity: 1;
    }
}


/* INSPIRING CSS STYLE
================================================== */
/* inspiring-1 */
.inspiring-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.inspiring-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.inspiring-1 span, .inspiring-1 a{
    font-size: 15px;
    color: #ccc;
}
.inspiring-1 a:hover{
    color: white;
}
.inspiring-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.inspiring-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* inspiring-1 */
    .inspiring-1{
        margin-top: 65px;
    }
}

/* inspiring-2 */
.inspiring-2{
    margin: 70px 0; 
}
.inspiring-2 .content{
    display: flex;
}
.inspiring-2 .content .date{
    margin-right: 20px;
}
.inspiring-2 .content .small-date{
    display: none;
}
.inspiring-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.inspiring-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.inspiring-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.inspiring-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.inspiring-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.inspiring-2 .content .date p a:hover i{
    color: red;
}
.inspiring-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.inspiring-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.inspiring-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.inspiring-2 .inner-content h2:hover{
    color: green;
}
.inspiring-2 .inner-content a{
    color: black;
}
.inspiring-2 .inner-content a:hover{
    color: green;
}
.inspiring-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.inspiring-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.inspiring-2 button{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.inspiring-2 button:hover{
    background: rgb(3, 178, 184);
}
.inspiring-2 .red-bg{
    padding: 25px 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.inspiring-2 .red-bg h1{
    font-size: 30px;
    color: #ccc;
    margin: 0 20px;
}
.inspiring-2 .red-bg h1 i{
    font-style: italic;
}
.inspiring-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.inspiring-2 .red-bg h2{
    font-size: 30px;
    font-weight: 600;
    color: white;
}
.inspiring-2 .red-bg h2:hover{
    color: white;
}
.inspiring-2 .red-bg .text p{
    font-style: italic;
    color: white;
}
.inspiring-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.inspiring-2 .cont .head{
    display: flex;
}
.inspiring-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.inspiring-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.inspiring-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.inspiring-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.inspiring-2 .cont .news-cont #show1{
    z-index: 1;
}
.inspiring-2 .cont .news-cont #show2, .inspiring-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.inspiring-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.inspiring-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.inspiring-2 .cont .news-cont .text{
    padding: 0 10px;
}
.inspiring-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.inspiring-2 .cont .news-cont .text h2:hover{
    color: green;
}
.inspiring-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.inspiring-2 .category{
    margin-bottom: 40px;
}
.inspiring-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.inspiring-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.inspiring-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.inspiring-2 .category p a:hover{
    color: green;
}

.inspiring-2 .tag{
    margin-bottom: 40px;
}
.inspiring-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.inspiring-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.inspiring-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.inspiring-2 .archive{
    margin-bottom: 40px;
}
.inspiring-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.inspiring-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.inspiring-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.inspiring-2 .archive p a:hover{
    color: green;
}

.inspiring-2 .recent{
    margin-bottom: 40px;
}
.inspiring-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.inspiring-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.inspiring-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.inspiring-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* inspiring-2 */
    .inspiring-2 .content .date{
        display: none;
    }
    .inspiring-2 .content .small-date{
        display: block;
    }
    .inspiring-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* inspiring-2 */
    .inspiring-2 .content .date{
        display: none;
    }
    .inspiring-2 .content .date{
        display: none;
    }
    .inspiring-2 .red-bg h2{
        font-size: 20px;
    }
}



/* KIDS CSS STYLE
================================================== */
/* kids-1 */
.kids-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.kids-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.kids-1 span, .kids-1 a{
    font-size: 15px;
    color: #ccc;
}
.kids-1 a:hover{
    color: white;
}
.kids-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.kids-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* kids-1 */
    .kids-1{
        margin-top: 65px;
    }
}

/* kids-2 */
.kids-2{
    margin: 70px 0; 
}
.kids-2 .content{
    display: flex;
}
.kids-2 .content .date{
    margin-right: 20px;
}
.kids-2 .content .small-date{
    display: none;
}
.kids-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.kids-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.kids-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.kids-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.kids-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.kids-2 .content .date p a:hover i{
    color: red;
}
.kids-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.kids-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.kids-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.kids-2 .inner-content h2:hover{
    color: green;
}
.kids-2 .inner-content a{
    color: black;
}
.kids .inner-content a:hover{
    color: green;
}
.kids-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.kids-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.kids-2 button{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.kids-2 button:hover{
    background: rgb(3, 178, 184);
}
.kids-2 .red-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.kids-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.kids-2 .red-bg .image{
    padding: 0 15px;
}
.kids-2 .red-bg h2{
    font-size: 25px;
    color: white;
}
.kids-2 .red-bg h2:hover{
    color: white;
}
.kids-2 .red-bg .text p{
    color: white;
}
.kids-2 .red-bg a:hover{
    text-decoration: underline;
    color: white;
}
.kids-2 .inner-content .carousel button{
    height: 50px;
    width: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: auto;
    background: rgb(0, 124, 128);
    opacity: 0;
    transition: all 300ms ease-out;
}
.kids-2 .inner-content .carousel:hover button{
    opacity: 1;
    background: rgb(3, 178, 184);
}
.kids-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.kids-2 .cont .head{
    display: flex;
}
.kids-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.kids-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.kids-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.kids-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.kids-2 .cont .news-cont #show1{
    z-index: 1;
}
.kids-2 .cont .news-cont #show2, .kids-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.kids-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.kids-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.kids-2 .cont .news-cont .text{
    padding: 0 10px;
}
.kids-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.kids-2 .cont .news-cont .text h2:hover{
    color: green;
}
.kids-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.kids-2 .category{
    margin-bottom: 40px;
}
.kids-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.kids-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.kids-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.kids-2 .category p a:hover{
    color: green;
}

.kids-2 .tag{
    margin-bottom: 40px;
}
.kids-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.kids-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.kids-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.kids-2 .archive{
    margin-bottom: 40px;
}
.kids-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.kids-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.kids-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.kids-2 .archive p a:hover{
    color: green;
}

.kids-2 .recent{
    margin-bottom: 40px;
}
.kids-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.kids-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.kids-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.kids-2 .recent p a:hover{
    color: green;
}

@media only screen and (max-width: 992px) {
    /* kids-2 */
    .kids-2 .content .date{
        display: none;
    }
    .kids-2 .content .small-date{
        display: block;
    }
    .kids-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* kids-2 */
    .kids-2 .content .date{
        display: none;
    }
    .kids-2 .inner-content .carousel button{
        opacity: 1;
    }
    .kids-2 .content .date{
        display: none;
    }
    .kids-2 .red-bg h2{
        font-size: 20px;
    }
    .kids-2 .inner-content .carousel button{
        opacity: 1;
    }
}


/* HEALTH BASICS CSS STYLE
================================================== */
/* healthB-1 */
.healthB-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.healthB-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.healthB-1 span, .healthB-1 a{
    font-size: 15px;
    color: #ccc;
}
.healthB-1 a:hover{
    color: white;
}
.healthB-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.healthB-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* healthB-1 */
    .healthB-1{
        margin-top: 65px;
    }
}


/* healthB-2 */
.healthB-2{
    margin: 70px 0; 
}
.healthB-2 .content{
    display: flex;
}
.healthB-2 .content .date{
    margin-right: 20px;
}
.healthB-2 .content .small-date{
    display: none;
}
.healthB-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.healthB-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.healthB-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.healthB-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.healthB-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.healthB-2 .content .date p a:hover i{
    color: red;
}
.healthB-2 .inner-content {
    margin-bottom: 50px;
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.healthB-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.healthB-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.healthB-2 .inner-content h2:hover{
    color: green;
}
.healthB-2 .inner-content a{
    color: black;
}
.healthB-2 .inner-content a:hover{
    color: green;
}
.healthB-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.healthB-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.healthB-2 button{
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.healthB-2 button:hover{
    background: rgb(3, 178, 184);
}
.healthB-2 .red-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.healthB-2 .red-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.healthB-2 .red-bg .image{
    padding: 0 15px;
}
.healthB-2 .red-bg h2{
    font-size: 25px;
    color: white;
}
.healthB-2 .red-bg h2:hover{
    color: white;
}
.healthB-2 .red-bg .text p{
    color: white;
}
.healthB-2 .red-bg a:hover{
    text-decoration: underline;
    color: white;
}
.healthB-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.healthB-2 .cont .head{
    display: flex;
}
.healthB-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.healthB-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.healthB-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.healthB-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.healthB-2 .cont .news-cont #show1{
    z-index: 1;
}
.healthB-2 .cont .news-cont #show2, .healthB-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.healthB-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.healthB-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.healthB-2 .cont .news-cont .text{
    padding: 0 10px;
}
.healthB-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.healthB-2 .cont .news-cont .text h2:hover{
    color: green;
}
.healthB-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.healthB-2 .category{
    margin-bottom: 40px;
}
.healthB-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.healthB-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.healthB-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.healthB-2 .category p a:hover{
    color: green;
}

.healthB-2 .tag{
    margin-bottom: 40px;
}
.healthB-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.healthB-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.healthB-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.healthB-2 .archive{
    margin-bottom: 40px;
}
.healthB-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.healthB-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.healthB-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.healthB-2 .archive p a:hover{
    color: green;
}

.healthB-2 .recent{
    margin-bottom: 40px;
}
.healthB-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.healthB-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.healthB-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.healthB-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* healthB-2 */
    .healthB-2 .content .date{
        display: none;
    }
    .healthB-2 .content .small-date{
        display: block;
    }
    .healthB-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}

@media only screen and (max-width: 575px) {
    /* healthB-2 */
    .healthB-2 .content .date{
        display: none;
    }
    .healthB-2 .inner-content .carousel button{
        opacity: 1;
    }
    .healthB-2 .content .date{
        display: none;
    }
    .healthB-2 .red-bg h2{
        font-size: 20px;
    }
}

/* HEALTHIER CSS STYLE
================================================== */
/* healthier-1 */
.healthier-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.healthier-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.healthier-1 span, .healthier-1 a{
    font-size: 15px;
    color: #ccc;
}
.healthier-1 a:hover{
    color: white;
}
.healthier-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.healthier-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* healthier-1 */
    .healthier-1{
        margin-top: 65px;
    }
}


/* healthier-2 */
.healthier-2{
    margin: 70px 0; 
}
.healthier-2 .content{
    display: flex;    
}
.healthier-2 .content .date{
    margin-right: 20px;
}
.healthier-2 .content .small-date{
    display: none;
}
.healthier-2 .content .date h2{
    font-size: 20px;
    padding: 25px 20px;
    background: rgb(250, 250, 250);
    line-height: 30px;
    border-top: 2px solid red;
}
.healthier-2 .content .date h2 span{
    font-size: 25px;
    font-weight: 600;
}
.healthier-2 .content .date p{
    margin-top: -10px;
    font-size: 16px;
    font-weight: 500;
    padding: 15px 20px;
    background: #e7ecee;
    
}
.healthier-2 .content .date p i{
    margin-right: 5px;
    font-size: 18px;
    transition: all 300ms ease-out;
}
.healthier-2 .content .date p a{
    color: rgb(26, 25, 25);
}
.healthier-2 .content .date p a:hover i{
    color: red;
}
.healthier-2 .inner-content {
    flex-basis: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid rgb(233, 233, 233);
}
.healthier-2 .red1-bg{
    padding: 20px;
    display: flex;
    background: rgb(245, 77, 77);
}
.healthier-2 .red1-bg .text{
    flex-basis: 100%;
    padding: 0 20px;
    border-left: 1px solid #ccc;
}
.healthier-2 .red1-bg .image{
    padding: 0 15px;
}
.healthier-2 .red1-bg h2{
    font-size: 25px;
    color: white;
}
.healthier-2 .red1-bg h2:hover{
    color: white;
}
.healthier-2 .red1-bg .text p{
    color: white;
}
.healthier-2 .red1-bg a:hover{
    text-decoration: underline;
    color: white;
}
.healthier-2 .content .alert{
    padding: 20px 25px;
    border-radius: 0;
    border-left: 3px solid;
}
.healthier-2 .content .alert i{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
}
.healthier-2 .content .alert p{
    font-size: 14px;
    margin: 25px 20px;
}
.healthier-2 .content .alert-1{
    background: #d1ecf1;
    border-left-color: #afd9ee;
}
.healthier-2 .content .alert-2{
    background: #fff3cd;
    border-left-color: #ffeeba;
}
.healthier-2 .content .fa-tags{
    color: rgb(2, 140, 145);
    margin-right: 10px;
}
.healthier-2 form{
    margin-top: 50px;
    padding-top: 30px;
    border-top: 1px solid #e7ecee;
}
.healthier-2 form h2{
    font-size: 25px;
}
.healthier-2 form label{
    margin: 10px 0;
    font-size: 15px;
}
.healthier-2 form .input, .healthier-2 textarea{
    padding: 15px;
    background: transparent;
    outline: none;
    width: 100%;
    border: 1px solid #e7ecee;
    margin-bottom: 30px;
    font-size: 14px;
    color: #9fa3a3;
}
.healthier-2 form span{
    margin-left: 5px;
    font-size: 14px;
    color: #9fa3a3;
}
.healthier-2 .sub{
    margin-top: 30px;
    outline: none;
    border: none;
    padding: 10px 25px;
    background: rgb(0, 124, 128);
    transition: all 300ms ease-out;
    color: white;
}
.healthier-2 .sub:hover{
    background: rgb(3, 178, 184);
}
.healthier-2 .cont{
    border: 1px solid #e7ecee;
    border-top: none;
    margin-bottom: 40px;
}
.healthier-2 .cont .head{
    display: flex;
}
.healthier-2 .cont .head li{
    list-style: none;
    padding: 10px 0;
    flex-basis: 100%;
    border: 1px solid #e7ecee;
    border-right: none;
    font-size: 12px;
    text-align: center;
    font-weight: 500;
    background: rgb(250, 250, 250);
    cursor: pointer;

}
.healthier-2 .cont .head .active{
    border: none;
    border-top: 2px solid rgb(3, 178, 184);
    background: transparent;
}
.healthier-2 .cont .news-cont{
    position: relative;
    height: 320px;
}
.healthier-2 .cont .news-con-1{
    position: absolute;
    left: 10px;
    top: 20px;
}
.healthier-2 .cont .news-cont #show1{
    z-index: 1;
}
.healthier-2 .cont .news-cont #show2, .healthier-2 .cont .news-cont #show3{
    opacity: 0;
    z-index: -1;
}
.healthier-2 .cont .news-cont1{
    display: flex; 
    margin-bottom: 20px;
}
.healthier-2 .cont .news-cont1 img{
    width: 70px;
    height: 70px;
}     
.healthier-2 .cont .news-cont .text{
    padding: 0 10px;
}
.healthier-2 .cont .news-cont .text h2{
    font-size: 14px;
    color: black;
    transition: all 300ms ease-out;
}
.healthier-2 .cont .news-cont .text h2:hover{
    color: green;
}
.healthier-2 .cont .news-cont .text p{
    font-size: 12px;
    color: #9fa3a3;
}
.healthier-2 .category{
    margin-bottom: 40px;
}
.healthier-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.healthier-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.healthier-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.healthier-2 .category p a:hover{
    color: green;
}

.healthier-2 .tag{
    margin-bottom: 40px;
}
.healthier-2 .tag h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.healthier-2 .tag a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.healthier-2 .tag a li:hover{
    background: rgb(3, 178, 184);
}

.healthier-2 .archive{
    margin-bottom: 40px;
}
.healthier-2 .archive h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.healthier-2 .archive p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.healthier-2 .archive p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.healthier-2 .archive p a:hover{
    color: green;
}

.healthier-2 .recent{
    margin-bottom: 40px;
}
.healthier-2 .recent h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.healthier-2 .recent p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.healthier-2 .recent p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.healthier-2 .recent p a:hover{
    color: green;
}


@media only screen and (max-width: 992px) {
    /* healthier-2 */
    .healthier-2 .content .date{
        display: none;
    }
    .healthier-2 .content .small-date{
        display: block;
    }
    .healthier-2 .content .small-date h3{
        font-size: 14px;
        text-transform: uppercase;
    }
}
@media only screen and (max-width: 575px) {
    /* healthier-2 */
    .healthier-2 .content .date{
        display: none;
    }
}

/* DENTAL IMPLANT CSS STYLE
================================================== */
/* dental-implant-1 */
.dental-implant-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.dental-implant-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.dental-implant-1 span, .dental-implant-1 a{
    font-size: 15px;
    color: #ccc;
}
.dental-implant-1 a:hover{
    color: white;
}
.dental-implant-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.dental-implant-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* dental-implant-1 */
    .dental-implant-1{
        margin-top: 65px;
    }
}


/* dental-implant-2 */
.dental-implant-2{
    margin-top: 70px; 
}
.dental-implant-2 .inner-content {
    margin-bottom: 40px;
}
.dental-implant-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.dental-implant-2 .inner-content .content-1 img{
    margin-bottom: 30px;
}
.dental-implant-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.dental-implant-2 .inner-content a{
    color: black;
}
.dental-implant-2 .inner-content a:hover{
    color: green;
}
.dental-implant-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.dental-implant-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.dental-implant-2 .inner-content .alert{
    padding: 20px 25px;
    border-radius: 0;
    border-left: 3px solid;
}
.dental-implant-2 .inner-content .alert i{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
}
.dental-implant-2 .inner-content .alert p{
    font-size: 14px;
    margin: 25px 20px;
}
.dental-implant-2 .inner-content .alert-1{
    background: #d1ecf1;
    border-left-color: #afd9ee;
}
.dental-implant-2 .inner-content .alert-2{
    background: #fff3cd;
    border-left-color: #ffeeba;
}
.dental-implant-2 .search{
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
    border: 1px solid #e7ecee;
}
.dental-implant-2 .search input{
    background: transparent;
    border: none;
    outline: none;
    font-size: 14px;
    padding: 7px 10px;
    width: 100%;
    
}
.dental-implant-2 .search ::placeholder{
    color: #ccc;
}
.dental-implant-2 .search span{
    height: 40px;
    border-left: 1px solid #9fa3a3;
    background: rgb(0, 124, 128);
    width: 50px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
}
.dental-implant-2 .category{
    margin-bottom: 40px;
}
.dental-implant-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.dental-implant-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.dental-implant-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.dental-implant-2 .category p a:hover{
    color: green;
}

.dental-implant-2 .department{
    margin-bottom: 40px;
}
.dental-implant-2 .department h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.dental-implant-2 .department a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.dental-implant-2 .department a li:hover{
    background: rgb(3, 178, 184);
}


/* BLOOD BANK CSS STYLE
================================================== */
/* blood-bank-1 */
.blood-bank-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.blood-bank-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.blood-bank-1 span, .blood-bank-1 a{
    font-size: 15px;
    color: #ccc;
}
.blood-bank-1 a:hover{
    color: white;
}
.blood-bank-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.blood-bank-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* blood-bank-1 */
    .blood-bank-1{
        margin-top: 65px;
    }
}


/* blood-bank-2 */
.blood-bank-2{
    margin-top: 70px; 
}
.blood-bank-2 .inner-content {
    margin-bottom: 40px;
}
.blood-bank-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.blood-bank-2 .inner-content .content-1 img{
    margin-bottom: 30px;
}
.blood-bank-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.blood-bank-2 .inner-content a{
    color: black;
}
.blood-bank-2 .inner-content a:hover{
    color: green;
}
.blood-bank-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.blood-bank-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.blood-bank-2 .inner-content .alert{
    padding: 20px 25px;
    border-radius: 0;
    border-left: 3px solid;
}
.blood-bank-2 .inner-content .alert i{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
}
.blood-bank-2 .inner-content .alert p{
    font-size: 14px;
    margin: 25px 20px;
}
.blood-bank-2 .inner-content .alert-1{
    background: #d1ecf1;
    border-left-color: #afd9ee;
}
.blood-bank-2 .inner-content .alert-2{
    background: #fff3cd;
    border-left-color: #ffeeba;
}
.blood-bank-2 .search{
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
    border: 1px solid #e7ecee;
}
.blood-bank-2 .search input{
    background: transparent;
    border: none;
    outline: none;
    font-size: 14px;
    padding: 7px 10px;
    width: 100%;
    
}
.blood-bank-2 .search ::placeholder{
    color: #ccc;
}
.blood-bank-2 .search span{
    height: 40px;
    border-left: 1px solid #9fa3a3;
    background: rgb(0, 124, 128);
    width: 50px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
}
.blood-bank-2 .category{
    margin-bottom: 40px;
}
.dental-implant-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.blood-bank-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.blood-bank-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.blood-bank-2 .category p a:hover{
    color: green;
}

.blood-bank-2 .department{
    margin-bottom: 40px;
}
.blood-bank-2 .department h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.blood-bank-2 .department a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.blood-bank-2 .department a li:hover{
    background: rgb(3, 178, 184);
}



/* MEDICINE RESEARCH CSS STYLE
================================================== */
/* medicine-research-1 */
.medicine-research-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.medicine-research-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.medicine-research-1 span, .medicine-research-1 a{
    font-size: 15px;
    color: #ccc;
}
.medicine-research-1 a:hover{
    color: white;
}
.medicine-research-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.medicine-research-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* medicine-research-1 */
    .medicine-research-1{
        margin-top: 65px;
    }
}


/* medicine-research-2 */
.medicine-research-2{
    margin-top: 70px; 
}
.medicine-research-2 .inner-content {
    margin-bottom: 40px;
}
.medicine-research-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.medicine-research-2 .inner-content .content-1 img{
    margin-bottom: 30px;
}
.medicine-research-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.medicine-research-2 .inner-content a{
    color: black;
}
.medicine-research-2 .inner-content a:hover{
    color: green;
}
.medicine-research-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.medicine-research-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.medicine-research-2 .inner-content .alert{
    padding: 20px 25px;
    border-radius: 0;
    border-left: 3px solid;
}
.medicine-research-2 .inner-content .alert i{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
}
.medicine-research-2 .inner-content .alert p{
    font-size: 14px;
    margin: 25px 20px;
}
.medicine-research-2 .inner-content .alert-1{
    background: #d1ecf1;
    border-left-color: #afd9ee;
}
.medicine-research-2 .inner-content .alert-2{
    background: #fff3cd;
    border-left-color: #ffeeba;
}
.medicine-research-2 .search{
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
    border: 1px solid #e7ecee;
}
.medicine-research-2 .search input{
    background: transparent;
    border: none;
    outline: none;
    font-size: 14px;
    padding: 7px 10px;
    width: 100%;
    
}
.medicine-research-2 .search ::placeholder{
    color: #ccc;
}
.medicine-research-2 .search span{
    height: 40px;
    border-left: 1px solid #9fa3a3;
    background: rgb(0, 124, 128);
    width: 50px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
}
.medicine-research-2 .category{
    margin-bottom: 40px;
}
.medicine-research-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.medicine-research-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.medicine-research-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.medicine-research-2 .category p a:hover{
    color: green;
}

.medicine-research-2 .department{
    margin-bottom: 40px;
}
.medicine-research-2 .department h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.medicine-research-2 .department a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.medicine-research-2 .department a li:hover{
    background: rgb(3, 178, 184);
}


/* PHARMACEUTICAL ADVISE CSS STYLE
================================================== */
/* pharmaceutical-1 */
.pharmaceutical-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.pharmaceutical-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.pharmaceutical-1 span, .pharmaceutical-1 a{
    font-size: 15px;
    color: #ccc;
}
.pharmaceutical-1 a:hover{
    color: white;
}
.pharmaceutical-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.pharmaceutical-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /* pharmaceutical-1 */
    .pharmaceutical-1{
        margin-top: 65px;
    }
}


/* pharmaceutical-2 */
.pharmaceutical-2{
    margin-top: 70px; 
}
.pharmaceutical-2 .inner-content {
    margin-bottom: 40px;
}
.pharmaceutical-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.pharmaceutical-2 .inner-content .content-1 img{
    margin-bottom: 30px;
}
.pharmaceutical-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.pharmaceutical-2 .inner-content a{
    color: black;
}
.pharmaceutical-2 .inner-content a:hover{
    color: green;
}
.pharmaceutical-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.pharmaceutical-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.pharmaceutical-2 .inner-content .alert{
    padding: 20px 25px;
    border-radius: 0;
    border-left: 3px solid;
}
.pharmaceutical-2 .inner-content .alert i{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
}
.pharmaceutical-2 .inner-content .alert p{
    font-size: 14px;
    margin: 25px 20px;
}
.pharmaceutical-2 .inner-content .alert-1{
    background: #d1ecf1;
    border-left-color: #afd9ee;
}
.pharmaceutical-2 .inner-content .alert-2{
    background: #fff3cd;
    border-left-color: #ffeeba;
}
.pharmaceutical-2 .search{
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
    border: 1px solid #e7ecee;
}
.pharmaceutical-2 .search input{
    background: transparent;
    border: none;
    outline: none;
    font-size: 14px;
    padding: 7px 10px;
    width: 100%;
    
}
.pharmaceutical-2 .search ::placeholder{
    color: #ccc;
}
.pharmaceutical-2 .search span{
    height: 40px;
    border-left: 1px solid #9fa3a3;
    background: rgb(0, 124, 128);
    width: 50px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
}
.pharmaceutical-2 .category{
    margin-bottom: 40px;
}
.pharmaceutical-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.pharmaceutical-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.pharmaceutical-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.pharmaceutical-2 .category p a:hover{
    color: green;
}

.pharmaceutical-2 .department{
    margin-bottom: 40px;
}
.pharmaceutical-2 .department h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.pharmaceutical-2 .department a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.pharmaceutical-2 .department a li:hover{
    background: rgb(3, 178, 184);
}


/* MEDICAL COUNSELING CSS STYLE
================================================== */
/* medical-counseling-1 */
.medical-counseling-1{
    padding: 35px 0;
    background: linear-gradient(rgba(2, 48, 29, 0.4), rgba(2, 48, 29, 0.4)), url(../images/doctor-3.jpg) center center no-repeat;
    background-size: cover;
}
.medical-counseling-1 h2{
    font-size: 25px;
    color: white;
    margin-bottom: 15px;
}
.medical-counseling-1 span, .medical-counseling-1 a{
    font-size: 15px;
    color: #ccc;
}
.medical-counseling-1 a:hover{
    color: white;
}
.medical-counseling-1 i{
    margin: 0 10px;
    font-size: 14px;
    color: #ccc;
}
.medical-counseling-1 span{
    color: white;
}

@media only screen and (max-width: 992px) {
    /*.medical-counseling-1 */
    .medical-counseling-1{
        margin-top: 65px;
    }
}


/* medical-counseling-2 */
.medical-counseling-2{
    margin-top: 70px; 
}
.medical-counseling-2 .inner-content {
    margin-bottom: 40px;
}
.medical-counseling-2 .inner-content .content-1{
    margin-bottom: 30px;
}
.medical-counseling-2 .inner-content .content-1 img{
    margin-bottom: 30px;
}
.medical-counseling-2 .inner-content h2{
    margin: 20px 0;
    font-size: 25px;
    color: black;
    font-weight: 600;
}
.medical-counseling-2 .inner-content a{
    color: black;
}
.medical-counseling-2 .inner-content a:hover{
    color: green;
}
.medical-counseling-2 .inner-content p{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
}
.medical-counseling-2 .inner-content li{
    font-size: 14px;
    color: #9fa3a3;
    line-height: 30px;
    list-style: decimal;
}
.medical-counseling-2 .inner-content .alert{
    padding: 20px 25px;
    border-radius: 0;
    border-left: 3px solid;
}
.medical-counseling-2 .inner-content .alert i{
    position: absolute;
    top: 10px;
    right: 10px;
    cursor: pointer;
    font-size: 14px;
}
.medical-counseling-2 .inner-content .alert p{
    font-size: 14px;
    margin: 25px 20px;
}
.medical-counseling-2 .inner-content .alert-1{
    background: #d1ecf1;
    border-left-color: #afd9ee;
}
.medical-counseling-2 .inner-content .alert-2{
    background: #fff3cd;
    border-left-color: #ffeeba;
}
.medical-counseling-2 .search{
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: white;
    position: relative;
    overflow: hidden;
    margin-bottom: 50px;
    border: 1px solid #e7ecee;
}
.medical-counseling-2 .search input{
    background: transparent;
    border: none;
    outline: none;
    font-size: 14px;
    padding: 7px 10px;
    width: 100%;
    
}
.medical-counseling-2 .search ::placeholder{
    color: #ccc;
}
.medical-counseling-2 .search span{
    height: 40px;
    border-left: 1px solid #9fa3a3;
    background: rgb(0, 124, 128);
    width: 50px;
    margin-left: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
}
.medical-counseling-2 .category{
    margin-bottom: 40px;
}
.medical-counseling-2 .category h2{
    font-size: 25px;
    color: black;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.medical-counseling-2 .category p{
    font-size: 14px;
    padding: 10px 0;
    border-bottom: 1px solid #e7ecee;
}
.medical-counseling-2 .category p a{
    color: #9fa3a3;
    transition: all 300ms ease-out;
}
.medical-counseling-2 .category p a:hover{
    color: green;
}

.medical-counseling-2 .department{
    margin-bottom: 40px;
}
.medical-counseling-2 .department h2{
    font-size: 25px;
    color: black;
    margin-bottom: 20px;
}
.medical-counseling-2 .department a li{
    list-style: none;
    display: inline-block;
    font-size: 14px;
    color: white;
    margin-right: 10px;
    margin-bottom: 10px;
    padding: 10px 15px;
    background: #007d9e;
    transition: all 300ms ease-out;
}
.medical-counseling-2 .department a li:hover{
    background: rgb(3, 178, 184);
}