.z-100{
    z-index:100;
}
.w-full{
    width: 100%;
}
.lg\:h-\[600px\]{
     height: 600px;
}
.relative{
    position: relative;
}
.absolute {
    position: absolute;
}
.top-0 {
    top: 0;
}
.object-cover {
    object-fit: cover;
}
.h-full {
    height: 100%;
}
.w-full {
    width: 100%;
}
.left-0 {
    left: 0;
}
.justify-center {
    justify-content: center!important;
}
.items-center {
    align-items: center!important;
}
.flex {
    display: flex!important;
}
.gap-2 {
    gap: 0.5rem !important;
}
.homehero-document .banner-notic{
    right:2rem;
}
#mute-btn-hero {
   width: 48px;
    height: 48px;
    border-radius: 100px;
    background-color: rgba(255,255,255, 0.8);
    padding: 11px !important;
    border: none;
}
#mute-btn-hero:hover, #play-pause-btn:hover{
    background-color: rgba(255,255,255, 1);
}
.top-4 {
    top: 1rem;
}
.right-4 {
    right: 1rem;
}
.right-8{
    right:2rem;
}
#mute-btn-hero svg {
   display:none !important;
       width: 24px;
    height: 24px;
}
#mute-btn-hero[aria-pressed=false] .mute, #mute-btn-hero[aria-pressed=true] .unmute {
    display: block!important;
}

.data-table--number-data .data-table__body tr:last-child {color:inherit !important;}
form .freeform-row .freeform-column .freeform-input[type=checkbox] {
    width: 20px;
}
.menu-area .collapse, .top-head .collapse {
    visibility: visible;
}
 .hidden {
    display: none;
   
}
#play-pause-btn svg{
     width: 24px;
    height: 24px;
}
#play-pause-btn {
    width: 48px;
    height: 48px;
    padding: 11px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 100%;
        border: none;
    right: 15px;
    top: 15px;
    background-color: rgba(255,255,255, 0.8);
}
.bg-gray {
    background: #c5d4ce4d!important;
}
form .freeform-button-container button[type="submit"] {
    font-size: 16px;
    font-size: 1rem;
    font-family: "proxima-nova", sans-serif;
    font-weight: bold;
    letter-spacing: 1px;
    display: block;
    text-transform: uppercase;
    text-align: center;
    background: #008996;
    color: #fff;
    border-radius: 1px;
    border: 0;
    padding: 14px 20px 12px;
    position: relative;
    box-shadow: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border: 1px solid #fff;
}
form .freeform-button-container button[type="submit"]:hover {
    background: #fff;
    color: #008996;
    border: 1px solid #008996;
}
form .freeform-row label:not(.freeform-label) .freeform-input[type="checkbox"], form .freeform-row label .freeform-input[type="checkbox"] {
    background: none;
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-bottom: -5px;
    padding: 0;
}
form .freeform-row label:not(.freeform-label) .freeform-input[type="checkbox"]:checked, form .freeform-row label .freeform-input[type="checkbox"]:checked {
    background: #008996;
}
form .freeform-row label:not(.freeform-label) .freeform-input[type="checkbox"]:checked::before, form .freeform-row label .freeform-input[type="checkbox"]:checked::before {
    content: '\2713';
    position: absolute;
    top: 3px;
    left: 4px;
    color: #fff;
}
input[type="radio"]+label::before{
    width:24px !important;
    height:23px !important;
}
.category-card .btn-featured, .map-data__table.list-table-custom .data-table__body .latest-box .list-view-featured .btn-featured{
    width: auto;
    height: 30px;
    line-height: 30px;
    background-color: #008b99 !important;
    color: #fff;
    display: inline-block;
    position: relative;
    z-index: 1;
    border-radius: 30px;
    padding: 0 15px !important;
    text-align: center;
    text-transform: uppercase;
    font-weight: 600;
    letter-spacing: 0.5px;
}
.card-block.card-block--two.card-block--tabbedSection .tabs {
    width: 100% !important;
}
section.homepage-section.l-row.pt-2.px-3{
    padding-left: 0px !important;
    padding-right: 0px !important;
    margin:0;
}
.resource-slider-container .featuredresource-slider .latest-box.latest-1 {
    max-width: 880px;
    margin-left: 13px;
}
.utility-navigation__button {
    padding: 0px 15px;
    margin-left: 20px;
}
.submenu-toggle {
    width: 75px;
    height:30px;
    text-align: center;
}
button.close.modal-close {
    position: absolute;
    right: -35px;
    top: -18px;
    width: fit-content;
    margin-left: auto;
    opacity: 1;
    color: #fff;
    font-size: 3rem;
    line-height: 2rem;
    font-weight: normal;
    z-index: 999;
}
button.close.modal-close > span{
    display: inline-block;
}
.overlay--orange {
    background-color: #D06F1A !important;
}
.card_link {
    display: flex;
}

.prog-card-link {
    display: flex;
    box-shadow:none;
}
.banner-content .btn {
    padding-top: 7px;
    padding-bottom: 7px;
    line-height: 20px;
}
.banner-content .btn:hover {
    background-color: transparent !important;
    /*color: #78a22f;*/
}


.head a:hover {
    background-color: inherit !important;
}

.page-container {
    padding-top: 0px !important;
}

.sticky {
    position: sticky;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 999;
}

.pagination__link:hover {
    background-color: #008B99;
}

.latest-box .notis-sec:hover {
    /*background-color: #e5e5e5;*/
    display: block;
}

.latest-box .notis-sec:hover h1 {
    text-decoration: underline;
}

body {
    overflow-x: hidden;
   /*background:#F5F5F5;*/
     background:#ffffff;
}

body.naccho-voice, body.homepage, body.internal-page, body.toolbox {
    background-color: #FFF;
}

.search-form__trending-topics__icon {
    width: 12px;
    height: 7px;
    fill: teal;
    display: block;
    position: absolute;
    margin-left: 5px;
    margin-top: 10px;
    left: 0;
}

.utility-navigation__list__item a {
    padding: 5px 10px;
    text-transform: uppercase;
    letter-spacing: 0.5px;
}

.utility-navigation {
    background: #3d4242;
}

.page-header {
    background: #008b99;
}

.main-navigation-top__pane__links__link {
    height: 95px;
}

.navbar-theme-color {
    background-color: #008b99;
}

header#menu_area {
    padding: 1rem 0;
    height:80px;
}

li.dropdown {
    padding-right: 35px;
}

a.navbar-brand img {
    width: 225px;
}

.card-row li:hover .category-card a.ctr-btn {
    background-color: #ffffff;
    color: #000;
}

.dropdown-menu1 {
    padding: 0;
    margin: 0;
    border: 0 solid transition !important;
    border: 0 solid rgba(0, 0, 0, .15);
    border-radius: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important
}

.navbar-default .navbar-nav>li>a,
.mainmenu ul li a,
.navbar-expand-lg .navbar-nav .nav-link {
    color: #fff;
    font-size: 18px;
    text-transform: none;
    padding: 5px 10px;
    text-decoration: none;
    font-family: "proxima-nova", sans-serif;
    display: block !important;
    text-transform: uppercase;
}

.pagination--blog .pagination__link.is-current {
    display: block;
    background-color: #008B99 !important;
    color: #FFFFFF;
    padding: 5px;
}

.mainmenu .active a,
.mainmenu .active a:focus,
.mainmenu .active a:hover,
.mainmenu li a:hover,
.mainmenu li a:focus,
.navbar-default .navbar-nav>.show>a,
.navbar-default .navbar-nav>.show>a:focus,
.navbar-default .navbar-nav>.show>a:hover {
    color: #fff;
    outline: 0;
}

.mainmenu .collapse ul ul li a,
.mainmenu .collapse ul ul.dropdown-menu1 li a {
    color: #000000;
    text-transform: none;
    font-weight: 600;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    font-size: 14px;
}

.mainmenu .collapse ul ul li a:hover,
.mainmenu .collapse ul ul.dropdown-menu1 li a:hover,
.mainmenu .collapse ul ul li a:focus,
.mainmenu .collapse ul ul.dropdown-menu1 li a:focus {
    color: #008b99;
}

/*==========Sub Menu=v==========*/


.mainmenu .collapse ul ul ul>li:hover>a,
.mainmenu .collapse ul ul>li:hover>a {
    background: transparent;
}

.mainmenu .collapse ul ul,
.mainmenu .collapse ul ul.dropdown-menu1 {
    background: #f0f0f0 !important;
    border-radius: 15px;
    padding: 15px 0;
    list-style:none;
}

.mainmenu .collapse ul ul ul,
.mainmenu .collapse ul ul ul.dropdown-menu1 {
    background: #248d96
}

.mainmenu .collapse ul ul ul ul,
.mainmenu .collapse ul ul ul ul.dropdown-menu1 {
    background: #248d96
}

.resource-slider-container .latest-box.latest-1 .latest-content{
padding: 25px;
}
.resource-slider-container .latest-box.latest-1.fast-sec .notis-sec {
height: 325px;
}
.resource-slider-container .fast-sec img{
height: 325px;
}
.resource-slider-container .latest-box.latest-1{
margin-bottom: 20px;
}
.resource-slider-container .latest-box span{
width: 40px;
height: 40px;
display: block;
}
.resource-slider-container .latest-box span img{
width: 100%;
height: 100%;
}
.resource-slider-container .latest-content h6{
padding-left: 0;
}
.resource-slider-container .latest-content p.date-sec {
position: relative;
bottom: 0;
margin-bottom: 0;
left: 0;
}
.featuredresource-slider.owl-theme .owl-nav .owl-prev,
.featuredresource-slider.owl-theme .owl-nav .owl-next {
position: absolute;
left: -66px;
text-align: center;
outline: 0;
margin: 0;
top: 50%;
transform: translateY(-50%);
color: #3D4242;
border-radius: 50%;
width: 49px;
display: flex;
justify-content: center;
align-items: center;
font-size: 32px;
font-weight: bold;
box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
background: #fff;
height: 49px;
border: 2px solid transparent;
}
.featuredresource-slider.owl-theme .owl-nav .owl-next{
right: -66px;
left: auto;
}
.featuredresource-slider.owl-theme .owl-nav .owl-next:hover,
.featuredresource-slider.owl-theme .owl-nav .owl-prev:hover {
border-color: #3D4242;
}
.blog-topics__link > .see-more{
background-color: #008b99;
color: #ffffff;
}
.blog-topics__link > .see-more:hover{
background-color: #ffffff;
color: #008b99;
}
@media (max-width:767px){
.resource-slider-container .latest-box.latest-1.fast-sec .notis-sec {
height: 100%;
}
.featuredresource-slider.owl-theme .owl-nav .owl-next {
right: -20px;
}
.featuredresource-slider.owl-theme .owl-nav .owl-prev{
left: -20px;
}
.md\:h-\[400px\]{
    height:375px;
}
}
/******************************Drop-down menu work on hover**********************************/

.mainmenu {
    background: none;
    border: 0 solid;
    margin: 0;
    padding: 0;
    min-height: 20px;
    width: 100%;
}

@media only screen and (min-width: 992px) {
    .mainmenu .collapse ul li:hover>ul {
        display: block
    }

    .mainmenu .collapse ul ul {
        position: absolute;
        top: 100%;
        left: 0;
        min-width: 250px;
        display: none
    }

    /*******/
    .mainmenu .collapse ul ul li {
        position: relative
    }

    .mainmenu .collapse ul ul li:hover>ul {
        display: block
    }

    .mainmenu .collapse ul ul ul {
        position: absolute;
        top: 0;
        left: 100%;
        min-width: 250px;
        display: none
    }

    /*******/
    .mainmenu .collapse ul ul ul li {
        position: relative
    }

    .mainmenu .collapse ul ul ul li:hover ul {
        display: block
    }

    .mainmenu .collapse ul ul ul ul {
        position: absolute;
        top: 0;
        left: -100%;
        min-width: 250px;
        display: none;
        z-index: 1
    }
}

@media only screen and (max-width: 767px) {
    .navbar-nav .show .dropdown-menu1 .dropdown-menu1>li>a {
        padding: 10px 15px 0px 35px
    }

    .navbar-nav .show .dropdown-menu1 .dropdown-menu1 .dropdown-menu1>li>a {
        padding: 10px 15px 0px 45px
    }

    .latest-content h1 {
        height: auto;
    }
}

.search-box .input-group {
    width: 296px;
}

.search-box input {
    border-right: 0px;
    outline: none;
    box-shadow: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

.search-box button {
    outline: none;
    background-color: #fff;
    box-shadow: none;
    border: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 0 10px 10px 0px;
    border: 1px solid #ced4da;
    border-right: 0px;
}

.navbar-theme-color a{
    box-shadow: none;
}
.latest-box a {
box-shadow: none;   
}

a.navbar-brand {
    color: #fff;
    font-weight: 600;
    text-transform: uppercase;
}

a.navbar-brand:hover,
a.navbar-brand:focus {
    background-color: transparent;
}

.top-head .navbar-nav>li>a {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    padding-left: 25px;
    text-decoration: none;
    text-transform: uppercase;
    letter-spacing: 1.4px;
}

.navbar-nav>li>a {
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.navbar-nav>li>a:hover {
    background-color: transparent;
    opacity: 0.9;
}


/*.social-media-bar__icon {
    fill: #fff;
}
*/
.page-container:after {
    height: 176px !important;
    top: 0px;
}

.search-box2 input {
    border-right: 0px;
    outline: none;
    box-shadow: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
    font-size: 14px;
    height: 60px;
}

.input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: nowrap !important;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.search-box2 {
    position: relative;
    margin-top: -31px;
    margin-bottom: 10px;
    z-index: 222;
    padding: 0 0px;
}

.search-box2 .input-group {
    width: 100%;
}

.search-box2 button {
    outline: none;
    background-color: #fff;
    box-shadow: none;
    border: 0px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #ced4da;
    border-right: 0px;
}

.search-box2 button.dropdown-toggle {
    border-radius: 0 10px 10px 0px;
    font-size: 30px;
}

.search-box2 button.dropdown-toggle::after {
    display: none;
}

.search-box2 button i.fa,
.search-box button i.fa {
    color: #000;
    line-height: 34px;
}

.search-box2 button i.fa {
    line-height: 51px;
}

.bottom-banner {
    font-size: 1.5rem;
    text-align: left;
    font-weight: 600;
    line-height: 28.8px;
    position: relative;
    padding: 10px 0px 0;
    margin-bottom: 40px;
}

.model-search {
    padding-top: 35px;
    padding-bottom: 15px;
}

.search-box2.model-search {
    padding-bottom: 0;
    margin-bottom: 0;
}
.search-box2.model-search .panel-group{
    max-height: 325px;
    overflow-y: auto;
    overflow-x: hidden;
    margin-bottom: 10px;
    padding-right:5px;
}
.search-box2.model-search.release-notes .panel-group{
    max-height: 265px;
}
.search-box2.model-search a.btn {
    font-size: 1rem !important;
}
.search-box2.model-search .panel-group::-webkit-scrollbar {
    width: 8px;
  }
  .search-box2.model-search .panel-group::-webkit-scrollbar-track {
    background: #d1d1d1;
  }
  .search-box2.model-search .panel-group::-webkit-scrollbar-thumb {
    background-color: #008b99;
    border-radius: 20px;
    border: transparent;
  }
.search-box2.model-search button {
    outline: none;
    background-color: #fff;
    box-shadow: none;
    border: 5px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #ced4da;
    border-radius: 0px 5px 5px 0px !important;
}
.banner-notic-card {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.container-fluid.banner-notic-card.px-0{
    position: relative;
}
.with-imgslide {
    height: 440px;
}
.banner-slider.owl-theme .owl-nav{
        position: absolute;
    /*right: 270px;*/
    /*bottom: 55px;*/
}
.banner-notic {
    list-style: none;
    position: absolute;
    right: 15px;
    border-radius: 28px;
    top: 50%;
    max-width: 385px;
    height: 360px;
    width: 100%;
    text-align: center;
    z-index: 111;
    /*background-color: #78a22f;*/
    padding: 0px;
    display: block;
    transform: translateY(-50%);
    /*padding-top: 20px;*/
    overflow: hidden;
}

.banner-notic:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    width: 100%;
    height: calc(100% - 20px);
    background-color: #fff;
    border-bottom-left-radius: 26px;
    border-bottom-right-radius: 26px;
}

.banner-notic-li {
    padding-top: 20px;
    border-radius: 26px 26px 0 0;
    width: 100%;
    overflow: hidden;
    position:relative;
    /* background-color: #78a22f; */
}

.banner-content {
    display: block;
    padding: 2px 40px 0;
    padding-bottom: 0px;
    background-color: #ffffff;
}

.banner-content h1 {
    font-size: 24px;
    color: #3D4242;
    margin-bottom: 0.25rem;
    height: 86px;
}

a.notis-sec:hover {
    text-decoration: none;
}

.banner-content p {
    font-size: 16px;
    text-transform: capitalize;
    font-weight: 400;
    color: #3D4242;
    height: 76px;
}

a.btn-learn-more {
    display: inline-block;
    border-radius: 8px !important;
    color: #ffffff;
    margin-top: 0px;
    background-color: #78A22F;
    font-size: 1.125rem !important;
    border-color: #78A22F;
}

.btn {
    /*font-family: "proxima-nova-bold", sans-serif;*/
    font-weight: 600 !important;
    border-radius: 10px !important;
    letter-spacing: 0;
    font-size: 1.25rem; /*!important;*/
    padding: 12px 24px;
    border: 3px solid #fff;
}

.banner-slider.owl-theme .owl-nav {
    margin-top: 30px;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: left;
    -webkit-tap-highlight-color: transparent;
    /* width: 100%; */
    display: flex;
    align-items: center;
    justify-content: start;
}


a.notis-sec:hover .banner-content p {
    color: #3D4242;
}

a.notis-sec:hover .banner-content h1 {
    color: #000;
}

.banner-slider.owl-theme .owl-dots .owl-dot span,
.testmonial-slider.owl-theme .owl-dots .owl-dot span {
    background: transparent;
    border: 1px solid #fff;
    margin: 5px 4px;
}

.banner-slider.owl-theme .owl-dots .owl-dot.active span,
.testmonial-slider.owl-theme .owl-dots .owl-dot.active span {
    background: #fff;
}

.latest-sec {
    padding: 58px 0px;
    background-color: #fff;
}

.title-sec {
    display: block;
    text-align: center;
    margin-bottom: 26px;
}

.latest-news .owl-item,
.tools-slider .owl-item {
    padding: 0 10px;
}

.title-sec h2 {
    color: #3D4242;
    font-weight: 900;
    text-transform: uppercase;
    font-size: 32px;
}

.fast-sec img {
    background-size: contain;
    width: 50%;
    height: 420px;
}

.upcoming-sec .title-sec h2 {
    color: #fff;
}

.latest-box {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0px 0px 5px #00000033;
}

.latest-box {
    margin-bottom: 35px;
    padding-top: 20px;
    border-radius: 25px;
    width: 100%;
    overflow: hidden;
}

.latest-box span {
    width: 65px;
    height: 65px;
    padding: 0px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    border-radius: 50%;
    z-index: 1;
    margin-bottom: 10px;
    vertical-align: middle;
}

.tools-slider .latest-box span {
    padding: 10px;
}

.latest-box span img {
    height: 100%;
    width: auto;
}

.latest-1 span {
    background-color: #008B99;
    padding: 0px;
    color: #fff;
}

.latest-2 span {
    background-color: #008B99;
    color: #fff;
}

.latest-3 span {
    background-color: #008B99;
    color: #fff;
}

.latest-4 span {
    background-color: #D06F1A;
    color: #fff;
}

.latest-5 span {
    background-color: #008B99;
    color: #fff;
}

.latest-box.latest-1 {
    background-color: #008B99;
    border-radius: 30px;
    padding: 0px;
    color: #fff;
    justify-self: center;
    box-shadow: 0 0px 6px #ccc;
}

.latest-box.latest-1 .notis-sec {
    width: 50%;
}

.upcoming-event .latest-box.latest-1 .notis-sec {
    width: 100%;
}

.upcoming-event .latest-box.latest-1 {
    margin-bottom: 35px;
    background-color: #78A22F;
    padding-top: 16px;
}

.upcoming-event .latest-box:hover .event-content h1 a {
    text-decoration: underline;
}

.second-top .latest-box.latest-1 span {
    background-color: inherit;
    padding: 0 !important;
}

.second-top .latest-box.latest-2 span {
    background-color: inherit;
    padding: 0 !important;
}

.second-top .latest-box.latest-3 span {
    background-color: inherit;
    padding: 0 !important;
}

.second-top .latest-box.latest-4 span {
    background-color: inherit;
    padding: 0 !important;
}

.second-top .latest-box.latest-5 span {
    background-color: inherit;
    padding: 0 !important;
}

.latest-box.latest-1 span {
    background-color: #00467F;
    color: #fff;
}

.latest-box.latest-1 .latest-content {
    text-align: left;
    color: #fff;
    background-color: #008B99;
    height: 100%;
    padding-top: 50px;
}

.latest-box.latest-2 span {
    background-color: #008B99;
    color: #fff;
}

.latest-3 span {
    background-color: #00467F;
    color: #fff;
}

.latest-1 {
    background-color: #78A22F;
}

.latest-2 {
    background-color: #008B99;
}

.latest-3 {
    background-color: #00467F;
}

.latest-4 {
    background-color: #D06F1A;
}

.upcoming-event .latest-box {
    padding-top: 15px;
}

.latest-box .notis-sec {
    background-color: #fff;
    display: block;
}

.latest-sec .latest-box .notis-sec {
    height: 435px;
    position: relative;
}

.latest-sec .tools-slider .latest-box .notis-sec {
    height: 302px;
}

.latest-content {
    display: block;
    padding: 30px 32px;
    text-align: left;
}

.latest-content p.date-sec {
    position: absolute;
    bottom: 30px;
    margin-bottom: 0;
    left: 32px;
}

.latest-content h6 {
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    padding-left: 10px;
    color: #3D4242;

}

.latest-sec-custom .latest-content h6 {
    padding-left: 0px;
    font-size: 16px;
}

.latest-sec-custom .latest-content h1 {
    margin-top: 0;
}

/*.latest-2 .latest-content h6,
.latest-2 a.notis-sec:hover .latest-content h6 {
    color: #008B99;
}*/

/*.latest-3 .latest-content h6,
.latest-3 a.notis-sec:hover .latest-content h6 {
    color: #00467F;
}*/

/*.latest-4 .latest-content h6,
.latest-4 a.notis-sec:hover .latest-content h6 {
    color: #D06F1A;
}*/

.latest-content h1 {
    font-size: 20px;
    font-weight: 600;
    color: #3D4242;
    height: 75px;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.featuredresource-slider .latest-content h1 {
    height: auto;

}

a.notis-sec:hover {
    text-decoration: none;
}

.latest-box.latest-1 .latest-content p,
.latest-box.latest-1 .latest-content h1,
.latest-box.latest-1 .latest-content h6 {
    color: #fff;
}

.latest-content p {
    font-size: 16px;
    line-height: 21px;
    color: #3D4242;
        display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/*a.notis-sec:hover .latest-content p {*/
/*    color: #3D4242;*/
/*}*/

/*a.notis-sec:hover .latest-content h1 {*/
/*    color: #000;*/
/*}*/

.latest-box.latest-1 a.notis-sec:hover .latest-content h1,
.latest-box.latest-1 a.notis-sec:hover .latest-content h6,
.latest-box.latest-1 a.notis-sec:hover .latest-content p {
    color: #fff;
}

.latest-news.owl-theme .owl-nav,
.tools-slider.owl-theme .owl-nav {
    margin-top: 0;
    text-align: center;
    -webkit-tap-highlight-color: transparent;
    width: 100%
}

.latest-news.owl-theme .owl-nav .owl-prev,
.tools-slider.owl-theme .owl-nav .owl-prev {
    position: absolute;
    left: -66px;
    text-align: center;
    outline: 0;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    color: #3D4242;
    border-radius: 50%;
    width: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    font-weight: bold;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    background: #fff;
    height: 49px;
    border: 2px solid transparent;
}

.latest-news.owl-theme .owl-nav .owl-next,
.tools-slider.owl-theme .owl-nav .owl-next {
    text-align: center;
    right: -66px;
    margin: 0;
    top: 50%;
    transform: translateY(-50%);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    color: #3D4242;
    position: absolute;
    border-radius: 50%;
    width: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 32px;
    background: #fff;
    outline: 0;
    height: 49px;
    border: 2px solid transparent;
}

.banner-slider.owl-theme .owl-nav .owl-next,
.banner-slider.owl-theme .owl-nav .owl-prev {
    color: #3D4242;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    font-size: 32px;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 39px;
    height: 39px;
    border: 2px solid transparent;
    border-radius: 50%;
    margin: 0 5px;
}
.banner-slider.owl-theme .owl-nav .owl-next:hover,
.banner-slider.owl-theme .owl-nav .owl-prev:hover,
.latest-news.owl-theme .owl-nav .owl-prev:hover,
.tools-slider.owl-theme .owl-nav .owl-prev:hover,
.latest-news.owl-theme .owl-nav .owl-next:hover,
.tools-slider.owl-theme .owl-nav .owl-next:hover{
    border-color: #3D4242;
}
.latest-news.owl-theme .owl-nav button i,
.tools-slider.owl-theme .owl-nav button i,
.upcoming-event.owl-theme .owl-nav button i,
.testmonial-slider.owl-theme .owl-nav button i,
.banner-slider.owl-theme .owl-nav button i {
    font-weight: bold;
    line-height: 34px;
    height: 35px;
    align-self: center;
}
.events-calendar__link .btn{font-size:inherit;}
.see-more {
    background-color: #fff;
    border: 3px solid #008B99;
    color: #008b99;
    margin: 0px auto;
    text-transform: uppercase;
    transition: 0.4s;
    padding: 12px 56px;
    font-size:inherit;
    display: inline-block;
}

.see-more:hover,
.see-more:focus {
    background-color: #008b99;
    color: #ffffff;
}

.upcoming-sec .see-more {
    background-color: #fff;
    color: #3D4242;
    transition: 0.4s;
    border-color: #ffffff;
    padding-left: 20px;
    padding-right: 20px;
}

.upcoming-sec .see-more:hover,
.upcoming-sec .see-more:focus {
    /* border-color: #3D4242; */
    background-color: #3D4242;
    color: #ffffff;
}

.head {
    display: flex;
    padding: 0 15px;
    justify-content: space-between;
    padding-bottom: 10px;
    align-items: center;
}

.head a,
.head h3 {
    font-size: 20px;
    color: #fff;
    line-height: normal;
    text-decoration: none;
}

.cale-text {
    font-size: 14px;
    margin-bottom: 0;
    display: inline;
    vertical-align: middle;
}

.head a i {
    vertical-align: middle;
}

.event-content {
    display: block;
    padding: 25px 15px;
    text-align: center;
}

.latest-1 .event-content h6 {
    font-size: 16px;
    color: #3D4242;
}

.latest-1 a.notis-sec:hover .event-content h6 {
    color: #78A22F;
}

.latest-2 a.notis-sec:hover .event-content h6 {
    color: #008B99;
}

.latest-3 a.notis-sec:hover .event-content h6 {
    color: #00467F;
}

.latest-4 a.event-sec:hover .event-content h6 {
    color: #D06F1A;
}

.event-content h1 {
    font-size: 20px;
    color: #3D4242;
    height: 50px;
    font-weight: 700;
    margin-bottom: 5px;
}

.upcoming-event .event-content p {
    height: 55px;
    -webkit-line-clamp: 3;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    margin-bottom: 0.75rem;
}

a.notis-sec:hover {
    text-decoration: none;
}

.upcoming-event .event-content p.register-btn {
    height: auto;
}

.upcoming-event .event-content p.register-btn a {
    text-decoration: underline;
    font-weight: 600;
}

.upcoming-event .event-content p.register-btn a:hover {
    text-decoration: none;
}

.upcoming-event .event-content p.register-btn a i {
    background-color: #3D4242;
    color: #fff;
    width: 20px;
    height: 20px;
    border-radius: 100px;
    text-align: center;
    line-height: 19px;
    margin-left: 5px;
}

.upcoming-event .latest-box .notis-sec:hover h1 {
    text-decoration: none;
}

.event-content p {
    font-size: 16px;
    line-height: 18px;
    color: #3D4242;
}

a.notis-sec:hover .event-content p {
    color: #3D4242;
}

a.notis-sec:hover .event-content h1 {
    color: #000;
}

.owl-carousel.upcoming-event:before,
.owl-carousel.upcoming-event:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 10%;
    height: calc(100% - 35px);
    background: linear-gradient(90deg, #00000063, transparent);
    z-index: 1;
}

.owl-carousel.upcoming-event:after {
    left: inherit;
    right: 0;
    background: linear-gradient(90deg, transparent, #00000063);
}

.upcoming-sec {
    padding: 32px 0px;
    background-color: #3D4242;
    position: relative;
}

.upcoming-sec .title-sec {
    margin-bottom: 30px;
}

.banner-sec,
.subscribe-sec,
.funding-sec {
    position: relative;
}

.banner-sec .swiper-home-main-container {
    border-top: none;
}

.subscribe-sec {
    background-color: #6D276A;
    overflow: hidden;
}

.subscribe-sec.subscribe-custom {
    background-color: #78A22F;
}

.subscribe-sec.subscribe-custom-last {
    background-color: #008B99;
}
.subscribe-sec.subscribe-custom-orange {
    background-color: #D06F1A;
}
.subscribe-sec.subscribe-custom-last .subscribe-box {
    max-width: fit-content;
    padding-left: 2.75rem;
    padding-right: 0;
}

.funding-sec {
    background-color: #008B99;
    overflow: hidden;
}

/*.banner-sec::before,*/
.subscribe-sec::before,
.funding-sec::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../img/upcoming.png);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.2;
}

.upcoming-sec::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../img/upcoming.png);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.15;
}

.subscribe-box {
    max-width: 530px;
    padding: 35px 25px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    min-height: 265px;
}

.subscribe-box h3,
.subscribe-box h2 {
    text-transform: uppercase;
    font-weight: 400;
    color: #fff;
    margin-bottom: 5px;
    font-size: 14px;
    letter-spacing: 0.84px;
}

.subscribe-box h2 {
    font-weight: 600;
    font-size: 1.5rem;
}

.subscribe-box a.btn {
    display: inline-block;
    color: #6D276A;
    margin-top: 20px;
    background-color: #fff;
    transition: all 0.4s;

}

.subscribe-box .btn:hover,
.subscribe-box .btn:focus {
    background-color: #6D276A;
    color: #ffffff;
}

.subscribe-sec.subscribe-custom .subscribe-box a.btn {
    color: #78A22F;
    padding-left: 35px;
    padding-right: 35px;
}

.subscribe-sec.subscribe-custom .subscribe-box a.btn:hover,
.subscribe-sec.subscribe-custom .subscribe-box a.btn:focus {
    background-color: #78A22F;
    color: #ffffff;
}

.subscribe-sec.subscribe-custom-last .subscribe-box a.btn {
    color: #008B99;
}

.subscribe-sec.subscribe-custom-last .subscribe-box a.btn:hover,
.subscribe-sec.subscribe-custom-last .subscribe-box a.btn:focus {
    background-color: #008B99;
    color: #ffffff;
}

.subscribe-sec.subscribe-custom-orange .subscribe-box a.btn {
    color: #D06F1A;
}

.subscribe-sec.subscribe-custom-orange .subscribe-box a.btn:hover,
.subscribe-sec.subscribe-custom-orange .subscribe-box a.btn:focus {
    background-color: #D06F1A;
    color: #ffffff;
}

.upcoming-event .event-content {
    text-align: left;
    min-height: 200px;
}

.upcoming-event .event-content h1 a:hover,
.event-content p a:hover,
.event-content h1 a:hover {
    background-color: transparent !important;
    color: unset;
    text-decoration: none;
}

.subscribe-sec .subs,
.funding-sec .subs {
    transform: scaleX(1.1);
    height: 100%;
    width: 100vw;
    max-height: 350px;
    object-fit: cover;
    /*object-position: -30px;*/
}

.subscribe-sec.subscribe-custom .col-md-6:last-child {
    align-self: center;
}

.directory-content {
    padding: 206px 50px;
    text-align: center;
    position: relative;
    background-color: #008B99;
    color: #fff;
    overflow: hidden;
    border-radius: 30px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.directory-content::before, .directory-content::after {
    content: '';
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    background-image: url(../img/bg-imagess.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 100%;
}
.access-toolbox-wrapper .directory-content::after {
    background-color: rgb(0 93 102 / 70%);
    background-image: none;
    z-index: 0;
}
.directory-content h2 {
    font-size: 3rem;
    color: #fff;
    margin-bottom: 0px;
    font-weight: 700;
    line-height: 57px;
}

.directory-inner {
    width: 100%;
    position: relative;
    z-index:1;
}

.directory-inner p {
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 57px;
    margin-bottom: 0;
}

.directory-content .see-more {
    background-color: #fff;
    color: #008B99;
    border-color: #ffffff;
    transition: 0.3s;
    margin-top: 12px;
    padding-left: 35px;
    padding-right: 35px;
}

.directory-content a.see-more:hover {
    background-color: #008B99;
    color: #fff;
    transition: 0.3s;
}

.communications-header {
    position: relative;
    padding: 49px 0px;
    height: 200px;
    text-align: center;
    background-image: url(../img/banner-img.jpeg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-position: center 99%;
}

.communications-header:before {
    content: '';
    left: 0px;
    top: 0px;
    position: absolute;
    width: 100%;
    background: rgb(0 139 153 / 90%);
    height: 100%;
    z-index: 0;
    mix-blend-mode: multiply;
}

.blog-overlay-1:before {
    background: rgb(0 139 153 / 90%);
}

.blog-overlay-2:before {
    background: rgb(208 111 26 / 90%);
}

.blog-overlay-3:before {
    background: rgb(120 162 47 / 90%);
}

.blog-overlay-4:before {
    background: rgb(0 70 127 / 90%);
}

.blog-overlay-5:before {
    background: rgb(109 39 106 / 90%);
}

.communications-header h1 {
    text-transform: uppercase;
    Color: #fff;
    font-weight: 900;
    margin-bottom: 5px;
    font-size: 3rem;
    position: relative;
    line-height: 57px;
    margin-top: 0;
}

.communications-header p {
    position: relative;
}

.search-box2 button.dropdown-toggle span {
    font-size: 1rem;
    color: #2A2B2A;
    vertical-align: middle;
    display: inline-block;
    margin-top: -4px;
}

.category-content {
    border: 2px solid #A5A5A6;
    border-radius: 11px;
    padding: 16px 15px;
    height: 116px;
}

.pagination--blog {
    margin: 0px auto 64px;
    line-height: 1;
}

.pagination--blog .pagination__link {
    min-width: 28px;
    margin: 0 1px;
    border-radius: 5px;
    text-decoration: none;
}

.pagination--blog .pagination__link--word {
    font-weight: 600;
    font-size: 14px;
}

.pagination--blog .pagination__link--word .fa {
    font-size: 15px;
}

.pagination--blog .pagination {
    margin: 0;
}

.category-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.col1 {
    min-width: fit-content;
    margin-right: 15px;
}

.category-text h5 {
    color: #3D4242;
    text-transform: uppercase;
    letter-spacing: 1.05px;
    font-size: 17.45px;
    line-height: 19.39px;
    margin: 0;
}

.cat-img-card {
    width: calc(100% - 255px);
    height: 10px;
    position: relative;
}

.cat-img-card img {
    display: none;
}

.cat-img-card:before {
    content: '';
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    height: 10px;
    overflow: hidden;
    opacity: 1;
    background: repeating-linear-gradient(-48deg, #d1d1d1, #d1d1d1 1px, #ffffff 2px, #ffffff 4px);
}

.category-img {
    width: 100%;
}

.category-btns {
    display: flex;
    margin-top: 13px;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
}

.category-btns a {
    margin: auto !important;
    flex: 0 0 18.6%;
    transition: all 0.4s;
    font-size: 13.58px !important;
    padding-top: 14px;
    padding-bottom: 14px;
    border-color: #008996;
    height:48px;
}

.category-btns a:hover,
.category-btns a:focus {
    background-color: #ffffff;
    color: #008B99;
    border-color: #008B99;
}

.category-btns a.orange-bg,
.category-btns a:focus.orange-bg {
    border-color: #D06F1A;
}

.category-btns a.blue-bg,
.category-btns a:focus.blue-bg {
    border-color: #00467F;
}

.category-btns a.green-bg,
.category-btns a:focus.green-bg {
    border-color: #78A22F;
}

.category-btns a.sky-blue-bg,
.category-btns a:focus.sky-blue-bg {
    border-color: #008B99;
}

.category-btns a.purple-bg,
.category-btns a:focus.purple-bg {
    border-color: #6D276A;
}

.section-label {
    height: 50px;
    margin-left: 0;
}
.main-content__body--interior .section-label {
    height: 50px;
    margin: 25px 0 25px 0px;
}
.card-row .col-md-4,
.card-row .col-md-8 {
    padding-left: 15px;
    padding-right: 15px;
}

.category-cards-cntr {
    width: 100%;
    padding: 0;
    text-align: left;
    display: flex;
    height: 100%;
    box-shadow: 0px 0px 5px #00000033;
    border-radius: 30px;
    padding-top: 20px;
    overflow: hidden;
    position: relative;
}

.category-cards-cntr a:hover {
    text-decoration: none;
}

.category-card {
    display: block;
    position: relative;
    border-radius: 20px;
    padding: 30px 32px;
    height: 100%;
}

.category-card {
    color: #fff;
    z-index: 0;
}

.category-card span {
    width: 60px;
    height: 60px;
    padding: 10px;
    position: relative;
    overflow: hidden;
    background: aqua;
    border-radius: 50%;
    z-index: 1;
    display: inline-block;
    vertical-align: middle;
}
.category-cards-cntr.left-side-img-box .content-with-icon span{
        margin: -15px 0;
}
.category-card span img {
    height: 100%;
    width: auto;
}

.category-name {
    margin-top: 3px;
    color: #3D4242;
    font-size: 14px;
    margin-bottom: 0;
    display: inline-block;
    max-width: calc(100% - 65px);
    vertical-align: middle;
    padding-left: 5px;
        display: -webkit-box;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
    -webkit-box-orient: vertical;
}

.category-heading {
    margin-bottom: 10px;
    margin-top: 15px;
    font-weight: 800;
    font-size: 20px;
    color: #3D4242;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.category-card p {
    font-size: 16px;
    color: #3D4242;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-height: 18px;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 0.65rem;
}

.category-card .ctr-btn {
    margin-top: 15px;
    border-radius: 8px;
    background: #fff;
    color: #000;
    font-weight: 500;
    padding: 0px 30px;
    line-height: 45px;
    display: inline-block;
}

.category-cards-cntr.left-side-img-box .category-name {
    color: #ffffff;
}

.category-cards-cntr.left-side-img-box .category-card {
    height: 320px;
    border-radius: 0;
    padding-top: 0;
}

.category-cards-cntr a {
    display: block;
    padding-top: 0px;
    border-radius: 30px;
    box-shadow: none;
    height: 430px;
    width: 100%;
}

.category-cards-cntr.left-side-img-box {
    padding-top: 0;
    border-radius: 30px;
    overflow: hidden;
    flex-direction: column;
}

.category-cards-cntr.left-side-img-box>a>img {
    width: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100%;
}

.category-cards-cntr.left-side-img-box a.img-anchor {
    height: 130px;
}
.category-cards-cntr.left-side-img-box a {
    height: 320px;
}

.card-row li:hover .category-heading {
    text-decoration: underline;
}

.category-card p.date-text {
    position: absolute;
    bottom: 15px;
    left: 35px;
    width: calc(100% - 70px);
}

.top-categories {
    margin-top: 30px;
    margin-bottom: 40px;
}

.top-categories-content {
    display: flex;
    gap: 20px;
    justify-content: center;
}

.top-categories-content .btn.ctr-btn span {
    margin-right: 10px;
    width: 26px;
    height: 26px;
    flex: 0 0 26px;
}

.top-categories-content .btn.ctr-btn span img {
    width: 26px;
    height: 26px;
}

.top-categories-content .btn.ctr-btn {
    font-size: 13.58px !important;
    display: flex;
    align-items: center;
    padding-top: 9px;
    padding-bottom: 9px;
    flex: 0 0 23.55%;
    padding-left: 10px;
    padding-right: 10px;
    justify-content: center;
    height:50px;
}

.top-categories-content .btn.ctr-btn.btn-blue-bg {
    background-color: #00467F;
    border-color: #00467F;
}

.top-categories-content .btn.ctr-btn.btn-blue-bg:hover {
    background-color: transparent;
    color: #00467F;
}

.top-categories-content .btn.ctr-btn.btn-green-bg {
    background-color: #78A22F;
    border-color: #78A22F;
}

.top-categories-content .btn.ctr-btn.btn-green-bg:hover {
    background-color: transparent;
    color: #78A22F;
}

.top-categories-content .btn.ctr-btn.btn-sky-blue-bg {
    background-color: #008B99;
    border-color: #008B99;
}

.top-categories-content .btn.ctr-btn.btn-sky-blue-bg:hover {
    background-color: transparent;
    color: #008B99;
}

.top-categories-content .btn.ctr-btn.btn-orange-bg {
    background-color: #D06F1A;
    border-color: #D06F1A;
}

.top-categories-content .btn.ctr-btn.btn-orange-bg:hover {
    background-color: transparent;
    color: #D06F1A;
}

.top-categories-content .btn.ctr-btn.btn-purple-bg {
    background-color: #6D276A;
    border-color: #6D276A;
}

.top-categories-content .btn.ctr-btn.btn-purple-bg:hover {
    background-color: transparent;
    color: #6D276A;
}

.blue-bg {
    background-color: #00467F !important;
}

.green-bg {
    background-color: #78A22F !important;
}

.sky-blue-bg {
    background-color: #008B99 !important;
}

.orange-bg {
    background-color: #D06F1A !important;
}

.purple-bg {
    background-color: #6D276A !important;
}

.category-btns a.blue-bg:hover,
.category-btns a.blue-bg:focus {
    background-color: #ffffff !important;
    color: #00467F;
}

.category-btns a.green-bg:hover,
.category-btns a.green-bg:focus {
    background-color: #ffffff !important;
    color: #78A22F;
}

.category-btns a.sky-blue-bg:hover,
.category-btns a.sky-blue-bg:focus {
    background-color: #ffffff !important;
    color: #008B99;
}

.category-btns a.orange-bg:hover,
.category-btns a.orange-bg:focus {
    background-color: #ffffff !important;
    color: #D06F1A;
}

.category-btns a.purple-bg:hover,
.category-btns a.purple-bg:focus {
    background-color: #ffffff !important;
    color: #6D276A;
}

.category-cards-sec {
    margin-top: 38px;
}

.grid-list-icons {
    padding-bottom: 40px;
    text-align: right;
    padding-right: 8px;
}

.grid-list-icons .tabs_tabs {
    display: flex;
    width: 100%;
    border: none;
    background:transparent;
}

.grid-list-icons .tabs_tab {
    /* display: flex; */
    border-radius: 10px;
    min-width: 100px;
    margin-left: 10px;
    border: 1px solid #008B99;
    text-decoration: none;
    color: #008B99;
}

.grid-list-icons .tabs_tab.is-active {
    color: #fff;
}

.grid-list-icons .tabs_tab:not(.is-active):hover {
    background: #008B99;
    color: #ffffff;
}

.grid-list-icons .tabs_tab use.icon-calendar,
.grid-list-icons .tabs_tab use.icon-list {
    fill: #008b99;
    transition: all .15s ease-in-out;
}

.grid-list-icons .tabs_tab.is-active use.icon-calendar,
.grid-list-icons .tabs_tab.is-active use.icon-list {
    fill: #ffffff;
}

.grid-list-icons .tabs_tab span {
    display: inline-block;
    font-size: 14px;
}

.grid-list-icons .tabs_tab svg {
    width: 18px;
    height: 18px;
}

.map-data__table.list-table-custom {
    padding: 5px 5px 0 0;
}

.map-data__table.list-table-custom tr {
    background-color: transparent;
}

.map-data__table.list-table-custom tr td {
    padding: 0;
    background-color: transparent;
}

.map-data__table.list-table-custom .data-table__body a {
    color: inherit;
}

.map-data__table.list-table-custom .data-table__body .latest-box {
    padding-left: 20px;
    padding-top: 0;
}

.map-data__table.list-table-custom .data-table__body .latest-box .latest-content {
    background: #ffffff;
}

.map-data__table.list-table-custom .data-table__body .latest-box span {
    width: 45px;
    height: 45px;
    margin-bottom: 0;
}

.map-data__table.list-table-custom .data-table__body .latest-content h1 {
    margin-bottom: 5px;
}

.map-data__table.list-table-custom .data-table__body .latest-content p.date-sec1 {
    margin-bottom: 0;
    margin-top: 3rem;
}

.map-data__table.list-table-custom .data-table__body .latest-box.left-side-img-box {
    display: flex;
}

.map-data__table.list-table-custom .data-table__body .latest-box.left-side-img-box>a {
    width: 200px;
    background-repeat: no-repeat;
    background-size: cover;
}

.map-data__table.list-table-custom .data-table__body .latest-box.left-side-img-box>a>img {
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
}

.map-data__table.list-table-custom .data-table__body .latest-box.left-side-img-box .notis-sec {
    width: calc(100% - 200px);
    flex-grow: 1;
}

.subscribe-sec .col-md-6:last-child {
    align-self: center;
}

.partner-wrapper .latest-box.with-img-box {
    display: flex;
    flex-direction: column;
    padding-top: 0;
}

.partner-wrapper .latest-box.with-img-box>a {
    width: 100%;
    height: 130px;
}

.partner-wrapper .latest-box.with-img-box>a>img {
    width: 100%;
    height: 100%;
    background-size: cover;
}

.partner-wrapper .latest-box.with-img-box .notis-sec {
   height: 270px;
}
.partner-wrapper .latest-box.with-img-box .latest-content {
    padding-top: 0;
}
.partner-wrapper .latest-box span {
    width: 45px;
    height: 45px;
    vertical-align: top;
}

.partner-wrapper .latest-box .latest-content {
    height: 100%;
    padding: 36px 32px;
}

.partner-wrapper .latest-box .latest-content h6 {
    max-width: calc(100% - 50px);
    color: #231F20;
    height: 57px;
}

.partner-wrapper .latest-content h1 {
    margin-bottom: 7px;
    height: 57px;
    margin-top: 0;
    font-weight: 800;
}

.partner-wrapper .latest-content p {
    line-height: 20px;
    color: #231F20;
}
.partner-wrapper .notis-sec {
    height: 380px;
    position: relative;
}
.partner-wrapper .latest-box.with-img-box .latest-content span{
    margin:-15px 0;
    vertical-align:middle;
}
.partner-wrapper .latest-box.with-img-box .latest-content h6 {
    color: #ffffff;
    height:auto;
}

.partner-wrapper .latest-content .date-sec1 {
    font-size: 1rem;
}

.partner-wrapper .row {
    margin-left: -15px;
    margin-right: -15px;
}

.partner-wrapper .col-md-12,
.partner-wrapper .col-md-6,
.partner-wrapper .col-md-4 {
    padding-left: 15px;
    padding-right: 15px;
}

.more-blogs-box {
    border-radius: 30px;
    height: 100%;
    box-shadow: 0px 0px 5px #00000033;
    text-align: center;
    position: relative;
}

.more-blogs-box .latest-content {
    height: 100%;
    text-align: center;
    padding: 30px 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.more-blogs-box .latest-content h1 {
    font-size: 1.625rem;
    line-height: 28px;
    height: auto;
}

.more-blogs-box .latest-content p {
    font-size: 1.25rem;
    line-height: 28px;
    margin-bottom: 0;
        display: block;
    -webkit-line-clamp: inherit;
}

.more-blogs-box .latest-content p,
.more-blogs-box .latest-content h1 {
    color: #ffffff;
}

.more-blogs-box .notis-sec:hover h1 {
    text-decoration: underline;
}

.more-blogs-box::before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background-image: url(../img/upcoming.png);
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0.2;
    z-index: 0;
}

.more-blogs-box .notis-sec {
    z-index: 1;
    position: relative;
}

.card1 {
    background: #008B99;
}

.card-row {
    list-style: none;
    padding-left: 0px;
    margin-right: -15px;
    margin-left: -15px;
}

.card-row li .category-card {
    background-color: #fff;
    box-shadow: none;
    height: 100%;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    margin-bottom: 0;
    border-bottom-left-radius: 30px;
    border-bottom-right-radius: 30px;
}

/* .card-row li:hover .category-card h6,
.card-row li:hover .category-card h3,
.card-row li:hover .category-card p {
    color: #fff;
} */
/* .card-row li:hover .category-card-hover-1 {
    background-color: #008B99 !important;
    cursor: pointer;
}
.card-row li:hover .category-card-hover-2 {
    background-color: #78A22F !important;
    cursor: pointer;
}
.card-row li:hover .category-card-hover-3 {
    background-color: #D06F1A !important;
    cursor: pointer;
}
.card-row li:hover .category-card-hover-4 {
    background-color: #6D276A !important;
    cursor: pointer;
}
.card-row li:hover .category-card-hover-5 {
    background-color: #00467F !important;
    cursor: pointer;
}
.card-row li:hover .category-card {
    cursor: pointer;
} */

.card-row li .category-card a.ctr-btn {
    background-color: #008B99;
    color: #fff;
}

.card-row li:nth-child(5n+1) .category-card span {
    background-color: inherit;
    padding: 0;
}

.card-row li:nth-child(5n+2) .category-card span {
    background-color: inherit;
    padding: 0;
}

.card-row li:nth-child(5n+3) .category-card span {
    background-color: inherit;
    padding: 0;
}

.card-row li:nth-child(5n+4) .category-card span {
    background-color: inherit;
    padding: 0;
}

.card-row li:nth-child(5n+5) .category-card span {
    background-color: inherit;
    padding: 0;
}

.category-card a.ctr-btn:hover {
    color: #fff;
}

.testimonial-sec {
    margin: 0px 0 64px;
}

.data-table__body a:hover,
.data-table__body a:focus {
    border-bottom: none !important;
}

.grid-hide {
    display: none !important;
}

.grid-show {
    display: flex !important;
}

.testimonial-bg {
    padding: 25px 35px;
    position: relative;
    border-radius: 30px;
}

.testimonial-bg::before {
    content: '';
    position: absolute;
    width: 85%;
    background: #008996;
    height: 100%;
    top: 0;
    border-radius: 30px;
    left: 15px;
    z-index: 0;
}

.testimonial-bg::after {
    content: "";
    background-image: url(../img/testmonial.png);
    background-position: right;
    background-size: contain;
    position: absolute;
    right: 12%;
    top: 0;
    width: 75%;
    height: 100%;
    z-index: 0;
    opacity: 0.2;
}

.testimonial-content {
    padding-top: 35px;
    padding-bottom: 4.5rem;
    padding-left: 3rem;
}

.testimonial-content h6 {
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 5px;
    font-size: 14px;
    letter-spacing: 0.84px;
}

.testimonial-content h2 {
    color: #fff;
    margin-bottom: 10px;
    text-transform: uppercase;
    font-size: 1.5rem;
}

.testimonial-content p {
    color: #fff;
    padding-right: 35px;
    line-height: 20px;
}

.testimonial-imag {
    position: relative;
    border-radius: 30px;
    height: 200px;
    max-width: 230px;
    margin-left: auto;
}

.testimonial-imag::before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 30px;
    background-color: #D06F1A;
}

.testimonial-imag img {
    border-radius: 30px;
    position: relative;
    top: -12px;
    left: -12px;
    height: 100%;
    object-fit: cover;
}

.testmonial-slider .owl-nav {
    position: absolute;
    left: 3rem;
    bottom: 1rem;
    display: flex;
    align-items: center;
}

.testmonial-slider .owl-dots {
    position: absolute;
    left: 0px;
    bottom: 0;
}

.upcoming-event .owl-nav {
    position: absolute;
    left: 0px;
    bottom: -50px;
    margin-left: 40px;
    display: flex;
    align-items: center;
}

.upcoming-event .owl-dots {
    position: absolute;
    left: 100px;
    bottom: 0;
    margin-left: 40px;

}

.testmonial-slider.owl-theme .owl-nav .owl-prev,
.upcoming-event.owl-theme .owl-nav .owl-prev {
    text-align: center;
    outline: 0;
    margin: 0;
    color: #434848;
    border-radius: 50%;
    width: 49px;
    font-size: 32px;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    background: #fff;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid transparent;
}

.testmonial-slider.owl-theme .owl-nav .owl-next,
.upcoming-event.owl-theme .owl-nav .owl-next {
    text-align: center;
    margin: 0;
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
    color: #434848;
    border-radius: 50%;
    margin-left: 10px;
    width: 49px;
    font-size: 32px;
    background: #fff;
    outline: 0;
    height: 49px;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid transparent;
}

.testmonial-slider.owl-theme .owl-nav .owl-prev:hover,
.upcoming-event.owl-theme .owl-nav .owl-prev:hover,
.testmonial-slider.owl-theme .owl-nav .owl-next:hover,
.upcoming-event.owl-theme .owl-nav .owl-next:hover {
    background: #434848;
    color: #ffffff;
    border-color: #3D4242;
}

.page-footer__secondary-nav {
    padding: 24px 0 30px;
}

.page-footer__secondary-nav__byline,
.page-footer__secondary-nav__nav {
    float: none;
    margin: 0;
}

.page-footer__secondary-nav__nav li:first-child {
    border-left: 1px solid #ffffff;
    padding-left: 5px;
    margin-left: 8px;
}

div#counter {
    position: absolute;
    color: #fff;
    right: 37%;
    bottom: 40px;
}

.banner-slider .owl-dots {
    position: absolute;
    left: 20px;
    bottom: -50px;
}

div#counter1 {
    position: absolute;
    color: #3D4242;
    right: 20px;
    bottom: 20px;
    z-index: 9;
}

.latest-box.latest-1.fast-sec .notis-sec {
    height: 420px;
}

.page-footer {
    background-color: #F5F5F5;
}

.page-footer__contact-info h5,
.page-footer__contact-info address,
.page-footer__contact-info address a {
    color: #3D4242;
}

.foote-sec {
    position: relative;
    padding-top: 37px;
    padding-bottom: 37px;
}

/* .foote-sec::before {
   content: '';
   position: absolute;
   width: 50%;
   right: 0;
   top: 0;
   background-color: #fff;
   height: 100%;
   overflow: hidden;
   opacity: 1;
   background: repeating-linear-gradient( -45deg, #d1e8e9, #d1e8e9 1px, #fcfcfd 1px, #fcfcfd 12px );
} */

.foote-sec>img {
    width: 44%;
    right: 0;
    top: 0;
    height: 100%;
    position: absolute;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: left;
}

address,
address a {
    color: #3D4242;
}

.foote-sec address {
    margin-bottom: 0;
}

.filter {
    display: block;
    position: relative;
    padding-top: 10px;
}

.filter h3 {
    padding-top: 15px;
    display: flex;
    position: relative;
    text-transform: uppercase;
    color: #3D4242;
    padding-bottom: 15px;
}

.filter h3::after {
    position: relative;
    content: '';
    width: 77%;
    margin-left: 12px;
    height: 15px;
    top: 2px;
    right: 0px;
    display: inline-block;
    background-image: url(../img/category.png);
    background-repeat: no-repeat;
    background-position: right;
    background-size: initial;
}

.panel-title>a:before {
    position: relative;
    float: none !important;
    content: "+";
    font-family: FontAwesome;
    color: white;
    background-color: black;
    border-radius: 30px;
    font-size: 1.85rem;
    padding-right: 0px;
    line-height: normal;
    width: 25px;
    height: 25px;
    text-align: center;
    font-weight: 900;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.panel-title>a:before {
    content: "";
}

.panel-title>a.collapsed:before {
    content: "";
}

.panel-body {
    color: #fff;
}

.panel-title>a:hover,
.panel-title>a:active,
.panel-title>a:focus {
    text-decoration: none;
}

.panel-heading {
    padding: 5px 15px;
    border-bottom: 1px solid transparent;
    border-radius: 5px;
    color: #fff;
}

.panel-heading .panel-title a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 700;
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-direction: row-reverse;
    box-shadow:none;
}

.panel-heading .panel-title a:hover,
.panel-heading .panel-title a:focus {
    background-color: transparent;
}

.panel-body {
    padding: 15px;
}

.panel {
    margin-bottom: 20px !important;
    border-radius: 5px;
    background-color: #008B99;
    border: 1px solid transparent;
    -webkit-box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
    box-shadow: 15px 16px 13px 8px rgb(4 4 4 / 5%);
}

.model-search .btn-light {
    color: #212529;
    background-color: #f8f9fa;
    border-color: #f8f9fa;
    text-transform: uppercase;
    border-radius: 5px;
    margin: 0 auto;
}

.model-search .btn-light:hover,
.model-search .btn-light:focus {
    color: #f8f9fa;
    background-color: #212529;
    border-color: #212529;

}

.top-head .utility-navigation__button {
    padding: 0px 0;
    margin-left: 20px;
    background: transparent;
    box-shadow: none;
    text-transform: uppercase;
    border-radius: 0;
}

.top-head .utility-navigation__button:hover {
    background: transparent;
    box-shadow: none;
    text-transform: uppercase;
    border-radius: 0;
    text-decoration: none;
    opacity: 0.9;
}

.jumbotron {
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    color: inherit;
    background-color: #00bcd4;
    text-align: center;
    color: #fff;
}

/*new css by vk*/
.swiper-home-main-container .swiper-slide {
    height: 420px;
}

html {
    overflow-x: hidden;
}

.latest-sec .row {
    margin-left: -15px;
    margin-right: -15px;
}

.latest-sec .col-md-8,
.latest-sec .col-md-12,
.latest-sec .col-md-4,
.latest-sec .col-md-6 {
    padding-left: 15px;
    padding-right: 15px;
}
a.btn.btn--back-to-top.js-back-to-top.js-smooth-scroll {
    z-index: 111;
}
/*css by 13-feb*/
.with-top-img.second-top .latest-box {
    padding-top: 0;
}
.with-top-img.second-top .latest-box > img {
    height: 130px;
    width: 100%;
    object-fit: cover;
}
.with-top-img.second-top .latest-content {
    padding-top: 0;
}
.content-with-icon {
    margin: 0 -32px 30px;
    padding: 5px 32px;
    display: flex;
    align-items: center;
}
.latest-content .content-with-icon h6 {
    color: #fff;
    width: calc(100% - 70px);
    margin-bottom: 0;
        display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.with-top-img.second-top .latest-box span {
    margin: -15px 0;
}
.with-top-img.second-top .latest-box .notis-sec {
    height: 325px;
}
.submenu-toggle{
    display:none;
}
/*14-03*/
.homepage-section .resource-slider-container .swiper-slide .card .blog-categories__item strong {
    font-weight: 500;
    text-transform: none; 
}
.homepage-section .resource-slider-container .swiper-slide .card .blog-categories__item:nth-of-type(3){
    padding-left:35px;
}
.homepage-section .resource-slider-container .swiper-slide .card .card__image-container{
    height: 110px;
    overflow: hidden;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
}
.homepage-section .resource-slider-container .swiper-slide .card{
    border-top-width: 0 !important;
}
.homepage-section .resource-slider-container .swiper-slide .card.no-image{
     border-top-width: 20px !important;
}
.homepage-section .resource-slider-container .swiper-slide .card .card__image-container img {
    height: 100%;
    object-fit: cover;
}
.homepage-section .resource-slider-container .swiper-slide .card {
    border-top-width: 20px;
    border-radius: 25px;
    box-shadow: 0px 0px 5px #00000033;
    border-left: none;
    border-right: none;
    border-bottom: none;
}
.homepage-section .resource-slider-container .swiper-slide .card .card__text-container {
    padding: 0 16px 16px;
    height:350px;
}
.homepage-section .resource-slider-container .swiper-slide .card .blog-categories{
    margin-top: -10px !important;
    background: #799900;
    padding: 2px 16px;
    margin-left: -16px;
    margin-right: -16px;
    margin-bottom: 18px;
    align-items: center;
    z-index: 1;
    position: relative;
}
.homepage-section .resource-slider-container .swiper-slide .card .blog-categories__icon {
    width: 35px;
    height: 35px;
    position: relative;
    z-index: 1;
    margin-bottom: -5px;
    margin-top: -5px;
}
.homepage-section .resource-slider-container .swiper-slide .card .related__post .blog-categories__item:last-child {
    width: calc(100% - 42px);
    line-height: normal;
        display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.homepage-section .resource-slider-container .swiper-slide .card .blog-categories__item {
    color: #fff;
}
.resource-slider-container .swiper-slide {
    height: 450px;
    border-radius: 25px;
}
.homepage-section .resource-slider-container .swiper-slide .card .card__link{
    border-radius: 25px;
    overflow:hidden;
}
.homepage-section .resource-slider-container .swiper-slide .card .card__hover-container, 
.homepage-section .resource-slider-container .swiper-slide .card ul.social-media-bar{
    display:none;
}
.homepage-section .resource-slider-container .swiper-slide .card .text-small {
    position: absolute;
    bottom: 20px;
    left: 16px;
}
.homepage-section .resource-slider-container .swiper-slide .card h3 {
    margin-bottom: 10px;
}
.homepage-section .resource-slider-container .swiper-slide .card:hover h3{
    text-decoration:underline;
}
.homepage-section .swiper-resource-slider-container.swiper-container-initialized {
    padding-left: 10px;
    padding-right: 10px;
}
.homepage-section .resource-slider-container .swiper-slide .card.no-image .card__image-container{
    height: auto;
    overflow: inherit;
}
.homepage-section .resource-slider-container .swiper-slide .card.no-image .card__text-container {
    padding: 16px 16px 16px;
    background: white;
}
.homepage-section .resource-slider-container .swiper-slide .card.no-image .blog-categories{
        margin-top: 10px !important;
    background: transparent;
}
.homepage-section .resource-slider-container .swiper-slide .card.no-image .blog-categories__item {
    color: #3E4543;
}



/*new css from 10-06 start*/
.search-box2.search-box-full input {
    letter-spacing: -0.4px;
    font-size: 16px;
    border-color: #A1A1A2;
    border-width: 2px;
    padding-left: 30px;
}
.search-box2.search-box-full button{
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px;
    border: 2px solid #A1A1A2;
    border-left: none;
}
.page-resourcehub-banner {
    position: absolute;
    top: 0px;
    left: 0;
    z-index: 11;
    width: 100%;
    height: 270px;
}
.page-resourcehub-banner .communications-header{
    display: flex;
    justify-content: center;
    align-items: center;
    height:270px;
}
.page-content-wrapper .title-sec{
    margin-bottom:32px;
}
.page-content-wrapper .title-sec h2{
    font-size:2.313rem;
}
.page-content-wrapper {
    padding-top: 12rem;
    padding-bottom: 5rem;
    /*text-align: center;*/
}
.access-toolbox-wrapper .directory-content{
    padding: 77px 50px;
    background-color: rgb(0 93 102 / 80%);
}
.access-toolbox-wrapper .directory-content::before{
    background-image:url(/uploads/full-width-images/53042475847_4767323e13_k.jpg);
    z-index: 0 !important;
}
.access-toolbox-wrapper .directory-content h2 {
    margin-bottom: 15px;
    line-height: normal;
}
.access-toolbox-wrapper .directory-inner p{
    line-height: 1.5rem;
}
.access-toolbox-wrapper .directory-content .see-more{
    margin-top:14px;
}
.img-toolkit {
    margin: -30px -32px 2rem;
    height: 110px;
    overflow: hidden;
}
.img-toolkit img{
    height:100%;
    object-fit: cover;
}
.toolkit-wrapper.latest-sec .tools-slider .latest-box .notis-sec {
    height: 350px;
}

.resource-subscribe-hub.subscribe-sec .subscribe-box{
    min-height: 250px;
    padding: 28px 25px;
}
.directory-sec.access-toolbox-wrapper {
    padding: 53px 0;
    background-color:#fff;
}
.upcoming-sec.toolkit-wrapper .see-more{
    background-color:transparent;
    color:#fff;
    min-width:210px;
}
.upcoming-sec.toolkit-wrapper .see-more:hover{
    background-color:#fff;
    color:#3D4242;
}
.upcoming-sec.toolkit-wrapper .latest-content h6, 
.latest-sec.toolkit-wrapper .latest-content h6{
    padding-left:0;
    margin-bottom:0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    width: calc(100% - 50px);
}
.has-content-icon {
    display: flex;
    align-items: center;
    gap: 10px;
    height: 44px;
}
.tools-slider .latest-box .has-content-icon > span {
    padding: 0;
    border: none;
    background: transparent;
    width: 44px;
    height: 44px;
    margin-bottom: 0;
}


.upcoming-sec.toolkit-wrapper .latest-content p, .toolkit-wrapper.latest-sec .tools-slider p{
    min-height:85px;
}
.latest-content .text-date {
    margin-bottom: 0;
    margin-top: 2rem;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    min-height:auto !important;
}
.upcoming-sec.toolkit-wrapper{
    padding: 55px 0px;
}
button.btn.open-modal {
    position: fixed;
    background:#942840;
    bottom: 15px;
    right: 30px;
    z-index: 1;
    border-radius: 100px !important;
    font-size: 1.5rem;
    padding: 10px 20px 10px 11px;
    border: none;
    width: 212px;
    letter-spacing:0;
}
button.btn.open-modal:hover,
button.btn.open-modal:focus{
    color:#fff;
}
button.btn.open-modal .fa {
    background: #fff;
    color: #008996;
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    border-radius: 150px;
    margin-right: 10px;
}

a.btn.open-modal {
    position: fixed;
    background:#942840;
    bottom: 15px;
    right: 30px;
    z-index: 11;
    border-radius: 100px !important;
    font-size: 1.5rem;
    padding: 10px 20px 10px 11px;
    border: none;
    width: 212px;
    /* transform: translateX(80vw); */
    /* -webkit-transform: translateX(80vw); */
    /* margin-bottom: -30px; */
}
a.btn.open-modal:hover,
a.btn.open-modal:focus{
    color:#fff;
}
a.btn.open-modal .fa {
    background: #fff;
    color: #942840;
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    border-radius: 150px;
    margin-right: 10px;
}
button.btn.open-modal .fa {
    background: #fff;
    color: #942840;
    width: 45px;
    height: 45px;
    line-height: 45px;
    display: inline-block;
    border-radius: 150px;
    margin-right: 10px;
}
.search-box2.tool-modal-form {
    margin-top: 0;
    margin-bottom:0;
}
.search-box2.tool-modal-form .input-group {
    margin: -16px -32px 0;
    width: calc(100% + 64px);
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden;
}
.search-box2.tool-modal-form .input-group input{
    border-left:none;
    border-top:none;
    border-radius: 0;
    border-bottom-width: 2px;
}
.search-box2.tool-modal-form .input-group button{
    border-bottom-width: 2px;
    border-top:none;
}
.addtool-modal-dialog .modal-content{
    border-radius: 22px;
    border: none;
}
.searchtool-modal-dialog {
    background-color: #fff;
    border: 2px solid #A1A1A2;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: -16px;
    z-index: 999;
    position: relative;
}
.tool-modal-form p {
    font-size: 10px;
    letter-spacing: 0.61px;
}
.tool-modal-form .btn-see-results {
    padding: 0 30px;
    height: 37px;
    letter-spacing: 0.79px;
    border-radius: 7px !important;
    background-color: #78A22F;
    border: none;
    font-size: 13px;
}
.tool-modal-form .btn-see-results:hover{
    color:#fff;
}
.selected-tool{
    display:flex;
    flex-wrap:wrap;
    gap: 5px 10px;
}
.tool-list {
    background-color: #008b99;
    color: #fff;
    border-radius: 7px;
    padding: 8px 8px 8px;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.66px;
    display: flex;
    align-items: center;
    column-gap: 5px;
}
.tool-list > span{
    font-size: 21px;
    line-height: 11px;
}
.tool-modal-buttons {
    border-top: 2px solid #A1A1A2;
}
.selection-lists {
    display: flex;
    /*flex-wrap: wrap;*/
    gap: 5px 15px;
    margin: 25px 0 0;
}
.slection-head {
    margin-bottom: 18px;
    color: #3D4242;
    letter-spacing: 0.84px;
    font-family: "proxima-nova", sans-serif;
    font-weight: 800;
}
.selection-list input[type="checkbox"] {
    padding: 0;
    height: 100%;
    border-radius: 0;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    cursor: pointer;
}
.selection-column {
    flex-basis: 32.27%;
}
.selection-scroll{
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 225px;
    padding-right: 5px;
}
.selection-scroll::-webkit-scrollbar {
  width: 5px;
}
.selection-scroll::-webkit-scrollbar-track {
  background: #ccc;
}
.selection-scroll::-webkit-scrollbar-thumb {
  background: #008b99;
  border-radius:100px
}
.selection-scroll::-webkit-scrollbar-thumb:hover {
  background: #008b99;
}
.selection-list > span{
    display:block;
    border: 1px solid #008b99;
    color: #008b99;
    font-weight: 600;
    font-size: 11px;
    padding: 8px 5px;
    border-radius: 7px;
}
.selection-list input[type="checkbox"]:checked + span {
    background-color:#008b99;
    color:#fff;
    font-weight: 500;
}
.selection-list {
    position: relative;
    margin-bottom: 12px;
    display: flex;
    
    letter-spacing: 0.66px;
    line-height: normal;
        overflow: hidden;
    width: fit-content;
    width: -webkit-fit-content;
}
.selection-list:last-child{
    margin-bottom:0;
}
#overlay-layer {
    background-color: rgba(0, 137, 150, 0.8);
    width: 100%;
    height: 100vw;
    position: absolute;
    left: 0;
    right: 0;
    top: 270px;
    z-index: 9;
}
.detail-category-lists {
    padding-top: 12rem;
    padding-bottom: 5rem;
}
.categories:first-child{
    border-top: 2px solid #A5A5A6;
}
.categories {
    border-bottom: 2px solid #A5A5A6;
    box-shadow: none;
    color: #008B99;
    font-size: 1rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 0;
    width: 90%;
    text-decoration: none;
    background: transparent;
}
.categories:hover{
    text-decoration: none;
    background: transparent;
    color: #008B99;
}
.categories .fa{
    font-size: 20px;
    font-weight: 600;
}
.category-list .slection-head {
    letter-spacing: 1.13px;
    font-size: 18px;
}
.detail-category-lists .selection-scroll {
    max-height: 530px;
}
.detail-resource-page{
    margin-top:-11rem;
    background-color: #fff;
    z-index: 1;
    position: relative;
    padding-top: 4rem;
}
.detail-resource-content h2 {
    font-size: 2.563rem;
    color: #3D4242;
    font-weight: 900;
    line-height: 2.563rem;
}
.detail-resource-review {
    position: relative;
    margin-top: 20px;
    margin-bottom: 30px;
    padding: 1rem 0;
}
.detail-resource-devider{
    position:relative;
    height: 10px;
    margin-bottom: 30px;
}
.detail-resource-review:before, .detail-resource-review:after, .detail-resource-devider:after {
    content: '';
    position: absolute;
    width: 100%;
    right: 0;
    top: 0;
    height: 10px;
    overflow: hidden;
    opacity: 1;
    background: repeating-linear-gradient(-48deg, #d1d1d1, #d1d1d1 1px, #ffffff 2px, #ffffff 4px);
}
.detail-resource-review:after{
    top: inherit;
    bottom:0;
}
.bookmark-icon {
    width: 42px;
    height: 42px;
    display: inline-block;
    margin-bottom: 3px;
}
.detail-resource-review p {
    margin-bottom: 0;
}
.review-lists {
    display: flex;
    margin-left: 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    color: #3D4242;
    letter-spacing: 1.03px;
    border-left: 1.5px solid #A5A5A6;
    padding-left: 1rem;
}
.review-lists li:last-child{
    margin-left:10px;
}
.avl-tools{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom: 30px;
        flex-wrap: wrap;
}
.avl-tools h4 {
    margin: 0;
    color: #3D4242;
    font-size: 1.5rem;
    font-weight: 900;
    font-family: "proxima-nova", sans-serif;
}
.avl-tools a {
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 10px;
    color: #A5A5A6;
    font-size: 15px;
    font-weight: 600;
    box-shadow: none;
}
.avl-tools a:hover{
    text-decoration:none;
    background:transparent;
}
.avl-tools a img {
    width: 26px;
    margin-top: -4px;
}
.view-card{
    box-shadow: 0px 0px 2px #00000033;
    border-radius: 16px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom:1.5rem;
    transition: background 0.3s;
}
.view-card:hover {
    background-color: #f5f5f5;
}
.view-card-icon{
    background-color:#6D276A;
    border-radius: 16px 0 0 16px;
    margin: 0 1rem 0 0;
    padding: 17px 15px;
   
}
.view-icon {
    box-shadow: none;
    display: inline-block;
    border-radius: 100px;
}
.view-card-icon img{
    height: 36px;
    width: 36px;
    object-fit: contain;
}
.view-card-content {
    padding-top: 4px;
    padding-bottom: 4px;
}
.view-card-content h4 {
    font-size: 22px;
    text-transform: inherit;
    color: #3D4242;
    margin-bottom:2px;
}
.view-card-content p{
    font-size:1rem;
    margin-bottom:0;
}
.view-card-last {
    flex-grow: 1;
    text-align: right;
    padding-right: 15px;
}
.view-card-last a img{
    width:42px;
    border-radius: 113px;
}
.detail-resource-content p{
    line-height:22px;
}
.detail-resource-content ul{
    padding-left:17px;
}
.detail-resource-content li{
    margin-bottom:1rem;
    line-height: 22px;
}
.detail-resource-content a {
    box-shadow: none;
    color: #008b99;
    text-decoration: underline;
}
.detail-resource-content a:hover{
    background-color:transparent;
    text-decoration:none;
}
.program-content{
    box-shadow: 0px 0px 5px #00000033;
    border: 1.5px solid #008B99;
    padding: 17px 30px;
    border-radius: 30px;
    margin-bottom: 23px;
}
.program-content p {
    margin-bottom: 5px;
    font-size: 12px;
}
.program-content a {
    box-shadow:none;
    text-decoration: underline;
}
.program-reviews{
    box-shadow: 0px 0px 3px #00000033;
    border-radius: 30px;
}
.program-reviews h3{
    background-color:#008B99;
    color: #FFFFFF;
    font-size:20px;
    padding: 13px 20px;
    text-align: center;
    border-top-left-radius:30px;
    border-top-right-radius:30px;
}
.reviews-form{
    padding:30px;
}
.reviews-form .form-control{
    border: 2px solid #A5A5A6;
    border-radius: 10px;
    height:90px;
    padding-bottom:15px;
    resize: none;
}
.reviews-form input[type="checkbox"] {
    width: 15px;
    height: 15px;
    margin-bottom: -3px;
    margin-right: 5px;
    position:relative;
}
.reviews-form input[type="checkbox"]:checked{
    border-color:#008b99;
}
.reviews-form input[type="checkbox"]:checked::before {
    content: '\2713';
    position: absolute;
    top: -2px;
    left: 2px;
    font-weight: 600;
    color: #008b99;
}
.reviews-form label{
    color: #A5A5A6;
    font-weight: normal;
    font-size: 12px;
    letter-spacing: -0.2px;
    float: right;
    margin-top: -22px;
    margin-right: 9px;
    background: #fff;
    position: relative;
    width: 95%;
    text-align: right;
    padding-right: 15px;
}
.rating-submit {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
        margin-top: 15px;
}
.rating-submit .review-lists {
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    flex-basis: 60%;
    gap: 5px;
    font-size: 1.5rem;
    color: #008B99;
}
.rating-submit .review-lists li:last-child, 
.user-name-rating .review-lists li:last-child{
    margin-left:0;
}
.rating-submit .btn.btn-submit {
    letter-spacing: 0.84px;
    font-size: 14px;
    background: #78A22F 0% 0% no-repeat padding-box;
    border-radius: 7px !important;
    border: none;
    height: 41px;
    width: 200px;
}
.user-content{
    box-shadow: 0px 0px 3px #00000033;
    border-radius: 30px;
    padding:23px 30px 12px;
    margin-top:24px;
}
.user-content .detail-resource-devider{
    margin-bottom:8px;
}
.toggle-review {
    letter-spacing: -0.4px;
    color: #231F20;
    font-size: 1rem;
    font-weight: 600;
    display: flex;
    align-items: center;
    column-gap: 6px;
    cursor:pointer;
}
.toggle-review .fa {
    width: 15px;
    height: 15px;
    background: #008B99 0% 0% no-repeat padding-box;
    color: #fff;
    border-radius: 100px;
    text-align: center;
    line-height: 15px;
}
.toggle-review .fa-angle-right{
    display:none;
}
.toggle-review .fa-angle-down{
    display:block;
}
.toggle-review.collapsed .fa-angle-right{
    display:block;
}
.toggle-review.collapsed .fa-angle-down{
    display:none;
}
.user-content p{
    margin-bottom:0;
    line-height: 20px;
    letter-spacing: -0.4px;
    color: #231F20;
    margin-top: 5px;
}

.user-name-rating{
    display:flex;
    align-items: center;
        flex-wrap: wrap;
    justify-content: space-between;
        margin-bottom: 15px;
}
.user-name-rating .review-lists{
    border-left: none;
    padding-left: 0;
    margin-left: 0;
    gap: 3px;
    font-size: 18px;
    color: #008B99;
}
.user-name-rating .review-lists li:first-child{
    font-size:19px;
    color: #231F20;
    font-weight:700;
    margin-right:10px;
    letter-spacing: 0px;
}
.user-name-rating span{
    color:#A5A5A6;
    font-size:14px;
}

/* Mark input boxes that gets an error on validation: */
.addtool-modal-dialog .modal-header {
    background-color: #78A22F;
    justify-content: center;
    border-top-left-radius: 21px;
    border-top-right-radius: 21px;
    padding-top: 13px;
    padding-bottom: 13px;
}
.addtool-modal-dialog .modal-header .modal-title {
    color: #fff;
    font-weight: 800;
    font-size: 2rem;
}
.page-resourcehub-banner + #blog-content {
    background: #fff;
    padding-top: 11rem;
    padding-bottom: 1rem;
}
.page-resourcehub-banner + #blog-content .category-cards-cntr a {
    height: 360px;
}
.page-resourcehub-banner + #blog-content .row.justify-content-md-end {
    position: relative;
    align-items: center;
}
.page-resourcehub-banner + #blog-content .row.justify-content-md-end:after {
    content: '';
    position: absolute;
    width: calc(100% - 230px);
    left: 0;
    top: 18px;
    height: 10px;
    overflow: hidden;
    opacity: 1;
    background: repeating-linear-gradient(-48deg, #d1d1d1, #d1d1d1 1px, #ffffff 2px, #ffffff 4px);
}

.invalid {
  background-color: #ffdddd;
}
.modal-dialog.addtool-modal-dialog {
    max-width: 1100px;
}
/* Hide all steps by default: */
.tab {
  display: none;
}

#prevBtn {
  background-color: #bbbbbb;
}
.addtool-modal-dialog .modal-body button[type="submit"] {
    background-color: #bbbbbb;
    border-radius: 7px;
    border: none;
    letter-spacing: 0.84px;
    color: #FFFFFF;
    height: 41px;
    line-height: 41px;
    overflow: hidden;
    width: 200px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    margin-right: 10px;
}
.addtool-modal-dialog .modal-body button[type="submit"]:hover{
    background-color: #999999;
}
/* Make circles that indicate the steps of the form: */
.steper-count {
    display: flex;
    justify-content: center;
    position: relative;
    margin-bottom: 1rem;
}
.steper-count:after {
    content: "";
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    height: 2px;
    width: 75%;
    background-color: #78A22F;
    z-index: 0;
}
.step {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-basis: 25%;
    gap: 3px 10px;
    letter-spacing: 0px;
    color: #231F20;
    font-weight: 600;
    font-size: 1.5rem;
    position: relative;
    z-index: 1;
}
.step .step-num {
    height: 49px;
    width: 49px;
    background-color: #fff;
    border-radius: 50%;
    border: 2px solid #78A22F;
    display: flex;
    justify-content: center;
    align-items: center;
    letter-spacing: 0px;
    color: #78A22F;
    font-weight: 800;
    font-size: 1.688rem;
}

.step.active .step-num, .step.finish .step-num{
    background-color:#78A22F;
        color: #fff;
}
.addtool-modal-dialog .modal-body label {
    font-weight: 500;
    letter-spacing: -0.4px;
    color: #2A2B2A;
    position:relative;
}
.addtool-modal-dialog .modal-body .form-control, 
.addtool-modal-dialog .modal-body input,
.addtool-modal-dialog .modal-body select,
.addtool-modal-dialog .modal-body textarea{
    border: 2px solid #A1A1A2;
    border-radius: 10px;
    margin-bottom:15px;
    font-size: 1rem;
}
.addtool-modal-dialog .modal-body input[type="text"],
.addtool-modal-dialog .modal-body select{
    height: 45px;
}
.addtool-modal-dialog .modal-body textarea{
    height:120px;
    width: 100%;
    resize: none;
}
.addtool-modal-dialog .modal-body input[type="file"]{
    border:none;
        padding: 0;
    border-radius: 0;
    height: auto;
    width: auto;
}
.addtool-modal-dialog .modal-body input[type="checkbox"] {
    width: 20px;
    height: 20px;
    border-radius: 0;
    margin-bottom: -4px;
}
.addtool-modal-dialog .modal-body input[type="checkbox"]:checked{
    border-color:#008b99;
}
.addtool-modal-dialog .modal-body input[type="checkbox"]:checked::before {
    content: '\2713';
    position: absolute;
    top: 0px;
    left: 5px;
    font-weight: 600;
    color: #008b99;
}
.addtool-modal-dialog .modal-body input[type="radio"] {
    background: none;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: inline-block;
    margin-bottom: -5px;
    padding: 0;
    position: relative;
        margin-right: 5px;
}
.addtool-modal-dialog .modal-body input[type="radio"]:checked{
    border-color:#009688;
}
.addtool-modal-dialog .modal-body input[type="radio"]:checked::before {
    content: '';
    position: absolute;
    top: 3px;
    left: 3px;
    background-color: #009688;
    width: 10px;
    height: 10px;
    border-radius: 50%;
}
.btn-prev-form{
    background: #9e9f9c;
    border-radius: 7px;
    border: none;
    letter-spacing: 0.84px;
    color: #FFFFFF;
    height: 41px;
    line-height: 41px;
    overflow: hidden;
    width: 200px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
}
.btn-prev-form:hover{
    background: #999999;
}
.btn-next-form{
        background: #78A22F;
    border-radius: 7px;
    border: none;
    letter-spacing: 0.84px;
    color: #FFFFFF;
    height: 41px;
    line-height: 41px;
    overflow: hidden;
    width: 200px;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
        margin-left: 10px;
}
.btn-next-form:hover{
    background: #658926;
}
/*new css from 10-06 end*/

/*03-10*/
.fuse .fuse-search.fuse-search-no-subscribe.fuse-search-no-branding .fuse-form__input {
    padding: 18px 15px !important;
}
body .fuse .fuse-form__search-icon {
    right: 25px !important;
    top: 15px !important;
}
.page-layout-set .container-fluid .sj-theme-shooju-22 .sjs-inner{
    max-width:100% !important;
}
.main-content1.blog-layout .partner-wrapper .container-fluid {
    max-width: 1140px;
    padding-left: 15px !important;
    padding-right: 15px !important;
}
.about-content{
    position:relative;
    z-index:1;
}
.about-content .main-content__sidebar .l-wrapper {
    padding-left: 0;
}
.main-content.main-content--full-width, .main-content.main-content--two-column {
    max-width: 100%;
    padding-left: 13rem;
    padding-right: 13rem;
}
.main-content.main-content--full-width .l-wrapper {
    padding: 0 0px;
    max-width: 100%;
}
.content-wrapper form .freeform-row {
    margin: 0 -15px;
}
div#iframe iframe {
    width: 100%;
}
@media only screen and (min-width: 1920px) {
    .naccho-voice .top-categories .container-fluid, 
    .naccho-voice .category-sec .container-fluid,
    .naccho-voice .category-cards-sec .container-fluid,
    .naccho-voice .partner-wrapper .container-fluid,
    .naccho-voice .search-sec .container-fluid,
    .homepage .directory-sec .container-fluid, 
    .homepage .latest-sec .container-fluid,
    .page-layout-set .container-fluid, .main-content1.blog-layout.container-fluid, .about-content.container-fluid, .main-content.main-content--full-width, .main-content.main-content--two-column{
        max-width: 1570px;
        padding-left: 15px !important;
        padding-right: 15px !important;
    }
    .latest-sec-custom .container {max-width: 1570px;}
    .top-categories .container-fluid {max-width: 1700px;}
    .category-sec .container-fluid {max-width: 1700px;}
    .category-cards-sec .container-fluid {max-width: 1700px;}
    .partner-wrapper .container-fluid {max-width: 1700px;}
    
    li.dropdown {
        padding-right: 0;
    }
    .search-box .input-group {
        width: 260px;
    }
    .banner-notic{
        right: 10px;
    }
    .top-categories-content .btn.ctr-btn{
        flex-basis: 23.55%;
    }
}
@media only screen and (min-width: 1440px) {
    .swiper-home-main-container .swiper-slide {
        height: 443px;
    }
   
    .upcoming-event .event-content {
        text-align: left;
        min-height: 240px;
    }
    .category-btns a{
        flex: 0 0 18.5%;
    }
   .resource-subscribe-hub.subscribe-sec .subs{
    min-height:250px;
}
}

@media screen and (min-width:1025px) and (max-width: 1300px) {
    li.dropdown {
        padding-right: 0px;
    }
    .search-box .input-group {
        width: 240px;
    }
    .navbar-default .navbar-nav>li>a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link{
        font-size: 16px;
    }
    .category-btns a{
        flex-basis: 23%;
    }
    .subscribe-sec .subs,
    .funding-sec .subs {
        transform: scaleX(1.15);
    }
    .latest-news.owl-theme .owl-nav .owl-next, .tools-slider.owl-theme .owl-nav .owl-next{
        right: -20px;
    }
    .latest-news.owl-theme .owl-nav .owl-prev, .tools-slider.owl-theme .owl-nav .owl-prev{
        left: -20px;
    }
}

@media screen and (min-width:992px) and (max-width: 1024px) {
    .main-content.main-content--full-width, .main-content.main-content--two-column {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 960px;
}
.page-container--homepage .lg\:h-\[600px\]{
        height:575px;
    }
/*    .page-container {*/
/*    padding-top: 153px !important;*/
/*}*/
    .latest-sec .latest-box .notis-sec {
        height: 450px;
    }
    .latest-box.latest-1.fast-sec .notis-sec {
        height: 470px;
    }
    .fast-sec img {
        height: 470px;
    }
    .top-categories-content .btn.ctr-btn {
        width: 48%;
        flex-basis: 48%;
    }
    .search-box .input-group {
        width: 225px;
    }
    .navbar-default .navbar-nav>li>a, .mainmenu ul li a, .navbar-expand-lg .navbar-nav .nav-link{
        font-size: 14px;
    }
    li.dropdown {
        padding-right: 0px;
    }

    .top-categories-content {
        flex-wrap: wrap;
        gap: 15px;
    }

    .category-btns a {
        flex-basis: 48%;
    }

    .subscribe-sec .subs,
    .funding-sec .subs {
        transform: scaleX(1.15);
    }

    li.dropdown {
        padding-right: 0px;
    }
    .latest-news.owl-theme .owl-nav .owl-next, .tools-slider.owl-theme .owl-nav .owl-next{
        right: -20px;
    }
    .latest-news.owl-theme .owl-nav .owl-prev, .tools-slider.owl-theme .owl-nav .owl-prev{
        left: -20px;
    }
}

@media screen and (max-width:991px) {
    .main-content.main-content--full-width, .main-content.main-content--two-column {
        padding-left: 15px;
        padding-right: 15px;
    }
    .about-content .main-content__sidebar .l-wrapper {
        padding-left: 0;
        padding-right:0;
    }
    
    .resource-slider-container .featuredresource-slider .latest-box.latest-1 {
        max-width: 815px;
    }
    .category-content {
        height: auto;
    }
    .mainmenu li.dropdown{
        padding-right:0;
    }
    .mainmenu li.dropdown .dropdown-toggle::after{
        display:none !important;
    }
    .mainmenu ul.navbar-nav > li > a {
        max-width: 90%;
    }
    .submenu-toggle {
            float: right;
    padding: 0 7px;
    position: relative;
    z-index: 9999;
    margin-top: -30px;
    color: white;
    font-size: 20px;
    display:block;
    cursor:pointer;
    }
    .submenu-toggle.collapsed .fa-angle-down, .submenu-toggle .fa-angle-up{
        display:block;
        font-size: 30px;
    }
    .submenu-toggle.collapsed .fa-angle-up, .submenu-toggle .fa-angle-down{
        display:none;
    }
     header#menu_area {
        height:auto;
    }
    .page-container:after {
        top: 0px;
    }
    .top-categories-content .btn.ctr-btn {
        width: 48%;
        flex-basis: 48%;
    }

    .top-categories-content {
        flex-wrap: wrap;
        gap: 15px;
    }

    .category-btns a {
        flex-basis: 48%;
    }

    .navbar-toggler {
        border-color: #ffffff;
    }

    .navbar-toggler .fa-bars {
        color: #FFF;
    }

    .top-head.bg-dark {
        display: none;
    }

    .page-container {
        padding-top: 0px !important;
    }

    .subscribe-sec .subs,
    .funding-sec .subs {
        transform: scaleX(1.25);
    }
    .latest-news.owl-theme .owl-nav .owl-next, .tools-slider.owl-theme .owl-nav .owl-next{
        right: -20px;
    }
    .latest-news.owl-theme .owl-nav .owl-prev, .tools-slider.owl-theme .owl-nav .owl-prev{
        left: -20px;
    }
    .view-card-icon {
        width: 100%;
        margin-right: 0;
        border-radius: 16px 16px 0 0;
        text-align: center;
    }
    .view-card-content {
        word-break: break-word;
        padding-left: 10px;
        padding-right: 10px;
    }
    .view-card-last {
        text-align: center;
        padding-right: 0;
        padding-bottom: 10px;
    }
    .page-container--homepage .md\:h-\[400px\]{
        height:500px;
    }
    .document-header.homehero-document {
        top: 100%;
        height: 500px !important;
        background-color: #008996;
    }
    .page-container--homepage .banner-sec {
        margin-top: 27rem;
    }
    .page-container--homepage .banner-notic {
        top: 44%;
        right:50%;
        left: auto;
        transform: translate(50%, -56%);
        max-width: calc(100% - 10.8rem);
    }
    .page-container--homepage .banner-notic .banner-notic-li{
        background-color: #78a22f !important;
    }
}

@media screen and (max-width: 768px) {
       .resource-slider-container .featuredresource-slider .latest-box.latest-1 {
        max-width: 628px;
    }
    
}
@media screen and (max-width: 767px) {
       .resource-slider-container .featuredresource-slider .latest-box.latest-1 {
        margin-left:0;
    }
    .latest-news.owl-theme .owl-nav .owl-next, .tools-slider.owl-theme .owl-nav .owl-next{
        right: -20px;
    }
    .latest-news.owl-theme .owl-nav .owl-prev, .tools-slider.owl-theme .owl-nav .owl-prev{
        left: -20px;
    }
    .container-fluid.px-5 {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    .owl-carousel.upcoming-event:before,
    .owl-carousel.upcoming-event:after {
        display: none;
    }

    .subscribe-box {
        padding: 45px 0px;
    }

    .foote-sec address {
        margin-bottom: 1rem;
    }

    .banner-notic {
        right: 15px;
        left: 15px;
        margin: 0 auto;
        max-width: 345px;
    }

    .swiper-home-main-container .swiper-slide {
        height: 480px;
    }

    .search-box2 {
        padding: 0 0;
    }
    .partner-wrapper .latest-content h1{
        height: auto;
    }
    .bottom-banner {
        font-size: 1.55rem;
        padding: 10px 0px 0;
    }

    .title-sec h2 {
        font-size: 25px;
    }

    .latest-sec .latest-box.latest-1 {
        flex-direction: column;
    }

    .fast-sec img {
        width: 100%;
        height: 200px;
    }

    .latest-sec .latest-box.latest-1 .notis-sec {
        width: 100%;
    }

    .subscribe-sec .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }

    .subscribe-sec .subs,
    .funding-sec .subs {
        transform: scaleX(1.15);
    }

    .upcoming-event .owl-nav {
        left: 0px;
        right: 0;
        bottom: -30px;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
    }

    .directory-content {
        padding: 100px 30px;
    }

    .directory-content h2 {
        font-size: 29px;
        line-height: normal;
        margin-bottom: 1rem;
    }

    .directory-inner p {
        font-size: 18px;
        line-height: normal;
        margin-bottom: 1rem;
    }

    .testimonial-content p {
        padding-right: 0;
    }

    .testimonial-bg::before {
        width: 97%;
        left: 6px;
    }

    div#counter {
        right: 10%;
        bottom: 25px;
    }

    .top-head.bg-dark {
        display: none;
    }

    .page-container {
        padding-top: 0px !important;
    }

    .category-btns a {
        max-width: 100%;
        flex: 0 0 100%;
    }

    .banner-slider.owl-theme .owl-nav {
        padding-bottom: 15px;
    }

    .banner-notic {
        /*height: auto;*/
        top: 48%;
        transform: translateY(-52%);
    }

    div#counter1 {
       bottom: 25px;
    /*right: 180px;*/
    }

    .upcoming-sec {
        padding-left: 10px;
        padding-right: 10px;
    }

    .latest-news.owl-theme .owl-nav .owl-prev,
    .tools-slider.owl-theme .owl-nav .owl-prev {
        left: -10px;
    }

    .latest-news.owl-theme .owl-nav .owl-next,
    .tools-slider.owl-theme .owl-nav .owl-next {
        right: -10px;
    }

    .testimonial-imag {
        margin-bottom: 25px;
    }

    #navbarSupportedContent .form-inline {
        margin-bottom: 10px;
        margin-top:10px;
    }

    .top-categories-content {
        flex-wrap: wrap;
        gap: 10px;
    }

    .top-categories-content .btn.ctr-btn {
        width: 100%;
        flex: 0 0 100%;
    }

    .partner-wrapper .latest-box.with-img-box {
        flex-wrap: wrap;
    }

    .partner-wrapper .latest-box.with-img-box>img {
        width: 100%;
        height: 200px;
    }

    .partner-wrapper .latest-box.with-img-box .notis-sec {
        width: 100%;
        height: 300px;
    }

    .map-data__table.list-table-custom .data-table__body .latest-box.left-side-img-box .notis-sec {
        width: 100%;
        
    }

    .map-data__table.list-table-custom .data-table__body .latest-box.left-side-img-box>img {
        width: 100%;
        height: 200px;
    }

    .map-data__table.list-table-custom .data-table__body .latest-box {
        padding-left: 0;
        padding-top: 20px;
    }

    .map-data__table.list-table-custom .data-table__body .latest-box.left-side-img-box {
        flex-wrap: wrap;
        width: 99%;
        margin-left: auto;
        margin-right: auto;
    }

    .map-data__table.list-table-custom {
        padding: 5px 5px 0 5px;
    }

    .map-data__grid .category-cards-cntr {
        flex-wrap: wrap;
    }

    .category-cards-cntr.left-side-img-box a {
        height: auto;
        width: 100%;
    }

    .category-cards-cntr.left-side-img-box>a>img {
        height: 200px;
    }

    .partner-wrapper .latest-box.with-img-box>a {
        width: 100%;
    }

    .communications-header h1 {
        font-size: 2.25rem;
    }

    .communications-header p {
        padding: 0 10px;
        line-height: normal;
    }

    header#menu_area {
        padding: 1.235rem 0;
        height:auto;
    }
    

    a.navbar-brand img {
        width: 160px;
    }

    .upcoming-sec .see-more {
        margin-top: 3rem;
    }

    .map-data__table.list-table-custom .data-table__body .latest-box.left-side-img-box>a {
        width: 100%;
    }

    .map-data__table.list-table-custom .data-table__body .latest-box.left-side-img-box>a>img {
        height: 200px;
    }

    .testimonial-content {
        padding-left: 10px;
        padding-bottom: 0;
    }

    .testmonial-slider .owl-nav {
        left: 0rem;
        bottom: -0.5rem;
    }

    .testmonial-slider.owl-theme .owl-nav .owl-prev,
    .upcoming-event.owl-theme .owl-nav .owl-prev,
    .testmonial-slider.owl-theme .owl-nav .owl-next,
    .upcoming-event.owl-theme .owl-nav .owl-next,
    .latest-news.owl-theme .owl-nav .owl-prev,
    .tools-slider.owl-theme .owl-nav .owl-prev,
    .latest-news.owl-theme .owl-nav .owl-next,
    .tools-slider.owl-theme .owl-nav .owl-next {
        width: 39px;
        height: 39px;
    }

    .subscribe-sec.subscribe-custom-last .subscribe-box {
        padding-left: 0;
    }

    #blog-content a.btn.see-more {
        width: 100%;
        font-size: 1rem !important;
        margin-top: 8px;
    }

    .grid-list-icons {
        padding-right: 16px;
        width: 100%;
    }

    .partner-wrapper .latest-content h6 {
        height: auto;
    }

    .category-cards-cntr a,
    .category-cards-cntr.left-side-img-box .category-card {
        height: 320px;
    }
    
    .page-resourcehub-banner .communications-header h1 {
        line-height: 2.25rem;
    }
    .page-resourcehub-banner{
        top:0px;
    }
    .page-content-wrapper {
        padding-top: 10rem;
    }
    .detail-resource-content h2 {
        font-size: 1.75rem;
        line-height: 1.75rem;
    }
    .review-lists {
        margin-left: 0;
        padding-left: 0;
        border-left: 0;
    }
    .reviews-form {
        padding: 10px;
    }
    .user-content {
        padding: 12px 17px 12px;
    }
    .program-content {
        padding: 17px 15px;
    }
    
    .rating-submit .review-lists li:last-child, .user-name-rating .review-lists li:last-child{
        margin-left:0;
    }
    
    .steper-count {
        flex-wrap: wrap;
        row-gap: 10px;
    }
    .step {
        font-size:1rem;
    }
    .steper-count:after{
        display:none;
    }
    button.btn.open-modal .fa {
        width: 35px;
        height: 35px;
        line-height: 35px;
    }
    button.btn.open-modal {
        bottom: 125px;
        right: 15px;
        font-size: 1rem;
        padding: 10px 20px 10px 11px;
    }
    button.close.modal-close {
        right: 10px;
        top: 10px;
    }
    .addtool-modal-dialog .modal-header .modal-title {
        font-size: 1.5rem;
    }
    .step .step-num {
        height: 40px;
        width: 40px;
        font-size: 1rem;
    }
    .page-container--homepage .banner-notic {
        max-width: calc(100% - 2.8rem);
    }
}

@media (min-width: 600px) {

    .utility-header {
        margin: 20px 40px;
    }
    .main-content.blog-layout .utility-header {
        margin: 20px 0px 0;
        background: white;
        padding-left: 35px;
    }
    
}

@media screen and (max-width: 480px) {
  .step {
        flex-basis: 50%;
        flex-direction: row;
    }
    .page-container--homepage .h-\[300px\]{
        height:210px;
    }
    .document-header.homehero-document {
        top: 100%;
        height: 433px !important;
    }
    .page-container--homepage .banner-sec{
            margin-top: 27rem;
    }
    .page-container--homepage .banner-notic {
        top: 48%;
        right: 50%;
        left: auto;
        transform: translate(50%, -52%);
        max-width: calc(100% - 2.80rem);
    }
}

@media screen and (max-width: 360px) {
    .banner-notic {
        max-width: 330px;
    }
}