@import"https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700&display=swap";

* {
    box-sizing: border-box
}

::-webkit-scrollbar {
    width: 10px
}

::-webkit-scrollbar-track {
    background: #fff
}

::-webkit-scrollbar-thumb {
    background: #6f9e36
}

::-webkit-scrollbar-thumb:hover {
    background: #6f9e36
}

input[type=date]::-webkit-inner-spin-button,
input[type=date]::-webkit-calendar-picker-indicator {
    opacity: 0
}

html {
    font-size: 16px;
    direction: ltr
}

body {
    direction: ltr;
    text-align: left;
    overflow-x: hidden;
    font-weight: 500;
    font-family: "Tajawal";
    font-size: 1.125rem;
    line-height: 1.5625rem;
    overflow: visible;
    color: #181818
}

a {
    text-decoration: none
}

a:hover {
    color: #6f9e36;
    text-decoration: none
}

a img {
    object-fit: fill;
    display: block
}

.accordion-body ul,
.accordion-body ol {
    list-style: none;
    padding: 0
}

.accordion-body ul>li,
.accordion-body ol>li {
    font-weight: 700;
    font-family: "Tajawal";
    font-size: 1.125rem;
    line-height: 1.5625rem;
    overflow: hidden;
    color: #181818
}

.accordion-body ul>li {
    position: relative;
    padding-left: 1.5rem;
    padding-bottom: 1rem
}

.accordion-body ul>li:before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    background: #6f9e36;
    width: .8rem;
    height: .8rem;
    left: 0;
    top: 7px
}

p strong,
li strong {
    font-weight: 700;
    font-family: "Tajawal";
    font-size: 1.125rem;
    line-height: 1.5625rem;
    overflow: hidden;
    color: #6f9e36
}

.video-icon {
    position: relative
}

.video-icon:after {
    content: "";
    display: inline-block;
    background: url(../media/rmdfoh1h/video.png) no-repeat;
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    right: 50%;
    width: 77px;
    height: 77px
}

.text-justify {
    text-align: justify
}

.mt-200 {
    margin-top: 175px
}

.radius-16 {
    border-radius: 16px !important
}

.ms-20 {
    margin-right: 1.25rem !important
}

.navbar {
    background-color: #6f9e36;
    border-radius: 0 0 2rem 2rem
}

.navbar .nav-link,
.navbar .dropdown-item {
    font-weight: 700;
    font-family: "Tajawal";
    font-size: 1rem;
    line-height: 1.5rem;
    overflow: hidden;
    color: #fff
}

.navbar .nav-link:hover,
.navbar .dropdown-item:hover {
    color: #fff !important
}

.navbar .dropdown-item {
    color: #6f9e36
}

.navbar .dropdown-item:focus,
.navbar .dropdown-item:hover {
    color: #fff;
    background-color: #6f9e36
}

.dropdown-menu {
    box-shadow: 0px 5px 20px #0000000F
}

.search {
    z-index: 9;
    box-shadow: 0px 5px 20px #0000000F;
    border-radius: 1rem
}

.search-form {
    background: #f1f1f1;
    border-radius: .75rem
}

.search-submit {
    width: 68px;
    height: 68px
}

.search-submit::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -21px -35px;
    width: 21px;
    height: 23px;
    position: absolute;
    top: 50%;
    right: 50%;
    transform: translate(50%, -50%)
}

.border-active::before {
    content: "";
    display: block;
    height: 100%;
    width: 6px;
    position: absolute;
    left: -36px;
    background: #6f9e36;
    border-radius: 3px;
    top: 0
}

.input-group-field::placeholder {
    font-weight: 400;
    font-family: "Tajawal";
    font-size: 1.25rem;
    line-height: 2rem;
    overflow: hidden;
    color: #b0b0b0
}

.input-group-field:focus-visible {
    outline: 0
}

.ministry {
    font-weight: 700;
    font-family: "Tajawal";
    font-size: 2rem;
    line-height: 2.875rem;
    overflow: hidden
}

.illustration {
    padding: 0 3.75rem
}

.carousel-item {
    border-radius: 1rem
}

.carousel-control-next,
.carousel-control-prev {
    width: 40px;
    height: 40px;
    background-color: #00000059;
    opacity: 1;
    margin: 0 100px;
    top: calc(50% - 20px)
}

.carousel-control-next-icon,
.carousel-control-prev-icon {
    width: 1rem;
    height: 1rem
}

.headline {
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 65%, transparent)
}

.headline .title.padding {
    padding-top: 110px;
    padding-left: 145px;
    padding-bottom: 48px
}

.headline .read-details.padding {
    padding-bottom: 110px;
    padding-left: 195px
}

.title {
    font-weight: 700;
    font-family: "Tajawal";
    font-size: 1.5rem;
    line-height: 2.3rem;
    overflow: hidden
}

.title.title__grey {
    color: #747474
}

.title.title__green {
    color: #6f9e36
}

.title-15 {
    font-weight: 500;
    font-family: "Tajawal";
    font-size: 15px;
    line-height: 2rem;
    overflow: hidden
}

.title-15.title-15__dark {
    color: #181818;
    font-weight: 400
}

.title-16 {
    font-weight: 500;
    font-family: "Tajawal";
    font-size: 1rem;
    line-height: 1.375rem;
    overflow: hidden
}

.title-16.title-16__bold {
    font-weight: 700;
    color: #6f9e36
}

.title-18 {
    font-weight: 500;
    font-family: "Tajawal";
    font-size: 1.125rem;
    line-height: 1.5625rem;
    overflow: hidden
}

.title-18.title-18__bold {
    font-weight: 700;
    color: #747474
}

.title-18.title-18__bold.title-18__bold__black {
    color: #181818
}

.title-18.title-18__bold.title-18__bold__active {
    color: #6f9e36
}

.title-18.title-18__bold.title-18__bold__grey {
    color: #464646
}

.title-18.title-18__reg {
    font-weight: 400;
    color: #747474
}

.title-18.title-18__grey {
    color: #747474
}

.title-18>p {
    text-align: justify !important
}

.title-20 {
    font-weight: 700;
    font-family: "Tajawal";
    font-size: 1.25rem;
    line-height: 1.5625rem;
    overflow: hidden
}

.title-20.title-20__light-grey {
    color: #e5e5e5;
    position: relative;
    overflow: visible
}

.title-20.title-20__light-grey::before {
    content: "";
    width: 100%;
    height: 5px;
    background-color: #e5e5e5;
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

.title-20.title-20__light-grey::after {
    content: "";
    width: 16px;
    height: 16px;
    background-color: #e5e5e5;
    display: block;
    position: absolute;
    left: 0;
    top: -6px;
    border-radius: 50%;
    border: 4px solid #e5e5e5
}

.title-20.title-20__light-grey.active {
    color: #181818 !important
}

.title-20.title-20__light-grey.active::before {
    background-color: #6f9e36
}

.title-20.title-20__light-grey.active::after {
    border-color: #6f9e36;
    background-color: #fff
}

.title-20.title-20__med {
    font-weight: 500;
    color: #6f9e36;
    line-height: 1.8rem
}

.title-21 {
    font-weight: 500;
    font-family: "Tajawal";
    font-size: 1.3125rem;
    line-height: 2.1rem;
    overflow: hidden
}

.title-21.title-21__blue {
    color: #6f9e36
}

.title-21.title-21__blue.title-21__bold {
    font-weight: 700
}

.title-21.title-21__grey {
    color: #747474
}

.title-26 {
    font-weight: 700;
    font-family: "Tajawal";
    font-size: 1.625rem;
    line-height: 2.3rem;
    overflow: hidden
}

.title-30 {
    font-weight: 700;
    font-family: "Tajawal";
    font-size: 1.875rem;
    line-height: 1.875rem;
    overflow: hidden;
    color: #6f9e36
}

.slick-arrow {
    width: 40px;
    height: 40px;
    background-color: #00000059 !important;
    opacity: 1;
    border-radius: 50%;
    z-index: 9;
    color: #0000;
    border: 0;
    position: absolute;
    top: calc(50% - 20px)
}

.slick-arrow.slick-prev {
    left: -10px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.slick-arrow.slick-next {
    right: 10px;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")
}

.carousel-indicators [data-bs-target] {
    width: 14px
}

.carousel-indicators .active {
    width: 30px
}

.read-details {
    font-weight: 700;
    font-family: "Tajawal";
    font-size: 1.125rem;
    line-height: 2rem;
    overflow: visible;
    padding-left: 45px
}

.read-details:before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -65px -33px;
    width: 30px;
    height: 30px;
    position: absolute;
    left: 11%
}

.section-header {
    font-weight: 700;
    font-family: "Tajawal";
    font-size: 2rem;
    line-height: 3rem;
    overflow: hidden;
    color: #6f9e36
}

.section-header__sm {
    font-weight: 500;
    font-family: "Tajawal";
    font-size: 1.5rem;
    line-height: 3rem;
    overflow: hidden;
    color: #6f9e36
}

.section-header__sm.section-header__bold {
    font-weight: 700
}

.section-description {
    font-weight: 500;
    font-family: "Tajawal";
    font-size: 1.125rem;
    line-height: 1.5625rem;
    overflow: hidden;
    color: #747474
}

.services {
    border: 1px solid #e7e7e7;
    padding: 0 80px;
    height: 85px;
    display: flex;
    align-items: center
}

.services:not(.logo-overview, .logo-power, .logo-dates, .logo-type)::after {
    content: "";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    color: #b8b8b8;
    position: absolute;
    top: 50%;
    right: 1.25rem;
    transform: translate(0%, -50%) rotate(45deg)
}

.services.smart-meter::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -120px -19px;
    width: 40px;
    height: 58px;
    position: absolute;
    top: 50%;
    left: 1.25rem;
    transform: translate(0px, -50%)
}

.services.bills::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -185px -19px;
    width: 40px;
    height: 59px;
    position: absolute;
    top: 50%;
    left: 1.25rem;
    transform: translate(0px, -50%)
}

.services.logo-power {
    padding: 30px 110px
}

.services.logo-power::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -248px -778px;
    width: 68px;
    height: 84px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo-overview {
    padding: 30px 110px
}

.services.logo-overview::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -26px -404px;
    width: 68px;
    height: 90px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo-dates {
    padding: 30px 110px
}

.services.logo-dates::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -164px -638px;
    width: 75px;
    height: 88px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo-type {
    padding: 30px 110px
}

.services.logo-type::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -29px -633px;
    width: 78px;
    height: 97px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.customer-service::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -249px -20px;
    width: 40px;
    height: 57px;
    position: absolute;
    top: 50%;
    left: 1.25rem;
    transform: translate(0px, -50%)
}

.services.logo1::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -477px -194px;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 1.25rem;
    transform: translate(0px, -50%)
}

.services.logo2::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -537px -190px;
    width: 41px;
    height: 50px;
    position: absolute;
    top: 50%;
    left: 1.25rem;
    transform: translate(0px, -50%)
}

.services.logo3::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -596px -201px;
    width: 51px;
    height: 27px;
    position: absolute;
    top: 50%;
    left: 1.25rem;
    transform: translate(0px, -50%)
}

.services.logo4::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -596px -199px;
    width: 51px;
    height: 27px;
    position: absolute;
    top: 50%;
    left: 1.25rem;
    transform: translate(0px, -50%)
}

.services.logo2227::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -402px -414px;
    width: 56px;
    height: 69px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo2229::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -496px -416px;
    width: 56px;
    height: 66px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo2231::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -314px -414px;
    width: 56px;
    height: 65px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo2233::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -133px -537px;
    width: 56px;
    height: 76px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo2228::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -580px -426px;
    width: 56px;
    height: 62px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo2230::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -39px -543px;
    width: 56px;
    height: 65px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo2232::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -228px -542px;
    width: 56px;
    height: 67px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo3213::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -454px -771px;
    width: 69px;
    height: 97px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo3212::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -558px -769px;
    width: 69px;
    height: 101px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo3220::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -537px -525px;
    width: 68px;
    height: 100px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo3236::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -144px -772px;
    width: 69px;
    height: 96px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo3205::before,
.services .logo3213::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -420px -633px;
    width: 69px;
    height: 97px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo3214::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -430px -527px;
    width: 69px;
    height: 97px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo3215::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -41px -772px;
    width: 68px;
    height: 96px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo3455::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -351px -777px;
    width: 68px;
    height: 86px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo4030::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -366px -1114px;
    width: 71px;
    height: 86px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo3960::before,
.services.logo4198::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -486px -1326px;
    width: 71px;
    height: 84px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo4199::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -588px -1326px;
    width: 68px;
    height: 84px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.logo4029::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -258px -1113px;
    width: 71px;
    height: 86px;
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services:not(.logo-overview, .logo-power, .logo-dates, .logo-type):hover {
    background-color: #f6f9ff
}

.services:not(.logo-overview, .logo-power, .logo-dates, .logo-type):hover a {
    color: #181818
}

.services:not(.logo-overview, .logo-power, .logo-dates, .logo-type):hover::after {
    color: #181818
}

.services.rounded-after {
    height: 215px
}

.services.rounded-after::after {
    background: #6f9e36;
    border-radius: 50%;
    width: 37px;
    height: 37px;
    color: #fff !important;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.3rem;
    top: unset;
    bottom: 0
}

.services.rounded-after:hover {
    background-color: #f6f9ff !important
}

.services.rounded-after>img {
    position: absolute;
    top: .5rem;
    left: .5rem
}

.services.rounded-after.project-link:hover {
    background-color: transparent !important
}

.services.rounded-after.project-link::after {
    top: 100%;
    right: 0
}

.services.rounded-after.logo2::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -27px -880px;
    width: 68px;
    height: 68px;
    position: absolute;
    top: .5rem;
    left: .5rem;
    transform: none
}

.services.rounded-after.logo1::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -125px -872px;
    width: 68px;
    height: 84px;
    position: absolute;
    top: .5rem;
    left: .5rem;
    transform: none
}

.services.rounded-after.logo4::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -224px -903px;
    width: 68px;
    height: 36px;
    position: absolute;
    top: .5rem;
    left: .5rem;
    transform: none
}

.services.rounded-after.logo3::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -328px -884px;
    width: 60px;
    height: 74px;
    position: absolute;
    top: .5rem;
    left: .5rem;
    transform: none
}

.services.rounded-after.logo5::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -388px -1330px;
    width: 68px;
    height: 68px;
    position: absolute;
    top: .5rem;
    left: .5rem;
    transform: none
}

.services-link {
    font-weight: 700;
    font-family: "Tajawal";
    font-size: 1.125rem;
    line-height: 1.6rem;
    overflow: hidden;
    color: #464646
}

.services-link:hover {
    color: #464646 !important
}

.services-link.services-link__green {
    color: #6f9e36 !important
}

.services-link.services-link__white:hover {
    color: #181818 !important
}

.services-link.services-link__white img {
    position: absolute;
    top: 50%;
    left: 1.25rem;
    transform: translate(0px, -50%)
}

.border-grey {
    border-color: #dadada !important
}

.bg-light-grey {
    background-color: #f5f5f5
}

.bg-light-green {
    background-color: #F2F7FFB3
}

.bg-active {
    background-color: #6f9e36
}

.mh-196 {
    min-height: 196px
}

.mh-50 {
    height: 3.125rem
}

.mh-75 {
    height: 4.6875rem
}

.maxh-75 {
    max-height: 4.6875rem
}

.metrics {
    border: 1px solid #e7e7e7;
    background-color: #f5f5f5
}

.metrics.border-end.border-2 {
    border-color: #707070 !important
}

.metrics-icon::before {
    position: absolute;
    left: 1.25rem;
    top: calc(50% - 26px)
}

.metrics-icon.metrics-icon__peak::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -519px -22px;
    width: 53px;
    height: 52px
}

.metrics-icon.metrics-icon__min::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -441px -22px;
    width: 53px;
    height: 52px
}

.metrics-icon.metrics-icon__max::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -365px -22px;
    width: 52px;
    height: 52px
}

.footer {
    background-color: #6f9e36
}

.outline {
    outline: 1px solid #ffffff4d;
    outline-offset: -33px
}

.link-1 {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -631px -119px;
    width: 52px;
    height: 24px
}

.link-2 {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -554px -113px;
    width: 52px;
    height: 26px
}

.link-3 {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -476px -104px;
    width: 52px;
    height: 44px
}

.link-4 {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -399px -106px;
    width: 52px;
    height: 40px
}

.link-5 {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -321px -111px;
    width: 52px;
    height: 31px
}

.link-6 {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -244px -112px;
    width: 52px;
    height: 26px
}

.link-7 {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -175px -100px;
    width: 34px;
    height: 52px
}

.link-8 {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -94px -100px;
    width: 42px;
    height: 52px
}

.link-9 {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -11px -100px;
    width: 52px;
    height: 52px
}

.bidding::after {
    margin-left: unset;
    margin-right: auto;
    border-radius: 50%;
    color: #fff;
    background: url(../media/1nxjdt34/assets.png) no-repeat -158px -197px;
    width: 31px;
    height: 31px;
    content: "";
    display: block;
    position: absolute;
    bottom: 24px;
    right: 1rem
}

.bidding:not(.collapsed) {
    background-color: #f6f9ff
}

.bidding:not(.collapsed)::after {
    background: url(../media/1nxjdt34/assets.png) no-repeat -107px -197px;
    width: 31px;
    height: 31px
}

.input-group-button.bidding::after {
    bottom: 3px;
    right: 0;
    pointer-events: none
}

.accordion-button::after {
    display: none
}

.nav-pills {
    background: #eaedfb;
    border-radius: 16px
}

.nav-pills .nav-link {
    color: #181818
}

.nav-pills .nav-link.active {
    background: #6f9e36;
    color: #fff !important;
    border-radius: 16px
}

.accordion-button {
    background: #f2f2f2 !important;
    border-radius: 16px !important
}

.date::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -208px -198px;
    width: 33px;
    height: 36px;
    position: absolute;
    left: 0
}

.facebook {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -423px -197px;
    width: 35px;
    height: 35px
}

.twitter {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -314px -197px;
    width: 35px;
    height: 35px
}

.search-submit-inner {
    border-radius: 16px;
    background: #6f9e36;
    font-weight: 400;
    font-family: "Tajawal";
    font-size: 1.125rem;
    line-height: 1.45rem;
    overflow: hidden
}

.item-img {
    border-radius: 12px
}

.hierarchy-icons {
    padding-left: 5.625rem;
    min-height: 100px;
    overflow: visible
}

.hierarchy-icons::before {
    position: absolute;
    left: 0
}

.hierarchy-icons.hierarchy__1::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -26px -277px;
    width: 68px;
    height: 86px
}

.hierarchy-icons.hierarchy__2::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -133px -275px;
    width: 68px;
    height: 90px
}

.hierarchy-icons.hierarchy__3::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -240px -277px;
    width: 68px;
    height: 86px
}

.hierarchy-icons.hierarchy__4::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -348px -275px;
    width: 68px;
    height: 90px
}

.hierarchy-icons.hierarchy__5::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -455px -275px;
    width: 68px;
    height: 90px
}

.hierarchy-icons.hierarchy__6::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -562px -278px;
    width: 68px;
    height: 84px
}

.hierarchy-icons.hierarchy__7::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -26px -404px;
    width: 68px;
    height: 90px
}

.hierarchy-icons.hierarchy__8::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -587px -1440px;
    width: 70px;
    height: 84px
}

.hierarchy-icons.hierarchy__service::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -49px -1220px;
    width: 68px;
    height: 78px
}

.hierarchy-icons.hierarchy__docs::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -186px -1220px;
    width: 68px;
    height: 78px
}

.hierarchy-icons.hierarchy__procedure::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -323px -1224px;
    width: 68px;
    height: 73px
}

.hierarchy-icons.hierarchy__location::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -459px -1220px;
    width: 68px;
    height: 78px
}

.hierarchy-icons.hierarchy__duration::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -596px -1220px;
    width: 68px;
    height: 75px
}

.hierarchy-icons.hierarchy__fees::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -502px -1018px;
    width: 68px;
    height: 81px
}

.hierarchy-icons.hierarchy__meter1::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -46px -1330px;
    width: 68px;
    height: 83px
}

.hierarchy-icons.hierarchy__meter2::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -124px -1330px;
    width: 68px;
    height: 83px
}

.hierarchy-icons.hierarchy__meter3::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -202px -1330px;
    width: 68px;
    height: 88px
}

.hierarchy-icons.hierarchy__meter4::before {
    content: "";
    display: inline-block;
    background: url(../media/1nxjdt34/assets.png) no-repeat -280px -1330px;
    width: 68px;
    height: 83px
}

.bullet-icon::before {
    content: "";
    display: block;
    position: absolute;
    border-radius: 50%;
    background: #6f9e36;
    width: .8rem;
    height: .8rem;
    left: 0;
    top: 7px
}

.bullet-icon.bullet-icon__blue::before {
    color: #b1b9c9;
    background-color: transparent;
    content: "◀";
    top: 1px;
    width: 0;
    height: 0
}

tbody tr:nth-child(even) {
    border-bottom: 0;
    background-color: #f1f1f1
}

@media screen and (min-width: 1360px) {
    .container {
        max-width: 1350px
    }

    .item-mw {
        flex: 0 0 432px;
        max-width: 432px
    }

    .item-mw .ps-custom {
        padding-right: 43px
    }

    .item-mw:nth-of-type(3n) {
        flex: 0 0 389px;
        max-width: 389px
    }

    .item-mw:nth-of-type(3n) .ps-custom {
        padding-right: 0
    }
}

@media screen and (min-width: 1200px) {
    .mt-100 {
        margin-top: 50px
    }

    .mt-n60 {
        margin-top: -60px
    }

    .main-news-item {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .tab-content {
        flex: 0 0 auto
    }

    .illustration {
        padding: 0 1rem
    }

    .ministry {
        margin: 1rem 0 !important
    }
}

@media screen and (min-width: 1200px)and (max-width: 1359px) {
    .item-mw {
        flex: 0 0 31.333%;
        max-width: 31.333%;
        margin-right: 3%
    }

    .item-mw:nth-of-type(3n) {
        margin-right: 0%
    }

    .search.p-5 {
        padding: 2rem
    }

    .search.p-5 .input-group .col-4.px-5 {
        padding: 2rem
    }

    .iframe-lg {
        width: 750px
    }
}

@media screen and (max-width: 1199px) {
    html {
        font-size: 14.5px
    }
}

@media screen and (min-width: 768px)and (max-width: 1199px) {
    .item-mw {
        flex: 0 0 48%;
        max-width: 48%
    }
}

@media screen and (min-width: 768px) {
    .footer {
        background-color: #6f9e36;
    padding: 2.6875rem 0 1.6875rem
    }
}

@media screen and (min-width: 992px)and (max-width: 1199px) {
    .mt-200 {
        margin-top: 150px
    }

    .mt-100 {
        margin-top: 50px
    }

    .search-submit {
        width: 50px;
        height: 40px
    }

    .ministry {
        margin: 1.3rem 0 !important
    }

    .search-submit {
        width: 50px;
        height: 50px
    }

    .illustration {
        padding: 0 1rem
    }

    .main-news-item {
        flex: 0 0 auto;
        width: 58.33333333%
    }

    .headline .title.padding {
        padding-top: 90px;
        padding-left: 150px;
        padding-bottom: 30px
    }

    .headline .read-details.padding {
        padding-bottom: 90px;
        padding-left: 190px
    }

    .headline .read-details.padding::before {
        left: 15%
    }

    .iframe-lg {
        width: 650px
    }
}

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

    .mt-200,
    .mt-100 {
        margin-top: 30px
    }

    .search-submit {
        width: 50px;
        height: 50px
    }

    .search {
        position: static !important;
        top: unset !important;
        right: unset !important;
        transform: unset !important
    }

    .headline {
        padding-left: 85px
    }

    .headline .title.padding {
        padding-top: 30px;
        padding-left: 40px;
        padding-bottom: 50px
    }

    .headline .read-details.padding {
        padding-bottom: 60px;
        padding-left: 75px
    }

    .headline .read-details.padding::before {
        left: 6%
    }

    .align-items-reverse {
        flex-direction: column-reverse
    }

    .iframe-flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }

    .carousel-control-next,
    .carousel-control-prev {
        margin: 0 25px
    }
}

@media screen and (min-width: 576px)and (max-width: 991px) {
    .mw-49:not(.col-sm-12) {
        max-width: 49%;
        width: 49%;
        flex: 0 0 49%
    }

    .iframe-flex .radius-16 {
        width: 31%
    }
}

@media screen and (max-width: 767px) {
    .services.rounded-after {
        height: 125px
    }
}

@media screen and (max-width: 575px) {
    .illustration {
        padding: 0 1.5rem
    }

    .iframe-flex .radius-16 {
        max-width: 350px;
        width: 100%
    }

    .carousel-control-next,
    .carousel-control-prev {
        margin: 0 10px;
        width: 30px;
        height: 30px
    }

    .headline {
        padding-left: 50px
    }

    .headline .title.padding {
        padding-bottom: 40px;
        padding-left: 0;
        font-size: 1.2rem
    }

    .ministry {
        font-size: 1.2rem
    }

    .services.rounded-after {
        height: 115px
    }

    .mh-196 {
        height: auto
    }
}

@media screen and (max-width: 480px) {
    .metrics-icon {
        width: 100%
    }
}

/*# sourceMappingURL=stylesheet.css.map */