@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/*===================typography===============================*/

body {
    margin: 0px;
    padding: 0px;
    font-family: "Montserrat", sans-serif !important;
}

ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}

a {
    text-decoration: none;
}

a[href='']{
    pointer-events: none;
}

a:hover {
    text-decoration: none;
}

img {
    width: 100%;
}
img.no-width{
    width:auto !important;
}

p {
    font-size: 16px;
    /* line-height: 32px; */
    color: #444444;
    font-weight: 400;
}

p a {
    font-weight: 500;
    color: #0a909c;
    text-decoration: underline !important;
}

b,
strong {
    font-weight: 600;
}

h1 {
    font-size: 46px;
    color: #000000;
    font-weight: 700;
}

h2 {
    font-size: 30px;
    color: #000000;
    font-weight: 700;
}

h3 {
    font-size: 24px;
    line-height: 48px;
    color: #000000;
    font-weight: 600;
}
.custom-btn {
    font-size: 16px;
    letter-spacing: 0px;
    color: #ffffff;
    font-weight: 600;
    background: #0a909c;
    border-radius: 50px;
    padding: 12px 25px;
}

a.theame-dark-btn.text-center.custom-btn {
    color: #fff;
    text-decoration: none !important;
}
section.news-slider {
    margin-top: 80px;
}

p.sectio-discraption.text-center {
    font-size: 18px;
    line-height: 36px;
    color: #444444;
    font-weight: 400;
    font-family: "Montserrat";
    text-align: center;
}

section.sector h2:after {
    content: "";
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 54px;
    height: 4px;
    background-color: #0a909c;
    margin: auto;
}

section.latest-news h2:after {
    content: "";
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 54px;
    height: 4px;
    background-color: #0a909c;
    margin: auto;
}

.col-sm-12.main-box-area-slide {
    margin-top: 40px;
}

section.news-slider h2:after {
    content: "";
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 54px;
    height: 4px;
    background-color: #0a909c;
    margin: auto;
}

section.logo-slider h2:after {
    content: "";
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 54px;
    height: 4px;
    background-color: #0a909c;
    margin: auto;
}

button.custom-btn {
    min-width: 125px;
    background-color: #0a909c;
    border: navajowhite;
    color: #fff !important;
    margin-top: 30px;
}

button.custom-btn a {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 38px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Montserrat";
    margin-top: 15px !important;
    text-decoration: none !important;
}
p.same-p {
    font-size: 16px;
    line-height: 28px;
    color: #444444;
    font-weight: 300;
    font-family: "Montserrat";
}
span.spacer.dark.mb-3.custom-margin {
    margin: 40px 0 0 0!IMPORTANT;
}

/* ===============folder view start==================== */
.flex-column button.folder-container {
    align-items: center;
    display: flex;
}
.d-flex.align-items-stretch.flex-wrap.flex-column .d-inline-flex {
    width: 96% !important;
    flex: 0 0 96% !important;
    align-items: center;
    display: flex;
}
.card-folders .card-body > .breadcrumb {
    margin-left: -1.25em;
    margin-right: -1.25em;
    margin-top: -1.25em;
    border-radius: 0;
  }
  div#foldersGroup {
    border: 1px solid #f3f3f3 !important;
    padding: 0px !important;
    background: #f3f3f3;
}

button.folder-container {
    margin-left: 0px;
}
  .folder-container {
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 0px;
    width: 100%;
    padding: 0;
    align-self: start;
    background: none;
    border: none;
    outline-color: transparent !important;
    cursor: pointer;
    outline: none !important;
    padding: 10px 10px;
  }
  .folder-icon {
    font-size: 3em;
    line-height: 1.25em;
  }
  .folder-icon-color {
    color: #0a909c;
    text-shadow: 1px 1px 0px #0a909c;
    font-size: 45px !important;
    display: flex;
    align-items: center;
  }
  .folder-name {
    overflow-wrap: break-word;
    word-wrap: break-word;
    hyphens: auto;
    text-align: center;
  }
  
  .flex-column .folder-container {
    display: flex;
    width: 100%;
    min-width: 100%;
    text-align: left;
    margin: 0;
    margin-bottom: 1rem;
  }
  .flex-column .folder-icon, .flex-column .folder-name {
    display: inline-flex;
  }
  .flex-column .folder-icon {
    font-size: 1.4em;
    margin-right: 1rem;
  }
  .file-icon-color {
    color: #999;
  }
  .card.card-folders {
    border: 0px;
    justify-content: center;
    border: 1px solid #ddd;
}
div#main-folders .d-inline-flex {
    width: 20%;
    flex: 0 0 20%;
    display: flex;
    margin: 15px 20px;
    background: #ededed;
}
/* ===================end folder view=============================== */

/*=========================class based typhography========================================*/
.theame-color {
    color: #0a909c;
}
section.main-contact-form ul.footer-menu.wiget-one li a {
    margin-left: 0px !important;
}
.theame-button-dark {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 38px;
    color: #ffffff;
    font-weight: 600;
    background: #0a909c;
    border-radius: 50px;
    padding: 13px 26px;
}

.theame-button-light {
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 38px;
    color: #0a909c;
    font-weight: 600;
    border: 1px solid #0a909c;
    border-radius: 50px;
    padding: 13px 26px;
}

.section-heading {
    /* font-size: 34px; */
    color: #000000;
    font-weight: 700;
    font-family: "Montserrat";
    position: relative;
}

a.theame-button-dark:hover {
    color: #0a909c !important;
    background: none;
    border: 1px solid #0a909c;
    transition: 0.5s;
}

a.theame-button-light:hover {
    color: #fff;
    /* border: none; */
    background: #0a909c;
    transition: 0.5s;
}

button.custom-btn:hover {
    background: none;
    border: 1px solid #0a909c;
    color: #0a909c !important;
    transition: 0.5s;
}

button.custom-btn:hover a {
    color: #000;
    transition: 0.5s;
}
.ps-5.mobile-none.para-style p {
    font-size: 14px;
    line-height: 24px;
    color: #444444;
    font-weight: 300;
    font-family: "Montserrat";
}

p.about-description-text {
    font-size: 14px;
    line-height: 26px;
    color: #444444;
    font-weight: 300;
    font-family: "Montserrat";
}ul.benifit-list.pad-box li {
    padding: 9px 0px;
}
/*=============================betcrum css=================================================================*/
ul.betcrum-list {
    margin-top: 20px;
    margin-bottom: 15px;
}

ul.betcrum-list li {
    display: inline-block;
    padding: 5px 3px 5px 0;
}
li.nav-item.tab_view {
    display: none;
}
/*================================top header=============================================*/
img.image-fluid.logo-img {
    width: auto !important;
}
.search-box {
    position: relative;
    height: 40px;
    width: 40px;
    left: -90px;
    top: 3px;
} .search-box i {
    position: absolute;
    height: 100%;
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    color: #444;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}.search-box.tablat-view {
    display: none;
}
 .search-box .input-box {
    position: absolute;
    right: calc(100% - 60px);
    top: 50px !important;
    height: 60px;
    width: 300px;
    background: #3e8da8;
    border-radius: 6px;
    opacity: 0 !important;
    /* pointer-events: none !important; */
    transition: all 0.4s ease;
    z-index: -1;
}
.search-box .input-box input {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 4px;
    transform: translate(-50%, -50%);
    height: 35px;
    width: 280px;
    outline: none;
    padding: 0 15px;
    font-size: 16px;
    border: none;
} .search-box .input-box::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    background: #3e8da8;
    right: 10px;
    top: -6px;
    transform: rotate(45deg);
}
form.search-container-md input::placeholder {
    font-size: 16px;
    letter-spacing: 1px;
    color: #6d6560;
    font-weight: 300;
    font-style: italic;
    font-family: "Montserrat";
}

section.top-heder {
    padding: 40px 0px 40px 0px;
}

.search-container {
    width: 300px;
    display: block;
    margin: 0 auto;
}

input#search-bar {
    margin: 0 auto;
    /* width: 100%; */
    /* height: 45px; */
    padding: 0 20px;
    font-size: 1rem;
    border: 1px solid #d0cfce;
    outline: none;
    border-radius: 50px;
    width: 300px;
    height: 44px;
    border-radius: 23px;
    background-color: #ffffff;
    border: 1px solid #cccccc;
}

input#search-bar::placeholder {
    font-size: 16px;
    letter-spacing: 1px;
    color: #6d6560;
    font-weight: 300;
    font-style: italic;
}

input#search-bar:focus {
    border: 1px solid #008abf;
    transition: 0.35s ease;
    color: #008abf;
}

input#search-bar:focus::-webkit-input-placeholder {
    transition: opacity 0.45s ease;
    opacity: 0;
}

input#search-bar:focus::-moz-placeholder {
    transition: opacity 0.45s ease;
    opacity: 0;
}

input#search-bar:focus:-ms-placeholder {
    transition: opacity 0.45s ease;
    opacity: 0;
}

.search-icon {
    position: relative;
    float: right;
    top: 5px;
    right: 40px;
    background: none;
    border: none;
    font-size: 20px;
    color: #6d6560;
}

.col-sm-6.center-side-header {
    justify-content: flex-end;
    display: flex;
    position: relative;
    /* padding: 0px 25px; */
}

.col-sm-6.center-side-header::after {
    content: "";
    position: inherit;
    top: 0px;
    right: 20px;
    bottom: 0;
    left: 0px;
    border-right: 1px solid #ddd;
    height: 53px;
}

ul.login_lis {
    display: flex;
    justify-content: space-around;
}
section.bottom-header .tow-col .logo_part {
    display: none;
}

/*===================================bottom header==================================================*/
/* section.bottom-header ul li {
    padding: 0px 17px;
}

section.bottom-header ul li a {
    padding: 0px;
}

section.bottom-header {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

nav.navbar {
    padding: 0;
}

section.bottom-header ul li a {
    padding: 10px 0 !important;
    font-size: 16px;
    color: #444444 !important;
    font-weight: 400;
}

a.nav-link.active {
    color: #0a909c !important;
}

header.header.mobile_header {
    display: none;
} */

/* nav.navbar ul.dropdown-menu {
    background-color: #0a909c;
}
nav.navbar ul.dropdown-menu li a {
    color: #ffffff !important;
} */


button.btn.theame-button-dark {
    padding: 6px 0px !important;
    width: 90% !important;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

button.btn.theame-button-dark:hover {
    border: 1px solid #0a909c;
    background: none;
    color: #000;
}

/*============active header================*/
.codehim-dropdown ul.menu-items li.animated.fadeInUp a {
    color: #000;
}
.codehim-dropdown ul.menu-items li.active.animated.fadeInUp {
    background: none;
    padding: 0;
}
.codehim-dropdown ul.menu-items li.active.animated.fadeInUp {
    display: block;
}
.codehim-dropdown ul.dropdown-items>li.active {
    background: #0a909c;
    padding: 18px;
    color: #fff !important;
}

.codehim-dropdown ul.dropdown-items>li.active>span>a{
    color: #fff !important;
}

.codehim-dropdown ul.dropdown-items>li.active ul li.active>span>a{
    font-weight: bold;
    color: #0a909c !important;
}
/*=================active end=======================*/
/*=========================mobile menu=======================================*/
header.header.mobile_header nav {
    width: 100%;
    height: 100%;
    height: 70px;
    /* background: #3e8da8; */
    /* box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); */
    z-index: 99;
}

header.header.mobile_header .logo {
    width: 60%;
    margin: auto;
    text-align: center;
}

header.header.mobile_header nav .navbar {
    height: 100%;
    max-width: 1250px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: auto;
    padding: 0 50px;
}

header.header.mobile_header .navbar .logo a {
    font-size: 30px;
    color: #fff;
    text-decoration: none;
    font-weight: 600;
}

header.header.mobile_header nav .navbar .nav-links {
    line-height: 70px;
    height: 100%;
}

header.header.mobile_header nav .navbar .links {
    display: flex;
}

header.header.mobile_header nav .navbar .links li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding: 0 14px;
}

header.header.mobile_header nav .navbar .links li a {
    /* height: 100%; */
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.links li:hover .htmlcss-arrow,
.links li:hover .js-arrow {
    transform: rotate(180deg);
}

header.header.mobile_header nav .navbar .links li .arrow {
    /* background: red; */

    width: 22px;

    text-align: center;
    display: inline-block;
    color: #000000;
    transition: all 0.3s ease;
}

header.header.mobile_header nav .navbar .links li .sub-menu {
    position: absolute;
    top: 70px;
    left: 0;
    line-height: 40px;
    background: #3e8da8;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 4px 4px;
    display: none;
    z-index: 2;
}

header.header.mobile_header nav .navbar .links li:hover .htmlCss-sub-menu,
header.header.mobile_header nav .navbar .links li:hover .js-sub-menu {
    display: block;
}

header.header.mobile_header .navbar .links li .sub-menu li {
    padding: 0 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

header.header.mobile_header .navbar .links li .sub-menu a {
    color: #fff;
    font-size: 15px;
    font-weight: 500;
}

.navbar .links li .sub-menu .more-arrow {
    line-height: 40px;
}

header.header.mobile_header .navbar .links li .sub-menu .more-sub-menu {
    position: absolute;
    top: 0;
    left: 100%;
    border-radius: 0 4px 4px 4px;
    z-index: 1;
    display: none;
}

header.header.mobile_header .links li .sub-menu .more:hover .more-sub-menu {
    display: block;
}

header.header.mobile_header .navbar .search-box {
    position: relative;
    height: 40px;
    width: 40px;
}

header.header.mobile_header .navbar .search-box i {
    position: absolute;
    height: 100%;
    width: 100%;
    line-height: 40px;
    text-align: center;
    font-size: 22px;
    color: #444;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
}

header.header.mobile_header .navbar .search-box .input-box {
    position: absolute;
    right: calc(100% - 40px);
    top: 80px !important;
    height: 60px;
    width: 300px;
    background: #3e8da8;
    border-radius: 6px;
    opacity: 0 !important;
    pointer-events: none !important;
    transition: all 0.4s ease;
    z-index: 999;
}

header.header.mobile_header .navbar.showInput .search-box .input-box {
    top: 65px !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    background: #3e8da8;
}

header.header.mobile_header .search-box .input-box::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    background: #3e8da8;
    right: 10px;
    top: -6px;
    transform: rotate(45deg);
}

header.header.mobile_header .search-box .input-box input {
    position: absolute;
    top: 50%;
    left: 50%;
    border-radius: 4px;
    transform: translate(-50%, -50%);
    height: 35px;
    width: 280px;
    outline: none;
    padding: 0 15px;
    font-size: 16px;
    border: none;
}

header.header.mobile_header .navbar .nav-links .sidebar-logo {
    display: none;
}

header.header.mobile_header .navbar .bx-menu {
    display: none;
}

/*========================================header end here==========================================*/


/*=========================================crousel start========================================================*/
.slider-bg {
/*    background-image: url(../img/home-slider.jpg);*/
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 80px 0px;
}

.hom-slider-txt {
    background-color: rgba(255, 255, 255, 0.9);
    padding: 20px 50px;
}

img.image-fluid.slide-border {
    /* width: 70%; */
    margin-bottom: 30px;
    margin-top: 30px;
    height: 3px;
}
a.theame-button-dark.text-center.mt-3.custom-btn:hover {
    color: #fff !important;
    border: 1px solid #fff;
}
p.slide-discription {
    font-size: 24px;
    line-height: 34px;
    color: #222222;
    font-weight: 400;
}

span.comoany_name {
    font-weight: 500;
}

span.carousel-control-prev- {
    position: absolute;
    left: 40px;
}

span.carousel-control-next- {
    position: absolute;
    right: 40px;
}

/*========================================our goal===================================================================*/
section.our.gola {
    margin: 60px 0;
}

h2.goal-heading.text-center.text-dark {
    color: #000 !important;
    margin-bottom: 33px;
}

section.our.gola p strong {
    font-size: 18px;
    line-height: 30px;
    color: #222222;
    font-weight: 600;
    font-family: "Montserrat";
    text-align: center;
}
form.form input::placeholder {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #3e5664;
    font-weight: 500;
    font-family: "Montserrat";
    text-transform: capitalize;
}
form.form.home-contact textarea::placeholder {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #3e5664;
    font-weight: 500;
    font-family: "Montserrat";
    text-transform: capitalize;
}
section.our.gola p {
    font-size: 18px;
    line-height: 30px;
    color: #222222;
    font-weight: 300;
    font-family: "Montserrat";
    text-align: center;
}

a.join-us {
    font-weight: bold;
    font-size: 24px;
    color: #0a909c;
    text-decoration: underline !important;
}

p.text-center.reglur {
    font-weight: 400 !important;
    margin-top: 1rem;
    font-size: 24px !important;
}

h3.sector-title.text-left {
    margin-top: 1rem;
}

p.sectio-discraption.text-center {
    margin-top: 35px;
    margin-bottom: 35px !important;
}

/*==================================================download pdf================================================================*/
section.pdf-downloa {
    background-image: url(../img/pdf_bg.png);
    margin-top: 80px;
    
    padding: 80px 0px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

img.image-fluid.pdf-img-left {
    width: 90%;
}

h3.pdf-tittle.text-white {
    font-size: 48px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Montserrat";
}

.col-sm-6.pdf-left-box {
    display: flex;
    flex-wrap: wrap;
    object-fit: cover;
    align-items: center;
    justify-content: center;
}

p.pdf-discraption.text-white.text-left {
    font-size: 34px;
    line-height: 48px;
    margin-top: 30px;
    margin-bottom: 30px;
}
ul.style-bg {
    background: #fff;
    padding: 0px 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    display: none;
}
button.download-btn,
a.download-btn {
    font-size: 28px;
    letter-spacing: 1px;
    line-height: 72px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Montserrat";
    border: none;
    width: 431px;
    height: 78px;
    border-radius: 39px;
    background-color: rgba(255, 255, 255, 0.10196078431372549);
    border: 2px solid #ffffff !important;
    z-index: 999;
    display: inline-block;
    text-align: center;
    max-width: 100%;
}

ul.logo-partener li {
    display: inline-block;
    margin: 0 20px;
}

ul.logo-partener li img {
    width: 120px;
}

ul.logo-partener {
    display: block;
    text-align: center;
}

/*============================================latest news===========================================================================*/
ul.notifications-box {
    background-color: #f5f5f5;
    padding: 20px;
    border-radius: 2px;
}

.row.tabel-row {
    margin-top: 50px;
}

.row.tabel-row {
    display: flex;
    flex-wrap: wrap;
}

.col-sm-4.tabel-cell {
    display: grid;
    flex-wrap: wrap !important;
    width: 33.333% !important;
    flex: 0 0 33.333%;
    padding: 1px 10px;
}

ul.notifications-box li a {
    font-size: 14px;
    line-height: 27px;
    color: #444444;
    font-weight: 400;
    font-family: "Montserrat";
}

span.spacer {
    border-bottom: 1px solid #ddd;
    /* border-width: 1px; */
    height: 0px !important;
    display: block;
    margin: 10px 0px 10px 0px!important;
}

ul.notifications-box li {
    padding: 10px 0px;
}

h3.notifications-box-title.text-left.text-dark {
    font-size: 24px;
    line-height: 48px;
    color: #000000;
    font-weight: 600;
    font-family: "Montserrat";
}

a.text-right {
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 38px;
    text-decoration: underline;
    color: #0a909c !important;
    font-weight: 600;
    font-family: "Montserrat";
    text-align: right !important;
    display: flex;
    justify-content: flex-end;
    font-weight: bold !important;
}

/*===========================emgerancy resourses==========================*/
section.emergency-resources {
    margin-top: 0px;
    margin-bottom: 40px;
    padding: 80px 0px;
    background: #f5f5f5;
}

section.emergency-resources button.custom-btn {
    margin-top: 0;
}

h2.emergency-resources-heading.text-left {
    font-size: 34px;
    color: #000000;
    font-weight: 700;
    font-family: "Montserrat";
    position: relative;
}

h2.emergency-resources-heading.text-left:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: -10px;
    left: 0;
    background-color: #d6d6d6;
    height: 1px;
    width: 90%;
}

p.emergency-resources-discraption.text-dark.text-left {
    font-size: 16px;
    line-height: 28px;
    color: #444444;
    font-weight: 300;
    font-family: "Montserrat";
    margin-top: 20px;
}

ul.mt-2 li {
    font-size: 16px;
    line-height: 28px;
    color: #444444;
    font-weight: 300;
    font-family: "Montserrat";
    padding: 3px 0px;
}

/*================================projects===================================================*/
.project_img img {
    width: 100%;
    object-fit: cover;
    height: 650px;
}

.project_text {
    background-color: #0a909c;
    margin: 13px 0px 13px -100px;
    text-align: left;
    padding: 50px;
    transition: 0.5s;
    color: #fff !important;
    border-radius: 2px;
}

.col-md-5.project-text {
    display: flex;
    align-items: center;
}

h3.text-left.pooject-tittle-primary {
    font-size: 24px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Montserrat";
}

h4.text-left.projecrt-title-secnodry {
    font-size: 34px;
    color: #ffffff;
    font-weight: 700;
    font-family: "Montserrat";
}

.project_text p {
    font-size: 16px;
    line-height: 28px;
    color: #ffffff;
    font-weight: 400;
    font-family: "Montserrat";
}

.project_text a {
    width: 171px;
    height: 46px;
    border-radius: 23px;
    filter: drop-shadow(2.5px 4.33px 2.5px rgba(0, 0, 0, 0.2));
    background-color: #ffffff;
    font-size: 16px;
    letter-spacing: 0px;
    line-height: 38px;
    color: #0a909c;
    font-weight: 600;
}

section.projects {
    margin-top: 80px;
    margin-bottom: 40px;
}
section.bottom-header {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
/*==============================================news=================================================================*/
li.main-box {
    margin: 10px 10px;
}

.inner-content img {
    width: 100%;
    height: 248px;
    object-fit: cover;
}

.content-box-pad a h2 {
    line-height: 29px !important;
}

.meta-data span {
    position: absolute;
    bottom: 191px;
    right: 0px;
    padding: 10px 30px;
    color: #fff;
    font-size: 16px;
    opacity: 0.902;
    background-color: #0a909c;
}

.slick-dots li.slick-active button:before {
    opacity: 0.75;
    color: #20959e !important;
}

.inner-content {
    position: relative;
}

ul#news-slider h3.tittle {
    font-size: 18px;
    line-height: 26px !important;
    color: #010101;
    font-weight: 600;
    font-family: "Montserrat";
    margin-top: 20px;
}

p.post-content p {
    font-size: 14px !important;
    color: #555555 !important;
}

.content-box-pad p {
    /* text-overflow: ellipsis; */
    /* font-size: 14px; */
    /* font-weight: 400; */
    font-size: 14px;
    line-height: 24px;
    color: #444444;
    font-weight: 400;
    font-family: "Montserrat";
}

a {
    text-decoration: none !important;
}

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

.slick-dots li button::before {
    font-size: 66px !important;
}

.slick-dots li button:hover {
    background: none !important;
}

.slick-dots li button:focus {
    background: none !important;
}

a.read_more_blog {
    font-size: 15px;
    line-height: 25px;
    color: #0a909c;
    font-weight: 400;
    font-family: "Montserrat";
}

/*============================================contact=============================================================*/
section.contact {
    margin-top: 80px;
    margin-bottom: 40px;
    padding: 80px 0px;
    background-image: url(../img/map.png);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

h3.contact-tittle.text-white.text-center {
    font-size: 48px;
    color: #ffffff;
    font-weight: 600;
    font-family: "Montserrat";
    position: relative;
}

h3.contact-tittle.text-white.text-center:after {
    content: "";
    position: absolute;
    top: 85px;
    right: 0;
    bottom: 0;
    left: 0;
    width: 101px;
    height: 4px;
    background-color: #62787b;
    margin: auto;
}

form.form {
    margin-top: 60px;
}

form.form input,
textarea::placeholder {
    font-size: 20px;
    letter-spacing: 1px;
    line-height: 24px;
    color: #3e5664;
    font-weight: 500;
    font-family: "Montserrat";
}

ul#slide-logo {
    display: flex;
    justify-content: space-between;
}

ul#slide-logo li img {
    width: 220px;
    /* object-fit: cover !important; */
    height: 200px;
    object-fit: contain;
}

form.form input {
    border-radius: 4px;
    background-color: #ddecf5;
    margin: 25px 0px;
    height: 82px;
}

form.form textarea {
    border-radius: 4px;
    background-color: #ddecf5;
    margin: 30px 0px;
    width: 546px;
    height: 288px;
    padding: 21px 20px;
}

input#defaultCheck1 {
    height: 20px;
    margin: 0 15px 20px 0px;
}

.sumit-form button {
    width: 230px;
    height: 68px;
    border-radius: 50px;
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0px;
    line-height: 38px;
    font-weight: 600;
    font-family: "Montserrat";
}

.sumit-form {
    display: flex;
    justify-content: flex-end;
}

/*=====================================logo slider==================================================*/
section.logo-slider {
    margin-top: 40px;
    margin-bottom: 40px;
}

/*===========================================footer=====================================================*/
section.bottom-footer {
    background-color: #001214;
    padding: 15px 0px 0px 0px;
    margin-top: 50px;
}

span.footer-icon {
    color: #6d6d6d;
    display: inline-block;
    
}

p.text-center.text-white.copyright {
    font-size: 15px;
    line-height: 36px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Montserrat";
}

h2.footer-tittle {
    font-size: 22px;
    line-height: 36px;
    color: #000000;
    font-weight: 600;
    font-family: "Montserrat";
}

ul.footer-menu li a {
    font-size: 15px;
    line-height: 23px;
    color: #444444;
    font-weight: 500;
    font-family: "Montserrat";
}
ul.footer-menu li a:hover {
    color: #0a909c;
}



.footer-border {
    border-top: 3px solid #e7e7e7;
    padding-bottom: 30px;
}

ul.footer-menu.wiget-one li {
    display: block !important;
}

ul.footer-menu.quick_links_widge li {
    display: inline-block;
    width: 49%;
}

.form-subscribe {
    max-width: 600px;
    margin: 0 auto
}

.form-subscribe .form-control {
    width: 50%;
    height: 47px;
    border-radius: 20px;
    background-color: #e7e7e7;
}

.form-subscribe .form-control.focus,
.form-subscribe .form-control:focus {
    z-index: 2;
    background-color: hsla(0, 0%, 100%, .8)
}

.form-subscribe .btn {
    border-top-right-radius: 36px;
    border-bottom-right-radius: 36px;
    background: #0a909c;
    border-color: #0a909c;
    height: 46.5px;
}

img.image-fluid.social-icon-img {
    width: 100%;
    object-fit: scale-down;
}

ul.footer-social-handel li {
    display: inline-block;
    margin-right: 11px;
}

h3.social-tittle {
    font-size: 18px;
    line-height: 36px;
    color: #444444;
    font-weight: 400;
    font-family: "Montserrat";
    margin-bottom: 0px;
    margin-top: 10px;
}

ul.footer-menu li {
    padding: 5px 0px;
}

span.footer-icon ul li a {
    margin-right: 30px !important;
    display: none;
}

ul.footer-menu.wiget-one li a {
    margin-left: 10px !important;
    /* display: block; */
    /* float: left; */
    width: 100%;
}

ul.footer-menu.wiget-one li {
    display: inline-flex;
}

span.footer-icon {
    font-size: 20px;
}

section.latest-news {
    margin-top: 80px;
}
ul.emargency-pdf-list p strong {
    font-size: 14px;
    font-weight: normal;
}
form.form-subscribe input::placeholder {
    font-size: 13px;
    line-height: 36px;
    color: #444444;
    font-weight: 400;
    font-family: "Montserrat";
}


li.footer-menu-list i.fa {
    width: 28px;
    color: #6d6d6d;
    font-size: 26px;
    vertical-align: top;
    text-align: center;
}
li.footer-menu-list span {
    display: inline-block;
    width: calc(100% - 38px);
    text-align: left;
}
footer.footer-top ul li.footer-menu-list span a {
    margin: 0 !important;
}
li.footer-menu-list span, li.footer-menu-list span a {
    font-size: 15px;
    color: #444444;
    font-weight: 500;
}

ul.footer-social-handel a {
    font-size: 24px !important;
    width: 45px;
    height: 45px;
    color: #6d6d6d !important;
    border: 1px solid #6d6d6d;
    display: block;
    text-align: center;
    line-height: 45px !important;
    border-radius: 100%; font-weight: 600 !important;
}
ul.footer-social-handel a:hover {
    color: #0a909c !important;
    border-color: #0a909c;
}

/*======================================about===================================================================*/
section.about {
    background: #f5f5f5;
    margin-bottom: 80px;
}
section.about-page p {
    font-size: 14px;
    line-height: 24px;
    /* color: #010101; */
    font-weight: 400;
    font-family: "Montserrat";
}section.mission p {
    font-size: 14px;
    line-height: 24px;
    color: #444444;
    font-family: "Montserrat";
}
.half-fluid .left-half,
.half-fluid .right-half {
    left: 50%;
    margin-left: -50vw;
    max-width: 100vw;
    position: relative;
    right: 50%;
    width: 100vw;
    padding: 0px;
}

.half-fluid .image {
    background-image: url("../img/about.png");
    background-size: cover;
    background-position: center;
    min-height: auto;
    height: 100%;
}
button#add_news {
    height: auto;
    width: 200px;
}
.image.second-col {
    background-image: url("../img/home-image01.jpg");
    background-size: cover;
    background-position: left center;
    min-height: auto;
    height: 100%;
}

h2.section-heading.text-left.about-heading {
    position: relative;
}

h2.section-heading.text-left.about-heading:after {
    content: "";
    position: absolute;
    top: 60px;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #d6d6d6;
    height: 1px;
    width: 90%;
}

section.about p.reglur {
    margin-top: 45px;
}

p.about-description-text {
    margin-top: 40px;
}



li.footer-media-list {
    padding: 0px !important;
}

.footer-wiget.quick_links {
    display: flex;
    justify-content: center;
}

.footer-wiget.other-links {
    display: flex;
    justify-content: center;
}

button.btn.btn-success.btn-lg {
    font-size: 14px;
    /* line-height: 36px; */
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    font-family: "Montserrat";
}

.footer-wiget.newsletter {
    display: flex;
    /* justify-content: center; */
    /* width: 85%; */
    /* margin: auto; */
}

ul.our-sector-hom li {
    display: block;
    margin: 0 0 15px;
}

ul.our-sector-hom li a {
    font-weight: 500;
    color: #0a909c;
    text-decoration: underline !important;
}
ul.menu-items li a {
    text-align: left;
}

li.has-child.animated.fadeInUp {
    text-align: left;
}

/*=========================contact form css===================================*/
form.form.contact-us {
    margin: 0;
}

form.form.contact-us textarea.form-control.text-area {
    width: 100%;
    margin: 15px 0px;
    height: 140px;
}

form.form.contact-us input {
    background: #f5f5f5;
    height: 62px;
    margin: 15px 0px;
}

form.form.contact-us textarea {
    background: #f5f5f5;
}

.contact-form-btn .btn {
	width: 100%;
	font-size: 24px;
	text-transform: uppercase;
}

.custom-sontact-area {
    background: none;
    padding: 25px;
    box-shadow: 5px 5px 16px #cccccc;
}

.contact-form-inr {
    padding-left: 60px;
}

.ps-5.mobile-none.padd-auto {
    padding: 0px 0px 0px 20px !important;
}
.cta-text {
    padding-left: 41px;
    display: inherit;
}
.cta-text h4 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 2px;
}

.cta-text span {
    color: #000000;
    font-size: 15px;
}

.single-cta i {
    color: #000000;
    font-size: 45px;
    float: left;
}

.cta-text.call-to-action a {
    display: block !important;
}

form.form.contact-us input,
textarea::placeholder {
    font-size: 18px;
    line-height: 24px;
    color: #777777;
    font-weight: 400;
    font-family: "Montserrat";
}

.contact-form h1 {
    font-size: 34px;
    color: #000000;
    font-weight: 700;
    font-family: "Montserrat";
}

section.main-contact-form ul li {
    border-bottom: 1px solid #e5e5e5;
    width: 100%;
    padding: 25px 0;
}

section.main-contact-form ul li:last-child {
    border: none;
}

.row.flex-center.answer-field {
    display: flex;
    align-items: center;
}

.row.flex-center.answer-field span {
    font-size: 30px;
    line-height: 48px;
    color: #222222;
    font-weight: 500;
    font-family: "Montserrat";
}



/*=============================about===================================================*/
section.about-page p.about-description-text {
    font-size: 16px;
    line-height: 28px;
    color: #000000;
    font-weight: 500;
    font-family: "Montserrat";
}

p.short-about {
    font-size: 16px;
    line-height: 28px;
    text-transform: uppercase;
    color: #444444;
    font-weight: 600;
    font-family: "Montserrat";
}

p.listing-para {
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    font-weight: 500;
    font-family: "Montserrat";
}

span.heading-bolder {
    font-size: 14px;
    line-height: 24px;
    color: #000000;
    font-weight: 600;
    font-family: "Montserrat";
    font-size: 14px;
    line-height: 24px;
    color: #010101;
    font-weight: 500;
    font-family: "Montserrat";
}

section.about-page-vision {
    background: #003c45;
}

section.about-page-vision h2.text-left.about-heading {
    font-size: 48px;
    color: #ffffff;
    font-weight: 800;
    font-family: "Montserrat";
}

section.about-page-vision p.about-description-text {
    font-size: 34px;
    line-height: 54px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Montserrat";
}

section.about-page-vision span.spacer.dark.mb-3 {
    border: 1px solid #01525d;
    margin-top: 30px !important;
    width: 90%;
}

.image-vision {
    background-image: url(../img/about-us-vision.jpg);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    display: block;
    height: 100%;
}

section.mission {
    margin-top: 40px;
}

ul.mission-list li {
    padding: 6px 0px;
}

ul.mission-list li:last-child {
    margin-bottom: 21px;
}

ul.document-list li {
    background: #0a909b;
    padding: 10px;
    border-left: 6px solid #036169;
    float: left;
    width: 48%;
    margin: 0px 13px 10px 0;
}

ul.document-list li span {
    font-size: 16px;
    line-height: 28px;
    color: #fffefe;
    font-weight: 600;
    font-family: "Montserrat";
}

section.rel-document {
    background: #f3f3f3;
    padding: 40px 0px;
    margin: 35px 0px 0px 0px;
}

.footer-border.border-none {
    border: none;
}

.ps-5.mobile-none {
    padding: 15px 0px !important;
}

ul.benifit-list li {
    padding: 10px 0px;
    list-style: disc;
    margin: 0px !important;
}

ul.benifit-list li::marker {
    color: #0a909c;
    background: #0a909c !important;
    fill: #000;
    border: 1px solid #000 !important;
}

li.inner-list {
    list-style: none !important;
}

p.join-description-text-other {
    font-size: 16px;
    line-height: 28px;
    color: #444444;
    font-weight: 500;
    font-family: "Montserrat";
}

.image-next {
    background-image: url(../img/next.png);
    background-size: cover;
    background-position: center;
    min-height: 400px;
    height: 100%;
}

section.howtojoin {
    margin-top: 40px;
    margin-bottom: 20px;
}



/*==========================ishue facts=====================================================*/
.color-wrapper {
    background: #0a909c;
    padding: 30px;
}

p.fact-description-text.first-dd-p {
    margin-top: 21px;
}

span.stronger-point {
    font-size: 16px;
    line-height: 28px;
    color: #444444;
    font-weight: 500;
    font-family: "Montserrat";
}

img.isshues-pdf.personal.document.formater {
    width: 25px;
    margin-right: 10px;
}

img.isshues-pdf.personal.document.formater li {
    color: #ffffff !important;
    font-weight: 500;
    font-family: "Montserrat";
}

ul.isshues-fact-list li {

    border-bottom: 1px solid #b2b2b2;
    padding: 13px 0px;
}

ul.isshues-fact-list li a {
    color: #ffffff;
    font-weight: 500;
    font-family: "Montserrat";
}

.res-wrapper {
    background: #f5f5f5;
    padding: 20px 20px;
}

.res-wrapper p {
    margin-bottom: 0;
}

.res-wrapper a {
    text-decoration: underline !important;
    font-weight: 500;
}

.staff-member-box {
    position: relative;
}

.staff-member-name p:first-child {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: 700;
    font-family: "Montserrat";
}

.staff-member-name p:nth-child(2) {
    font-size: 16px;
    line-height: 24px;
    color: #ffffff;
    font-weight: 500;
    font-family: "Montserrat";
}

.staff-detail {
    background: #fff;
    /* padding: 15px; */
    box-shadow: rgba(0, 0, 0, 0.15) 1.95px 1.95px 2.6px;
}

.staff-detail ul li {
    padding: 9px 15px;
}

.staff-detail ul li span {
    margin: 0px 15px;
}

ul.staff-email {
    height: 170px;
}

ul.isshues-fact-list li:last-child {
    border: none;
}

/*===========================board=========================================================*/
p.name-of-board.text-dark {
    font-size: 20px;
    line-height: 24px;
    text-transform: uppercase;
    color: #000000;
    font-weight: 700;
    font-family: "Montserrat";
    text-align: center;
    margin-top: 10px;
    margin-bottom: 5px;
}

p.dignation-of-board.text-dark {
    font-size: 16px;
    line-height: 24px;
    color: #0a909c !important;
    font-weight: 400;
    font-family: "Montserrat";
    text-align: center;
}


/*============================staff image============================================*/
.staff-member-box {
    height: 350px !important;
    object-fit: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
sectin.staff-section.staff .staff-member-box {
    height: 350px !important;
}
.staff-member-name {
    text-align: center;
    /* opacity: 0.812; */
    vertical-align: bottom !important;
    background-color: rgba(0, 0, 0, 0.7);
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 8px 0px;
}
ul.notifications-box span.theame-color {
    font-weight: 500;
}
.staff-member-name p {
    margin-bottom: 0px;
}
ul.benifit-list.pad-box {
    padding: 0px 0px 0px 18px;
}
ul.benifit-list.pad-box li {
    font-size: 16px;
    line-height: 24px;
    color: #444444;
    font-weight: 300;
    font-family: "Montserrat";
}
/*emerjancy*/
ul.emargency-pdf-list {
    padding: 0 20px;
    background: #f5f5f5;
    box-shadow: rgba(0, 0, 0, 0.10) 0px 25px 20px -20px;
}

img.red-pdf.personal.document.formater {
    width: 40px;
    margin-right: 20px;
}

a.pdf-document-link.Emergencies {
    font-size: 14px;
    color: #222222;
    font-weight: 500;
    font-family: "Montserrat";
}

/*icon box*/
.at-icon-box {
    position: relative;
    padding: 0px 0px;
}

.at-icon-box.at-icon-left .at-icon-box-icon {
    float: left;
}

.at-icon-box.at-icon-left .at-icon-text,
.at-icon-box.at-icon-right .at-icon-text {
    overflow: hidden;
}

.at-icon-text h5 {
    font-size: 14px;

    color: #222222;
    font-weight: 500;
    font-family: "Montserrat";
}

.at-icon-text p {
    font-size: 13px;
    line-height: 24px;
    color: #555555;
    font-weight: 400;
    font-family: "Montserrat";
    margin-bottom: 0;
}

ul.emargency-pdf-list li {
    border-bottom: 1px solid #ddd;
    padding: 12px 0;
    margin: 2px 0;
    display: flex;
    justify-content: space-between;
    width: 100%;
}

ul.emargency-pdf-list li:last-child {
    border: 0;
}

ul.emargency-pdf-list li .at-icon-box {
    position: relative;
    padding: 0px 0px;
    align-items: center;
    display: flex;
    width: calc(100% - 260px);
    padding-right: 50px;
}
ul.emargency-pdf-list li .at-icon-text h5 {
    margin: 0;
}
ul.emargency-pdf-list li .red-pdf-action-btn {
    width: 260px;
    text-align: right;
}
ul.emargency-pdf-list li .custom-btn {
    font-size: 12px;
    line-height: 38px;
    padding: 8px 20px;
    border: 1px solid #0a909c;
}
ul.emargency-pdf-list li .custom-btn.light {
    background: transparent;
    color: #0a909c;
}

.red-pdf-action-btn button.custom-btn {
    margin-top: 0px;
}

button.custom-btn.light {
    background: none;
    border: 1px solid #0a909c;
    color: #0a909c !important;
}

button.custom-btn.light a {
    color: #000;
}

button.custom-btn.light:hover {
    background: #0a909c; color: #ffffff !important;
}

button.custom-btn.light:hover a {
    color: #ffff;
}

.emerjancy-txt {
    margin: 30px 0px;
}

.emerjancy-txt p span {
    font-size: 16px;
    line-height: 26px;
    color: #0a909c;
    font-weight: 500;
    font-family: "Montserrat";
}

.emerjancy-txt p {
    font-size: 16px;
    color: #444444;
    font-family: "Montserrat";
}

.emerjancy-txt-stronger-bolder {
    margin: 30px 0px;
}

.emerjancy-txt-stronger-bolder p {
    font-size: 16px;
    line-height: 26px;
    color: #444444;
    font-weight: 700;
    font-family: "Montserrat";
}

section.dictotry {
    margin: 40px 0px 0px 0px;
    /* background: #0a909c; */
}

section.dictotry ul {
    background: #0a909c;
    padding: 30px 35px 20px;
}
section.dictotry ul li {
    display: block;
    border-top: 1px solid #32aeb9;
    margin: 0 !important;
    padding: 20px 0;
}
section.dictotry ul li h5 {
    font-size: 18px;
    line-height: 24px;
    color: #a2f7ff;
    font-weight: 500; margin: 0 0 2px;
    font-family: "Montserrat";
}

section.dictotry ul li p {
    font-size: 14px;
    line-height: 24px;
    color: #cff6fa;
    font-weight: 500;
    font-family: "Montserrat";
}

/*==========================support group============================================*/
h3.notifications-box-title.text-left.text-dark.bo-tittle {
    line-height: 25px;
    font-size: 16px;
    line-height: 24px;
    color: #000000;
    font-weight: 600;
    font-family: "Montserrat";
}

.day.anme.text-white {
    background: #0b909c;
}

.day.anme.text-white h3 {
    margin: 0;
    margin-top: 15px;
}

/* ========================login======================================== */
.login-img-wrappe {
    background-size: cover;
    background-position: center;
    min-height: 400px;
    height: 100%;
}

form.login label {
    width: 100%;
    display: block;
}

/* memeber portal */
form.myform-bg {
    background: #f5f5f5;
    padding: 20px 25px;
    border-radius: 9px;
}

h3.text-dark.mm-login {
    font-size: 24px;
    line-height: 28px;
    color: #000000;
    font-weight: 600;
    font-family: "Montserrat";
}
nav.codehim-dropdown.mobi.red.sticky {
    display: none;
}
form.myform-bg input::placeholder {
    font-size: 14px;
    line-height: 26px;
    color: #777777;
    font-weight: 300;
    font-family: "Montserrat";
}

form.myform-bg button.btn.theame-button-dark {
    width: 100%;
    padding: 10px 0px;
}

.bolder-how-join h6 {
    font-size: 18px;
    line-height: 48px;
    color: #222222;
    font-weight: 700;
    font-family: "Montserrat";
}

p.text-underline.theame-color.custom {
    font-size: 18px;
    line-height: 48px;
    text-decoration: underline;
    color: #0a909c;
    font-weight: 500;
    font-family: "Montserrat";
}

p.text-dark.my-class-darker {
    /* width: 837px; */
    /* height: 87px; */
    font-size: 14px;
    line-height: 26px;
    color: #444444;
    font-weight: 500;
    font-family: "Montserrat";
}

ul.document-list.member-portal li {
    width: 100%;
}

ul.document-list.member-portal li a {
    font-size: 16px;
    line-height: 28px;
    color: #fffefe;
    font-weight: 600;
    font-family: "Montserrat";
}

.member-portal.public-resrouses {
    margin-top: 30px !important;
}

h2.resources-title-txt.mt-5 {
    font-size: 24px;
    line-height: 48px;
    color: #222222;
    font-weight: 500;
    font-family: "Montserrat";
}

ul.resourses-list-public li a {
    font-size: 14px;
    line-height: 14px;
    color: #555555;
    font-weight: 400;
    font-family: "Montserrat";
    /* padding: 35px 0px; */
}

ul.resourses-list-public li {
    padding: 5px 0px;
}

section.lite-bg {
    background: #f5f5f5;
    margin: 45px 0px 0px 0px;
    padding: 25px 0px;
}

ul.footer-menu.wiget-one.folder-resrouse li i {
    color: #e05f62;
    font-size: 30px;
}

ul.footer-menu.wiget-one.folder-resrouse li {
    display: flex;
    align-items: center;
}

ul.footer-menu.wiget-one.folder-resrouse li .cta-text {
    padding: 5px 0px 0px 30px;
}

h2.resources-title-tx {
    font-size: 18px;
    line-height: 48px;
    color: #222222;
    font-weight: 600;
    font-family: "Montserrat";
}

.left-folder-lidt {
    padding-right: 30px;
}

.right-folder-lidt {
    padding-left: 30px;
}

/*===========================@mediaquery================================================*/


@media(min-width:1200px) {
    .hom-slider-txt {
        width: 90%;
    }
}


@media(max-width:1199px) {

    header.header.mobile_header {
        display: block;
    }

    header.header.mobile_header .navbar .bx-menu {
        display: block;
    }

    header.header.mobile_header nav .navbar .nav-links {
        position: fixed;
        top: 0;
        left: -100%;
        display: block;
        max-width: 310px;
        width: 100%;
        background: #ffffff;
        line-height: 40px;
        padding: 20px 20px;
        box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        transition: all 0.5s ease;
        z-index: 1000;
    }

    header.header.mobile_header .navbar .nav-links .sidebar-logo {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    header.header.mobile_header .sidebar-logo .logo-name {
        font-size: 25px;
        color: #fff;
    }

    header.header.mobile_header .sidebar-logo i,
    header.header.mobile_header .navbar .bx-menu {
        font-size: 25px;
        color: #444;
    }

    header.header.mobile_header nav .navbar .links {
        display: block;
        margin-top: 20px;
    }

    header.header.mobile_header ul li i {
        color: #000 !important;
    }

    header.header.mobile_header ul li a {
        display: inline-block;
        width: 90%;
    }

    ul.js-sub-menu.sub-menu.main {
        display: block !important;
        background: none !important;
        line-height: 28px !important;
    }

    header.header.mobile_header nav .navbar .links li {
        display: block;
    }

    header.header.mobile_header nav .navbar .links li .sub-menu {
        position: relative;
        top: 0;
        box-shadow: none;
        display: none;
    }

    header.header.mobile_header nav .navbar .links li .sub-menu li {
        border-bottom: none;
    }

    header.header.mobile_header .navbar .links li .sub-menu .more-sub-menu {
        display: none;
        position: relative;
        left: 0;
    }

    header.header.mobile_header .navbar .links li .sub-menu .more-sub-menu li {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    header.header.mobile_header .links li:hover .htmlcss-arrow,
    header.header.mobile_header .links li:hover .js-arrow {
        transform: rotate(0deg);
    }

    header.header.mobile_header .navbar .links li .sub-menu .more-sub-menu {
        display: none;
    }

    header.header.mobile_header .navbar .links li .sub-menu .more span {
        /* background: red; */
        display: flex;
        align-items: center;
        /* justify-content: space-between; */
    }

    header.header.mobile_header .links li .sub-menu .more:hover .more-sub-menu {
        display: none;
    }

    header.header.mobile_header nav .navbar .links li:hover .htmlCss-sub-menu,
    header.header.mobile_header nav .navbar .links li:hover .js-sub-menu {
        display: none;
    }

    header.header.mobile_header .navbar .nav-links.show1 .links .htmlCss-sub-menu,
    header.header.mobile_header .navbar .nav-links.show3 .links .js-sub-menu,
    header.header.mobile_header .navbar .nav-links.show2 .links .more .more-sub-menu {
        display: block;
    }

    header.header.mobile_header .navbar .nav-links.show1 .links .htmlcss-arrow,
    header.header.mobile_header .navbar .nav-links.show3 .links .js-arrow {
        transform: rotate(180deg);
    }

    header.header.mobile_header .navbar .nav-links.show2 .links .more-arrow {
        transform: rotate(90deg);
    }

    header.header.mobile_header ul li a {
        color: #000 !important;
    }

    header.header.mobile_header ul li a {
        padding: 5px 0px;
    }

}

@media (max-width: 920px) {
    header.header.mobile_header nav .navbar {
        max-width: 100%;
        padding: 0 25px;
    }

    header.header.mobile_header nav .navbar .logo a {
        font-size: 27px;
    }

    header.header.mobile_header nav .navbar .links li {
        padding: 0 10px;
        white-space: nowrap;
    }

    header.header.mobile_header nav .navbar .links li a {
        font-size: 15px;
    }
}

@media (min-width: 992px) {
    .half-fluid .left-half {
        padding-left: 0 !important;
        position: absolute;
        left: 0;
        /* right: 50%; */
        margin-left: auto;
        width: auto;
    }

    .half-fluid .right-half {
        padding-right: 0 !important;
        position: absolute;
        right: 0;
        left: 50%;
        margin-left: auto;
        width: auto;
    }
}




@media(max-width:768px) {
    footer.footer-top .col-sm-3 {
        width: 50%;
    }

    .col-sm-4.tabel-cell {
        flex: 0 0 100%;
    }

    footer.footer-top .col-sm-2 {
        width: 50%;
    }

    footer.footer-top .col-sm-4 {
        width: 50%;
    }

    button.download-btn {
        width: auto !important;
    }

    .col-sm-4.tabel-cell {
        width: 50%;
    }

    .row.tabel-row .col-sm-4.tabel-cell:last-child {
        width: 100%;
        margin-top: 25px;
    }

    .col-md-6.project-img {
        width: 100%;
    }

    .col-md-6.project-text {
        width: 100%;
    }

    .project_text {
        margin: -80px 5px 0px 5px !important;
        padding: 30px !important;
    }

    .col-sm-6.list-column-center {
        display: flex;
        /* height: 420px; */
        object-fit: cover !important;
        align-items: center;
    }


    
}


@media(max-width:575px) {
    .folder-name {
        word-break: break-all;
        text-align: left;
    }
    .d-flex.align-items-stretch.flex-wrap.flex-column .d-inline-flex{
        width: 90%;
        flex: 0 0 90%;
    }
    div#main-folders .d-inline-flex {
        width: 46%;
        flex: 0 0 46%;
        margin: 10px 5px;
    }
    button.folder-container {
        margin: 10px 0px;
    }
    .ps-5.mobile-none.padd-auto {
        padding: 10px 0px !important;
    }
    ul.footer-menu.wiget-one li a{
        display: inline;
        margin-left:10px;
    }
    .col-sm-6.mobile-order-1 {
        order: 2;
        margin-bottom: 10px !important;
    }

    h3.pdf-tittle.text-white {
        margin-top: 40px;
    }

    .col-sm-4.tabel-cell {
        width: 100% !important;
        flex: 0 0 100% !important;
    }

    .col-sm-6.mobile-order-1 {
        margin-top: 40px !important;
    }

    footer.footer-top .col-sm-3 {
        width: 100%;
    }

    .borad .staff-member-box{
        height: auto !important;
    }

    footer.footer-top .col-sm-2 {
        width: 100%;
    }

    footer.footer-top .col-sm-4 {
        width: 100%;
    }

    ul#slide-logo li img {
        width: 160px !important;
        height: 160px !important;
    }

    ul#slide-logo li img {
        margin: auto;
    }

    ul.footer-social-handel li {
        width: 40% !important;

    }

    .col-sm-4.tabel-cell {
        width: 100%;
        margin: 15px 0px 0px 0px;
    }

    .row.tabel-row .col-sm-4.tabel-cell:last-child {
        margin: 15px 0px;
    }

    form.form textarea {
        margin: 0px 0px 30px 0px !important;
    }



    h2.emergency-resources-heading.text-left {
        font-size: 32px !important;
    }

    h3.contact-tittle.text-white.text-center {
        font-size: 30px !important;
    }

    section.our.gola {
        margin-top: 40px;
    }



    section.about {
        margin-bottom: 40px !important;
    }

    section.pdf-downloa {
        margin-top: 40px !important;
    }

    section.latest-news {
        margin-top: 40px !important;
    }

    section.emergency-resources {
        margin-top: 40px !important;
        padding: 40px 0px !important;
    }

    section.projects {
        margin-top: 40px !important;
    }

    section.news-slider {
        margin-top: 40px !important;
    }

    section.contact {
        margin-top: 40px !important;
    }

    section.logo-slider {
        margin-top: 40px !important;
    }

    section.our.gola {
        margin-top: 10px !important;
    }

    header.header.mobile_header img.image-fluid.logo-img {
        width: 50% !IMPORTANT;
    }

    section.contact {
        padding: 20px 0px;
    }

    form.form {
        margin-top: 0px;
    }

    h3.contact-tittle.text-white.text-center:after {
        top: 55px;
    }

    .project_text {
        padding: 20px !important;
    }

    h4.text-left.projecrt-title-secnodry {
        font-size: 24px;
    }

    p.sectio-discraption.text-center {
        text-align: left !important;
    }

    section.our.gola p {
        text-align: left !important;
        font-size: 16px !important;
    }

    h2.goal-heading.text-center.text-dark {
        font-size: 20px;
        text-align: left !important;
    }

    section.about .col-lg-6.offset-lg-6.py-5.ps-lg-5 {
        padding: 0px;
        padding-top: 10px !important;
    }

    p.about-description-text {
        margin-top: 10px;
    }

    h2.section-heading.text-left.about-heading:after {
        top: 40px;
    }

    section.about .col-lg-6.py-5.pe-lg-5 {
        padding: 0;
        padding-top: 10px !important;
    }

    h2.goal-heading.text-center.text-dark {
        margin-bottom: 0px;
    }

    p.text-center.reglur {
        margin-top: 0rem;
    }

    ul.document-list li {
        margin: 10px 0px;
        width: 100%;
    }
    
    button.download-btn,
    a.download-btn {
        font-size: 18px;
        line-height: 56px;
        width: 265px;
        height: 60px;
    }
    .search-box{
        left: -60px;
    }
}



@media (max-width: 480px) {
    form.form textarea {
        width: 100%;
        height: 98px;
        padding: 10px 10px;
    }

    form.form input {
        height: 52px;
    }

    .project_img img {
        height: 250px;
    }

    h1.slider-title {
        font-size: 20px;
        margin: 0;
    }

    img.image-fluid.slide-border {
        margin: auto;
    }

    p.slide-discription {
        font-size: 14px;
        line-height: 21px;
    }

    .slider-bg {
        padding: 10px;
    }

    form.form input,
    textarea::placeholder {
        font-size: 12px;
    }

    h3.sector-title.text-left {
        line-height: 30px;
    }

    h2.emergency-resources-heading.text-left {
        font-size: 28px !important;
    }

    section.sector h2:after {
        top: 50px;
    }

    p.pdf-discraption.text-white.text-left {
        font-size: 16px;
        line-height: 30px;
        margin-top: 0px;
        margin-bottom: 15px;
    }

    h3.pdf-tittle.text-white {
        font-size: 30px;
        margin-bottom: 20px !important;
        line-height: 30px;
    }
}



h2.section-heading.text-left.get-heading.text-white::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0px;
    bottom: -17px;
    border-bottom: 1px solid #454545;
    width: 90%;
}

@media (max-width: 370px) {
    header.header.mobile_header nav .navbar .nav-links {
        max-width: 100%;
    }
}


section.news-slider ul.slick-dots {
    display: none !important;
}

/* sub menu */
section.bottom-header ul li .arrow {
    /* background: red; */
    width: 13px;
    /* line-height: 70px; */
    text-align: center;
    display: inline-block;
    color: #000;
    transition: all 0.3s ease;
}

section.bottom-header .bx {
    font-family: 'boxicons' !important;
    font-weight: normal;
    font-style: normal;
    font-variant: normal;
    line-height: 1;
    display: inline-block;
    text-transform: none;
    /* speak: none; */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

section.bottom-header ul.sub-menu {
    position: absolute;
    top: 64px;
    left: 0px;
    line-height: 40px;
    background: #0a909c;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 4px 4px;
    display: none;
    z-index: 2;
    width: 200px;
    transition: 0.9s;
}

section.bottom-header li:hover .js-sub-menu {
    display: block;
    transition: 0.9s;
    transition: all 0.5s ease;
}

ul.navbar-nav.me-auto.mb-2.mb-lg-0 li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style: none;
    padding: 0 12px;
}

section.bottom-header ul.sub-menu li a {
    /* height: 100%; */
    text-decoration: none;
    /* white-space: nowrap; */
    color: #fff !important;
    font-size: 13px;
    font-weight: 500;
    line-height: 16px;
    padding: 9px 0 !important;
}

section.bottom-header ul.sub-menu li a {
    padding: 0 22px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* sub sub menu */
section.bottom-header .sub-menu-inner,
section.bottom-header .sub-menu-inner2 {
    position: absolute;
    top: 0;
    left: 100%;
    border-radius: 0 4px 4px 4px !important;
    z-index: 1;
    display: none;
    line-height: 40px;
    background: #0a909c;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0 0 4px 4px;
    /* margin: 0px 7px; */
    width: 150px;
}

section.bottom-header .more:hover .sub-menu-inner,
section.bottom-header .more2:hover .sub-menu-inner2 {
    display: block;
    transition: 0.9s;
}

.arrow.more-arrow {
    color: #fff !important;
}



/* header menu */
section.bottom-header ul.dropdown-menu {
    width: 220px;
}

.dropdown-item {
    white-space: inherit !important;
}

ul.dropdown-menu.show li a {
    padding: 10px 0px !important;
}

/* sidebar csss */
.my-nav-links {
    height: 100%;
    padding: 30px 0 150px 0;
    overflow: auto;
}

.sidebar.close .my-nav-links {
    overflow: visible;
}

.my-nav-links::-webkit-scrollbar {
    display: none;
}

.my-nav-links li {
    position: relative;
    list-style: none;
    transition: all 0.4s ease;
}

.my-nav-links>li.active:before,
.my-nav-links>li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: '';
    width: 4px;
    height: 100%;
    /* background:#93181a; */
    opacity: 0;
    transition: all 0.25s ease-in-out;
    border-top-right-radius: 5px;
    border-top-right-radius: 5px;
}

.my-nav-links li.active:before,
.my-nav-links li:hover:before {
    opacity: 1;
}

.my-nav-links li .iocn-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sidebar.close .my-nav-links li .iocn-link {
    display: block
}

.my-nav-links li i {
    height: 50px;
    min-width: 78px;
    text-align: center;
    line-height: 50px;
    color: #11101d;
    font-size: 20px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.my-nav-links li.active i,
.my-nav-links li:hover i {
    color: #93181a;
}

.my-nav-links li.showMenu i.arrow {
    transform: rotate(-180deg);
}

.sidebar.close .my-nav-links i.arrow {
    display: none;
}

.my-nav-links li a {
    /* display: flex; */
    /* align-items: center; */
    text-decoration: none;
}

.my-nav-links li a .link_name {
    font-size: 16px;
    font-weight: 400;
    color: #11101d;
    transition: all 0.4s ease;
}

.my-nav-links li.active a .link_name,
.my-nav-links li:hover a .link_name {
    color: #0a909c;
}

.sidebar.close .my-nav-links li a .link_name {
    opacity: 0;
    pointer-events: none;
}

.my-nav-links li .sub-menu {
    padding: 6px 6px 14px 5px;
    margin-top: -10px;
    background: #fff;
    display: none;
}

.my-nav-links li.showMenu .sub-menu {
    display: block;
}

.my-nav-links li .sub-menu a {
    color: #1d1b31;
    font-size: 15px;
    padding: 5px 0;
    white-space: nowrap;
    opacity: 0.6;
    transition: all 0.3s ease;
}

.my-nav-links li .sub-menu a:hover {
    opacity: 1;
}

.sidebar.close .my-nav-links li .sub-menu {
    position: absolute;
    left: 100%;
    top: -10px;
    margin-top: 0;
    padding: 10px 20px;
    border-radius: 0 6px 6px 0;
    opacity: 0;
    display: block;
    pointer-events: none;
    transition: 0s;
}

.sidebar.close .my-nav-links li:hover .sub-menu {
    top: 0;
    opacity: 1;
    pointer-events: auto;
    transition: all 0.4s ease;
}

.my-nav-links li .sub-menu .link_name {
    display: none;
}

.sidebar.close .my-nav-links li .sub-menu .link_name {
    font-size: 18px;
    opacity: 1;
    display: block;
}

.my-nav-links li .sub-menu.blank {
    opacity: 1;
    pointer-events: auto;
    padding: 3px 20px 6px 16px;
    opacity: 0;
    pointer-events: none;
}

.my-nav-links li:hover .sub-menu.blank {
    top: 50%;
    transform: translateY(-50%);
}

.profile-details {
    position: fixed;
    bottom: 0;
    width: 260px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #1d1b31;
    padding: 12px 0;
    transition: all 0.5s ease;
}

.sidebar.close .profile-details {
    background: none;
}

.sidebar.close .profile-details {
    width: 78px;
}

.profile-details .profile-content {
    display: flex;
    align-items: center;
}

.profile-details img {
    height: 52px;
    width: 52px;
    object-fit: cover;
    border-radius: 16px;
    margin: 0 14px 0 12px;
    background: #1d1b31;
    transition: all 0.5s ease;
}

.sidebar.close .profile-details img {
    padding: 10px;
}

.profile-details .profile_name,
.profile-details .job {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
    white-space: nowrap;
}

.profile-details .job {
    color: #fff;
    font-size: 14px;
    font-weight: 300;
    opacity: .5;
    white-space: nowrap;
}

.profile-details i.bx {
    min-width: 50px;
}

.sidebar.close .profile-details i,
.sidebar.close .profile-details .profile_name,
.sidebar.close .profile-details .job {
    display: none;
}

.profile-details .job {
    font-size: 12px;
}

.home-section {
    position: relative;
    background: #E4E9F7;
    height: 100vh;
    left: 260px;
    width: calc(100% - 260px);
    transition: all 0.5s ease;
}

.sidebar.close~.home-section {
    left: 78px;
    width: calc(100% - 78px);
}

.home-section .home-content {
    height: 60px;
    display: flex;
    align-items: center;
}

.home-section .home-content .bx-menu,
.home-section .home-content .text {
    color: #11101d;
    font-size: 35px;
}

.home-section .home-content .bx-menu {
    margin: 0 15px;
    cursor: pointer;
}

.home-section .home-content .text {
    font-size: 26px;
    font-weight: 600;
}

ul.my-nav-links li a {
    white-space: normal !important;
    line-height: 28px;
    /* border-bottom: 1px solid #ddd; */
}

ul.my-nav-links li ul.sub-menu li {
    border-bottom: 1px solid #ddd;
}

@media (max-width: 420px) {
    .sidebar.close .my-nav-links li .sub-menu {
        display: none;
    }
}


/* 404 not found */
.cls-1 {
    fill: #000000;
}

.cls-2 {
    fill: #0a909c;
}

.cls-3 {
    fill: #0a909c;
}

.cls-4 {
    fill: #0a909cc7;
}

.cls-5 {
    fill: #0a909cc7;
}

.cls-6,
.cls-7,
.cls-8 {
    fill: #000000;
}

.cls-10,
.cls-6 {
    opacity: 0.6;
}

.cls-7 {
    opacity: 0.4;
}

.cls-9 {
    fill: #0a909cc7;
}

.cls-11 {
    fill: #0a909cc7;
}

.cls-12 {
    fill: #0a909c;
}

.cls-13 {
    fill: #0a909c;
}

.cls-14 {
    fill: #60929c;
}


/* animations */

.wheel {
    animation: wheel-rotate 6s ease infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes wheel-rotate {
    50% {
        transform: rotate(360deg);
        animation-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }

    100% {
        transform: rotate(960deg)
    }
}

.clock-hand-1 {
    animation: clock-rotate 3s linear infinite;
    transform-origin: bottom;
    transform-box: fill-box;
}

.clock-hand-2 {
    animation: clock-rotate 6s linear infinite;
    transform-origin: bottom;
    transform-box: fill-box;
}

@keyframes clock-rotate {
    100% {
        transform: rotate(360deg)
    }
}

#box-top {
    animation: box-top-anim 2s linear infinite;
    transform-origin: right top;
    transform-box: fill-box;
}

@keyframes box-top-anim {
    50% {
        transform: rotate(-5deg)
    }
}

#umbrella {
    animation: umbrella-anim 6s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes umbrella-anim {
    25% {
        transform: translateY(10px) rotate(5deg);
    }

    75% {
        transform: rotate(-5deg);
    }
}

#cup {
    animation: cup-rotate 3s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite;
    transform-origin: top left;
    transform-box: fill-box;
}

@keyframes cup-rotate {
    50% {
        transform: rotate(-5deg)
    }
}

#pillow {
    animation: pillow-anim 3s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes pillow-anim {
    25% {
        transform: rotate(10deg) translateY(5px)
    }

    75% {
        transform: rotate(-10deg)
    }
}

#stripe {
    animation: stripe-anim 3s linear infinite;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes stripe-anim {
    25% {
        transform: translate(10px, 0) rotate(-10deg)
    }

    75% {
        transform: translateX(10px)
    }
}

#bike {
    animation: bike-anim 6s ease infinite;
}

@keyframes bike-anim {
    0% {
        transform: translateX(-1300px)
    }

    50% {
        transform: translateX(0);
        animation-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }

    100% {
        transform: translateX(1300px)
    }
}

#rucksack {
    animation: ruck-anim 3s linear infinite;
    transform-origin: top;
    transform-box: fill-box;
}

@keyframes ruck-anim {
    50% {
        transform: rotate(5deg)
    }
}

.circle {
    animation: circle-anim ease infinite;
    transform-origin: center;
    transform-box: fill-box;
    perspective: 0px;
}

.circle.c1 {
    animation-duration: 2s
}

.circle.c2 {
    animation-duration: 3s
}

.circle.c3 {
    animation-duration: 1s
}

.circle.c4 {
    animation-duration: 1s
}

.circle.c5 {
    animation-duration: 2s
}

.circle.c6 {
    animation-duration: 3s
}

@keyframes circle-anim {
    50% {
        transform: scale(.2) rotateX(360deg) rotateY(360deg)
    }
}

.four,
#ou {
    animation: four-anim cubic-bezier(0.39, 0.575, 0.565, 1) infinite;
}

.four.a {
    transform-origin: bottom left;
    animation-duration: 3s;
    transform-box: fill-box;
}

.four.b {
    transform-origin: bottom right;
    animation-duration: 3s;
    transform-box: fill-box;
}

#ou {
    animation-duration: 6s;
    transform-origin: center;
    transform-box: fill-box;
}

@keyframes four-anim {
    50% {
        transform: scale(.98)
    }
}

/* search result */
form#search-form input {
    padding: 10px 10px;
    border-radius: 9px;
}

div#filter select {
    padding: 10px 10px;
    border-radius: 9px;
}

/* website list */
section.dictotry.website-list ul li {
    padding: 10px;
    margin: 0px 0px 10px 0px !important;
}

section.dictotry.website-list img.red-pdf.personal.document.formater {
    width: 35px;
}

/* our sector */
section.sectorlist {
    background: #0a909c;
    margin: 40px 0px;
    padding: 40px 0px;
}

section.sectorlist h2 {
    color: #fff !important;
}

ul.sector-list {
    margin-top: 30px;
}

ul.sector-list li {
    color: #fff;
    font-size: 15px;
    line-height: 34px;
    color: #cff6fa;
    font-weight: 500;
    font-family: "Montserrat";
    /* display: inline; */
    width: 33%;
    float: left;
}

.strory.box {
    box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
    margin: 15px 0px;
    border-radius: 9px;
}

.my-pad-bx {
    padding: 0px 25px 25px 25px;
}

ul.author-meta {
    display: flex;
    justify-content: space-between;
    margin: 10px 0px;
}


.calendar-day {
    width: 100px;
    min-width: 100px;
    max-width: 100px;
    height: 80px;
}

.calendar-table {
    margin: 0 auto;
    width: 100%;
    border: 1px solid #dee2e6;
}

.selected {
    background-color: #eee;
}

.outside .date {
    color: #ccc;
}

.timetitle {
    white-space: nowrap;
    text-align: right;
}

.event {
    border-top: 1px solid #b2dba1;
    border-bottom: 1px solid #b2dba1;
    background-image: linear-gradient(to bottom, #dff0d8 0px, #c8e5bc 100%);
    background-repeat: repeat-x;
    color: #3c763d;
    border-width: 1px;
    font-size: 0.75em;
    padding: 0 0.75em;
    line-height: 2em;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 1px;
}

.event.begin {
    border-left: 1px solid #b2dba1;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.event.end {
    border-right: 1px solid #b2dba1;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.event.all-day {
    border-top: 1px solid #9acfea;
    border-bottom: 1px solid #9acfea;
    background-image: linear-gradient(to bottom, #d9edf7 0px, #b9def0 100%);
    background-repeat: repeat-x;
    color: #31708f;
    border-width: 1px;
}

.event.all-day.begin {
    border-left: 1px solid #9acfea;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.event.all-day.end {
    border-right: 1px solid #9acfea;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.event.clear {
    background: none;
    border: 1px solid transparent;
}

.table-tight>thead>tr>th,
.table-tight>tbody>tr>th,
.table-tight>tfoot>tr>th,
.table-tight>thead>tr>td,
.table-tight>tbody>tr>td,
.table-tight>tfoot>tr>td {
    padding-left: 0;
    padding-right: 0;
}

.table-tight-vert>thead>tr>th,
.table-tight-vert>tbody>tr>th,
.table-tight-vert>tfoot>tr>th,
.table-tight-vert>thead>tr>td,
.table-tight-vert>tbody>tr>td,
.table-tight-vert>tfoot>tr>td {
    padding-top: 0;
    padding-bottom: 0;
}


table.calendar-table.table.table-condensed.table-tight.table tr td {
    border: 1px solid #dee2e6;
    padding: 0 10px;
}

table.calendar-table.table.table-condensed.table-tight thead tr td {
    border: none !important;
    /* border-bottom: 1px solid #000 !important; */
    padding: 0px 10px !important;
}

tr.c-weeks th {
    padding: 10px 10px;
    border: 1px solid #dee2e6;
}

th.c-name {
    padding: 10px !important;
}

td.text-center.table-primary.theame-color {
    background: #cfe2ff;
    width: 70%;
    color: #000 !important;
}

td.text-center.table-primary.theame-color span button {
    color: #0a909c;
    text-decoration: none;
}

th.c-name {
    border: 1px solid #dee2e6 !important;
}

span.badge {
    background: #0a909c !important;
}

ul.image-list {
    display: flex;
    align-items: center;
}

img.petimgs {
    width: 80%;
    margin: auto;
    display: flex;
}

/* ==============================mobile media============================== */

@media(max-width:575px) {
    ul.sector-list li {
        width: 100% !important;
        float: none;
    }

    section.about-page-vision p.about-description-text {
        line-height: 40px;
    }

    ul.staff-email {
        height: auto;
    }

    .borad .staff-member-box {
        height: auto;
    }

    section.rel-document {
        padding: 30px 0px;
        margin: 0px;
    }

    h3.benifit-image {
        line-height: 28px;
    }

    section.howtojoin {
        margin: 0px 0px;
    }

    ul.emargency-pdf-list li {
        display: block;
        width: 100%;
    }

    .mobile-order {
        order: 2;
    }

    .at-icon-text p {
        word-break: break-all;
    }

    .contact-form {
        margin: 0px;
        box-shadow: none;
        padding: 0px;
    }

    .custom-sontact-area {
        box-shadow: none;
    }

    section.main-contact-form ul li {
        padding: 10px 0px;
    }

    section.main-contact-form h3.theame-color.mt-3 {
        line-height: 28px;
    }

    section.main-contact-form ul li {
        width: 100%;
    }

    section.howtojoin ul.document-list li a {
        word-break: break-all;
    }

    .bolder-how-join h6 {
        line-height: 28px;
    }

    section.member-portal p a {
        word-break: break-all;
    }

    .red-pdf-action-btn {
        margin-top: 20px;
    }

    .right-folder-lidt {
        padding-left: 0px;
    }

    .left-folder-lidt {
        padding-right: 0px;
    }

    .left-folder-lidt.mt-5 {
        margin-top: 20px !important;
    }

    .right-folder-lidt.mt-5 {
        margin-top: 20px !important;
    }

    ul.image-list {
        display: block;
    }

    form.form.contact-us textarea {
        margin: 0px !important;
    }
}

@media(max-width:767px) {
    .overflow-tabel {
        width: 100%;
        overflow: scroll;
    }
}


@media(max-width:1024px) {
    form.form textarea {
        width: 100%;
    }

    ul.document-list li {
        width: 100%;
    }

    ul.sector-list li {
        width: 50%;
    }
}


.codehim-dropdown {
    font-family: 'Nunito', sans-serif;
    font-style: normal;
    font-weight: 300;
    
}

.codehim-dropdown {
    width: 100%;
    height: 50px;
    box-sizing: border-box;
    -webkit-tap-highlight-color: transparent;
    transition: 0s;
}

.codehim-dropdown.sticky {
    /* position: fixed; */
    top: 0;
    left: 0;
    z-index: 999;
    /* box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); */
    /* -webkit-box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.5); */
    width: 100%;
    display: flex !important;
    justify-content: flex-end;
    margin: auto;
    text-align: center;
    align-items: center;
}

/* Global Style for Codehim Dropdowns */

.codehim-dropdown a {
    outline: 0;
}

.has-child span.parent+ul,
.menu-items {
    background: #fff;
    list-style: none;
    display: none;
}

.dropdown-heading:after {
    font-family: FontAwesome;
    font-weight: 300;
    display: inline-block;
    content: "\f107";
}

.dropdown-heading.active:after {
    transform: rotateZ(180deg);
    -webkit-transform: rotateZ(180deg);
    -moz-transform: rotateZ(180deg);
}

.codehim-dropdown ul.dropdown-items>li.active .dropdown-heading:after {
    color: #fff;
}

.dropdown-heading,
.dropdown-heading.active,
.dropdown-heading:hover,
.dropdown-heading:after,
.dropdown-heading.active:after {
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
}


/* Home Link Style */

li.home-link a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.7);
    text-align: center;
    font-size: 20px;
    display: inline-block;
    width: 45px;
    height: 50px;
    background: rgba(0, 0, 0, 0.3);
    line-height: 50px;
}


/* Dim background effect */

.dim-overlay {
    display: none;
}

.dim-overlay:before {
    content: "";
    background-color: rgba(0, 0, 0, .5);
    height: 100%;
    /* for zombies browsers */
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 2;
}

.menu-items li a {
    display: block;
    padding: 10px;
    color: #444;
    cursor: pointer;
    text-decoration: none;
    font-size: 15px;
    white-space: nowrap;
    /* overflow: hidden; */
    /* text-overflow: ellipsis; */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    white-space: inherit;
}

.has-child span.parent:hover,
.menu-items li a:hover {
    background: #e0e0e0;
}

.has-child span.parent:after {
    font-family: FontAwesome;
    float: right;
}

.main-links {
    text-decoration: none;
}
li.has-child.animated.fadeInUp a.main-links {
    padding: 0;
}span.parent a.main-links {
    display: inline;
}

/* Codehim Dropdowns Mobile View */

@media only screen and (max-width: 480px) {
    .codehim-dropdown {
        position: relative;
        font-size: 14px;
    }
    .codehim-dropdown .icon {
        margin: 0 10px 0 5px;
        font-size: 16px;
    }
    /* The Off Canvas Menu */
    .dropdown-items {
        height: 100%;
        /* for zombies browsers */
        height: 100vh;
        display: none;
        overflow: scroll;
        box-sizing: border-box;
        position: fixed;
        top: 0;
        z-index: 999;
    }
    .menu-items {
        background: #fff;
    }
    .menu-items li a {
        padding-left: 15px;
        background: transparent;
    }
    .dropdown-items li {
        border-bottom: 1px dotted rgba(255, 255, 255, 0.16);
        overflow: hidden;
    }
    /* hamburger menu icon to reveal off canvas menu on mobile devices */
    .hamburger {
        position: absolute;
        width: 32px;
        height: 32px;
        top: 8px;
        border-radius: 50%;
        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
        text-align: center;
        color: rgba(255, 255, 255, 0.8);
        font-size: 20px;
        line-height: 32px;
    }
    .hamburger:hover {
        background: rgba(0, 0, 0, 0.15);
    }
    
    /* .hamburger.left {
        left: 10px;
    } */
    .hamburger.right {
        right: 10px;
    }
    .dropdown-items .parent+ul {
        background: #fff;
        margin: 0;
        box-sizing: border-box;
        display: none;
    }
    /* Sub Menu list item */
    .dropdown-items .parent+ul li a {
        padding-left: 30px;
    }
    .main-links,
    .dropdown-heading {
        display: block;
        padding: 15px;
        color: rgba(255, 255, 255, 0.8);
        cursor: pointer;
    }
    .main-links:hover,
    .dropdown-heading:hover {
        background: rgba(0, 0, 0, 0.15);
        color: #fff;
    }
    .dropdown-heading:after {
        font-family: FontAwesome;
        font-weight: 300;
        display: inline-block;
        content: "\f107";
        /* float: right; */
    }
    /* Sub Dropdowns heading */
    .has-child span.parent {
        padding: 15px;
        font-weight: 700;
        border-bottom: 1px solid #e0e0e0;
        display: block;
        background: transparent;
    }
    .has-child span.parent:after {
        content: "\f107";
        margin-right: 15px;
    }
}


/* Codehim Dropdowns PC View */

@media only screen and (min-width: 480px) {
    .menu-items {
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
        width: 230px;
        position: absolute;
        left: 2px;
        z-index: 999;
    }
    /* .menu-items li {} */
    .dropdown-items {
        list-style: none;
    }
    /* A list of main items */
    .dropdown-items li {
        display: inline;
        position: relative;
    }
    a.main-links,
    .dropdown-heading {
        cursor: pointer;
        color: rgb(0 0 0);
        display: inline-block;
        padding: 6px 10px;
        -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
        font-weight: 400;
        text-decoration: none;
    }
    .main-links:hover,
    .dropdown-heading.active,
    .dropdown-heading:hover {
        color: #0a909c;
    }

    .has-child span.parent:after {
        content: "\f105";
    }
    /* Multilevel Dropdown */
    .has-child {
        position: relative;
    }
    /* The visible heading (parent) for multilevel dropdown items */
    .has-child span.parent {
        display: block;
        width: 100%;
        box-sizing: border-box;
        padding: 10px;
        font-size: 15px;
        font-weight: 400;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #000;
    }
    .has-child ul {
        position: absolute;
        display: block;
        width: 200px;
        left: 100%;
        z-index: 3;
        top: 0;
        box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.4);
        display: none;
    }
}


@media(max-width:1199px){
    .hamburger:after {
        font-family: FontAwesome;
        content: "\f0c9";
        font-weight: 200;
        color: #000;
    }
    ul.dropdown-items.red {
        background: #0a909c;
        position: fixed;
        z-index: 999;
        height: 100vh;
        height: 100%;
        top: 0;
        z-index: +1;
    }
    .dropdown-items li {
        display: block;
        position: relative;
        text-align: left;
        padding: 10px 0px;
    }
    .main-links, .dropdown-heading {
        display: inline;
        padding: 10px 5px;
        color: rgba(255, 255, 255, 0.8);
        cursor: pointer;
    }.dropdown-items li {
        border-bottom: 1px dotted rgba(255, 255, 255, 0.16);
        overflow: hidden;
    }
    .main-links:hover, .dropdown-heading:hover {
        background: rgba(0, 0, 0, 0.15);
        color: #fff;
    }
    .dropdown-heading:after {
        font-family: FontAwesome;
        font-weight: 300;
        display: inline-block;
        content: "\f107";
        /* float: right; */
        right: 8px;
        position: absolute;
    }
    ul.menu-items li {
        padding: 4px 0px;
        /* z-index: 9999; */
        /* position: revert-layer; */
    }
    .main-links:hover, .dropdown-heading:hover{
        display: block;
    }
    .col-sm-12.tow-col {
        display: inline-flex;
        align-items: center;
    }
    .hamburger{
        right: 0;
    }
    section.top-heder {
        display: none;
    }
    section.bottom-header {
        border-bottom: 1px solid #ddd;
        /* border-top: 1px solid #ddd; */
        padding: 10px 0px;
    }
    section.bottom-header .tow-col .logo_part {
        display: block;
    }
    li.nav-item.tab_view {
        display: block;
    }.search-box.tablat-view {
        display: block;
    }
    .input-box.showInput {
        opacity: 1 !important;
    }
    ul.style-bg{
        display: flex;
    }
    
}

.alert-front{
    z-index: 99;
    top: 0px;
    right: 18px;
    min-width: 30%;
    position: fixed;
    animation: slide .5s forwards;
}

/***** my css *****/

input#search-bar.is-invalid {
    border-color: red;
}
form #search .form-group input.form-control {
    height: 48px;
}
form #search .form-group button.custom-btn {
    width: 100%;
    height: 48px;
    line-height: 24px;
    padding: 0;
}
.search-result form .row#filter {
    padding: 25px 0;
}
.search-result form .row#filter label.mb-2 {
    font-weight: 600;
}
ul.betcrum-list li a {
    color: #444444;
    font-size: 14px;
    font-weight: 500;
}
ul.betcrum-list li a:hover {
    color: #0a909c;
}
ul.betcrum-list li:last-child a {
    font-weight: 600; color: #000000;
}

.btn {
    font-size: 16px;
    letter-spacing: 0px;
    color: #ffffff;
    font-weight: 600;
    background: #0a909c;
    border-radius: 50px;
    padding: 12px 25px;
    border-color: #0a909c !important;
    min-width: 125px;
}
.btn:hover {
    color: #0a909c;
    background: #ffffff;
}

.col .card {
    overflow: hidden;
    border: none;
}
.card .login h5.fw-normal {
    color: #000000;
    font-size: 30px;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    margin: 28px 0 0 !important;
}

#search_page ul.emargency-pdf-list li .red-pdf-action-btn {
    width: 115px;
}
#search_page ul.emargency-pdf-list li .at-icon-box {
    width: calc(100% - 115px); padding-right: 10px;
}