/*
Theme Name: Khwopa Hospital Theme
Author: FnClick
Author URI: https://fnclick.com.np/
Description: This is a theme for Khwopa hospital site
Version: 1.0.0
Text Domain: khwopa
*/

@import url('https://fonts.googleapis.com/css2?family=Titillium+Web:wght@200;300;400;600;700;900&display=swap');


/* Fonts links css */

@font-face {
    font-family: 'Mukta';
    src: local('Mukta Medium'), local('Mukta-Medium'),
    url('fonts/Mukta-Medium.woff2') format('woff2'),
    url('fonts/Mukta-Medium.woff') format('woff'),
    url('fonts/Mukta-Medium.svg#Mukta-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Mukta';
    src: local('Mukta Bold'), local('Mukta-Bold'),
        url('fonts/Mukta-Bold.woff2') format('woff2'),
        url('fonts/Mukta-Bold.woff') format('woff'),
        url('fonts/Mukta-Bold.svg#Mukta-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family: 'Mukta';
    src: local('Mukta Light'), local('Mukta-Light'),
        url('fonts/Mukta-Light.woff2') format('woff2'),
        url('fonts/Mukta-Light.woff') format('woff'),
        url('fonts/Mukta-Light.svg#Mukta-Light') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Mukta';
    src: local('Mukta Regular'), local('Mukta-Regular'),
    url('fonts/Mukta-Regular.woff2') format('woff2'),
    url('fonts/Mukta-Regular.woff') format('woff'),
    url('fonts/Mukta-Regular.svg#Mukta-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

:root{
    --primary-color:#05A081;
    --secondary-color: #99B54A;
    --dark-color: #333333;
    --light-white:#F8F7FC;
    --light-gray:#707070;
    --bright-g: #519694;
    --gray-l-color:#F4F8F9;
    --gray-d-color:#666666;
    --primary-fonts: 'Manrope', sans-serif;
    --secondary-fonts: 'Titillium Web', sans-serif;
	--tertiary-fonts: 'Mukta', sans-serif;
    --default-transition:all 0.3s ease-in-out;


    --section-gaps:50px;
    --section-md-gaps:100px;
}
html{
    overflow-x: hidden;
}
body{
    overflow-x: hidden;
    font-family: var(--primary-fonts);
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: var(--dark-color);
	line-height:1.6;
}
.sticky-top{
	top:30px;	
	z-index:9;
}
img{
    max-width: 100%;
}
.h1, .h2, .h3, .h4, .h5,
.h6, h1, h2, h3, h4, h5, h6{
    font-family: var(--secondary-fonts);
}
a{
    text-decoration: none;
    color: var(--primary-color);
}
a:hover{
    color: var(--secondary-color);
}
a,input[type="submit"],button {
    cursor: pointer;
    -webkit-transition: var(--default-transition) ;
    -o-transition: var(--default-transition) ;
    transition: var(--default-transition) ;
}
.mb-5{
    margin-bottom: 4rem !important;
}

.copyright-sec ul,
.secondary-menu ul,
.menu-lists ul,
.contact-list-items ul,
.primary-menu,
.single-test-sty ul,
.list-none{
    list-style: none;
    margin: 0;
    padding: 0;
}
.img-cover{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}
.r-10{
	margin-left:-10px;
	margin-right:-10px;
}
.r-10 > *{
	padding-left:10px;
	padding-right:10px;
}

/* Fonts links css*/

@font-face {
    font-family: 'icomoon';
    src:  url('fonts/icomoon.eot?dh8gx8');
    src:  url('fonts/icomoon.eot?dh8gx8#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?dh8gx8') format('truetype'),
    url('fonts/icomoon.woff?dh8gx8') format('woff'),
    url('fonts/icomoon.svg?dh8gx8#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
}

[class^="ic-"], [class*=" ic-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'icomoon' !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.ic-ambulance:before {
    content: "\e900";
}
.ic-help-call:before {
    content: "\e901";
}
.ic-location:before {
    content: "\e902";
}
.ic-right-arrow:before {
    content: "\e903";
}
.ic-search:before {
    content: "\e904";
}


@font-face {
    font-family: 'Manrope';
    src: local('Manrope ExtraBold'), local('Manrope-ExtraBold'),
    url('fonts/Manrope-ExtraBold.woff2') format('woff2'),
    url('fonts/Manrope-ExtraBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: local('Manrope Light'), local('Manrope-Light'),
    url('fonts/Manrope-Light.woff2') format('woff2'),
    url('fonts/Manrope-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: local('Manrope ExtraLight'), local('Manrope-ExtraLight'),
    url('fonts/Manrope-ExtraLight.woff2') format('woff2'),
    url('fonts/Manrope-ExtraLight.woff') format('woff');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: local('Manrope Medium'), local('Manrope-Medium'),
    url('fonts/Manrope-Medium.woff2') format('woff2'),
    url('fonts/Manrope-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: local('Manrope Regular'), local('Manrope-Regular'),
    url('fonts/Manrope-Regular.woff2') format('woff2'),
    url('fonts/Manrope-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: local('Manrope SemiBold'), local('Manrope-SemiBold'),
    url('fonts/Manrope-SemiBold.woff2') format('woff2'),
    url('fonts/Manrope-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Manrope';
    src: local('Manrope Bold'), local('Manrope-Bold'),
    url('fonts/Manrope-Bold.woff2') format('woff2'),
    url('fonts/Manrope-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}



/* End Fonts links css*/


/* Slick arrow */

.slick-arrow {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    cursor:pointer;
    width: 40px;
    height: 40px;
    line-height: 39px;
    border: 2px solid var(--primary-color);
    text-align: center;
    font-size: 14px;
    color: var(--primary-color);
    border-radius: 50%;
    z-index: 1;
    opacity: 40%;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}

.slick-prev.slick-arrow {
    left: -45px;
	transform: translateY(-50%) rotate(180deg);
}

.slick-next.slick-arrow {
    right: -45px;
}

.slick-arrow:hover{
    opacity: 1;
}

.slick-dots {
    position: absolute;
    bottom: -20px;
    left: 0;
    right:0;
    text-align:center;
    padding: 0;
    margin: 0;
}

.slick-dots li {
    display: inline-block;
}

.slick-dots li {
    display: inline-block;
    padding: 0 7px;
}

.slick-dots li button {
    display: inline-block;
    font-size: 0;
    background: none;
    border: 1px solid var(--primary-color);
    background: none;
    width: 12px;
    height: 12px;
    padding: 0;
    border-radius: 50%;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: 200ms ease-in-out all;
    -o-transition: 200ms ease-in-out all;
    transition: 200ms ease-in-out all;
    cursor: pointer;
}

.slick-dots li button:hover,
.slick-dots li.slick-active button {
    background: var(--primary-color);
}

.slick-dots li button:hover {
    -webkit-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
}

.slick-dots li button:focus,
.slick-dots li button:hover {
    outline: none;
}


/* End Slick arrow */

/* Color ,gaps and other css */

.primary-fonts{
    font-family: var(--primary-fonts);
}

.secondary-fonts{
    font-family: var(--secondary-fonts);
}

.primary-color{
    color: var(--primary-color);
}

.secondary-color{
    color: var(--secondary-color);
}

.dark-color{
    color: var(--dark-color);
}

.gray-l-color{
    color: var(--gray-l-color);
}

.primary-bg{
    background-color: var(--primary-color);
}

.secondary-bg{
    background-color: var(--secondary-color);
}

.dark-bg{
    background-color: var(--dark-color);
}

.light-white-bg{
    background-color: var(--light-white);
}

.bright-g-bg{
    background-color: var(--bright-g);
}

.gray-l-bg{
    background-color: var(--gray-l-color);
}

.white-bg{
	background-color:#fff;
}

.section-gaps{
    padding: var(--section-gaps) 0;
}

.top-section-gaps{
    padding-top: var(--section-gaps);
}

.bottom-section-gaps{
    padding-bottom: var(--section-gaps);
}

.section-md-gaps{
    padding: var(--section-md-gaps) 0;
}

.top-section-md-gaps{
    padding-top: var(--section-md-gaps) ;
}

.bottom-section-md-gaps{
    padding-bottom: var(--section-md-gaps) ;
}

.mt-4-5{
    margin-top: 3rem !important;
}

.mb-4-5{
    margin-bottom: 3rem !important;
}

.font-weight-med{
    font-weight: 500 !important;
}

.font-weight-smmed{
    font-weight: 600 !important;
}

/* End Color ,gaps and other css */


/* Button css css */

.btn-box {
    padding: 10px 15px ;
    color: #fff;
    background: var(--primary-color);
    border-radius: 25px;
    min-width: 160px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -ms-flex-item-align: center;
        -ms-grid-row-align: center;
        align-self: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    font-size: 15px;
}

.btn-box:after{
    content: '\e903';
    font-size: 10px;
    font-family: icomoon;
    padding: 0 0 0 16px;
    position: relative;
    top: 4px;
}

.text-sty{
    color: var(--primary-color);
    position: relative;
    font-size: 16px;
    font-weight: 500;
    padding-right: 26px;
}

.text-sty:after{
    content: '\e903';
    position: absolute;
    font-family: icomoon;
    right: 5px;
    top: 4px;
    font-size: 10px;
}

.btn-box:hover{
    text-decoration: none;
    background: var(--secondary-color);
    color: #fff;
}

.text-sty:hover{
    color: var(--secondary-color);
    text-decoration: none;
}

/* End Button css css */


/* Title css */

.main-title .title{
    font-size: 18px;
    margin: 0;
}

.main-title .sub-title{
    font-size: 36px;
    margin: 0;
}

/* End Title css */

/* Header section css */

.brand-logo img {
    width: 378px;
}
.site-header .contact-btn-list .item{
	flex: 0 0 auto;
	max-width: min-content;
}
.site-header .contact-btn-list .item i:only-child {
    position: static !important;
    transform: none;
    width: 1em;
    height: 1em;
    aspect-ratio: 1;
    line-height: 1;
    text-align: center;
}
.site-header .contact-btn-list .item a:has(i:only-child) {
    padding: 10px;
    min-height: unset;
}
.contact-btn-list .item.emg-num > div{
	white-space: nowrap;
}
.contact-btn-list .item.emg-num > div,
.contact-btn-list .item.tel-num > div,
.eme-num-top a,
.contact-btn-list .item > a {
/*     padding: 7px 30px 5px 70px; */
    padding: 9px 20px 7px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    min-height: 58px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    color: #fff;
    border-radius: 5px;
	text-decoration:none;
}
.contact-btn-list .item a:hover{
    -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
            box-shadow: rgba(0, 0, 0, 0.45) 0px 25px 20px -20px;
}
.contact-btn-list .item.emg-num > div a,
.contact-btn-list .item.tel-num > div a {
    color: #ffffff;
    font-weight: 600;
}
.contact-btn-list .item.emg-num > div,
.contact-btn-list .item.tel-num > div {
    gap: 3px;
}
.contact-btn-list .item.emg-num > div span.title,
.contact-btn-list .item.tel-num > div span.title {
    margin-bottom: 4px;
}
.contact-btn-list .item {
    padding-left: 10px;
    padding-right: 10px;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 235px;
            flex: 0 0 235px;
    max-width: 235px;
}

.contact-btn-list .d-flex {
    margin-left: -10px;
    margin-right: -10px;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
}

.close-menu:hover{
    color: var(--primary-color);
}

.contact-btn-list .item  span {
    display: block;
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}

.eme-num-top a i,
.contact-btn-list .item i{
    position: absolute;
    left: 19px;
    top: 50%;
    font-size: 24px;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}

.contact-btn-list .item.tel-num i,
.contact-btn-list .item.loc-link i {
    font-size: 30px;
}

.contact-btn-list .item.loc-link a {
	 padding-left: 58px;
}

.contact-btn-list .item.loc-link {
    text-align: right;
}
.contact-btn-list .item span.title {
    font-size: 12px;
    font-weight: 500;
    line-height: 1;
}

.eme-num-top a span.txt,
.contact-btn-list .item span.text {
    font-size: 16px;
    font-weight: bold;
	line-height:1.5;
}

.contact-btn-list .item.loc-link span.title{
    font-size: 16px;
}

.top-header.bg-white {
    padding: 10px 0;
}

.contact-btn-list .item a:hover{
    box-shadow:rgb(0 0 0 / 16%) 0px 20px 20px -20px;
}

.bottom-header{
    background: var(--gray-l-color);
}

.search-bar-sec .input-field{
    position: relative;
    width: 100%;
    max-width: 250px;
    margin-left: auto;
}

.search-bar-sec .input-field button{
    position: absolute;
    right: 12px;
    top: 0;
    bottom: 0;
    background: none;
    border: none;
    color: var(--dark-color);
}

.search-bar-sec .input-field{
    border-radius: 35px;
    background: #fff;
}

.search-bar-sec .input-field input {
    border: 1px solid #EAEAEA;
    height: 40px;
    border-radius: 35px;
    padding: 5px 42px 5px 25px;
    width: 100%;
    background: transparent;
}


/* End Header section css */


/* Banner section css */


.main-banner{
    background-repeat:no-repeat;
    background-size: cover;
    color: #fff;
}

.main-banner{
    padding: 80px 0;
    min-height: 90vh;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: relative;
    text-align: center;
}

.main-banner .caption{
    position: absolute;
    top: calc(50% - 50px);
    transform: translateY(-50%);
    left: 0;
    right: 0;
}

.main-banner .caption .title{
    font-size: 56px;
	margin-bottom:20px;
}

.main-banner .sub-title {
    font-size: 26px;
    margin-bottom: 18px;
    font-weight: 400;
}

.main-banner .caption p{
    font-size: 21px;
}

.main-banner .button-groups {
    margin-top: 40px;
}

.main-banner:before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    background-color: #000;
    opacity: 0.40;
}

/* End Banner section css */


/* Notice section css */

.notice-box-wrapper h2.title {
    background: var(--primary-color);
    padding: 12px 7px;
    text-align: center;
    color: #fff;
    margin: 0;
    font-size: 21px;
    font-weight: 500;

}

.notice-box-wrapper .d-flex > .col-md-6:first-child{
    border-right: 3px solid #EAEAEA;
}

.notice-section{
    margin-top: -15vh;
    position: relative;
	font-family: 'Mukta';
}

.notice-box,
.notice-box-wrapper {
    border-radius: 10px;
    overflow: hidden;
    background: #fff;
    -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
}

.notice-box-wrapper .d-flex {
    padding: 36px 18px 36px 10px;
}

.notice-box-wrapper .list-sty-items{
	padding:30px 15px 10px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	position:relative;
	-ms-flex-wrap:wrap;
	    flex-wrap:wrap;
}

.notice-box-wrapper .list-sty-items >*{
	-webkit-box-flex:0;
	    -ms-flex:0 0 50%;
	        flex:0 0 50%;
	max-width:50%;
	padding:0 15px;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
}

.notice-box-wrapper .list-sty-items:before{
	content:'';
	position:absolute;
	left:0;
	right:0;
	top:30px;
	bottom:30px;
	width:3px;
	margin:0 auto;
	background:#EAEAEA;
}

.notice-box-wrapper .list-sty-items > li + li{
	margin-top:0;
}

.notice-box-wrapper .list-sty-items > li{
	margin-bottom:20px
}

.notice-box-wrapper .list-sty-items > li:before{
	position:static;
	margin-right:10px
}

.notice-box.latestnews {
    align-content: flex-start;
	padding-bottom:15px;
	min-height:460px;
}

.notice-box.latestnews .text {
  	padding: 20px 20px 40px;
}

.notice-box.latestnews .text h3 {
	font-size: 20px;
    margin-bottom: 20px;
    text-align: center;
    font-family: 'Mukta';
    letter-spacing: 0;
}

.notice-box.latestnews .text .button-groups {
    padding: 0;
}
.notice-box.latestnews .imgholder {
    height: 250px;
}

.notice-box.latestnews .imgholder img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.list-sty-items > li + li{
    margin-top: 20px;
}
.list-sty-items > li {
    padding-left: 32px;
    position: relative;
    padding-right: 12px;
}
.list-sty-items > li:before{
    content: '\e903';
    position: absolute;
    left: 0;
    font-family: icomoon;
    top: 1px;
    width: 20px;
    height: 20px;
    font-size: 8px;
    border: 1px solid var(--dark-color);
    line-height: 18px;
    text-align: center;
    border-radius: 50%;
	-webkit-box-flex:0;
	    -ms-flex:0 0 20px;
	        flex:0 0 20px;
	    transform: translateY(2px);
}
.list-sty-items > li > *{
    color: var(--dark-color);
    position: relative;
    font-size: 16px;
    font-weight: 500;
}
.list-sty-items > li > a:hover{
    text-decoration: none;
    color: var(--secondary-color);
}

/* End Notice section css */


/* About section css */

.about-box-content{
    background: var(--gray-l-color);
    padding:40px;
    border-radius: 10px;
}
.about-box-content .content {
    padding:14px 0 5px 32px;
    border-left: 3px solid var(--primary-color);
    color: var(--light-gray);
 	font-family: 'Mukta';
}
.about-us-section .sub-title {
    font-family: 'Mukta';
}
.about-box-content .name-text{
	margin: 0 0 0 36px;
    font-weight: 500;
    padding-top: 0 !important;
}
.about-page-section .container {
    margin: auto;
    font-family: var(--tertiary-fonts);
    line-height: 1.8;
}

.about-page-section .main-title .sub-title {
    font-family: var(--tertiary-fonts);
}

.about-page-section .content.mt-4 {
    margin: 0 !important;
}
.page-template-page-about .about-page-section .container {
    max-width: 850px;
}



/* End About section css */


/* Service section css */

.service-list-item a:hover{
	text-decoration: none;
}
.services-slider .item v{
    padding: 20px 15px 20px;
}
.service-list-item  .item .box{
    border-radius: 10px;
    height: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -ms-flex-line-pack: justify;
        align-content: space-between;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
	flex-direction: column;
}
.service-list-item .item .box .button-groups{
	margin-top: auto;
}
.service-list-item a:has(> .item){
    display: inline-flex;
}
.service-list-item a:has(> .item):hover .title{
    text-decoration: underline;
}
.service-list-item .item .title,
.service-list-item .item .title a{
    font-size: 20px;
    font-weight: 600;
    color: var(--dark-color);
}
.service-list-item .item .title {
    margin-bottom: 0;
    font-family: 'Mukta';
	text-align: center;
}
.service-list-item .item .title:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-color: var(--primary-color);
    margin: 0 5px -2px 0;
    mask-image: url("data:image/svg+xml,%3Csvg fill='%23000000' viewBox='0 0 1920 1920' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E%3Cg fill-rule='evenodd'%3E%3Cpath d='M0 176.142 176.13.012l960.12 960.119L176.13 1920 0 1743.87l783.864-783.739L0 176.142Z'%3E%3C/path%3E%3Cpath d='M784 176.142 960.13.012l960.12 960.119L960.13 1920 784 1743.87l783.86-783.739L784 176.142Z'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
    mask-repeat: no-repeat;
    mask-size: 60%;
    mask-position: 50% 75%;
}
.service-section .head-sec {
    font-family: 'Mukta';
}
.service-list-item:not(.services-slider) .item{
    height: 100%;
}
.service-list-item .item .box .title {
    margin: 0;
	font-weight: 500;
}
.service-list-item .col-lg-3 {
    margin-bottom: 20px !important;
}
.service-list-item .head-sec{
	font-family: var(--tertiary-fonts);
}
.service-list-item .item .title a:hover{
    color: var(--secondary-color);
    text-decoration: none;
}
.services-slider .slick-track {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.services-slider .slick-track .item {
    height: auto;
    padding: 20px 15px;
}
.services-slider .item p{
    color: var(--light-gray);
    margin-bottom: 28px;
}
.service-section .main-title .title {
    font-size: 32px;
    padding-top: 16px;
    margin-bottom: 22px;
    position: relative;
}
/* End Service section css */


/* Mission section css */

.mission-box-sec{
    background: var(--gray-l-color);
    padding: 70px 31% 70px 50px;
    border-radius: 20px;
    max-width: 830px;
    position: relative;
    margin-bottom: 6%;
}
.mission-box-sec .img-holder{
    position: absolute;
    left: 70%;
    width: 496px;
    top: 93px;
    border-radius: 10px;
    overflow: hidden;
}

.mission-box-sec .title {
    font-size: 32px;
    padding-top: 16px;
    margin-bottom: 22px;
    position: relative;
}

.mission-box-sec .title:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 133px;
    height: 2px;
    background: var(--secondary-color);
}
.mission-box-sec p {
    color: var(--light-gray);
    line-height: 1.4;
    margin-bottom: 30px;
}
.mission-section li {
    margin-bottom: 15px;
}
/* End Mission section css */


/* Notice section css */
.other-notice-section .row .col-md-6:first-child >div {
    padding-top: 0% !important;
}
.notice-box{
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

}
@media screen and (max-width: 767px){
	.other-notice-section .row > *{
		margin-bottom: 30px;
	}	
}

.other-notice-section iframe {
    width: 100%;
	height: auto;
    aspect-ratio: 16 / 9;
}
.notice-box > *{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}
.notice-box .title{
    background: var(--primary-color);
    padding: 15px;
    color: #fff;
    font-size: 21px;
    font-weight: 500;
    border-bottom: 4px solid var(--secondary-color);
    text-align: center;
    margin-bottom: 0;
    text-transform: uppercase;
}
.notice-box .list-sty-items{
    padding: 30px 20px 30px 15px;
}
.notice-box .button-groups{
    text-align: center;
    padding: 0 30px 30px;
}
.notice-box .list-sty-items > li{
    padding-right: 0;
	line-height:1.5;
}
.notice-box .list-sty-items > li > *{
    font-size: 16px;
    font-weight: 500;
}
.notice-box  .list-sty-items > li + li {
    margin-top: 25px;
}

/* End Notice section css */


/* News section css */

.new-items .row > *{
    margin-bottom: 30px;
}
.new-items .item{
    -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
            box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    border-radius: 10px;
	background:#fff;
    overflow: hidden;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
    height: 100%;
    -ms-flex-line-pack: justify;
        align-content: space-between;
	letter-spacing:0;
}

.notice-box:hover,
.new-items .item:hover{
    -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
            box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}
.new-items .item > *{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    max-width: 100%;
}
.new-items .item .content{
    padding: 30px 30px 20px;
}
.new-items .item .title a,
.new-items .item .title{
    font-size: 18px;
    color: var(--dark-color);
    font-weight: bold;
    font-family: 'Mukta';
	line-height:1.5;
}
/* .new-items .item .title{
    margin-bottom: 20px;
} */
.new-items .item .title a:hover{
    color:var(--secondary-color);
    text-decoration: none;
}
.new-items .item p{
	margin-bottom: 0;
    color: var(--light-gray);
    font-family: var(--tertiary-fonts);
}

.new-items .item .date{
	padding: 20px 30px;
    display: flex;
    justify-content: space-between;
    border-top: 2px solid var(--primary-color);
    align-items: center;
}
.new-items .item .date span{
    display: block;
    color: var(--light-gray);
    font-size: 14px;
	font-weight:400;
}
.new-items .item .head {
	min-height:136px;
}
.new-items .item .img-holder {
    display: block;
    height: 200px;
    overflow: hidden;
}
.new-items .item .img-holder img{
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.new-items .item:hover .img-holder img{
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}

/* End News section css */



/* Contact section css */

.content-wrap-sty{
    color: #fff;
    position: relative;

}
.content-wrap-sty .img-holder{
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 30%;
    overflow: hidden;
}
.content-wrap-sty .left-side{
    -webkit-box-flex: 0;
        -ms-flex: 0 0 300px;
            flex: 0 0 300px;
    max-width: 300px;
    border-right: 3px solid var(--secondary-color);
}
.content-wrap-sty .left-side,
.content-wrap-sty .right-side{
    padding: 40px 0px 40px 0;
	    font-family: var(--tertiary-fonts);
}
.content-wrap-sty h2{
    font-size: 24px;
    font-weight: 600 ;
    margin: 0;
	font-family: var(--tertiary-fonts);
}
.content-wrap-sty .right-side{
    -webkit-box-flex: 1;
        -ms-flex: auto;
            flex: auto;
    max-width: inherit;
}

.content-wrap-sty .content {
    max-width: calc(100% - 30%);
    position: relative;
    z-index: 1;
}
.content-wrap-sty .img-holder:before{
    content: '';
    top: -10px;
    bottom: 0;
    right: calc(100% - 16px);
    position: absolute;
    width: 100px;
    height: 150%;
    background: var(--primary-color);
    -webkit-transform: rotate(8deg);
        -ms-transform: rotate(8deg);
            transform: rotate(8deg);
}
.content-wrap-sty .right-side p{
    padding-left: 3rem;
    margin-bottom: 0;
}

/* End Contact section css */

/* Inner banner section css */

.inner-banner {
    padding: 4rem 0;
    position: relative;
    background-position: center center;
    background-size: cover;
    background-attachment: fixed;
    background-repeat: no-repeat;
}
@media screen and (min-width: 768px){
	.page-template-page-contact .inner-banner {
		padding-bottom: 6rem;
	}
}
.inner-banner:before{
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    background: #05a081;
    opacity: 0.8;
}
.breadcrumds-links ul {
    list-style: none;
    padding: 0;
    margin: 0 -8px;
}

.breadcrumds-links ul li {
    display: inline-block;
    padding: 0 8px;
    position: relative;
}

.breadcrumds-links ul a {
    color: #fff;
}
.breadcrumds-links ul a:hover{
    text-decoration: underline;
}
.breadcrumds-links ul li:before {
    content: '\f054';
    position: absolute;
    right: -5px;
    top: 50%;
    margin-top: 1px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    font-size: 10px;
}

.breadcrumds-links ul li:last-child:before {
    display: none;
}

/* End Inner banner section css */

/* About us section css */

.page-template-page-about .title {
    font-family: var(--tertiary-fonts);
}
.product-accordion .card-header {
    padding: 0;
    border: none;
}

.product-accordion .card-header button.btn.btn-link {
    border: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border-radius: 0;
    font-size: 17px;
    width: 100%;
    font-weight: 600;
    background: var(--primary-color);
    text-align: left;
    color: #fff;
    padding: 12px 14px;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-transform: uppercase;
    /* font-family: var(--primary-fonts); */
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    outline: none;
}

.product-accordion .card-header button.btn.btn-link:focus,
.product-accordion .card-header button.btn.btn-link:hover {
    text-decoration: none;
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;
}

.product-accordion .card-header button.btn.btn-link::before
.product-accordion .card-body {
    padding: 15px;
    font-size: 14px;
}

.product-accordion .card + .card {
    margin-top: 14px;
}
.product-accordion .card {
    border: none;
    border-radius: 6px;
    overflow: hidden;
    background: #fefefe;
	-webkit-box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
	        box-shadow: rgb(99 99 99 / 20%) 0px 2px 8px 0px;
}
.product-accordion .card-body{
    padding:15px;
    font-size: 14px;
    background-color: #ffffff;
}
.product-accordion .card-header button.btn.collapsed{
    background: #666666;
    color: #fff;

}
.product-accordion .card-header button.btn.collapsed i::before {
    content: "\2b";
    font-size: 22px;
}
.img-holder.single-img-slider .slick-dots {
    bottom: -26px;
}


/* End About us section css */


/* Contact page section css */

.contact-page-section .top-contact-section {
    margin-top: -79px;
    position: relative;
    background: #fff;
	border-radius:10px;
}
.top-contact-section{
    border:1px solid #e6e6e6;

}

.top-contact-section .item{
    position: relative;
    text-align: center;
    padding: 2rem 1rem ;
    height: 100%;
}
.top-contact-section .row > * + *{
    border-left: 1px solid #e6e6e6;
}
.top-contact-section .item i {
    display: block;
    font-size: 42px;
    margin-bottom: 23px;
    color: var(--primary-color);
}
.top-contact-section .item .content .title{
    font-size: 20px;
    font-weight: bold;
}
.top-contact-section .item .content span{
    display: block;
}
.top-contact-section .row{
	margin:0;
}
.top-contact-section .row > * {
	padding:0;
}
.top-contact-section .item .content span,
.top-contact-section .item .content span a{
    color: var(--gray-d-color);
	word-break: break-word;
}
.top-contact-section .item .content span a:hover{
    color: var(--secondary-color);
}

.contact-page-section .wrapper {
    max-width: 768px;
    margin: 0 auto;
}
.map-wapper iframe {
    width: 100%;
    border-radius: 12px;
    height: 400px;
}

.form-input-sty .input-field .wpcf7-form-control {
    display: block;
}
.form-input-sty .file-input-field,
.form-input-sty .textarea-field,
.form-input-sty .input-field {
    margin-bottom:20px;
    position:relative;
}
.form-input-sty label {
    font-size: 13px;
    font-weight: 500;
}
.form-input-sty .wpcf7-not-valid-tip {
    position: absolute;
    right: 7px;
    bottom: 1px;
    font-size: 10px;
}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output{
    text-align:center;
    font-size:14px;
}
.form-input-sty .wpcf7-form-control-wrap {
    display: block;
}

.form-input-sty .input-field input,
.form-input-sty .textarea-field textarea {
    display: block;
    width: 100%;
    padding: 12px 20px 12px 20px;
    border-radius: 4px;
    border: 1px solid #c6c6c6;
    font-size: 14px;
    color: var(--dark-color);

}

.submit-btn span.wpcf7-spinner {
    position: absolute;
    top: 10px;
    margin-left:15px;
}
.submit-btn .btn-box{
    border:none;
}
.form-input-sty .textarea-field textarea {
    height: 164px;
}

/* End Contact page section css */


/* Department page section css */

.department-list .item{
    background: #fff;
    padding: 10px;
    position: relative;
    overflow: hidden;
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 10%);
            box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    margin-bottom: 30px;
    border-radius: 6px;
}
.department-list .img-holder{
    height: 250px;
    overflow: hidden;
}
.department-list .img-holder img{

    -webkit-transition: all 0.3s linear;

    -o-transition: all 0.3s linear;

    transition: all 0.3s linear;
}
.department-list .item:hover .img-holder img{
    -webkit-transform: scale(1.2);
        -ms-transform: scale(1.2);
            transform: scale(1.2);
}
.department-list .item .content {
    position: relative;
    padding: 18px 8px 0;
    background-color: #ffffff;
}
.department-list .item .title{
    margin-bottom: 16px;
    padding-bottom: 9px;
    position: relative;
}
.department-list .item .title:before{
    content:'';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 40px;
    height: 3px ;
    background: var(--primary-color);
}
.department-list .item .title a,
.department-list .item .title{
    color: var(--dark-color);
    font-size: 21px;
    font-weight: 600;
}
.department-list .item .title a:hover{
    color: var(--primary-color);
    text-decoration: none;
}
.department-list .item .content p{
    color: var(--gray-d-color);
    font-size: 14px;
}

/* End Department page section css */


/* Single post section css */

.single-post-page-sec .wrapper-text {
    max-width: 768px;
    margin: 0 auto;
}
.single-post-page-sec .img-holder img {
    width: 100%;
}
.single-post-page-sec .title{
    font-size: 26px;
    font-weight: 600;
	margin-bottom:5px;
	font-family: 'Mukta';
	line-height:1.6;
}
.single-post-page-sec .post-header .date {
    font-size: 14px;
    color: #aaa8a8;
    font-weight: 400;
    padding-left: 19px;
    position: relative;
}
.single-post-page-sec .post-header .date:before{
    content: '\f017';
    position: absolute;
    left: 0;
    font-size: 13px;
    top: 1px;
    font-family: "Font Awesome 5 Free";
    font-weight: 400;
    color: var(--primary-color);
}

/* End Single post section css */


/* Footer section css */

.top-footer{
    padding: 100px 0;
    color: #fff;
}
.top-footer .footer-title{
    color: var(--primary-color);
    font-size: 18px;
    font-weight: 500;
    font-family: var(--primary-fonts);
    margin-bottom: 25px;
}
.map-sec iframe{
    width: 100%;
    height: 200px;
    border-radius: 10px;
}
.menu-lists li{
    margin-bottom: 10px;
}
.contact-list-items li a,
.menu-lists li a{
    color: #fff;
    font-size: 16px;
}
.copyright-sec a:hover,
.secondary-menu ul li a:hover,
.contact-list-items li a:hover,
.menu-lists li a:hover{
    color: var(--secondary-color);
    text-decoration: none;
}
.contact-list-items ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.contact-list-items ul li {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    max-width: 50%;
    padding: 0 15px;
    margin-bottom: 30px;
}

.contact-list-items ul {
    margin-left: -15px;
    margin-right: -15px;
}
.contact-list-items ul > * > span{
    display: block;
    font-size: 16px;
}
.contact-list-items ul .title{
    color: #777777;
    font-size: 14px;
    margin-bottom: 10px;
}
.social-lists{
    margin-left: -10px;
    margin-right: -10px;
}
.social-lists > *{
    display: inline-block;
    padding-right: 10px;
    padding-left:10px;
}
.social-lists a{
    color: #fff;
    font-size: 18px;
}
.contact-list-items span.txt + span.txt {
    margin-top: 10px;
}

.bottom-footer{
    background: #212121;
    padding: 60px 0 25px;
    color: #fff;
}
.logo-footer {
    text-align: center;
}
.logo-footer h3,
.logo-footer h2 {
    font-size: 32px;
    font-weight: 600;
    margin-bottom: 0;
    letter-spacing: 3px ;
}

.logo-footer h3 {
    font-size: 28px;
    font-weight: 400;
}
.bottom-footer-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.copyright-sec .col-lg-6:first-child {
    display: flex;
}

.copyright-sec .col-lg-6:first-child p {
    margin-right: 15px;
}
.copyright-sec .col-lg-6 + .col-lg-6 p {
    text-align: right;
}
.secondary-menu ul{
    text-align: center;
}
.bottom-footer-wrap ul {
    margin: 0 -30px;
}
.secondary-menu ul li{
    display: inline-block;
    padding: 0 30px;
    margin-bottom: 15px;
}
.secondary-menu li a{
    color: #fff;
}
ul#menu-footer-bottom-menu {
    margin: 0 -15px;
}

.copyright-sec .row {
    align-items: flex-end;
}
.copyright-sec ul li{
    display: inline-block;
    padding: 0 15px;
}
.copyright-sec{
    font-size: 14px;
}
.copyright-sec ul li + li{
    border-left: 1px solid #fff;
}
.copyright-sec li a{
    color: #fff;

}
.eme-num-top {
    position: fixed;
    right: 3vw;
    bottom: 4vh;
    width: 235px;
    z-index: 8;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-radius: 50%;
    text-align: center;
    background: #fff;
    visibility: hidden;
    opacity: 0;
    -webkit-box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
            box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}
.eme-num-top i.fas.fa-phone-volume {
    -webkit-transform: translateY(-50%) rotate(322deg);
        -ms-transform: translateY(-50%) rotate(322deg);
            transform: translateY(-50%) rotate(322deg);
    font-size: 28px;
}
.eme-num-top a:hover{
    background: var(--secondary-color);
    text-decoration: none;
}


/* End Footer section css */

/* Search page css */

.product-lists-sty.list-sty .item .box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
}

.product-lists-sty.list-sty .item .img-holder {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 230px;
            flex: 0 0 230px;
    max-width: 230px;
    margin: 0;
    height: auto;
}
.product-lists-sty.list-sty .item .content .title, .product-lists-sty.list-sty .item .content .title a {
    font-size: 22px;
    font-weight: 600;
    color: #2a2a2a;
}
.product-lists-sty.list-sty .item .content .title a:hover{
	color:var(--secondary-color);
	text-decoration:none;
}
.search--page-section h3.title {
    font-family: 'Mukta';
}
.product-lists-sty.list-sty .item .content {

    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -ms-flex-positive: 1;
    -webkit-box-flex: 1;
            flex-grow: 1;
    max-width: 100%;
    padding: 0px 20px;
}
.product-lists-sty.list-sty .item .img-holder img {
    height: 180px;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    border-radius: 10px;
}

.search-header .input-field {
    position: relative;
}

.search-header .input-field input[type="text"] {
    display: block;
    width: 100%;
    padding: 10px 35px 10px 20px;
    border-radius: 23px;
    border: 1px solid #c6c6c6;
    position: relative;
}

.search-header .input-field button.submit-btnddaddadad {
    position: absolute;
    right: 16px;
    top: 50%;
    background: none;
    border: none;
    outline: none;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    color: #9e9e9e;
}
.search-header span.search-result {
    font-size: 12px;
    font-weight: bold;
    display: block;
    padding: 14px 4px;
}

.search-header h1.title {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 600;
}

.search-header h1.title span {
    font-weight: 400;
}
.search--page-section .product-lists-sty.list-sty .item:not(:last-child) {
    padding-bottom: 20px;
    margin-bottom: 25px;
    border-bottom: 1px solid #cfcfcf;
}

/* End Search page css */

/* Career page css */

.career-list-items .item .title {
    margin-bottom: 8px;
}
.career-list-items .item span.date{
    font-family: var(--secondary-fonts);
    font-weight: 600;
    color: #abb8c3;
    display: block;
    margin-bottom: 18px;
}

.career-list-items .item .title,
.career-list-items .item .title a{
	font-size:24px;
}
.career-single-page-section .left-side .title{
	font-size:30px;
}

/* End Career page css */


/* page number css */
ul.page-numbers {
    list-style: none;
    margin: 30px -3px 0;
    padding: 0 15px;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;

}
.page-numbers>li {
    display: inline-block;
    padding-left: 3px;
    padding-right: 3px;
}
.page-numbers>li>a, .page-numbers>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #323232;
    font-size: 14px;
    text-decoration: none;
    border-radius: 5px;
    background: 0 0;
    border: 1px solid #ccc;
}
.page-numbers>li>a.prev.page-numbers, .page-numbers>li>a.next.page-numbers {
    background: #fff;
    border: 1px solid var(--dark-color);
	font-size:24px;
}
.page-numbers>li>a, .page-numbers>li>span {
    position: relative;
    padding: 2px;
    color: #323232;
    width: 35px;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
	-webkit-box-pack:center;
	    -ms-flex-pack:center;
	        justify-content:center;
	-webkit-box-align:center;
	    -ms-flex-align:center;
	        align-items:center;
    text-align: center;
    font-size: 15px;
    text-decoration: none;
    border-radius: 5px;
    background: 0 0;
    border: 1px solid var(--dark-color);
    height: 35px;
}
.page-numbers>li>a.prev.page-numbers:hover,
.page-numbers>li>a.next.page-numbers:hover,
.page-numbers>li>a:hover,
.page-numbers.current, .page-numbers.current:hover {
    color: #fff !important;
    background: var(--primary-color) !important;
    border-color: var(--primary-color) !important;
    text-decoration: none;
}


/* End page number css */


/* Apply form css */

.apply-form-sec {
    background: #fff;
    border: 1px solid var(--primary-color);
    border-radius: 10px;
    overflow: hidden;
}

.apply-form-sec form {
    padding: 20px;
}

.apply-form-sec .form-input-sty .textarea-field textarea {
    height: 100px;
}
.apply-form-sec .form-input-sty .input-field input,
.apply-form-sec .form-input-sty .textarea-field textarea {
   
    width: 100%;
	padding: 10px 12px;
}
.apply-form-sec .form-input-sty .file-input-field,
.apply-form-sec .form-input-sty .textarea-field,
.apply-form-sec .form-input-sty .input-field {
    margin-bottom: 12px;
    position: relative;
}
.apply-form-sec .file-input-field input[type="file"] {
    font-size: 14px;
}
.apply-form-sec h2.title {
    background: var(--primary-color);
    color: #fff;
    text-align: center;
    font-size: 24px;
    font-weight: 600;
    padding: 13px;
	margin:0;
}
/* End Apply form css */

/* .notice-list-items .item{
	height:100%;	
} */
.post-relative-sec .new-items .item .content,
.notice-list-items .item .content{
	padding:30px 30px 15px;
	
}


/* 404 page  */

#notfound {
  position: relative;
  height: 80vh;
}

#notfound .notfound {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
	padding:0 20px;
}

.notfound {
  max-width: 520px;
  width: 100%;
  line-height: 1.4;
  text-align: center;
}

.notfound .notfound-404 {
  position: relative;
  height: 240px;
}

.notfound .notfound-404 h1 {

  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 252px;
  font-weight: 900;
  margin: 0px;
  color: #262626;
  text-transform: uppercase;
  letter-spacing: -25px;
  margin-left: -20px;
}

.notfound .notfound-404 h1>span {
  text-shadow: -8px 0px 0px #fff;
}

.notfound .notfound-404 h3 {

  position: relative;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  color: #262626;
  margin: 0px;
  letter-spacing: 3px;
  padding-left: 6px;
}

.notfound h2 {
  font-size: 20px;
  font-weight: 400;
  text-transform: uppercase;
  color: #000;
  margin-top: 0px;
  margin-bottom: 25px;
}
.notfound .button-groups a{
	padding:10px 25px;
}



/* End 404 page  */

/* Next and prev btn css */

.pre-next-btn .left-side,
.pre-next-btn .right-side{
	min-height: 80px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.pre-next-btn .right-side{
	-webkit-box-pack: end;
	    -ms-flex-pack: end;
	        justify-content: flex-end;
}

.pre-next-btn .item{
	position:relative;
}

.pre-next-btn .left-side .item{
    padding-left:95px;
}

.pre-next-btn .right-side .item{
    padding-right:95px;
}

.pre-next-btn .left-side .img-link{
    left:0
}

.pre-next-btn .right-side .img-link{
    right:0;
}

.pre-next-btn{
    margin-top: 50px;
}

.pre-next-btn .item .img-link img{
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
}

.pre-next-btn .item .img-link{
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    position: absolute;
    top:50%;
    -webkit-transform:translatey(-50%);
        -ms-transform:translatey(-50%);
            transform:translatey(-50%);
}

.pre-next-btn .left-side .img-link{
    margin-right: 15px;
}

.pre-next-btn .item > a{
	text-decoration:none;
}

.pre-next-btn .img-link:before{
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 80px;
    height: 80px;
    background-color:rgb(30 30 30 / 65%);
    color: #fff;
    border-radius: 50%;
    line-height: 80px;
	font-family:"Font Awesome 5 Free";
    font-weight: 600;
    text-align: center;
    font-size: 30px;
    -webkit-transform: scale(0);
        -ms-transform: scale(0);
            transform: scale(0);
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}

.pre-next-btn .left-side .img-link:before{
    content: '\f104';
}

.pre-next-btn .right-side .img-link:before{
    content: '\f105';
}

.pre-next-btn .item:hover .img-link:before{
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
}

.pre-next-btn .right-side .img-link{
    margin-left: 15px;
}

.pre-next-btn .right-side .item{
    text-align: right;
}

.pre-next-btn .content > span{
    display: block;
 
}

.pre-next-btn .item > div{
    font-size: 12px;
    color: #717070;
    margin-bottom: 10px;
}

.pre-next-btn  .item > a{
    font-size: 16px;
    font-weight: 600;
	color:#000;
    
}
.pre-next-btn  .item > a:hover{
    color:var(--primary-color);
}

@media screen and (max-width:575px){
	.pre-next-btn .item > a{
		font-size:14px;
	}
	
	.pre-next-btn .right-side {
		margin-top: 15px;
	}
}

/* End Next and prev btn css */

/* Single page css */

.single-test-sty{
	font-size: 18px;
    font-family: var(--tertiary-fonts);
	flex: auto;
}

.single-test-sty ul li:before {
    content: "";
    position: absolute;
    top: 8px;
    left: 0;
    font-weight: 900;
    font-size: 8px;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background-color: var(--dark-color);
}

.single-test-sty ol ol,
.single-test-sty ul ul {
    padding-left: 15px;
    margin-top: 10px;
}

.single-test-sty ol {
    padding-left: 15px;
}

.single-test-sty ol li::marker {
    font-weight: 600;
    margin-right: 10px;
    color: var(--dark-color);
}

.single-test-sty a{
	color: var(--primary-color);
    border-bottom: 1px dotted var(--primary-color);
}

.single-test-sty a:hover{
	text-decoration:none;
	border-bottom: 1px solid var(--primary-color);
}

.single-test-sty ul ul li:before {
    content: "\f061";
    font-size: 12px;
    top: 2px;
    color: var(--dark-color);
}

.single-test-sty  li{
    margin-bottom:10px;
    padding-left:16px;
    position:relative;
}

.single-test-sty .content ol li{
    padding-left:5px;
}

.single-test-sty .content  ol ol{
    padding-left: 15px;
    margin-top:5px
}

.single-test-sty .content ul ul{
    margin-top:5px
}

.single-test-sty .content  li::marker {
    color: var(--dark-color);
}

.single-test-sty  li  li::marker{
    color: var(--primary-color) !important;
}

.single-test-sty  blockquote{
    position:relative
}

.single-test-sty blockquote,
.single-test-sty blockquote p {
    font-size:inherit;
    font-style:italic;
    font-weight: bold;
}

.single-test-sty blockquote:before{
    content: '\f10d';
    position: absolute;
    left: 13px;
    top: 0;
    color: var(--primary-color);
    font-size: 34px;
    font-family: "Font Awesome 5 Free";
    font-weight: bold;
}

.single-test-sty blockquote {
    padding: 20px 20px 2px 4.5rem;
}

/* End single page css */

/* .post-relative-sec .new-items .item{
	height:auto;
}
 */
/* gallery-wrapper */
.gallery-wrapper {
    padding: 80px 0;
}

.gallery-listing {
    padding-left: 0;
    list-style: none;
}

.gallery-listing .item {
    padding: 0 5px;
    margin-bottom: 10px;
}

.gallery-listing .itemwrap {
    position: relative;
    display: block;
}

.gallery-listing .itemwrap .caption {
    position: absolute;
    bottom: 15px;
    color: #fff;
    left: 15px;
}
.gallery-listing .itemwrap .caption a{
	color: inherit;
}
.gallery-listing .itemwrap .caption h3 {
    font-size: 16px;
    margin-bottom: 0;
}

.gallery-listing .itemwrap .imgholder a{
	color: #ffffff;
    height: 230px;
    position: relative;
	display:block;
}

.gallery-listing .itemwrap .imgholder img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.gallery-listing .itemwrap .imgholder a:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,0.2);
	transition:all 0.3s ease-in-out;
}

.gallery-listing .itemwrap .imgholder a:hover:before{
	background: rgba(0,0,0,0.5);
} 

/* gallery-wrapper-ends */

/* download-wrapper */
.default-padding {
    padding: 80px 0;
}

.download-listing .itemwrap {
    background: #f1f1f1;
    padding: 12px 15px;
	display:block;
	color:inherit;
}

.download-listing i {
    color: var(--primary-color);
    display: inline-block;
    font-size: 20px;
    margin-right: 5px;
}

.title-underline-sty {
    border-bottom: 1px solid var(--primary-color);
    margin-bottom: 30px;
}

.download-listing .item {
    padding: 0 8px;
	margin-bottom:16px;
}

.row.download-listing {
    margin: 0 -8px;
}
/* download-wrapper-ends */

/* latestslider */
.latestslider {
    box-shadow: rgb(0 0 0 / 10%) 0px 4px 12px;
	display:none;
}

.latestslider.slick-initialized {
    display: block;
}

.latestslider .slick-dots {
    bottom: 15px;
}

.single-test-sty td {
    padding: 12px 15px;
    border-color: #6a6a6a;
    font-size: 16px;
    color: #3a3a3a;
}


.single-test-sty table {
    width: 100%;
    border-radius: 5px;
}

.single-test-sty table tr:first-child td:first-child {
    border-radius: 5px !important;
}

.contact-btn-list i.ic-help-call{
	font-size: 28px;
}
.contact-btn-list .item.tel-num i.ic-ambulance{
	font-size: 22px;
}
.single-test-sty th{
	padding-left: 15px;
	padding-right: 15px;
}


/* Marquee */
.marquee {
  overflow: hidden;
  width: 100%;
	padding-block: 6px;
  background: #f6f7f9;
}

.marquee-track {
  display: flex;
  width: max-content;
  animation: scroll 18s linear infinite;
}
.marquee-track:hover{
	animation-play-state: paused;
}
.marquee-group {
  display: flex;
}

.marquee-group :is(span,a) {
  padding: 0 1.5rem;
  font-size: 1rem;
  white-space: nowrap;
	color: inherit;
}
.marquee-group a:hover{
	color: var(--primary-color);
	text-decoration: none;
}
@keyframes scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.single-service-page .wrapper-text {
	width: 100%;
	max-width: unset;
}
.single-service-page .content {
    display: flex;
    gap: 32px;
	align-self: flex-start;
}
.single-service-page .content .single-test-sty table tr:not(:first-child) td strong {
    font-weight: 400;
}

.left-dr-box {
    display: flex;
    gap: 16px;
    align-items: flex-start;
	flex-direction: column;
	flex: 0 0 220px;
}

/* Sticky image */
.doctor-image {
    align-self: flex-start;
}

.doctor-image img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    display: block;
}
.left-dr-box .doctor-image:not(:first-child){
	margin-top: 10px;
}

@media (max-width: 767.98px) { 
	.single-service-page .content{
		flex-direction: column;
	}
}