#header .logo {
    border-left: 0;
}

    #header .logo img {
        max-height: 60px;
    }

#header.header-transparent {
    background: white;
    padding: 0px 0;
}

#header.header-scrolled {
    background: rgb(255 255 255);
    padding: 10px 0;
}

.nav-menu a {
    color: #000;
    font-size: 14px;
}

    .nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
        color: #0f952a;
    }

#footer .footer-top .footer-info h3 {
    border-left: 0;
}

    #footer .footer-top .footer-info h3 img {
        max-width: 100%;
        /*  width: 195px;*/
    }

#footer .footer-top .footer-newsletter input[type="submit"] {
    background: #1f6d2f;
}

.nav-menu .drop-down ul {
    left: -15px;
}

    .nav-menu .drop-down ul a {
        padding: 10px 15px 10px 30px !important;
        font-size: 13px !important;
    }

.mobile-nav .drop-down ul {
    padding-inline-start: 15px;
}

/*
.nav-menu .drop-down:hover > ul {
    position: fixed;
    visibility: visible;
    opacity: 1;
    visibility: visible;
    right: 20%;
    width: calc( 80% - 25px);
    height: 50vh;
    min-height: 250px;
    left: 0;
    top: 100px;
    box-shadow: 0px 0px 14px rgb(127 137 161 / 25%);
    border-radius: 0 0 10px 10px;
}
*/
/*------------------------------inner page ----------------------------------*/
section.inner-page {
    min-height: 100vh;
}

.card {
    padding: 20px;
}

/*--*/
.contact-form .form-group {
    /*  padding: 12px 15px;
  border: 1px solid #ced4da;
margin-bottom: 30px;*/
    margin-bottom: 1em;
}

.form-group.focus {
    border-color: #ced4da;
    box-shadow: 0 0 0 2px rgba(102, 16, 242, 0.16);
}

.form-group .form-label {
    font-size: 13px;
    margin-bottom: 2px;
    font-weight: 400;
    color: #969dab;
}

.form-group .form-control, .form-group .dataTables_filter input, .dataTables_filter .form-group input {
    padding: 0;
    border-width: 0;
    height: 25px;
    color: #212229;
    font-weight: 500;
}

    .form-group .form-control:focus, .form-group .dataTables_filter input:focus, .dataTables_filter .form-group input:focus {
        box-shadow: none;
    }

label.form-label.xx-m {
    color: #17952a;
    font-weight: bold;
    margin-bottom: 15px;
}

.btn {
    min-width: 110px;
}

.dita {
    padding: 50px 0;
}

.cost-0 {
    margin-bottom: 17px;
}

.cost-1 {
    font-size: 25px;
    font-weight: bold;
}

.mobile-nav-toggle i {
    color: #606076;
}

/* added new */
div#header-top {
    height: 35px;
    transition: visibility 0s, opacity 0.5s linear;
}

.top-navs a, .top-social a {
    color: #000;
    padding: 4px 10px;
}

#header .logo img {
    padding-top: 8px;
}

#header.header-scrolled #header-top {
    overflow: hidden;
    /* Hide the element content, while height = 0 */
    /* height: 0; */
    opacity: 0;
    display: none;
    animation: fade_in_hid 2.5s;
    /*  transition: height 0ms 400ms, opacity 400ms 0ms;*/
}

div#header-top {
    display: block;
    height: auto;
    opacity: 1;
    /*   transition: height 0ms 0ms, opacity 600ms 0ms;*/
    animation: fade_in_show 2.5s;
}

#header.header-scrolled {
    animation: fade_in_show 2.5s;
    padding: 0 0 0px 0;
}

#header .logo img {
    padding-top: 6px;
    padding-bottom: 6px;
}

#header.header-scrolled .nav-menu > ul > li {
    padding: 15px 0 10px 20px;
}

header#header {
    animation: fade_in_show 0.5s;
}

@keyframes fade_in_hid {
    0% {
        opacity: 1;
        transform: opacity(1)
    }

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

@keyframes fade_in_show {
    0% {
        opacity: 0;
        transform: opacity(0)
    }

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

@media (max-width: 991px) {
    #header .logo img {
        max-height: 46px;
        /* padding-top: 0; */
    }

    #header .logo a {
        max-height: 40px;
        /*    overflow: hidden;
    display: block;
    max-width: 100px;
    direction: ltr;*/
    }

    div#header-top {
        display: none;
    }
}

header#header {
    box-shadow: 0px 0px 8px #b9b3b3, 0px 0px 0px #f5eded;
}

#intro {
    /*     min-height: calc(100vh - 170px); 
    height: calc(100vh - 170px);*/
}

.top-navs a, .top-social a {
    color: #fff;
    font-size: 0.8rem;
}

@-webkit-keyframes arrowMovingLeft {
    30%,to {
        opacity: 1;
        transform: translate(0)
    }

    0% {
        opacity: 1
    }

    20% {
        opacity: 0;
        transform: translate(-50%)
    }
}

@keyframes arrowMovingLeft {
    30%,to {
        opacity: 1;
        transform: translate(0)
    }

    0% {
        opacity: 1
    }

    20% {
        opacity: 0;
        transform: translate(-50%)
    }
}

@-webkit-keyframes arrowMovingRight {
    30%,to {
        opacity: 1;
        transform: translate(0)
    }

    0% {
        opacity: 1
    }

    20% {
        opacity: 0;
        transform: translate(50%)
    }
}

@keyframes arrowMovingRight {
    30%,to {
        opacity: 1;
        transform: translate(0)
    }

    0% {
        opacity: 1
    }

    20% {
        opacity: 0;
        transform: translate(50%)
    }
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

/*#featured-services .box {
    background: #032724;
    background-image: linear-gradient(0deg, #000000 0%, #032724 50%, #000000 100%);
}
#featured-services .box-bg ,#featured-services .box:hover {
    background-image: linear-gradient(0deg, #032724 0%, #000000 50%, #032724 100%);
}*/
#featured-services h4, #featured-services i {
    text-align: center;
    display: block;
}

#featured-services h4 {
    color: white;
    line-height: 1.5rem;
    margin-bottom: 0;
}

/*serch filter -----------------------*/
.srch-flter .col-lg {
    padding-right: 5px;
    padding-left: 6px;
}

.srch-flter a.active .card {
    background: #07706d;
    color: #fff;
    position: relative;
}

.srch-flter a .card {
    background: #fbfbfb;
}

.srch-flter a span {
    margin-bottom: 10px !important;
    display: block;
}

.srch-flter a.active .card::after {
}

.srch-flter .mw-170-tab {
    min-width: 170px;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: #80bb2a;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    line-height: 1px;
    position: absolute;
    top: 22%;
}

/* prev 50px */
.owl-carousel .owl-nav button.owl-next {
    right: -40px;
}

.owl-carousel .owl-nav button.owl-prev {
    left: -40px;
}

.srch-flter a span {
    min-height: 50px;
    color: #07706d;
}

.srch-flter a.active span {
    color: #fff;
}

.srch-flter a .card {
    padding: 10px;
    box-shadow: 0px 0px 8px #b9b3b3, 0px 0px 4px #f5eded;
    border: 0;
    margin-top: 10px;
}

.srch-flter a span {
    font-size: 0.9rem;
    margin-bottom: 0 !important;
    min-height: 44px;
    font-weight: 500;
}

.counters .card {
    box-shadow: 0px 0px 8px #b9b3b3, 0px 0px 4px #f5eded;
    border: 0;
    margin: 0 5px;
    background: #ffffff87;
}

.counters h1 span {
    font-size: 1.5rem !important;
    color: #07706d !important;
}

.area:hover {
    opacity: 0.5;
}

.area {
    cursor: pointer;
}

    .area.active {
        opacity: 0.51 !important;
        /*fill: rgba(161, 161, 161, 0.6);*/
    }

    .area.active {
        fill: #80bb2a85;
    }

#call-to-action p, #call-to-action h3, #call-to-action .cta-btn {
    text-align: justify;
    /* text-align: left; */
}

/*call-to-action */
#call-to-action .counters span {
    /*  font-family: "Montserrat", sans-serif;*/
    font-weight: bold;
    font-size: 48px;
    display: inline-block;
    color: #18d26e;
}

#call-to-action .counters p {
    padding: 0;
    margin: 0 0 20px 0;
    /*font-family: "Montserrat", sans-serif;*/
    font-size: 14px;
    color: #fff;
    text-align: center;
}

.btn {
    border-radius: 25px;
    padding: 8px 28px;
}

/* testmon */
/*#testimonials .testimonial-item h3 {
    white-space: nowrap;
    max-width: 90%;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}*/
#testimonials .testimonial-item .testimonial-img {
    width: 300px;
    border-radius: 15px;
    border: 4px solid #fff;
    margin: 0 auto;
}

#testimonials .testimonial-item p {
    margin-top: 15px;
    width: 90%;
    text-align: center;
    max-height: 171px;
    overflow: hidden;
    display: block;
}

/*clients--------------*/
#clients img {
    padding: 15px 15px;
    width: 60%;
    text-align: center;
    margin: auto;
    opacity: 0.8;
    filter: grayscale(1);
}

    #clients img:hover {
        filter: none;
    }

/*--------------------------------------------------------------
# About
--------------------------------------------------------------*/
.about .icon-boxes h4 {
    font-size: 18px;
    color: #7f6d68;
    margin-bottom: 15px;
}

.about .icon-boxes h3 {
    font-size: 28px;
    font-weight: 700;
    color: #554945;
    margin-bottom: 15px;
}

.about .icon-box {
    margin-top: 40px;
}

    .about .icon-box .icon {
        float: left;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 64px;
        height: 64px;
        border: 2px solid #ffcbba;
        border-radius: 50px;
        transition: 0.5s;
        background: #fff;
    }

        .about .icon-box .icon i {
            color: #ff5821;
            font-size: 32px;
        }

    .about .icon-box:hover .icon {
        background: #ff5821;
        border-color: #ff5821;
    }

        .about .icon-box:hover .icon i {
            color: #fff;
        }

    .about .icon-box .title {
        margin-left: 85px;
        font-weight: 700;
        margin-bottom: 10px;
        font-size: 18px;
    }

        .about .icon-box .title a {
            color: #343a40;
            transition: 0.3s;
        }

            .about .icon-box .title a:hover {
                color: #ff5821;
            }

    .about .icon-box .description {
        margin-left: 85px;
        line-height: 24px;
        font-size: 14px;
    }

.about .video-box {
    background: url("../img/about-bg-vd.jpg") center center no-repeat;
    background-size: cover;
    min-height: 350px;
    max-height: 350px;
}

.about .play-btn {
    width: 94px;
    height: 94px;
    background: radial-gradient(#12681f 50%, rgb(128 187 42 / 56%) 52%);
    border-radius: 50%;
    display: block;
    position: absolute;
    left: calc(50% - 47px);
    top: calc(50% - 47px);
    overflow: hidden;
}

    .about .play-btn::after {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-40%) translateY(-50%);
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
        z-index: 100;
        transition: all 400ms cubic-bezier(0.55, 0.055, 0.675, 0.19);
    }

    .about .play-btn::before {
        content: '';
        position: absolute;
        width: 120px;
        height: 120px;
        -webkit-animation-delay: 0s;
        animation-delay: 0s;
        -webkit-animation: pulsate-btn 2s;
        animation: pulsate-btn 2s;
        -webkit-animation-direction: forwards;
        animation-direction: forwards;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-timing-function: steps;
        animation-timing-function: steps;
        opacity: 1;
        border-radius: 50%;
        border: 5px solid rgb(14, 89, 26, 0.7));
        top: -15%;
        left: -15%;
        background: rgba(198, 16, 0, 0);
    }

    .about .play-btn:hover::after {
        border-left: 15px solid #80bb2a;
        transform: scale(20);
    }

    .about .play-btn:hover::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translateX(-40%) translateY(-50%);
        width: 0;
        height: 0;
        border: none;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        border-left: 15px solid #fff;
        z-index: 200;
        -webkit-animation: none;
        animation: none;
        border-radius: 0;
    }

@-webkit-keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

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

@keyframes pulsate-btn {
    0% {
        transform: scale(0.6, 0.6);
        opacity: 1;
    }

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

.video-box {
    border-radius: 15px;
    border: 4px solid #fff;
    margin: 0 auto;
    box-shadow: 0px 0px 8px #b9b3b3, 0px 0px 4px #f5eded;
    transform: rotate(-2deg) !important;
}

    .video-box:hover {
        border-radius: 15px;
        border: 6px solid #fff;
        box-shadow: 0px 0px 10px #b9b3b3, 0px 0px 6px #f5eded;
        transform: rotate(0deg) !important;
    }

.srch-flter a .card, .counters .card {
    border-radius: 15px;
}

/* -----------------------------------------------------------------*/
/* ---------------------inner page ---------------------------------*/
#portfolio.portfolio-news {
    padding: 10px 0;
}

    #portfolio.portfolio-news #portfolio-flters {
        margin: 5px 0 15px 0;
        text-align: inherit;
    }

#portfolio #portfolio-flters li {
    border: 1px solid #f3f1f1;
    font-size: 15px;
}

    #portfolio #portfolio-flters li:hover, #portfolio #portfolio-flters li.filter-active {
        border-color: #f3f1f1;
        background: #17952a;
    }

.form-group-srch-col .btn {
    border-radius: .25rem;
    padding: 0.375rem 0.75rem;
    min-width: auto;
}

#portfolio .portfolio-item .portfolio-info {
    text-align: inherit;
    padding: 10px 10px 10px;
}

    #portfolio .portfolio-item .portfolio-info h4 {
        margin-top: 5px;
        min-height: 5px;
        line-height: 1.2;
        height: 67px;
        margin-bottom: 5px;
    }

#portfolio .portfolio-item .portfolio-info {
    height: auto;
    /* min-height: 140px; */
}

#portfolio .portfolio-item {
    position: relative !important;
    width: 100% !important;
    /* display: block !important; */
    left: unset !important;
    top: unset !important;
    box-shadow: 0px 2px 12px rgb(0 0 0 / 8%);
    transition: 0.3s;
    height: auto;
    margin-bottom: 30px;
    min-height: 311px;
}

#portfolio .portfolio-wrap {
    display: block;
    box-shadow: unset !important;
}

.Newslabel-div {
    position: absolute;
    right: 10px;
    top: 10px;
    z-index: 9999999999;
    background: #51ae50;
    padding: 3px 18px;
    border: 1px solid #dbe3dc;
    color: #fff;
    box-shadow: 0px 0px 3px #b9b3b3, 0px 0px 0px #f5eded;
}

.modal-xxlg {
    max-width: 100%;
    margin-top: 0;
    margin-bottom: 3px;
    width: 100%;
}

    .modal-xxlg .modal-content {
        min-height: calc(100vh - 0px);
        border-radius: 0;
    }

.modal {
    z-index: 9999;
}

.modal-body.mdl-bdy-scrolled {
    max-height: calc(100vh - 67px);
    overflow: auto;
}

.blog .sidebar {
    background: #fafafa;
}

    .blog .sidebar .recent-posts h4 {
        margin-bottom: 5px;
    }

.blog .entry .entry-img {
    text-align: center;
    width: 100%;
    margin: auto;
    margin-bottom: auto;
    margin-bottom: 20px;
}

.modal-title img {
    max-height: 50px;
    margin-top: -14px;
}

.modal-header {
    padding-bottom: 8px;
    /*padding-top: 20px;*/
    padding-top: 8px;
}

img.drst-hdria {
    max-width: 100%;
}

section#portfolio-drst {
    padding: 30px 15px 50px 15px;
}

    section#portfolio-drst p {
        padding-right: 40px;
    }

        section#portfolio-drst p i {
            margin-right: -41px;
            position: absolute;
            font-size: 31px;
            margin-top: 6px;
            color: #18d26e;
        }

/* label */
.ribbon-corner, .ribbon-bookmark-v, .ribbon-bookmark-h {
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.ribbon-bookmark-v, .ribbon-bookmark-h {
    --tor-ribbon-size: 4em;
    color: #fff;
    border: 1px solid #cccccc75;
    background-color: #51ae50;
    box-shadow: 0px 0px 3px #fafafa, 0px 0px 0px #ffffff;
    background: linear-gradient(to bottom, #17952a 45%, #1da021 100%);
    position: absolute;
    left: 23px;
    top: 0;
    flex-direction: column;
    transform-style: preserve-3d;
    z-index: 1;
}

.ribbon-bookmark-v {
    --tor-ribbon-polygon: polygon(0% 0%, 100% 0%, 100% 100%, 1em calc(100% - 1em), 0% 100%);
    -webkit-clip-path: var(--tor-ribbon-polygon);
    clip-path: var(--tor-ribbon-polygon);
    margin-right: 1rem;
    margin-left: 1rem;
    width: 2em;
    height: calc(var(--tor-ribbon-size) + 1em);
    padding-bottom: 1em;
    /* font-size: 15px; */
}

.text-vertical {
    -ms-writing-mode: tb-lr !important;
    writing-mode: vertical-lr !important;
}

/*underconstruction */
.ribbon {
    width: 150px;
    height: 150px;
    overflow: hidden;
    position: absolute;
}

.ribbon-top-left {
    z-index: 99;
    top: -10px;
    left: 5px;
}

.ribbon span {
    position: absolute;
    display: block;
    width: 225px;
    padding: 15px 0;
    background-color: #ffc107;
    box-shadow: 0 5px 10px rgb(0 0 0 / 10%);
    color: #090000;
    font-size: 14px;
    line-height: 1;
    font-weight: 500;
    /* text-shadow: 0 1px 1px rgb(0 0 0 / 20%); */
    text-align: center;
}

.ribbon-top-left span {
    right: -25px;
    top: 30px;
    transform: rotate(-45deg);
}

@media (max-width: 992px) {
    #header.header-transparent {
        padding: 10px 0 0 0;
    }

    .logo svg#Layer_1 {
        max-height: 65px;
        margin-top: -15px;
    }
}

/*for test only ----------------------------------*/
#featured-services p {
    display: none;
}

.srch-flter .mw-170-tab h3 {
    display: none;
}

#portfolio .portfolio-item .portfolio-info h4 {
    height: 44px;
    font-size: 14px;
}

/* added for header top 10-4-2023  */
.top-social {
    text-align: start;
}

.site-navbar-top {
    padding: 8px 0;
}

.top-navs a {
    margin: 0 10px;
    padding: 1px 8px;
    border: 1px solid #fff;
}

/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/* for news page only  added new */
/*------------------------------------------------*/
/*------------------------------------------------*/
/*------------------------------------------------*/
/*header*/
header#header {
    padding-top: 0 !important;
}

div#header-top {
    padding: 0px 0 0 0;
    text-align: center;
    background-color: #046f6c;
    color: #fff;
    height: 40px;
}

.beta-absolute {
    position: absolute;
    font-size: 16px;
    font-weight: 500;
    color: #046f6c;
    background-color: #fff;
    padding: 0px 12px 4px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    z-index: 1000;
    border: 3px solid #80bb2a;
    width: 130px;
    display: block;
    text-align: center;
    margin: auto;
    top: 0;
    left: calc(50% - 65px);
}

.nav-menu a {
    color: #046f6c;
}

a:not([href]):not([class]) {
    color: #046f6c;
}

.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a {
    color: #80bb2a;
}

    .nav-menu .active > a:after {
        height: 5px;
        /* background: #9aca67; */
        width: 0;
        content: "";
        display: block;
        transition: all .6s cubic-bezier(.165,.84,.44,1) 0s;
        position: absolute;
        bottom: -14px;
        /* width: 100%; */
    }

    .nav-menu .active > a:after, .nav-menu .active > a:hover:after {
        width: 100%;
    }

/*sub menu*/
.nav-menu .drop-down ul a {
    display: block;
    padding: 10px 15px;
    border-bottom: 1px solid #f7f8fb;
    transition: all .4s ease-in-out;
    font-size: 14px;
    color: #046f6c;
}

    .nav-menu .drop-down ul a:hover {
        background: #f5f5f5;
        color: #046f6c !important;
    }

.nav-menu .drop-down ul {
    padding: 0;
}

/*footer*/
.footer {
    background: #046f6c;
    padding-top: 50px;
    position: relative;
    z-index: 10
}

    .footer, .footer a {
        color: #fff
    }

.footer-links {
    padding: 0 30px;
    margin-bottom: 60px
}

    .footer-links .footer-heading {
        align-items: center;
        flex-wrap: nowrap;
        margin-bottom: 15px
    }

        .footer-links .footer-heading:after {
            content: "";
            display: block;
            background: #60cb5f;
            height: 4px;
            width: 40px;
            margin: 10px
        }

    .footer-links h3 {
        white-space: nowrap
    }

        .footer-links h3, .footer-links h3 a {
            font-size: 18px;
            font-weight: 700;
            color: #fff
        }

            .footer-links h3 a {
                opacity: 1
            }

    .footer-links a {
        display: inline;
        opacity: .6;
        font-size: 14px;
        padding: 6px 0
    }

        .footer-links a:hover {
            opacity: 1
        }

.footer-bar {
    border-top: 2px solid #035654;
    padding: 20px 0
}

.container {
    /* width: 100%;*/
    padding-left: 20px;
    padding-right: 20px;
    margin-left: auto;
    margin-right: auto;
    /*  max-width: 96vw;*/
}

.footer-links .footer-heading {
    display: flex;
    align-items: center;
}

.mg-b-30 {
    margin-bottom: 30px;
}

.footer-links h3, .footer-links h3 a {
    margin-bottom: 5px;
}

/* sllider header */
.s-item img:after {
    display: block;
    background-image: linear-gradient( #8f0105, #000000) !important;
    content: " ";
    width: 100%;
    height: 100%;
    position: absolute;
    right: 0;
    left: 0;
    z-index: 9999999999999;
}

.s-item-text {
    position: absolute;
    background-image: linear-gradient( #d3d3d317, #000000) !important;
    right: 0;
    left: 0;
    top: 0;
    height: 100%;
}

.s-item {
    position: relative;
}

.s-item-text-title {
}

.s-item-text-title {
    max-width: calc(100% - 200px);
    text-align: left;
    margin-right: auto;
    margin-left: unset;
    display: block;
    height: 90px;
    color: #fff;
    padding: 15px;
    margin-top: calc(250px - 93px);
}

display: block;
height: 90px;
color: #fff;
padding: 15px;
margin-top: calc(250px - 93px);
}

.s-item {
    height: 210px;
}

    .s-item img {
        max-height: 210px;
        object-fit: cover;
        border-radius: 5px;
        height: 210px;
    }

.news-main-slider {
    margin: 15px auto;
}

.hdr-block {
    border: 1px solid #d5d5d5;
    border-radius: 5px;
    background: #d5d5d5;
}

/* Portfolio Details
--------------------------------*/
/*edited 20-5 */
.news-main-slider .owl-dots {
    z-index: 99999999;
    position: absolute;
    bottom: 15px;
    left: unset;
    right: 15px;
    width: 170px;
    height: 30px;
    margin: auto;
    text-align: center;
}

.portfolio-details .portfolio-details-carousel .owl-nav, .portfolio-details .portfolio-details-carousel .owl-dots {
    margin-top: 5px;
    text-align: left;
}

.portfolio-details-carousel .owl-dot {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ddd !important;
}

    .portfolio-details-carousel .owl-dot.active {
        background-color: #0b7370 !important;
    }

/* block 2 */
.nws-blk-2 {
    height: 210px;
}

.hdr-block {
    margin: 15px auto;
}

    .hdr-block .news-text {
        position: absolute;
        background-image: linear-gradient( #d3d3d317, #000000) !important;
        right: 0;
        left: 15px;
        height: calc(100% - 15px);
        padding: 0;
        top: 15px;
        width: calc(100% - 15px);
    }

    .hdr-block .news-bg img {
        height: 350px;
        max-width: calc(100% - 0px);
    }

    .hdr-block .news-bg img {
        height: 210px;
        max-width: 100%;
        object-fit: cover;
        width: 100%;
    }

.news-text-title {
    color: #fff;
    padding: 15px;
    margin-top: calc(100% - 125px);
}

.news-text-title {
    color: #fff;
    padding: 15px;
    margin-top: calc(210px - 100px);
    height: 100px;
}

/* block 3 */
.nws-blk-3 {
    height: calc(210px + 15px + 200px );
}

    .nws-blk-3.hdr-block .news-bg img {
        height: calc(210px + 15px + 200px );
    }

    .nws-blk-3 .news-text .news-text-title {
        margin-top: calc(210px + 15px + 220px - 65px);
        height: 100px;
    }

/* block 4 */
.breadcrumbs {
    padding: 6px 0;
    min-height: 40px;
    margin-top: 120px;
}

.breadcrumbs {
    padding: 7px 0;
    background-color: #f5f5f5;
    min-height: 36px;
    margin-top: 103px;
}

    .breadcrumbs h2 {
        font-size: 17px;
        font-weight: 700;
    }

a {
    color: #046f6c;
}

.breadcrumbs li {
    font-size: 12px;
}

.hdr-block {
    margin: 15px auto auto;
}

.pr-md-0 .nws-blk-4 .news-text {
    right: 0;
}

.nws-blk-4 .news-text {
    right: 15px;
}

/*.nws-blk-3.hdr-block .news-bg img {
    height: calc(250px + 30px + 200px );
    min-height: calc(250px + 70px + 200px - 5px);
}*/
.nws-blk-3.hdr-block .news-bg img {
    height: calc(210px + 25px + 200px );
    min-height: calc(210px + 30px + 200px - 5px);
}

/*section 2 -------------------------*/
.title-nws-text {
    font-size: 15px;
    font-weight: bold;
    padding: 15px 0 10px 0;
}

.title-nws {
    border-bottom: 2px solid #d9d9d9;
    margin-bottom: 15px;
    position: relative;
}

.title-nws-text:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 80px;
    background: #2b8583;
    bottom: -2px;
    left: 0;
}

.block-cntnt-basic {
    padding: 15px;
    background: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 0px 0px 3px #b9b3b3, 0px 0px 0px #f5eded;
    margin-bottom: 8px;
}

img.cntnt-img {
    border: 1px solid #d9d9d9;
    border-radius: 1%;
    box-shadow: 0px 0px 3px #b9b3b3, 0px 0px 0px #f5eded;
    max-height: 250px;
    width: 100%;
    object-fit: cover;
    overflow: hidden;
}

.b-1-title {
    font-size: 1rem;
    padding: 15px 0;
    font-weight: bold;
}

.ul-dt-src ul {
    list-style: none;
    padding: 0;
}

    .ul-dt-src ul > li:first-child {
        margin-left: unset;
        margin-right: 30px;
    }

    .ul-dt-src ul li {
        display: inline-block;
        margin-left: 0;
    }

.blc-content-p {
    display: block;
    max-height: 96px;
    text-align: justify;
    overflow: hidden;
    margin-bottom: 20px;
}

.btn {
    border-radius: 4px;
    padding: 5px 20px;
}

/*----- others------*/
.block-cntnt-others {
    padding: 10px;
    background: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 0px 0px 3px #b9b3b3, 0px 0px 0px #f5eded;
    margin-bottom: 8px;
}


.others-blc img {
    height: 65px;
    object-fit: contain;
    max-width: 100px;
    /* min-width: 100px; */
    object-fit: cover;
    margin-right: 10px;
    border-radius: 4px;
    float: left;
    border: 1px solid #dadada;
    padding: 0;
    width: 100%;
}

.others-blc {
    display: block;
    width: 100%;
    height: 66px;
}

.others-icon {
    font-size: 20px;
    color: #046f6c;
    float: left;
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 0px;
    line-height: 1.3;
    background: #fff;
    border: 1px solid #d9d9d9;
    box-shadow: 0px 0px 3px #b9b3b3, 0px 0px 0px #f5eded;
    border-radius: 50%;
    margin-top: 1em;
}

.others-ttl {
    float: left;
    width: calc(100% - 110px - 40px);
    font-size: 1rem;
    font-weight: bold;
    max-height: 73px;
    overflow: hidden;
}

/*pagination new --------------------*/
.blog-pagination li {
    width: 30px;
    border-radius: 5px;
    height: 30px;
}

.blog .blog-pagination li a {
    padding: 3px 0;
    width: 30px;
    height: 30px;
    display: block;
    text-align: center;
}

.blog .blog-pagination li.disabled {
    text-align: center;
    padding: 3px 0 !important;
}

    .blog .blog-pagination li.disabled i {
        padding: 0px;
    }

.blog .blog-pagination li.active, .blog .blog-pagination li:hover {
    /*  background: #80bb2a;
    color: #fff;
    border-color: #80bb2a;*/
}

.blog .blog-pagination li {
    /* border: 1px solid #80bb2a;*/
}

/*global nws---------*/
.global .others-ttl {
    font-size: .9rem;
    width: calc(100% - 110px );
    font-weight: 600;
    max-height: 67px;
}

/*------------------------------Mobile -------------------------------------*/
@media (min-width: 1024px) {
    .pr-md-0 {
        padding-right: 0 !important;
    }
}

@media (max-width: 1024px) {
    .footer img {
        max-width: 98%;
    }

    .nws-blk-3 .news-text .news-text-title {
        margin-top: calc(250px - 100px);
        height: 100px;
    }

    .news-text-title {
        max-height: 90px;
        overflow: hidden;
    }

    .s-item-text-title {
        max-width: 100%;
        margin-top: calc(250px - 130px);
    }

    .hdr-block .news-text {
        position: absolute;
        background-image: linear-gradient( #d3d3d317, #000000) !important;
        right: 0;
        left: 15px;
        height: calc(100% - 15px);
        padding: 0;
        top: 15px;
        width: calc(100% - 15px);
    }
}

@media (max-width: 767px) {
    .nws-blk-3 {
        height: calc(250px + 15px);
    }

        .nws-blk-3.hdr-block .news-bg img {
            height: calc(250px + 15px );
            min-height: 250px;
            overflow: hidden;
        }

    .hdr-block .news-text {
        right: 15px;
        left: 15px;
        height: calc(100% - 15px);
        top: 15px;
        width: calc(100% - 30px);
    }

    .pr-md-0 .nws-blk-4 .news-text {
        right: 15px;
    }
}

@media (max-width: 992px) {
    .breadcrumbs {
        margin-top: 53px;
    }
}

/*-------------------------------------------*/
/* inner paage studdiies page */
#hero {
    width: 100%;
    height: 400px;
    background: #07706d url(../img/bg-inner.jpg) center center no-repeat;
    background-size: cover;
    min-height: 400px;
    /* background: #07706d; */
    /*   padding-top: 105px;*/
    position: relative;
}

    #hero:before {
        content: "";
        /* background: rgba(0, 0, 0, 0.6); */
        background: linear-gradient( rgba(0, 0, 0, 0.72), rgb(0 0 0 / 36%) );
        position: absolute;
        bottom: 0;
        top: 0;
        left: 0;
        right: 0;
    }

.hero-cont {
    color: #fff;
}

.hero-ttl {
    font-weight: bold;
    margin-bottom: 17px;
    font-size: 1.5em;
}

main#main {
    min-height: 60vh;
}

.prg p {
    margin-bottom: 8px;
    text-align: justify;
}

.hero-cont {
    padding: 3em 3em;
}

.section-header h3::before {
    height: 3px;
    bottom: 0px;
}

.section-header h3::after {
    background: #046f6c;
}

.title-nws-text {
    font-size: 18px;
}

.section-header h3 {
    font-size: 1.25em;
    padding-bottom: 13px;
}

#services {
    padding: 10px 0 10px 0;
    background-color: #f5f5f5;
}

.form-control:focus {
    background-color: #fff;
    box-shadow: 0 0 0 0.2rem #046f6c45;
}

.right-side {
    box-shadow: 0px 0px 8px #b9b3b3, 0px 0px 0px #f5eded;
    padding: 1em;
    border-radius: 5px;
    background: #fff;
}

.srch-box, .srch-date {
    position: relative;
    margin-bottom: 16px;
}

    .srch-box span, .srch-date span {
        font-size: 18px;
        color: #046f6c;
        position: absolute;
        top: 10px;
        right: 15px;
    }

    .srch-box input.form-control, .srch-date input.form-control {
        border: 1px solid #046f6c;
    }

h4 {
    font-size: 18px;
    color: #000;
}

hr.sprtr {
    border-top: 2px solid rgb(0 0 0 / 11%);
    margin-top: 1.5em;
    margin-bottom: 1.5rem;
}

/**/
.srch-box input.form-control, .srch-date input.form-control {
    padding-right: 40px;
}

.wrds-div a {
    padding: 3px 8px;
    border: 1px solid black;
    color: black;
    border-radius: 5px;
    font-size: 1.1em;
    margin-bottom: 7px;
    margin-left: 5px;
    display: inline-block;
}

    .wrds-div a:hover {
        /* background: whitesmoke;*/
    }

/*    .wrds-div a.active {
        background: #05706d;
        color: #fff;
    }*/
#portfolio .portfolio-item figure:hover .link-preview {
    left: calc(50% - 18px);
}

#portfolio .portfolio-item figure {
    /*background: #d3d3d36e;*/
    border-bottom: 1px solid #dfdfdf;
}

#portfolio .portfolio-item figure {
    height: 190px;
    border-radius: 0;
}

    #portfolio .portfolio-item figure img {
        max-width: 100%;
        height: 190px;
        width: 100%;
        object-fit: cover;
        object-position: top center;
    }

    #portfolio .portfolio-item figure .link-preview i {
        padding-top: 8px;
    }

    #portfolio .portfolio-item figure .link-preview:hover {
        background: #80bb2a;
    }

#portfolio .portfolio-item .portfolio-info h4 {
    height: auto;
    line-height: 1.75;
    text-align: justify;
}

span.tag-hash {
    padding: 5px 10px;
    font-size: 13px;
    border: 1px solid;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    margin-bottom: 5px;
    margin-left: 3px;
}

.list-tags {
    display: block;
    padding-bottom: 15px;
}

header.section-header {
    margin-bottom: 20px;
}

#portfolio .portfolio-item .portfolio-info h4 a:hover {
    color: #80bb2a;
}

.btn-success {
    background-color: #07706d;
}

/*---------  check colors ----------*/
.custom-control-input:focus ~ .custom-control-label::before {
    box-shadow: 0 0 0 0.12rem rgb(103 104 104 / 25%);
}

.check-0 .custom-control-input:checked ~ .custom-control-label::before, .tag-hash.check-0 {
    background: #5e8c90;
    border-color: #5e8c90;
}

.check-1 .custom-control-input:checked ~ .custom-control-label::before, .tag-hash.check-1 {
    background: #1cb2be;
    border-color: #1cb2be;
}

.check-2 .custom-control-input:checked ~ .custom-control-label::before, .tag-hash.check-2 {
    background: #3a70dd;
    border-color: #3a70dd;
}

.check-3 .custom-control-input:checked ~ .custom-control-label::before, .tag-hash.check-3 {
    background: #249d82;
    border-color: #249d82;
}

.check-4 .custom-control-input:checked ~ .custom-control-label::before, .tag-hash.check-4 {
    background: #e5b340;
    border-color: #e5b340;
}

.check-5 .custom-control-input:checked ~ .custom-control-label::before, .tag-hash.check-5 {
    background: #b14083;
    border-color: #b14083;
}

.check-6 .custom-control-input:checked ~ .custom-control-label::before, .tag-hash.check-6 {
    background: #e16517;
    border-color: #e16517;
}

/*----- unset  colors---*/
.check-7 .custom-control-input:checked ~ .custom-control-label::before, .tag-hash.check-7 {
    background: #80bb2a;
    border-color: #80bb2a;
}

.check-8 .custom-control-input:checked ~ .custom-control-label::before, .tag-hash.check-8 {
    background: #29077f;
    border-color: #29077f;
}

.check-9 .custom-control-input:checked ~ .custom-control-label::before, .tag-hash.check-9 {
    background: #be701c;
    border-color: #be701c;
}

.check-10 .custom-control-input:checked ~ .custom-control-label::before, .tag-hash.check-10 {
    background: #9f8804;
    border-color: #9f8804;
}

.check-11 .custom-control-input:checked ~ .custom-control-label::before, .tag-hash.check-11 {
    background: #246b70;
    border-color: #246b70;
}

.check-12 .custom-control-input:checked ~ .custom-control-label::before, .tag-hash.check-12 {
    background: #3a89be;
    border-color: #3a89be;
}

.check-13 .custom-control-input:checked ~ .custom-control-label::before, .tag-hash.check-13 {
    background: #4b5d5f;
    border-color: #4b5d5f;
}

/*--------*/
/*------------------inner page details----------------------*/
main#main {
    background: #f7f7f7;
}

.in-details-pg .breadcrumbs {
    padding: 7px 0;
    background-color: #f5f5f500;
    min-height: 36px;
    margin-top: 0;
    color: #fff;
    display: block;
    width: 100%;
}

    .in-details-pg .breadcrumbs ol {
        float: left;
    }

        .in-details-pg .breadcrumbs ol a {
            color: #b6cbcb;
        }

        .in-details-pg .breadcrumbs ol li + li::before {
            color: #b6cbcb;
        }

.in-details-pg #hero {
    padding: 15px 0;
    height: auto;
    min-height: 250px;
}

.in-details-pg {
    margin-top: 100px;
}

    .in-details-pg .in-title h1 {
        font-size: 1.65em;
        color: #fff;
        margin-bottom: 40px;
    }

    .in-details-pg .in-title {
        width: 96%;
    }

    .in-details-pg .ul-dt-src {
        color: #ffffffc4;
    }

    .in-details-pg #hero .hero-cont {
        padding: 2em 1em;
    }

.blog .entry .entry-content blockquote::after {
    background-color: #80bb2a;
}

.in-details-pg .blog .entry {
    box-shadow: unset;
    padding: 30px 15px;
}

.in-details-pg .blog .sidebar {
    margin-top: 30px !important;
    padding: 0;
    box-shadow: unset;
    background: transparent;
    /*background: #fff;*/
    /*border: 1px solid #d9d9d9d4;*/
    /*border-radius: 2px;*/
}

.in-details-pg .title-nws-text {
    padding-top: 5px;
}

.in-details-pg .sidebar-block {
    margin-bottom: 25px;
    padding: 15px 20px;
    background: #fff;
    border: 1px solid #d9d9d9d4;
    border-radius: 2px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.in-details-pg .blog .entry .entry-footer {
    margin-top: 60px;
}

    .in-details-pg .blog .entry .entry-footer .share span {
        margin-right: 20px;
    }

.blog .entry .entry-content blockquote {
    border: 1px solid #dfdfdf;
    background-color: #ffffff;
}

#footer .footer-top .footer-links ul a {
    color: #eee;
    opacity: .8;
}

.hero-btn {
    float: left;
}

th.ttl-th {
    color: #107673;
    width: 140px;
    font-size: 1em;
}

.table-bordered td, .table-bordered th {
    border: 2px solid #d9d9d9;
}

/* study  details*/
.sidebar-block ul.nav.nav-tabs {
    padding: 0;
}

.sidebar-block .nav-tabs .nav-item.show .nav-link, .sidebar-block .nav-tabs .nav-link.active {
    border: 0;
    border-bottom: 2px solid #046f6c !important;
}

.sidebar-block .nav-tabs .nav-link:after {
    content: " | ";
    position: absolute;
    right: 0px;
    color: #046f6c;
}

.sidebar-block .nav-tabs .nav-link {
    position: relative;
    font-weight: bold;
}

.sidebar-block .nav-tabs .nav-item:first-child .nav-link:after {
    content: " ";
}

.sidebar-block .nav-tabs .nav-link:focus, .nav-tabs .nav-link:hover {
    border-color: transparent;
}

.sidebar-block .blog .sidebar .recent-posts h4 a:hover {
    color: #80bb2a;
}

.blog .sidebar .recent-posts h4 a:hover {
    color: #80bb2a;
}

.blog .sidebar .recent-posts h4 a {
    color: #286458;
}

.hero-cont {
    z-index: 99999;
    position: relative;
}

/*about us*/
.in-details-pg .in-title .breadcrumbs ol > li {
    font-size: 1em;
    font-weight: 700;
}

section.static-nuo {
    padding: 30px 0 30px 0;
}

.tim-lin-start img {
    width: 70px;
    position: relative;
    margin: auto;
    text-align: center;
    display: block;
}

.tim-lin-start:after {
    content: " ";
    position: absolute;
    top: 52px;
    display: block;
    left: calc(50% - 2px );
    font-size: 164px;
    width: 2.4px;
    height: 40px;
    background: green;
}

.tim-lin-start {
    position: relative;
}

.tim-lin-blk-2 img, .tim-lin-blk-1 img {
    max-width: 100%;
    padding: 10px;
    max-height: 230px;
    object-fit: cover;
    width: 100%;
}

.tim-lin-blk-1, .tim-lin-blk-2 {
    padding: 2em;
    position: relative;
    border-bottom: 2.5px solid #27645d;
}
    /*edited 20-5*/
    .tim-lin-blk-1:before, .tim-lin-blk-2:before {
        content: " ";
        display: block;
        position: absolute;
        width: 2.4px;
        height: calc(100% - 0px);
        background: #27645d;
        left: 0;
        right: unset;
        top: 0;
    }

    .tim-lin-blk-2:before {
        left: unset;
        right: 0;
    }

.tim-lin-start {
    display: block;
    height: 92px;
}

    .tim-lin-start:before {
        content: "";
        position: absolute;
        width: 50%;
        height: 2.5px;
        background: #2e6962;
        bottom: 0;
    }
/*edited 20-5 */
.tim-lin-blk-1 .tim-txt:before, .tim-lin-blk-2 .tim-txt:before {
    content: " ";
    position: absolute;
    width: 10px;
    height: 10px;
    background: linear-gradient(rgb(46 105 98), rgb(128 187 42));
    /* border: 1px solid #2e6962; */
    border-radius: 50%;
    left: -15.5px;
    right: unset;
    top: calc(50% + 7px);
}

.tim-txt {
    position: relative;
}

.tim-lin-blk-2 .tim-txt:before {
    left: unset;
    /*right:-16.5px;*/
    right: -14.5px;
}

.tim-txt {
    text-align: justify;
    line-height: 2;
    padding: 15px 5px;
}

/*--------------------------------------------*/
/*time linee   end */
.tim-lin-end {
    margin-top: -3px !important;
    background: #f7f7f7;
    position: relative;
    margin: auto;
    text-align: center;
    min-height: 128px;
    padding: 50px 0 50px 0;
}

.circle-end {
    width: 13px;
    height: 13px;
    background: linear-gradient( rgb(46 105 98), rgb(128 187 42) );
    /* border: 1px solid #2e6962; */
    border-radius: 50%;
    text-align: center;
    margin: 7px auto 30px auto;
    position: relative;
}

.story-end-text {
    color: #046f6c;
    font-weight: 700;
    font-size: 1.1em;
}

.tim-lin-end:before {
    content: " ";
    width: 2.5px;
    height: 50px;
    background: #187a77;
    position: absolute;
    top: 0;
}
/*edited 20-5*/
.tim-lin-end:after {
    content: "";
    position: absolute;
    width: 50%;
    height: 2.5px;
    background: #2e6962;
    top: 0;
    right: unset;
    left: 0;
}

.circle-end:before {
    content: " ";
    position: absolute;
    width: 30px;
    height: 30px;
    right: -8px;
    top: -8px;
    border: 2.5px solid green;
    border-radius: 50%;
}


.troq-new-tabs button.nav-link {
    padding: .75rem 1rem;
    border: 0;
    margin-bottom: 10px;
    text-align: left;
    font-size: 1rem;
    position: relative;
}

    .troq-new-tabs button.nav-link.active {
        background: #07706d;
        color: #fff;
    }

.troq-new-tabs .tab-content {
    /* background: #fff; */
    /* border: 1px solid #e9e9e9; */
    /* padding: 0.65rem 1rem; */
    min-height: calc( 100% - 10px);
    height: auto;
    padding-bottom: 30px;
    /* overflow: auto; */
}

.troq-new-tabs button.nav-link.active::before {
    content: '';
    display: block;
    border-top: 8px solid #4b40fb00;
    border-left: 10px solid #07706d;
    border-bottom: 8px solid transparent;
    position: absolute;
    top: 50%;
    right: -10px;
    transform: translateY(-50%);
    opacity: 1;
}

/* desktop only */
.navbar.hrtg-alboms {
    position: absolute;
    right: 15px;
    top: -40px;
    border-radius: 10px;
    background: #fff;
    border: 1px solid #e9e9e9;
    padding: 0.7rem 1rem !important;
    box-shadow: 0 5px 5px 0 rgb(0 0 0 / 7%);
}

.reply-form {
    margin-top: 30px;
    padding: 30px;
    /*box-shadow: 0 4px 16px rgb(0 0 0 / 10%);*/
}

.comment time {
    display: block;
    font-size: 14px;
    color: #afa29e;
    margin-bottom: 5px;
}

.comment {
    padding: 12px 20px;
    background: #fafafac9;
}

/* stiky part ---------------------- */
.colorheader {
}

/*main {
  padding: 16px;
}*/
.sticky {
    position: fixed;
    top: 135px;
    z-index: 999;
    width: 100%;
}

    .sticky + main {
        padding-top: 60px;
    }

/*--- for mobile --------------------*/
.navbar.hrtg-alboms {
    -ms-flex-direction: row;
    flex-direction: row;
    overflow: auto;
}

ul.navbar-nav.px-0 {
    -ms-flex-direction: row;
    flex-direction: row;
}

.colorheader li.nav-item {
    white-space: nowrap;
}

.navbar.hrtg-alboms a.nav-link {
    padding: 8px 10px;
}

@media (min-width: 768px) {
    div#collapse-tabs {
        display: block !important;
    }
}

@media (max-width: 1024px) {
    .navbar.hrtg-alboms {
        -ms-flex-direction: row;
        flex-direction: row;
        width: calc(100% - 30px);
        overflow: auto;
        padding: 20px 8px !important;
    }

        .navbar.hrtg-alboms a.nav-link {
            padding: 4px 15px;
        }
}

.comment i.icofont-user-alt-3 {
    display: inline-block;
    font-size: 18px;
    padding: 5px;
    background: #fff;
    border: 1px solid gray;
    border-radius: 50%;
    color: gray;
}

/*----rtl --------------------------------*/
.navbar.hrtg-alboms {
    left: 15px;
    right: unset;
}


.troq-new-tabs button.nav-link.active::before {
    left: unset;
    right: -10px;
    border-right: 0px !important;
    border-left: 10px solid #07706d;
}

.troq-new-tabs button.nav-link {
    text-align: start;
}

.sprtr {
    border: 1px solid #cecbcb;
    margin: 1.5em auto;
}

.srch-box.w-75 {
    margin: auto;
}


img.faq-tbs-icon {
    width: 35px;
    padding-left: unset;
    padding-right: 5px;
    margin: auto;
}

.troq-new-tabs button.nav-link.active img.faq-tbs-icon {
    filter: brightness(10000%);
}

/*--------------------------------------------------------------
# F.A.Q
--------------------------------------------------------------*/
.faq .faq-list {
    padding: 0 10px;
}

    .faq .faq-list ul {
        padding: 0;
        list-style: none;
    }

    .faq .faq-list li + li {
        margin-top: 15px;
    }

    .faq .faq-list li {
        padding: 0;
        background: #fff;
        border-radius: 4px !important;
        position: relative;
    }

    .faq .faq-list a {
        display: block;
        position: relative;
        font-size: 16px;
        line-height: 24px;
        font-weight: 500;
        padding: 15px 20px;
        outline: none;
        border: 1px solid #e4e0e0;
        border-radius: 4px;
    }

    .faq .faq-list .icon-show, .faq .faq-list .icon-close {
        font-size: 10px;
        position: absolute;
        right: 20px;
        top: 20px;
        border-radius: 50%;
        background: #589e84;
        padding: 6px;
        width: 20px;
        height: 19px;
        color: #fff;
    }

    .faq .faq-list p {
        margin-bottom: 0;
        padding: 20px 30px;
        position: relative;
    }

    .faq .faq-list .icon-show {
        display: none;
    }

    .faq .faq-list a.collapsed {
        color: #343a40;
    }

        .faq .faq-list a.collapsed:hover {
            color: #009688;
        }

        .faq .faq-list a.collapsed .icon-show {
            display: inline-block;
        }

        .faq .faq-list a.collapsed .icon-close {
            display: none;
        }

    .faq .faq-list a.collapse {
        border-bottom: 0;
        background: #589e84;
        color: #fff;
        border-radius: 4px 4px 0 0 !important;
    }

    .faq .faq-list a[aria-expanded="true"] {
        border-bottom: 0;
        background: #589e84;
        color: #fff;
        border-radius: 4px 4px 0 0 !important;
    }

.faq-list .collapse {
    position: relative;
    border: 1px solid #e4e0e0;
    border-top: 0;
    /* padding: 15px 30px 15px 15px; */
    border-radius: 0 0 4px 4px !important;
}

    .faq-list .collapse.show p:after {
        content: " ";
        position: absolute;
        width: 4px;
        height: calc(100% - 30px);
        background: #ebebeb;
        left: 15px;
        top: 15px;
    }

    .faq-list .collapse.show p:before {
        content: " ";
        position: absolute;
        width: 4px;
        height: 20px;
        background: #589e84;
        left: 15px;
        top: calc(50% - 10px);
        z-index: 1;
    }

.faq .faq-list a.collapse.collapsed {
    background: #fff;
    border-radius: 4px !important;
    border-bottom: 1px solid #e4e0e0;
    color: #187a77;
}

.faq .faq-list .icon-close {
    background: white;
    color: #589e84;
}

.faq-sec-2 {
    background: #fff url(../img/icons/01.png) left bottom no-repeat;
    background-position: 6% 75%;
    padding: 60px 0;
}

.faq-sec-2-txt .h3, .faq-sec-2-txt .p {
    margin-bottom: 20px;
}

.faq-sec-2-txt .faq-sec-2-btn {
    padding-top: 20px;
}

    .faq-sec-2-txt .faq-sec-2-btn .btn {
        padding-right: 2em;
        padding-left: 2em;
    }

@media (max-width: 1200px) {
    .faq .faq-list {
        padding: 0;
    }
}

/*rules page*/
/*edited 20-5 */
.roles-blc-1 {
    padding-left: 40px;
    padding-right: unset;
    position: relative;
    margin: 30px auto;
}

    /*
    .roles-blc-1:after {
        content: " ";
        position: absolute;
        width: 15px;
        height: 15px;
        background: linear-gradient( rgb(46 105 98), rgb(128 187 42) );
        border: 1px solid #2e6962;
        border-radius: 50%;
        right: -6px;
        top: 0;
    }

    .roles-blc-1:before {
        content: " ";
        display: block;
        position: absolute;
        width: 2.4px;
        height: calc(100% - 0px);
        background: #80bb2a;
        right: 0;
        top: 0;
    }*/
    /*edited 20-5 */
    .roles-blc-1:after {
        content: " ";
        position: absolute;
        width: 10px;
        height: 10px;
        background: linear-gradient( rgb(46 105 98), rgb(128 187 42) );
        /* border: 1px solid #2e6962; */
        border-radius: 50%;
        right: unset;
        left: -4px;
        top: 4px;
    }
    /*edited 20-5 */
    .roles-blc-1:before {
        content: " ";
        display: block;
        position: absolute;
        width: 2.4px;
        height: calc(100% - 0px);
        background: #80bb2a;
        right: unset;
        left: 0;
        top: 6px;
    }

    .roles-blc-1 p {
        text-align: justify;
    }

.roles-blc-dwwnld {
    background: #fff;
    padding: 50px;
    margin: auto;
    text-align: center;
}

.roles-blc-img img {
    margin: 3em auto;
    text-align: center;
    display: block;
    border: 1px solid #80bb2a;
}

.pdf-dwnnld {
    /* width: 80%;*/
    display: block;
    margin: auto;
    padding: 30px;
    background: rgb(128,187,42);
    background: linear-gradient(90deg, rgba(128,187,42,1) 0%, rgba(47,106,97,1) 79%);
    border-radius: 10px;
}

    .pdf-dwnnld div {
        margin: 20px auto 0 auto;
        color: #fff;
    }

        .pdf-dwnnld div .fa {
            margin-left: 10px;
        }

    .pdf-dwnnld img {
        width: 100%;
        margin: auto;
        text-align: center;
        display: block;
    }

.roles-blc-dwwnld .row {
    justify-content: center;
}

/*-------- vision page --------*/
span.ico-tabs img {
    width: 35px;
    display: block;
    margin: auto;
    margin-bottom: 5px;
}

.nav-sttc .nav-link {
    min-width: 139px;
    text-align: center;
    border: 1px solid #dedede;
    border-radius: 8px;
    margin: auto auto auto 10px;
    box-shadow: 1px 0px 8px #b9b3b3, 0px 0px 0px #f5eded;
    padding: 12px;
}

    .nav-sttc .nav-link.active {
        background: #80bb2a;
        color: #fff;
    }

        .nav-sttc .nav-link.active span.ico-tabs img {
            filter: brightness(10000%);
        }

.nav-sttc {
    padding: 0;
}

.vsn-tabs .tab-content {
    border: 1px solid #dedede;
    border-radius: 8px;
    margin: auto auto auto 10px;
    box-shadow: 1px 0px 8px #b9b3b3, 0px 0px 0px #f5eded;
    padding: 12px;
    background: #fff;
}

.vsn-tabs .title-nws {
    border-bottom: transparent;
}

    .vsn-tabs .title-nws:after {
        content: " ";
        position: absolute;
        width: 120px;
        background: #dedede;
        height: 3px;
    }

.vsn-tabs .title-nws-text:after {
    z-index: 1;
    width: 50px;
}

.cntnt-nws .h5 {
    font-weight: 600;
    margin-top: 25px;
}

.cntnt-nws {
    padding-top: 5px;
}

.vsn-tab2 img {
    max-width: 100%;
    display: block;
    width: 51px;
    text-align: center;
    margin: auto;
    margin-bottom: 15px;
}

.vsn-tab2 {
    margin: auto;
    text-align: center;
    background: #f7f7f7;
    border-radius: 8px;
    margin: auto;
    padding: 20px 5px;
}

.nav-sttc .nav-link {
    background: #fff;
}

.vsn-tab2-all {
    padding: 2.5em;
}

.vsn-tab2 {
    margin-bottom: 10px;
}


.vsn-blc-tab3 {
    padding: 2em 1em 2em 20px;
    position: relative;
}

    /*    .vsn-blc-tab3 .blc-tab3:after {
        content: " ";
        position: absolute;
        width: 10px;
        height: 10px;
        background: linear-gradient( rgb(46 105 98), rgb(128 187 42) );
        border: 1px solid #2e6962;
        border-radius: 50%;
        right: -25.5px;
        top: 4px;
    }*/
    /* edited 20-5 */
    .vsn-blc-tab3 .blc-tab3:after {
        content: " ";
        position: absolute;
        width: 10px;
        height: 10px;
        background: linear-gradient( rgb(46 105 98), rgb(128 187 42) );
        border: 1px solid #2e6962;
        border-radius: 50%;
        left: -26px;
        right: unset;
        top: 10px;
    }

.blc-tab3 {
    position: relative;
}

    /*    .blc-tab3:before {
        content: " ";
        display: block;
        position: absolute;
        width: 2.4px;
        height: calc(100% + 8px);
        background: #80bb2a;
        right: -22px;
        top: 8px;
    }*/
    /*edited 20-5 */
    .blc-tab3:before {
        content: " ";
        display: block;
        position: absolute;
        width: 2px;
        height: calc(100% + 8px);
        background: #80bb2a;
        left: -22px;
        right: unset;
        top: 10px;
    }

    .blc-tab3 .h5 {
        font-weight: bold;
        font-size: 1.2em;
    }

/* service page */
.vsn-tabs .tab-content .tab-pane {
    padding: 15px;
}

.blc-tab3:last-child:before {
    display: none;
}

.links-list a {
    display: block;
    padding: 20px;
    font-weight: bold;
    margin-bottom: 15px;
    border: 1px solid #286458;
    border-radius: 10px;
}

    .links-list a:hover {
        background: #f5f4f4cf;
    }

    .links-list a span.fa {
        margin-left: 15px;
        font-size: 21px;
    }

/* contact us page */
.contact-link {
    border: 1px solid #dedede;
    border-radius: 8px;
    margin: auto;
    box-shadow: 1px 0px 8px #b9b3b3, 0px 0px 0px #f5eded;
    padding: 10px;
    background: white;
    border: 1px solid #046f6c;
}

    .contact-link img {
        padding: 3px 0;
        height: 40px;
        margin-left: 1;
        display: block;
        text-align: center;
        margin: auto;
        vertical-align: middle;
    }

    .contact-link span {
        display: inline-block;
        font-size: 1.2em;
        color: #046f6c;
        font-weight: bold;
        margin: auto;
        vertical-align: middle;
    }

.contact-form {
    border: 1px solid #dedede;
    border-radius: 8px;
    margin: auto;
    box-shadow: 1px 0px 8px #b9b3b3, 0px 0px 0px #f5eded;
    padding: 15px 15px 15px 15px;
    display: block;
    margin-bottom: 20px;
    background: white;
    border: 1px solid #046f6c;
}

    .contact-form .form-control {
        border: 1px solid #046f6c;
        height: 33px;
        background: #f7f7f7;
        font-size: 1.1em;
        padding: 6px 10px;
        box-shadow: 1px 0px 3px #b9b3b3, 0px 0px 0px #f5eded !important;
    }

    .contact-form textarea.form-control {
        height: auto !important;
        min-height: 150px;
        box-shadow: 1px 0px 3px #b9b3b3, 0px 0px 0px #f5eded !important;
    }

.form-control:focus {
    background: white !important;
    box-shadow: 1px 0px 3px #046f6c, 0px 0px 0px #009688 !important;
}

label span.star {
    margin: 5px;
    font-weight: bold;
    color: #ae0202;
}

/*----  mobile ---------*/
@media (max-width: 992px) {
    .in-details-pg {
        margin-top: 40px;
    }

    .table-bordered td, .table-bordered th {
        padding: 5px;
        font-size: 11px;
    }

    th.ttl-th {
        font-size: 11px;
        width: 60px;
    }

    td.dd-td .btn {
        font-size: 11px;
        padding: 5px 10px;
    }

    .in-details-pg .blog .entry {
        padding: 15px 0 0 0;
        margin-bottom: 5px;
    }

    .in-details-pg .blog .sidebar {
        margin: 0;
        margin-top: 5px !important;
    }

    .w-sm-100 {
        width: 100% !important;
    }
}

/*------------------end //inner page details----------------------*/
@media (max-width: 1024px) {
    #hero {
        width: 100%;
        height: auto;
    }

    .hero-cont {
        padding: 2em 0.5em;
    }
}

/*addeed new by  dal 17-5-2023  */
main#main, .inner-page {
    background: #f7f7f7;
}

.roles-blc-img img {
    max-width: 70%;
}

@media (max-width: 1024px) {
    .nav-sttc .nav-link {
        margin-bottom: 10px;
        max-width: 100%;
        font-size: 0.9em;
        padding: 5px;
        min-width: 120px;
    }

    span.ico-tabs img {
        width: 20px;
    }

    .roles-blc-img img {
        margin: 0 auto;
    }

    .roles-blc-img .container {
        padding: 0 !important;
    }

    .roles-blc-1 {
        padding-right: unset;
        padding-left: 25px;
    }

    .pdf-dwnnld {
        margin-bottom: 10px;
        padding: 10px;
    }

    .roles-blc-dwwnld {
        padding: 25px 15px;
    }

    .pdf-dwnnld div {
        margin-top: 10px;
    }
}

/* added by dal for about us page 30-5-2023 */
.tim-lin-blk-1 .tim-txt:before, .tim-lin-blk-2 .tim-txt:before {
    top: calc(50% + 0px);
}

.tim-txt {
    text-align: justify;
    line-height: 2;
    padding: 5px 15px;
    text-align: justify;
    vertical-align: middle;
    margin: auto;
    height: 100%;
    display: flex;
    align-items: center;
}

.tim-lin-blk-2 img, .tim-lin-blk-1 img {
    max-width: 100%;
    padding: 10px;
    max-height: 189px;
    object-fit: contain;
    width: 100%;
}

/*added by dalia 29-5-2023 for pointer page */
/*.pnr-title h3 {
    font-size: 1.23em;
    font-weight: bold;*/
/*  margin-bottom: 0.5em;*/
/*}*/
.pnr-title h3 {
    font-size: 1.5em;
    margin-bottom: 15px !important;
    font-weight: bold;
}

.cntrs-pntrs {
    box-shadow: 0px 0px 8px #b9b3b3, 0px 0px 0px #f5eded;
    padding: 1em 0.5em;
    border-radius: 5px;
    background: #fff;
    text-align: center;
    position: relative;
    margin-bottom: .5em;
    color: #000;
}

    /*   .cntrs-pntrs .num {
        font-size: 1.2em;
        font-weight: 600;
    }*/
    .cntrs-pntrs .num {
        font-size: 1.5em;
        font-weight: bold;
    }

    .cntrs-pntrs:before {
        content: "";
        position: absolute;
        right: 0;
        background: #cb5f88;
        width: 5px;
        height: 100%;
        top: 0;
        border-radius: 0 7px 7px 0;
    }

    .cntrs-pntrs .rng {
        margin-bottom: 5px;
    }

.pntrs-pg .col, .pntrs-pg .col-1, .pntrs-pg .col-10, .pntrs-pg .col-11, .pntrs-pg .col-12, .pntrs-pg .col-2, .pntrs-pg .col-3, .pntrs-pg .col-4, .pntrs-pg .col-5, .pntrs-pg .col-6, .pntrs-pg .col-7, .pntrs-pg .col-8, .pntrs-pg .col-9, .pntrs-pg .col-auto, .pntrs-pg .col-lg, .pntrs-pg .col-lg-1, .pntrs-pg .col-lg-10, .pntrs-pg .col-lg-11, .pntrs-pg .col-lg-12, .pntrs-pg .col-lg-2, .pntrs-pg .col-lg-3, .pntrs-pg .col-lg-4, .pntrs-pg .col-lg-5, .pntrs-pg .col-lg-6, .pntrs-pg .col-lg-7, .pntrs-pg .col-lg-8, .pntrs-pg .col-lg-9, .pntrs-pg .col-lg-auto, .pntrs-pg .col-md, .pntrs-pg .col-md-1, .pntrs-pg .col-md-10, .pntrs-pg .col-md-11, .pntrs-pg .col-md-12, .pntrs-pg .col-md-2, .pntrs-pg .col-md-3, .pntrs-pg .col-md-4, .pntrs-pg .col-md-5, .pntrs-pg .col-md-6, .pntrs-pg .col-md-7, .pntrs-pg .col-md-8, .pntrs-pg .col-md-9, .pntrs-pg .col-md-auto, .pntrs-pg .col-sm, .pntrs-pg .col-sm-1, .pntrs-pg .col-sm-10, .pntrs-pg .col-sm-11, .pntrs-pg .col-sm-12, .pntrs-pg .col-sm-2, .pntrs-pg .col-sm-3, .pntrs-pg .col-sm-4, .pntrs-pg .col-sm-5, .pntrs-pg .col-sm-6, .pntrs-pg .col-sm-7, .pntrs-pg .col-sm-8, .pntrs-pg .col-sm-9, .pntrs-pg .col-sm-auto, .pntrs-pg .col-xl, .pntrs-pg .col-xl-1, .pntrs-pg .col-xl-10, .pntrs-pg .col-xl-11, .pntrs-pg .col-xl-12, .pntrs-pg .col-xl-2, .pntrs-pg .col-xl-3, .pntrs-pg .col-xl-4, .pntrs-pg .col-xl-5, .pntrs-pg .col-xl-6, .pntrs-pg .col-xl-7, .pntrs-pg .col-xl-8, .pntrs-pg .col-xl-9, .pntrs-pg .col-xl-auto {
    padding-right: 7px;
    padding-left: 7px;
}

.pntrs-pg .row {
    margin-right: -7px;
    margin-left: -7px;
}

.cntrs-pntrs.q2:before {
    background: #23bdcb;
}

.cntrs-pntrs.q3:before {
    background: #ffcc00;
}

.cntrs-pntrs.q4:before {
    background: #60cb5f;
}

.tabs-pntrs {
    margin: 1em auto;
}

/*.ptr-ul-tabs .nav-tabs .nav-link {
    padding: 0.68rem 1.5rem;
    background: #eceaea;
    font-size: 1.2em;
    margin-left: 7px !important;
    color: #000;
    border-radius: 6px 6px 0 0;
}*/
.ptr-ul-tabs .nav-tabs .nav-link {
    padding: 0.5rem 1rem 0.6rem 1rem;
    background: #eceaea;
    font-size: 1.2em;
    margin-left: 7px !important;
    color: #000;
    border-radius: 6px 6px 0 0;
}

    .ptr-ul-tabs .nav-tabs .nav-link.active {
        background: #046f6c;
        color: #fff;
    }

.ptr-ul-tabs ul.nav.nav-tabs {
    padding-right: 1em;
    margin-bottom: -2px;
}

section.pntrs-pg {
    border-top: 1px solid #dedbdb;
    padding-top: 15px;
}

.right-side.card {
    padding: 0;
}

    .right-side.card .card-header {
        background: #046f6c;
        color: #fff;
        font-size: 1.1em;
    }

.sectors-list-pntrs ul {
    padding: 0;
}

    .sectors-list-pntrs ul li {
        list-style: none;
    }

        .sectors-list-pntrs ul li a {
            padding: 10px;
            display: block;
            border-bottom: 1px solid #eceaea;
            padding-left: 35px;
        }

.sectors-list-pntrs {
    max-height: 160px;
    overflow: auto;
}

    .sectors-list-pntrs ul li a:hover {
        background: #f7f7f7;
    }

    .sectors-list-pntrs ul li.active-sctr a {
        background: #eceaea;
        /* padding-left: unset;*/
        padding-right: 25px;
        color: #000;
    }

    .sectors-list-pntrs ul li a {
        padding-left: 25px;
    }

.selected-sector .name, .selected-sector .clear-sectors {
    width: auto;
    padding: 3px 10px;
    color: #fff;
    font-size: 0.9em;
}

.selected-sector {
    display: inline-flex;
}

    .selected-sector span.clear-sectors {
        border-right: 1px solid #b8cbcc;
        padding: 0 6px;
    }

        .selected-sector span.clear-sectors a {
            color: #fff !important;
            font-size: 1.65em;
            line-height: 1;
        }

.selected-sector {
    background: #009299;
    border-radius: 0.3em;
}

    .selected-sector span.clear-sectors:hover {
        background: #026469;
        border-radius: 0.3em 0 0 0.3em;
    }

.cntrs-pntrs.q4 span.fa {
    transform: rotate(45deg);
    margin: auto 10px;
}

/*------------*/
.ponterstabs-content .faq .faq-list .icon-show, .ponterstabs-content .faq .faq-list .icon-close {
    font-size: 1.3em;
    line-height: 0.5;
    font-weight: bold;
    padding: 5px;
    color: #000;
    background: transparent;
    top: 10px;
    left: 10px;
}

.ponterstabs-content .faq .faq-list a[aria-expanded="true"], .ponterstabs-content .faq .faq-list a.collapse.collapsed {
    background: #eceaea;
    color: #000;
    font-weight: 600;
}

/*.ponterstabs-content .faq .faq-list a {
    background: #eceaea;
    color: #000;
    font-weight: 600;
    padding: 8px;
}*/
/*edited pointers */
.ponterstabs-content .faq .faq-list a {
    font-size: 1em;
    background: #eceaea;
    color: #000;
    font-weight: 600;
    padding: 3px 5px;
}

.ponterstabs-content .faq .faq-list .icon-show, .ponterstabs-content .faq .faq-list .icon-close {
    font-size: 1.2em;
    top: 0.6em;
}

.ponterstabs-content .faq .faq-list li + li {
    margin-top: 0.8em;
}

/*end edited */
.ponterstabs-content .drop-card-list a {
    border-radius: 0;
    display: block;
}

/*-------*/
.drop-card-list li {
    margin-top: 0 !important;
    border-radius: 0px !important;
}

    .drop-card-list li.active-sctr a {
        background: #046f6c !important;
        color: #fff !important;
    }

        .drop-card-list li.active-sctr a:after {
            content: "\f00c";
            font-family: 'FontAwesome';
            font-weight: normal;
            color: #80bb2a;
            position: absolute;
            left: 10px;
            font-size: 0.8em;
        }

.sectors-list-pntrs ul li.active-sctr a:after {
    content: "\f00c";
    font-family: 'FontAwesome';
    font-weight: normal;
    color: #000000;
    position: absolute;
    left: unset;
    right: 10px;
    font-size: 0.8em;
}

.sectors-list-pntrs li {
    position: relative;
}

.faq.pointers-fiters .faq-list .collapse {
    border: 0;
}

.faq.pointers-fiters .faq-list li + li.active-sctr {
    border: 0;
    margin: auto -1px;
}

.ponterstabs-content .faq .faq-list a span.small-text {
    font-size: 0.8em;
    font-weight: 500;
}

/* time-series-filter / year filter */
/*.time-series-filter {
    padding: 6px;
    background: #eceaea;
    border-top: 1px solid #fff;
}*/
.time-series-filter {
    padding: 5px;
    /* background: #eceaea; */
    border: 1px solid #dcdcdc;
    border-top: 0;
    margin-top: -2px;
    border-radius: 0 0 4px 4px;
}

    .time-series-filter li.nav-item {
        margin: 4px !important;
    }

        .time-series-filter li.nav-item a {
            padding: 2px 6px 6px 6px !important;
            background: #fff !important;
            font-size: 0.89em;
        }

            .time-series-filter li.nav-item a.active {
                background: #046f6c !important;
                color: #fff !important;
            }

.years-list {
    padding: 10px;
    max-height: 200px;
    overflow: auto;
}

    .years-list .custom-control.custom-checkbox {
        border-bottom: 1px solid white;
        padding-bottom: 4px;
    }

        .years-list .custom-control.custom-checkbox .custom-control-label {
            font-size: 0.95em;
        }

.half-year-content {
    padding: 10px;
    border: 1px solid white;
    margin: 5px;
}

    .half-year-content select.form-control {
        height: 34px;
    }

    .half-year-content label {
        font-size: 0.99em;
        margin-bottom: 3px;
    }

    .half-year-content .form-control {
        border: 1px solid #ced4da !important;
    }

    .check-years .custom-control-input:checked ~ .custom-control-label:before, .half-year-content .custom-control-input:checked ~ .custom-control-label::before {
        background: #046f6c;
        border-color: #046f6c;
    }

.chartjs-wrapper {
    width: 100%;
    /* min-height: 230px;*/
}

.edu-blc-edt {
    padding: 10px 10px 10px 10px;
    border: 1px solid #c1c1c1;
    background: #ffffff;
    position: relative;
    margin-bottom: 1em;
    margin-left: 10px;
    border-radius: 5px;
    margin-top: 1em;
}

span.floaty-label {
    position: absolute;
    top: -12px;
    background: #ffffff;
    display: block;
    padding: 1px 9px;
    border: 0px solid #c1c1c1;
}

.areas-list .checks-div .custom-control-label:before {
    background-color: #eceaea;
    border: #cacaca solid 1px;
}

.radio-legend .form-check-inline {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
}

.radio-legend {
    margin: 2px 6px;
}

    .radio-legend .custom-control-label:before {
        background-color: #eceaea;
        border: #cacaca solid 1px;
    }

.custom-control-input:checked ~ .custom-control-label::before {
    color: #fff;
    border-color: #046f6c;
    background-color: #046f6c;
}

.legend-area .right-side.card .card-header {
    font-size: 1em;
    padding: 7px 10px;
}

.legend-area .right-side.card .card-body {
    padding: 0.8em 1em;
}

/*share icons*/
img.actions-btn-icon {
    max-width: 100%;
    width: 30px;
    margin-bottom: 5px;
}

.actions-btn-text {
    color: #046f6c;
    font-size: 0.9em;
}

a.actions-icons.btn {
    padding: 2px;
    min-width: 58px;
}

/*-----*/
.pointer-meta-data .title-nws:after {
    content: " ";
    position: absolute;
    width: 120px;
    background: #dedede;
    height: 3px;
}

.pointer-meta-data .title-nws-text:after {
    content: "";
    position: absolute;
    height: 3px;
    width: 80px;
    background: #2b8583;
    bottom: -3px;
    right: 0;
    z-index: 9;
}

.pointer-meta-data .title-nws-text.title-inner-tabs {
    padding: 5px;
    font-size: 1em;
}

.pointer-meta-data .title-nws {
    border: unset;
}

.pointer-meta-data td.dd-td {
    font-size: 0.9em;
}

.pointer-meta-data th.ttl-th {
    color: #107673;
    width: 200px;
    font-size: 0.9em;
    background: #e4f3f3;
}

.pointer-meta-data .table-bordered td, .table-bordered th {
    border: 1px solid #8ec8c7;
}

.dd-year {
    vertical-align: middle !important;
    text-align: center;
}

.ttl-year {
    width: 60px;
    text-align: center;
}

.areas-list .checks-div .custom-control.custom-checkbox {
}

/*----------------------------------------------*/
/*----------------------------------------------*/
/*---------------------added for test -------------------------*/
/*----------------------------------------------*/
/*----------------------------------------------*/
/*----------------------------------------------*/
section.intro-main {
    background: black;
    color: #fff;
}

section.intro-main {
    margin-top: 100px;
    padding: 1em;
    height: calc(100vh - 100px);
    /* direction: rtl !important;*/
}

.main-svg-div svg {
    margin: auto;
    width: 300px;
}

.main-svg-div {
    display: flex;
    justify-content: center;
}

.area {
    fill: transparent;
    stroke: #fff;
    stroke-width: 4px;
}

    .area:hover {
        opacity: 1;
        fill: #80bb2aa6;
    }

    .area.active {
        opacity: 1 !important;
        fill: #80bb2ab8;
    }

@media (max-width: 991px) {
    section.intro-main {
        margin-top: 50px;
        padding: 1em;
        height: auto !important;
        max-height: unset !important;
        /*direction: rtl !important;*/
    }
}

/*----------------------------------------------------------------*/
span.ttl-h-icon img {
    max-width: 1.25em;
}

span.ttl-h-text {
    font-size: 20px;
    font-weight: bold;
    color: white;
}

h4.nmbrs {
    font-weight: bold;
    color: #8BC34A;
    margin-bottom: 0.2em;
    font-size: 1.3em;
}

.left-part p.description {
    margin: 0 !important;
    width: 100% !important;
    font-size: 0.9em;
}

span.brdr-r {
    border-left: 4px solid #5b9c36;
    float: right;
}

.left-part {
    float: right;
}

.box-hero {
    display: inline-flex;
    margin-bottom: 1.5em;
}

section#intro-main {
    min-height: calc(100vh - 100px );
    padding: 1em 4em;
}

.owl-carousel .owl-nav button.owl-next span:after, .owl-carousel .owl-nav button.owl-prev span:after {
    font-family: 'FontAwesome';
    color: #fff !important;
}

.owl-carousel .owl-nav button.owl-next span:after {
    content: "\f105" !important;
}

.owl-carousel .owl-nav button.owl-prev span:after {
    content: "\f104" !important;
}

.owl-carousel .owl-nav button.owl-next span, .owl-carousel .owl-nav button.owl-prev span {
    color: transparent;
}

.sec-2 .owl-carousel .owl-item img {
    width: 2.5em;
    text-align: center;
    display: block;
    margin: auto;
}

.owl-carousel .owl-item img {
}

.srch-flter a span {
    margin-top: 0.5em;
    color: #fff;
    font-size: 1.2em;
    padding: 0 10px;
    text-align: center;
}

.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: transparent;
    font-size: 30px;
}

.srch-flter {
    width: 98%;
    position: absolute;
    right: 0;
    left: 0;
    overflow: hidden;
    bottom: 0em;
    padding: 1em 4em;
    margin: auto;
    text-align: center;
}

.no-js .owl-carousel, .owl-carousel.owl-loaded {
    position: relative;
}

@media (max-width: 991px) {
    section#intro-main {
        min-height: calc(100vh - 50px );
        padding: 1em;
    }
}

@media (max-width: 768px) {
    .srch-flter {
        position: relative;
    }
}

/*over yasmin design */
.srch-flter .center .ico-slider img {
    filter: invert(55%) sepia(5%) saturate(6212%) hue-rotate(54deg) brightness(96%) contrast(66%);
}

.srch-flter .center span {
    color: #ffffff;
    font-size: 1.2em;
    font-weight: 500;
}

.srch-flter .center .owl-card-body {
    /*  border: 1px solid #8bc34a !important;*/
}

.srch-flter a .owl-card-body {
    padding: 0.5em !important;
    margin: auto 10px;
}

.sec-2 .owl-carousel .owl-item img {
    margin-top: 10px;
}

section.intro-main {
    background: rgb(128,187,42);
    /*background: linear-gradient(0deg, rgb(4 111 108) 0%, rgb(0 0 0 / 39%) 78%);*/
    background: linear-gradient(0deg, rgb(4 111 108) 16%, rgb(0 88 86 / 20%) 43%);
}

/* vedio background */
.blog_categorie_area {
    background-image: linear-gradient( rgba(255, 255, 255, 0.99), rgba(255, 255, 255, 1) );
    padding-top: 80px;
    padding-bottom: 80px;
}

* {
    box-sizing: border-box;
}

.video-background {
    background: #fff;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -99;
}

    .video-foreground, .video-background video {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        pointer-events: none;
    }

#vidtop-content {
    top: 0;
    color: #fff;
}

@media (min-aspect-ratio: 16/9) {
    .video-foreground {
        height: 300%;
        top: -100%;
    }
}

@media (max-aspect-ratio: 16/9) {
    .video-foreground {
        width: 300%;
        left: -100%;
    }
}

@media all and (max-width: 600px) {
    .vid-info {
        width: 50%;
        padding: .5rem;
    }

        .vid-info h1 {
            margin-bottom: .2rem;
        }
}

@media all and (max-width: 500px) {
    .vid-info .acronym {
        display: none;
    }
}

/* ----------- end vdio background ------------- */
section.intro-main .sec-1 {
    padding-top: 2em;
}

.box-hero {
    margin-top: 1em;
}

/*tooltip dal-tipped */
.dal-tooltip {
    position: absolute;
}

.dal-tip-content {
    background: #fffffff5;
    padding: 10px;
    border-radius: 10px;
    color: #000;
    max-width: 230px;
}

.reg-nam {
    color: #07706d;
    margin-bottom: 5px;
    font-weight: 600;
}

.reg-pontr-desc {
    font-size: 0.8em;
    margin-bottom: 10px;
}

.reg-num {
    font-weight: bold;
}

/*end  dal tipped */
/*
.dal-tooltip {
    display: none;
}

.main-svg-div svg path.area:hover +.dal-tooltip {
        display: block !important;
}
*/
/* added totest with team */
/*.srch-flter .center .owl-card-body {
    border: 1px solid #8bc34a !important;
    background: #ffffffe8;
    border-radius: 15px;
}
h4.nmbrs {
    color: #5b9c36;
}*/
/*yasmin design*/
.owl-carousel .owl-item .ico-slider img, span.ttl-h-icon img {
    filter: brightness(1000%);
}

h4.nmbrs {
    color: #fff;
}

.srch-flter .center .ico-slider img {
    /* filter: unset; */
}

.srch-flter .center .owl-card-body {
    background: transparent;
    border: 0px !important;
}

section.intro-main {
    background: linear-gradient(0deg, rgb(4 111 108) 16%, rgb(0 88 86 / 53%) 43%);
}

/*sectors and regions page */
.nav-sec-map-pills.nav-pills .nav-link img {
    max-width: 25px;
}

.nav-sec-map-pills.nav-pills .nav-link.active img {
    filter: brightness(10000000%);
}

.nav-sec-map-pills.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #5b9c36;
}

.nav-sec-map-pills.nav-pills .nav-link, .nav-pills .nav-link {
    color: #fff;
    background-color: #ffffff;
    width: 50px;
    height: 37px;
    text-align: center;
    padding: 4px 2px;
    margin: 0 0 5px 5px;
    border-radius: 4px;
}

ul.nav.nav-pills.nav-sec-map-pills .srch-box {
    margin: 0 0 5px 5px;
}

.tab-content.tab-sec-map-content {
    padding-left: 5px;
}

.tab-content > .tab-pane .main-svg-div {
    margin-top: 3em;
}

.sectors-list-pntrs.mxw-80vh {
    max-height: calc(62vh - 2em);
}

.p-header {
    color: black;
    padding: 10px 10px 5px 0;
}

.sectors-list-pntrs.mxw-80vh ul li.active-sctr a:after {
    display: none;
}

.sectors-list-pntrs ul li a {
    /* padding-left: 10px; */
    padding-left: 8px;
}

span.ico-sectors img {
    width: 20px;
    filter: brightness(0.06);
}

.sectors-list-pntrs ul li a {
    color: #000;
    font-size: 0.95em;
    font-weight: normal;
}

span.ico-sectors {
    /*  margin-left: 2px;*/
    width: 30px;
    display: inline-block;
    text-align: center;
}

/*------*/
.navs-angles a {
    background: #fdde8c;
    height: 28px;
    display: inline-block;
    width: 28px;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    font-weight: bold;
    border-radius: 50%;
    color: #000;
    margin: 2px;
    font-size: 20px;
}

.navs-angles {
    margin-bottom: 1em;
}

.sec-1.regs-sectrs .subtitle-sctrs-rgns {
    color: #fdde8c;
    margin-bottom: 1.5em;
    font-size: 1.1em;
    font-weight: bold;
}

span.ico-txt {
    display: flex;
}

span.ico-sectors {
    float: left;
    height: 100%;
    margin-right: 2px;
    margin-left: unset;
}

span.ico-txt {
    display: flex;
}

.sectors-list-pntrs.mxw-80vh ul li.active-sctr a {
    background: #046f6c;
    color: #fff;
    margin-left: 3px;
}

    .sectors-list-pntrs.mxw-80vh ul li.active-sctr a span.ico-sectors img {
        filter: brightness(10000000%);
    }

.btn.btn-success.btn-light-green {
    background: #5b9c36;
}

*------------------------------------------------------------------------*/ /*------------------------------------------------------------------------*/ /*------------------------------------------------------------------------*/ /*added new 17- 7-2023 for general previous page  and statictcs page */ .cntrs-pntrs {
    min-height: 90px;
}

/*occordion codepen */
.main-accrdn {
    margin: 20px 0;
}

#main #faq-parent .c-card {
    margin-bottom: 5px;
    border: 0;
}

.main-accrdn #faq-parent .c-card .c-card-header {
    border: 0;
    /* -webkit-box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5); */
    /* box-shadow: 0 0 20px 0 rgba(213, 213, 213, 0.5); */
    border-radius: 2px;
    padding: 0;
}

    .main-accrdn #faq-parent .c-card .c-card-header .btn-header-link {
        color: #fff;
        display: block;
        text-align: start;
        /*  background: #FFE472;*/
        color: #222;
    }

        .main-accrdn #faq-parent .c-card .c-card-header .btn-header-link:after {
            content: "\f107";
            font-family: 'FontAwesome';
            font-weight: 900;
            float: right;
        }

        .main-accrdn #faq-parent .c-card .c-card-header .btn-header-link.collapsed {
            /*  background: #A541BB;
  color: #fff;*/
        }

            .main-accrdn #faq-parent .c-card .c-card-header .btn-header-link.collapsed:after {
                content: "\f106";
            }

.main-accrdn #faq-parent .c-card .collapsing {
    /* background: #e9e9e9;*/
    line-height: 30px;
}

.main-accrdn #faq-parent .c-card .c-card-header .btn-header-link .fa-folder-open-o {
    margin-left: 5px;
}

.main-accrdn #faq-parent .c-card .collapse {
    border: 0;
}

    .main-accrdn #faq-parent .c-card .collapse.show {
        line-height: 30px;
        /*padding: 5px 20px 5px 0;*/
        color: #222;
    }

.main-accrdn #faq-parent .c-card .c-card-body {
    padding: 5px 20px 5px 0;
}

.main-accrdn a.btn.btn-header-link {
    min-height: 50px;
    padding: 10px;
}

.main-accrdn #faq-parent .c-card .c-card-header .btn-header-link:focus {
    box-shadow: none;
}

/*-------------- */
.btn.btn-ststc {
    background: #fff;
    height: 40px;
    box-shadow: 0px 0px 8px #b9b3b3, 0px 0px 0px #f5eded;
}


    .btn.btn-ststc i {
        height: 30px;
        float: right;
        font-size: 1.5em;
        padding-top: 1px;
    }

    .btn.btn-ststc span {
        float: left;
    }

ul.sub-sectors-files li a {
    display: inline-flex;
}

    ul.sub-sectors-files li a span.anc-text {
        padding-right: unset;
        padding-left: 10px;
        line-height: 1.3;
    }

li.active-sctr-statstcs {
    background: #046f6c !important;
}

    li.active-sctr-statstcs .fa-file-o {
        color: #fff;
    }

    li.active-sctr-statstcs .fa-file {
        color: #fff;
    }

    li.active-sctr-statstcs span.anc-text {
        color: #fff;
    }

.sectors-list-pntrs ul li.active-sctr-statstcs a:hover {
    background: #046f6c !important;
}

.btn.btn-ststc {
    margin-bottom: 15px;
}

div#statistics-page-content {
}

.statistics-page-content .card {
    box-shadow: 0px 0px 8px #b9b3b3, 0px 0px 0px #f5eded;
}

    .statistics-page-content .card a.actions-icons:focus {
        box-shadow: none;
    }

th.sttstcs-th {
    padding: 4px;
    background: #046f6c;
    color: #fff;
    border-bottom: 0;
}

th.sttstcs-th {
    border-bottom-width: 0px !important;
}

/*table fixed header*/
.statistics-page-content .panel-y {
    max-height: 400px;
    height: auto;
    overflow-x: auto;
    overflow-y: auto;
    padding-bottom:;
}

.statistics-page-content .panel-y {
    margin: auto;
}

.statistics-page-content .tableFixHead {
    overflow-y: auto;
    height: 100px;
}

    .statistics-page-content .tableFixHead thead th, .statistics-page-content .tableFixHead thead {
        position: sticky;
        top: -1px;
        z-index: 11;
    }

    .statistics-page-content .tableFixHead tbody th, .statistics-page-content .tableFixHead tbody td {
        border: 1px solid #e7e5e5;
    }

    .statistics-page-content .tableFixHead tbody th {
        position: sticky;
        left: 0;
    }

/* Just common table stuff. Really. */
.statistics-page-content table.tableFixHead {
    border-collapse: collapse;
    width: 100%;
}

.statistics-page-content .tableFixHead th, .statistics-page-content .tableFixHead td {
    /* padding: 8px 16px;*/
}

.statistics-page-content .tableFixHead th {
    /*    background:#eee;*/
}

th.sttstcs-th {
    min-width: 60px;
}

td.sttstcs-td-stts, td.sttstcs-td:first-child {
    min-width: 100px;
}

/*end table fixed header*/
th.sttstcs-th.text-center.headcol {
    position: sticky !important;
    width: 200px;
    background: #046f6c;
    z-index: 12 !important;
    top: auto;
    right: 0;
}

td.sttstcs-td.headcol {
    position: sticky;
    right: 0px;
    z-index: 10;
    border-left: 0 !important;
    /* background: blue;*/
}

/*  .headcol*/
td.sttstcs-td-stts.headcol {
    position: sticky;
    width: 100px;
    right: 100px;
    top: auto;
    border-top-width: 2px;
    margin-top: -1px;
    /* background: red; */
    z-index: 10;
}

.headcol:before {
    /*content: 'Row ';*/
}

.sttstcs-td {
    /*background: #8cdba3;*/
    /*letter-spacing: 1em;*/
}

td.headcol {
    background: #f2f2f2;
}

/*

.headcol:nth-child(2),
td.sttstcs-td.headcol:nth-child(2)  { 
position:sticky;
  right:0px;
  z-index:1;
  background-color:skyblue;
  }

*/
/* by dal 20-7-2023 ------------------------- */
/* main home page */
/*.srch-flter .center .owl-card-body {*/
/* border: 1px solid #8bc34a !important; */
/*background: #046f6c;
    border-radius: 15px;
}*/
/*.srch-flter .center .owl-card-body {*/
/* border: 1px solid #8bc34a !important; */
/*background: #5b9c3680;
    border-radius: 15px;
}*/
h4.nmbrs {
    color: #5b9c36;
}

.main-svg-div svg {
    margin-top: 3em;
    width: 434px;
}

/*section.intro-main {
    background: linear-gradient(0deg, rgb(4 111 108) 16%, rgb(0 60 59 / 15%) 43%);
}
*/
section.intro-main {
    background: linear-gradient(0deg, rgb(4 111 108) 16%, rgb(1 33 32 / 52%) 43%);
}

/* --------areas page------------*/
a#pills-indicators-tab.active .form-control {
    color: #fff !important;
    background: #5b9c36 !important;
    border: 1px solid #ffffff;
}

a#pills-indicators-tab {
    background: transparent;
}

    a#pills-indicators-tab.active .form-control::placeholder {
        color: #fff;
        opacity: 1;
        /* Firefox */
    }

    a#pills-indicators-tab.active .form-control:-ms-input-placeholder {
        /* Internet Explorer 10-11 */
        color: #fff;
    }

    a#pills-indicators-tab.active .form-control::-ms-input-placeholder {
        /* Microsoft Edge */
        color: #fff;
    }

a.PAnalyticalData {
    color: #fff;
}

h4.nmbrs {
    min-height: 25px;
}

h4.nmbrs {
    color: #fff !important;
}

h4.nmbrs {
    min-height: 20px;
}

.in-details-pg #hero .hero-cont {
    padding: 0.5em 1em;
}

.in-details-pg #hero {
    min-height: 140px;
}

/* footer new style */
#footer .footer-top .footer-contact, #footer .footer-top .footer-links, #footer .footer-top .footer-info {
    margin-bottom: 0;
}

    #footer .footer-top .footer-info h3 img {
        margin-top: -30px;
    }

#footer .footer-top {
    padding-top: 35px;
}

.footer-top {
    background: #004f4d !important;
}

footer#footer {
    background: #004240;
}

#footer .footer-top h4::before {
    background: #fff;
}

#footer .footer-top .footer-links ul a {
    color: #fff !important;
}

#footer .footer-top .footer-links ul li {
    border-bottom: 1px solid #ababab;
}

/* end footer new style by dalia and eng wael 26-7-2023 ----*
/*added by dal and eng w 27-7-2023 */
.tab-content.ponterstabs-content {
    box-shadow: 0px 0px 8px #b9b3b3, 0px 0px 0px #f5eded;
    padding: 1.2em 1em;
    border-radius: 5px;
    background: #fff;
    position: relative;
    margin-bottom: 0.5em;
    min-height: calc(100vh - 200px);
}

.cntrs-pntrs {
    min-height: 115px;
}

/*h3#IndicatorName {
    min-height: 45px;
    margin-bottom: 0;
}*/
h3#IndicatorName {
    min-height: 25px;
    margin-bottom: 10px;
}

/*.right-side:first-child {
    margin-top: 45px;
}*/
@media (max-width: 991px) {
    .ptr-ul-tabs .nav-tabs .nav-link {
        margin-bottom: 10px;
    }

    .ptr-ul-tabs ul.nav.nav-tabs {
        padding: 0;
    }

    .right-side:first-child {
        margin-top: 5px !important;
    }

    h3#IndicatorName {
        margin-bottom: 25px;
        margin-top: 10px;
        padding-top: 20px;
        line-height: 1.5;
        border-top: 1px solid #d1d2d3;
    }
}

/*-----------------------------------------------------------*/
/*------added by dal aand wael for home page 31-7-2023-----------------------------------*/
/*-----------------------------------------------------------*/
.main-svg-div {
    justify-content: center;
    min-height: calc(100vh - 340px);
    margin-bottom: 1em;
}

    .main-svg-div svg {
        margin-top: auto;
        width: 100%;
    }

.srch-flter .mw-170-tab {
    min-width: 100%;
}

.srch-flter a span {
    /*font-size: 70%;*/
    padding: 0 2px;
}

/*.srch-flter a .owl-card-body {
    padding: 0.35em !important;
    margin: auto 5px;
}*/
.srch-flter a .owl-card-body {
    padding: 0.35em !important;
    margin: auto 3%;
}

/* ----------------------------------------------------------------------------------------*/
/* -------------- added by dal and shrief 31-7-2023----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------*/
#pointers .right-side:first-child {
    /*margin-top: 45px;*/
}

/*rtl */
/*
.custom-control.custom-radio.form-check-inline {
    margin-right: unset;
    margin-left: 0.75rem;
}
*/

.nav-sec-map-pills.nav-pills .nav-link.active .srch-box span {
    color: #ffffff !important;
}

/*.main-svg-div svg {
    margin-top: auto;
    width: 100%;
    max-width: 90%;
    max-height: calc(100vh - 30% );
    padding-top: 1em;
}*/
/* studied page */
.main-side .portfolio-item.filter-local {
    background: white;
}

hr.sprtr {
    border-top: 1px solid rgb(4 111 108 / 17%);
}

/*--------------------------------------------------------*/
/*----------------------dal n wael ----------------------------------*/
.pdf-dwnnld {
    background: linear-gradient(90deg, rgb(71 153 140) 0%, rgba(47,106,97,1) 79%);
}

.back-to-top {
    background: #117673;
}

.roles-blc-1:before {
    background: #117673;
}

#footer .footer-top .social-links a {
    font-size: 18px;
    display: inline-block;
    background: #004240;
}

/*--------------------------------------------------------*/
/*--------------------------------------------------------*/
/*------------added by dal  n shrf 1-8-2023 -------------------------*/
/*--------------------------------------------------------*/
/* vision page */
.vsn-tab2 span {
    color: #000;
}

.blc-tab3:before {
    background: #046f6c;
}

/*pagination */
.blog .blog-pagination li {
    width: auto;
    min-width: 30px;
    padding: 0px 5px;
}

    .blog .blog-pagination li a {
        width: auto;
        min-width: 25px;
    }

/*--------------------dal 2-7-2023 --------------------------------*/
.blc-tab3:before {
    background: #2e6962;
}

.vsn-blc-tab3 .blc-tab3:after, .blc-tab3:before {
    border: 0px solid #2e6962;
}

.sectors-list-div .p-header {
    background: #dfe7db;
    padding: 10px;
}

.vsn-tab2 span {
    color: #000;
    font-weight: bold;
}

/*study details redesign*/
.pointer-meta-data .table-bordered td, .table-bordered th {
    border: 1px solid #107673;
}

.table-bordered td, .table-bordered th {
    border: 1px solid #107673;
}

.blog .sidebar .recent-posts img {
    object-fit: contain;
    max-height: 65px;
    overflow: hidden;
    display: block;
    border: 1px solid #d3d3d347;
    padding: 4px;
}

.area:hover {
    opacity: 1;
    fill: #5b9c368f;
}

.nav-sec-map-pills.nav-pills .nav-link {
    position: relative;
}

    .nav-sec-map-pills.nav-pills .nav-link.active:after {
        content: " ";
        width: 0;
        height: 0;
        border-width: 12px 7px 0 7px;
        border-color: #5b9c36 transparent transparent transparent;
        border-style: solid;
        position: absolute;
        bottom: -12px;
        left: calc(50% - 7px);
    }

a#pills-indicators-tab.active::after {
    display: none;
}

/*-----------------------------------------------------------*/
/* edit tooltip map */
.reg-btn .btn {
    font-size: 10px;
    padding: 2px 5px;
    min-width: auto;
}

.dal-tip-content {
    padding: 5px;
    border-radius: 5px;
}

/*.area.active {
    opacity: 1 !important;
    fill: #046f6c78;
}*/
.area.active {
    opacity: 1 !important;
    fill: #5b9c368f;
}

/* end edit map */
.sctrs-blc-nw-ico img {
    max-width: 41px;
    text-align: center;
    margin: auto;
    display: block;
    filter: brightness(1000);
}

.sctrs-blc-nw-body span {
    text-align: center;
    display: block;
    margin-top: 1em;
}

.sctrs-blc-nw-card {
    margin-bottom: 1em;
    border: 1px solid;
    padding: 1em;
}

section.intro-main.regions-page {
    /* background: linear-gradient(0deg, #0d37377a 16%, #0d37377a 43%); */
    /*background: linear-gradient(0deg, #046f6c85 16%, rgb(4 111 108 / 43%) 43%);*/
    background: linear-gradient(0deg, #002322e0 23%, #002322a3 43%);
}

/*-- new sectors design --*/
.sctrs-blc-nw .subtitle-sctrs-rgns {
    font-size: 1.5em;
    font-weight: bold;
}

.sctrs-blc-nw .row {
    margin-right: -0.5em;
    margin-left: -0.5em;
}

    .sctrs-blc-nw .row .col-md-3 {
        padding-right: 0.5em;
        padding-left: 0.5em;
    }

.sctrs-blc-nw-card {
    background: #046f6c3d;
    border-color: #046f6c;
}

    .sctrs-blc-nw-card:hover {
        background: #046f6c9c;
    }

/*---2---*/
.sctrs-blc-nw-ico-2 img {
    width: 25px !important;
    filter: brightness(10000);
}

.desc-sctrs-nw-2 {
    font-size: 1em !important;
}

/*---end 2---*/
/*home main page */
.left-part p.description {
    font-size: 1.2em;
}

.box-hero {
    margin-top: 0;
}

section.intro-main .sec-1 {
    margin-top: 1em;
    padding-top: 1em;
}

h4.nmbrs.addcomma {
    min-height: 17px;
}

span.ttl-h-icon {
}

    /*    span.ttl-h-icon img {
        max-width: 1em;
    }*/
    span.ttl-h-icon img {
        max-width: 1.5em;
    }

/* end home page */
/*before meeting */
.sectors-list-pntrs ul li a {
    font-size: 1.1em;
}

.sectors-list-div .p-header {
    font-size: 1.2em;
}

a#pills-indicators-tab.active .form-control {
    font-size: 1em;
    min-height: 37px;
}

.cntrs-pntrs {
    min-height: 80px;
    padding: 0.7em;
}

.faq .faq-list a {
    font-size: 1.2em;
}

/* about us page */
.tim-lin-blk-1, .tim-lin-blk-2 {
    padding: 1em;
}

    .tim-lin-blk-1 .tim-txt:before, .tim-lin-blk-2 .tim-txt:before {
        /* right: -16px; */
    }

    .tim-lin-blk-2 .tim-txt:before {
        /* left: -18px; */
    }

/*-----------------------------for distances ---------------------------------*/
/*----general --------*/
/*edited 21-5 */
body {
    font-size: 13px;
}

.blog .sidebar .recent-posts time {
    font-size: 0.9em !important;
}

.blog .sidebar .recent-posts h4 {
    font-size: 1em;
}

.footer-links a {
    font-size: 1em;
}

.btn {
    font-size: 1em;
}

#footer .copyright {
    padding-top: 15px;
}

/* footer */
footer#footer {
    padding-bottom: 15px;
    font-size: 1em;
}

#footer .footer-top .footer-links ul li {
    padding: 0.5em 0;
}

#footer .footer-top .footer-info h3 img {
    max-height: 160px;
    display: block;
    margin: auto;
}

#footer .footer-top {
    padding-top: 1.5em;
    padding-bottom: 1em;
}

/*-----*/
p {
    margin-bottom: 1em;
}

/*baner*/
.in-details-pg #hero {
    min-height: 115px;
}

/*rolses*/
section.static-nuo {
    padding: 0.5em 0 0.5em 0;
}

.roles-blc-dwwnld {
    padding: 2em 0;
}

.inner-page {
    padding-top: 1em;
}

/* 6- 8 -2023 */
.nav-sttc .nav-link span {
    font-size: 1.2em;
    font-weight: bold;
}

.vsn-tabs .tab-content {
    margin-bottom: 1em;
}

/*added by dalia and dal 7-8-2023 */
/*main page*/
.map-top-label {
    padding: 10px;
    background: #ffffff30;
    border-radius: 5px;
    text-align: center;
    /* width: 100%;
    display: block;*/
    max-width: 100%;
    position: relative;
}

.map-top-area {
    text-align: center;
    margin-bottom: 1em;
}

.map-top-label:after {
    display: none;
    content: " ";
    width: 0;
    height: 0;
    border-width: 12px 7px 0 7px;
    border-color: #046f6cc2 transparent transparent transparent;
    border-style: solid;
    position: absolute;
    bottom: -12px;
    left: calc(50% - 7px);
}

.dal-tooltip .dal-tip-content {
    position: relative;
}

    .dal-tooltip .dal-tip-content:after {
        content: " ";
        width: 0;
        height: 0;
        border-style: solid;
        position: absolute;
        top: -9px;
        left: calc(50% - 7px);
        border-width: 0 4px 9px 5px;
        border-color: transparent transparent #ffffff transparent;
    }

/*.srch-flter a .owl-card-body:hover {
    background: #8fafaf4f;
    border-radius: 15px;
}*/
.srch-flter a .owl-card-body:hover {
    background: #ffffff2e;
    border-radius: 15px;
}

.srch-flter .center .owl-card-body:hover {
    background: #ffffffeb;
}

/*areas page */
.tab-content.tab-sec-map-content .main-svg-div svg {
    width: 100%;
    max-width: 100%;
    margin-top: 2em;
}

.tab-content > .tab-pane .main-svg-div {
    margin-top: 1em;
}

.sctrs-blc-nw-body a {
    font-weight: bold;
    font-size: 1.1em;
    color: #fff;
}

/*pointers  analytical indecators */
.right-side.card .card-header {
    padding: 0.4rem 0.5rem;
}

.right-side.card .card-body {
    padding: 0.68rem;
}

.right-side.card .srch-box input {
    height: calc(1.5em + 0.5rem + 2px);
    font-size: 1.1em;
}

.right-side.card .srch-box span.fa {
    top: 0.45em;
    font-size: 1.23em;
    left: 0.7em;
}

.srch-box {
    margin-bottom: 0.8em;
}

/* added by dalia and dal 8-8-2023 */
/*pointers page*/
.chart-or-tbl-blc {
    min-height: 170px;
}

/*filter part */
.pointers-fiters .drop-card-list li {
    display: inline-block;
    min-width: 49%;
    margin: auto;
    margin-bottom: 0.4em;
}

/*
.drop-card-list {
    display: block;
    border: 1px solid #dcdcdc;
    padding: 10px;
    margin-top: -1px;
    border-top: 0;
}*/
.drop-card-list {
    display: block;
    border: 1px solid #dcdcdc;
    padding: 10px;
    margin-top: -1px;
    border-top: 0;
    border-radius: 0 0 4px 4px;
}

.years-list .checks-div .custom-control.custom-checkbox:not(.modal .years-list .checks-div .custom-control.custom-checkbox) {
    float: right;
    min-width: 80px;
    width: 45%;
    margin-left: 10px;
    margin-bottom: 5px !important;
}

.custom-control-label::before, .custom-control-label::after {
    top: 0;
}

.time-series-filter li.nav-item a {
    line-height: 1;
    padding: 4px 6px 6px 6px !important;
}

.years-list .checks-div .custom-control.custom-checkbox:first-child {
    width: 100%;
    /*  margin-bottom: 11px !important;*/
}

/* scroll bar */
::-webkit-scrollbar, scrollbar {
    width: 16px;
}

/* Track */
::-webkit-scrollbar-track, scrollbar-track {
    background: #ededed;
}

/* Handle */
::-webkit-scrollbar-thumb, scrollbar-thumb {
    background: #046f6c;
}

    /* Handle on hover */
    ::-webkit-scrollbar-thumb:hover, scrollbar-thumb:hover {
        background: #004240;
    }

/*added bu dalia n wael 8-8-2023 analytical template  */
/*.time-series-filter.blck-for-model-time .years-list .checks-div .custom-control.custom-checkbox, div#time-srs-tabctent .years-list .checks-div .custom-control.custom-checkbox {
    float: right;
    min-width: 80px;
    width: 30%;*/
/*     margin-left: 10px;*/
/*margin-bottom: 5px !important;
}*/
/*.time-series-filter.blck-for-model-time .years-list .checks-div .custom-control.custom-checkbox, div#time-srs-tabctent .years-list .checks-div .custom-control.custom-checkbox {
    float: right;
    min-width: 60px;
    width: calc(33.33% - 15px);
    margin-left: 5px;
    margin-bottom: 5px !important;
}*/
.time-series-filter.blck-for-model-time .years-list .checks-div .custom-control.custom-checkbox, div#time-srs-tabctent .years-list .checks-div .custom-control.custom-checkbox {
    float: right;
    min-width: 60px;
    width: calc(33.33% - 7px);
    max-width: calc(33.33% - 7px);
    margin-left: 5px;
    margin-bottom: 5px !important;
}

    /*    .time-series-filter.blck-for-model-time .years-list .checks-div .custom-control.custom-checkbox:first-child, div#time-srs-tabctent .years-list .checks-div .custom-control.custom-checkbox:first-child {
        width: 95%;
    }*/
    .time-series-filter.blck-for-model-time .years-list .checks-div .custom-control.custom-checkbox:first-child, div#time-srs-tabctent .years-list .checks-div .custom-control.custom-checkbox:first-child {
        width: calc(100% - 10px);
        max-width: 100%;
    }

.custom-control.custom-checkbox .custom-control-label {
    font-size: 1.1em;
    font-weight: 900;
}

.statistics-page-content .tableFixHead thead th, .statistics-page-content .tableFixHead thead {
    border: 1px solid #ffffff !important;
}

.main-accrdn #faq-parent .c-card .c-card-header .btn-header-link {
    font-size: 1.2em;
    font-weight: bold;
}

.btn.btn-ststc {
    font-size: 1.2em;
    font-weight: bold;
    padding-top: 9px;
}

.statistics-page-content .tableFixHead th, .statistics-page-content .tableFixHead td {
    font-size: 1.2em;
    font-weight: bold;
}

.main-accrdn #faq-parent .c-card .c-card-body .sectors-list-pntrs ul li a {
    /* display: block;*/
    /* font-weight: bold;*/
    /* font-size: 1.15em;*/
}

.years-list .custom-control.custom-checkbox .custom-control-label {
    font-size: 1.1em;
}

/*end added by dal an wael */
.reg-btn {
    margin: auto;
    text-align: center;
}

.in-details-pg .in-title h1 {
    font-weight: bold;
}

.main-header .nav-menu a {
    font-weight: bold !important;
    font-size: 1.25em;
}

.dal-tip-content .reg-nam {
    text-align: center;
}

.breadcrumbs a, .breadcrumbs li {
    font-weight: bold;
}

/*studies*/
#portfolio .portfolio-item .portfolio-info h4 {
    font-size: 1.2em;
    text-align: right;
}

.check-1 .custom-control-input:checked ~ .custom-control-label::before, .tag-hash.check-1 {
    /*   background: #05706d;*/
    border: 0;
    padding: 4px 8px;
    font-size: 1em;
}

a.Keyword.active {
    font-size: 1.1em;
}

hr.sprtr {
    border-top: 1px solid #046f6cc7;
    margin: 1em auto;
}

.clsfctions.wrds h4 {
    margin-bottom: 0.8em;
    font-size: 1.35em;
}

#portfolio .portfolio-item .portfolio-info {
    padding: 2px 1em;
}

    #portfolio .portfolio-item .portfolio-info hr {
        margin: 0.8em auto;
    }

.list-tags {
    padding-bottom: 0.5em;
}

.clsfctions .custom-control.custom-checkbox {
    display: inline-block;
    min-width: 80px;
}

/*----------------------------*/
.paggingDiv .blog {
    padding: 0.5em;
    margin-top: 0.5em !important;
}

.tim-lin-blk-1 .tim-txt:before, .tim-lin-blk-2 .tim-txt:before, .roles-blc-1:after, .vsn-blc-tab3 .blc-tab3:after {
    background: linear-gradient( rgb(128 187 42), rgb(119 198 3) );
}

.viewed-paaging {
    margin-top: 1em !important;
}

section.intro-main {
    background: linear-gradient(0deg, #046f6cc2 16%, rgb(1 33 32 / 52%) 43%);
}

.edu-blc-edt:only-child {
    width: 100%;
    margin-left: 0;
}

/*
.edu-blc-edt .radio-legend .custom-control.custom-radio {
    width: 30.5%;
}

    .edu-blc-edt .radio-legend .custom-control.custom-radio:only-child {
        width: 100%;
    }*/
/*.edu-blc-edt .radio-legend .custom-control.custom-radio, .edu-blc-edt .radio-legend .custom-control.custom-checkbox {
    width: 30.99%;
    margin-bottom: 5px;
}
*/
.edu-blc-edt .radio-legend .custom-control.custom-radio, .edu-blc-edt .radio-legend .custom-control.custom-checkbox {
    width: calc(25% - 16px);
    margin-bottom: 5px;
}

    .edu-blc-edt .radio-legend .custom-control.custom-radio:only-child, .edu-blc-edt .radio-legend .custom-control.custom-checkbox:only-child {
        width: 100% !important;
    }

.radio-legend {
    margin: 2px 2px;
}

/*updated by dal 9-8-2023 5:41 */
.ask-to-choose-sntnc {
    /*background: #f7f7f7;*/
    min-height: calc(100vh - 200px);
    text-align: center;
    font-size: 1.2em;
    padding: 5%;
    position: relative;
    color: #046f6c;
    font-weight: bold;
}

    .ask-to-choose-sntnc:before {
        content: "\f201";
        font-family: 'FontAwesome';
        position: absolute;
        font-size: 6em;
        color: #046f6c3d;
        margin: auto;
        top: 69px;
    }

.srch-flter a span {
    font-weight: bold;
}

.srch-flter .center span {
    color: #68a60d;
    font-weight: bold;
}

.srch-flter .center .ico-slider img {
    /* filter: unset;*/
}

.srch-flter .center .owl-card-body {
    /* border: 1px solid #8bc34a !important; */
    background: #ffffff;
    border-radius: 15px;
}

/*analytical template*/
.main-accrdn .sectors-list-pntrs ul li a {
    padding: 10px 10px;
    display: flex;
}

.main-accrdn a.btn.btn-header-link {
    min-height: 40px;
    padding: 5px 10px;
}

.main-accrdn .sectors-list-pntrs ul {
    margin-bottom: 5px;
}

.main-accrdn #faq-parent .c-card .collapse:hover, .main-accrdn #faq-parent .c-card .collapsed:hover {
    /* background: #f7f7f7;*/
}

.statistics-page-content .ask-to-choose-sntnc:before {
    content: "\f0ce";
}

.statistics-page-content {
    /*min-height: calc(60vh - 200px);*/
    min-height: 400px;
}

.time-series-filter li.nav-item a {
    font-size: 1em;
    font-weight: bold;
}

a#pills-indicators-tab .form-control::placeholder {
    font-size: 0.91em !important;
}

a#pills-indicators-tab.active .form-control::placeholder {
    font-size: 1.1em !important;
}

.sec-1.regs-sectrs .subtitle-sctrs-rgns {
    font-size: 1.8em;
    font-weight: bold;
    margin-bottom: 2em !important;
    margin-top: 0.5em;
}

.pdf-dwnnld a {
    color: #fff;
    font-weight: bold;
}

.as-dr-dv .custom-control.custom-radio.form-check-inline {
    padding-right: 1.5rem;
    padding-left: unset;
    margin: auto;
    display: inline-block;
    min-width: 70px;
    width: 49%;
}

/* added by dal and shrf 13-8-2023 for keywords */
span.tag-hash {
    padding: 5px 10px;
    font-size: 1.12em !important;
}

.wrds-div a {
    padding: 5px 10px;
    font-size: 1.12em;
    border: 0px solid gray;
    color: white;
}

    .wrds-div a.active {
        /* background: #05706d; */
        /* color: #fff; */
        /* border: 4px solid #80bb2a; */
    }

    .wrds-div a.Keyword.active:before {
        content: "\f0b0";
        padding: 4px;
        font-family: 'FontAwesome';
    }

    .wrds-div a.Keyword.active {
        position: relative;
    }

/* share modal */
.input-group > .form-control:not(:last-child), .input-group > .custom-select:not(:last-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 0.25rem !important;
    border-bottom-right-radius: 0.25rem !important;
}

.input-group > .input-group-append > .btn, .input-group > .input-group-append > .input-group-text, .input-group > .input-group-prepend:not(:first-child) > .btn, .input-group > .input-group-prepend:not(:first-child) > .input-group-text, .input-group > .input-group-prepend:first-child > .btn:not(:first-child), .input-group > .input-group-prepend:first-child > .input-group-text:not(:first-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-top-left-radius: 0.25rem !important;
    border-bottom-left-radius: 0.25rem !important;
}

.icon-container1 {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    text-align: center;
    margin: 1em auto;
}

    .icon-container1 .smd i.img-thumbnail {
        width: 60px;
        height: 45px;
        padding: 9px 0;
        margin-bottom: 5px;
    }

.data-src-lbl .lbl {
    font-size: 1em;
}

.data-src-lbl .src {
    font-size: 1.3em;
    padding-right: 2px;
    color: #046f6c;
}

/*-----test icon map in main page-----*/
@keyframes mymove {
    from {
        top: 5px;
    }

    to {
        top: -3px;
    }
}

.map-top-area span.fa.fa-hand-pointer-o {
    font-size: 16px;
    position: relative;
    animation: mymove infinite;
    animation-duration: 3s;
}

span.map-top-label {
    position: relative;
}

    span.map-top-label:before {
        content: "\f278";
        position: absolute;
        top: -1px;
        font-family: 'FontAwesome';
        right: unset;
        left: 17px;
    }

/*---- end main page ----*/
.statistics-page-content .card .actions-btn-text {
    /*   display: none;*/
}

/*for test*/
section.intro-main {
    background: linear-gradient(0deg, #046f6cc2 16%, rgb(4 111 108 / 23%) 43%);
}

.right-side.card:last-child .sectors-list-pntrs {
    max-height: 250px;
}

/* selected sector / pointer */
.selected-sector span.clear-sectors a {
    font-size: 1em;
}

.selected-sector span.clear-sectors {
    border-right: 1px solid #ffffff8c;
    padding: 0px 10px;
    font-size: 1em;
    display: flex;
    align-items: center;
    cursor: pointer !important;
}

/* areas check colors */
.areas-list .checks-div #check-area-0.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #117673;
    border-color: #117673;
}

.areas-list .checks-div #check-area-1.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #1cb2be;
    border-color: #1cb2be;
}

.areas-list .checks-div #check-area-2.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #3a70dd;
    border-color: #3a70dd;
}

.areas-list .checks-div #check-area-3.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #1bd377;
    border-color: #249d82;
}

.areas-list .checks-div #check-area-4.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #249d82;
    border-color: #249d82;
}

.areas-list .checks-div #check-area-5.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #e5b340;
    border-color: #e5b340;
}

.areas-list .checks-div #check-area-6.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #b14083;
    border-color: #b14083;
}

.areas-list .checks-div #check-area-7.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #e16517;
    border-color: #e16517;
}

.areas-list .checks-div #check-area-8.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #80bb2a;
    border-color: #80bb2a;
}

.areas-list .checks-div #check-area-9.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #29077f;
    border-color: #29077f;
}

.areas-list .checks-div #check-area-10.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #be701c;
    border-color: #be701c;
}

.areas-list .checks-div #check-area-11.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #9f8804;
    border-color: #9f8804;
}

.areas-list .checks-div #check-area-12.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #246b70;
    border-color: #246b70;
}

.areas-list .checks-div #check-area-13.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #4b5d5f;
    border-color: #4b5d5f;
}

.areas-list .checks-div #check-area-14.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #0277be;
    border-color: #0277be;
}

.areas-list .checks-div #check-area-15.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #02778F;
    border-color: #02778F;
}

.areas-list .checks-div #check-area-16.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #027808;
    border-color: #027808;
}

.areas-list .checks-div #check-area-17.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #00a108;
    border-color: #00a108;
}

.areas-list .checks-div #check-area-18.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #ac0000;
    border-color: #ac0000;
}

.areas-list .checks-div #check-area-19.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #9908a7;
    border-color: #9908a7;
}

.areas-list .checks-div #check-area-20.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #e18ed7;
    border-color: #e18ed7;
}

.areas-list .checks-div #check-area-21.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #490094;
    border-color: #490094;
}

.areas-list .checks-div #check-area-22.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #ee902a;
    border-color: #ee902a;
}

.areas-list .checks-div #check-area-23.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #9600ff;
    border-color: #9600ff;
}

.areas-list .checks-div #check-area-24.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #77a2ac;
    border-color: #77a2ac;
}

.areas-list .checks-div #check-area-25.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #d71570;
    border-color: #d71570;
}

.areas-list .checks-div #check-area-26.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #00b2dd;
    border-color: #00b2dd;
}

.areas-list .checks-div #check-area-27.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #000000;
    border-color: #000000;
}

.areas-list .checks-div #check-area-28.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #c62424;
    border-color: #c62424;
}

.areas-list .checks-div #check-area-29.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #858e8f;
    border-color: #858e8f;
}

.areas-list .checks-div #check-area-30.check-years .custom-control-input:checked ~ .custom-control-label::before {
    background: #633400;
    border-color: #633400;
}

/*///// end colors */
/*statistics template*/
/*edited by dal and eng wael 10-7-2024 */
/*td.sttstcs-td-stts.headcol.regions:first-child:not(td.sttstcs-td-stts.headcol.regions.years) {
    min-width: 250px;
}*/
/*td.sttstcs-td-stts.headcol.regions:first-child {
    min-width: 250px;
}*/

/*---------------------------------------------------------------------------------*/
/*-------------------------------  test 0--------------------------------------------------*/
.owl-carousel .owl-item.center .ico-slider img {
    filter: unset;
}

/* for test for 14-8-2023 */
.map-area-edited {
    /*  background: #046f6c7a;*/
    margin-top: -10px;
    padding-bottom: 1em;
}

.map-top-label {
    background: transparent;
}

section.intro-main {
    background: linear-gradient(0deg, #046f6c52 23%, rgb(4 111 108 / 23%) 43%);
}

/* added by dal 24-8-2023 */
.menu-sectrs .btn-outline-success {
    color: #046f6c;
    border-color: #046f6c;
}

    .menu-sectrs .btn-outline-success:hover {
        color: #fff;
        background-color: #046f6c;
        border-color: #046f6c;
    }

img.img-twtr-img {
    width: 20px;
}

/* added by 27-8-2023 */
.icon-container1 .smd i.img-thumbnail {
    display: block;
}

    .icon-container1 .smd i.img-thumbnail img.img-twtr-img {
        display: block;
        margin: auto;
        padding: 3px 0;
    }

.main-accrdn .sectors-list-pntrs ul#TemplateUL {
    padding-left: 3px;
}

/*page news */
.blog .entry.entry-single .entry-img {
    width: 85%;
    max-height: unset;
}

/* added by dal-ui 11-9-2023 for news page */
.title-nws-text {
    font-size: 1.3em;
}

.global .others-ttl {
    font-size: 1.1em;
}

.news-text-title {
    font-size: 1.1em;
}

.nws-blk-3 .news-text .news-text-title {
    margin-top: calc(210px + 15px + 220px - 110px);
}

.s-item-text-title {
    margin-top: calc(210px - 93px);
    font-size: 1.1em;
}

.b-1-title h3 {
    font-size: 1.12em !important;
    margin-bottom: 10px;
    font-weight: 600;
}

.others-ttl {
    font-size: 1.1em;
}

.ul-dt-src ul {
    margin-bottom: 5px;
}

/*fixed pages fonts increase 11-9-2023 */
.tim-txt {
    font-size: 1.1em;
}

.cntnt-nws p {
    font-size: 1.1em;
}

.vsn-tab2 span {
    font-size: 1.1em;
}

.blc-tab3 p {
    font-size: 1.1em;
}

.roles-blc-1 p {
    font-size: 1.1em;
}

.vsn-tabs .tab-content p {
    font-size: 1.1em;
}

.faq .faq-list p {
    font-size: 1.1em;
}

.contact-form label {
    font-size: 1.1em;
    margin-bottom: 0.4em;
}

.contact-link span.w-25.ml-3 {
    margin-left: 10px !important;
    width: 70px !important;
}

.main-header .nav-menu a.active {
    color: #80bb2a;
}

    .main-header .nav-menu a.active:after {
        position: absolute;
        content: " ";
        width: calc(100% + 20px);
        height: 4px;
        background: #80bb2a;
        right: -10px;
        top: 37px;
    }

#hero:before {
    /*background: url(./assets/img/.png);*/
    background: url(../img/bnrs-11-9-2023/cityBG.png) no-repeat !important;
    background-size: auto 84px !important;
    background-position: left bottom !important;
    background-position: 6% 97% !important;
}

/* 13-9-2023 */
.main-accrdn .accordion .c-card .sectors-list-pntrs {
    background: #f7f7f77a;
}

/*  .headcol*/
table#HorizontalItemsTbl td.sttstcs-td-stts.headcol {
    text-align: center;
    position: sticky;
    width: auto;
    right: 100px;
    min-width: 250px;
}

    table#HorizontalItemsTbl td.sttstcs-td-stts.headcol.regions:first-child {
        min-width: 100px;
    }

/* 20-9-2023 added by dal-ui main page */
.video-foreground, .video-background video {
    min-height: calc(100vh + 30px);
}

@media (max-aspect-ratio: 16 / 9) {
    .video-foreground {
        width: 400%;
        left: -150%;
    }
}

@media (max-width: 768px) {
    section#intro-main .intro-container .sec-1 .col-md-8, section#intro-main .intro-container .sec-1 .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-aspect-ratio: 16 / 10) {
    .left-part p.description {
        font-size: 1.6em;
        margin-bottom: 10px !important;
    }

    h4.nmbrs.addcomma {
        font-size: 1.75em;
    }

    .main-svg-div {
        justify-content: center;
        min-height: calc(100vh - 470px);
        margin-bottom: 1em;
    }

    span.brdr-r {
        min-height: 60%;
        position: absolute;
        left: 0px;
        top: 5px;
        margin-right: 10px;
        margin-left: unset;
    }

    .box-hero {
        margin-bottom: 3em;
    }

    .sec-2 .owl-carousel .owl-item img {
        width: 3.5em;
    }

    .srch-flter a span, .srch-flter .center span {
        font-size: 1.5em;
    }

    .srch-flter .center span {
        padding-bottom: 1em
    }
}

@media (max-width: 1500px ) and (min-width:991px) {
    .left-part p.description {
        font-size: 1.56em;
        margin-bottom: 10px !important;
    }

    h4.nmbrs.addcomma {
        font-size: 1.65em;
    }

    .main-svg-div {
        justify-content: center;
        min-height: calc(100vh - 470px);
        margin-bottom: 1em;
    }

    span.brdr-r {
        min-height: 70%;
        position: absolute;
        right: 0;
        top: 5px;
        margin-right: 10px;
        margin-left: unset;
    }

    .box-hero {
        margin-bottom: 2em;
    }

    .sec-2 .owl-carousel .owl-item img {
        width: 3.25em;
    }

    .srch-flter a span, .srch-flter .center span {
        font-size: 1.45em;
    }

    .srch-flter .center span {
        padding-bottom: 1em
    }
}

span.brdr-r {
    min-height: 80%;
    position: absolute;
    right: 5px;
    top: 5px;
}

.area {
    fill: #7585766e;
    stroke: #fff;
    stroke-width: 3px;
}

/*-------------fixed pages banner---------------------*/
.in-details-pg .in-title h1 {
    font-size: 2em;
}

@media (max-width: 991) {
    #hero:before {
        background-size: auto 40px !important;
    }
}

/* added for test by dal-ui shrf 24-9-2023*/
.top-left-part- {
    display: inline-flex;
    align-items: center;
}

span.measuring-Unit-Span {
    padding: 0 10px 0 0;
    font-size: 1.2em;
}

/* added for test ---------------------------------------------------------------- */
/*section.intro-main {
    background: linear-gradient(0deg, #002322a3 23%, #002322a3 43%);
}*/

.beta-absolute {
    top: 26px;
    width: 120px;
    left: -55px;
    z-index: 10;
    transform: rotate(-45deg);
    box-shadow: 0 5rem 5rem rgba(0, 0, 0, 0.05), rgb(0 0 0 / 12%) 0 1.25rem 1.5625rem -0.3125rem, rgba(0, 0, 0, 0.04) 0 0.625rem 0.625rem -0.3125rem;
    background: #b88b02;
    color: #fff;
    font-size: 12px;
    border: 1px solid #999393;
    padding: 4px;
    width: 180px;
    border-radius: 0;
}

@media (min-width: 991px) {
    .beta-absolute {
        right: -55px;
        left: unset;
        transform: rotate(45deg);
    }
}



div#header-top {
    height: 15px;
}

section#intro-main {
    min-height: calc(100vh - 15px );
    margin-top: 70px;
}

nav.nav-menu {
    margin-left: unset;
    margin-right: 30px;
}

.top-left-part- {
    font-size: 1.3em;
    font-weight: bold;
    /* color: #80bb2a; */
}

h4.nmbrs.addcomma {
    font-size: 2em;
    color: #5b9c36 !important;
}

.box-hero {
    margin-bottom: 2em;
}

/*----------------------------------------------------------*/
/*-----------added by dal-ui 26-9-2023 ----------------*/
.dal-tooltip .dal-tip-content:before {
    content: "\f041";
    background: #5b9c36;
    font-family: 'FontAwesome';
    font-size: 1.4em;
    color: #fff;
    border: 1px solid;
    padding: 0px 0 0 0;
    text-align: center;
    width: 25px;
    height: 25px;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: -12.5px;
    left: calc(50% - 12.5px);
}

.dal-tooltip .dal-tip-content {
    padding-top: 14px;
}

    .dal-tooltip .dal-tip-content:after {
        transform: rotateX(181deg);
        top: unset;
        bottom: -9px;
        right: calc(50% - 7px);
        left: unset;
    }

.Sector_Indicators_Div h3 {
    margin-bottom: 7%;
    font-size: 2em;
}

span.brdr-r {
    min-height: 60%;
    position: absolute;
    right: unset;
    left: 0px;
    top: 5px;
}

h4.nmbrs.addcomma {
    font-size: 2em;
    color: #ffffff !important;
}

span.measuring-Unit-Span {
    font-size: 1em;
    font-weight: normal;
}

section#intro-main {
    min-height: calc(100vh - 15px );
    margin-top: 15px;
    padding-top: 72px;
}

section.intro-main {
    background: linear-gradient(0deg, #002322e0 23%, #002322a3 43%);
}

/* inner pages */
.in-details-pg {
    margin-top: 76px;
}

#hero:before {
    background-position: 1% 97% !important;
}

h4.nmbrs.addcomma {
    margin-bottom: 0px;
}

.in-details-pg #hero .hero-cont {
    margin-right: 1%;
}

/*  added by dal-ui and shrf 26-9-2023 */
span.measuring-Unit-Span {
    font-size: 0.8em;
}

/*.dal-tooltip .dal-tip-content {
    width: 150px;
    height: 140px;
    max-height: 140px;
}*/
.dal-tooltip .dal-tip-content {
    width: 130px;
    height: 120px;
    max-height: 130px;
    font-size: 11px;
}

    .dal-tooltip .dal-tip-content table {
        margin-bottom: 3px;
        font-size: 11px;
    }

    .dal-tooltip .dal-tip-content:after {
        /*display: none;*/
    }

/*.main-svg-div svg:not(.tab-content>.tab-pane .main-svg-div svg) {
    padding-top: 10%;
    padding-bottom: 3%;
}*/
.main-svg-div svg {
    margin-top: auto;
    width: 100%;
    max-width: 80%;
    max-height: calc(100vh - 30% );
}

    .main-svg-div svg:not(.tab-content>.tab-pane .main-svg-div svg) {
        padding-top: calc(0% + 100px);
        padding-bottom: 0;
    }

.map-top-label span:last-child {
    font-size: 1.1em;
    font-weight: bold;
}

.dal-tooltip .dal-tip-content .added-test-viw td {
}

/* added by dal 28-9-2023 --------------------------*/
/* layout general and responsive */
section.breadcrumbs {
    margin-top: 75px;
}

@media (max-width: 992px) {
    .in-details-pg {
        margin-top: 40px;
    }
}

@media (min-height: 690px) {
    .Sector_Indicators_Div {
        margin-top: 6%;
        margin-bottom: 6%;
    }
}

/*-----------------2-10-2023 ------------------------*/
.Region_Indicators_Div h3 {
    font-size: 2em;
}

.Sector_Indicators_Div h3 span.ttl-h-text {
    font-size: 1.2em;
}

.Region_Indicators_Div span.ttl-h-text {
    font-size: 1.2em;
}


.sec-1.regs-sectrs .Sector_Indicators_Div h3 {
    margin-bottom: 3%;
    font-size: 2em;
}

/*-----------------------------------------*/
/*@media (max-width:991px) {
    section.intro-main .sec-1 .row:first-child {
        flex-direction: column-reverse;
    }

    .Sector_Indicators_Div {
        margin-top: 5%;
        margin-bottom: 5%;
        padding: 5%;
    }

    #header .logo img {
        max-height: 44px;
        padding-bottom: 0;
    }
}*/
@media (max-width: 991px) {
    div#header-top {
        display: block;
        height: 0 !important;
    }

    .beta-absolute {
        position: absolute;
        left: unset !important;
        top: 58px;
        right: 0 !important;
        z-index: 10;
        transform: unset !important;
        box-shadow: 0 5rem 5rem rgba(0, 0, 0, 0.05), rgb(0 0 0 / 12%) 0 1.25rem 1.5625rem -0.3125rem, rgba(0, 0, 0, 0.04) 0 0.625rem 0.625rem -0.3125rem;
        background: #b88b02;
        color: #fff;
        font-size: 11px;
        border: 1px solid #999393;
        padding: 0 0px 2px 0px;
        width: 100%;
        border-radius: 0;
    }
}


/*--------------00000-------------------*/
@media (min-width: 992px) {
    #pointers .right-side .areas-list .checks-div .col-lg-3 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }
}


@media (max-width:768px) {
    .custom-control.custom-checkbox:not(.areas-list .checks-div .custom-control.custom-checkbox):not(.custom-control.custom-checkbox:not(.areas-list .checks-div .custom-control.custom-checkbox):first-child) {
        width: calc(50% - 8px) !important;
    }

    #pointers .right-side .areas-list .checks-div .col-lg-3 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

@media (max-width:500px) {
    .custom-control.custom-checkbox:not(.areas-list .checks-div .custom-control.custom-checkbox):not(.custom-control.custom-checkbox:not(.areas-list .checks-div .custom-control.custom-checkbox):first-child) {
        width: calc(100% - 8px) !important;
    }

    #pointers .right-side .areas-list .checks-div .col-lg-3 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media (max-width:991px) {
    .custom-control.custom-checkbox:not(.areas-list .checks-div .custom-control.custom-checkbox) {
        width: calc(50% - 8px) !important;
    }
}



@media (max-width: 1024px) {
    .custom-control.custom-checkbox:not(.areas-list .checks-div .custom-control.custom-checkbox) {
        /* width: calc(25% - 16px);*/
        width: calc(30.9% - 9px) !important;
    }
    /*  #pointers .right-side .areas-list .checks-div .col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }*/
}



@media (max-width: 1300px) {
    .custom-control.custom-checkbox:not(.areas-list .checks-div .custom-control.custom-checkbox) {
        min-width: 60px;
        /*width: calc(30.9% - 9px);*/
        width: calc(25% - 16px);
        margin-left: 3px;
        margin-bottom: 5px !important;
    }

    .years-list {
        padding: 10px 3px !important;
    }

    body {
        font-size: 11px;
    }
}


@media (max-width: 768px) {
    section.intro-main .sec-1 .row:first-child {
        flex-direction: column-reverse;
    }

    .Sector_Indicators_Div {
        margin-top: 5%;
        margin-bottom: 5%;
        padding: 5%;
    }

    #header .logo img {
        max-height: 44px;
        padding-bottom: 0;
    }

    h4.nmbrs.addcomma {
        font-size: 1.5em;
    }

    .left-part p.description {
        font-size: 1.3em;
    }

    .main-svg-div svg:not(.tab-content>.tab-pane .main-svg-div svg), .Sector_Indicators_Div {
        margin-top: 2%;
        margin-bottom: 2%;
        padding-top: 2%;
        padding-bottom: 2%;
    }

    section.breadcrumbs {
        margin-top: 55px;
    }

    .beta-absolute {
        position: absolute;
        left: unset !important;
        top: 45px;
        right: 0 !important;
        z-index: 10;
        transform: unset !important;
        box-shadow: 0 5rem 5rem rgba(0, 0, 0, 0.05), rgb(0 0 0 / 12%) 0 1.25rem 1.5625rem -0.3125rem, rgba(0, 0, 0, 0.04) 0 0.625rem 0.625rem -0.3125rem;
        background: #b88b02;
        color: #fff;
        font-size: 10px;
        border: 1px solid #999393;
        padding: 0 0px 2px 0px;
        width: 100%;
        border-radius: 0;
    }

    div#header-top {
        display: block;
        height: 0 !important;
    }

    .Sector_Indicators_Div h3 span.ttl-h-text {
        font-size: 20px !important;
    }

    .Sector_Indicators_Div h3 {
        border-bottom: 1px solid;
    }

    sectors-list-pntrs ul li a {
        font-size: 0.99em !important;
    }

    .custom-control.custom-checkbox:not(.areas-list .checks-div .custom-control.custom-checkbox) {
        width: calc(100% - 0px) !important;
    }
}


/* for ipad and kindle and tablets large device in portrait mode */
/*kindle not working -------- but act like ipad pro width 1024px */
@media (max-width: 800px) and (max-hight:1280px) {
    /*    section.intro-main .sec-1 .row:first-child
    .col-md-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
       section.intro-main .sec-1 .row:first-child
    .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .main-svg-div svg {
        max-width: 50%;
    }

    .main-svg-div {
        min-height: unset;
    }
        section.intro-main .sec-1 .row:first-child {
        flex-direction: column-reverse;
    }*/
}

/*ipad pro */
/*@media (max-width:1366px) and (max-hight:1024px) {*/
@media (max-width: 1024px) and (min-width:768px) {
    section.intro-main .sec-1 .row:first-child .col-md-8 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    section.intro-main .sec-1 .row:first-child .col-md-4 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }

    .main-svg-div svg {
        max-width: 50%;
    }

    .main-svg-div {
        min-height: unset;
    }

    section.intro-main .sec-1 .row:first-child {
        flex-direction: column-reverse;
    }

    .main-svg-div svg:not(.tab-content>.tab-pane .main-svg-div svg), .Sector_Indicators_Div {
        margin-top: 2%;
        margin-bottom: 2%;
        padding-top: 2%;
        padding-bottom: 2%;
        padding-right: 5%;
        padding-left: 5%;
    }

    section.intro-main {
        height: auto !important;
        max-height: unset !important;
    }

    .srch-flter {
        position: relative;
    }
}

@media (max-width: 320px) {
    #header .logo img {
        max-height: 35px;
        padding-bottom: 0;
    }
}

@media (max-width: 1300px) and (min-width:1024px) {
    body {
        font-size: 10px;
    }

    /* rtl style */
    .checks-div .form-check, .custom-control.custom-checkbox {
        padding-right: 1.1rem !important;
    }

    .custom-control-label::before, .custom-control-label::after {
        right: -1.3rem !important;
    }

    /* end rtl */
    .drop-card-list {
        padding: 10px 4px !important;
    }

    .time-series-filter.blck-for-model-time .years-list .checks-div .custom-control.custom-checkbox, div#time-srs-tabctent .years-list .checks-div .custom-control.custom-checkbox {
        min-width: auto;
    }
}

/* arrow slider yellow test */
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev {
    background: #fdde8c;
    height: 28px;
    display: inline-block;
    width: 28px;
    padding: 0;
    text-align: center;
    line-height: 1.4;
    font-weight: bold;
    border-radius: 50%;
    color: #000 !important;
    margin: 2px;
    font-size: 20px;
}

    .owl-carousel .owl-nav button.owl-next span:after, .owl-carousel .owl-nav button.owl-prev span:after {
        font-family: 'FontAwesome';
        color: #000 !important;
    }

    .owl-carousel .owl-nav button.owl-prev span:after {
        margin-right: 5px;
        margin-left: unset;
    }

/*logo animation ----------------------------------------*/
@keyframes animate-svg-fill-79 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(128, 189, 66);
    }
}

.svg-elem-79 {
    -webkit-animation: animate-svg-fill-79 3s ease-in 3s both;
    animation: animate-svg-fill-79 3s ease-out 3s both infinite;
}

@keyframes animate-svg-fill-1 {
    0% {
        fill: transparent;
    }

    100% {
        fill: rgb(204, 204, 204);
    }
}

.svg-elem-1 {
    -webkit-animation: animate-svg-fill-1 3s ease-in 3s both;
    animation: animate-svg-fill-1 3s cubic-bezier(0, 0, 0.2, 1) 3s both infinite;
}

/*end logo animation ----------------------------------------*/
span.measuring-Unit-Span {
    color: #fdde8c;
}

/*added by dal 10-4-2023 */
.ony-row .rng, .ony-row .qrtr {
    display: inline-block;
    margin: auto 3px;
}

.ony-row .rng {
    color: #009688;
    /* font-weight: 600; */
    font-size: 1.1em;
}

.cntrs-pntrs {
    min-height: 55px;
}

.as-dr-dv .check-0 .custom-control-input:checked ~ .custom-control-label::before, .as-dr-dv .tag-hash.check-0, .as-dr-dv .check-1 .custom-control-input:checked ~ .custom-control-label::before, .as-dr-dv .tag-hash.check-1, .as-dr-dv .check-2 .custom-control-input:checked ~ .custom-control-label::before, .as-dr-dv .tag-hash.check-2 {
    background: #5e8c90;
    border-color: #5e8c90;
}

/*added by dal and wael 7-10-2023 */
#ChartArea {
    position: relative !important;
    padding-left: 35px;
}

canvas#PointerChart {
    padding-bottom: 0px;
}

.chart-label-x-dal, .chart-label-y-dal {
    position: absolute;
}

/*.chart-label-x-dal {
    bottom: 30px;
    width: 83%;
    margin: auto;
    right: 10px;
}*/
.chart-label-x-dal {
    bottom: 30px;
    width: 84%;
    margin: auto;
    right: 10px;
    text-align: center;
}

.chart-label-y-dal {
    display: block;
    /* background: red; */
    top: 0;
    left: 0;
    width: auto;
    height: calc(100% - 66px);
    /* max-height: 200px; */
    margin: auto;
    text-align: center;
    transform: rotate(-180deg);
    writing-mode: vertical-rl;
}

/*.chart-label-y-dal {
    top: 35%;
    left: -30px;
    width: auto;
    margin: auto;
    text-align: center;
    transform: rotate(-90deg);
}*/
/*templates */
.data-src-lbl span#TemplateTitle.src {
    margin-top: -10px;
    display: block;
    margin-bottom: 7px;
    font-size: 1.4em;
    font-weight: bold;
}

span.ico-sectors img {
    filter: brightness(0) saturate(100%) invert(32%) sepia(21%) saturate(2181%) hue-rotate(133deg) brightness(98%) contrast(97%);
}

/* added by dal */
#local-nws.owl-carousel .owl-nav button.owl-next span:after, #local-nws.owl-carousel .owl-nav button.owl-prev span:after {
    color: #fff !important;
}

#local-nws.owl-carousel .owl-nav button.owl-prev span:after {
    content: "\f105" !important;
    margin-right: -13px;
}

#header .logo svg {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
}
/*-------------------------------------------------------------------------------------*/
/* added bya dal-ui 11-10-2023  for final temp colors (5) */
.owl-carousel .owl-nav button.owl-next span:after {
    margin-right: 5px;
    margin-left: unset;
}

.srch-flter .center span {
    color: #fdde8c;
}

.owl-carousel .owl-item .ico-slider img, span.ttl-h-icon img {
    filter: unset;
}

.srch-flter .center .owl-card-body {
    background: #7585766e;
}

    .srch-flter .center .owl-card-body:hover {
        background: #ffffff38;
    }
/*-------------------------------------------------------------------------*/

/* end edited by dal 24 april 2024*/

.nav-menu > ul > li {
    padding: 10px 0px 10px 20px;
}

@media (max-width: 1200px) {
    #header .logo svg {
        max-width: 230px;
    }

    .nav-menu > ul > li {
        padding: 10px 0px 10px 10px;
    }

        .nav-menu > ul > li a {
            font-size: 1.1em !important;
        }

    span.slctd-lang.lang_icon {
        display: none;
    }
}

/* end edited by dal 24 april 2024*/
/*-------------added by dal for final responsive test 11-10-2023----------------*/
@media (max-width: 1024px) {
    /* canvas#PointerChart {
        min-height: 400px !important;
    }*/
    .as-dr-dv .custom-control.custom-radio.form-check-inline {
        width: 100%;
    }
}

@media (max-width: 1024px) and (min-width: 768px) {
    section#intro-main.regions-page .sec-1 .row:first-child {
        flex-direction: column;
    }

    .sectors-list-pntrs.mxw-80vh {
        max-height: calc(33vh - 2em);
    }
}

@media (max-width: 768px) {
    section#intro-main.regions-page .sec-1 .row:first-child {
        flex-direction: column;
    }

    .sectors-list-pntrs.mxw-80vh {
        max-height: calc(33vh - 2em);
    }

    #header .logo svg {
        margin-top: -7px !important;
        margin-bottom: 0 !important;
        max-height: 60px !important;
        max-width: 159px;
    }

    .main-header .row.mx-0.justify-content-center {
        margin-left: -15px !important;
        margin-right: -15px !important;
    }

    section#intro-main.regions-page .Region_Indicators_Div .row {
        margin: 10px !IMPORTANT;
    }

    section#intro-main.regions-page .Region_Indicators_Div {
        margin-bottom: 2em;
    }

    a.actions-icons.btn {
        min-width: 45px;
    }

    img.actions-btn-icon {
        width: 20px;
    }

    .breadcrumbs h2 {
        padding-top: 10px;
    }
}

section#intro-main {
    min-height: calc(100vh - 0px );
    margin-top: 0;
}

/*-----------------------------------------------------------------------*/
/*------------------------for scroll up and down -----------------------------------------------*/
/*-----------------------------------------------------------------------*/
::-webkit-scrollbar {
    width: 16px;
    border: 5px solid white;
}

::-webkit-scrollbar-thumb {
    background-color: #046f6c;
    background-clip: padding-box;
    border: 0.05em solid #eeeeee;
}

::-webkit-scrollbar-track {
    background-color: #e5e5e5;
}

/* Buttons */
::-webkit-scrollbar-button:single-button {
    background-color: #e5e5e5;
    display: block;
    border-style: solid;
    height: 11px;
    width: 11px;
}

    /* Up */
    ::-webkit-scrollbar-button:single-button:vertical:decrement {
        border-width: 0 8px 8px 8px;
        border-color: transparent transparent #046f6c transparent;
    }

        ::-webkit-scrollbar-button:single-button:vertical:decrement:hover {
            border-color: transparent transparent #046f6c transparent;
        }

    /* Down */
    ::-webkit-scrollbar-button:single-button:vertical:increment {
        border-width: 8px 8px 0 8px;
        border-color: #046f6c transparent transparent transparent;
    }

::-webkit-scrollbar-button:vertical:single-button:increment:hover {
    border-color: #046f6c transparent transparent transparent;
}

/*--------horizontal------------*/
/* right */
::-webkit-scrollbar-button:single-button:horizontal:decrement {
    border-width: 8px 8px 8px 0;
    border-color: transparent #046f6c transparent transparent;
}

    ::-webkit-scrollbar-button:single-button:horizontal:decrement:hover {
        border-color: transparent #046f6c transparent transparent;
    }

/* left */
::-webkit-scrollbar-button:single-button:horizontal:increment {
    border-width: 8px 0 8px 8px;
    border-color: transparent transparent transparent #046f6c;
}

::-webkit-scrollbar-button:horizontal:single-button:increment:hover {
    border-color: transparent transparent transparent #046f6c;
}


/*-----------------------------------------------------*/
/*-------------added for tooltip test------------------*/
/*-----------------------------------------------------*/
.dal-tooltip .dal-tip-content .added-test-viw {
    border: 1px solid #f2eeee;
    padding: 0px 2px !important;
    margin-bottom: 3px;
}

.dal-tooltip .dal-tip-content {
    width: 120px;
    height: 101px;
    max-height: 103px;
    font-size: 11px;
    padding-top: 13px;
}

    .dal-tooltip .dal-tip-content:before {
        content: "\f041";
        background: #5b9c36;
        font-family: 'FontAwesome';
        font-size: 1.2em;
        color: #fff;
        border: 1px solid;
        padding: 0px 0 0 0;
        text-align: center;
        width: 20px;
        height: 20px;
        display: block;
        border-radius: 50%;
        position: absolute;
        top: -7.5px;
        left: calc(50% - 10px);
    }

    .dal-tooltip .dal-tip-content:after {
        transform: rotateX(181deg);
        top: unset;
        bottom: -6px;
        right: calc(50% - 7px);
        left: unset;
    }

    .dal-tooltip .dal-tip-content table {
        margin-bottom: 0;
    }

.reg-btn .btn {
    font-size: 0.8em;
    padding: 2px 5px;
    min-width: auto;
}

.main-svg-div svg {
    max-width: 75%;
}

.dal-tooltip .dal-tip-content .added-test-viw td {
    padding: 2px 1px;
    border-top: 0;
    font-size: 10px;
}
/*15-10-2023----------------------------------------------*/
/*--------------------------------------------------------*/
@media (max-width: 768px) {
    .main-svg-div svg:not(.tab-content>.tab-pane .main-svg-div svg) {
        margin-top: 120px !important;
    }
}
/*15-10-2023 */
.ask-to-choose-sntnc:before {
    font-size: 15em;
    width: 100%;
    margin: auto;
    text-align: center;
    display: block;
}

.ask-to-choose-sntnc {
    font-size: 18px;
    color: #009688bd;
}

/*.edu-blc-edt .radio-legend .custom-control.custom-radio, .edu-blc-edt .radio-legend .custom-control.custom-checkbox {
    width: calc(25% - 16px);
    margin-bottom: 5px;
}
*/

div#dvindicatorAttr .edu-blc-edt .radio-legend .custom-control.custom-radio {
    /*width: calc(50% - 1rem);*/
    width: calc(50% - 14px);
}

.edu-blc-edt {
    box-shadow: 0px 0px 4px #b9b3b3, 0px 0px 0px #f5eded;
}

div#time-srs-tabctent .years-list .checks-div .custom-control.custom-checkbox:first-child {
    width: calc(100% - 10px) !important;
    max-width: 100%;
}
/*related data tab 3 */
.tbl-li-prev {
    padding-left: 30px;
    padding-right: unset;
    font-size: 1.2em;
    position: relative;
    font-weight: 600;
}

    .tbl-li-prev :before {
        content: "\f0c1";
        position: absolute;
        right: unset;
        left: 4px;
        font-family: 'FontAwesome';
    }

    .tbl-li-prev a {
        display: block;
    }

/*-------------------------------------------------------------*/
/*---------------new animation -----------------------*/


.ask-to-choose-sntnc:before { /* Chrome, Safari, Opera */
    -webkit-animation: rainbow 8s infinite;
    /* Internet Explorer */
    -ms-animation: rainbow 8s infinite;
    /* Standar Syntax */
    animation: rainbow 10s infinite;
    font-size: 10em;
    opacity: 0.3;
}

/* Chrome, Safari, Opera */

@-webkit-keyframes rainbow {
    0% {
        color: #046f6c;
        font-size: 11em;
    }

    10% {
        color: #046f6cd1;
    }

    20% {
        color: #009688;
    }

    30% {
        color: CadetBlue;
    }

    40% {
        color: #8bc34a;
    }

    50% {
        color: #5f9ea0;
        font-size: 10em;
    }

    60% {
        color: #3e934bb8;
    }

    70% {
        color: #88b60f;
    }

    80% {
        color: #639764;
    }

    90% {
        color: #459d9a;
    }

    100% {
        color: #009688;
        font-size: 11em;
    }
}


/* Internet Explorer */

@-ms-keyframes rainbow {
    0% {
        color: #046f6c;
        font-size: 11em;
    }

    10% {
        color: #046f6cd1;
    }

    20% {
        color: #009688;
    }

    30% {
        color: CadetBlue;
    }

    40% {
        color: #8bc34a;
    }

    50% {
        color: #5f9ea0;
        font-size: 10em;
    }

    60% {
        color: #3e934bb8;
    }

    70% {
        color: #88b60f;
    }

    80% {
        color: #639764;
    }

    90% {
        color: #459d9a;
    }

    100% {
        color: #009688;
        font-size: 11em;
    }
}


/* Standar Syntax */

@keyframes rainbow {
    0% {
        color: #046f6c;
        font-size: 11em;
    }

    10% {
        color: #046f6cd1;
    }

    20% {
        color: #009688;
    }

    30% {
        color: CadetBlue;
    }

    40% {
        color: #8bc34a;
    }

    50% {
        color: #5f9ea0;
        font-size: 10em;
    }

    60% {
        color: #3e934bb8;
    }

    70% {
        color: #88b60f;
    }

    80% {
        color: #639764;
    }

    90% {
        color: #459d9a;
    }

    100% {
        color: #009688;
        font-size: 11em;
    }
}



.ask-to-choose-sntnc:after {
    content: "\f002";
    position: absolute;
    font-size: 5em;
    font-family: 'Font Awesome 5 Free';
    right: calc(50% - 2em);
    top: 3em;
    font-weight: 600;
    opacity: 0.5;
    -webkit-animation: rainbow2 4s infinite;
    /* Internet Explorer */
    -ms-animation: rainbow2 4s infinite;
    /* Standar Syntax */
    animation: rainbow2 4s infinite;
    opacity: 0.3;
}
/* Chrome, Safari, Opera */

@-webkit-keyframes rainbow2 {
    0% {
        color: #046f6c;
        font-size: 3em;
    }

    10% {
        color: #046f6cd1;
    }

    20% {
        color: #009688;
    }

    30% {
        color: CadetBlue;
    }

    40% {
        color: #8bc34a;
    }

    50% {
        color: #5f9ea0;
        font-size: 4em;
    }

    60% {
        color: #3e934bb8;
    }

    70% {
        color: #88b60f;
    }

    80% {
        color: #639764;
    }

    90% {
        color: #459d9a;
    }

    100% {
        color: #009688;
        font-size: 3em;
    }
}

/* Internet Explorer */

@-ms-keyframes rainbow2 {
    0% {
        color: #046f6c;
        font-size: 3em;
    }

    10% {
        color: #046f6cd1;
    }

    20% {
        color: #009688;
    }

    30% {
        color: CadetBlue;
    }

    40% {
        color: #8bc34a;
    }

    50% {
        color: #5f9ea0;
        font-size: 4em;
    }

    60% {
        color: #3e934bb8;
    }

    70% {
        color: #88b60f;
    }

    80% {
        color: #639764;
    }

    90% {
        color: #459d9a;
    }

    100% {
        color: #009688;
        font-size: 3em;
    }
}


/* Standar Syntax */

@keyframes rainbow2 {
    0% {
        color: #046f6c;
        font-size: 3em;
    }

    10% {
        color: #046f6cd1;
    }

    20% {
        color: #009688;
    }

    30% {
        color: CadetBlue;
    }

    40% {
        color: #8bc34a;
    }

    50% {
        color: #5f9ea0;
        font-size: 4em;
    }

    60% {
        color: #3e934bb8;
    }

    70% {
        color: #88b60f;
    }

    80% {
        color: #639764;
    }

    90% {
        color: #459d9a;
    }

    100% {
        color: #009688;
        font-size: 3em;
    }
}
/*------------------------------------------*/

.ask-to-choose-sntnc:before {
    -webkit-animation: rainbow 8s infinite;
    -ms-animation: rainbow 8s infinite;
    animation: rainbow 10s infinite;
    opacity: 1;
    background: url('../img/NUO-Demo2-240p-231023.gif') no-repeat center center !important;
    background-size: 100%;
    width: 100%;
    margin: 2% auto;
    text-align: center;
    display: block;
    content: " .";
    max-width: 100%;
    min-width: 100%;
    color: transparent !important;
}

#TemplateResult .ask-to-choose-sntnc:before {
    background: url(../img/NUO--Demo2-360p-231031.gif) no-repeat center center !important;
}

.ask-to-choose-sntnc {
    min-height: 26em;
}

#TemplateResult .ask-to-choose-sntnc:before {
    background: url(../img/NUO--Demo2-360p-231031.gif) no-repeat center center !important;
    -webkit-animation: unset;
    -ms-animation: unset;
    animation: unset;
    background-size: contain !important;
}

faq.pointers-fiters .time-series-filter .years-list {
    padding: 10px 3px;
}

.years-list .checks-div .custom-control.custom-checkbox:not(.modal .years-list .checks-div .custom-control.custom-checkbox) {
    float: right;
    min-width: 50px;
    width: calc(33% - 5px);
    margin-left: 5px;
    margin-bottom: 5px !important;
    font-size: 12px;
}

.faq.pointers-fiters .time-series-filter .years-list .custom-control-label::after {
    width: 14px;
    height: 14px;
}

.faq.pointers-fiters .time-series-filter .years-list .custom-control-label::before {
    width: 14px;
    height: 14px;
}

.drop-card-list {
    padding: 10px 5px;
}


#pointers-fiters .drop-card-list .as-dr-dv .custom-control-label::before, #pointers-fiters .drop-card-list .as-dr-dv .custom-control-label::after {
    width: 14px;
    height: 14px;
    top: 3px;
}

#pointers-fiters .drop-card-list .as-dr-dv label.custom-control-label {
    font-size: 12px !important;
    color: #000;
}

#pointers-fiters.faq.pointers-fiters .time-series-filter .years-list .custom-control-label {
    font-weight: normal;
}

#pointers-fiters.faq.pointers-fiters .time-series-filter .years-list .custom-control:first-child {
    width: 100%;
}

#pointers-fiters.faq.pointers-fiters .time-series-filter .years-list {
    padding: 10px 5px;
}

.pntrs-pg .legend-area.row div#RegionDetaisDiv {
    padding-right: 7px;
    padding-left: 7px;
}
/*---------------end new animation -----------------------*/
/* added by dal ui and wael 11-12-2023------------------------------------------------*/
.print-area-btn-1 img {
    max-width: 95% !important;
    display: block !important;
    text-align: center !important;
    margin: auto !important;
}

@media print {
    .print-area-btn-1 img {
        max-width: 95% !important;
        display: block !important;
        text-align: center !important;
        margin: auto !important;
    }
}
/* added by dal ui and wael 11-12-2023------------------------------------------------*/

/*end edited by dal for ltr style 24-4-2024 ------------------------*/

/*added new by aya 22-04-2024  */
.as-dr-dv .custom-control.custom-radio.form-check-inline {
    padding-left: 1.5rem;
}

.years-list .checks-div .custom-control.custom-checkbox:not(.modal .years-list .checks-div .custom-control.custom-checkbox) {
    float: left;
}

.ponterstabs-content .faq .faq-list .icon-show, .ponterstabs-content .faq .faq-list .icon-close {
    left: unset;
    right: 10px;
}

.pointer-meta-data .title-nws-text:after {
    left: 0;
}

.right-side.card .srch-box span.fa {
    left: unset;
    right: 0.7em;
}
/*------------------- end added by aya -----------*/
.float-left {
    float: right !important;
}

.float-right {
    float: left !important;
}

.mr-1 {
    margin-left: .25rem !important;
    margin-right: unset;
}

.form-control, textarea.form-control {
    TEXT-ALIGN: left !IMPORTANT;
}

.modal, .modal-header {
    direction: ltr !important;
}

.navs-angles a .fa {
    transform: rotate(180deg);
}

#hero:before {
    transform: rotateY(180deg);
}

.blog .blog-pagination .pagination li.page a {
    background-color: transparent !important;
}

.blog .blog-pagination ul.pagination {
    margin-top: 0 !important;
}

.ml-2 {
    margin-right: .5rem !important;
    margin-left: unset !important;
}

.nav-sec-map-pills.nav-pills .nav-link, .nav-pills .nav-link {
    margin: 0 5px 5px 0 !important;
}

.global .others-ttl {
    text-align: left;
}




/*end edited by dal for ltr style 25-4-2024 ------------------------*/
/*for print page  */

.print-area-btn-2 {
    padding: 15px 10px !important;
}

@media print {
    .print-area-btn-2 {
        padding: 15px 10px !important;
    }

    .blc-tab3:before {
        background: #2e6962 !important;
    }

    .tim-lin-blk-1 .tim-txt:before, .tim-lin-blk-2 .tim-txt:before, .roles-blc-1:after, .vsn-blc-tab3 .blc-tab3:after {
        background: linear-gradient(rgb(128 187 42), rgb(119 198 3)) !important;
    }
}
/*end added for print page */

.footer-links, .footer-contact {
    margin-bottom: 30px !important;
}

.fa-angle-left, .fa-angle-right, .fa-angle-double-left, .fa-angle-double-right {
    transform: rotate(180deg);
}

/*edited 20-5 */
.blc-tab3 {
    font-size: 1.3em;
    padding: 0;
    min-height: 40px;
    vertical-align: unset;
    display: block;
}

/*edited 21-5 */
/* added by dal and eng weal for chart qarters 26-6-2024*/
.qrdiv.custom-control.custom-checkbox {
    width: calc(50% - 5px) !important;
    font-size: 0.89em !important;
}

div#ChartArea.chartjs-wrapper-demo, .chartjs-wrapper-demo, #ChartArea {
    min-height: 25vh;
}
/* end added by dal and eng weal for chart qarters 26-6-2024*/


/* added by dal for drasl 30-6-2023 test header rtl direction */ 
header#header {
    direction: rtl !important;
}

#header h1.logo.mr-auto {
    margin-left: auto !important;
    margin-right: unset !important;
}

span.slctd-lang.lang_icon {
    display: inline-block;
}

@media (min-width: 991px) {
    .beta-absolute {
        left: -55px;
        right: unset;
        transform: rotate(-45deg);
    }
}
/* end added by dal for drasl 30-6-2023 test header rtl direction */
/*statistics template*/
/*edited by dal and eng wael 10-7-2024 */
td.sttstcs-td-stts.headcol.regions:first-child:not(td.sttstcs-td-stts.headcol.regions.years) {
    min-width: 250px;
}
/*end edited by dal and eng wael 10-7-2024 */