@charset "UTF-8";

.pt-0, .py-0 {
    padding-top: 0
}

.pb-0, .py-0 {
    padding-bottom: 0
}

.mt-0, .my-0 {
    margin-top: 0
}

.mb-0, .my-0 {
    margin-bottom: 0
}

.container, .w-100 {
    width: 100%
}

.dda-footer__section-btn:hover, .dda-footer__section-link:hover {
    transform: translateY(-2px);
    text-decoration: none !important;
}

.dda-footer__section-link p {
    margin-bottom: 0 !important;
   /* color: #177db7;*/
}

.dda-footer__chat-btn i, .dda-footer__section-link .icon-apps {
    font-size: 26px
}

.banner__description--tab, .banner__heading, .news__content--controlled {
    text-overflow: ellipsis;
    overflow: hidden
}

progress, sub, sup {
    vertical-align: baseline
}

html {
    box-sizing: border-box;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%
}

*, ::after, ::before {
    box-sizing: inherit
}

input[type=radio]:not(:checked)::-ms-check {
    border-color: #00fa9a !important
}

input[type=radio]::-ms-check {
    border-color: red !important;
    color: red !important
}

.d-none, .dda-footer__icon-04--green, .visually-hidden {
    display: none
}

@font-face {
    font-family: "Dubai W23";
    src: url("../../fonts/Dubai/DubaiW23-Medium.woff2") format("woff2"),url("../../fonts/Dubai/DubaiW23-Medium.woff") format("woff");
    font-weight: 500;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Dubai W23";
    src: url("../../fonts/Dubai/DubaiW23-Bold.woff2") format("woff2"),url("../../fonts/Dubai/DubaiW23-Bold.woff") format("woff");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Dubai W23";
    src: url("../../fonts/Dubai/DubaiW23-Regular.woff2") format("woff2"),url("../../fonts/Dubai/DubaiW23-Regular.woff") format("woff");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: "Dubai W23";
    src: url("../../fonts/Dubai/DubaiW23-Light.woff2") format("woff2"),url("../../fonts/Dubai/DubaiW23-Light.woff") format("woff");
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: icomoon;
    src: url("../../fonts/Icomoon/icomoon.eot?tg0rw9");
    src: url("../../fonts/Icomoon/icomoon.eot?tg0rw9#iefix") format("embedded-opentype"),url("../../fonts/Icomoon/icomoon.ttf?tg0rw9") format("truetype"),url("../../fonts/Icomoon/icomoon.woff?tg0rw9") format("woff"),url("../../fonts/Icomoon/icomoon.svg?tg0rw9#icomoon") format("svg");
    font-weight: 400;
    font-style: normal;
    font-display: block
}

[class*=" icon-"], [class^=icon-] {
    font-family: icomoon !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.text-h1, .text-h2, .text-h3 {
    font-weight: 700
}

.mega-menu-2__section--heading, .mega-menu-3__section--heading, .mega-menu-4__section--heading {
    text-transform: uppercase;
    font-weight: 400
}

.icon-accessibility:before {
    content: "\e900"
}

.icon-account:before {
    content: "\e901"
}

.icon-apps:before {
    content: "\e902"
}

.icon-arrows-down:before {
    content: "\e903";
    color: #202a50
}

.icon-arrows-right:before {
    content: "\e904"
}

.dda-side-nav .dropdown-btn.active .icon-arrows-right:before, .icon-arrows-up:before {
    content: "\e905"
}

.icon-chat:before {
    content: "\e906"
}

.icon-dashboard:before {
    content: "\e907"
}

.icon-happiness:before {
    content: "\e908"
}

.icon-home:before {
    content: "\e909"
}

.icon-menu:before {
    content: "\e90b"
}

.icon-icons-stickybar-newspaper:before {
    content: "\e90a";
    color: #575757
}

.icon-phone:before {
    content: "\e90d"
}

.icon-search:before {
    content: "\e90e"
}

.icon-location:before {
    content: "\e910";
    color: #575757
}

.icon-mail:before {
    content: "\e90f";
    color: #575757
}

.dda-footer__chat-btn.active i:before, .dda-sub-header__mobile-action.active > i:before, .icon-close:before {
    content: "\e90c"
}

.container {
    max-width: 1320px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px
}

.me-0, .mr-0, .mx-0 {
    margin-right: 0
}

.pe-0, .pr-0, .px-0, [dir=rtl] .ps-0 {
    padding-right: 0
}

@media screen and (max-width:1200px) {
    .container {
        max-width: 1140px
    }

    .dda-btn__view-story {
        display: none
    }
}

@media screen and (max-width:992px) {
    .container {
        max-width: 960px
    }

    .hide-lg {
        display: none !important
    }
}

.pl-0, .ps-0 {
    padding-left: 0
}

[dir=rtl] .ps-0 {
    padding-left: unset
}

.ml-0, .ms-0 {
    margin-left: 0
}

[dir=rtl] .ms-0 {
    margin-right: 0;
    margin-left: unset
}

[dir=rtl] .pe-0 {
    padding-right: unset;
    padding-left: 0
}

[dir=rtl] .me-0 {
    margin-right: unset;
    margin-left: 0
}

.pa-0 {
    padding: 0
}

.ma-0 {
    margin: 0
}

.px-0 {
    padding-left: 0
}

.pe-1, .pr-1, .px-1, [dir=rtl] .ps-1 {
    padding-right: .25rem
}

.mx-0 {
    margin-left: 0
}

.me-1, .mr-1, .mx-1, [dir=rtl] .ms-1 {
    margin-right: .25rem
}

.pt-1, .py-1 {
    padding-top: .25rem
}

.pb-1, .py-1 {
    padding-bottom: .25rem
}

.mt-1, .my-1 {
    margin-top: .25rem
}

.mb-1, .my-1 {
    margin-bottom: .25rem
}

.pl-1, .ps-1 {
    padding-left: .25rem
}

[dir=rtl] .ps-1 {
    padding-left: unset
}

.ml-1, .ms-1 {
    margin-left: .25rem
}

[dir=rtl] .ms-1 {
    margin-left: unset
}

[dir=rtl] .pe-1 {
    padding-right: unset;
    padding-left: .25rem
}

[dir=rtl] .me-1 {
    margin-right: unset;
    margin-left: .25rem
}

.pa-1 {
    padding: .25rem
}

.ma-1 {
    margin: .25rem
}

.px-1 {
    padding-left: .25rem
}

.pe-2, .pr-2, .px-2, [dir=rtl] .ps-2 {
    padding-right: .5rem
}

.mx-1 {
    margin-left: .25rem
}

.me-2, .mr-2, .mx-2, [dir=rtl] .ms-2 {
    margin-right: .5rem
}

.pt-2, .py-2 {
    padding-top: .5rem
}

.pb-2, .py-2 {
    padding-bottom: .5rem
}

.mt-2, .my-2 {
    margin-top: .5rem
}

.mb-2, .my-2 {
    margin-bottom: .5rem
}

.pl-2, .ps-2 {
    padding-left: .5rem
}

[dir=rtl] .ps-2 {
    padding-left: unset
}

.ml-2, .ms-2 {
    margin-left: .5rem
}

[dir=rtl] .ms-2 {
    margin-left: unset
}

[dir=rtl] .pe-2 {
    padding-right: unset;
    padding-left: .5rem
}

[dir=rtl] .me-2 {
    margin-right: unset;
    margin-left: .5rem
}

.pa-2 {
    padding: .5rem
}

.ma-2 {
    margin: .5rem
}

.px-2 {
    padding-left: .5rem
}

.pe-3, .pr-3, .px-3, [dir=rtl] .ps-3 {
    padding-right: .75rem
}

.mx-2 {
    margin-left: .5rem
}

.me-3, .mr-3, .mx-3, [dir=rtl] .ms-3 {
    margin-right: .75rem
}

.pt-3, .py-3 {
    padding-top: .75rem
}

.pb-3, .py-3 {
    padding-bottom: .75rem
}

.mt-3, .my-3 {
    margin-top: .75rem
}

.mb-3, .my-3 {
    margin-bottom: .75rem
}

.pl-3, .ps-3 {
    padding-left: .75rem
}

[dir=rtl] .ps-3 {
    padding-left: unset
}

.ml-3, .ms-3 {
    margin-left: .75rem
}

[dir=rtl] .ms-3 {
    margin-left: unset
}

[dir=rtl] .pe-3 {
    padding-right: unset;
    padding-left: .75rem
}

[dir=rtl] .me-3 {
    margin-right: unset;
    margin-left: .75rem
}

.pa-3 {
    padding: .75rem
}

.ma-3 {
    margin: .75rem
}

.px-3 {
    padding-left: .75rem
}

.pe-4, .pr-4, .px-4, [dir=rtl] .ps-4 {
    padding-right: 1rem
}

.mx-3 {
    margin-left: .75rem
}

.me-4, .mr-4, .mx-4, [dir=rtl] .ms-4 {
    margin-right: 1rem
}

.pt-4, .py-4 {
    padding-top: 1rem
}

.pb-4, .py-4 {
    padding-bottom: 1rem
}

.mt-4, .my-4 {
    margin-top: 1rem
}

.mb-4, .my-4 {
    margin-bottom: 1rem
}

.pl-4, .ps-4 {
    padding-left: 1rem
}

[dir=rtl] .ps-4 {
    padding-left: unset
}

.ml-4, .ms-4 {
    margin-left: 1rem
}

[dir=rtl] .ms-4 {
    margin-left: unset
}

[dir=rtl] .pe-4 {
    padding-right: unset;
    padding-left: 1rem
}

[dir=rtl] .me-4 {
    margin-right: unset;
    margin-left: 1rem
}

.pa-4 {
    padding: 1rem
}

.ma-4 {
    margin: 1rem
}

.px-4 {
    padding-left: 1rem
}

.pe-5, .pr-5, .px-5, [dir=rtl] .ps-5 {
    padding-right: 1.25rem
}

.mx-4 {
    margin-left: 1rem
}

.me-5, .mr-5, .mx-5, [dir=rtl] .ms-5 {
    margin-right: 1.25rem
}

.pt-5, .py-5 {
    padding-top: 1.25rem
}

.pb-5, .py-5 {
    padding-bottom: 1.25rem
}

.mt-5, .my-5 {
    margin-top: 1.25rem
}

.mb-5, .my-5 {
    margin-bottom: 1.25rem
}

.pl-5, .ps-5 {
    padding-left: 1.25rem
}

[dir=rtl] .ps-5 {
    padding-left: unset
}

.ml-5, .ms-5 {
    margin-left: 1.25rem
}

[dir=rtl] .ms-5 {
    margin-left: unset
}

[dir=rtl] .pe-5 {
    padding-right: unset;
    padding-left: 1.25rem
}

[dir=rtl] .me-5 {
    margin-right: unset;
    margin-left: 1.25rem
}

.pa-5 {
    padding: 1.25rem
}

.ma-5 {
    margin: 1.25rem
}

.px-5 {
    padding-left: 1.25rem
}

.pe-6, .pr-6, .px-6, [dir=rtl] .ps-6 {
    padding-right: 1.5rem
}

.mx-5 {
    margin-left: 1.25rem
}

.me-6, .mr-6, .mx-6, [dir=rtl] .ms-6 {
    margin-right: 1.5rem
}

.pt-6, .py-6 {
    padding-top: 1.5rem
}

.pb-6, .py-6 {
    padding-bottom: 1.5rem
}

.mt-6, .my-6 {
    margin-top: 1.5rem
}

.mb-6, .my-6 {
    margin-bottom: 1.5rem
}

.pl-6, .ps-6 {
    padding-left: 1.5rem
}

[dir=rtl] .ps-6 {
    padding-left: unset
}

.ml-6, .ms-6 {
    margin-left: 1.5rem
}

[dir=rtl] .ms-6 {
    margin-left: unset
}

[dir=rtl] .pe-6 {
    padding-right: unset;
    padding-left: 1.5rem
}

[dir=rtl] .me-6 {
    margin-right: unset;
    margin-left: 1.5rem
}

.pa-6 {
    padding: 1.5rem
}

.ma-6 {
    margin: 1.5rem
}

.px-6 {
    padding-left: 1.5rem
}

.pe-7, .pr-7, .px-7, [dir=rtl] .ps-7 {
    padding-right: 1.75rem
}

.mx-6 {
    margin-left: 1.5rem
}

.me-7, .mr-7, .mx-7, [dir=rtl] .ms-7 {
    margin-right: 1.75rem
}

.pt-7, .py-7 {
    padding-top: 1.75rem
}

.pb-7, .py-7 {
    padding-bottom: 1.75rem
}

.mt-7, .my-7 {
    margin-top: 1.75rem
}

.mb-7, .my-7 {
    margin-bottom: 1.75rem
}

.pl-7, .ps-7 {
    padding-left: 1.75rem
}

[dir=rtl] .ps-7 {
    padding-left: unset
}

.ml-7, .ms-7 {
    margin-left: 1.75rem
}

[dir=rtl] .ms-7 {
    margin-left: unset
}

[dir=rtl] .pe-7 {
    padding-right: unset;
    padding-left: 1.75rem
}

[dir=rtl] .me-7 {
    margin-right: unset;
    margin-left: 1.75rem
}

.pa-7 {
    padding: 1.75rem
}

.ma-7 {
    margin: 1.75rem
}

.px-7 {
    padding-left: 1.75rem
}

.pe-8, .pr-8, .px-8, [dir=rtl] .ps-8 {
    padding-right: 2rem
}

.mx-7 {
    margin-left: 1.75rem
}

.me-8, .mr-8, .mx-8, [dir=rtl] .ms-8 {
    margin-right: 2rem
}

.pt-8, .py-8 {
    padding-top: 2rem
}

.pb-8, .py-8 {
    padding-bottom: 2rem
}

.mt-8, .my-8 {
    margin-top: 2rem
}

.mb-8, .my-8 {
    margin-bottom: 2rem
}

.pl-8, .ps-8 {
    padding-left: 2rem
}

[dir=rtl] .ps-8 {
    padding-left: unset
}

.ml-8, .ms-8 {
    margin-left: 2rem
}

[dir=rtl] .ms-8 {
    margin-left: unset
}

[dir=rtl] .pe-8 {
    padding-right: unset;
    padding-left: 2rem
}

[dir=rtl] .me-8 {
    margin-right: unset;
    margin-left: 2rem
}

.pa-8 {
    padding: 2rem
}

.ma-8 {
    margin: 2rem
}

.px-8 {
    padding-left: 2rem
}

.pe-9, .pr-9, .px-9, [dir=rtl] .ps-9 {
    padding-right: 2.25rem
}

.mx-8 {
    margin-left: 2rem
}

.me-9, .mr-9, .mx-9, [dir=rtl] .ms-9 {
    margin-right: 2.25rem
}

.pt-9, .py-9 {
    padding-top: 2.25rem
}

.pb-9, .py-9 {
    padding-bottom: 2.25rem
}

.mt-9, .my-9 {
    margin-top: 2.25rem
}

.mb-9, .my-9 {
    margin-bottom: 2.25rem
}

.pl-9, .ps-9 {
    padding-left: 2.25rem
}

[dir=rtl] .ps-9 {
    padding-left: unset
}

.ml-9, .ms-9 {
    margin-left: 2.25rem
}

[dir=rtl] .ms-9 {
    margin-left: unset
}

[dir=rtl] .pe-9 {
    padding-right: unset;
    padding-left: 2.25rem
}

[dir=rtl] .me-9 {
    margin-right: unset;
    margin-left: 2.25rem
}

.pa-9 {
    padding: 2.25rem
}

.ma-9 {
    margin: 2.25rem
}

.px-9 {
    padding-left: 2.25rem
}

.pe-10, .pr-10, .px-10, [dir=rtl] .ps-10 {
    padding-right: 2.5rem
}

.mx-9 {
    margin-left: 2.25rem
}

.me-10, .mr-10, .mx-10, [dir=rtl] .ms-10 {
    margin-right: 2.5rem
}

.pt-10, .py-10 {
    padding-top: 2.5rem
}

.pb-10, .py-10 {
    padding-bottom: 2.5rem
}

.mt-10, .my-10 {
    margin-top: 2.5rem
}

.mb-10, .my-10 {
    margin-bottom: 2.5rem
}

.pl-10, .ps-10 {
    padding-left: 2.5rem
}

[dir=rtl] .ps-10 {
    padding-left: unset
}

.ml-10, .ms-10 {
    margin-left: 2.5rem
}

[dir=rtl] .ms-10 {
    margin-left: unset
}

[dir=rtl] .pe-10 {
    padding-right: unset;
    padding-left: 2.5rem
}

[dir=rtl] .me-10 {
    margin-right: unset;
    margin-left: 2.5rem
}

.pa-10 {
    padding: 2.5rem
}

.ma-10 {
    margin: 2.5rem
}

.px-10 {
    padding-left: 2.5rem
}

.pe-11, .pr-11, .px-11, [dir=rtl] .ps-11 {
    padding-right: 2.75rem
}

.mx-10 {
    margin-left: 2.5rem
}

.me-11, .mr-11, .mx-11, [dir=rtl] .ms-11 {
    margin-right: 2.75rem
}

.pt-11, .py-11 {
    padding-top: 2.75rem
}

.pb-11, .py-11 {
    padding-bottom: 2.75rem
}

.mt-11, .my-11 {
    margin-top: 2.75rem
}

.mb-11, .my-11 {
    margin-bottom: 2.75rem
}

.pl-11, .ps-11 {
    padding-left: 2.75rem
}

[dir=rtl] .ps-11 {
    padding-left: unset
}

.ml-11, .ms-11 {
    margin-left: 2.75rem
}

[dir=rtl] .ms-11 {
    margin-left: unset
}

[dir=rtl] .pe-11 {
    padding-right: unset;
    padding-left: 2.75rem
}

[dir=rtl] .me-11 {
    margin-right: unset;
    margin-left: 2.75rem
}

.pa-11 {
    padding: 2.75rem
}

.ma-11 {
    margin: 2.75rem
}

.px-11 {
    padding-left: 2.75rem
}

.pe-12, .pr-12, .px-12, [dir=rtl] .ps-12 {
    padding-right: 3rem
}

.mx-11 {
    margin-left: 2.75rem
}

.me-12, .mr-12, .mx-12, [dir=rtl] .ms-12 {
    margin-right: 3rem
}

.pt-12, .py-12 {
    padding-top: 3rem
}

.pb-12, .py-12 {
    padding-bottom: 3rem
}

.mt-12, .my-12 {
    margin-top: 3rem
}

.mb-12, .my-12 {
    margin-bottom: 3rem
}

.pl-12, .ps-12 {
    padding-left: 3rem
}

[dir=rtl] .ps-12 {
    padding-left: unset
}

.ml-12, .ms-12 {
    margin-left: 3rem
}

[dir=rtl] .ms-12 {
    margin-left: unset
}

[dir=rtl] .pe-12 {
    padding-right: unset;
    padding-left: 3rem
}

[dir=rtl] .me-12 {
    margin-right: unset;
    margin-left: 3rem
}

.pa-12 {
    padding: 3rem
}

.ma-12 {
    margin: 3rem
}

.px-12 {
    padding-left: 3rem
}

.pe-auto, .pr-auto, .px-auto, [dir=rtl] .ps-auto {
    padding-right: auto
}

.mx-12 {
    margin-left: 3rem
}

.me-auto, .mr-auto, .mx-auto {
    margin-right: auto
}

.pt-auto, .py-auto {
    padding-top: auto
}

.pb-auto, .py-auto {
    padding-bottom: auto
}

.mt-auto, .my-auto {
    margin-top: auto
}

.mb-auto, .my-auto {
    margin-bottom: auto
}

.pl-auto, .ps-auto {
    padding-left: auto
}

[dir=rtl] .ps-auto {
    padding-left: unset
}

.ml-auto, .ms-auto {
    margin-left: auto
}

[dir=rtl] .ms-auto {
    margin-right: auto;
    margin-left: unset
}

[dir=rtl] .pe-auto {
    padding-right: unset;
    padding-left: auto
}

[dir=rtl] .me-auto {
    margin-right: unset;
    margin-left: auto
}

.pa-auto {
    padding: auto
}

.ma-auto {
    margin: auto
}

.px-auto {
    padding-left: auto
}

.mx-auto {
    margin-left: auto
}

.d-flex, .transparent .page-search {
    display: flex
}

.d-inline {
    display: inline
}

.d-block, body.transparent .dda-footer__icon-04--green {
    display: block
}

.flex-row {
    flex-direction: row
}

.flex-column {
    flex-direction: column
}

.flex-row-reverse {
    flex-direction: row-reverse
}

.float-none {
    float: none
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.float-inherit {
    float: inherit
}

.justify-center {
    justify-content: center
}

.align-center {
    align-items: center
}

.justify-space-between {
    justify-content: space-between
}

.justify-space-around {
    justify-content: space-around
}

.justify-start {
    justify-content: start
}

.justify-end {
    justify-content: end
}

.dda-icon-xs {
    font-size: 12px
}

.dda-icon-sm {
    font-size: 16px
}

.dda-icon-md {
    font-size: 24px
}

.dda-icon-lg {
    font-size: 36px
}

.dda-icon-xl {
    font-size: 40px
}

.rounded-0 {
    border-radius: 0
}

.rounded-sm {
    border-radius: .125rem
}

.rounded- {
    border-radius: .25rem
}

.rounded-lg {
    border-radius: .5rem
}

.dda-btn--rounded, .rounded-xl {
    border-radius: 1.5rem
}

.rounded-pill {
    border-radius: 9999px
}

.rounded-circle {
    border-radius: 50%
}

.text-decoration-none {
    text-decoration: none
}

.text-decoration-left {
    text-decoration: left
}

.text-decoration-right {
    text-decoration: right
}

.text-decoration-inherit {
    text-decoration: inherit
}

.text-align-left {
    text-align: left
}

.text-align-right {
    text-align: right
}

.text-align-center {
    text-align: center
}

.text-align-justify {
    text-align: justify
}

.position-static {
    position: static
}

.position-sticky {
    position: sticky
}

.position-fixed {
    position: fixed
}

.position-absolute {
    position: absolute
}

.position-relative {
    position: relative
}

.cursor-not-allowed {
    cursor: not-allowed
}

.cursor-pointer {
    cursor: pointer
}



@media screen and (min-width:992px) {
    .hide-xl {
        display: none !important
    }

    .visible-xl {
        display: block !important
    }
}

.height-100 {
    height: 100%
}

body, button, input, label, select, textarea {
    /*font-family: "Dubai W23"*/
}

.text-h1 {
    font-size: calc(30px + 6 * (100vw - 576px) / 192);
    line-height: .56
}

@media screen and (max-width:576px) {
    .container {
        max-width: 540px
    }

    .hide-sm {
        display: none !important
    }

    .visible-sm {
        display: block !important
    }

    .text-h1 {
        font-size: 30px
    }
}

.text-h2 {
    font-size: calc(30px + 0 * (100vw - 576px) / 192);
    line-height: .67
}

.text-h3 {
    font-size: calc(24px + 0 * (100vw - 576px) / 192);
    line-height: .83
}

.text-h4 {
    font-size: calc(20px + 0 * (100vw - 576px) / 192);
    font-weight: 500;
    line-height: 1
}

.text-h5 {
    font-size: calc(18px + 0 * (100vw - 576px) / 192);
    font-weight: 500;
    line-height: 1.11
}

.text-h6 {
    font-size: calc(16px + 0 * (100vw - 576px) / 192);
    font-weight: 400;
    line-height: 1.25
}

.text-body-1 {
    font-size: calc(14px + 0 * (100vw - 576px) / 192);
    font-weight: 400;
    line-height: 1.43
}

.text-body-2 {
    font-size: calc(13px + 0 * (100vw - 576px) / 192);
    font-weight: 400
}

.text-caption {
    font-size: calc(12px + 0 * (100vw - 576px) / 192);
    font-weight: 400;
    line-height: 1.67
}

@media screen and (min-width:768px) {
    .text-h1 {
        font-size: 36px
    }

    .text-h2 {
        font-size: 30px
    }

    .text-h3 {
        font-size: 24px
    }

    .text-h4 {
        font-size: 20px
    }

    .text-h5 {
        font-size: 18px
    }

    .text-h6 {
        font-size: 16px
    }

    .text-body-1 {
        font-size: 14px
    }

    .text-body-2 {
        font-size: 13px
    }

    .text-caption {
        font-size: 12px
    }
}

.dda-footer {
    transition: bottom .3s;
    height: 60px;
    position: fixed;
    bottom: 0;
    width: 100%;
    backdrop-filter: blur(8px);
    background: rgba(255,255,255,.8666666667)
}

@media screen and (max-width:992px) {
    .visible-lg {
        display: block !important
    }

    .dda-footer {
        height: 100px;
        padding: 24px 0
    }

        .dda-footer.white {
            background: 0 0
        }
}

.dda-footer__section-btn {
    border: 0;
    background: 0 0;
    width: 64px;
    cursor: pointer;
    transition: transform .2s ease-in-out
}

.dda-footer__section--bordered {
    border-right: 1px solid #e8e8e8
}

[dir=rtl] .dda-footer__section--bordered {
    border-right: unset;
    border-left: 1px solid #e8e8e8;
    padding-left: 0px;
}

[dir=rtl] .dda-footer__icon-04 {
    margin-left: 5px;
}

.dda-footer__section-links--right {
    gap: .6rem
}

    .dda-footer__section-links--right .dda-footer__section-link:hover, .dda-footer__section-links--right .dda-footer__section-link:hover i, .dda-footer__section-links--right .dda-footer__section-link:hover i:before {
        color: #177db7
    }

.dda-footer__section-link {
    text-decoration: none;
    color: inherit;
    font-size: .875rem;
    transition: transform .2s ease-in-out
}

.dda-footer__section-link--sm {
    font-size: 14px
}

.dda-footer__section-link--md {
    font-size: 16px
}

.dda-footer__section-link .icon-mail {
    font-size: 16px
}

.green--text {
    color: #008954
}

.dda-footer__chat-btn {
    width: 100%;
    /*margin-right: 10px*/
}

.dda-side-nav__quick-link-btn i, .dda-sub-header__btn i {
    font-size: 20px
}

.dda-footer--hidden {
    bottom: -100px
}

.chat-popup {
    position: absolute;
    bottom: 60px;
    right: 0;
    padding: 1.5rem 2rem;
    width: 376px;
    background-color: #fff;
    border-radius: 8px;
    box-shadow: 0 0 20px rgba(0,0,0,.1333333333)
}

[dir=rtl] .chat-popup, [dir=rtl] .dda-login-section {
    right: unset;
    left: 0
}

.chat-popup__links {
    display: flex;
    flex-direction: column
}

.chat-popup__link {
    color: inherit;
    text-decoration: none;
    padding: 14px 0;
    display: flex;
    align-items: center;
    justify-content: space-between
}

    .chat-popup__link:not(:last-child) {
        border-bottom: 1px solid rgba(0,0,0,.1333333333)
    }

body.transparent .dda-header-container {
    height: 170px;
    width: 100%;
    position: fixed;
    top: 0;
    z-index: 1;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0.4) 63.02%, rgba(0, 0, 0, 0) 100%);
}

.dda-header-container .skip-to-main {
    position: absolute;
    top: 10px;
    left: -99999px;
    z-index: 9;
    padding: 15px 20px;
    text-decoration: none;
    color: inherit;
    display: none;
}

    .dda-header-container .skip-to-main:focus {
        left: 50%;
        transform: translateX(-50%)
    }

.dda-main-header {
    height: 100px;
    position: fixed;
    width: 100%;
    z-index: 1 !important;
    padding: 0 5px 0 10px;
    top:0;
}

body.transparent .dda-main-header {
    background-color: rgba(0,0,0,0)
}

.dda-main-header__logo {
    width: 100%;
    object-fit: contain;
    max-width: 135px;
    height: auto
}

body.transparent .dda-main-header__logo {
    display: none
}

.dda-sub-header .icon-menu, body.transparent .dda-main-header__logo--white {
    display: block
}

.dda-main-header__logo--white {
    display: none;
    max-width: 135px
}

.dda-main-header__gov-logo {
    width: 100%;
    object-fit: contain;
    max-width: 179px;
    height: 72px;
    background-image: url("../../images/government-of-dubai.svg");
    background-size: contain;
    background-repeat: no-repeat
}

.dda-sub-header__btn, .dda-sub-header__navbar-toggle {
    background: 0 0;
    border: 0
}

body.transparent .dda-main-header__gov-logo {
    background-image: url("../../images/government-of-dubai-white.svg")
}

.dda-main-header__dropdown-icon {
    margin-right: 20px;
    background: 0 0;
    border: 0
}

body.transparent .dda-main-header__dropdown-icon {
    margin-right: -20px
}

    body.transparent .dda-main-header__dropdown-icon i::before {
        color: #fff
    }

.dda-main-header__separator {
    width: 1px;
    height: 49px;
    opacity: .1;
    border-right: 1px solid #000
}

.dda-sub-header__navbar .menu > ul > li > a.active::after, .dda-sub-header__navbar .menu > ul > li > a:focus::after, .dda-sub-header__navbar .menu > ul > li > a:hover::after {
    position: absolute;
    content: "";
    display: block;
    width: 100%;
    top: calc(100% + 4px);
    height: 5px;
    background: #177db7;
    border-top-right-radius: .5rem;
    border-top-left-radius: .5rem
}

.dda-sub-header__navbar body.transparent .menu > ul > li > a.active::after, .dda-sub-header__navbar body.transparent .menu > ul > li > a:focus::after, .dda-sub-header__navbar body.transparent .menu > ul > li > a:hover::after, body.transparent .dda-sub-header__navbar .menu > ul > li > a.active::after, body.transparent .dda-sub-header__navbar .menu > ul > li > a:focus::after, body.transparent .dda-sub-header__navbar .menu > ul > li > a:hover::after {
    background: #fff
}

.dda-sub-header {
    --menu-height: 60px;
    height: var(--menu-height);
    position: fixed;
    top: 100px;
    width: 100%;
    z-index: 1;
    transition: top .3s
}

body.transparent .dda-sub-header {
    background-color: transparent
}

@media screen and (max-width:768px) {
    .dda-footer {
        padding: 24px
    }

        .dda-footer p, .dda-header-container .skip-to-main, .dda-main-header {
            display: none
        }

    .dda-footer__icon-wrapper {
        width: 64px;
        align-items: center;
        justify-content: center
    }

    .chat-popup, [dir=rtl] .chat-popup {
        right: 2px;
        left: 2px
    }

    .chat-popup {
        position: fixed;
        bottom: 90px;
        width: unset
    }

    .dda-main-header__logo {
        max-width: 135px
    }

    .dda-main-header__gov-logo {
        max-width: 179px
    }

    .dda-main-header {
        padding: 24px 0
    }

    /*.dda-sub-header {
        --menu-height: 80px;
        top: 0
    }*/

    body.transparent .dda-sub-header--normal {
        background-color: #fff
    }

    body.transparent .dda-sub-header--normal .dda-sub-header__mobile-action i, body.transparent .dda-sub-header--normal .dda-sub-header__navbar-toggle .icon-menu {
        color: #000
    }

    body.transparent .dda-sub-header--normal .dda-sub-header__logo {
        display: block
    }

    body.transparent .dda-sub-header--normal .dda-sub-header__logo--white {
        display: none
    }

    .dda-sub-header--normal .dda-sub-header__mobile-action.active > i:before {
        content: "\e90c"
    }
}

.dda-sub-header--hidden {
    top: -100px;
    z-index: 0
}

.dda-sub-header__navbar {
    flex: 1;
    max-width: 50%;
    justify-content: flex-start
}

    .dda-sub-header__navbar .menu {
        box-sizing: border-box;
        flex: 1
    }

        .dda-sub-header__navbar .menu ul {
            list-style: none;
            padding: 16px;
            margin: 0
        }

            .dda-sub-header__navbar .menu ul li, .dda-sub-header__navbar .menu ul li a {
                color: #202a50;
                cursor: pointer;
                transition: .2s;
                text-decoration: none;
                white-space: nowrap
            }

                .dda-sub-header__navbar .menu ul li a, .dda-sub-header__navbar .menu ul li a a {
                    display: flex;
                    align-items: center;
                    height: 100%;
                    width: 100%
                }

            .dda-sub-header__navbar .menu ul li {
                margin-right: 36px
            }

                .dda-sub-header__navbar .menu ul li::before {
                    content: "";
                    width: 0;
                    height: 0;
                    position: absolute;
                    right: 10px;
                    top: 40%;
                    transform: translateY(-50%)
                }

[dir=rtl] .dda-sub-header__navbar .menu ul li::before {
    left: 10px;
    right: unset
}

.dda-sub-header__navbar .menu ul .link::before {
    padding-right: 0;
    display: none
}

[dir=rtl] .dda-sub-header__navbar .menu ul .link::before {
    padding-right: unset;
    padding-left: 0
}

.dda-sub-header__navbar .menu > ul {
    display: flex;
    height: var(--menu-height);
    align-items: center
}

    .dda-sub-header__navbar .menu > ul li {
        position: relative;
        margin: 0 16px;
        font-size: 16px;
        display: flex;
        align-items: center;
        line-height: 2.67
    }

        .dda-sub-header__navbar .menu > ul li.active, .dda-sub-header__navbar .menu > ul li:hover {
            color: #177db7
        }

        .dda-sub-header__navbar .menu > ul li ul {
            visibility: hidden;
            opacity: 0;
            padding: 16px;
            border-radius: 8px;
            box-shadow: 0 0 20px 0 rgba(183,183,183,.3);
            min-width: 384px;
            background: #fff;
            color: #202a50;
            position: absolute;
            top: calc(var(--menu-height) - 8px);
            transition: .2s 0.2s;
        }

            .dda-sub-header__navbar .menu > ul li ul li {
                margin: 0;
                padding: 8px 16px;
                display: flex;
                align-items: center;
                justify-content: flex-start;
                height: 40px;
                font-weight: 400
            }

                .dda-sub-header__navbar .menu > ul li ul li::before {
                    width: 8px;
                    height: 8px;
                    border: solid #177db7;
                    border-width: 0 3px 3px 0;
                    transform: rotate(-45deg);
                    -webkit-transform: rotate(-45deg)
                }

[dir=rtl] .dda-sub-header__navbar .menu > ul li ul li::before {
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.dda-sub-header__navbar .menu > ul li ul li ul {
    top: -2%;
    left: calc(100% + 18px);
    transform: translate(0)
}

[dir=rtl] .dda-sub-header__navbar .menu > ul li ul li ul {
    left: unset;
    right: calc(100% + 18px)
}

.dda-sub-header__navbar .menu > ul li ul li:hover, .dda-sub-header__navbar .menu > ul li ul li.active {
    color: #177db7;
    background: #e8f6fc;
    border-radius: 8px
}

    .dda-sub-header__navbar .menu > ul li ul li:hover > a {
        text-shadow: 0 0 1px #177db7;
        color: #177db7
    }

.dda-sub-header__navbar .menu > ul li:hover > ul {
    opacity: 1;
    visibility: visible;
    transition-delay: 0s
}

.dda-sub-header__navbar .menu > ul > li > a {
    justify-content: center
}

body.transparent .dda-sub-header__navbar .menu > ul > li > a {
    color: #fff
}

.dda-sub-header__actions {
    display: flex;
    gap: 15px;
    position: relative;
    bottom: -1px
}

    .dda-sub-header__actions .search .search__input {
        width: 120px;
        -webkit-transition: .7s;
        -moz-transition: .7s;
        -o-transition: .7s;
        transition: .7s
    }

        .dda-sub-header__actions .search .search__input:focus {
            width: 248px;
            outline: 0;
            text-align: start;
            text-transform: capitalize;
        }

.dda-sub-header__actions a {
    text-decoration: none
}

.dda-sub-header__mobile-actions {
    display: none
}

.dda-sub-header__mobile-action {
    display: flex;
    background: 0 0;
    border: 0
}

body.transparent .dda-sub-header__mobile-action i {
    color: #fff
}

.dda-sub-header__logo {
    display: none;
    width: 100px
}

.dda-sub-header__logo--white {
    display: none
}

.dda-sub-header__btn {
    width: 40px;
    height: 40px;
    cursor: pointer;
    font-size: .875rem
}

body.transparent .dda-sub-header__btn {
    background: rgba(255,255,255,.1333333333);
    color: #fff
}

    .dda-side-nav body.transparent .search i, .dda-sub-header__actions body.transparent .search i, body.transparent .dda-side-nav .search i, body.transparent .dda-sub-header__actions .search i, body.transparent .dda-sub-header__btn i {
        color: #fff !important;
    }

.dda-side-nav .dropdown-btn:hover i::before, .dda-sub-header__btn.active i, .dda-sub-header__btn:focus, .dda-sub-header__btn:focus i, .dda-sub-header__btn:hover, .dda-sub-header__btn:hover i, .primary--text {
    color: #177db7;
}

.dda-sub-header__profile {
    border: 2px solid #177db7
}

.dda-sub-header__profile-img {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.dda-sub-header__locale {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    width: unset;
    padding: 0 16px;
    border-radius: 20px
}

.dda-sub-header__profile-btn {
    width: unset;
    padding-left: 8px;
    padding-right: 16px;
    border-radius: 20px;
    gap: 10px
}

[dir=rtl] .dda-sub-header__profile-btn {
    flex-direction: row-reverse;
    padding-left: 16px;
    padding-right: 8px
}

.dda-sub-header__mega-menu {
    box-shadow: 0 15px 20px 0 rgba(0,0,0,.04) !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    width: 100%;
    position: fixed !important;
    left: 0;
    top: 160px !important;
    max-height: calc(100% - 200px);
    overflow: auto
}

body.transparent .dda-sub-header .icon-menu {
    background: rgba(0,0,0,0);
    color: #fff
}

.chips__item:hover::after, .mobile-search__filter-checkbox:checked ~ .mobile-search__checkmark:after {
    display: block
}

.dda-side-nav .search, .dda-sub-header__actions .search, .mobile-search__box {
    position: relative
}

    .dda-side-nav .search i, .dda-sub-header__actions .search i {
        position: absolute;
        left: 24px;
        font-size: 20px;
        color: #000 !important;
    }

.dda-side-nav [dir=rtl] .search i, .dda-sub-header__actions [dir=rtl] .search i, [dir=rtl] .dda-side-nav .search i, [dir=rtl] .dda-sub-header__actions .search i {
    left: unset;
    right: 24px
}

.dda-side-nav .search .search__input, .dda-sub-header__actions .search .search__input {
    height: 40px;
    text-indent: 10px;
    background-color: #f5f5f5;
    border: none;
    border-radius: 50px;
    margin-left: 16px;
    padding-left: 24px;
    padding-right: 12px;
    font-size: .875rem;
    text-transform: capitalize;
    font-weight:500;
    color:#000;
}

.transparent .dda-sub-header__actions .search .search__input {
    color: #fff;
}



.dda-side-nav body.transparent .search .search__input, .dda-sub-header__actions body.transparent .search .search__input, body.transparent .dda-side-nav .search .search__input, body.transparent .dda-sub-header__actions .search .search__input {
    background-color: rgba(255,255,255,.1333333333)
}


.dda-side-nav [dir=rtl] .search .search__input, .dda-sub-header__actions [dir=rtl] .search .search__input, [dir=rtl] .dda-side-nav .search .search__input, [dir=rtl] .dda-sub-header__actions .search .search__input {
    margin-left: unset;
    margin-right: 16px;
    padding-left: 12px;
    padding-right: 24px
}

.dda-side-nav .search .search__input::placeholder, .dda-sub-header__actions .search .search__input::placeholder {
    color: #202a50;
    opacity: 1
}

.dda-side-nav body.transparent .search .search__input::placeholder, .dda-sub-header__actions body.transparent .search .search__input::placeholder, body.transparent .dda-side-nav .search .search__input::placeholder, body.transparent .dda-sub-header__actions .search .search__input::placeholder {
    color: #fff
}

.dda-side-nav .search .search__input:-ms-input-placeholder, .dda-sub-header__actions .search .search__input:-ms-input-placeholder {
    color: #202a50
}

.dda-side-nav body.transparent .search .search__input:-ms-input-placeholder, .dda-sub-header__actions body.transparent .search .search__input:-ms-input-placeholder, body.transparent .dda-side-nav .search .search__input:-ms-input-placeholder, body.transparent .dda-sub-header__actions .search .search__input:-ms-input-placeholder {
    color: #fff
}

.dda-side-nav .search .search__input::-ms-input-placeholder, .dda-sub-header__actions .search .search__input::-ms-input-placeholder {
    color: #202a50
}

.dda-side-nav body.transparent .search .search__input::-ms-input-placeholder, .dda-sub-header__actions body.transparent .search .search__input::-ms-input-placeholder, body.transparent .dda-side-nav .search .search__input::-ms-input-placeholder, body.transparent .dda-sub-header__actions .search .search__input::-ms-input-placeholder {
    color: #fff
}

.dda-side-nav {
    transition: top .3s;
    width: 376px;
    top: 0;
    left: 0;
    bottom: 0;
    position: fixed;
    box-shadow: 0 0 20px 0 rgba(183,183,183,.3);
    background-color: #fff;
    z-index: 999;
}

[dir=rtl] .dda-side-nav {
    left: unset;
    right: 0
}

.dda-accessibility-section, .entities-list {
    box-shadow: 0 0 20px 0 rgba(183,183,183,.3)
}

.dda-side-nav__quick-links {
    display: none;
    gap: 12px
}

.dda-side-nav__quick-link-btn {
    border: 0;
    font-size: 14px;
    color: inherit;
    text-decoration: none;
    padding: 12px 17px;
    border-radius: 30px
}

.dda-side-nav__access-btn {
    padding: 10px
}

.dda-side-nav__profile-btn {
    padding: 10px 14px;
    gap: 10px
}

.dda-side-nav__content, textarea {
    overflow: auto
}

button, hr, input {
    overflow: visible
}

.dda-side-nav__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    backdrop-filter: blur(8px);
    height: 128px
}

.dda-side-nav__footer-logo {
    width: 90px
}

.dda-side-nav__close-btn {
    position: absolute;
    top: 1.5rem;
    right: 1.5rem;
    background: 0 0;
    border: 0;
    font-size: 1.5rem;
    z-index: 10;
    color: #999
}

[dir=rtl] .dda-side-nav__close-btn {
    right: unset;
    left: 1.5rem
}

.dda-side-nav__title {
    font-weight: 400
}

.dda-side-nav .search {
    margin-right: 16px
}

[dir=rtl] .dda-side-nav .search {
    margin-right: unset;
    margin-left: 16px
}

body.transparent .dda-side-nav .search .search__input {
    background-color: #ccc
}

.dda-side-nav .search i {
    left: 10px
}

[dir=rtl] .dda-side-nav .search i {
    left: unset;
    right: 10px
}

.dda-side-nav .search__input {
    margin-left: 0 !important;
    width: 100%
}

[dir=rtl] .dda-side-nav .search__input {
    margin-left: unset !important;
    margin-right: 0 !important
}

.dda-side-nav .dropdown-btn, .dda-side-nav .sidenav a {
    padding: 6px 0;
    text-decoration: none;
    font-size: 15px;
    color: inherit;
    line-height: 2.67;
    display: block;
    border: 0;
    border-bottom: 1px solid rgba(0,0,0,.1333333333);
    background: 0 0;
    width: 100%;
    text-align: left;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between
}

[dir=rtl] .dda-side-nav .dropdown-btn, [dir=rtl] .dda-side-nav .sidenav a {
    text-align: unset
}

.dda-side-nav .active, .dda-side-nav .dropdown-btn:hover, .dda-side-nav .sidenav a.active, .dda-side-nav .sidenav a:hover {
    color: #177db7;
    /*box-shadow: 0 2px 0 0 #177db7;*/
    border-bottom-color: transparent;
    border-bottom: 1px solid #177db7;
}

.dda-login-section__input:focus, .entities-list .search .search__input:focus {
    box-shadow: 0 0 0 .125rem #177db7;
    outline: 0
}

.dda-side-nav .active i::before, .dda-side-nav .dropdown-btn:hover i::before, .dda-side-nav .sidenav a.active i::before, .dda-side-nav .sidenav a:hover i::before {
    color: #177db7 !important
}

.dda-side-nav .main {
    margin-left: 200px;
    font-size: 20px;
    padding: 0 10px
}

.dda-side-nav .dropdown-container {
    border-radius: 8px;
    display: none;
    padding-left: 24px
}

    .dda-side-nav .dropdown-container a {
        margin-top: 4px
    }

[dir=rtl] .dda-side-nav .dropdown-container {
    padding-left: 0;
    padding-right: 24px
}

.dda-side-nav .dropdown-btn i {
    font-size: 1.5rem
}

    .dda-side-nav .dropdown-btn i::before {
        color: #818181
    }

[dir=rtl] .dda-side-nav .dropdown-btn i {
    transform: rotate(180deg)
}

[dir=rtl] .dda-side-nav .dropdown-btn.active .icon-arrows-right {
    transform: rotate(0)
}

.mobile-search {
    padding: 16px 32px
}

.mobile-search__icon-search {
    position: absolute;
    left: 8px;
    top: 8px
}

.mobile-search__input {
    height: 40px;
    width: 100%;
    text-indent: 10px;
    background-color: #f5f5f5;
    border: none;
    border-radius: 50px;
    padding-left: 27px;
    padding-right: 12px
}

.mobile-search__tag-btn {
    background: #f5f5f5;
    border-radius: 5px;
    border: transparent;
    color: #202a50;
    padding: 4px 15px;
    font-size: .875rem;
    margin-bottom: 5px
}

.mobile-search__filters {
    display: flex;
    flex-wrap: wrap
}

.mobile-search__filter {
    flex: 50%
}

.mobile-search__filter-label {
    display: flex;
    align-items: center;
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    cursor: pointer;
    font-size: .875rem;
    height: 23px
}

[dir=rtl] .mobile-search__filter-label {
    padding-left: 0;
    padding-right: 30px
}

.mobile-search__checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 22px;
    width: 22px;
    background-color: #fff;
    border: 2px solid #177db7;
    border-radius: 5px
}

[dir=rtl] .mobile-search__checkmark {
    right: 0
}

.mobile-search__checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 6px;
    top: 3px;
    width: 6px;
    height: 11px;
    border: solid #fff;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.mobile-search__filter-checkbox {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0
}

    .mobile-search__filter-checkbox:focus ~ .mobile-search__checkmark {
        outline: #177db7 solid 2px;
        outline-offset: 1px
    }

    .dda-login-section input[type=checkbox]:checked, .mobile-search__filter-checkbox:checked ~ .mobile-search__checkmark {
        background-color: #177db7
    }

.dda-login-section {
    position: absolute;
    right: 0;
    top: 45px;
    width: 348px;
    height: 401px;
    padding: 36px 24px 24px;
    border-radius: 8px;
    background-color: #fff;
    margin-top: 8px
}

.dda-login-section__input {
    background: #f5f5f5;
    height: 48px;
    border-radius: 1.5rem;
    width: 100%;
    border: none;
    text-indent: 12px
}

.dda-login-section input[type=checkbox]:checked:after {
    content: "✓";
    color: #fff
}

.dda-login-section input[type=checkbox] {
    text-align: center;
    display: table-cell;
    vertical-align: middle;
    width: 20px !important;
    height: 20px !important;
    appearance: none;
    border-radius: 50%;
    border: 3px solid #177db7;
    box-shadow: none;
    font-size: 16px
}

.dda-login-section__link {
    color: #000;
    text-decoration: none
}

.dda-profile-section {
    width: 348px;
    padding-right: 25px;
    padding-left: 25px;
    right: 0;
    top: 45px
}

.dda-profile-section__header {
    display: flex;
    align-items: center;
    justify-content: start;
    height: 61px
}

.dda-profile-section__listItem {
    display: flex;
    align-items: center;
    justify-content: start;
    height: 48px
}

.dda-profile-section__listItem--bordered {
    border-bottom: 1px solid #e8e8e8
}

.dda-accessibility-section {
    padding: 44px 49px 43px 64px;
    display: flex;
    justify-content: space-between;
    display: flex;
    overflow: auto
}

.dda-accessibility-section__fieldset {
    border: 0
}

.dda-accessibility-section__radio {
    width: 20px;
    height: 20px;
    position: relative;
    appearance: none
}

[dir=rtl] .dda-accessibility-section__radio {
    margin-right: unset;
    margin-left: 10px
}

.dda-accessibility-section__spacer {
    margin-left: 20px
}

[dir=rtl] .dda-accessibility-section__spacer {
    margin-right: 20px;
    margin-left: unset
}

.dda-accessibility-section__radio::after, .dda-accessibility-section__radio::before {
    content: "";
    display: inline-block;
    position: absolute;
    width: 21px;
    height: 21px;
    top: 0;
    left: 0;
    border-radius: 50%;
    border: 2px solid #177db7
}

.dda-accessibility-section__radio::before {
    width: 12px;
    height: 12px;
    left: 4px;
    top: 4px;
    border-color: transparent !important
}

.dda-accessibility-section__radio:checked::before {
    border-color: #177db7;
    background-color: #177db7
}

.dda-accessibility-section__radio:checked::after {
    border-color: #177db7
}

.dda-accessibility-section__center-section {
    padding-left: 64px;
    padding-right: 64px;
    border-right: 1px solid #e8e8e8;
    border-left: 1px solid #e8e8e8
}

.dda-accessibility-section__screen-reader-btn {
    width: 100%;
    max-width: 153px;
    height: auto
}

.dda-accessibility-section p {
    max-width: 200px
}

.dda-accessibility-section__text-size-btn {
    width: 48px;
    height: 48px;
    padding: 13px 17px;
    background-color: #e8f6fc;
    font-size: 13px;
    font-weight: 500;
    text-align: center
}

.dda-accessibility-section__text-size-btn--big {
    font-size: 24px
}

.dda-accessibility-section__text-size-btn--active {
    border: 3px solid #177db7
}

.entities-list__item:not(:last-child), .mega-menu-1__section--list-item, .mega-menu-2__section--list-item, .mega-menu-3__section--list-item:not(:last-child), .mega-menu-4__section--list-item:not(:last-child) {
    border-bottom: 1px solid #f5f5f5
}

.dda-accessibility-section-wrapper {
    width: 938px;
    right: 0;
    top: 54px
}

[dir=rtl] .dda-accessibility-section-wrapper {
    left: 0;
    right: unset
}

.dda-sub-header__navbar-toggle {
    display: none;
}

.dda-sub-header .menu ul {
    padding-left: 0;
}

.dda-sub-header__navbar .menu > ul li:first-child {
    margin-left: 0px !important;
}

@media screen and (max-width:992px) {
    .dda-footer__section-btn {
        background: #fff;
        border-radius: 50px;
        width: 48px !important;
        height: 48px !important;
        display: flex;
        justify-content: center;
        box-shadow: 0 6px 20px rgba(0,0,0,.1333333333)
    }

    .dda-footer__section-links {
        gap: 0.5rem
    }

    .dda-footer__section-link {
        background: #fff;
        border-radius: 50px;
        width: 48px;
        max-width: 48px;
        height: 48px;
        box-shadow: 0 6px 20px rgba(0,0,0,.1333333333)
    }

    .dda-footer__section-link i.ms-3 {
        margin: 0
    }

    .dda-footer__chat-btn {
        width: 48px
    }

    .dda-sub-header .menu {
        display: none
    }

    .dda-sub-header__navbar-toggle {
        display: block !important;
    }

    .dda-accessibility-section-wrapper {
        top: 160px;
        width: unset;
        left: 0;
        right: 0;
        bottom: 0;
        position: fixed;
        overflow: auto;
        height: auto
    }
}

.entities-list {
    width: 340px;
    height: 511px;
    border-radius: 12px;
    background-color: #fff;
    overflow: scroll;
    top: 80px;
    right: -20px
}

.entities-list__group {
    list-style: none;
    padding: 0
}

.entities-list__item {
    height: 90px;
    justify-content: flex-end
}

[dir=rtl] .entities-list__item {
    justify-content: flex-end
}

.entities-list__img {
    transition: .2s ease-in-out;
    max-height: 50px
}

    .entities-list__img:hover {
        transform: scale(1.1)
    }

.entities-list .search {
    position: relative;
    padding-left: 24px;
    padding-right: 24px;
    padding-top: 21px
}

    .entities-list .search i {
        position: absolute;
        left: 34px;
        top: 31px
    }

[dir=rtl] .entities-list .search i {
    left: unset;
    right: 34px
}

.entities-list .search .search__input {
    height: 40px;
    width: 100%;
    text-indent: 12px;
    background-color: #f5f5f5;
    border: none;
    border-radius: 50px;
    padding-left: 24px;
    padding-right: 24px
}

[dir=rtl] .entities-list .search .search__input {
    margin-left: unset;
    margin-right: 16px;
    padding-left: 12px;
    padding-right: 24px
}

.entities-list .search .search__input::placeholder {
    color: #202a50;
    opacity: 1
}

.entities-list .search .search__input:-ms-input-placeholder {
    color: #202a50
}

.entities-list .search .search__input::-ms-input-placeholder {
    color: #202a50
}

.mega-menu-1, .mega-menu-3 {
    width: 100%;
    background-color: #fff
}

.mega-menu-1__section {
    flex-basis: 25%;
    max-width: 310px
}

.mega-menu-1__section--heading {
    font-weight: 400
}

.mega-menu-1__section--list-item:hover {
    background-color: #f4fbfd;
    border-radius: 12px
}

.mega-menu-1__section--list-avatar {
    width: 40px;
    height: 40px;
    opacity: .1;
    border-radius: 12px;
    background-color: #177db7
}

.mega-menu-2 {
    width: 100%;
    padding-bottom: 54px;
    background-color: #fff
}

.mega-menu-2__section, .mega-menu-4__section {
    flex-basis: 25%;
    padding-top: 40px
}

.mega-menu-2__section--list-avatar {
    width: 40px;
    height: 40px;
    opacity: .1;
    border-radius: 12px;
    background-color: #177db7
}

.mega-menu-3__section {
    flex-basis: 30%;
    padding-top: 40px
}

.mega-menu-3__section--heading {
    margin-left: 62px
}

.mega-menu-3__section--list-item {
    cursor: pointer;
    height: 94px
}

    .mega-menu-3__section--list-item:hover {
        background-color: #f4fbfd;
        border-radius: 12px
    }

.mega-menu-3__section--list-text {
    margin: 0;
    padding: 0;
    line-height: 2
}

.mega-menu-3__section--list-details {
    opacity: .7;
    max-width: 300px;
    white-space: normal;
    line-height: 1.4;
    margin-top: 0
}

.mega-menu-3__section--list-avatar {
    width: 40px;
    height: 40px;
    opacity: .1;
    border-radius: 12px;
    background-color: #177db7
}

.mega-menu-4 {
    background-color: #fff;
    justify-content: start
}

.mega-menu-4__section--heading {
    margin-left: 62px
}

.mega-menu-4__section--list-item {
    cursor: pointer;
    height: 94px
}

    .mega-menu-4__section--list-item:hover {
        background-color: #f4fbfd;
        border-radius: 12px
    }

.mega-menu-4__section--list-text {
    margin-bottom: 0;
    line-height: 1.4
}

.mega-menu-4__section--list-details {
    opacity: .7;
    max-width: 244px;
    white-space: normal;
    line-height: 1.4;
    margin-top: 0
}

.mega-menu-4__section--list-avatar {
    width: 40px;
    height: 40px;
    opacity: .1;
    border-radius: 12px;
    background-color: #177db7
}

.mega-menu-4__active {
    visibility: hidden;
    flex-basis: 50%;
    margin-left: 100px;
    max-width: 380px
}

.mega-menu-4__active-logo {
    margin-top: 53px;
    width: 67px;
    height: 85px
}

.mega-menu-4__active-header {
    text-transform: uppercase
}

.mega-menu-4__active-description {
    font-size: 15px;
    opacity: .7;
    white-space: normal
}

.dda-btn__view-story, .page-search input {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    font-style: normal
}

.dda-btn {
    border: none;
    text-decoration: none;
    height: 48px
}

.dda-btn__img {
    height: 20px
}

.dda-btn__view-story {
    border-radius: 8px;
    opacity: .8000000119;
    width: fit-content;
    padding: 12px 32px;
    color: #202a50;
    background: rgba(255,255,255,.5);
    transition: background .3s cubic-bezier(.18, .89, .32, 1.28),transform-origin .3s
}

    .dda-btn__view-story:hover {
        background: rgba(255,255,255,.7)
    }

.slider__action, a {
    background-color: transparent
}

.transparent .dda-btn__view-story {
    display: none
}

.slider__action {
    height: 30px;
    width: 30px;
    border: 0;
    cursor: pointer;
    background-position: center
}

.slider__action--left {
    left: 64px;
    background-image: url(../../images/chevron_left.svg)
}

[dir=rtl]
.slider__action--left {
    left: 64px;
    background-image: url(../../images/chevron_right.svg);
}

.slider__action--right {
    right: 64px;
    background-image: url(../../images/chevron_right.svg)
}

[dir=rtl]
.slider__action--right {
    right: 64px;
    background-image: url(../../images/chevron_left.svg)
}

.slider__action--scroll {
    margin: 16px auto 0;
    width: 16px;
    height: 29px;
    background-image: url(../../images/scroll-moving.svg)
}

.slider__action--pause, .slider__action--play {
    width: 32px;
    height: 32px;
    border-radius: 50%
}

.slider__action--pause {
    background: url(../../images/pause.svg) center no-repeat
}

.slider__action--play {
    background: url(../../images/play.svg) center no-repeat
}

.slider__indicators {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    z-index: 0;
}

.slider__indicator {
    width: 8px;
    height: 8px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #999;
    transform: scale(1);
    animation: .3s ease-in-out transform;
    margin: 0 3px
}

.slider__indicator--active {
    transform: scale(1.25);
    background-color: #fff
}

@media screen and (max-width:1200px) {
    .slider__action--left {
        left: 32px
    }

    .slider__action--right {
        right: 32px
    }

    /*.slider__action--pause, .slider__action--play {
        position: absolute;
        top: 186px;
        bottom: unset;
        width: 32px;
        height: 32px;
        right: 32px;
        background-size: 24px
    }*/
}

.chips__container {
    display: flex;
    padding: 20px 0 4px;
    flex-flow: row;
    gap: 8px
}

.chips__item {
    transition: transform .3s cubic-bezier(0.07,0.57,1,1.52);
    display: flex;
    padding: 16px;
    flex-direction: column;
    color: #000;
    font-size: 18px;
    font-style: normal;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: -.407px;
    text-decoration: none;
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 2px 8px 0 rgba(48,48,52,.08)
}

.chips__item--title {
    margin-bottom: 4px
}

.chips__item--text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.chips__item svg, .chips__item img {
    margin-bottom: 12px
}

.chips__item:hover {
    transform: translateY(-36px);
    text-decoration: none !important;
    color: inherit !important;
}

    .chips__item:hover svg path {
        fill: #177DB7
    }

.chips__item::after {
    display: none;
    content: "";
    color: #fff;
    position: absolute;
    border: 12.5px solid;
    border-radius: 0 0 4px;
    bottom: -12.5px;
    left: 50%;
    transform: translateX(-50%) rotate(45deg)
}

@media screen and (max-width:1200px) {
    .chips__container {
        overflow: auto;
        gap: 8px;
        padding: 20px 32px
    }

    .chips__item {
        min-width: 200px
    }

    .chips__item--text {
        font-size: 12px;
        line-height: 16px;
        letter-spacing: .06px
    }
}

@media screen and (max-width:768px) {
    .dda-sub-header__navbar {
        flex: unset
    }

    /*.dda-sub-header__actions {
        gap: 0;
        position: absolute
    }*/

    /*.dda-sub-header__logo, .dda-sub-header__mobile-actions {
        display: block
    }*/

    /*.dda-sub-header .search, .dda-sub-header__btn, .slider__action--scroll, body.transparent .dda-sub-header__logo {
        display: none
    }*/

    .dda-sub-header__logo--white {
        display: none;
        width: 100px
    }

    body.transparent .dda-sub-header__logo--white {
        display: block
    }

    .dda-sub-header__navbar-toggle.active .icon-menu:before {
        content: "\e90c"
    }

    .dda-side-nav {
        /*top: 80px;*/
        right: 0;
        width: unset;
        box-shadow: none
    }

    [dir=rtl] .dda-side-nav {
        left: 0
    }

    .dda-side-nav__quick-links {
        display: flex;
        align-items: center;
        justify-content: center
    }

    .dda-side-nav__content {
        padding-bottom: 100px
    }

    .dda-side-nav__footer {
        display: flex
    }

    .dda-side-nav .main {
        margin-left: unset;
        margin-right: 200px
    }

    .dda-login-section {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        top: 80px;
        width: auto;
        margin: 0;
        height: auto;
        border-radius: 0
    }

    [dir=rtl] .dda-accessibility-section-wrapper, [dir=rtl] .dda-login-section {
        right: 0;
        left: 0
    }

    .dda-accessibility-section {
        flex-direction: column;
        padding: 32px;
        border-radius: 0;
        height: 100%
    }

    .dda-accessibility-section__center-section {
        margin: 12px 0;
        padding: 12px 0;
        border-left: 0;
        border-right: 0;
        border-top: 1px solid #e8e8e8;
        border-bottom: 1px solid #e8e8e8
    }

    .dda-accessibility-section-wrapper {
        width: unset;
        left: 0;
        right: 0;
        top: 80px;
        bottom: 0;
        position: fixed;
        overflow: auto;
        height: auto
    }

    /*.slider__action--pause, .slider__action--play {
        top: 104px;
        z-index: 1
    }*/

    .chips__item-text {
        text-align: start
    }
}

.page-search {
    padding: 10px 24px 10px 20px;
    align-items: center;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid var(--white,#fff);
    background: rgba(255,255,255,.1);
    min-width: 346px;
    flex: 1;
    display: none;
    transition: background .2s ease-in-out
}

    .page-search input {
        background: 0 0;
        border: none;
        color: var(--white,#fff);
        width: 100%
    }

        .page-search input::placeholder {
            color: var(--white,#fff);
            font-size: 16px;
            font-style: normal;
            font-weight: 500;
            line-height: 24px
        }

        .page-search input:focus, .page-search input:focus-visible {
            border: none;
            outline: 0
        }

    .page-search:has(input:focus) {
        background: rgba(0,0,0,.2)
    }

@media screen and (max-width:1200px) {
    .page-search {
        display: flex
    }
}

.banner__containers-wrapper {
    display: flex;
    flex-flow: column;
    padding: 0 110px
}

.banner__content-container {
    display: flex;
    flex-flow: column;
    align-content: flex-start;
}

.banner__heading {
    text-align: start;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #fff;
    margin: 0 0 8px;
    font-size: 36px;
    font-style: normal;
    font-weight: 700;
    line-height: 40px; /* 111.111% */
    letter-spacing: -0.36px;
}

.banner__description, .banner__description-link {
    font-size: 22px;
    line-height: 28px;
    color: #fff;
    font-style: normal
}

.banner__description-container {
    margin: 0 0 16px;
    text-align: start;
    max-width: 624px;
}

    .banner__description-container * {
        display: inline
    }

.banner__description {
    font-weight: 400;
    margin-block-end: 0;
    margin-block-start: 0;
    margin: 4px auto
}

.banner__description--tab {
    display: none;
    white-space: nowrap
}

.banner__description-link {
    font-weight: 700;
    text-decoration: none;
    cursor: pointer;
}

.banner__actions {
    display: flex;
    gap: 8px;
    margin-bottom: 10px
}

.banner__slide {
    opacity: 0;
    height: 0;
    overflow: visible;
    transition: opacity .20s ease-out
}

.banner__slide--active {
    height: auto;
    opacity: 1
}

@media screen and (max-width:992px) {
    .banner__containers-wrapper {
        padding: 0;
        width: 100%;
        margin: 0 auto
    }
}

@media screen and (max-width:1200px) {
    .banner__containers-wrapper {
        padding: 0 16px;
        width: 100%;
        max-width: 100%;
        margin: 0 auto
    }

    .banner__content-container {
        width: 100%
    }

    .banner__actions {
        margin-bottom: 16px
    }

    .banner__heading {
        text-align: start;
        font-size: 36px;
        font-weight: 700;
        line-height: 40px;
        letter-spacing: -.36px;
        margin-bottom: 0
    }

    .banner__description, .banner__description-link {
        font-size: 16px;
        line-height: 24px;
        letter-spacing: .1px
    }

    .banner__description-container {
        margin-bottom: 12px
    }

    .banner__description {
        font-style: normal;
        font-weight: 400
    }

    .banner__description--desktop {
        display: none
    }

    .banner__description--tab {
        display: block
    }

    .banner__link-container {
        display: flex;
        justify-content: flex-start;
        align-items: center;
        margin: auto;
        /*opacity: .6;*/
        gap: 8px
    }

    .banner__description-link {
        color: #fff;
        text-align: center;
        font-weight: 500
    }

    .banner__description-arrow {
        width: 55px;
        height: 13px;
        display: inline-block;
        background: url(../../images/arrow-right-long.svg) center no-repeat
    }
}

.transparent .banner__containers-wrapper {
    padding: 0 0 16px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto
}

.transparent .banner__content-container {
    width: 100%
}

.transparent .banner__actions {
    margin-bottom: 16px
}

.transparent .banner__heading {
    text-align: start;
    font-size: 36px;
    font-weight: 700;
    line-height: 60px;
    letter-spacing: -.36px;
    margin-bottom: 0
}

.transparent .banner__description-container {
    margin-bottom: 12px
}

.transparent .banner__description {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    white-space: normal !important;
    min-height: 80px;
}

.transparent .banner__description--desktop, [hidden], template {
    display: none
}

.transparent .banner__description--tab, details, main {
    display: block
}

.transparent .banner__link-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: auto;
    gap: 8px;
    position: relative;
    top: 32px;
}

.transparent .banner__description-link {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .1px
}

.transparent .banner__description-arrow {
    width: 55px;
    height: 13px;
    display: inline-block;
    background: url(../../images/arrow-right-long.svg) center no-repeat
}



.banner__containers-wrapper {
    padding: 0 0 16px;
    width: 100%;
    max-width: 100%;
    margin: 0 auto
}

.banner__content-container {
    width: 100%
}

.banner__actions {
    margin-bottom: 16px
}

.banner__heading {
    text-align: start;
    font-size: 36px;
    font-weight: 700;
    line-height: 40px;
    letter-spacing: -.36px;
    margin-bottom: 0
}

.banner__description-container {
    margin-bottom: 12px
}

.banner__description {
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    white-space: normal !important;
}

.banner__description--desktop, [hidden], template {
    display: none
}

.banner__description--tab, details, main {
    display: block
}

.banner__link-container {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: auto;
    gap: 8px;
    position: relative;
    top: 32px;
}

.banner__description-link {
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    letter-spacing: .1px
}

.banner__description-arrow {
    width: 55px;
    height: 13px;
    display: inline-block;
    background: url(../../images/arrow-right-long.svg) center no-repeat
}


/*MOBILE DEVICES*/


@media screen and (max-width:576px) {
    .text-h2 {
        font-size: 30px
    }

    .text-h3 {
        font-size: 24px
    }

    .text-h4 {
        font-size: 20px
    }

    .text-h5 {
        font-size: 18px
    }

    .text-h6 {
        font-size: 16px
    }

    .text-body-1 {
        font-size: 14px
    }

    .text-body-2 {
        font-size: 13px
    }

    .text-caption {
        font-size: 12px
    }

    .dda-footer .container {
        /*padding-left: 0;
        padding-right: 0*/
        padding-bottom: 15px;
        padding-bottom: 15px;
    }

    .dda-footer__icon-wrapper, .dda-footer__section {
        width: 50px
    }

    .dda-btn__view-story {
        display: block;
        color: #fff;
        font-size: 16px;
        font-style: normal;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: .1px;
        padding: 0;
        height: auto;
        background: 0 0
    }

    .transparent .dda-btn__view-story {
        display: block
    }

    .banner__link-container, .page-search, .slider__action--left, .slider__action--right, .transparent .banner__link-container, .transparent .page-search {
        display: none
    }

    .slider__action--pause, .slider__action--play {
        right: 16px
    }

    .chips__container {
        padding: 20px 16px
    }

    .banner__heading {
        text-align: start;
        font-size: 28px;
        font-weight: 500;
        line-height: 36px
    }

    .banner__description {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px
    }

    .banner__description--tab {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .banner__actions {
        margin-bottom: 16px
    }

    .transparent .banner__heading {
        text-align: start;
        color: #fff;
        font-size: 28px;
        line-height: 36px
    }

    .transparent .banner__description--tab {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: initial;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical
    }

    .dda-main-header {
        display: none !important;
    }

    .normal__banner {
        min-height: 100vh;
    }

    .normal__content-container {
        height: 90vh;
    }

    .card-container {
        display: block;
        overflow-x: scroll;
        white-space: normal;
        padding-bottom: 10px;
    }
}

@media (min-width: 600px) and (max-width: 767px) {
    .dda-main-header {
        display: none !important;
    }

}

/* Medium devices (landscape tablets and small laptops, 768px and above) */
@media (min-width: 768px) and (max-width: 1023px) {
    .dda-main-header {
        display: none !important;
    }

}




    .news__container {
        display: flex;
        flex-flow: column;
        gap: 12px;
        margin-bottom: 24px
    }

    .news__content {
        color: #fff;
        font-size: 17.115px;
        font-style: normal;
        font-weight: 400;
        line-height: 24px;
        letter-spacing: -.475px;
        margin-block: 0;
        text-decoration: none
    }

    .news__content--bold {
        font-weight: 700
    }

    .news__content--controlled {
        width: 142px;
        white-space: nowrap
    }

    .news__content--all {
        padding: 2px 8px;
        border-radius: 16px;
        background: var(--state-layers-on-primary-focused,rgba(255,255,255,.12))
    }

    [type=checkbox], [type=radio], legend {
        box-sizing: border-box;
        padding: 0
    }

    .news__other-desc {
        display: flex;
        gap: 8px
    }

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

    .news__thumbnail-container {
        display: flex;
        gap: 12px
    }

    .news__thumbnail {
        width: 95.081px;
        height: 59.426px;
        border-radius: 9.508px;
        border: 1.902px solid rgba(255,255,255,.5);
        box-shadow: 0 3.8032565117px 3.8032565117px 0 rgba(0,0,0,.25);
        background-size: cover
    }

        .news__thumbnail:first-child {
            background-image: url(../../images/news/news-1.jpeg)
        }

        .news__thumbnail:nth-child(2) {
            background-image: url(../../images/news/news-2.jpeg)
        }

        .news__thumbnail:nth-child(3) {
            background-image: url(../../images/news/news-3.jpeg)
        }

        .news__thumbnail:nth-child(4) {
            background-image: url(../../images/news/news-4.jpeg)
        }

        .news__thumbnail:last-child {
            background-image: url(../../images/news/news-5.jpeg);
            mask-image: linear-gradient(90deg,#C4C4C4 0%,rgba(196,196,196,0) 100%);
            -webkit-mask-image: linear-gradient(90deg,#C4C4C4 0%,rgba(196,196,196,0) 100%)
        }

    .news__thumbnail--active {
        border: 4.754px solid #177db7
    }

        .news__thumbnail--active::before {
            content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='8' viewBox='0 0 10 8' fill='none'%3E%3Cpath d='M5.0161 7.36847L9.54496 0.950474H0.487238L5.0161 7.36847Z' fill='%23177DB7'/%3E%3C/svg%3E");
            display: flex;
            justify-content: center;
            height: 100%;
            align-items: end;
            margin-top: 16px
        }

    @media screen and (max-width:992px) {
        .news__container {
            display: none
        }
    }

    .primary {
        background: #177db7
    }

    .primary--bordered {
        border: 1px solid #177db7
    }

    .secondary--text {
        color: #202a50
    }

    .secondary {
        background: #202a50
    }

    .secondary--bordered {
        border: 1px solid #202a50
    }

    .tertiary--text {
        color: #999
    }

    .tertiary {
        background: #999
    }

    .tertiary--bordered {
        border: 1px solid #999
    }

    .quarternary--text {
        color: #ccc
    }

    .quarternary {
        background: #ccc
    }

    .quarternary--bordered {
        border: 1px solid #ccc
    }

    .success--text {
        color: #26cb84
    }

    .success {
        /*background: #26cb84*/
    }

    .success--bordered {
        border: 1px solid #26cb84
    }

    .warning--text {
        color: #f58c1f
    }

    .warning {
        background: #f58c1f
    }

    .warning--bordered {
        border: 1px solid #f58c1f
    }

    .alert--text {
        color: #dc3131
    }

    .alert {
        background: #dc3131
    }

    .alert--bordered {
        border: 1px solid #dc3131
    }

    .black--text {
        color: #000
    }

    .black {
        background: #000
    }

    .black--bordered {
        border: 1px solid #000
    }

    .graydark--text {
        color: #4f5660
    }

    .graydark {
        background: #4f5660
    }

    .graydark--bordered {
        border: 1px solid #4f5660
    }

    .white--text {
        color: #fff
    }

    .white {
        background: #fff
    }

    .white--bordered {
        border: 1px solid #fff
    }

    .bg--text, .gray--text {
        color: #f5f5f5
    }

    .bg {
        background: #f5f5f5
    }

    .main-bg, body {
        background: #e8e8e8
    }

    .bg--bordered {
        border: 1px solid #f5f5f5
    }

    .main-bg--text {
        color: #e8e8e8
    }

    .main-bg--bordered {
        border: 1px solid #e8e8e8
    }

    .primary-light--text {
        color: #e8f6fc
    }

    .primary-light {
        background: #e8f6fc
    }

    .primary-light--bordered {
        border: 1px solid #e8f6fc
    }

    .primary-lighter--text {
        color: #f4fbfd
    }

    .primary-lighter {
        background: #f4fbfd
    }

    .primary-lighter--bordered {
        border: 1px solid #f4fbfd
    }

    .gray {
        background: #f5f5f5
    }

    .gray--bordered {
        border: 1px solid #f5f5f5
    }

    .dark-gray--text {
        color: #575757
    }

    .dark-gray {
        background: #575757
    }

    .dark-gray--bordered {
        border: 1px solid #575757
    }

    .transparent-white--text {
        color: rgba(255,255,255,.1333333333)
    }

    .transparent-white {
        background: rgba(255,255,255,.1333333333)
    }

    .transparent-white--bordered {
        border: 1px solid rgba(255,255,255,.1333333333)
    }

    .transparent-black--text {
        color: rgba(0,0,0,.1333333333)
    }

    .transparent-black {
        background: rgba(0,0,0,.1333333333)
    }

    .transparent-black--bordered {
        border: 1px solid rgba(0,0,0,.1333333333)
    }

    .green {
        background: #008954
    }

    .green--bordered {
        border: 1px solid #008954
    }

    .transparent--text {
        color: transparent
    }

    .transparent {
        background: rgba(0,0,0,0)
    }

    .transparent--bordered {
        border: 1px solid transparent
    }
    /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */

    body {
        margin: 0
    }

    h1 {
        font-size: 2em;
        margin: .67em 0
    }

    hr {
        box-sizing: content-box;
        height: 0
    }

    code, kbd, pre, samp {
        font-family: monospace,monospace;
        font-size: 1em
    }

    abbr[title] {
        border-bottom: none;
        text-decoration: underline;
        text-decoration: underline dotted
    }

    b, strong {
        font-weight: bolder
    }

    small {
        font-size: 80%
    }

    sub, sup {
        font-size: 75%;
        line-height: 0;
        position: relative
    }

    sub {
        bottom: -.25em
    }

    sup {
        top: -.5em
    }

    img {
        border-style: none
    }

    button, input, optgroup, select, textarea {
        font-family: inherit;
        font-size: 100%;
        line-height: 1.15;
        margin: 0
    }

    button, select {
        text-transform: none
    }

    [type=button], [type=reset], [type=submit], button {
        -webkit-appearance: button
    }

        [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
            border-style: none;
            padding: 0
        }

        [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
            outline: ButtonText dotted 1px
        }

    fieldset {
        padding: .35em .75em .625em
    }

    legend {
        color: inherit;
        display: table;
        max-width: 100%;
        white-space: normal
    }

    [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
        height: auto
    }

    [type=search] {
        -webkit-appearance: textfield;
        outline-offset: -2px
    }

        [type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

    ::-webkit-file-upload-button {
        -webkit-appearance: button;
        font: inherit
    }

    summary {
        display: list-item
    }

    .normal__banner {
        min-height: 110vh;
        position: relative;
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        transition: background-image .3s ease-out;
        -webkit-transition: background-image .3s ease-in-out
    }

        .normal__banner::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 100%;
            background: linear-gradient(180deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.75) 8%, rgba(0, 0, 0, 0.50) 16%, rgba(0, 0, 0, 0.25) 22%, rgba(0, 0, 0, 0.00) 34%) no-repeat, linear-gradient(0deg, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.75) 8%, rgba(0, 0, 0, 0.50) 20%, rgba(0, 0, 0, 0.25) 60%, rgba(0, 0, 0, 0.00) 90%) no-repeat;
        }

    .normal__content-container {
        display: flex;
        flex-direction: column;
        justify-content: end;
        height: 100vh;
        position: relative
    }

    .normal__chips-container {
        max-width: 1320px;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: -40px;
        width: 100%;
        padding: 0 20px
    }

    @media screen and (max-width:1200px) {
        .normal__chips-container {
            padding: 0 0 45px
        }
    }

    .lang-switch {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .modal {
        display: none; /* Hidden by default */
        position: fixed;
        z-index: 1;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        overflow: auto;
    }

    /* Modal content box */
    .modal-content {
        background-color: #fff;
        margin: 10% auto;
        border: 1px solid #888;
        width: 80%;
        max-width: 800px;
        position: relative;
        border-radius: 16px;
        overflow: hidden;
    }

    /* Close button inside the modal */
    .close {
        color: #aaa;
        float: right;
        font-size: 28px;
        font-weight: bold;
        position: absolute;
        right: 0;
        top: -10px;
    }

        .close:hover,
        .close:focus {
            color: black;
            text-decoration: none;
            cursor: pointer;
        }

    /* Iframe styling */
    iframe {
        width: 100%;
        height: 600px;
        border: none;
    }


    /* Wrapper to Prevent Shadow Clipping */
    .card-wrapper {
        overflow: visible; /* Ensures hover shadow is not cut off */
        padding-bottom: 50px;
        position: relative;
    }

    /* Card Container */
    .card-container {
        display: flex;
        justify-content: center;
        gap: 10px;
        max-width: 100%;
        scroll-snap-type: x mandatory;
        scrollbar-width: none; /* Hides scrollbar on Firefox */
        padding: 20px 0;
        direction: inherit; /* Supports both RTL & LTR */
    }

        .card-container::-webkit-scrollbar {
            display: none; /* Hides scrollbar on WebKit browsers */
        }

    /* Card */
    .normal__banner .card {
        display: flex;
        align-items: center; /* Ensures items are aligned in a row */
        gap: 16px;
        height: 172px;
        min-width: 250px; /* Fixed size */
        max-width: 251px;
        padding: 20px;
        border-radius: 16px;
        flex: 0 0 auto; /* Prevents stretching */
        background: white;
        transition: transform 0.4s ease, box-shadow 0.4s ease, filter 0.4s ease;
        scroll-snap-align: start;
        position: relative;
        direction: inherit; /* Supports RTL/LTR */
        outline: none; /* Removes default focus outline */
        cursor: pointer;
    }

    /* Focus & Keyboard Navigation */
    .card:focus {
        outline: 3px solid #007BFF;
    }

    /* Hover Effect (Only for Desktop) */
    @media (hover: hover) {
        .normal__banner .card:hover {
            transform: translateY(-35px);
            box-shadow: 0px 8px 120px rgba(48, 48, 52, 0.7);
        }

            .normal__banner .card:hover .card-icon {
                filter: none;
                opacity: 1;
            }
    }

    /* Card Icon */
    .card-icon {
        width: 50px;
        height: 50px;
        flex-shrink: 0; /* Prevents icon from shrinking */
        margin-bottom: 12px;
        filter: grayscale(1);
        opacity: 0.8;
    }

    /* Card Content */
    .card-content {
        flex: 1;
        text-align: start; /* Works for both LTR and RTL */
        display: flex;
        flex-direction: column;
    }

    /* Card Title */
.normal__banner .card-title {
    overflow: hidden;
    margin: 0;
    color: #000000c9;
    text-overflow: ellipsis;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 24px; /* 133.333% */
    text-decoration: none !important;
}

    /* Card Description */
    .normal__banner .card-description {
        overflow: hidden;
        color: #000;
        text-overflow: ellipsis;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px; /* 142.857% */
        letter-spacing: 0.07px;
        text-decoration: none !important;
        min-height: 40px;
        height: 40px;
    }

    [dir=rtl]
    .normal__banner .card-description {
        font-size: 13px;
        font-weight: 300;
    }


    a.card {
        text-decoration: none !important;
    }

    /* Responsive: Mobile & Tablet */
    @media (max-width: 1024px) {
        /*.card-container {
            display: flex;
            overflow-x: auto;
            white-space: nowrap;
            padding-bottom: 10px;
        }

        .card {
            min-width: 320px;
        }*/
    }

    .primary-description-link {
        display: flex;
        height: 48px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        border-radius: 8px;
        background: #fff;
        padding: 0px 24px;
        text-decoration: none !important;
        color: #000 !important;
        font-size: 16px !important;
        font-style: normal;
        font-weight: 700 !important;
        line-height: 24px !important;
        letter-spacing: 0.1px !important;
    }

        .primary-description-link a:hover {
            text-decoration: none !important;
        }

    .dda-side-nav .dropdown-btn .active {
        border: 0 !important;
        box-shadow: unset !important;
    }