/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

body {
    background: ;
    margin: 0;
    Overflow: auto !important;
}



html,
body {
    scroll-behavior: smooth;
}

.footer {
    border-top: 0;
}

/* ----------------------------------------- */
/* FONTS STACK */
/* ----------------------------------------- */

@font-face {
    font-family: 'alegreyaSansEB';
    src: url('AlegreyaSans-ExtraBold.otf');
}

@font-face {
    font-family: 'alegreyaSansB';
    src: url('AlegreyaSans-Bold.otf');
}

@font-face {
    font-family: 'alegreyaSansM';
    src: url('AlegreyaSans-Medium.otf');
}

@font-face {
    font-family: 'alegreyaSansR';
    src: url('AlegreyaSans-Regular.otf');
}

@font-face {
    font-family: 'myriadB';
    src: url('MYRIADPRO-BOLD.OTF');
}

@font-face {
    font-family: 'myriadSB';
    src: url('MYRIADPRO-SEMIBOLD.otf');
}


@font-face {
    font-family: 'myriadR';
    src: url('MYRIADPRO-REGULAR.OTF');
}

@font-face {
    font-family: 'dubaiB';
    src: url('Dubai-Bold.ttf');
}

@font-face {
    font-family: 'dubaiM';
    src: url('Dubai-Medium.ttf');
}

@font-face {
    font-family: 'dubaiR';
    src: url('Dubai-Regular.ttf');
}

@font-face {
    font-family: 'dubaiL';
    src: url('Dubai-Light.ttf');
}

/* ----------------------------------------- */
/* 100% WIDTH */
/* ----------------------------------------- */

.navbar>.navbar-header,
.navbar>.navbar-collapse {
    margin: 0 !important;
}

.container {
    width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
}

.navbar.container {
    max-width: 100%;
}

.mbanner-image img {
    width: 100%;
}

.row {
    margin: 0;
}

.banner01,
.banner02,
.banner03,
.banner04,
.banner05,
.banner06,
.banner07,
.banner08,
.banner09,
.banner10 {
    padding: 0;
}

/* ----------------------------------------- */
/* NAVIGATION */
/* ----------------------------------------- */
#block-headerhelplinebutton {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.helpline-btn {
    display: block;
    width: fit-content;
    overflow: hidden;
    color: #fff;
    font-weight: 400;
    text-transform: uppercase;
    transition: all 0.3s ease;
    border: 1px solid #fff;
    font: 12px 'myriadR';
}

.helpline-btn:hover,
.helpline-btn:focus {
    color: #fff;
}

#navbar {
    padding: 0 !important;
    margin: 0 !important;
    z-index: 9;
    background-color: #008081;
    border: 0;
    border-radius: 0;
}

#navbar {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: space-between;
}

/* #navbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
} */

.path-frontpage #navbar {
    /*background-color: #fff;*/
}

.path-node #navbar,
.path-tenders #navbar,
.path-highlights #navbar,
.path-gallery-meetings #navbar,
.path-gallery-events #navbar,
.path-gallery-visits #navbar,
.path-sitemap #navbar,
.path-aiph0y-chahd5ubeveeg #navbar {
    /*background-color: #092A49;*/
}

.navbar-header {
    background: transparent;
    width: auto;
    height: auto;
    padding: 0.75em;
    margin: 0;
}

.navbar .logo {
    padding: 0;
    margin: 0;
}

.navbar .logo img {
    width: auto;
}

#block-bootstrap-subtheme-main-menu {
    display: block;
    /* overflow: hidden; */
    float: left;
    margin-right: 167px;
}

.navbar-collapse {
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
    width: 100%;
}

.navbar-nav {
    margin: 0 !important;
    padding: 0;
    text-align: right;
    float: left;
}

.navbar-default .navbar-nav>li {
    margin: 0 0.25em;
    display: inline-block;
    float: none;
    padding: 0;
    background: transparent;
    transition: all 0.5s ease;
}

.navbar-default .navbar-nav>li>a {
    font: 12px alegreyaSansR;
    color: #fff;
    border-bottom: 2px solid transparent;
    transition: all 0.5s ease;
    /*float: left;*/
}

.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus,
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus,
.navbar-default .navbar-nav>.expanded>a,
.navbar-default .navbar-nav>.expanded>a:hover,
.navbar-default .navbar-nav>.expanded>a:focus {
    background-color: transparent;
    color: #fff;
    border-color: #fff;
}

.navbar-default .navbar-nav>.dropdown>a .caret {
    border-top-color: #fff;
    border-bottom-color: #fff;
}

.navbar-nav .dropdown-menu>li>a {
    font: 14px alegreyaSansR;
    color: #313131;
    text-transform: capitalize;
    transition: all 0.5s ease;
    text-align: left;
    padding: 5px 10px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus {
    color: #fff !important;
    background-color: #008081;
}

.navbar-nav .dropdown-menu>li.active>a {
    color: #ffffff;
}

.navbar-default .navbar-nav li.last .dropdown-menu {
    left: auto;
    right: 0;
}

/* ----------------------------------------- */
/* SEARCH */
/* ----------------------------------------- */
/* #block-searchiconmainnavigation {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);

} */
/* #searchbtn  */
#block-searchiconmainnavigation {
    width: 34px;
    height: 34px;
    position: absolute;
    right: 130px;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}

.navbar-default .form-type-search {
    margin: 0;
}

.navbar-default input[type='search'] {
    color: #000;
    box-shadow: unset;
    -webkit-box-shadow: unset;
    border-color: #000;
    transform: translateX(100%);
    height: 34px;
    margin: 1px 0 0 0;
    -webkit-transform: translateX(100%);
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    border-radius: 18px 18px 18px 18px;
}


.navbar-default input[type='search']::-webkit-input-placeholder {
    color: #000;
}

.navbar-default input[type='search']::-moz-placeholder {
    color: #000;
}

.navbar-default input[type='search']:-ms-input-placeholder {
    color: #000;
}

.navbar-default input[type='search']:-moz-placeholder {
    color: #000;
}

.navbar-default .search-block-form button[value='Search'] {
    /* background: url(../images/search.png) no-repeat center center !important; */
    width: 36px;
    height: 36px;
    border: 0px;
    border-radius: 0px;
    background-size: 100% !important;
}

.navbar-default .input-group-btn {
    left: -25px !important;
}

.navbar-default .search-block-form button[value='Search'] .glyphicon-search:before {
    content: unset;
}

#block-bootstrap-subtheme-search .input-group-btn button {
    background: transparent;
    padding: 0;
}

#block-bootstrap-subtheme-search .input-group-btn button {
    border-radius: 0;
    border: none;
    z-index: 100;
    outline: none;
}

.navbar-default .form-type-search {
    margin: 0;
}

#block-bootstrap-subtheme-search .input-group-btn button {
    border-radius: 0;
    border: none;
    z-index: 100;
    outline: none;
}

@media screen and (min-width: 768px) {
    #block-bootstrap-subtheme-search {
        overflow: hidden;
        -webkit-transition: all 0.9s ease-in-out;
        -moz-transition: all 0.9s ease-in-out;
        -ms-transition: all 0.9s ease-in-out;
        -o-transition: all 0.9s ease-in-out;
        transition: all 0.9s ease-in-out;
        position: absolute;
        width: 65px;
        height: 36px;
        right: 130px;
    }

    #block-bootstrap-subtheme-search:hover {
        width: 250px;
    }


    .navbar-default .navbar-nav {
        margin: 0 70px 0 0;
    }

    .navbar-default input[type='search'] {
        opacity: 0;
        border-radius: 14px !important;
        transform: translateX(calc(100% - 22px));
        -webkit-transform: translateX(calc(100% - 22px));
        -webkit-transition: all 0.6s ease-in-out;
        -moz-transition: all 0.6s ease-in-out;
        -ms-transition: all 0.6s ease-in-out;
        -o-transition: all 0.6s ease-in-out;
        transition: all 0.6s ease-in-out;
    }

    .navbar-default #block-bootstrap-subtheme-search:hover input[type='search'] {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    .navbar-default #block-bootstrap-subtheme-search input[type='search']:hover {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    .navbar-default #block-bootstrap-subtheme-search input[type='search']:focus {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }

    .navbar-default input[type='search'].appear,
    .navbar-default input[type='search'].focusClass {
        opacity: 1;
        transform: translateX(0);
        -webkit-transform: translateX(0);
    }
}

@media screen and (max-width: 767px) {
    .navbar-default input[type='search'] {
        transform: unset;
        -webkit-transform: unset;
        width: 95%;
    }

    .navbar .logo img {
        max-width: 320px;
    }

    #headerhelplinebutton {
        top: 75px;
    }

    #block-searchiconmainnavigation {
        display: none;
    }

    #block-headerhelplinebutton {
        right: 75px;
    }
}

/*.searchButton {display: none;}*/

/* .navbar .search-block-form {
    position: absolute;
    float: right;
    right: 5px;
    top: 8px;
    width: 245px;
    background: transparent;
    border: 0px solid transparent;
    border-radius: 0;
    z-index: 99;
}


.navbar .search-block-form .form-group {
    margin: 0;
}

.navbar .search-block-form .form-group .input-group {}

.navbar .search-block-form .form-group .input-group #edit-keys {
    border-radius: 0;
    position: relative;
    top: 0;
    right: 0;
    background: transparent;
    border-color: transparent;
    color: #fff;
    width: 207px;
    float: right;
    box-shadow: none;
    border-bottom: 2px solid #fff;
}

.navbar .search-block-form .form-group .input-group .input-group-btn .btn {
    background: url("../images/search.png") no-repeat center center;
    width: 34px;
    height: 34px;
    background-size: contain;
    border: none !important;
    border-radius: 0;
    color: #ffffff;
    padding: 0;
}

.navbar .search-block-form .form-group .input-group .input-group-btn .btn .icon {
    opacity: 0;
}

#edit-keys::placeholder {
    font: 14px alegreyaSansR;
    color: #fff;
}
 */


/* ____________________________ */



.navbar-nav .dropdown-menu>li.active>a {
    color: #333;
}

.navbar-default .navbar-nav li.last .dropdown-menu {
    left: auto;
    right: 0;
}



.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
}

.navbar-nav>li>.dropdown-menu {
    margin-top: 0;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    list-style-image: url('../images/dropdown-menu-icon.png');
    padding-left: 30px;
}

/* ......................Submenu on Hover.................. */


/* ----------------------------------------- */
/* INTERNAL PAGES */
/* ----------------------------------------- */

a {
    outline: 0 !important;
}

#block-views-block-slick-x-block-main {
    display: none;
}

.region.region-content .content,
.region.region-content .view-content {
    font: 15px alegreyaSansR;
    color: #333333;
    word-spacing: ;
    line-height: 1.75;
}

#notfrontwrap {
    height: auto;
    min-height: 436px;
    /*position: relative;
    bottom: 10px;*/
    background: linear-gradient(rgba(255, 255, 255, .5),
            rgba(255, 255, 255, .5)), url(../images/internal.png);
    background-attachment: fixed;
    padding: 0 1em;
    padding-bottom: 3em;
}

.path-frontpage #notfrontwrap {
    padding-bottom: 0;
}

#notfrontwrap {
    min-height: calc(100vh - 171px);
}

.region-content img {
    margin: 0 20px 5px 0;
    object-fit: cover;
    float: left;
}

.path-frontpage #ip-wrap {
    display: none;
}

#notfrontwrap ul {
    /*list-style-image: url(../images/list-icon.png);*/
    */ line-height: 25px;
}

#page-title {
    font: 36px alegreyaSansB;
    color: #008081;
    /*padding: 0 0.5em;*/
    border: 0;
    margin: 0;
}

.region.region-content h1,
.region.region-content h2,
.region.region-content h3,
.region.region-content h4 {
    font-family: alegreyaSansB;
}

.region.region-content h3 {
    color: #807c52;
}

.region.region-content h4 {
    color: #368092;
}

.region.region-content .content ul,
.region.region-content .view-content ul {
    /*list-style-image: url("../images/bullet.png");*/
}

.region.region-content .content li,
.region.region-content .view-content li {
    padding: 6px 0;
}

.region.region-content .content ul li:hover,
.region.region-content .view-content ul li:hover {
    list-style-image: ;
}

.region.region-content .content a,
.region.region-content .view-content a {
    text-decoration: none;
    color: #2e2d2c;
    border-bottom: 1px dotted #2e2d2c;
}

.region.region-content .view-content a {
    border: 0;
}

.region.region-content .content a:hover,
.region.region-content .view-content a:hover {
    color: #3d84b8;
}

.main-container {}

.path-frontpage #frontpagerowswrap {}

#frontpagerowswrap {}

.path-frontpage #notfrontwrap {
    min-height: 0;
    height: 0 !important;
}

#page-header {}

#contentsectionwrap {}

#contentsection {
    padding: 0;
}

.breadcrumb {
    background: #EEEEEE;
    border-radius: 0;
    font: 14px alegreyaSansR;
    margin: 0 -14px 12px;
    padding: 10px 15px;
}

.breadcrumb li {
    color: ;
}

.breadcrumb li a {
    color: ;
}

.breadcrumb>li+li:before {
    color: ;
}

.breadcrumb>li.active {
    color: #24428e;
}

.views-field.views-field-field-file a,
.views-field.views-field-field-tadvertisement a {
    background: url('../images/download.png') no-repeat;
    height: 20px;
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    position: relative;
    /* left: 3em; */
    background-size: contain;
    width: 20px;
}

.viewp_wrap {
    margin-bottom: 1.5em;
}

.viewp_date {
    font-weight: bold;
    margin-bottom: 5px;
}

.galleryp_image img,
.video-pgallery iframe,
.view-id-video_gallery iframe {
    display: block;
    height: 150px;
    width: 220px;
    max-width: 100%;
    object-fit: cover;
    margin: 0 auto 1em;
    float: none;
}

.galleryp_title,
.view-id-video_gallery {
    text-align: center;
}

.galleryp_title a {
    display: block;
    height: 52.5px;
    overflow: hidden;
}

.highp_title {}

#block-system-main .date-display-single {
    display: block;
    font-weight: bold;
    margin-bottom: 6px;
}

.noticep-wrap ul {
    padding-left: 1em;
}

time {
    font-weight: bold;
    margin-bottom: 10px;
}

.mediap_wrap {
    display: flex;
    margin-bottom: 2em;
}

.mediap_img {
    margin-right: 1.5em;
}

.page-node-type-gallery .slick .slick__slide:focus {
    border: 0
}

.form-item,
.form-actions {
    margin: 18px 0;
}

.form-required {
    color: red;
}

#edit-submitted-email {
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571429;
    color: #555;
    vertical-align: middle;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}

.webform-submit.button-primary.btn.btn-primary.form-submit {
    margin-bottom: 2%;
}

/** Sitemap **/

.sitemap {
    padding: 0 1em;
}

.sitemap-item {}

.sitemap-item ul {
    padding: 0 0 0 1.5em;
    margin: 0 !important;
    float: none;
    text-align: start;
    list-style: disc;
}

.sitemap-item ul li {
    float: none;
    display: list-item;
}

.sitemap-item ul li a {
    text-decoration: none;
    display: initial;
    font: 15px alegreyaSansB;
    color: #333333;
    padding: 0;
}

.sitemap-item ul li a:hover,
.sitemap-item ul li a:focus {
    text-decoration: underline;
    background: transparent;
}

.sitemap .caret {
    display: none;
}

.sitemap-item ul li ul {
    position: initial;
    display: block;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    background: transparent;
    background-clip: inherit;
    list-style: circle;
}

.sitemap-item ul li ul li {
    display: list-item;
}

.sitemap-item ul li ul li a,
.sitemap-item .navbar-nav .dropdown-menu>li>a {
    text-decoration: none;
    display: initial;
    font: 15px alegreyaSansB;
    color: #333333;
    padding: 0;
}

.sitemap-item ul li ul li a:hover,
.sitemap-item ul li ul li a:focus,
.sitemap-item .navbar-nav .dropdown-menu>li>a:hover,
.sitemap-item .navbar-nav .dropdown-menu>li>a:focus {
    text-decoration: underline;
    background: transparent;
}

.sitemap-item .dropdown-menu>li>a:hover,
.sitemap-item .dropdown-menu>li>a:focus {
    color: #00173C !important;
}

.sitemap-item ul li ul li ul {
    display: none;
}

.sitemap-item ul li ul li.expanded ul {
    display: block;
    list-style: square;
}


/** ... **/


/* ----------------------------------------- */
/* REUSABLE COMPONENTS */
/* ----------------------------------------- */

.section-container {
    padding: 3em 0;
}

.section-heading {
    font: 48px alegreyaSansB;
    color: #807c52;
    text-align: center;
    /*text-transform: uppercase;*/
    margin-bottom: 30px;
}

.section-heading::after {
    content: '';
    display: block;
    height: 4px;
    width: 120px;
    background-color: #807C52;
    margin: 0 auto;
}

.white-heading {
    color: #fff;
}

.section-para {
    font: 18px myriadR;
    color: #404041;
    text-align: justify;
    line-height: 2;
    margin-bottom: 2em;
}

.section-btn,
.high-btn a {
    display: block;
    width: 120px;
    margin: 0 auto;
    background-color: #008081;
    color: #fff;
    font: 15px alegreyaSansR;
    border-radius: 15px;
    text-align: center;
    text-transform: uppercase;
    text-decoration: none;
    padding: 0.8em 0;
    transition: all 0.6s ease-in-out;
}

.section-btn:hover,
.section-btn:focus,
.section-btn:active {
    background: #2EA592;
    color: #fff;
    text-decoration: none;
}

.section-col a {
    text-decoration: none;
}

.slick--skin--boxed .slide__content {
    margin: 0px;
    border-radius: 0;
    background-color: transparent;
    border: unset;
    border-bottom: unset;
}

.slick--skin--boxed .slide__content:hover {
    box-shadow: none;
    border-color: unset !important;
}

.slick--skin--boxed-carousel .slide__caption {
    padding: 0;
}

.slick-dots {
    display: none !important;
}

/*.path-node #block-views-block-what-we-do-block-1,
.path-tenders #block-views-block-what-we-do-block-1,
.path-highlights #block-views-block-what-we-do-block-1,
.path-gallery-meetings #block-views-block-what-we-do-block-1,
.path-gallery-events #block-views-block-what-we-do-block-1,
.path-gallery-visits #block-views-block-what-we-do-block-1,
.path-sitemap #block-views-block-what-we-do-block-1{
    display: none;
}*/

/*#block-views-block-what-we-do-block-1*/

#backtotop {
    bottom: 90px;
    height: 50px;
    width: 50px;
    border-radius: 10px;
}

/* ----------------------------------------- */
/* BANNER 01 MAIN BANNER */
/* ----------------------------------------- */
#widget_pager_top_main_banner-block_1 {
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    list-style: none;
    column-gap: 20px;
    position: absolute;
    bottom: -40px;
    z-index: 11;
    left: 50%;
    transform: translateX(-50%);
}

#widget_pager_top_main_banner-block_1 li[id*='views_slideshow_pager_field_item_top_main_banner-block_1'] {
    width: 3px;
    height: 3px;
    background: #fff;
    cursor: pointer;
    border: 5px solid #222;
    border-radius: 50%;
    box-sizing: content-box;
    -webkit-perspective: 400;
    perspective: 400;
    -webkit-transform: translateZ(0.01px);
    transform: translateZ(0.01px);
    transition: all 0.3s;
    text-indent: 100%;
    overflow: hidden;
}

#widget_pager_top_main_banner-block_1 li[id*='views_slideshow_pager_field_item_top_main_banner-block_1'].active {
    border: 5px solid #008081;
    background: #fff;
}

/*#site-b01 {
    position: relative;
    top: -107px;
}*/

#views_slideshow_cycle_teaser_section_main_banner-block_1,
#views_slideshow_cycle_div_main_banner-block_1_0,
#views_slideshow_cycle_div_main_banner-block_1_1,
#views_slideshow_cycle_div_main_banner-block_1_2,
#views_slideshow_cycle_div_main_banner-block_1_3,
#views_slideshow_cycle_div_main_banner-block_1_4 {
    width: 100% !important;
}

.mbanner-tagline {
    position: absolute;
    bottom: 5em;
    left: 0;
    background-color: rgba(0, 146, 122, 0.75);
    padding: 0.5em 2em 0.5em 0.5em;
    font: 48px alegreyaSansB;
    color: #fff;
    clip-path: polygon(0 0, 93% 0, 100% 100%, 0% 100%);
    width: auto;
    animation-delay: 2s;
    animation-fill-mode: backwards;
}

#views_slideshow_cycle_div_main_banner-block_3 .mbanner-tagline,
#views_slideshow_cycle_div_main_banner-block_6 .mbanner-tagline {
    left: 0 !important;
    animation: movesInTop 1.5s ease-out;
}

#views_slideshow_cycle_div_main_banner-block_1 .mbanner-tagline,
#views_slideshow_cycle_div_main_banner-block_4 .mbanner-tagline {
    left: 0 !important;
    animation: movesInBottom 1.5s ease-out;
}

#views_slideshow_cycle_div_main_banner-block_0 .mbanner-tagline,
#views_slideshow_cycle_div_main_banner-block_2 .mbanner-tagline,
#views_slideshow_cycle_div_main_banner-block_5 .mbanner-tagline {
    left: 0 !important;
    right: unset !important;
    animation: movesInRight 1.5s ease-out;
}

@keyframes movesInRight {

    0% {
        opacity: 0;
        transform: translateX(-18em);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes movesInTop {

    0% {
        opacity: 0;
        transform: translateY(8em);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes movesInBottom {

    0% {
        opacity: 0;
        transform: translateY(-12em);
    }

    100% {
        opacity: 1;
        transform: translate(0);
    }
}



#section-latest-ini {
    padding: 60px;
}

.ini-box {
    width: 300px;
    max-width: 100%;
    height: auto;
    min-height: 335px;
    margin: 0 auto;
    margin: 0 auto;
    border: 2px solid #B9B8A3;
    padding: 20px;
    text-align: center;
}
.init-list {
    text-align: left;
    margin: 12px 0 0;
}
#section-latest-ini .section-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}
.ini-logo img {
    height: 110px;
    margin-bottom: 28px;
}

.ini_title {
    font: 20px 'myriadSB', sans-serif;
    color: #807c52;
    margin-bottom: 8px;
}

.ini-body {
    font: 18px 'myriadR', sans-serif;
    color: #4d4d4d;
}

/******** ICONS *********/

.banner-icons-container {
    position: fixed;
    top: 40%;
    right: 0;
    z-index: 5;
}

.banner-icons-container a {
    text-decoration: none;
}

.banner-icon {
    height: 68px;
    width: 215px;
    margin: 0.8em 0;
    transform: translateX(75%);
    transition: all 1s ease-in-out;
}

.banner-icon:hover {
    /*width: 215px;*/
    transform: translateY(0);
}

.bfb-icon {
    background: url('../images/Facebook.png') no-repeat;
}

.binsta-icon {
    background: url('../images/Instagram.png') no-repeat;
}

.blinkedin-icon {
    background: url('../images/LinkedIn.png') no-repeat;
}

.btwitter-icon {
    background: url('/system/files/Twitter.png') no-repeat;
}

/* ----------------------------------------- */
/* BANNER 02 - HIGHLIGHTS */
/* ----------------------------------------- */
.view-highlights-page.view-display-id-page_1 .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: stretch;
}

.view-highlights-page.view-display-id-page_1 .view-content .viewp_date {
    text-align: center;
}

#block-views-block-highlights-block-1 {
    padding: 3em 1em;
}

#block-views-block-highlights-block-1 .view-content {
    overflow: hidden;
    margin-bottom: 2em;
}

.high-wrap {
    display: flex;
}

.high-date-wrap {
    margin-right: 12px;
}

.post_date {
    position: relative;
    text-align: center;
}

.post_date .high-day {
    font: 96px myriadB;
    color: #c8c9ca;
    text-align: center;
    margin: 0px;
    line-height: 62px;
}

.post_date .high-month {
    font: 25px myriadB;
    color: #807c52;
    font-weight: 300;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0px;
    width: 100%;
    margin: 0px;
}

.high-year {
    font: 18px myriadB;
    color: #58585b;
    text-align: center;
    letter-spacing: 2px;
    position: relative;
    top: 0.8em;
}

.high-title a {
    font: 19px alegreyaSansB;
    color: #008081;
    text-decoration: none;
    height: 46px;
    overflow: hidden;
    display: block;
}

.high-body {
    font: 15px myriadR;
    color: #4d4d4d;
    line-height: 1.8;
    margin-bottom: 1.5em;
    height: 81px;
    overflow: hidden;
}

.high-body img {
    display: none;
}

.high-read {
    background-color: transparent;
}

.high-read a {
    color: #006738;
    text-decoration: none;
}

/* ----------------------------------------- */
/* BANNER 3 - SERVICES */
/* ----------------------------------------- */

#section-services {
    background: url('../images/client sample-13.jpg') no-repeat center center/cover fixed;
    height: auto;
    padding: 3em;
}

.services-list-wrap .section-heading {
    text-align: left;
}

.services-list-wrap .section-heading::after {
    margin: 0;
}

.services-list {
    padding-right: 10em;
}

.services-list ul {
    padding: 0;
    color: #807D52;
    margin-bottom: 2em;
}

.services-list li {
    padding: 1.5em 0;
    border-bottom: 1px solid #ACADAF;
    font: 16px 'myriadR', sans-serif;
}

.services-list li:last-child {
    border: 0;
}

.services-list a {
    /* font: 25px alegreyaSansM; */
    font: 18px 'myriadR', sans-serif;
    color: #fff;
    text-decoration: none;
    transition: all 0.5s ease-in-out;
}

.services-list a:hover {
    color: #807C52;
    padding-left: 1em;
}

.services-btn .section-btn {
    margin: 0;
}


/* ----------------------------------------- */
/* BANNER 4 - POLICY */
/* ----------------------------------------- */

#section-policy {
    background-color: #807c52;
    color: #fff;
    text-transform: uppercase;
    padding: 3em 6em;
}

.policy-items {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.policy-heading1 {
    font: 48px alegreyaSansB;
}

.policy-heading2 {
    font: 110px alegreyaSansB;
    line-height: 100px;
}

.policy-heading2::after {
    content: '';
    display: block;
    height: 4px;
    width: 120px;
    background-color:
        #fff;
}

.policy-btn .section-btn {
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 0;
    font-size: 25px;
    width: 185px;
}

.policy-btn .section-btn:hover {
    background-color: #fff;
    color: #807C52;
}


/* ----------------------------------------- */
/* BANNER 5 - INITIATIVES */
/* ----------------------------------------- */
.ini-content .section-col {
    margin: 0 0 30px;
}

#section-initiatives {
    padding: 3em 0;
    background: #F4F4F4;
}

.initiatives-image-wrap img {
    margin: 0 auto 2em;
}

.initiatives-boxes-wrap {
    padding: 7.8em 5em;
}

.initiatives-row1 {
    margin-bottom: 2.2em !important;
}

.initiatives-col a {
    text-decoration: none;
}

.initiatives-box {
    width: 205px;
    height: 166px;
    padding: 1em 0.5em;
    margin: 0 auto;
    border: 2px solid #B9B8A3;
    font: 16px 'myriadR', sans-serif;
    color: #807c52;
    text-align: center;
    transition: all 0.5s ease-in-out;
}

.initiatives-box:hover {
    background: #807c52;
    color: #fff;
    border-color: transparent;
}

.ini-icon {
    background: url('../images/client sample-15.png') no-repeat;
    width: 51px;
    height: 47px;
    margin: 0 auto 1em;
}

.initiatives-box:hover .ini-icon {
    background: url('../images/client sample-17.png') no-repeat;
}

.pwep-icon {
    background: url('../images/client sample-16.png') no-repeat;
}

.initiatives-box:hover .pwep-icon {
    background: url('../images/client-sample-16-hover.png') no-repeat;
}
.init-btn {
    display: block;
    width: fit-content;
    padding: 1em 2em;
}
.init-btn span {
    display: block;
    text-align: center;
}
.init-btn span.text-large {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 6px;
}
/* ----------------------------------------- */
/* BANNER 6 - HELPLINE  */
/* ----------------------------------------- */

#section-helpline {
    background: url('../images/client-sample-18.jpg') no-repeat center center/cover fixed;
    height: 676px;
    padding: 0 10em 0 0;
}

#block-block-24 .section-col {
    padding: 0;
}

.helpline-content {
    color: #fff;
    text-transform: uppercase;
    padding-top: 8em;
}

.helpline-tagline {
    font: 36px alegreyaSansR;
    padding-left: 4.2em;
}

.heard-wrap {
    background-color: rgba(0, 146, 122, 0.75);
    font: 60px alegreyaSansEB;
    padding-left: 2.5em;
}

.call-wrap {
    background-color: rgba(128, 124, 82, 0.75);
    font: 85px alegreyaSansEB;
    padding-left: 1.75em;
}

.helpline-no {
    font: 175px alegreyaSansEB;
    padding-left: 0.85em;
}

.rights-wrap {
    font: 36px alegreyaSansR;
    padding-left: 4em;
}

.helpline-image-wrap {
    background: #008081;
    height: 676px;
    padding-top: 10em;
}

.helpline-icon {
    background: url('../images/client sample-19.png') no-repeat center center/contain;
    height: 321px;
    width: 320px;
    max-width: 100%;
}


/* ----------------------------------------- */
/* BANNER 7 - PROJECTS */
/* ----------------------------------------- */

#section-projects {
    padding: 3em;
}

.projects-row {
    margin-bottom: 2em;
}

.projects-image .section-heading {
    text-align: left;
}

.projects-list-wrap .section-heading {
    color: #008081;
    text-align: left;
}

.projects-image .section-heading::after {
    margin: 0;
}

.projects-list-wrap .section-heading::after {
    background-color: #008081;
    margin: 0;
}

.projects-list ul {
    padding-left: 0;
    list-style-type: none;
    margin-bottom: 22px;
}

.projects-list li {
    font: 18px 'myriadR', sans-serif;
    color: #4d4d4d;
    padding: 1em 0;
    padding-left: 1em;
    border-bottom: 1px solid #A6A6A6;
    position: relative;
    transition: all 0.7s ease-in-out;
}

/* ========================wdd day care page======================= */

#iframe-wrap iframe {
    width: 100%;
    height: 75em;
}

 article[about='/day-care'] h3  {
        color: #006738 !important;
    }

/* ========== PAGE-SPECIFIC WRAPPER ========== */
article[about='/day-care'] {
    font-family: "Noto Sans", sans-serif;
}

/* ========== HEADINGS ========== */
article[about='/day-care'] h3 {
    color: #006738 !important;
    font-size: 26px;
    font-weight: 700;
    margin-top: 30px;
    margin-bottom: 12px;
    position: relative;
    padding-left: 8px;
    animation: fadeInUp 0.6s ease;
}

article[about='/day-care'] h3:before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 4px;
    height: 20px;
    background: #006738;
    border-radius: 2px;
}

/* ========== PARAGRAPHS ========== */
article[about='/day-care'] p {
    line-height: 1.7;
    margin-bottom: 14px;
    animation: fadeIn 0.7s ease;
}

/* ========== OBJECTIVES BULLET LIST ========== */
article[about='/day-care'] ul li {
    margin-bottom: 10px;
    padding-left: 6px;
    line-height: 1.6;
    animation: fadeIn 0.7s ease;
}

/* ========== TABLE STYLING ========== */
article[about='/day-care'] .daycare-table {
    width: 95%;
    margin: 25px auto;
    border-collapse: collapse;
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    border-radius: 12px;
    overflow: hidden;
    animation: fadeInUp 0.7s ease;
}

article[about='/day-care'] .daycare-table td {
    width: 50%;
    padding: 20px;
    vertical-align: top;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #e6e6e6;
    transition: background 0.3s ease;
}

article[about='/day-care'] .daycare-table tr:last-child td {
    border-bottom: none;
}

article[about='/day-care'] .daycare-table td:last-child {
    border-right: none;
}

/* HOVER EFFECT */
article[about='/day-care'] .daycare-table td:hover {
    background: #f0f7f3;
    cursor: pointer;
}

/* ========== RESPONSIVE TABLE → CARDS ========== */
@media (max-width: 768px) {
    article[about='/day-care'] .daycare-table,
    article[about='/day-care'] .daycare-table tbody,
    article[about='/day-care'] .daycare-table tr,
    article[about='/day-care'] .daycare-table td {
        display: block;
        width: 100% !important;
        border-right: none !important;
    }

    article[about='/day-care'] .daycare-table tr {
        margin-bottom: 15px;
        border-bottom: 1px solid #ccc;
        padding-bottom: 10px;
    }
}

/* ========== IFRAME RESPONSIVE ========== */
article[about='/day-care'] #iframe-wrap {
    width: 100%;
    min-height: 600px;
    animation: fadeIn 1s ease;
}

article[about='/day-care'] #iframe-wrap iframe {
    width: 100%;
    min-height: 600px;
}

/* ========== ANIMATIONS ========== */
@keyframes fadeIn {
    from {opacity: 0;}
    to {opacity: 1;}
}

@keyframes fadeInUp {
    from {opacity: 0; transform: translateY(20px);}
    to {opacity: 1; transform: translateY(0);}
}

/* Style only the Day Care Established text */
article[about='/day-care'] h1.text-align-center {
    background: #006738;
    color: #ffffff;
    padding: 12px 20px;
    border-radius: 8px;
    font-size: 26px;
    font-weight: 700;
    text-align: center;
    width: fit-content;
    margin: 30px auto;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.12);
}

/* Hover effect */
article[about='/day-care'] h1.text-align-center:hover {
    background: #00994a;
    transform: translateY(-3px);
    box-shadow: 0 8px 15px rgba(0, 0, 0, 0.18);
}



    /* ========================End Wdd day care page======================= */

.projects-list li a {
    color: #4d4d4d;
}

.projects-list li:hover {
    color: #807C52;
    padding-left: 2em;
}

.projects-list li:last-of-type {
    border: 0;
}

.projects-list li::before {
    content: '';
    display: inline-block;
    height: 8px;
    width: 8px;
    background-color: #807c52;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -4px;
}

.caucus-wrap {
    display: flex;
    align-items: flex-end;
}

.caucus-heading {
    font: 30px alegreyaSansB;
    color: #008081;
    margin-bottom: 0.5em;
}

.caucus-para {
    font: 16px alegreyaSansR;
    color: #818181;
    text-align: justify;
}

.objectives-btn .section-btn {
    margin: 0;
}

/* ----------------------------------------- */
/* BANNER 8 - INFO DESK  */
/* ----------------------------------------- */

#section-infodesk {
    background: url('../images/client-sample-21.jpg') no-repeat center center/cover fixed;
    height: auto;
    padding: 5em;
}

.infodesk-wrap a {
    text-decoration: none;
}

.infodesk-wrap {
    min-height: 208px;
    padding: 1.5em 2em;
    border: 1px solid transparent;
    transition: all 0.5s ease-in-out;
}

.infodesk-wrap:hover {
    border-color: #fff;
}

.info-icon {
    height: 89px;
    width: 88px;
    max-width: 100%;
    margin: 0 auto 1.5em;
}

.infodesk-row.row {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.faqs-icon {
    background-image: url('../images/client sample-22.png');
    /* background-image: url('../images/Implementation-Framework.png'); */
}

.implementation-icon {
    background-image: url('../images/Implementation-Framework.png');
}

.forms-icon {
    background-image: url('../images/client sample-23.png');
}

.reports-icon {
    background-image: url('../images/client sample-24.png');
}

.links-icon {
    background-image: url('../images/client sample-25.png');
}

.info-title {
    font: 18px 'myriadR';
    color: #fff;
    text-align: center;
}

/* ----------------------------------------- */
/* BANNER 09 - CONTACT US  */
/* ----------------------------------------- */

.wdd-map-wrap {
    position: relative;
}

.map-wrap {
    height: 500px;
}

.wdd-map-wrap iframe {
    height: 100%;
}

.contactus-wrap,
.contact-map-wrap {
    padding: 0px;
}

.wdd-detail-wrap {
    background-color: #008081;
    height: 500px;
    width: 100%;
    padding: 5em;
}

.contact-header {
    font: 37px alegreyaSansB;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 1em;
}

.contact-header::after {
    content: '';
    display: block;
    height: 3px;
    width: 125px;
    background-color: #fff;
}

.wdd-header {
    font: 25px alegreyaSansB;
    color: #fff;
    text-transform: uppercase;
    margin-bottom: 1.5em;
}

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

.wdd-detail-list ul li {
    position: relative;
    font: 18px 'myriadR';
    color: #fff;
    padding: 13px 0px;
    padding-left: 30px;
}

.wdd-detail-list ul li a {
    font: 18px 'myriadR';
    color: #fff;
    text-decoration: none;
}

.wdd-con-icon::before {
    content: '';
    height: 20px;
    width: 17px;
    display: inline-block;
    position: absolute;
    /*top: 0px;*/
    left: 0px;
}

.wdd-add::before {
    background: url('../images/client sample-33.png') no-repeat;
}

.wdd-web::before {
    background: url('../images/client sample-34.png') no-repeat;
}

.wdd-ph::before {
    background: url('../images/client sample-35.png') no-repeat;
}

/* ----------------------------------------- */
/* FOOTER  */
/* ----------------------------------------- */

.footer-upper {
    background-color: #807c52;
    padding: 10px 35px;
    color: #333;
    margin-top: -2px;
}

.footer-links {
    padding: 10px 0;
    color: #fff;
}

.footer-links a {
    font: 15px alegreyaSansM;
    color: #fff;
    margin: 0 18px;
}

.social-icons {
    text-align: right;
}

.fb-icon {
    background: url('../images/client sample-40.png') no-repeat;
}

.twitter-icon {
    background: url('../images/client sample-41.png') no-repeat;
}

.contact-icon {
    background: url('../images/client sample-42.png') no-repeat;
}

.social-icon {
    background-size: contain;
    display: inline-block;
    height: 36px;
    width: 36px;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
    margin: 0 15px;
}

.footer-bottom-wrap {
    background-color: #008081;
    padding: 16px 35px;
}

.footer-bottom-wrap,
.footer-bottom-wrap a {
    color: #fff;
    font: 15px myriadR;
}

.power-sec {
    text-align: right;
}

/* ----------------------------------------- */
/* MEDIA QUERIES  */
/* ----------------------------------------- */

.spb-popup-main-wrapper {
    top: 50px;
    width: 200px;
}

.popup_image img {
    height: 350px;
    margin: 0 auto;
}

.popup-btn {
    color: #c54c78;
    font-size: 26px;
    font-family: 'alegreyaSansB';
    margin: 16px 0;
    margin-bottom: 0.5em;
    
    font-weight: 800;
    letter-spacing: -1px;
    text-shadow: 0 2px 10px rgba(197, 76, 120, 0.2);
}

section#block-vacancypopup {
    display: none;
}

.path-frontpage .footer-wrap {
    margin-top: -1em;
}

@media only screen and (max-width: 350px) {

    .spb-popup-main-wrapper {
        width: 285px;
    }
}

#block-popup {
    display: none;
}

.spb-popup-main-wrapper {
    width: 35% !important;
    top: 10% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
}

@media screen and (max-width: 768px) {

    .spb-popup-main-wrapper {
        width: 80% !important;
        /* left: 104% !important; */
        top: 20% !important;
        transform: translate(-50%, 0%) !important;
    }
}

#block-views-block-popup-videos-block-1 {
    display: none;
}

#views_slideshow_cycle_teaser_section_popup_videos-block_1,
#views_slideshow_cycle_div_popup_videos-block_1_0,
#views_slideshow_cycle_div_popup_videos-block_1_1,
#views_slideshow_cycle_div_popup_videos-block_1_2,
#views_slideshow_cycle_div_popup_videos-block_1_3,
#views_slideshow_cycle_div_popup_videos-block_1_4,
#views_slideshow_cycle_div_popup_videos-block_1_5 {
    width: 100% !important;
}

#block-views-block-popup-videos-block-1 .views-slideshow-controls-top {
    position: initial;
    text-align: center;
}

#views_slideshow_controls_text_pause_popup_videos-block_1 a {
    display: none;
}

#block-views-block-popup-videos-block-1 .field--name-field-media-oembed-video iframe {
    display: block;
    height: 475px !important;
    width: 100%;
    max-width: 100%;
}

#views_slideshow_controls_text_previous_popup_videos-block_1 a,
#views_slideshow_controls_text_next_popup_videos-block_1 a {
    display: inline-block;
    width: 32px;
    height: 32px;
    color: transparent;
    background: transparent;
    text-indent: 100%;
    overflow: hidden;
    white-space: nowrap;
}

#views_slideshow_controls_text_next_popup_videos-block_1 a {
    /* right: 8px; */
    background: url(../images/right_arrow.png) no-repeat center center/cover;
}

#views_slideshow_controls_text_previous_popup_videos-block_1 a {
    /* left: 8px; */
    background: url(../images/left_arrow.png) no-repeat center center/cover;
}


/* ..........................New Highlight Section Front......................... */

/* ...........................Highlights Section...................... */

#block-views-block-highlights-new-block-1 {
    padding: 64px;
}

#block-views-block-highlights-new-block-1 .view-id-highlights {
    display: flex;
}

#block-views-block-highlights-new-block-1 .view-header {
    width: 33.33%;
}

#block-views-block-highlights-new-block-1 .view-content {
    width: 66.66%;
}

#block-views-block-highlights-new-block-1 .high-box {
    width: 370px;
    max-width: 100%;
    margin: 0 auto;
}

#block-views-block-highlights-new-block-1 .high-image {
    margin-bottom: 15px;
}

#block-views-block-highlights-new-block-1 .high-image img {
    height: 300PX;
    width: 95%;
}

.high-content-wrap {}

#block-views-block-highlights-new-block-1 .high-date {
    font-size: 11px;
    font-family: 'myriadB';
    color: #788592;
    margin-bottom: 14px;
}

#block-views-block-highlights-new-block-1 .high-date {
    margin-bottom: 8px;
}


#block-views-block-highlights-new-block-1 .high-date time {
    font-weight: normal;
    text-transform: uppercase;
    font: 18px myriadSB;
    color: #807c52;
}

#block-views-block-highlights-new-block-1 .high-title a {
    font-size: 22px;
    font-family: 'myriadB';
    color: #000;
    text-decoration: none;
}



#block-views-block-highlights-new-block-1 .high-wrap {
    padding-bottom: 2em;
}

.high-box:hover .high-image img {
    opacity: 0.8;
}

#block-views-block-highlights-new-block-1 .view-id-highlights {
    display: flex;
    flex-direction: column;
}

#block-views-block-highlights-new-block-1 .view-header {
    width: 100%;
    text-align: center;
}

#block-views-block-highlights-new-block-1 .view-content {
    width: 100%;
}

#block-views-block-highlights-new-block-1 a:hover {
    text-decoration: none;
}


#block-views-block-highlights-new-block-1 .high-title {
    font-size: 22px;
    font: 16px alegreyaSansR;
    color: #008081;
    text-decoration: none;
}

#block-views-block-highlights-new-block-1 .view-highlights .high-image img {
    height: 21em;
    width: 100%;
    margin: 0;
}

#block-views-block-highlights-new-block-1 .view-highlights .high-box:hover .high-image img {
    opacity: 0.9;
}


/* ............................End Highliths.................. */

/* ............................End Highlight Section................ */


/* ----------------------------------------- */
/* MEDIA QUERIES  */
/* ----------------------------------------- */

@media only screen and (min-width: 1366px) {

    body {
        max-width: 1366px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1024px) {
    #navbar {
        flex-wrap: wrap;
    }

    .navbar-header {
        width: 100%;
    }

    #block-headerhelplinebutton {
        top: 15px;
        transform: unset;
    }

    #block-searchiconmainnavigation {
        top: 30px;
    }

    #block-bootstrap-subtheme-search {
        top: 15px;
    }
}

@media only screen and (min-width: 760px) {

    .dropdown:hover .dropdown-menu {
        display: block;
    }
}



@media only screen and (max-width: 1300px) {

    .views-field.views-field-field-banner-tagline>div {
        font-size: 45px;
        width: 50%;
    }

}

@media only screen and (max-width: 767px) {
    #block-bootstrap-subtheme-main-menu {
        margin: 0;
        float: none
    }

    .navbar-default .navbar-nav>li {
        margin: 0 0 4px
    }

    .navbar-default .search-block-form button[value='Search'] {
        background: url(../images/search.png) no-repeat center center !important;
    }

    #navbar {
        background-color: ;
    }

    .navbar-header {
        padding: 0.5em;
    }

    .navbar .logo {
        width: 82%;
    }

    .navbar .logo img {
        width: 96%;
    }

    .navbar-nav {
        margin: 0 !important;
        float: left;
        text-align: left;
        width: 100%;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: white;
    }

    .navbar-default .navbar-nav>li {
        display: block;
        margin: 0px;
        padding: 0px;
    }

    .navbar-default .navbar-nav>li>a {
        font-size: 13px;
        padding: 10px !important;
        margin: 0px !important;
        display: block;
        width: 100%;
    }

    .navbar .search-block-form {
        position: unset;
        margin-bottom: 15px;
    }

    .section-heading {
        font-size: 28px;
        margin-bottom: 28px;
    }

    .section-para {
        font-size: 14px;
    }

    .section-btn {
        width: 100px;
        font-size: 12px;
        padding: 0.8em 0;
    }

    #site-b01 {
        position: initial;
        margin: 0;
    }

    .sitemap-item ul li ul li a,
    .sitemap-item .navbar-nav .dropdown-menu>li>a {
        white-space: normal;
    }

    .mbanner-tagline {
        font-size: 18px;
        width: 65%;
        bottom: 2em;
    }

    #block-views-block-highlights-new-block-1 {
        padding: 2em 0em;
    }

    #block-views-block-highlights-new-block-1 .section-heading {
        margin-bottom: 1.2em;
    }

    #block-views-block-highlights-new-block-1 .view-content {
        margin-bottom: 0;
    }

    .high-wrap {
        margin-bottom: 1.2em;
    }

    .post_date .high-day {
        font-size: 50px;
        line-height: 45px;
    }

    .post_date .high-month {
        font-size: 15px;
    }

    .high-year {
        font-size: 14.5px;
        position: initial;
    }

    .high-title a {
        font-size: 13px;
        height: auto;
    }

    .high-body {
        font-size: 12px;
    }

    #section-services {
        padding: 2em 1em;
    }

    .services-list {
        padding: 0;
    }

    .services-list ul {
        margin-bottom: 1em;
    }

    .services-list li {
        padding: 1.5em 0;
        border-bottom: 1px solid #ACADAF;
    }

    .services-list a {
        font-size: 15px;
    }

    .services-btn {
        margin-bottom: 2.5em;
    }

    #section-policy {
        padding: 2em 1em;
    }

    .policy-heading1 {
        font-size: 24px;
    }

    .policy-heading2 {
        font-size: 40px;
        line-height: 50px;
        margin-bottom: 0.7em;
    }

    .policy-btn .section-btn {
        font-size: 17px;
        width: 130px;
    }

    #block-block-23 {
        padding: 2em 0 1em;
    }

    .initiatives-image-wrap .section-heading {
        margin-bottom: 1.5em;
    }

    .initiatives-boxes-wrap {
        padding: 3em 0 0;
    }

    .initiatives-row1 {
        margin: 0 !important;
    }

    .initiatives-col {
        margin-bottom: 2em;
    }

    .ini-title {
        font-size: 16px;
    }

    #section-helpline {
        height: auto;
        padding: 2em 0;
    }

    .helpline-content {
        padding: 0;
    }

    .helpline-tagline {
        font-size: 22px;
        padding-left: 1em;
        margin-bottom: 1em;
    }

    .heard-wrap {
        font-size: 35px;
        padding-left: 0.6em;
    }

    .call-wrap {
        font-size: 40px;
        padding-left: 0.5em;
    }

    .helpline-no {
        font-size: 60px;
        padding-left: 0.4em;
    }

    .rights-wrap {
        font-size: 25px;
        padding-left: 1em;
        margin-bottom: 2em;
    }

    .helpline-image-wrap {
        background: transparent;
        height: initial;
        padding: 0;
    }

    .helpline-icon {
        margin: 0 auto;
    }

    #section-projects {
        padding: 2em 1em;
    }

    .projects-image {
        margin-bottom: 1em;
    }

    .projects-row {
        margin-bottom: 0em;
    }

    .projects-list li {
        font-size: 14px;
        padding: 0.7em 0;
        padding-left: 1em;
    }

    .caucus-wrap {
        display: block;
    }

    .caucus-para {
        font-size: 14px;
        margin-bottom: 1.5em;
        line-height: 1.7;
    }

    .objectives-btn .section-btn {
        margin: 0;
    }

    #section-infodesk,
    #block-views-gallery-block-1 {
        padding: 3em 0;
    }

    .infodesk-wrap {
        min-height: initial;
    }

    .info-title {
        font-size: 18px;
    }

    #block-views-gallery-block-1 .view-content {
        margin-bottom: 0.7em;
    }

    .gallery-img {
        margin-bottom: 2em;
    }

    .wdd-detail-wrap {
        height: auto;
        padding: 2em;
    }

    .contact-header {
        font-size: 25px;
        margin-bottom: 1em;
    }

    .wdd-header {
        font-size: 18px;
        margin-bottom: 0.8em;
    }

    .wdd-detail-list ul li {
        font-size: 15px;
        padding: 7px 0;
        padding-left: 30px;
    }

    .wdd-detail-list ul li a {
        font-size: 15px;
    }

    .map-wrap {
        height: 250px;
    }

    .footer-upper,
    .footer-bottom-wrap {
        padding: 5px 0px;
    }

    .footer-links {
        text-align: center;
        margin-bottom: 0.3em;
    }

    .footer-links a {
        font-size: 12.5px;
        margin: 0 6px;
    }

    .social-icons {
        text-align: center;
    }

    .footer-bottom-wrap,
    .footer-bottom-wrap a,
    .power-sec {
        font-size: 12.5px;
        text-align: center;
    }

    #block-views-block-highlights-new-block-1 {
        padding: 32px;
    }

    .view-id-highlights {
        display: block;
    }

    /* New Highlight Mobile */

    #block-views-block-highlights-new-block-1 .view-header {
        width: 100%;
        margin-bottom: 36px;
    }

    #block-views-block-highlights-new-block-1 .view-content {
        width: 100%;
    }

    #block-views-block-highlights-new-block-1 .views-row {
        padding: 0;
        margin-bottom: 24px;
    }

    #section-latest-ini {
        padding: 30px 0 0;
        margin-top: 34px;
    }

    .ini-box {
        margin-bottom: 28px;
    }

    /* End Highlight Mobile */

}

/* No less than 1100px, (Maria screen) no greater than 1300px */
/*Between MediA Query*/
/* No less than 1100px, no greater than 900px */

@media (min-width:1100px) and (max-width:1300px) {
    #block-views-block-highlights-new-block-1 .high-wrap {
        margin: 1em;
    }
}


/*********************************************************/
/* DASTAK BANNER */
/*********************************************************/

@font-face {
    font-family: "archivo";
    src: url("Archivo-Regular.ttf");
}

@font-face {
    font-family: "archivoB";
    src: url("Archivo-Bold.ttf");
}

#block-dastakbannerqr {
    padding: 4em 0;
}

#block-dastakbanner {
    padding: 1em 36px;
}

#maryam-banner-wrapper {
    background: #f1fcff;
    position: relative;
    display: block;
    overflow: hidden;
    background: #f1fcff url("/system/files/banner-bg.png") no-repeat center center / cover;
    background-size: 100% 100%;
    padding: 48px 28px;
    /* padding: 28px; */
}

#maryam-banner-wrapper .left-block>img {
    position: relative;
    right: 48px;
}

#maryam-banner-wrapper .right-block {
    position: relative;
    left: 24px;
}

#maryam-banner-wrapper .icons-wrap {
    list-style: none;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    gap: 12px;
}

#maryam-banner-wrapper .icons-wrap>li {
    width: calc(20% - 12px);
    height: 115px;
    min-width: 153px;

}

#maryam-banner-wrapper .icons-wrap>li>a {
    display: block;
}

#maryam-banner-wrapper .icons-wrap>li>a img {
    display: block;
    width: 100%;
    height: auto;
}

#maryam-banner-wrapper .icons-wrap>li>a:hover,
#maryam-banner-wrapper .icons-wrap>li>a:focus {
    text-decoration: none;
}

#maryam-banner-wrapper .img-links-wd-qr-wrap {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    column-gap: 12px;
}

#maryam-banner-wrapper .img-links-wd-qr-wrap>div {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 12px;
    flex-wrap: nowrap;
}

#maryam-banner-wrapper .heading-wrap>img {
    display: block;
    margin: 0 auto 18px;
    width: 161px;
    height: 69px;
}

#maryam-banner-wrapper .dastak-title {
    font: 26px/26px "archivoB", sans-serif;
    margin: 0 0 6px;
    text-align: center;
    color: #038b45;
}

#maryam-banner-wrapper .heading-wrap {
    text-align: center;
    margin: 0 0 36px;
}

#maryam-banner-wrapper .heading-wrap p {
    color: #6b6b6b;
    text-align: center;
    font: 16px/20px "archivo", sans-serif;
}

#maryam-banner-wrapper .sidebar img {
    display: block;
    width: 100%;
    height: auto;
}

#maryam-banner-wrapper .img-links-wd-qr-wrap a img {
    min-width: 135px;
    width: 135px;
    height: 40px;
}

#maryam-banner-wrapper .img-links-wd-qr-wrap>div>img {
    width: 135px;
    height: 135px;
    display: block;
    overflow: hidden;
}

/* 
    dastak banner for all others 
*/
#maryam-banner-wrapper .qrcode-wrap>img {
    width: 142px;
    height: 142px;
    display: block;

}

#maryam-banner-wrapper .appstore-area,
#maryam-banner-wrapper .playstore-area {
    width: fit-content;
}

#maryam-banner-wrapper .qr-app-content {
    display: flex;
    align-items: stretch;
    justify-content: center;
    column-gap: 12px;
}

#maryam-banner-wrapper .qrcode-wrap {
    display: block;
    overflow: hidden;
    margin: 0 0 8px;
}


/* popup config */
.popup-wrap {
    background: #f9f9f9;
    padding: 22px;
    border-radius: 12px;
    border: 1px solid #e2e2e2;
    box-shadow: 0 6px 18px rgba(0,0,0,0.08);
    margin: 0 auto;
    text-align: center;
}

.popup-text {
    font-size: 16px;
    line-height: 1.7;
    color: #444;
    margin-bottom: 18px;
        font-family: 'myriadR';
}

/* Button */
.popup-btn .section-btn {
    display: inline-block;
    background: #008081;            /* your color */
    padding: 10px 22px;
    border-radius: 6px;
    color: #fff !important;
    text-decoration: none;
    font-weight: 600;
    transition: all .3s ease;
    border: 2px solid #008081;
    width: fit-content;
}

.popup-btn .section-btn:hover {
    background: #807c52;            /* your 2nd color */
    border-color: #807c52;
}

/* Optional header or emphasis color inside text */
.popup-text strong {
    color: #008081;
}


@media screen and (max-width: 1366px) {
   #maryam-banner-wrapper .icons-wrap>li {
        min-width: 153px;
    }
}

@media screen and (max-width: 768px) {
   #maryam-banner-wrapper .qr-app-content {
        flex-direction: column;
        align-items: center;
    }

    #maryam-banner-wrapper .qr-app-content>div:first-child {
        margin: 0 0 48px;
    }

   #maryam-banner-wrapper .right-block {
        z-index: 10;
        left: 0;
    }

    #maryam-banner-wrapper .icons-wrap>li {
        min-width: 153px;
    }

    #maryam-banner-wrapper {
        background-image: none;
        background: #f1fcff;
        position: relative;
        z-index: 10;
    }

    #maryam-banner-wrapper .left-block>img {
        width: 75%;
        margin: 0 auto 48px;
    }

    #maryam-banner-wrapper .content-section {
        margin: 0 0 48px;
    }

    #maryam-banner-wrapper .img-links-wd-qr-wrap>div {
        width: calc(50% - 12px);
    }

    #maryam-banner-wrapper::before {
        content: "";
        width: 100%;
        height: 292px;
        background: url("/system/files/mob-top-bg.svg") no-repeat center center / cover;

        position: absolute;
        left: 0;
        top: 0;
        z-index: 0;
    }

    #maryam-banner-wrapper::after {
        content: "";
        background: url("/system/files/mob-btm-bg.svg") no-repeat center center / cover;

        width: 100%;
        height: 490px;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 0;
    }

    #maryam-banner-wrapper .img-links-wd-qr-wrap {
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 48px;
    }

    #maryam-banner-wrapper .img-links-wd-qr-wrap>div {
        width: calc(80% - 12px);
    }
}


/*********************************************************/
/* END OF DASTAK BANNER */
/*********************************************************/

/* ==========================Popup========================== */

/* ===============================
   POPUP OVERLAY
================================ */

.vacancy-popup-overlay {
  /* position: fixed;
  inset: 0;
  background: rgba(0, 0, 0, 0.6); */
  z-index: 9999;

  display: flex;
  align-items: center;
  justify-content: center;

  animation: vacancyFadeIn 0.6s ease forwards;
}

/* ===============================
   POPUP BOX
================================ */

.vacancy-popup-box {
  background: #ffffff;
  width: 90%;
  max-width: 520px;
  padding: 32px 28px;
  border-radius: 12px;
  position: relative;
  text-align: center;

  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.35);

  animation: vacancySlideUp 0.7s ease forwards;
}

/* ===============================
   CLOSE BUTTON
================================ */

.vacancy-popup-close {
  position: absolute;
  top: 12px;
  right: 14px;
  border: none;
  background: transparent;
  font-size: 26px;
  cursor: pointer;
  line-height: 1;
  color: #555;
}

.vacancy-popup-close:hover {
  color: #000;
}

/* ===============================
   CONTENT
================================ */

.vacancy-popup-title {
  font-size: 22px;
  font-weight: 700;
  margin-bottom: 16px;
  color: #008081;
}

.vacancy-popup-text {
  font-size: 16px;
  line-height: 1.6;
  margin-bottom: 18px;
  color: #333;
}

.vacancy-popup-date {
  font-size: 15px;
  margin-bottom: 22px;
  color: #000;
}

/* ===============================
   LINK BUTTON
================================ */

.vacancy-popup-link {
  display: inline-block;
  padding: 12px 22px;
  background: #008081;
  color: #ffffff;
  text-decoration: none;
  font-size: 15px;
  border-radius: 8px;
  transition: all 0.4s ease;
}

.vacancy-popup-link:hover {
  background: #008081;
  transform: translateY(-3px);
  box-shadow: 0 10px 25px rgba(0, 128, 129, 0.35);
  color: white;
    text-decoration: none;
}


/* ===============================
   ANIMATIONS
================================ */

@keyframes vacancyFadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes vacancySlideUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

/* ===============================
   MOBILE RESPONSIVE
================================ */

@media (max-width: 480px) {
  .vacancy-popup-box {
    padding: 24px 20px;
  }

  .vacancy-popup-title {
    font-size: 18px;
  }

  .vacancy-popup-text {
    font-size: 14px;
  }
}


/* ======================End New Popup================== */

  /* ================================Start Popup Code============================== */
  
  .image-popup-wrapper {
    /* position: fixed; */
   
    z-index: 999999;
    display: flex;
    justify-content: center;
    align-items: center;
    animation: image-popup-fadein 0.5s ease;
  }
  
  .image-popup-box {
    position: relative;
    background: #ffffff;
    padding: 20px;
    border-radius: 16px;
    box-shadow: 0 20px 40px rgba(0,0,0,0.3);
    max-width: 520px;
    width: 75%;
    animation: image-popup-scale 0.4s ease;
  }
  
  .image-popup-image {
    width: 100%;
    height: auto;
    border-radius: 14px;
    transition: transform 0.4s ease, opacity 0.4s ease;
  }
  
  /* .image-popup-image:hover {
    transform: scale(1.05);
    opacity: 0.9;
  } */
  
  .spb-popup-main-wrapper{
        border: 2px solid TRANSPARENT;
      z-index: 999999;
      background-color: TRANSPARENT;
  }
  
  .spb_close{
    /* color: TRANSPARENT;
      background: TRANSPARENT; */
  }
  
  
  .image-popup-close {
    position: absolute;
    top: -14px;
    right: -14px;
    width: 36px;
    height: 36px;
    background: #362B4C;
    color: #ffffff;
    font-size: 22px;
    font-weight: bold;
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    cursor: pointer;
    box-shadow: 0 6px 14px rgba(0,0,0,0.3);
    transition: background 0.3s ease;
  }
  
  
  .image-popup-close{
        background: transparent;
      color: transparent;
          box-shadow: none;
  }
  
  /* .image-popup-close:hover {
    background: #000000;
  } */
  
  /* Animations */
  @keyframes image-popup-fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
  }
  
  @keyframes image-popup-scale {
    from { transform: scale(0.8); }
    to   { transform: scale(1); }
  }
  

  @media (max-width: 420px) {
    .image-popup-box {
      padding: 12px;
      border-radius: 12px;
    }
  
    .image-popup-close {
      width: 30px;
      height: 30px;
      font-size: 18px;
      line-height: 30px;
    }
  
    
  }
  
  
  /* ================================End Popup Coe================================ */