/* /////////////////// */


/* Common CSS Start*/


/* /////////////////// */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
}

body {
    text-rendering: optimizeLegibility;
    box-sizing: border-box;
    font-size: 1.6rem;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
    line-height: 1.5;
    overflow-x: hidden;
    color: #666666;
    text-rendering: optimizeLegibility;
}

html {
    font-size: 62.5%;
    width: 100%;
    overflow-x: hidden;
    padding: 0;
    margin: 0;
}

ul li {
    list-style: none;
}

a {
    text-decoration: none;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

ul {
    margin: 0;
    padding: 0;
}

button {
    background: none;
    border: none;
}


/* /////////////////// */


/* Common CSS End*/


/* /////////////////// */


/* Top Header Start Styling */

.layout-page {
    position: relative;
    /* background: rgb(243, 243, 243); */
    /* background-image: url(../img/bg_main.gif); */
    background: url(../img/bg_main.gif) repeat-y scroll center top rgba(0, 0, 0, 0);
}

.layout-page #page-boxed {
    background: #ffffff;
}

.wrapper {
    max-width: 1121px;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: hidden;
    margin: 0 auto;
    box-shadow: 0px 5px 5px 5px #f2f1f1;
}

#dark-btn {
    display: flex;
    /* position: absolute; */
    top: 20px;
    right: 20px;
    background: rgb(243, 6, 6);
    width: 60px;
    padding: 4px 3px;
    transition: padding-left 0.5s, background 0.5s;
    cursor: pointer;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
    -webkit-transition: padding-left 0.5s, background 0.5s;
    -moz-transition: padding-left 0.5s, background 0.5s;
    -ms-transition: padding-left 0.5s, background 0.5s;
    -o-transition: padding-left 0.5s, background 0.5s;
}

#dark-btn span {
    width: 18px;
    height: 18px;
    background: #fff;
    display: inline-block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}

#dark-btn.dark-btn-on {
    padding-left: 17px;
    /* background: #4fff10; */
}

.topbar-menu {
    display: flex;
    justify-content: space-between;
    background: #609513;
    margin-top: 10px;
    padding: 5px 0;
    flex-direction: row;
    flex-wrap: wrap;
}

.left-side,
.right-side form {
    display: flex;
    margin-left: .5rem;
}

.left-side ul li {
    display: inline-block;
}

.left-side ul li a i.fa-facebook,
.left-side ul li a i.fa-twitter,
.left-side ul li a i.fa-linkedin,
.left-side ul li a i.fa-youtube {
    width: 25px;
    height: 15px;
    text-align: center;
    margin-top: 5px;
}


/* .left-side ul li a i.fa-twitter{
color:#fff;
} */

.left-side ul li a i.fa-facebook,
.left-side ul li a i.fa-linkedin,
.left-side ul li a i.fa-twitter {
    color: #0D8AF0;
}

.left-side ul li a i.fa-youtube {
    color: red;
}

.left-side ul li a {
    background: #fff;
    padding: .5rem;
}


/* .left-side ul li a.twitter{
  background:#0D8AF0;
} */

.left-side ul li a i {
    transition: .5s all;
    -webkit-transition: .5s all;
    -moz-transition: .5s all;
    -ms-transition: .5s all;
    -o-transition: .5s all;
}

.left-side ul li a:hover i {
    transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg);
}


/* Right Side */

.search-box {
    background: #fff;
    display: flex;
    align-items: center;
    padding: 0 15px;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -ms-border-radius: 20px;
    -o-border-radius: 20px;
}

.search-box img {
    width: 18px;
}

.search-box input {
    width: 100%;
    background: transparent;
    padding: 5px;
    outline: none;
    border: 0;
    margin-right: 1rem;
}


/* .language{
display: flex;

} */

.language a {
    color: #31312f;
    text-transform: capitalize;
    display: flex;
    margin-top: 2px;
    margin-left: 1rem;
    margin-right: 1rem;
    background: #fff;
    padding: 0 1rem;
}

.language a:hover {
    text-decoration: underline;
    color: rgb(38, 0, 255);
}


/* Top Header end Styling */


/* logo Banner Start*/

.logo-banner img {
    width: 100%;
}


/* logo Banner End*/


/* Main Navbar Star CSS */


/* Main Navbar Star CSS */

.nav-menu {
    background: #609513;
    /* background: #9affaa; */
    padding: 0;
    margin: 0;
    margin-top: .5rem;
}

.nav-menu>.menu {
    text-align: center;
}

.nav-menu>.menu>.menu-item {
    display: inline-block;
    position: relative;
}

.nav-menu>.menu>.menu-item a {
    padding: 1rem 1rem;
    display: block;
    text-transform: capitalize;
    /* color: #231f20; */
    color: #fff;
    border-right: 1px solid;
    transition: .3s;
    margin-left: -4px;
    font-family: 'Poppins', sans-serif;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
}

.nav-menu>.menu>.menu-item:nth-child(1) {
    border-left: 1px solid #fff;
}

.nav-menu .menu>.menu-item a:hover,
.nav-menu>.menu>.menu-item>.sub-menu .menu-item a:hover {
    background: #002147;
    color: #fff;
}

.nav-menu .menu>.menu-item.active a.menu-link {
    background: #002147;
}

.nav-menu>.menu>.menu-item>.sub-menu .menu-item a:hover {
    padding: 1rem .7rem;
}

.nav-menu>.menu>.active a {
    /* background: #002147; */
    color: #fff;
}

.nav-menu>.menu>.menu-item>.sub-menu {
    box-shadow: 0 0 10px rgb(0, 0, 0, 0.2);
    position: absolute;
    z-index: 999;
    display: block;
    width: 220px;
    top: 100%;
    left: -4px;
    /* border-top: 3px solid #609513; */
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
    text-align: start;
}

.nav-menu>.menu>.menu-item:hover>.sub-menu {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.nav-menu>.menu>.menu-item>.sub-menu>.menu-item {
    display: block;
    background: #f4f5f7;
}

.nav-menu>.menu>.menu-item>.sub-menu>.menu-item a {
    margin-left: 0px;
    text-transform: uppercase;
    border-top: 1px solid #ccd2dd;
    color: #000;
}


/* ///MOBILE MENU NAVBAR STYLING START */

.menu-btn {
    font-size: 23px;
    color: #fff;
    cursor: pointer;
    position: absolute;
    top: 50%;
    right: 6.2rem;
    display: none;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.list-menu span {
    text-transform: uppercase;
    font-weight: 600;
    font-family: 'Ubuntu', 'sans-serif';
    color: #fff;
    font-size: 2rem;
    letter-spacing: .2rem;
    margin-left: 6.2rem;
    display: none;
}


/* Sub Dropdown Menu End */


/* Latest News Start */

.latest-news {
    margin-top: 8px;
    background: #f4f5f7;
    padding: .6rem 0;
}

.latest-news h4.news-headline {
    background-color: #002147;
    display: inline;
    padding: 6px 30px;
    color: #fff;
    letter-spacing: 0px;
    font-size: 17px;
    color: #ffffff;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    position: relative;
}

.latest-news marquee {
    position: absolute;
    max-width: 916px;
    color: #777777;
    font-size: 16px;
}


/* Latest News End */


/* Slider Area Css Start */


/* corona-dashboard Start*/

.corona-dashboard {
    width: 31%;
    box-shadow: 0px 1px 4px -1px #000;
}

.corona-dashboard h2 {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    background: #609513;
    font-weight: normal;
    font-size: 2rem;
}

.corona-dashboard ul li {
    border-bottom: 1px solid #231f20;
}

.corona-dashboard ul li a {
    display: block;
    position: relative;
    padding-left: 3rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    letter-spacing: 1px;
    font-family: 'Poppins', sans-serif;
    text-transform: capitalize;
    color: #231f20;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
}

.corona-dashboard ul li a:hover {
    color: #609513;
    padding-left: 2.5rem;
}

.corona-dashboard ul li a::before {
    content: '\f0da';
    position: absolute;
    font-family: 'FontAwesome';
    display: block;
    top: 50%;
    left: 8px;
    color: #000;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.slider-area {
    display: flex;
    margin-top: 1rem;
}

.slide-left {
    display: flex;
    width: 67%;
    margin-right: auto;
}

/* .slider-area .slider-item img {
    max-width: 100%;
    height: 300px;
} */
.slider-area .slider-item img {
	max-width: 100%;
	height: 100%;
}

.slider-item {
    z-index: 0;
     height: 500px;  
}

.sale-offer span {
    color: #fff;
    font-size: 2rem;
    text-transform: uppercase;
}

.pro-name h2 {
    color: #fff;
    text-transform: uppercase;
    font-size: 4rem;
    margin-bottom: 6rem;
    margin-top: 1rem;
}

.slide-btn a {
    color: #fff;
    background: #000;
    padding: 1rem;
    text-transform: uppercase;
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
}

.slide-btn a:hover {
    background: #609513;
}

.owl-dot-style .owl-dots {
    bottom: 2.6rem;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
}

.owl-dot-style .owl-dots .owl-dot {
    background: #fff none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 1.4rem;
    margin: 0 .5rem;
    width: 1.4rem;
    border: .2rem solid #333334;
    transition: .3s;
}

.owl-dot-style .owl-dots .owl-dot:hover {
    background: #609513 none repeat scroll 0 0;
}

.owl-dot-style .owl-dots .owl-dot.active {
    background: #609513 none repeat scroll 0 0;
}

.owl-dot-style .owl-nav.disabled {
    position: absolute;
    top: 50%;
    right: 5rem;
    left: 5rem;
    display: flex;
    justify-content: space-between;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.owl-dot-style .owl-nav button.owl-next span,
.owl-dot-style .owl-nav button.owl-prev span {
    font-size: 5rem;
    color: #fff;
    transition: .4s all;
    -webkit-transition: .4s all;
    -moz-transition: .4s all;
    -ms-transition: .4s all;
    -o-transition: .4s all;
}

.owl-dot-style .owl-nav button.owl-next span:hover,
.owl-dot-style .owl-nav button.owl-prev span:hover {
    background: #609513;
    padding: 0 1rem;
}


/* Slider Area Css end */


/* About section Css Start*/

.about-area,
.service-area,
.service-area2 {
    display: flex;
    margin-top: 2rem;
}

.about-content-left,
.service-content-left,
.service-content-left2 {
    width: 67%;
    box-shadow: 0px 1px 4px -1px #000;
    position: relative;
}


/* .service-content-left2{
    width: 100%;
  } */

.service-content-left2 img {
    width: 100%;
}

.hot-line-number {
    position: absolute;
    top: 30px;
    left: 50%;
    transform: translateY(-50%);
    padding: .6rem 1rem;
    background: #fff;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}

.hot-line-number span {
    text-transform: capitalize;
    display: block;
    border-bottom: 2px solid red;
    color: red;
    font-weight: bold;
    letter-spacing: 1px;
}

.about-content-left h3,
.service-content-left h3,
.service-content-left2 h3 {
    padding-left: 3rem;
    background: #609513;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
    font-weight: normal;
}

.about-content-left p,
.service-content-left p {
    margin-top: 1rem;
    margin-bottom: 2rem;
    padding: 1rem;
    overflow: hidden;
    height: 230px;
}

.service-content-left p,
.service-content-left2 p {
    height: 200px
}

.about-all-btn a,
.service-all-btn a {
    text-transform: capitalize;
    font-size: 1.2rem;
    padding: 5px 11px;
    background: #609513;
    color: #fff !important;
}

.about-all-btn a:hover,
.service-all-btn a:hover {
    background: #000;
    text-decoration: underline;
}

.about-all-btn,
.service-all-btn {
    clear: both;
    margin-top: 5rem;
    position: absolute;
    bottom: .3rem;
    right: .3rem;
}

.about-right,
.service-right,
.service-right2 {
    flex-basis: 31%;
    /* display: block; */
    margin-left: auto;
    box-shadow: 0px 1px 4px -1px #000;
}

.service-right,
.service-right2 {
    text-align: center;
    background: none;
    box-shadow: 0px 1px 4px -1px #000;
}

.service-right h3,
.service-right2 h3 {
    background: #609513;
    color: #fff;
    text-transform: uppercase;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
}

.service-right h4,
.service-right h4 {
    text-transform: capitalize;
}

.service-right p,
.service-right p {
    text-transform: capitalize;
}

.service-right {
    position: relative;
    transition: 0.3s ease;
}

.service-right .director_img img {
    width: 100%;
    height: 250px;
    -o-object-fit: cover;
    object-fit: cover;
}

.director_info h5 {
    font-size: 1.6rem;
    font-weight: 600;
}

.service-right .director_info {
    transition: .3s all;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
}

.service-right:hover .director_info {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.director_info {
    position: absolute;
    bottom: 0;
    background: rgba(15, 15, 15, 0.5);
    visibility: hidden;
    width: 100%;
    color: #fff;
    padding: 1rem 0;
    transform: translateY(10px);
    -webkit-transform: translateY(10px);
    -moz-transform: translateY(10px);
    -ms-transform: translateY(10px);
    -o-transform: translateY(10px);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    opacity: 0;
    visibility: hidden;
}


/* About section Css End*/


/* scrolling Notice board start */

.notice-board-area {
    display: flex;
    margin-top: 2rem;
}

.scrolling-notice {
    width: 67%;
}

.notice-board-right-side {
    width: 31%;
    margin-left: auto;
    box-shadow: 0px 1px 4px -1px #000;
}

 :root {
    --marquee-width: 100vw;
    --marquee-height: 5vh;
    /* --marquee-elements: 12; */
    /* defined with JavaScript */
    --marquee-elements-displayed: 500;
    --marquee-element-width: calc(var(--marquee-width) / var(--marquee-elements-displayed));
    --marquee-animation-duration: calc(var(--marquee-elements) * 3s);
}

.scrolling-notice .marquee {
    overflow: hidden;
    position: relative;
    background: #EFEFEF;
    height: 214px !important;
}

.scrolling-notice .bg-color,
.media-news-right .bg-color {
    background: #609513;
    color: #fff;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
}

.marquee-content {
    list-style: none;
    height: 100%;
    display: block;
    -webkit-animation: scrolling var(--marquee-animation-duration) linear infinite;
    animation: scrolling var(--marquee-animation-duration) linear infinite;
}

.marquee-content:hover {
    -webkit-animation-play-state: paused;
    animation-play-state: paused;
}

@-webkit-keyframes scrolling {
    0% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
    100% {
        transform: translateY(calc(-1 * var(--marquee-height) * var(--marquee-elements)));
        -webkit-transform: translateY(calc(-1 * var(--marquee-height) * var(--marquee-elements)));
        -moz-transform: translateY(calc(-1 * var(--marquee-height) * var(--marquee-elements)));
        -ms-transform: translateY(calc(-1 * var(--marquee-height) * var(--marquee-elements)));
        -o-transform: translateY(calc(-1 * var(--marquee-height) * var(--marquee-elements)));
    }
}

@keyframes scrolling {
    0% {
        transform: translateX(0);
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
    }
    100% {
        transform: translateY(calc(-1 * var(--marquee-height) * var(--marquee-elements)));
        -webkit-transform: translateY(calc(-1 * var(--marquee-height) * var(--marquee-elements)));
        -moz-transform: translateY(calc(-1 * var(--marquee-height) * var(--marquee-elements)));
        -ms-transform: translateY(calc(-1 * var(--marquee-height) * var(--marquee-elements)));
        -o-transform: translateY(calc(-1 * var(--marquee-height) * var(--marquee-elements)));
    }
}

.marquee-content li {
    display: block;
    width: 100%;
    flex-shrink: 0;
    width: var(--marquee-element-width);
    max-height: 100%;
    font-size: calc(var(--marquee-height)*3/4);
    /* 5rem; */
    white-space: nowrap;
    font-size: 1.3rem;
    padding: .5rem;
    font-family: 'Open Sans', sans-serif;
    font-weight: normal;
}

.marquee-content li a {
    color: #000;
}

.marquee-content li i {
    margin-right: 1rem;
    margin-left: .5rem;
    color: green;
}

.scrolling-notice h5 {
    padding: 5px;
    font-size: 17px;
    line-height: 24px;
}

.latest-news ul {
    position: absolute;
    top: 0;
}

.latest-news ul li {
    padding-bottom: .1rem;
}

.latest-news ul li a {
    color: #000;
    font-size: 1.4rem;
    padding-left: 10px;
}

.latest-news ul li a i {
    margin-right: 1rem;
    color: green;
}

.scrolling-notice .news-all-btn {
    float: right;
    clear: both;
    margin-top: -2.8rem;
    position: relative;
}

.media-news-right h5 {
    padding: 5px;
    font-size: 17px;
    line-height: 24px;
    text-align: center;
}

.media-img img {
    max-width: 100%;
}


/* .notice-board-right-side{
    text-align: center;
  } */

.notice-board-right-side h3 {
    background: #609513;
    color: #fff;
    text-transform: capitalize;
    font-weight: normal;
    font-family: 'Poppins', sans-serif;
    text-align: center;
}

.content-link ul li {
    padding-top: .3rem;
    padding-bottom: .3rem;
}

.content-link ul li a {
    margin-left: 2rem;
    position: relative;
    color: #666666;
    font-size: 1.5rem;
    padding-top: .5rem;
    padding-bottom: .5rem;
    transition: .1s all;
    -webkit-transition: .1s all;
    -moz-transition: .1s all;
    -ms-transition: .1s all;
    -o-transition: .1s all;
}

.content-link ul li a:hover {
    color: #609513;
    margin-left: 1.8rem;
}

.content-link ul li a::before {
    content: '\f0da';
    position: absolute;
    font-family: 'FontAwesome';
    display: block;
    top: 50%;
    left: -13px;
    color: #000;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}


/* Scrolling Section End CSS */


/* News and event section Start Css */

.news-headline {
    display: flex;
    margin-top: 2rem;
}

.news-title {
    width: 67%;
}

.event-title {
    width: 31%;
    margin-left: auto;
}

.news-headline .news-title h3,
.news-headline .event-title h3 {
    background: #609513;
    padding-left: 1rem;
    color: #fff;
    font-weight: normal;
    text-transform: uppercase;
    font-family: 'Poppins', sans-serif;
}

.news-section {
    display: flex;
    margin-top: 1rem;
    flex-wrap: wrap;
}

.news-area {
    display: flex;
    width: 67%;
    flex-wrap: wrap;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
}

.news-post {
    width: 48%;
    background: #f3f3f3 none repeat scroll 0 0;
    margin-right: auto;
    flex-wrap: wrap;
    display: flex;
    margin-bottom: 2rem;
    justify-content: center;
}

.news-video iframe {
    max-width: 100%;
}

.news-content {
    padding: 1rem;
}

.news-content a h5 {
    color: #294a70;
    font-weight: normal;
    margin: 0 0 15px;
    margin-top: 0px;
    margin-bottom: 15px;
    margin-bottom: 15px;
    font-size: 16px;
    margin-top: .5rem;
}

.news-content a h5:hover {
    color: #6081a7;
}

.news-content a span {
    font-size: 14px;
    color: #294a70;
    margin-bottom: 2rem;
}

.news-content a span::before {
    content: "\f073";
    display: inline-block;
    font-family: 'Fontawesome';
    height: 15px;
    margin-right: 8px;
}

.news-content blockquote {
    color: #666666;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 15px;
    font-family: 'Poppins', sans-serif;
    margin-top: 1rem;
}

.news-content a.read-more {
    font-size: 15px;
    padding: 0;
    color: #294a70;
    text-transform: capitalize;
}

.event-post {
    display: flex;
    width: 31%;
    margin-left: auto;
    height: -webkit-max-content;
    height: -moz-max-content;
    height: max-content;
    padding-bottom: 1rem;
}

.event-item {
    /* position: relative; */
    display: flex;
    flex-wrap: wrap;
}

.event-area {
    display: block;
    background: #f3f3f3 none repeat scroll 0 0;
    margin-bottom: 2rem;
   
}
.event_iq{
    position: relative;
    height: 496px;
    overflow: hidden;
  
}
.event_more_details {
	position: absolute;
	bottom: 20px;
	right: 0;
	background: #609513;
	padding: 0 8px;
	color: #fff;
	border-radius: 5px;
}
.event_more_details:hover{
    color:#fff;
    background: rgb(23, 37, 158);
}

.event-post img {
    width: 100%;
    height: 180px;
    object-fit: cover;
}

.event-content {
    margin-left: .8rem;
}

.event-content a span {
    font-size: 14px;
    color: #294a70;
    font-weight: 500;
    margin-bottom: 2rem;
    font-family: 'Poppins', sans-serif;
}

.event-content a:hover span {
    color: #6081a7
}

.event-content p {
    color: #666666;
    font-size: 14px;
    line-height: 1.5;
    margin: 0 0 15px;
    margin-top: 1rem;
    font-weight: normal;
    margin-top: 1rem;
}


/* News and event section End Css */


/* Footer area section End Css */

#footer {
    background: #294a70;
    margin-top: 1rem;
    padding-bottom: 2rem;
}

.footer-area {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.phone-number h3 {
    margin-bottom: 2rem;
    padding-top: 1rem;
    text-align: center;
    color: #c2c2c2;
    text-transform: uppercase;
    font-weight: normal;
}

.footer-content p {
    color: #fff;
    margin-bottom: 5px;
}


/* Footer area section End Css */


/* Gallery wise Phone Start Css */

.gallery_wise_photo {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

.gallery_wise_photo .gallery_wise_item {
    flex-basis: 22%;
    margin: 0 auto;
    margin-bottom: 2rem;
    padding: 3px;
}

.gallery_wise_photo .gallery_wise_item:hover {
    box-shadow: 10px 10px 74px -15px rgba(0, 0, 0, 0.33);
}

.gallery_wise_photo .gallery_wise_item a img {
    text-align: center;
    width: 100%;
    height: auto;
}


/* Gallery wise Phone End Css */


/* Footer Bottom */

.footer-bottom {
    background-color: #231f20;
    padding: 1rem;
    color: #fff;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-evenly;
    align-items: center;
}

.footer-bottom .footer-content {
    flex-basis: 100%;
    text-align: center;
}

.footer-content span,
.footer-content a {
    font-size: 1.3rem;
}

.footer-content a {
    color: #0D8AF0;
    text-decoration: underline;
}


/* Doctors Profile Page Styling Start Here */


/* Heading title Start */

.iq-section-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #f4f5f7;
    margin-top: 2rem;
    padding: 1rem;
    flex-wrap: wrap;
    flex-direction: row;
}

.iq-section-title h3 {
    text-transform: uppercase;
    color: #000;
    border-bottom: 3px solid #609513;
}

.iq-section .iq-section-title-right-side a {
    text-transform: capitalize;
    color: #000;
}

.iq-section .iq-section-title-right-side a:hover {
    color: #0D8AF0;
}

.iq-section .iq-section-title-right-side span {
    text-transform: capitalize;
}


/* Heading title End */

.table.table-striped.table-bordered {
    width: 89%;
    margin: 0 auto;
    border: 1px solid #000;
    margin-top: 4rem;
    text-align: center;
}

.table-header,
.table-header-noc {
    background: #f4f5f7;
    color: #000;
    text-transform: uppercase;
    font-size: 15px;
    height: 44px;
}


/* .table-striped tbody tr:nth-of-type(2n+1) {
	background-color: rgba(0,0,0,.05);
} */

tbody.tbody-item,
tbody.tbody-item-noc {
    background: #efefef;
}

tbody.tbody-item-noc {
    font-size: 14px;
}

tbody.tbody-item-noc tr {
    height: 60px;
}

.pdf-file-css-style {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    margin-top: 20px;
}

tbody.tbody-item-noc tr td a {
    text-transform: capitalize;
}

tbody.tbody-item tr td img {
    width: 63px;
    height: auto;
    margin-top: 7px;
}


/* Doctors Profile Page Styling End Here */


/* Contact Page Styling Contact Here */

.contact-form {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-direction: row;
    flex-wrap: wrap;
    padding: 2rem;
    margin-top: 2rem;
}

.form-left-side {
    flex-basis: 48%;
}

.form-right-side {
    flex-basis: 48%;
}

.suggestion-box {
    margin: 0 auto;
    flex-basis: 80%;
}

.form-right-side .form-area span {
    display: block;
    text-transform: capitalize;
    margin-bottom: 5px;
    margin-top: 5px;
}

.form-right-side .form-area input,
.form-right-side .form-area textarea {
    width: 100%;
    padding: .5rem;
}

.form-right-side .form-area button {
    background: #609513;
    padding: 1rem 2rem;
    display: block;
    margin-top: 1rem;
    cursor: pointer;
    color: #fff;
    text-transform: uppercase;
}

.form-right-side .form-area button:hover {
    background: #000;
}

.form-left-side ul li {
    display: block;
}

.form-right-side .form-area {
    display: block;
}


/* Contact Page Styling Contact Here */