/* Global CSS
============================== */
/* @import url('https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i');
@import url('https://fonts.googleapis.com/css?family=Anton|Source+Sans+Pro:300,400,600,700'); */
@import 'theme-picker.css';
@import '../fonts/fontawesome-5.15.1-web/css/all.min.css';

/* 
font-family: 'Poppins', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
font-family: 'Anton', sans-serif; */

html {
    overflow-x: hidden;
    position: relative;
    min-height: 100%;
    background: #ffffff;
}

body {
    width: 100%;
    height: 100%;
    background: #f8f9fc;
    font-size: 17px;
    line-height: 24px;
    color: #181818;
    font-family: 'Roboto', sans-serif;
    overflow-x: hidden;

}

p {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    color: #000;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 10px 0;
    font-weight: 600;
    font-family: 'Poppins', sans-serif !important;

}

* {
    outline: 0 !important
}

::-moz-selection {
    background: #009785;
    color: #fff;
    text-shadow: none;
}

::selection {
    background: #009785;
    color: #fff;
    text-shadow: none;
}

.btn,
.btn:focus,
button,
button:focus {
    outline: none !important;
}

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

a:hover {
    outline: 0;
    text-decoration: none !important
}

a:active {
    outline: 0;
    text-decoration: none
}

a:focus {
    outline: 0;
    text-decoration: none
}

@media (min-width: 1200px) {
    .container {
        max-width: 1230px;
    }
}

.main-content {
    min-height: 40rem;
}

.text-primary {
    color: #32a6e8 !important;
}

.text-theme {
    color: #009785 !important;
}

.d-table {
    display: table;
    width: 100%;
    height: 100%;
}

.d-tablecell {
    display: table-cell;
    vertical-align: middle;
}

/* Header CSS
=============================== */

header .emergency-contact {
    background: #009785;
}

header .emergency-contact a {
    color: #ffffff;
    font-size: 14px;
    font-family: Poppins;
}
header .emergency-contact a:hover {
    color: #f4672e;
}


header .emergency-contact ul.list-inline {
    margin: 0;
    padding: 0;
}

header .emergency-contact ul.list-inline li {
    padding-left: 1.5rem
}

header .emergency-contact ul.list-inline li,
header .emergency-contact ul.list-inline li a {
    color: #ffffff;
    font-size: 15px;
}

.header_bg:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background: #f0f8ff78;
    z-index: -1;
}
 .header_bg {
    background: url(../images/doctor-ipad-medications-flopped.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    position: relative;
    z-index: 99;
/*
    background-color: rgba(0,0,0,.5);
    background: radial-gradient(100.88% 100.88% at -2.62% -4.5%, rgba(255, 255, 255, 0.14) 0%, rgba(20, 24, 29, 0.4) 100%), linear-gradient(
180deg, #8D9AA8 0%, #67717C 42.44%, #363B43 98.18%);
*/
}

header .top-header .right-logo .minister img {
    border: 2px solid #ffffff;
    height: 80px;
    width: 80px;
    border-radius: 50%;
    padding: 0;
}

header .top-header .logo .logo-name h1 {
    font-size: 24px !important;
    color: #222222;
}

header .top-header .logo .logo-name h2 {
    color: #222222;
    margin: 0;
    letter-spacing: 0.8px;
    font-size: 20px;
}

header .top-header .right-logo .minister {
    text-align: center;
}

header .top-header .right-logo .minister .minister-info h1 {
    color: #222222;
    font-size: 14px;
    margin: 2px 0 4px;
}

header .top-header .right-logo .minister .minister-info h2 {
    color: #222222;
    font-size: 12px;
    margin: 2px 0 4px;
}

/*
.person_designation {
    font-size: 13px;
}
*/
.web-logo {
	margin-right: 2px;
}

.dept_name{
    color:#18963c;
    font-size:14px;
}

.govt_name{
    color: #b6110c;
    font-size:14px;
}

.person_title {
 font-size:11px;
}
.person_designation {
 font-size:10px;
	color: #000;
	font-weight: 500;
}
@media (max-width: 767px) {
    header .emergency-contact {
        text-align: center;
    }

    header .top-header .logo img {
        width: 80px;
    }

    header .top-header .logo {
        text-align: center;
    }

    header .top-header .logo .logo-name {
        margin: 0;
    }

    header .top-header .logo-name h1 {
        font-size: 18px;
        margin: -10px 0 4px;
    }

    header .top-header .logo-name h2 {
        font-size: 15px;
    }

    header .top-header .right-logo .minister img {
        height: 60px;
        width: 60px;
        border-radius: 50%;
        padding: 0;
    }
}

@media (min-width: 576px) {
    header .top-header .right-logo .minister img {
        height: 80px;
        width: 80px;
        border-radius: 50%;
        padding: 0;
    }

    header .top-header .logo .logo-name {
        margin: 0;
    }
}

@media (max-width: 1024px){
	.main_title {
    font-size: 11px !important;  
   }
	.green-theme {
		font-size:10px;
	}
	.dept_name {
        color:#18963c;
        font-size:16px;
	}
	.person_title {
		font-size:12px;
	}
	.person_designation {
    font-size: 10px;
}
}
@media (min-width: 1200px) {
    .text-help {
        display: none;
    }
}

/* Navbar CSS
================================= */

.navbar-toggler {
    padding: 0.1rem 0.25rem;
}

#navigation.navbar {
    padding-top: 0;
    padding-bottom: 0;
}

#navigation.bg-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, .75);
    /* font-size: 14px; */
}

#navigation.bg-dark {
    background: #009785;
    background: linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -webkit-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -moz-linear-gradient(135deg, #026ebb 0%, #009785 100%);
}

#navigation.bg-dark .navbar-nav .nav-item .nav-link {
    color: #ffffff;
    font-family: 'Poppins', sans-serif;
    text-transform: uppercase;
    font-size: 15px;
    padding: 6px;
}

#navigation .navbar-nav .nav-link {
    position: relative;
    display: inline-block;
    font-size: 13px;
    color: #000;
}

#navigation .navbar-nav .nav-link:hover {
    opacity: 1;
    visibility: visible;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
    color: #fff !important;
	background: #f4672e;
/*    background: rgba(255, 255, 255, 0.3)*/
}

#navigation .navbar-nav .nav-item.active .nav-link {
    color: #ffffff;
    background: rgba(255, 255, 255, 0.3)
}
#navigation .navbar-nav .nav-item .nav-link.active {
    color: #ffffff;
    background: #f4672e;
}

.fixed-top {
    background: #fff;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.1);
}


#navigation .nav-item .dropdown-menu {
    border: none;
    border-radius: 4px;
    -webkit-transition: all .3s linear;
    -ms-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;
}

#navigation .nav-item .dropdown-menu .dropdown-item {
    position: relative;
    padding: 1px 25px;
    color: #181818;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    line-height: 22px;
    white-space: nowrap;
    font-size: 14px;
    text-transform: uppercase;
    -moz-transition: all 0.3s ease-in;
    -o-transition: all 0.3s ease-in;
    -webkit-transition: all 0.3s ease-in;
    transition: all 0.3s ease-in;
	border-bottom:1px solid #ccc;
}

/*
#navigation .nav-item .dropdown-menu .dropdown-item::before {
    display: block;
    margin: -3px 8px 0 0;
    position: absolute;
    top: 50%;
    left: 15px;
    width: 5px;
    height: 5px;
    background: #009785;
    border-radius: 50%;
    content: '';
    opacity: 0;
    transition: opacity .1s ease, left .2s cubic-bezier(.215, .61, .355, 1);
    -webkit-transition: opacity .1s ease, left .2s cubic-bezier(.215, .61, .355, 1);
}
*/

#navigation .nav-item .dropdown-menu .dropdown-item:hover::before {
    left: 10px;
    opacity: 1;
}

#navigation .nav-item .dropdown-menu .dropdown-item:focus,
#navigation .nav-item .dropdown-menu .dropdown-item:hover {
    color: #f4672e;
    background: #f5f5f5;
    text-decoration: none;
}

@media (min-width: 1200px) {
    #navigation .navbar-nav li.dropdown>.dropdown-menu {
        background-color: #fff;
        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        transition: all 0.4s ease;
        -webkit-transform: scaleY(0);
        -moz-transform: scaleY(0);
        -o-transform: scaleY(0);
        -ms-transform: scaleY(0);
        transform: scaleY(0);
        -webkit-transform-origin: 0 0 0;
        -ms-transform-origin: 0 0 0;
        -o-transform-origin: 0 0 0;
        transform-origin: 0 0 0;
        opacity: 0;
        position: absolute;
        left: 0;
        right: auto;
        -moz-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.16);
        -webkit-box-shadow: 0 2px 3px rgba(40, 40, 40, 0.16);
        box-shadow: 0 2px 3px rgba(40, 40, 40, 0.16);
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0px;
        display: block;
    }

    #navigation .navbar-nav li.dropdown>.dropdown-menu {
        padding: 0px 0;
        background-color: #fff;
        margin-top: 0px;
    }

    #navigation .navbar-nav li.dropdown:hover>.dropdown-menu {
        -webkit-transform: scaleY(1);
        -moz-transform: scaleY(1);
        -o-transform: scaleY(1);
        -ms-transform: scaleY(1);
        transform: scaleY(1);
        opacity: 1;
        z-index: 100;
        display: block;
    }
}

@media (max-width: 997px) {
    #navigation .navbar-collapse {
        max-height: 290px;
    }

    #navigation.fixed-top .navbar-collapse {
        max-height: 340px;
    }

    #navigation .navbar-collapse.show {
        overflow-y: auto;
    }
}

@media (max-width: 767px) {
    #navigation .navbar-collapse {
        max-height: 290px;
    }

    #navigation.fixed-top .navbar-collapse {
        max-height: 340px;
    }

    #navigation .navbar-collapse.show {
        overflow-y: auto;
    }
}

@media (max-width: 480px) {
    #navigation .navbar-collapse {
        max-height: 200px;
    }

    #navigation.fixed-top .navbar-collapse {
        max-height: 200px;
    }

    #navigation .navbar-collapse.show {
        overflow-y: auto;
    }
}

@media (max-width: 1199.98px) {
    #navigation.navbar {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }

}

/*--------- MULTI LEVEL DROPDOWN CSS ----------*/

.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100% !important;
    margin-top: 0px;
    margin-left: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
/*
	height: 150px !important;
    overflow-y: scroll;
*/
}

/* width */
.dropdown-submenu>.dropdown-menu::-webkit-scrollbar {
  width: 10px;
}

/* Track */
.dropdown-submenu>.dropdown-menu::-webkit-scrollbar-track {
  background: #f1f1f1;
	border-radius: 0 5px 5px 0;
}
 
/* Handle */
.dropdown-submenu>.dropdown-menu ::-webkit-scrollbar-thumb {
  background: #888; 
}

/* Handle on hover */
.dropdown-submenu>.dropdown-menu::-webkit-scrollbar-thumb:hover {
  background: #555;
	border-radius:5px;
}
.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu.float-left {
    float: none;
}

.dropdown-submenu.float-left>.dropdown-menu {
    left: -100% important;
    margin-left: 10px;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    -ms-border-radius: 0px;
    border-radius: 0px;
}

/* Buttons CSS
================================= */

.btn {
    font-size: 13px;
    font-weight: 500;
    padding: .65rem 1.6rem;
    /* margin: 3px 14px; */
}
.reg-button {
    border-radius: 30px;
    font-size: 22px;
    background: #be1919;
    border: 1px solid #be1919;
}

.btn-rounded {
    border-radius: 40px;
}

.bg-theme {
    color: #222222;
    background: #009785;
    background: linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -webkit-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -moz-linear-gradient(135deg, #026ebb 0%, #009785 100%);
}

.btn-theme {
    color: #222222;
    background: #009785;
    background: linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -webkit-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -moz-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    border-color: #009785;
    border-radius: 25px;
}


.btn-theme:hover,
.btn-theme:focus {
    color: #222222;
    background: #026ebb;
    background: linear-gradient(135deg, #009785 0%, #026ebb 100%);
    background: -webkit-linear-gradient(135deg, #009785 0%, #026ebb 100%);
    background: -moz-linear-gradient(135deg, #009785 0%, #026ebb 100%);
    border-color: #009785;
}

.btn-theme:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 107, 183, .5);
}

.btn-theme:not(:disabled):not(.disabled).active,
.btn-theme:not(:disabled):not(.disabled):active {
    color: #222222;
    background: #026ebb;
    background: linear-gradient(135deg, #009785 0%, #026ebb 100%);
    background: -webkit-linear-gradient(135deg, #009785 0%, #026ebb 100%);
    background: -moz-linear-gradient(135deg, #009785 0%, #026ebb 100%);
    border-color: #026ebb;
}

.btn-outline-theme {
    border: 1px solid #009785;
    border-radius: 23.5px;
    color: #009785;
}

.btn-outline-theme:hover,
.btn-outline-theme:focus {
    color: #222222;
    border-color: #009785;
    background: #009785;
    background: linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -webkit-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -moz-linear-gradient(135deg, #026ebb 0%, #009785 100%);
}

.btn-outline-theme:focus {
    box-shadow: 0 0 0 0.2rem rgba(0, 107, 183, .5);
}

.btn-outline-theme:not(:disabled):not(.disabled).active,
.btn-outline-theme:not(:disabled):not(.disabled):active {
    color: #222222;
    border-color: #009785;
    background: #009785;
    background: linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -webkit-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -moz-linear-gradient(135deg, #026ebb 0%, #009785 100%);
}


a.text-btn {
    display: inline-block;
    text-transform: capitalize;
    color: #161616;
    font-weight: 600;
    -webkit-transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    transition: all .3s ease-in;
        font-family: 'Poppins'
}

a.text-btn .fa-long-arrow-alt-right {
    margin-left: 5px;
    -webkit-transition: all .2s ease-in;
    -o-transition: all .2s ease-in;
    transition: all .2s ease-in;
}

a.text-btn:hover .fa-long-arrow-alt-right {
    margin-left: 15px;
}

/* List CSS
================================= */

ol li::before {
    display: none;
}

.list {
    padding: 0;
    margin: 0;
	position: relative;
}

.list li {
    color: #181818;
    font-size: 17px;
    font-weight: 400;
    padding-bottom: 8px;
    padding-left: 35px;
}
.list li:hover {
    color: #016cb9;
}

.list li::before {
    position: absolute;
    left: 16px;
    font-size: 16px;
    color: #016dba;
    content: "\f058";
    font-family: 'Font Awesome 5 Free';
}

/* .list li a {
    display: block;
    position: relative;
    color: #181818;
    padding-left: 35px;
    margin-bottom: 10px;
} */



ul.list1 {
    margin: 0;
    padding: 0;
}

ul.list1 li {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}

ul.list1 li::before {
    position: absolute;
    content: "\f0a4";
    font-family: 'Font Awesome 5 Free';
    float: right;
    font-size: 16px;
    left: 0px;
    top: 0px;
    animation: blinkingText 0.8s infinite;
    -webkit-animation: blinkingText 0.8s infinite;
}

ul.list1 li a {
    color: #000000;
}

ul.list1 li:hover a {
    color: #009785;
}

@keyframes blinkingText {
    0% {
        color: #000;
    }

    49% {
        color: #ff0000;
    }

    50% {
        color: #0000ff;
    }

    99% {
        color: #ffe600;
    }

    100% {
        color: #32e605;
    }
}

@-webkit-keyframes blinkingText {
    0% {
        color: #000;
    }

    49% {
        color: #ff0000;
    }

    50% {
        color: #0000ff;
    }

    99% {
        color: #ffe600;
    }

    100% {
        color: #32e605;
    }
}


ul.list2 {
    margin: 0;
    padding: 0;
}

ul.list2 li {
    margin-bottom: 10px;
    padding-left: 50px;
    position: relative;
}

ul.list2 li::before {
    position: absolute;
    background: url('../images/new.gif') no-repeat;
    width: 30px;
    height: 12px;
    content: '';
    left: 0px;
    top: 8px;
}

ul.list2 li a {
    color: #000000;
}

ul.list2 li:hover a {
    color: #009785;
}


ul.list3 {
    margin: 0;
    padding: 0;
}

ul.list3 li {
    margin-bottom: 10px;
    padding-left: 30px;
    position: relative;
}

ul.list3 li::before {
    position: absolute;
    content: "\f14a";
    font-family: 'Font Awesome 5 Free';
    float: right;
    font-size: 16px;
    left: 0px;
    top: 0px;
}

ul.list3 li a {
    color: #000000;
}

ul.list3 li:hover a {
    color: #009785;
}

/* Section Title CSS
================================= */
.sec-title {
    position: relative;
}

.sec-title h2 {
    background-clip: text;
    background-image: linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background-image: -webkit-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background-image: -moz-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    color: transparent;
    -webkit-background-clip: text;
    font-size: 30px;
}

.card {
    background-color: #ffffff;
    border: 1px solid #e1e1e1;
    border-radius: 0.15rem;
}

.card .card-header {
    border-bottom: 1px solid #f1f1f1;
}

.card-box:after {
    content: '';
    border-bottom: 3px double #ddd;
    display: block;
    position: relative;
    top: 5px;
}

/*Header
=================================*/
.web-heading h2 {
    color: #0b5183;
}
.designation {
    color: #064f82;
}
.main_title {
	color: #064f82;
	font-size:20px;
}

/* Breadcrumbs CSS
================================= */

.breadcrumbs-section {
    position: relative;
    overflow: hidden;
    z-index: 1;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    width: 100%;
    height: 100%;
}

.breadcrumbs-section::before {
    background: #000000;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.7;
	z-index: -1;
}

.page-title {
    padding: 0;
    max-height: 600px;
    position: relative;
    z-index: 1;
}

.bg-parallax {
    background-attachment: fixed;
}

.page-title .title {
    padding: 80px 0 50px;
}

.page-title .title--heading h1 {
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    line-height: 1.2;
/*    margin-bottom: 0;*/
    text-transform: capitalize;
}

.page-title .breadcrumb,
.page-title .breadcrumb a {
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    background: transparent;
    color: #fff;
}

.page-title .breadcrumb .active {
    color: #f4672e;
}

.page-title .breadcrumb a:hover {
    color: #f4672e;
}

.breadcrumb-item+.breadcrumb-item {
    padding-left: 0;
}

.page-title .breadcrumb-item+.breadcrumb-item::before {
    color: #a5a5a5;
    padding: 0 9px;
}


/* About Us CSS
================================= */

.aboutus-area .vip-pics img {
    box-shadow: 0px 0px 9px 2px #F5F5F5;
}

/* Common section CSS
================================= */

.common-section .icon-block {
    font-size: 40px;
}


/* Gallery (Images And Videos) CSS
===========================================*/


.portfolio-item {
    margin: 0 0 15px;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #f8f8f8;
}

/* .portfolio-item:before {
    position: absolute;
    content: "";
    left: 30px;
    right: 30px;
    height: 15px;
    background-color: #ff8c00;
    bottom: 15px;
} */

.portfolio-item .portfolio-link {
    position: relative;
    display: block;
    margin: 0 auto;
    cursor: pointer
}

.portfolio-item .portfolio-link .portfolio-hover {
    position: absolute;
    width: 100%;
    height: 100%;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
    opacity: 0;
    background: rgb(0, 107, 183, 0.8);
}

.portfolio-item .portfolio-link .portfolio-hover:hover {
    opacity: 1
}

.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content {
    font-size: 20px;
    position: absolute;
    top: 50%;
    width: 100%;
    height: 20px;
    margin-top: -12px;
    text-align: center;
    color: #fff
}

.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content i {
    margin-top: -12px
}

.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h3,
.portfolio-item .portfolio-link .portfolio-hover .portfolio-hover-content h4 {
    margin: 0
}

.portfolio-item .portfolio-caption {
    max-width: 400px;
    margin: 0 auto;
    padding: 10px;
    text-align: center;
    background-color: #fff
}

/*
.portfolio-item img {
    max-width: 400px;
    height: 250px;
    ;
}
*/
.pdf_sec img {
	border: 2px solid #ee8d8073;
    padding: 4px;
    border-radius: 5px;
}

.portfolio-item .portfolio-caption h4 {
    font-size: 15px;
    margin: 0;
    text-transform: none;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.portfolio-item .portfolio-caption p {
    font-size: 16px;
    font-style: italic;
    margin: 0;
}

@media (min-width:767px) {
    .portfolio-item {
        margin: 0 0 30px
    }
}




/* News Scrolling CSS
================================= */

.scrolling-news {
    background: #fff;
    /* padding: 0px; */
    border-radius: 2px;
    position: relative;
    padding-bottom: 0px;
}

.scrolling-news .title {
    color: #000000;
    font-weight: 500;
    position: absolute;
    background: #fdb10f;
    padding: 8px 12px;
    font-size: 14px;
    margin: 0px 0;
    font-family: 'Poppins';
}
.scrolling-news .title:before {
    content: "";
    position: absolute;
    right: -20px;
    bottom: 0;
    width: 0;
    height: 0;
    border-left: 20px solid #fdb10f;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    top: -1px;
    z-index: 1;
}
.scrolling-news .titles {
    color: #fff;
    font-weight: 700;
    position: absolute;
    background: #1a8006;
    padding: 9px 13px;
   right: 0;
}


.scrolling-news a.titles:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-right: 20px solid #1a8006;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent;
    top: -1px;
}
.scrolling-news .news {
    font-weight: 400;
    color: #181818;
    font-family: 'Source Sans Pro', sans-serif;
	margin-left: 159px;
    padding: 7px 0 1px 0;
    margin-bottom: 0;
}

.scrolling-news .news .news-list {
    margin: 0;
    padding: 0;
    padding-top: 1px;
}

.scrolling-news .news .news-list li {
    padding-left: 50px;
    display: inline-block;
    position: relative;
}

.scrolling-news .news .news-list li::before {
    position: absolute;
    background: url('../images/new.gif') no-repeat;
    width: 30px;
    height: 12px;
    content: '';
    left: 15px;
    top: 8px;
}

.scrolling-news .news .news-list li a {
    color: #d80000 !important;
    font-size: 15px;
    font-family: 'Poppins';
}


/* Slider CSS
================================= */

.slider-area {
    position: relative;
    z-index: 1;
}
.single-slider {
    position: relative;
}
/* .single-slider .img:before {
    content: '';
    background: #00000069;
    position: absolute;
    width: 100%;
    height: 100%;
} */

.single-slider::before {
    opacity: 1;
}

.single-slider .img {
    position: relative;
}

/*.single-slider .img::before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.78);
    z-index: 1;
}*/

.single-slider .content {
    left: 0;
    position: absolute;
    right: 0;
    top: 20%;
    z-index: 2;
}

.single-slider .content .intro {
    font-size: 25px;
    font-weight: 700;
    line-height: 25px;
    color: #ffffff;
}

.single-slider .content .intro span {
    font-weight: 300;
}

.slider-area .owl-item.active .single-slider .intro {
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.single-slider .content .title {
    background-clip: text;
    background-image: linear-gradient(135deg, #fff 0%, #fff 100%);
    background-image: -webkit-linear-gradient(135deg, #fff 0%, #fff 100%);
    background-image: -moz-linear-gradient(135deg, #fff 0%, #fff 100%);
    /* background-image: linear-gradient(135deg, #009785 0%, #026ebb 100%);
    background-image: -webkit-linear-gradient(135deg, #009785 0%, #026ebb 100%);
    background-image: -moz-linear-gradient(135deg, #009785 0%, #026ebb 100%); */
    color: transparent;
    -webkit-background-clip: text;
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
}

.slider-area .owl-item.active .single-slider .title {
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.single-slider .content .text {
    color: #ffffff;
    font-size: 16px;
    line-height: 25px;
    font-weight: 300;
}

.slider-area .owl-item.active .single-slider .text {
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.single-slider .content .buttons {
    margin: 45px 0 0;
}

.slider-area .owl-item.active .single-slider .buttons {
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
}

.single-slider .content .buttons .link {
    margin-right: 20px;
}

.slider-area .owl-dots {
    bottom: 80px;
    left: 0;
    position: absolute;
    width: 100%;
    text-align: center;
}

.slider-area .owl-dots .owl-dot {
    background: #9f9ba0;
    display: inline-block;
    height: 8px;
    margin-right: 8px;
    -webkit-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    width: 15px;
    border-radius: 5px;
}

.slider-area .owl-dots .owl-dot.active {
    width: 30px;
    background: #026ebb;
    background: linear-gradient(135deg, #009785 0%, #026ebb 100%);
    background: -webkit-linear-gradient(135deg, #009785 0%, #026ebb 100%);
    background: -moz-linear-gradient(135deg, #009785 0%, #026ebb 100%);
}

.slider-area .owl-nav {
    position: absolute;
    left: 0px;
    top: 50%;
    z-index: 1;
    width: 100%;
    margin-top: -20px;
}

.slider-area .owl-nav .owl-prev {
    position: absolute;
    left: 40px;
    width: 50px;
    height: 50px;
    color: #ffffff;
    line-height: 50px;
    text-align: center;
    font-size: 21px;
    border-radius: 50%;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.slider-area .owl-nav .owl-prev .previous {
    position: relative;
    -webkit-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
    display: inline-block;
}

.slider-area .owl-nav .owl-next {
    position: absolute;
    right: 40px;
    width: 50px;
    height: 50px;
    color: #ffffff;
    font-size: 21px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    display: inline-block;
    background-color: rgba(0, 0, 0, 0.6);
    transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -webkit-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
}

.slider-area .owl-nav .owl-prev:hover,
.slider-area .owl-nav .owl-next:hover {
    color: #ffffff;
    background: #026ebb;
    background: linear-gradient(135deg, #026ebb 0%, #026ebb 100%);
    background: -webkit-linear-gradient(135deg, #026ebb 0%, #026ebb 100%);
    background: -moz-linear-gradient(135deg, #026ebb 0%, #026ebb 100%);
}


/* Ultra Midium Layout: 1600px. */
@media only screen and (min-width: 1368px) and (max-width: 1600px) {}


/* Medium Layout: 1367px. */
@media only screen and (min-width: 1200px) and (max-width: 1367px) {
    .single-slider .content {
        top: 16%;
    }
}

/* Medium Layout: 1280px. */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .single-slider .content {
        top: 15%;
    }

    .single-slider .content .intro {
        font-size: 30px;
        line-height: 30px;
    }

    .single-slider .content .title {
        font-size: 32px;
        line-height: 35px;
    }

    .single-slider .content .buttons {
        margin: 20px 0 0;
    }

    .slider-area .owl-dots {
        bottom: 30px;
    }
}


/* Tablet Layout: 768px. */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .single-slider .content .intro {
        font-size: 20px;
        line-height: 25px;
    }

    .single-slider .content .title {
        font-size: 22px;
        line-height: 25px;
    }

    .single-slider .content .text {
        color: #ffffff;
        font-size: 15px;
        line-height: 25px;
        font-weight: 300;
    }

    .single-slider .content .buttons {
        display: none;
    }

    .slider-area .owl-dots {
        bottom: 10px;
    }

    .single-slider .content .text br {
        display: none;
    }
}


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

/* Wide Mobile Layout: 480px. */
@media only screen and (min-width: 481px) and (max-width: 767px) {
    .single-slider .img {
        height: 300px;
    }

    .single-slider .img img {
        height: 100%;
    }

    .single-slider .content .intro {
        font-size: 18px;
        line-height: 24px;
    }

    .single-slider .content .title {
        font-size: 22px;
        line-height: 25px;
    }

    .single-slider .content .text {
        color: #ffffff;
        font-size: 15px;
        line-height: 22px;
        font-weight: 300;
    }

    .single-slider .content .buttons {
        display: none;
    }

    .slider-area .owl-dots {
        bottom: 10px;
    }

    .single-slider .content .text br {
        display: none;
    }
}

/* Small Mobile Layout: 480px. */
@media only screen and (min-width: 240px) and (max-width: 480px) {
    .single-slider .img {
        height: 200px;
    }

    .single-slider .img img {
        height: 100%;
    }

    .single-slider .content .intro {
        font-size: 14px;
        line-height: 20px;
    }

    .single-slider .content .title {
        font-size: 20px;
        line-height: 25px;
    }

    .single-slider .content .text {
        color: #ffffff;
        font-size: 14px;
        line-height: 18px;
        font-weight: 300;
    }

    .single-slider .content .buttons {
        display: none;
    }

    .single-slider .content .text {
        display: block;
    }

    .slider-area .owl-dots {
        bottom: 10px;
    }
}

/*big from small mobile, small from wide mobile*/
@media only screen and (min-width: 320px) and (max-width: 480px) {
    .single-slider .img {
        height: 340px;
    }

    .single-slider .img img {
        height: 100%;
        height: 340px!important;
    }
    .projectPartners-section {
        position: relative;
        background: #f8ffff;
        padding: 45px 0px!important;
        background-image: url(../images/line_shape.png);
        background-repeat: no-repeat;
    }
    .about-section {
        padding: 1px 0;
        position: relative;
        background: #f2f9ff;
        background-image: url(../images/gallery_bg.jpg);
    }
    .color-block-bottom {
        background: #fff;
        padding: 10px 20px;
        height: 205px!important;
    }
    .gallery {
        position: relative;
        background: #fff;
        padding: 35px 0px!important;
        background-image: url(../images/gallery_bg.jpg);
        background-repeat: no-repeat;
    }
    h4 {
        font-size: calc(1.075rem + .1vw)!important;
    }
    p {
        font-family: 'Poppins', sans-serif;
        font-size: 14px;
        color: #000;
    }
    p {
        margin-top: 0;
        margin-bottom: 0.5rem;
    }
    .h5, h5 {
        font-size: 1.2rem;
    }
    .call-action .call-inner h2 {
        font-size: 25px!important;
        line-height: 35px;
        color: #fff;
        margin-bottom: 15px;
        font-weight: 700;
    }
    .call-action .call-inner p {
        color: #fff;
        font-size: 14px!important;
    }
    .footer .footer-top .quick-links li a {
        display: block;
        position: relative;
        color: #fff;
        padding-left: 25px;
        margin-bottom: 5px;
        font-family: Poppins;
        font-size: 14px;
    }
    .footer .footer-top .footer-title {
        font-size: 18px;
        font-weight: 700;
        display: block;
        color: #ffcc00;
        text-transform: uppercase;
        margin: 10px 0 20px;
        /* padding-left: 30px; */
        position: relative;
    }
    .color-block {
        color: #fff;
        border-radius: 2px 2px 0 0;
        padding: 30px 25px 30px;
        height: 70px;
        /* margin-top: 75px; */
        position: relative;
        align-items: center;
        display: flex;
        justify-content: center;
    }
    a.text-btn {
        display: inline-block;
        text-transform: capitalize;
        color: #161616;
        font-weight: 600;
        -webkit-transition: all .3s ease-in;
        -o-transition: all .3s ease-in;
        transition: all .3s ease-in;
        font-family: 'Poppins';
        font-size: 14px!important;
    }

    .single-slider .content .intro {
        font-size: 14px;
        line-height: 20px;
    }

    .single-slider .content .title {
        font-size: 14px;
        line-height: 20px;
    }

    .single-slider .content .text {
        color: #ffffff;
        font-size: 13px;
        line-height: 16px;
        font-weight: 300;
    }

    .single-slider .content .buttons {
        display: none;
    }

    .single-slider .content .text {
        display: block;
    }

    .single-slider .content .text br {
        display: none;
    }

    .slider-area .owl-dots {
        bottom: 10px;
    }
}

/* About us CSS
===================================================*/

.about-section {
    padding: 40px 0;
    position: relative;
    background: #f2f9ff;
    background-image: url("../images/gallery_bg.jpg");
}

.about-section .about-company p {
    margin: 0;
    display: block;
    display: -webkit-box;
    max-width: 100%;
    height: 28px;
    margin: 0 auto;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    box-orient: vertical;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.tab-card {
    border: 1px solid #eee;
    border: none;
}

.tab-card .tab-card-header {
    background: none;
    padding: 0;
}

/* Default mode */
.tab-card-header>.nav-tabs {
    border: none;
    margin: 0px;
}

.tab-card-header>.nav-tabs>li {
    margin-right: 2px;
}

.tab-card-header>.nav-tabs>li>a {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 20px;
    border: 0;
    border-bottom: 2px solid transparent;
    margin-right: 0;
    color: #737373;
    padding: 20px 0 20px;
}

.tab-card-header>.nav-tabs>li>a.active,
.tab-card-header>.nav-tabs>li>a.show {
    border-bottom: 2px solid #009785;
    color: #009785;
    padding: 20px 0 20px;
}

.tab-card-header>.nav-tabs>li>a:hover {
    color: #009785;
}

.tab-card-header>.tab-content {
    padding-bottom: 0;
}


/* Project Partners and Components CSS
===================================================*/

.projectPartners-section {
    position: relative;
    background: #f8ffff;
    padding: 80px 0px;
    background-image: url("../images/line_shape.png");
    background-repeat: no-repeat;
}

.projectPartners .singel-projectPartners {
    margin-bottom: 20px;
    color: #333333;
}

.projectPartners .singel-projectPartners:hover {
    color: #009785;
}

.projectPartners .singel-projectPartners .icon img {
    width: 41px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.22);
}

.projectPartners .singel-projectPartners .content h6 {
    font-weight: 600;
    font-size: 14px;
}

/* .projectPartners-section .card {
    background: transparent;
    box-shadow: none;
} */

.projectPartners-section .nav-tabs .nav-item.show .nav-link,
.projectPartners-section .nav-tabs .nav-link.active {
    color: #495057;
    background-color: transparent;
    border-color: #dee2e6 #dee2e6 #fff;
}

.projectPartners-section .tab-card-header>.nav-tabs>li>a.active,
.projectPartners-section .tab-card-header>.nav-tabs>li>a.show {
    border-bottom: 2px solid #009785;
    color: #009785;
    padding: 20px 0 20px;
}
.projectPartners .partner_item a {

    padding: 10px 10px;
    border-bottom: 1px solid #e9ecf6;
    margin-bottom: 0 !important;
}

.projectPartners .partner_item .icon {
    margin-top:10px;
}

.projectPartners .partner_item a:hover {
    background: #f8f9fc;
}

/*  */
.tenders h6{
    font-weight: 600;
    font-size: 14px;
    color: #333;
}

/*  */
#components-content .card {
    border: none;
}

#components-content .card-header {
    background-color: transparent;
    border-bottom: 0;
    border-radius: 4px !important;
    cursor: pointer;
}

#components-content .card {
    background: #009785;
    background: linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -webkit-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -moz-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    -webkit-box-shadow: 0px 0px 35px 0px rgba(232, 232, 232, 0.66);
    -moz-box-shadow: 0px 0px 35px 0px rgba(232, 232, 232, 0.66);
    box-shadow: 0px 0px 35px 0px rgba(232, 232, 232, 0.66);
    border-radius: 5px;
}

#components-content .card-header.collapsed {
    background: #ffffff;
}

#components-content .card-header.collapsed .card-title {
    color: #061538;
}

#components-content .card-header .card-title {
    font-size: 16px;
    color: #ffffff;
    font-weight: 600;
    display: inline-block;
    margin-bottom: 0;
}

#components-content .card-header:first-child {
    border-radius: 0;
}

#components-content .card-header:after {
    font-family: 'Font Awesome 5 Free';
    content: "\f35b";
    float: right;
    font-size: 18px;
    color: #ffffff;
}

#components-content .card-header.collapsed:after {
    content: "\f358";
    font-size: 18px;
    color: #061538;
}

#components-content .card-body {
    padding: 0 25px 25px 20px;
    color: #ffffff
}

/* Important Points CSS
================================= */

.important-points {
    background: #ffffff;
    position: relative;
    padding: 60px 0;
}


.important-points .award {
    position: relative;
}


.important-links .singel-links {
    margin-bottom: 19px;
    color: #333333;
}

.important-links .singel-links:hover {
    color: #009785;
}

.important-links .singel-links .icon img {
    width: 44px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.22);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.22);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.22);
}

.important-links .singel-links .content h6 {
    font-weight: 600;
    font-size: 14px;
}


.important-points .award {
    position: relative;
}

.important-links .card-content{
    height: 408px !important;
    overflow-y: scroll;

}

.important-links .imp_link-items a {
    border-bottom: 1px solid #e9ecf6 !important;
    padding: 10px;
	margin-bottom: 0;
}


.important-links .imp_link-items a:hover {
    background: #f8f9fc;
}

/* custom scroll  */

 /* width */
 .important-links .card-content::-webkit-scrollbar {
    width: 5px;
  }
  
  /* Track */
  .important-links .card-content::-webkit-scrollbar-track {
    background: #f1f1f1; 
  }
   
  /* Handle */
  .important-links .card-content::-webkit-scrollbar-thumb {
    background: #888; 
  }
  
  /* Handle on hover */
  .important-links .card-content::-webkit-scrollbar-thumb:hover {
    background: #555; 
  }



/* Contact Us CSS
================================= */

.contact-form {
    /* background-image: url("../images/newslatter.jpg");
    background-position: center center;
    background-size: cover;
    background-attachment: fixed; */
/*    padding: 90px 0 260px;*/
    position: relative;
}

/* .contact-form::before {
    background: #000000;
    bottom: 0;
    content: "";
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    opacity: 0.8;
} */

.contact-form .address {
    padding: 0;
    margin: 0;
}

.contact-form .address li {
    list-style: none;
    line-height: 25px;
}


.contact-form .address li a {
    display: block;
    position: relative;
    color: #333333;
    padding-left: 35px;
    margin-bottom: 10px;
}

.contact-form .address li i {
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 18px;
    color: #333333;
    width: 25px;
    height: 25px;
    text-align: center;
    margin-right: 10px;
}


/* Google map CSS
================================= */
.google-map-area {
    padding-bottom: 50px;
}

.google-map-area .google-container {
/*    margin-top: -140px;*/
    box-shadow: 0px 2px 30px rgba(0, 0, 0, 0.07);
    background: #fff;
    position: relative;
    z-index: 2;
    border-radius: 10px;
    padding: 6px;
    overflow: hidden;
}

/* Newletter CSS
================================= */

.newsletter-section {
    background: #ffffff;
    background-image: url('../images/divider-bg.png');
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    padding: 120px 0 !important;
    position: relative;
}

.newsletter-section {
    padding: 50px 0;
}

.inner .input-box input[type="text"] {
    background-color: transparent;
    border: medium none;
    color: #009785;
    display: block;
    font-size: 14px;
    font-weight: 400;
    height: 50px;
    padding: 0 15px;
    transition: all 500ms ease 0s;
    -webkit-transition: all 500ms ease 0s;
    width: 100%;
}

.inner .input-box input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #009785;
    opacity: 1;
    /* Firefox */
}

.inner .input-box input:-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #009785;
}

.inner .input-box input::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #009785;
}

.inner .input-box {
    border-bottom: 1px solid #009785;
}

@media (max-width: 767px) {
    .newsletter-section .button {
        margin-top: 15px;
        text-align: center !important;
    }
}

.subscrib-btn {
    border: 1px solid #009785;
    border-radius: 25px;
    color: #009785;
    font-weight: 600;
    padding: 13px 32px;
    text-transform: uppercase;
    transition: all 500ms ease 0s;
}

.subscrib-btn:hover {
    background: #009785;
    background: linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -webkit-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -moz-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    border: 1px solid #009785;
    color: #ffffff;
}


/* notifications CSS
================================= */

.notifications-block {
    padding: 80px 0;
    position: relative;
    background: #fff;
}

.notifications-block .single {
    margin-left: 25px;
    margin-right: 25px;
}

.notifications:hover:before {
    content: "";
    width: 60px;
    height: 60px;
    border: 1px solid #009785;
    position: absolute;
    top: 20px;
    left: 5px;
    z-index: 1;
}

.notifications:before {
    content: "";
    width: 60px;
    height: 60px;
    border: 1px solid #16111f;
    position: absolute;
    border-radius: 4px;
    top: 20px;
    left: 5px;
    z-index: 1;
}

.notifications:hover .notifications-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #009785;
    background: linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -webkit-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -moz-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    font-size: 30px;
    color: #fff;
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 1;
}

.notifications .notifications-icon {
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    background: #16111f;
    background: linear-gradient(135deg, #211831 0%, #16111f 100%);
    background: -webkit-linear-gradient(135deg, #211831 0%, #16111f 100%);
    background: -moz-linear-gradient(135deg, #211831 0%, #16111f 100%);
    font-size: 30px;
    border-radius: 4px;
    color: #fff;
    position: absolute;
    top: 15px;
    left: 0;
    z-index: 1;
}

.notifications .notifications-content {
    padding: 30px;
    border-width: 1px;
    border-style: solid;
    /* border-color: #f8f9fc #f8f9fc #009785; */
    border-color: rgb(22, 17, 31, .2);
    position: relative;
    transition: all 0.4s ease-in-out 0s;
}

.notifications:hover .notifications-content {
    background: #f8f9fc;
    border-color: #ffffff;
}

.notifications .title {
    font-size: 18px;
    font-weight: 600;
    color: #16111f;
    padding-left: 30px;
    margin-bottom: 35px;
    text-transform: capitalize;
    transition: all 0.4s ease-in-out 0s;
}

.notifications:hover .title {
    color: #009785;
}

.notifications .description {
    color: #333333;
    margin: 0;
}

.notifications:hover .read-more {
    display: inline-block;
    width: 32px;
    height: 30px;
    line-height: 30px;
    background: #009785;
    background: linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -webkit-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -moz-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    font-size: 20px;
    font-weight: 900;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: -1px;
    text-align: center;
    transition: all 0.4s ease-in-out 0s;
}

.notifications .read-more {
    display: inline-block;
    width: 32px;
    height: 30px;
    line-height: 30px;
    background: #16111f;
    background: linear-gradient(135deg, #211831 0%, #16111f 100%);
    background: -webkit-linear-gradient(135deg, #211831 0%, #16111f 100%);
    background: -moz-linear-gradient(135deg, #211831 0%, #16111f 100%);
    font-size: 20px;
    font-weight: 900;
    color: #fff;
    position: absolute;
    bottom: 0;
    right: -1px;
    text-align: center;
    transition: all 0.4s ease-in-out 0s;
}

@media only screen and (max-width:990px) {
    .notifications {
        margin-bottom: 50px;
    }
}

/* Footer CSS
================================= */

.footer {
    color: #fff;
/*    background-color: #16111f;*/
/*	background: url(../images/pattern.png) repeat, #02121e;*/
background: -webkit-linear-gradient(135deg, #026ebb 0%, #009785 100%);
}

.footer .footer-top {
    padding: 30px 0;
}

.footer .footer-top .footer-title {
    color: #ffcc00;
    margin-bottom: 25px;
}

.footer .footer-top .footer-title {
    font-size: 20px;
    font-weight: 700;
    display: block;
    color:#ffcc00;
    text-transform: uppercase;
    margin: 10px 0 20px;
    /* padding-left: 30px; */
    position: relative;
}

/* .footer .footer-top .footer-title:before,
.footer .footer-top .footer-title:after {
    top: 0;
    bottom: 0;
    content: '';
    position: absolute;
    background: #009785;
    background: linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -webkit-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -moz-linear-gradient(135deg, #026ebb 0%, #009785 100%);
}

.footer .footer-top .footer-title:before {
    left: 5px;
    width: 10px;
}

.footer .footer-top .footer-title:after {
    left: 0;
    width: 2px;
} */

.footer .footer-top .social-links>ul {
    padding: 0;
    margin: 0;
}

.footer .footer-top .social-links>ul>li {
    width: 40px;
    height: 40px;
    margin-right: 8px;
    display: inline-block;
}

.footer .footer-top .social-links>ul>li>a:before {
    top: 0px;
    left: 0px;
    opacity: 0;
    right: 0px;
    bottom: 0px;
    z-index: -1;
    content: '';
    position: absolute;
    border-radius: 100%;
    transform: scale(.5);
    background-color: #009785;
    transition: all .3s ease-in-out;
}

.footer .footer-top .social-links>ul>li>a {
    z-index: 1;
    width: 100%;
    height: 100%;
    color: #009785;
    display: block;
    font-size: 18px;
    overflow: hidden;
    line-height: 40px;
    text-align: center;
    position: relative;
    border-radius: 100%;
    background-color: #ffffff;

}

.footer .footer-top .social-links>ul>li>a:hover {
    color: #ffffff;
    background: #009785;
    background: linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -webkit-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -moz-linear-gradient(135deg, #026ebb 0%, #009785 100%);
}

.footer .footer-top .quick-links,
.footer .footer-top .address {
    margin: 0;
    padding: 0;
}

.footer .footer-top .quick-links {
    display: inline-block;
}

.footer .footer-top .quick-links li {
    list-style: none;
    line-height: 25px;
    float: left;
    width: 100%;
}

.footer .footer-top .address li {
    list-style: none;
    line-height: 25px;
}

.footer .footer-top .quick-links li a {
    display: block;
    position: relative;
    color: #fff;
    padding-left: 25px;
    margin-bottom: 5px;
    font-family: Poppins;
}

.footer .footer-top .quick-links li a::before {
    content: "\f0dd";
    position: absolute;
    left: -6px;
    top: 5px;
    line-height: 15px;
    font-size: 16px;
    font-family: 'Font Awesome 5 Free';
    font-style: normal;
    font-weight: 900;
    color: #fff;
    transform: rotate(-90deg);
    transform: -webkit-rotate(-90deg);
    transition: all 500ms ease;
    transition: -webkit-all 500ms ease;
}

.footer .footer-top .address li a {
    display: block;
    position: relative;
    color: #fff;
    padding-left: 35px;
    margin-bottom: 10px;
}

.footer .footer-top .address li i {
    position: absolute;
    left: 0;
    top: 4px;
    font-size: 18px;
    color: #fff;
    width: 25px;
    height: 25px;
    text-align: center;
    margin-right: 10px;
}

.footer .footer-bottom p {
    padding: 10px 0;
    margin: 0;
}

.footer .footer-bottom p a {
    color: #fff;
}

.footer .footer-top .quick-links li a:hover,
.footer .footer-top .quick-links li a:hover::before,
.footer .footer-bottom p a:hover {
    color: #fdcc00;
}


.footer .footer-bottom {
    position: relative;
    padding: 20px 0px 5px;
    border-top: 1px dashed #3e3e3e;
    text-align: center;
    background: #16111f;
}

.footer .footer-bottom p {
    line-height: 30px;
    color: #cccccc;
    font-size: 15px;
    font-weight: 400;
}

.footer .footer-bottom p a:hover {
    text-decoration: underline;
}

.footer .footer-bottom ul li {
    display: inline-block;
    padding: 0px 20px;
    border-right: 1px solid rgba(255, 255, 255, 0.32);
}

.footer .footer-bottom ul li:last-child {
    border: 0px;
    padding-right: 0px;
}

.footer .footer-bottom ul li a {
    font-size: 16px;
    color: #ccc;
}


.footer .visitor-counter span {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    color: #ffffff;
    background: #009785;
    background: linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -webkit-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -moz-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    margin-right: -2px;
}

.footer .visitor-counter .center {
    text-align: center;
    width: 48%;
}

/* Back to Top CSS
================================= */

.back-to-top {
    z-index: 999;
    position: fixed;
    position: fixed;
    bottom: 65px;
    right: 15px;
    border-radius: 25px;
    background: #009785;
    background: linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -webkit-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    background: -moz-linear-gradient(135deg, #026ebb 0%, #009785 100%);
    font-size: 14px;
    width: 50px;
    height: 50px;
    text-align: center;
    cursor: pointer;
    box-shadow: -2px 2px 4px rgba(0, 0, 0, 0.2);
}

.back-to-top i {
    color: #fff;
    font-size: 25px;
    display: block;
    line-height: 48px;
}

/* Emergency Updates CSS
================================= */
.emergency-updates .emergency-slider .single-item .card.shadow {
    box-shadow: 0rem 0.2rem 1rem rgba(0, 0, 0, .15) !important
}

.emergency-updates {
    padding: 50px 0;
    position: relative;
    background: #ffffff;
}

.emergency-updates .emergency-slider.owl-carousel .owl-item {
    margin-bottom: 50px;
}

.emergency-updates .emergency-slider .single-item .card .card-text {
    font-size: 18px;
}

/* Emergency Timeline CSS 
=========================================*/

ul.timeline {
    list-style-type: none;
    position: relative;
}

ul.timeline:before {
    content: ' ';
    background: #d4d9df;
    display: inline-block;
    position: absolute;
    left: 29px;
    width: 2px;
    height: 100%;
    z-index: 400;
}

ul.timeline>li {
    margin: 20px 0;
    padding-left: 20px;
}

ul.timeline>li:before {
    content: ' ';
    background: white;
    display: inline-block;
    position: absolute;
    border-radius: 50%;
    border: 3px solid #009785;
    left: 20px;
    width: 20px;
    height: 20px;
    z-index: 400;
}
ul.timeline>li a {
   color: #009785;
}


/* Gallery Updates CSS
================================= */
/*
.gallery-updates .gallery-slider .single-item .card.shadow {
    box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15) !important;
}
*/
.gallery {
    position: relative;
    background: #fff;
    padding: 80px 0px;
    background-image: url("../images/gallery_bg.jpg");
    background-repeat: no-repeat;
}

.gallery-updates {
    background: #f8f8f8;
    padding: 60px 0;
    position: relative;
}

/*
.gallery-updates .gallery-slider.owl-carousel .owl-item {
    margin-bottom: 50px;
}
*/

.gallery-slider.owl-carousel img {
    height: 190px;
}
/*Components
===================================*/
.serviceBox_1 .fr_content p{
/* text-align:justify !important; */
padding:5px 5px 5px 5px;
margin-top:-15px;
font-size:13px;
color:#fff;
/* margin-bottom: 0px; */
line-height: 18px;
min-height: 82px;
}

.icon_service {
    display: block;
    position: relative;
    margin-bottom: 10px;
}
.icon_service i {
    display: inline-block;
    font-size: 20px;
	line-height: 23px;
    height: 24px;  
	  width: 24px;
    text-align: center;
    background: #276aaa;
    color: #fff;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
.icon_service > h3 {
    display: inline-block;
    font-size: 20px;
    font-weight: 600;
    /* margin-left: 1%; */
    position: relative;
    margin-top: 0;
}
.div {
  padding: 8px 8px 8px  8px;
  background-color: #df771a;
  /* width: 280px; */
  height:160px;
  border: 2px solid #df771a;
  padding: 0px;
  margin: 2px;
   /* border-radius: 15px 50px 30px 5px ; */
   border-radius:10px;
}
.imgBox { 
/* width: 280px; */
height:160px;
display: inline-block;
overflow: hidden !important;
transition: .1s ease-in-out;
z-index: 10000;
}


/* .imgBox:hover {
color:#000;
filter: alpha(opacity=30);
transform: scale(1.3);
z-index: 10000;
width: 280px;
height:160px;
} */
.div1 {
  padding: 8px 8px 8px  8px;
  background-color: #cf246c;
  /* width: 280px; */
  height:160px;
  border: 2px solid #cf246c;
  padding: 0px;
  margin: 2px;
   /* border-radius: 15px 50px 30px 5px ; */
   border-radius:10px;
}

.imgBox2 {
/* width: 280px; */
height:160px;
display: inline-block;
overflow: hidden !important;
transition: .1s ease-in-out;
/*background:#cf246c;*/

}
/* .imgBox2:hover {
color:#000;
filter: alpha(opacity=30);
transform: scale(1.3);
z-index: 1;
width: 280px;
height:160px;
} */

.div2 {
  padding: 8px 8px 8px  8px;
  background-color: #845f52;
  /* width: 280px; */
  height:160px;
  border: 2px solid #845f52;
  padding: 0px;
  margin: 2px;
   /* border-radius: 15px 50px 30px 5px ; */
   border-radius:10px;
}

.imgBox3 {
 width: 280px; 
height:160px;
display: inline-block;
overflow: hidden !important;
transition: .1s ease-in-out;
/*background:#cf246c;*/

}
/* .imgBox3:hover {
color:#000;
filter: alpha(opacity=30);
transform: scale(1.3);
z-index: 1;
width: 280px;
height:160px;
} */

.div3 {
  padding: 8px 8px 8px  8px;
  background-color: #27b4ba;
  /* width: 280px; */
  height:160px;
  border: 2px solid #27b4ba;
  padding: 0px;
  margin: 2px;
   /* border-radius: 15px 50px 30px 5px ; */
   border-radius:10px;
}

.imgBox4 {
/* width: 280px; */
height:160px;
display: inline-block;
overflow: hidden !important;
transition: .1s ease-in-out;
/*background:#cf246c;*/

}
/* .imgBox4:hover {
color:#000;
filter: alpha(opacity=30);
transform: scale(1.3);
z-index: 1;
width: 280px;
height:160px;
} */
.div4 {
  padding: 8px 8px 8px  8px;
  background-color: #71a330;
  /* width: 280px; */
  height:160px;
  border: 2px solid #71a330;
  padding: 0px;
  margin: 2px;
   /* border-radius: 15px 50px 30px 5px ; */
   border-radius:10px;
}

.imgBox5 {
/* width: 280px; */
height:160px;
display: inline-block;
overflow: hidden !important;
transition: .1s ease-in-out;
/*background:#cf246c;*/

}
/* .imgBox5:hover {
color:#000;
filter: alpha(opacity=30);
transform: scale(1.3);
z-index: 1;
width: 280px;
height:160px;
} */

.div5 {
  padding: 8px 8px 8px  8px;
  background-color: #e89f1e;
  /* width: 280px; */
  height:160px;
  border: 2px solid #e89f1e;
  padding: 0px;
  margin: 2px;
   /* border-radius: 15px 50px 30px 5px ; */
   border-radius:10px;
}

.imgBox6 {
/* width: 280px; */
height:160px;
display: inline-block;
overflow: hidden !important;
transition: .1s ease-in-out;
/*background:#cf246c;*/

}
/* .imgBox6:hover {
color:#000;
filter: alpha(opacity=30);
transform: scale(1.3);
z-index: 1;
width: 280px;
height:160px;
} */
.card-bg {
    height: 160px;
}


/*Alert Systems
=======================*/
.event-box {
    float: left;
    width: 100%;
    /* -webkit-box-shadow: 0 0 76px rgb(0 0 0 / 20%);
    -ms-box-shadow: 0 0 76px rgba(0,0,0,0.2);
    -o-box-shadow: 0 0 76px rgba(0,0,0,0.2);
    box-shadow: 0 0 76px rgb(0 0 0 / 20%); */
}

.event-thumb {
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    text-align: center;
    overflow: hidden;
    position: relative;
    width: 100%;
}
.event-info{
    display: block;
    text-align: center;
}
.event-thumb > a:before, .post-thumb > a:before, .about-post-thumb > a:before, .event-box2 > a:before, .gallery-box > a:before, .mini-post-box > a:before, .team-thumb > a:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #000;
    opacity: 0;
}
/* .event-thumb img, .post-thumb img, .about-post-thumb img, .event-box2 img, .gallery-box img, .mini-post-box > a img, .team-thumb img {
    width: 100%;
} */
 .post-thumb img, .about-post-thumb img, .event-box2 img, .gallery-box img, .mini-post-box > a img, .team-thumb img {
    width: 100%;
}
.brd-rd5 {
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

/* Floating Social Media Bar Style Starts Here */

.fl-fl {
    text-transform: uppercase;
    letter-spacing: 3px;
    padding: 4px;
    width: 190px;
    position: fixed;
    right: -147px;
    z-index: 1000;
    font: normal normal 10px Arial;
    -webkit-transition: all .25s ease;
    -moz-transition: all .25s ease;
    -ms-transition: all .25s ease;
    -o-transition: all .25s ease;
    transition: all .25s ease;
}

.fl-fl .fab {
    font-size: 20px;
    color: #fff;
    margin: 10px;
}

.fl-fl:hover {
    right: 0;
}

.fl-fl a {
    color: #fff !important;
    text-decoration: none;
    text-align: center;
    line-height: 43px !important;
    vertical-align: top !important;
    font-weight: 600;
}

.fl-fl a:first-child {
    line-height: 0 !important;
}

.float-fb {
    top: 226px;
    background: #1b4bb0;
}

.float-fb span {
    color: #fff;
    position: relative;
    top: -2px;
    font-weight: 600;
}

.float-tw {
    top: 277px;
    background: #1da1f2;
}

.float-tw span {
    color: #fff;
    position: relative;
    top: -2px;
    font-weight: 600;
}

.float-youtube {
    top: 328px;
    background: #dd2c00;
}

.float-youtube span {
    color: #fff;
    position: relative;
    top: -2px;
    font-weight: 600;
}


.float-gp {
    top: 270px;
}

.float-rs {
    top: 325px;
}

.float-ig {
    top: 380px;
}

.float-pn {
    top: 435px;
}

/* Floating Social Media Bar Style Ends Here */
.reports .card {
	margin-bottom: 10px;
}
/* .reports a {
	color: #ffc22b !important;
} */
.card .block-1:before {
    content: "\f0c2";
}
.card .block-2:before {
    content: "\f0c0";
}
.card .block-3:before {
    content: "\f21d";
}

.card .block-4:before {
    content: "\f095";
}
.card .block-5:before {
    content: "\f05e";
}
.card .card-block:before {
    font-family: 'Font Awesome 5 Free';
    position: absolute;
    font-size: 39px;
    color: #ffc22b;
    left: 16px;
    -webkit-transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
	font-weight: 900;
	top:25px;
}
.card .card-block {
    padding-left: 10px;
    position: relative;
}
.card-title {
    font-size: 16px;
    margin-top: 16px;
    margin-bottom: 0.75rem;
	color: #000;
}
.card-title h3 {
    font-size: 25px;
}
.spacing .event-box {
    margin-bottom: 15px !important;
}
.remove-ext7 {
    margin-bottom: -50px;
}
.event-box {
    float: left;
    width: 100%;
    -webkit-box-shadow: 0 0 76px rgb(0 0 0 / 20%);
    -ms-box-shadow: 0 0 76px rgba(0,0,0,0.2);
    -o-box-shadow: 0 0 76px rgba(0,0,0,0.2);
    box-shadow: 0 0 76px rgb(0 0 0 / 20%);
}

.event-thumb {
    -webkit-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
    text-align: center;
    overflow: hidden;
    position: relative;
    width: 100%;
    height: 100px;
}
.event-info{
    display: block;
    text-align: center;
}


/*Points*/
.points .card-img {
    position: relative;
}
.points-list {
    margin-left: 35px;
}


.points .rt-arrow {
    position: absolute;
    left: -36px;
    top: 8px;
    width: 20px;
}
.text-violet {
   
	color: #a52bd6;
}

.text-orange {
    color: #d46221;
}

.text-pink {
    color: #b11873;
}

.text-blue {
    color: #086677;
}
.text-yellow-hover:hover {
   
	color: #fab005;
}
.text-violet-hover:hover {
   
	color: #a52bd6;
}
.text-lblue-hover:hover {
   
	color: #31c4f3;
}
.text-dblue-hover:hover {
   
	color: #004387;
}

.text-orange-hover:hover {
    color: #d46221;
}

.text-pink-hover:hover {
    color: #b11873;
}

.text-blue-hover:hover {
    color: #086677;
}
.text-green-hover:hover {
    color: #11e29a;
}

.justify {
	text-align:justify;
}
.read:hover {
    color: #fecb05;
}

 /*Componets
--------------------------------------------*/

/* cards */
.color-block-wrapper {
    margin-top: 40px;
    -webkit-box-shadow: 0px 15px 30px 0px rgba(124, 124, 124, 0.15);
    -moz-box-shadow: 0px 15px 30px 0px rgba(124, 124, 124, 0.15);
    box-shadow: 0px 15px 30px 0px rgba(124, 124, 124, 0.15);
  }
  
  .color-block {
    color: #fff;
    border-radius: 2px 2px 0 0;
    padding: 30px 15px 30px;
    height: 90px;
    /* margin-top: 75px; */
    position: relative;
    align-items: center;
    display: flex;
    justify-content: center;
}
  .color-block:before {
    content: "";
    border-radius: 2px 2px 0 0;
    width: calc(100% - 12px);
    height: 6px;
    position: absolute;
    top: -6px;
    left: 6px;
    opacity: 0.4;
    z-index: 20;
  }
  .color-block:after {
    content: "";
    border-radius: 2px 2px 0 0;
    width: calc(100% - 24px);
    height: 12px;
    position: absolute;
    top: -12px;
    left: 12px;
    opacity: 0.3;
    z-index: 10;
  }
  
  .color-block-head {
    opacity: 0.5;
    text-transform: uppercase;
    font-size: 13px;
    line-height: 1;
    margin-bottom: 20px;
  }
  
  .color-block-bottom {
    background: #fff;
    padding: 10px 20px;
    height: 180px;
  }
/*   
  .color-block-text {
    width: 200px;
    letter-spacing: 0.5px;  
    font-size: 20px;
  }
   */
  /* cards colors */
  .color-block-lblue {
    background: #005bb7;
    z-index: 30;
  }
  .color-block-lblue:before {
    background: #0064ca;
  }
  .color-block-lblue:after {
    background: #007fff;
  }
  
  .color-block-dblue {
    background: #004387;
  }
  .color-block-dblue:before {
    background: #0c457e;
  }
  .color-block-dblue:after {
    background: #135ba5;
  }
  
  .color-block-green {
    background: #04d28b;
  }
  .color-block-green:before {
    background: #11e29a;
  }
  .color-block-green:after {
    background: #11e29a;
    opacity: 0.4;
  }
  
  .color-block-orange {
    background: #e93d09;
  }
  .color-block-orange:before {
    background: #e93d09;
  }
  .color-block-orange:after {
    background: #e93d09;
    opacity: 0.4;
  }
  .color-block-opaque {
    background: #17a2b8;
  }
  .color-block-opaque:before {
    background: #17a2b8;
  }
  .color-block-opaque:after {
    background: #17a2b8;
    opacity: 0.4;
  }
  .color-block-violet {
    background: #6f42c1;
  }
  .color-block-violet:before {
    background: #6f42c1;
  }
  .color-block-violet:after {
    background: #6f42c1;
    opacity: 0.4;
  }
  
  .color-block-pink {
    background:#EC0467;
  }
  .color-block-pink:before {
    background: #EC0467;
  }
  .color-block-pink:after {
    background: #EC0467;
    opacity: 0.4;
  }
.color-block-yellow {
    background: #fab005;
  }
  .color-block-yellow:before {
    background: #fab005;
  }
  .color-block-yellow:after {
    background: #fab005;
    opacity: 0.4;
  }
.color-block-lblue {
    background: #1ab2e3;
  }
  .color-block-lblue:before {
    background: #1ab2e3;
  }
  .color-block-lblue:after {
    background: #1ab2e3;
    opacity: 0.4;
  }

  
  /* cards icons */
  /* .color-block-icon-list .color-block-text:after {
    content: "";
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    background: url(https://image.ibb.co/nv13dV/icons.png) no-repeat;
    background-position: 10px -10px;
    right: 40px;
    top: calc(50% - 20px);
    opacity: 0.4;
  }
  
  .color-block-icon-person .color-block-text:after {
    content: "";
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    background: url(https://image.ibb.co/nv13dV/icons.png) no-repeat;
    background-position: -60px -10px;
    right: 40px;
    top: calc(50% - 20px);
    opacity: 0.4;
  }
  
  .color-block-icon-lock .color-block-text:after {
    content: "";
    display: block;
    width: 70px;
    height: 70px;
    position: absolute;
    background: url(https://image.ibb.co/nv13dV/icons.png) no-repeat;
    background-position: -140px -10px;
    right: 40px;
    top: calc(50% - 20px);
    opacity: 0.4;
  }
         */
.what-wedo-section {
    position: relative;
    z-index: 99;
    background: #fff;
    background-image: url("../images/aboutus_bg.png");
}

.what-wedo-section .what-we-do-sidewrapper .card {
    text-align: center;
}

.what-wedo-section .what-we-do-sidewrapper h3 {
    font-weight: bold;
    /* color: #ffffff; */
    font-size: 15px;
}

.what-wedo-section .no-text {
    -webkit-text-stroke: 1px #238ae6;
    font-weight: bold;
    color: #ffff;
    font-size: 50px;
}


.what_wedo_item {
position: relative;
height: 250px;
overflow: hidden;
border-radius: 5px !important;
margin-bottom: 30px;
}
.what_wedo_item:before {
content: '';
position: absolute;
background: #00000080;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
border-radius: 5px;
}
.what_wedo_item:hover img {
transform: scale(1.5);
}

.what_wedo_item img {
transition: transform .5s ease;
}
.what_wedo_item img {
border-radius: 5px !important;
width: 100%;
height: 100%;
}
.what_wedo_item h1 {
position: absolute;
text-align: center;
bottom: 0;
top: 0;
width: 100%;
justify-content: center;
margin: auto;
align-items: center;
display: flex;
color: #ffffff;
font-weight: 600;
z-index: 2;
}

.what-wedo-bg-pattern {
    position: absolute;
    width: 40%;
    left: 0;
    bottom: 0;
    z-index: -1;
    height: 100%;
}
.color-block-text h5{
font-size: 17px;
}
.block{
background: #fff;
border-radius: 5px;
padding: 15px 10px;
text-align: center;
margin-bottom: 40px;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
overflow: hidden;
cursor: pointer;
position: relative;
box-shadow: rgba(0, 0, 0, 0.15) 0px 0px 7px;
height: 135px;
}
.block .img_blk {
    font-size: 26px;
    border: 1px solid;
    border-radius: 10px;
    padding: 10px;
    background: #39f;
    color: #fff;
    width: 60px;
    margin: auto;
}
.block.violet_block {
    box-shadow: 5px 5px #a52bd647 !important;
    border: 1px solid #a52bd6 !important;
}
.violet_block .img_blk {
	background: #a52bd6;
}
.block.orange_block {
    box-shadow: 5px 5px #fc640d7d !important;
    border: 1px solid #fc640d !important;
}
.orange_block .img_blk {
	background: #fc640d;
}
.block.green_block {
    box-shadow: 5px 5px #1a800685 !important;
    border: 1px solid #1a8006 !important;
}
.green_block .img_blk {
	background: #1a8006;	
}
.block.pink_block {
    box-shadow: 5px 5px #b1177663 !important;
    border: 1px solid #b11776 !important;
}
.pink_block .img_blk {
	background: #b11776;
}
.block.ltpink_block {
    box-shadow: 5px 5px #e410bd69 !important;
    border: 1px solid #e410bd !important;
}
.ltpink_block .img_blk {
	background: #e410bd;
}

.block.ltyellow_block {
    box-shadow: 5px 5px #f5ac05a6 !important;
    border: 1px solid #f5ac05 !important;
}
.ltyellow_block .img_blk {
	background: #f5ac05;
}
.block.ltorange_block {
    box-shadow: 5px 5px #ff823482 !important;
    border: 1px solid #ff8234 !important;
}
.ltorange_block .img_blk {
	background: #ff8234;
}
.block.maroon_block {
    box-shadow: 5px 5px #c6192952 !important;
    border: 1px solid #c61929 !important;
}
.maroon_block .img_blk {
	background: #c61929;
}
.block.blue_block {
    box-shadow: 5px 5px #06788096 !important;
    border: 1px solid #067880 !important;
}
.ltblue_block .img_blk {
    background: #5ad7ec;
}
.block.ltblue_block {
    box-shadow: 5px 5px #5ad7ec !important;
    border: 1px solid #10c5e4 !important;
}
.blue_block .img_blk {
	background: #067880;
}

.section-title {
	position:relative;
	
}
.section-title:before {
    position: absolute;
    content: "";
    border-top: 4px solid #016dba;
    width: 40px;
    left: 0px;
	right:0;
    bottom: -10px;
	margin:0 auto;
}

/* important-links  page css */

.icon img {
    width: 60px;
    border-radius: 50%;
    -webkit-box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 58%);
    -moz-box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 58%);
    box-shadow: 0px 0px 2px 0px rgb(0 0 0 / 58%);
}

/*chart*/
 .hv-container {
    width: 100%;
    overflow-x: scroll;
    padding: 42px 0;
    overflow: auto;
}
	.hv-wrapper .hv-item {
    display: flex;
    flex-direction: column;
    margin: auto;
}
	.hv-wrapper .hv-item .hv-item-parent {
    margin-bottom: 50px;
    position: relative;
    display: flex;
    justify-content: center;
}
	.simple-card {
    position: relative;
    margin: 0;
    background-color: #fff;
    color: #1B2430;
    padding: 4px;
    border-radius: 6px;
    min-width: 100px;
    text-align: center;
    border: 1px solid #55BDFC;
}
	.hv-wrapper .hv-item .hv-item-parent:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 25px;
    bottom: 0;
    left: 50%;
    background-color: #55BDFC;
    transform: translateY(100%);
}
	.hv-wrapper .hv-item .hv-item-children {
    display: flex;
    justify-content: center;
		margin-bottom: 24px;
}
	.hv-wrapper .hv-item .hv-item-children .hv-item-child {
    padding: 0 10px;
    position: relative;
}
	.hv-wrapper .hv-item .hv-item-children .hv-item-child:before {
    left: 50% !important;
    top: 0;
    transform: translateY(-100%);
    width: 1px;
    height: 25px;
}

.hv-wrapper .hv-item .hv-item-children .hv-item-child:before, .hv-wrapper .hv-item .hv-item-children .hv-item-child:not(:only-child):after {
    content: '';
    position: absolute;
    background-color: #55BDFC;
    left: 0;
}
	.hv-wrapper .hv-item .hv-item-children .hv-item-child:first-child:after {
    left: 50%;
    width: 50%;
}
	.hv-wrapper .hv-item .hv-item-children .hv-item-child:last-child:after {
    width: calc(50% + 1px);
}


.hv-wrapper .hv-item .hv-item-children .hv-item-child:after {
    top: -25px;
    transform: translateY(-100%);
    height: 1px;
    width: 100%;
}

	.hv-item-parent .simple-card {
    height: 50px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
}
/*
.hv-item-children .hv-item-child .simple-card:hover {
    color: #ccc;
}*/
.line_1 {
    display: block;
    height: 1px;
    background: #6ae742;
    width: 200px;
    margin-top: 10px;
}
.line_2 {
    background: #50df61;
    height: 1px;
    display: block;
    width: 150px;
    margin-top: 5px;
}
.overlay {
    position: relative;
}
.call-action {
    background-size: cover;
    background-position: center;
    padding: 50px 0;
}
.call-action.overlay:before {
    opacity: 0.88;
    background: #009785;
}
.overlay::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0.8;
    background: #2e2751;
    content: "";
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    z-index: 0;
}
.call-action {
    background-size: cover;
    background-position: center;
    padding: 50px 0;
}
.call-action .button {
    z-index: 333;
    position: relative;
    float: right;
    margin-top: 5px;
}
.call-action .call-inner {
    z-index: 33;
    position: relative;
}
.call-action .call-inner h2 {
    font-size: 34px;
    line-height: 35px;
    color: #fff;
    margin-bottom: 15px;
    font-weight: 700;
}
.call-action .call-inner p {
    color: #fff;
    font-size: 15px;
}
.overlay {
    position: relative;
}
.call-action .bizwheel-btn {
    text-align: center;
    margin: 0;
    padding: 13px 32px;
    background: #a7a201;
    color: #fff;
    font-size: 15px;
    border-radius: 0px;
    text-transform: capitalize;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    transition: all 0.4s ease;
    display: inline-block;
    border: 2px solid transparent;
    margin-right: 15px;
    color: #fff;
    box-shadow: 0 10px 10px -8px rgb(0 0 0 / 50%);
    font-family: Poppins;
}
table{
    font-family: Poppins!important;
}
th {
    text-align: inherit;
    text-align: -webkit-match-parent;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid;
}
td{
    font-size: 14px;
    font-weight: 500;
}
label{
    font-family: Poppins!important;
}
.form-control {
    font-family: Poppins!important;
}
.f14{
    font-size: 14px!important;
}
.fontpoppins{
    font-family: Poppins!important;
}
.tenderClosingData {
    border-radius: 3px;
    padding: 4px 9px 2px 14px;
    font-size: 0.69em;
    font-family: 'Poppins';
    position: relative;
    width: fit-content;
    background: #6366f1;
    top: 38px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    border-top-left-radius: 14px;
    border-top-right-radius: 15px;
    color: #fff;
    left: 0px;
    -webkit-animation: color-change 1s infinite;
    -moz-animation: color-change 1s infinite;
    -o-animation: color-change 1s infinite;
    -ms-animation: color-change 1s infinite;
    animation: color-change 1s infinite;

}
 .update-split {
    background: url(./tendersbgimg.png) no-repeat;
    width: 120px;
    float: left;
    color: #fff !important;
    height: 96px;
    text-align: center;
}
.update-split h4 {
    font-family: inherit;
    margin-top: 48px;
    margin-bottom: 0px;
    color: #000000;
    font-size: 15px !important;
}
.update-split h4:nth-child(2) {
    font-family: inherit;
    margin-top: 0px;
    font-size: 20px;
    color: #09556b;
}
.update-split h4:nth-child(3) {
    font-family: inherit;
    margin-top: 0px;
    font-size: 14px;
    color: #4a4a4a;
}
.f14{
    font-size: 14px!important;
}
.f400{
    font-weight: 500;
}
.siteclr1{
    color: #006a5e !important;
    font-weight: 600;
}
.bxshadow1 {
    box-shadow: 0px 0px 9px 0px rgb(0 0 0 / 47%);
    border-radius: 8px;
}
.info-wrap .dbox .icon3 {
    width: 45px;
    height: 45px;
    border-radius: 50%;
    border: 2px solid rgb(27 27 27 / 35%);
}
.faicon {
    background-color: #00918c12;
    color: #00928b;
    padding: 5px 5px 5px 5px;
    border-radius: 10px;
    font-size: 10px;

}
.info-wrap .dbox {
    width: 100%;
    color: rgba(255, 255, 255, 0.8);
    margin-bottom: 25px;
}
.info-wrap .dbox .text {
    width: calc(100% - 50px);
}
.sub-heading {
    color: #009785;
}