/*body {
    padding-top: 50px;
    padding-bottom: 20px;
}*/

/* Set padding to keep content from hitting the edges */
/*.body-content {
    padding-left: 15px;
    padding-right: 15px;
}*/

/* Set width on the form input elements since they're 100% wide by default */
/*input,
select,
textarea {
    max-width: 280px;
}*/

/* styles for validation helpers */
/*.field-validation-error {
    color: #b94a48;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #b94a48;
}

input[type="checkbox"].input-validation-error {
    border: 0 none;
}

.validation-summary-errors {
    color: #b94a48;
}

.validation-summary-valid {
    display: none;
}*/










html {
    font-family: sans-serif;
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -ms-overflow-style: scrollbar;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    scroll-behavior: smooth;
}

@-ms-viewport {
    width: device-width
}

article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {
    display: block
}

body {
    font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
}

[dir] body {
    margin: 0;
    background-color: #fff;
}

[dir=ltr] body {
    text-align: left
}

[dir=rtl] body {
    text-align: right
}

/*[dir=rtl] .ar {
    text-align: right;
}

[dir=ltr] .ar {
    text-align: right;
}*/

[tabindex="-1"]:focus {
    outline: 0 !important
}



[dir] h1, [dir] h2, [dir] h3, [dir] h4, [dir] h5, [dir] h6 {
    margin-top: 0;
    margin-bottom: .5rem
}

[dir] p {
    margin-top: 0;
    margin-bottom: 1rem
}

.dropdown, .dropleft, .dropright, .dropup {
    position: relative
}

header {
    position: relative;
    min-height: 72px
}

@media only screen and (min-width:768px) {
    header {
        min-height: 100px
    }
}

@media only screen and (min-width:1200px) {
    header {
        min-height: 154px
    }
}

header .header-wrap {
    /*position: fixed;*/
    top: 0;
    z-index: 999
}

[dir] header .header-wrap {
    padding: 19px 0 0;
    background: #fff
}

[dir=ltr] header .header-wrap, [dir=rtl] header .header-wrap {
    left: 0;
    right: 0
}

header .header-wrap:after {
    display: none;
    content: "";
    position: absolute;
    bottom: 53px;
    width: 100%;
    height: .5px
}

[dir] header .header-wrap:after {
    background: rgba(0,0,0,.2)
}

[dir=ltr] header .header-wrap:after {
    left: 0
}

[dir=rtl] header .header-wrap:after {
    right: 0
}

header.scrolled .header-wrap {
    border-bottom: 1px solid rgba(0,0,0,.2);
}

@media only screen and (min-width:1200px) {
    header .header-wrap:after {
        display: block
    }
}

header .logo {
    display: block;
    max-width: 133px
}

[dir] header .logo {
    margin-bottom: 13px
}

@media only screen and (min-width:768px) {
    header .logo {
        max-width: 230px
    }
}

header .logo img {
    height: auto !important
}

header .nav {
    display: none;
    justify-content: space-between
}

@media only screen and (min-width:1200px) {
    header .nav {
        display: flex
    }

    [dir] header .nav {
        margin: 0 -20px
    }
}

header .nav__list {
    font-weight: 600;
    font-size: 14px
}

@media screen and (min-width:0) {
    header .nav__list {
        font-size: 14px
    }
}

@media screen and (min-width:768px) {
    header .nav__list {
        font-size: 14px
    }
}

@media screen and (min-width:992px) {
    header .nav__list {
        font-size: 16px
    }
}

header .nav__list:hover .sub-menu {
    display: block
}

header .nav__list:hover .nav__link {
    color: #fff
}

[dir] header .nav__list:hover .nav__link {
    background: #222733
}

header .nav__list.active .nav__link {
    color: #fff
}

[dir] header .nav__list.active .nav__link {
    background: #222733
}

header .nav__link {
    display: block;
    color: #c8cbcf;
    text-decoration: none;
    transition: all .3s
}

[dir] header .nav__link {
    padding: 15px 20px
}

header .sub-menu {
    display: none;
    position: absolute;
    top: 153px;
    min-height: 552px
}

[dir] header .sub-menu {
    background: #222733
}

[dir=ltr] header .sub-menu {
    left: 0;
    right: 0;
    padding: 35px 79px 107px 72px
}

[dir=rtl] header .sub-menu {
    right: 0;
    left: 0;
    padding: 35px 72px 107px 79px
}

header .sub-menu__title {
    font-size: 120px;
    line-height: 146px;
    font-weight: 900;
    color: #fff;
    opacity: .05
}

header .sub-menu__list {
    max-width: 279px
}

[dir] header .sub-menu__list {
    padding: 0
}

[dir=ltr] header .sub-menu__list {
    margin-left: 90px
}

[dir=rtl] header .sub-menu__list {
    margin-right: 90px
}

header .sub-menu__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    list-style-type: none;
    font-weight: 400;
    font-size: 18px
}

[dir] header .sub-menu__item {
    border-bottom: 1px solid hsla(0,0%,100%,.1);
    padding: 21px 0 24px
}

    [dir] header .sub-menu__item:first-child {
        padding-top: 0
    }

@media screen and (min-width:0) {
    header .sub-menu__item {
        font-size: 18px
    }
}

@media screen and (min-width:768px) {
    header .sub-menu__item {
        font-size: 20px
    }
}

@media screen and (min-width:992px) {
    header .sub-menu__item {
        font-size: 24px
    }
}

header .sub-menu__item:hover .sub-menu__link {
    color: #d4b678
}

header .sub-menu__item:hover .sub-menu-child, header .sub-menu__item:hover .sub-menu__icon {
    display: block
}

header .sub-menu__item.active .sub-menu__link {
    color: #d4b678
}

header .sub-menu__item.active .sub-menu__icon {
    display: block
}

header .sub-menu__link {
    color: #c6cad6;
    text-decoration: none;
    transition: all .3s
}

header .sub-menu__icon {
    display: none;
    font-size: 16px;
    color: #d4b678
}

[dir=ltr] header .sub-menu__icon {
    float: right
}

[dir=rtl] header .sub-menu__icon {
    float: left
}

header .sub-menu-child {
    display: none;
    justify-content: flex-end;
    position: absolute;
    top: 0;
    width: 384px
}

[dir=ltr] header .sub-menu-child {
    right: 0
}

[dir=rtl] header .sub-menu-child {
    left: 0
}

header .sub-menu-child__image {
    width: 100%;
    height: 207px
}

[dir] header .sub-menu-child__image {
    border: 1px solid #fff;
    border-bottom: 8px solid #d4b678;
    background-size: cover;
    margin-bottom: 21px
}

header .sub-menu-child__text {
    color: #fff;
    line-height: 22px;
    max-width: 384px;
    font-size: 12px
}

@media screen and (min-width:0) {
    header .sub-menu-child__text {
        font-size: 12px
    }
}

@media screen and (min-width:768px) {
    header .sub-menu-child__text {
        font-size: 12px
    }
}

@media screen and (min-width:992px) {
    header .sub-menu-child__text {
        font-size: 14px
    }
}

[dir] header .accessibility {
    padding: 0
}

header .accessibility__list {
    display: none
}

[dir=ltr] header .accessibility__list {
    float: right;
    margin: 0 0 0 25px
}

[dir=rtl] header .accessibility__list {
    float: left;
    margin: 0 25px 0 0
}

header .accessibility__list:first-child {
    display: block
}

[dir=ltr] header .accessibility__list:first-child {
    margin-left: 5px
}

[dir=rtl] header .accessibility__list:first-child {
    margin-right: 5px
}

@media only screen and (min-width:1200px) {
    header .accessibility__list:first-child {
        display: none
    }

    [dir=ltr] header .accessibility__list:first-child {
        margin: 0 0 0 25px
    }

    [dir=rtl] header .accessibility__list:first-child {
        margin: 0 25px 0 0
    }
}

header .accessibility__list:last-child {
    display: inline-block
}

@media only screen and (min-width:1200px) {
    header .accessibility__list {
        display: inline-block
    }
}

header .accessibility__icon {
    transition: all .3s;
    font-size: 18px;
    display: block;
    color: #666
}

[dir] header .accessibility__icon {
    margin-top: 6px
}

header .accessibility__icon:hover {
    opacity: .7
}

header .accessibility__link:hover, header .lang {
    text-decoration: none
}

header .lang {
    display: block;
    color: #222733;
    font-family: DroidArabicKufi;
    font-weight: 700;
    font-size: 14px;
    transition: all .3s
}

[dir] header .lang {
    margin-top: 4px
}

@media screen and (min-width:0) {
    header .lang {
        font-size: 14px
    }
}

@media screen and (min-width:768px) {
    header .lang {
        font-size: 14px
    }
}

@media screen and (min-width:992px) {
    header .lang {
        font-size: 16px
    }
}

header .lang:hover {
    color: #d4b678
}

header .hamburger-btn {
    position: relative;
    display: inline-block;
    width: 55px;
    height: 25px;
    z-index: 1000
}

[dir] header .hamburger-btn {
    margin: 0 0 -10px;
    padding: 0;
    cursor: pointer
}

header .hamburger-btn.active {
    z-index: 1000
}

[dir] header .hamburger-btn.active span {
    background: none
}

header .hamburger-btn.active span:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    top: 0 !important
}

[dir] header .hamburger-btn.active span:before {
    background: #fff
}

[dir=ltr] header .hamburger-btn.active span:before {
    left: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

[dir=rtl] header .hamburger-btn.active span:before {
    right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

header .hamburger-btn.active span:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    bottom: 0 !important
}

[dir] header .hamburger-btn.active span:after {
    background: #fff
}

[dir=ltr] header .hamburger-btn.active span:after {
    left: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

[dir=rtl] header .hamburger-btn.active span:after {
    right: 0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

header .hamburger-btn.active:after {
    content: "";
    position: absolute;
    top: -9px;
    width: 55px;
    height: 54px
}

[dir] header .hamburger-btn.active:after {
    background-color: #222733
}

[dir=ltr] header .hamburger-btn.active:after {
    right: 0
}

[dir=rtl] header .hamburger-btn.active:after {
    left: 0
}

@media only screen and (min-width:768px) {
    header .hamburger-btn.active:after {
        height: 70px
    }
}

header .hamburger-btn span {
    position: absolute;
    top: 50%;
    height: 2px;
    width: 20px;
    z-index: 2
}

[dir] header .hamburger-btn span {
    background: #222733
}

[dir=ltr] header .hamburger-btn span {
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

[dir=rtl] header .hamburger-btn span {
    right: 50%;
    -webkit-transform: translate(50%,-50%);
    transform: translate(50%,-50%)
}

header .hamburger-btn span:after {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    bottom: -6px;
    transition: .3s
}

[dir] header .hamburger-btn span:after {
    background: #222733
}

[dir=ltr] header .hamburger-btn span:after {
    left: 0
}

[dir=rtl] header .hamburger-btn span:after {
    right: 0
}

header .hamburger-btn span:before {
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    content: "";
    top: -6px;
    transition: .3s
}

[dir] header .hamburger-btn span:before {
    background: #222733
}

[dir=ltr] header .hamburger-btn span:before {
    left: 0
}

[dir=rtl] header .hamburger-btn span:before {
    right: 0
}

header .hamburger-btn:hover span:after {
    bottom: -7px
}

header .hamburger-btn:hover span:before {
    top: -7px
}

header .hamburger-menu {
    position: fixed;
    width: 100%;
    top: 70px;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 100vh;
    height: calc(100vh - 72px);
    z-index: 999
}

[dir] header .hamburger-menu {
    background-color: #222733;
    padding: 33px 0 0
}

[dir=ltr] header .hamburger-menu {
    left: -100%;
    transition: left .8s ease-in-out
}

[dir=rtl] header .hamburger-menu {
    right: -100%;
    transition: right .8s ease-in-out
}

@media only screen and (min-width:768px) {
    header .hamburger-menu {
        top: 101px;
        height: calc(100vh - 101px)
    }
}

@media only screen and (min-width:1200px) {
    header .hamburger-menu {
        display: none
    }
}

[dir=ltr] header .hamburger-menu.active {
    left: 0
}

[dir=rtl] header .hamburger-menu.active {
    right: 0
}

header .hamburger-menu .accessibility {
    width: 255px;
    display: flex;
    justify-content: center;
    flex-wrap: wrap
}

[dir] header .hamburger-menu .accessibility {
    margin: 0 auto
}

header .hamburger-menu .accessibility__list {
    display: inline-block
}

[dir=ltr] header .hamburger-menu .accessibility__list {
    margin-right: 24px;
    margin-left: 0
}

[dir=rtl] header .hamburger-menu .accessibility__list {
    margin-left: 24px;
    margin-right: 0
}

[dir] header .hamburger-menu .accessibility__list:first-child, [dir] header .hamburger-menu .accessibility__list:last-child {
    margin: 0
}

[dir] header .hamburger-menu .accessibility__search {
    border-color: #fff;
    margin-bottom: 33px
}

header .hamburger-menu .accessibility__search input {
    color: #fff
}

[dir] header .hamburger-menu .accessibility__search input {
    background: transparent
}

header .hamburger-menu .accessibility__search input::-webkit-input-placeholder {
    color: hsla(0,0%,100%,.6)
}

header .hamburger-menu .accessibility__search input:-ms-input-placeholder {
    color: hsla(0,0%,100%,.6)
}

header .hamburger-menu .accessibility__search input::-ms-input-placeholder {
    color: hsla(0,0%,100%,.6)
}

header .hamburger-menu .accessibility__search input::placeholder {
    color: hsla(0,0%,100%,.6)
}

[dir] header .hamburger-menu .accessibility__icon {
    margin-top: 0
}

header .hamburger-menu .accessibility__icon:before {
    color: #c8cbcf
}

header .hamburger-menu .hamburger-nav {
    display: block;
    font-weight: 400;
    font-size: 16px
}

[dir] header .hamburger-menu .hamburger-nav {
    padding: 0;
    margin: 38px 0 0
}

@media screen and (min-width:0) {
    header .hamburger-menu .hamburger-nav {
        font-size: 16px
    }
}

@media screen and (min-width:768px) {
    header .hamburger-menu .hamburger-nav {
        font-size: 18px
    }
}

@media screen and (min-width:992px) {
    header .hamburger-menu .hamburger-nav {
        font-size: 20px
    }
}

header .hamburger-menu .hamburger-nav__list {
    position: relative;
    color: #c8cbcf;
    list-style-type: none
}

[dir] header .hamburger-menu .hamburger-nav__list {
    margin: 0
}

    [dir] header .hamburger-menu .hamburger-nav__list.active {
        background: rgba(192,193,197,.3)
    }

header .hamburger-menu .hamburger-nav__link {
    display: block;
    color: #c6cad6;
    text-decoration: none
}

[dir] header .hamburger-menu .hamburger-nav__link {
    border-bottom: 1px solid hsla(0,0%,100%,.1);
    margin: 0 37px
}

[dir=ltr] header .hamburger-menu .hamburger-nav__link {
    padding: 20px 35px 20px 0
}

[dir=rtl] header .hamburger-menu .hamburger-nav__link {
    padding: 20px 0 20px 35px
}

header .hamburger-menu .hamburger-nav__icon {
    position: absolute;
    top: 0;
    font-size: 16px;
    transition: all .3s
}

[dir] header .hamburger-menu .hamburger-nav__icon {
    padding: 24px
}

[dir=ltr] header .hamburger-menu .hamburger-nav__icon {
    right: 16px
}

[dir=rtl] header .hamburger-menu .hamburger-nav__icon {
    left: 16px
}

[dir=ltr] header .hamburger-menu .hamburger-nav__icon.active {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

[dir=rtl] header .hamburger-menu .hamburger-nav__icon.active {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

header .hamburger-menu .hamburger-sub-nav {
    position: relative;
    display: inline-block;
    width: 100%;
    font-weight: 400;
    font-size: 16px
}

[dir] header .hamburger-menu .hamburger-sub-nav {
    background: #2a3040;
    padding: 0;
    margin: 0
}

@media screen and (min-width:0) {
    header .hamburger-menu .hamburger-sub-nav {
        font-size: 16px
    }
}

@media screen and (min-width:768px) {
    header .hamburger-menu .hamburger-sub-nav {
        font-size: 18px
    }
}

@media screen and (min-width:992px) {
    header .hamburger-menu .hamburger-sub-nav {
        font-size: 20px
    }
}

header .hamburger-menu .hamburger-sub-nav__list {
    position: relative;
    color: #c8cbcf;
    list-style-type: none
}

[dir] header .hamburger-menu .hamburger-sub-nav__list {
    padding: 0;
    margin: 0
}

    [dir] header .hamburger-menu .hamburger-sub-nav__list:last-child .hamburger-sub-nav__link {
        border-bottom: none
    }

    [dir] header .hamburger-menu .hamburger-sub-nav__list.active {
        background: rgba(192,193,197,.3)
    }

header .hamburger-menu .hamburger-sub-nav__link {
    display: block;
    color: #c6cad6;
    text-decoration: none
}

[dir] header .hamburger-menu .hamburger-sub-nav__link {
    border-bottom: 1px solid hsla(0,0%,100%,.1);
    padding: 20px 32px;
    margin: 0 37px
}

[dir] header .hamburger-menu .accordion__inner {
    border: none
}

.accessibility__search {
    position: relative;
    width: 255px;
    box-sizing: border-box
}

[dir] .accessibility__search {
    border: .5px solid rgba(0,0,0,.3);
    border-radius: 15px
}

[dir=ltr] .accessibility__search {
    padding: 2px 40px 2px 9px
}

[dir=rtl] .accessibility__search {
    padding: 2px 9px 2px 40px
}

.accessibility__search input {
    width: 100%;
    outline: none;
    font-size: 14px
}

[dir] .accessibility__search input {
    border: none
}

@media screen and (min-width:0) {
    .accessibility__search input {
        font-size: 14px
    }
}

@media screen and (min-width:768px) {
    .accessibility__search input {
        font-size: 14px
    }
}

@media screen and (min-width:992px) {
    .accessibility__search input {
        font-size: 16px
    }
}

.accessibility__search input::-webkit-input-placeholder {
    color: rgba(45,55,72,.3)
}

.accessibility__search input:-moz-placeholder, .accessibility__search input::-moz-placeholder {
    color: rgba(45,55,72,.3)
}

.accessibility__search input:-ms-input-placeholder {
    color: rgba(45,55,72,.3)
}

.accessibility__search button {
    position: absolute;
    top: 1px;
    outline: none
}

[dir] .accessibility__search button {
    border: none;
    background: no-repeat;
    padding: 0;
    cursor: pointer
}

[dir=ltr] .accessibility__search button {
    right: 5px
}

[dir=rtl] .accessibility__search button {
    left: 5px
}

[dir=rtl] .lang {
    font-family: Proximanova
}

header .accessibility__search {
    display: none
}

[dir=rtl] header .hamburger-nav__icon, [dir=rtl] header .sub-menu__icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

[dir] .placeholder {
    background-color: #fff;
    padding: 32px 0
}

[dir] .placeholder--transparent {
    background-color: transparent
}

@media only screen and (min-width:768px) {
    [dir] .placeholder {
        padding: 64px 0
    }
}

@media only screen and (min-width:1200px) {
    [dir] .placeholder {
        padding: 104px 0
    }
}

[dir] .placeholder.placeholder-sm-spacing {
    padding: 24px 0
}

@media only screen and (min-width:576px) {
    [dir] .placeholder.placeholder-sm-spacing {
        padding: 40px 0
    }
}

[dir] .placeholder--bg-brand {
    background-color: #d4b678
}

[dir] .placeholder--bg-mute {
    background-color: #f4f8fd
}

[dir] .placeholder--bg-light {
    background-color: #fafafd
}

[dir] .placeholder--bg-medium {
    background-color: #eaecf5
}

[dir] .placeholder--bg-medium-2 {
    background-color: #eaeaea
}

[dir] .placeholder--bg-light-grey {
    background-color: #fafafd
}

[dir] .placeholder--no-padding {
    padding: 0
}

[dir] .placeholder--bg-purple {
    background-color: #26262e
}

[dir] .placeholder--bg-dark-grey {
    background-color: #282e3e
}

[dir] .placeholder--bg-light-medium {
    background-color: #f7f9fc
}

[dir=ltr] .placeholder--popular-e-services-bg {
    background: #f4f6fb url(assets/images/vector-bg.png) repeat 0
}

[dir=rtl] .placeholder--popular-e-services-bg {
    background: #f4f6fb url(assets/images/vector-bg.png) repeat 100%
}

[dir=ltr] .placeholder--vector-white-grey-bg {
    background: #f4f6fb url(assets/images/vector-bg.png) repeat 0
}

[dir=rtl] .placeholder--vector-white-grey-bg {
    background: #f4f6fb url(assets/images/vector-bg.png) repeat 100%
}

[dir=ltr] .placeholder--vector-grey-bg {
    background: #fff url(assets/images/vector-bg-repeat-grey.png) repeat 0
}

[dir=rtl] .placeholder--vector-grey-bg {
    background: #fff url(assets/images/vector-bg-repeat-grey.png) repeat 100%
}

.placeholder--vector-bg-dark {
    position: relative
}

[dir] .placeholder--vector-bg-dark {
    background: #282e3e
}

.placeholder--vector-bg-dark:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    opacity: .1;
    z-index: 3
}

[dir=ltr] .placeholder--vector-bg-dark:after {
    background: url(../assets/images/vector-bg-repeat.png) repeat 0;
    left: 0;
    right: 0
}

[dir=rtl] .placeholder--vector-bg-dark:after {
    background: url(../assets/images/vector-bg-repeat.png) repeat 100%;
    right: 0;
    left: 0
}

footer {
    overflow: hidden
}

[dir] footer {
    padding: 50px 0;
    border-top: .5px solid rgba(173,171,172,.4);
    background: #fff
}

@media only screen and (min-width:992px) {
    [dir] footer {
        padding: 106px 0 50px
    }
}

@media only screen and (min-width:992px) {
    footer .make-it-in-the-emirates {
        position: absolute;
        bottom: 16px
    }

    [dir=ltr] footer .make-it-in-the-emirates {
        right: 15px
    }

    [dir=rtl] footer .make-it-in-the-emirates {
        left: 15px
    }
}

footer .call-center-wrap {
    min-width: 307px;
    color: #d4b678;
    font-size: 18px
}

[dir] footer .call-center-wrap {
    margin-bottom: 40px
}

@media only screen and (min-width:992px) {
    [dir] footer .call-center-wrap {
        margin-bottom: 0
    }

    [dir=ltr] footer .call-center-wrap {
        margin-right: 52px
    }

    [dir=rtl] footer .call-center-wrap {
        margin-left: 52px
    }
}

@media screen and (min-width:0) {
    footer .call-center-wrap {
        font-size: 18px
    }
}

@media screen and (min-width:768px) {
    footer .call-center-wrap {
        font-size: 20px
    }
}

@media screen and (min-width:992px) {
    footer .call-center-wrap {
        font-size: 24px
    }
}

footer .call-center-wrap .call-center {
    align-items: center
}

[dir] footer .call-center-wrap .call-center {
    margin-bottom: 50px
}

@media only screen and (min-width:992px) {
    [dir] footer .call-center-wrap .call-center {
        margin-bottom: 90px
    }
}

[dir=ltr] footer .call-center-wrap .call-center__icon {
    margin-right: 25px
}

[dir=rtl] footer .call-center-wrap .call-center__icon {
    margin-left: 25px
}

footer .call-center-wrap .call-center__icon i {
    font-size: 32px
}

@media screen and (min-width:0) {
    footer .call-center-wrap .call-center__icon i {
        font-size: 32px
    }
}

@media screen and (min-width:768px) {
    footer .call-center-wrap .call-center__icon i {
        font-size: 48px
    }
}

@media screen and (min-width:992px) {
    footer .call-center-wrap .call-center__icon i {
        font-size: 56px
    }
}

footer .call-center-wrap .call-center__text {
    width: 100%
}

    footer .call-center-wrap .call-center__text span {
        display: block;
        font-weight: 700
    }

    footer .call-center-wrap .call-center__text a {
        color: #666878;
        text-decoration: none
    }

[dir] footer .quick-links {
    border-top: .5px solid #cbd5e0;
    padding-top: 40px
}

@media only screen and (min-width:768px) and (max-width:992px) {
    footer .quick-links {
        width: 75%
    }
}

@media only screen and (min-width:768px) {
    [dir] footer .quick-links {
        border-top: 0
    }
}

@media only screen and (min-width:992px) {
    [dir] footer .quick-links {
        padding-top: 0;
    }

    [dir=ltr] footer .quick-links {
        border-left: .5px solid #adabac;
        padding-left: 59px;
    }

    [dir=rtl] footer .quick-links {
        border-right: .5px solid #adabac;
        padding-right: 59px;
    }
}

footer .quick-links h2 {
    color: #c6cad6;
    font-weight: 900;
    font-size: 24px
}

[dir] footer .quick-links h2 {
    margin-bottom: 16px
}

@media screen and (min-width:0) {
    footer .quick-links h2 {
        font-size: 24px
    }
}

@media screen and (min-width:768px) {
    footer .quick-links h2 {
        font-size: 32px
    }
}

@media screen and (min-width:992px) {
    [dir] footer .quick-links h2 {
        font-size: 32px
    }
}

footer .links-wrap {
    width: 100%;
    justify-content: space-between
}

@media only screen and (min-width:992px) {
    [dir] footer .footer-links-wrap {
        margin-bottom: 60px;
    }
}

@media only screen and (min-width:0px) and (max-width:992px) {
    [dir] footer .footer-links-wrap .footer-nav {
        margin-bottom: 24px
    }
}

@media only screen and (min-width:0px) and (max-width:767px) {
    [dir] footer .footer-links-wrap .social-icon {
        margin-bottom: 24px
    }
}

footer .accessibility h3 {
    font-size: 14px;
    font-weight: 700
}

[dir] footer .accessibility h3 {
    margin-bottom: 8px
}

@media screen and (min-width:0) {
    footer .accessibility h3 {
        font-size: 14px
    }
}

@media screen and (min-width:768px) {
    footer .accessibility h3 {
        font-size: 16px
    }
}

@media screen and (min-width:992px) {
    footer .accessibility h3 {
        font-size: 18px
    }
}

footer .accessibility__search {
    width: 298px;
    height: 32px
}

[dir] footer .accessibility__search {
    padding-top: 0;
    padding-bottom: 0
}

footer .accessibility__search button, footer .accessibility__search input {
    top: 0
}

@media only screen and (min-width:992px) {
    footer .accessibility__search button, footer .accessibility__search input {
        top: -5px
    }
}

footer .accessibility__search input {
    position: relative
}

.footer-bottom p, .footer-bottom span, .footer-bottom strong {
    color: #666878
}

.footer-bottom .wrap {
    align-items: center
}

@media only screen and (min-width:992px) {
    .footer-bottom .site-text-wrap {
        min-width: 213px;
        max-width: 213px
    }

    [dir=ltr] .footer-bottom .site-text-wrap {
        margin-right: 44px
    }

    [dir=rtl] .footer-bottom .site-text-wrap {
        margin-left: 44px
    }
}

[dir=ltr] .footer-bottom .browser-support-wrap {
    margin-right: 59px
}

[dir=rtl] .footer-bottom .browser-support-wrap {
    margin-left: 59px
}

[dir=ltr] .footer-bottom .browser-support-wrap .browser-support {
    margin-right: 10px
}

[dir=rtl] .footer-bottom .browser-support-wrap .browser-support {
    margin-left: 10px
}

[dir=ltr] .footer-bottom .browser-support-wrap .browser-support:last-of-type {
    margin-right: 0
}

[dir=rtl] .footer-bottom .browser-support-wrap .browser-support:last-of-type {
    margin-left: 0
}

.footer-bottom .browser-support-wrap .browser-support span {
    display: block;
    width: 100%
}

@media only screen and (min-width:992px) {
    .footer-bottom .site-update-wrap {
        min-width: 155px;
        max-width: 155px;
    }

    [dir=ltr] .footer-bottom .site-update-wrap {
        margin-right: 71px
    }

    [dir=rtl] .footer-bottom .site-update-wrap {
        margin-left: 71px
    }
}

@media only screen and (min-width:992px) {
    .footer-bottom .program-icon-wrap {
        min-width: 225px;
        max-width: 225px;
    }

    [dir=ltr] .footer-bottom .program-icon-wrap {
        border-left: .5px solid #adabac;
        padding-left: 83px;
        margin-right: 46px
    }

    [dir=rtl] .footer-bottom .program-icon-wrap {
        border-right: .5px solid #adabac;
        padding-right: 83px;
        margin-left: 46px
    }
}

@media only screen and (min-width:992px) {
    .footer-bottom .apps-wrap {
        min-width: 135px;
        max-width: 135px
    }

    [dir=ltr] .footer-bottom .apps-wrap {
        margin-right: 46px
    }

    [dir=rtl] .footer-bottom .apps-wrap {
        margin-left: 46px
    }
}

.footer-bottom .visitor-count-wrap span {
    display: block
}

.footer-bottom__text {
    font-size: 12px
}

[dir] .footer-bottom__text {
    margin: 0
}

@media screen and (min-width:0) {
    .footer-bottom__text {
        font-size: 12px
    }
}

@media screen and (min-width:768px) {
    .footer-bottom__text {
        font-size: 12px
    }
}

@media screen and (min-width:992px) {
    .footer-bottom__text {
        font-size: 13px
    }
}

.footer-bottom__text img {
    width: auto !important
}

.footer-bottom__icon-text {
    font-weight: 700;
    font-size: 10px
}

@media screen and (min-width:0) {
    .footer-bottom__icon-text {
        font-size: 10px
    }
}

@media screen and (min-width:768px) {
    .footer-bottom__icon-text {
        font-size: 10px
    }
}

@media screen and (min-width:992px) {
    .footer-bottom__icon-text {
        font-size: 12px
    }
}

.footer-bottom strong {
    font-weight: 700
}

[dir=ltr] .footer-bottom i {
    margin-right: 11px
}

[dir=rtl] .footer-bottom i {
    margin-left: 11px
}

[dir=ltr] .footer-bottom i:last-child {
    margin-right: 0
}

[dir=rtl] .footer-bottom i:last-child {
    margin-left: 0
}

[dir=ltr] .footer-bottom__logo {
    border-right: 1px solid #adabac;
    padding-right: 16px;
    margin-right: 16px;
    min-height: 50px;
    align-items: center;
    display: flex;
}

[dir=rtl] .footer-bottom__logo {
    border-left: 1px solid #adabac;
    padding-left: 16px;
    margin-left: 16px
}

[dir] .footer-bottom__logo:last-child {
    border: none;
    padding: 0;
    margin: 0
}

[dir] .footer-bottom .border-y {
    border-top: 1px solid #cbd5e0;
    border-bottom: 1px solid #cbd5e0;
    padding: 8px 0;
    margin-bottom: 16px
}

@media only screen and (min-width:992px) {
    [dir] .footer-bottom .border-y {
        margin-bottom: 42px
    }
}

[dir] .footer-bottom .mb-custom {
    margin-bottom: 16px
}

@media only screen and (min-width:992px) {
    [dir] .footer-bottom .mb-custom {
        margin-bottom: 0
    }
}

[dir] .footer-nav {
    padding: 0;
    margin: 0 0 64px
}

.footer-nav__list {
    width: 100%;
    color: #a5acc2;
    font-weight: 700;
    list-style-type: none;
    font-size: 14px
}

[dir] .footer-nav__list {
    margin-bottom: 16px
}

@media screen and (min-width:0) {
    .footer-nav__list {
        font-size: 14px
    }
}

@media screen and (min-width:768px) {
    .footer-nav__list {
        font-size: 14px
    }
}

@media screen and (min-width:992px) {
    .footer-nav__list {
        font-size: 16px
    }
}

.footer-nav__list i {
    font-size: 13px
}

[dir=ltr] .footer-nav__list i {
    margin-left: 10px
}

[dir=rtl] .footer-nav__list i {
    margin-right: 10px
}

.footer-nav__link {
    color: #a5acc2;
    text-decoration: none;
    transition: .5s
}

@media screen and (prefers-reduced-motion:reduce) {
    .footer-nav__link {
        transition: none
    }
}

@media only screen and (min-width:992px) {
    .footer-nav__link {
        display: block;
        max-width: 90%
    }
}

.footer-nav__link:hover {
    color: #d4b678
}

@media only screen and (min-width:992px) {
    [dir] .footer-nav {
        margin-bottom: 0
    }
}

.footer-nav--regular .footer-nav__list {
    font-weight: 400
}

    .footer-nav--regular .footer-nav__list:first-child {
        font-weight: 700;
        pointer-events: none
    }

        .footer-nav--regular .footer-nav__list:first-child i {
            display: none
        }

.footer-nav.footer-nav-group {
    flex-wrap: wrap
}

@media only screen and (min-width:992px) {
    .footer-nav.footer-nav-group {
        min-width: 620px;
        max-width: 620px
    }
}

.footer-nav.footer-nav-group li {
    width: 100%
}

@media only screen and (min-width:768px) {
    .footer-nav.footer-nav-group li {
        width: 50%
    }
}

@media only screen and (min-width:992px) {
    .footer-nav.footer-nav-group li {
        width: 205px
    }
}

.footer-nav.footer-nav-group li a {
    font-size: 14px;
    font-weight: 400;
    color: #666878
}

@media screen and (min-width:0) {
    .footer-nav.footer-nav-group li a {
        font-size: 14px
    }
}

@media screen and (min-width:768px) {
    .footer-nav.footer-nav-group li a {
        font-size: 14px
    }
}

@media screen and (min-width:992px) {
    .footer-nav.footer-nav-group li a {
        font-size: 16px
    }
}

[dir] .social-icon {
    padding: 0;
    margin: 0 0 64px
}

@media only screen and (min-width:992px) {
    [dir] .social-icon {
        margin-bottom: 0
    }
}

.social-icon__list {
    display: inline-block
}

[dir=ltr] .social-icon__list:last-child .social-icon__link {
    margin-right: 0
}

[dir=rtl] .social-icon__list:last-child .social-icon__link {
    margin-left: 0
}

.social-icon__link {
    color: #666878;
    font-size: 18px
}

[dir=ltr] .social-icon__link {
    margin-right: 20px
}

[dir=rtl] .social-icon__link {
    margin-left: 20px
}

@media screen and (min-width:0) {
    .social-icon__link {
        font-size: 18px
    }
}

@media screen and (min-width:768px) {
    .social-icon__link {
        font-size: 20px
    }
}

@media screen and (min-width:992px) {
    .social-icon__link {
        font-size: 24px
    }
}

.social-icon__link:hover {
    color: #d4b678;
    transition: .5s
}

@media screen and (prefers-reduced-motion:reduce) {
    .social-icon__link:hover {
        transition: none
    }
}



[dir=rtl] .fa-external-link-alt {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    -webkit-filter: FlipH;
    filter: FlipH;
    -ms-filter: "FlipH"
}

@media only screen and (min-device-width:1024px) and (max-device-height:1366px) and (-webkit-min-device-pixel-ratio:2) and (orientation:portrait) {
    footer .footer-links-wrap {
        flex-wrap: wrap
    }

    [dir] footer .footer-links-wrap, [dir] footer .footer-links-wrap .accessibility {
        margin-bottom: 40px
    }

    footer .footer-links-wrap .links-wrap {
        flex-wrap: wrap
    }

    footer .call-center-wrap, footer .quick-links {
        min-width: 100%
    }

    [dir] footer .quick-links {
        border: 0
    }

    [dir=ltr] footer .quick-links {
        padding-left: 0
    }

    [dir=rtl] footer .quick-links {
        padding-right: 0
    }

    footer .footer-nav.footer-nav-group {
        min-width: 100%;
        max-width: 100%
    }

        footer .footer-nav.footer-nav-group .footer-nav__list {
            width: 33%
        }

    footer .footer-bottom .border-y {
        flex-wrap: wrap
    }

        footer .footer-bottom .border-y .mb-custom {
            min-width: 50%
        }

    [dir] footer .footer-bottom .border-y .mb-custom {
        margin-bottom: 16px
    }

    [dir=ltr] footer .footer-bottom .border-y .mb-custom, [dir=rtl] footer .footer-bottom .border-y .mb-custom {
        padding-left: 0;
        padding-right: 0
    }
}



.social-links {
    list-style: none;
    display: flex;
    justify-content: space-between
}

[dir] .social-links {
    margin: 0;
    padding: 0
}









@font-face {
    font-family: icomoon;
    src: url(../assets/fonts/icomoon.eot);
    src: url(../assets/fonts/icomoon.eot#iefix) format("embedded-opentype"),url(../assets/fonts/icomoon.ttf) format("truetype"),url(../assets/fonts/icomoon.woff) format("woff"),url(../assets/fonts/icomoon.svg#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
}

.icon-industrial-services-platform:before {
    content: "\E91B"
}

.icon-standards-platform:before {
    content: "\E91C"
}

.icon-accreditation-platform1:before {
    content: "\E900"
}

.icon-adnorid:before {
    content: "\E901"
}

.icon-apple:before {
    content: "\E902"
}

.icon-arrow-left-right-fill:before {
    content: "\E903"
}

.icon-bank-line:before {
    content: "\E904"
}

.icon-commodities-prices:before {
    content: "\E905"
}

.icon-conformity:before {
    content: "\E906"
}

.icon-earth-line:before {
    content: "\E907"
}

.icon-email:before {
    content: "\E908"
}

.icon-flash:before {
    content: "\E909"
}

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

.icon-industry:before {
    content: "\E90B"
}

.icon-info:before {
    content: "\E90C"
}

.icon-line-chart-line:before {
    content: "\E90D"
}

.icon-pdf-icon:before {
    content: "\E90E"
}

.icon-profile:before {
    content: "\E90F"
}

.icon-question:before {
    content: "\E910"
}

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

.icon-setting-icon:before {
    content: "\E913"
}

.icon-standards-platform1:before {
    content: "\E914"
}

.icon-strategic-icon-1:before {
    content: "\E915"
}

.icon-strategic-icon-2:before {
    content: "\E916"
}

.icon-strategic-icon-3:before {
    content: "\E917"
}

.icon-strategic-icon-4:before {
    content: "\E918"
}

.icon-windows-icon:before {
    content: "\E919"
}


[dir=rtl] .pl-5, [dir=rtl] .px-5 {
    padding-left: 0 !important;
}


[dir=rtl] .ml-4, [dir=rtl] .mx-4 {
    margin-left: 0 !important;
}

.header-wrap .sub-menu .row.no-gutters .col-12 {
    position: relative;
}


.container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    width: 100%;
}

@media (min-width: 576px) {
    .container, .container-sm {
        max-width: 100%;
    }
}

@media (min-width: 768px) {
    .container, .container-md, .container-sm {
        max-width: 100%;
    }
}

@media (min-width: 992px) {
    .container, .container-lg, .container-md, .container-sm {
        max-width: 100%;
    }
}

@media (min-width: 1200px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl {
        max-width: 1328px;
    }
}

@media (max-width: 992px) {
    .btn-site-employee {
        margin-bottom: 15px;
    }

    footer .call-center-wrap,
    footer .call-center-wrap .call-center {
        margin-bottom: 0 !important;
    }

        footer .call-center-wrap .call-center {
            border-bottom: 1px solid #cbd5e0;
            padding-bottom: 40px;
        }

    .social-icon {
        margin-bottom: 30px !important;
    }

    .footer-bottom .wrap {
        padding-top: 20px !important;
    }

    .bg-site {
        background-color: #fff;
    }
}

@media (max-width: 475.98px) {
    .responsiveLogin .form-group .btn, .btn.bg-back, .btn.btn-site {
        display: block;
        width: 100%;
        margin-bottom: 15px;
        margin-left: 0 !important;
    }



    .footer-bottom__logo img, .footer-bottom__logo svg {
        vertical-align: middle;
        width: 100%;
    }
}




.services-icon-text-card-wrap {
    justify-content: space-around;
    display: flex;
}

@media only screen and (min-width:992px) {
    .services-icon-text-card-wrap {
        display: flex !important;
    }
}

.services-icon-text-card {
    position: relative;
}

[dir] .services-icon-text-card {
    text-align: center;
}



.services-icon-text-card:after {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    height: 65px;
    width: 1px;
}

[dir] .services-icon-text-card:after {
    transform: translateY(-50%);
    background-color: rgba(160, 174, 192, .5);
}

[dir=ltr] .services-icon-text-card:after {
    right: -50%;
}

[dir=rtl] .services-icon-text-card:after {
    left: 0;
}

.services-icon-text-card:last-of-type:after {
    display: none;
}

.services-icon-text-card__link {
    display: block;
    transition: .5s;
    position: relative;
}

[dir] .services-icon-text-card__link {
    padding: 40px 0;
}

@media (prefers-reduced-motion:reduce) {
    .services-icon-text-card__link {
        transition: none;
    }
}

.services-icon-text-card__link.active, .services-icon-text-card__link:hover {
    text-decoration: none;
}

    .services-icon-text-card__link.active i, .services-icon-text-card__link:hover i {
        color: #d4b678;
    }

    .services-icon-text-card__link.active > .services-icon-text-card__heading h6, .services-icon-text-card__link:hover > .services-icon-text-card__heading h6 {
        color: #000;
    }

    .services-icon-text-card__link.active:after, .services-icon-text-card__link:hover:after {
        content: "";
        width: 0;
        height: 0;
        position: absolute;
        bottom: 0;
    }

[dir] .services-icon-text-card__link.active:after, [dir] .services-icon-text-card__link:hover:after {
    border-bottom: 15px solid #f7f9fc;
}

[dir=ltr] .services-icon-text-card__link.active:after, [dir=ltr] .services-icon-text-card__link:hover:after {
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

[dir=rtl] .services-icon-text-card__link.active:after, [dir=rtl] .services-icon-text-card__link:hover:after {
    border-right: 15px solid transparent;
    border-left: 15px solid transparent;
    right: 50%;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
}

.services-icon-text-card__icon i {
    display: block;
    font-size: 39px;
    color: #a0aec0;
}

[dir] .services-icon-text-card__icon i {
    margin-bottom: 24px;
}

.services-icon-text-card__heading h6 {
    font-size: 14px;
    color: #a0aec0;
    font-weight: 700;
}

[dir] .services-icon-text-card__heading h6 {
    margin-bottom: 0;
}

@media screen and (min-width:0) {
    .services-icon-text-card__heading h6 {
        font-size: 14px;
    }
}

@media screen and (min-width:768px) {
    .services-icon-text-card__heading h6 {
        font-size: 14px;
    }
}

@media screen and (min-width:992px) {
    .services-icon-text-card__heading h6 {
        font-size: 16px;
    }
}



/*Service*/
.main-heading.dark {
    color: #282e3e;
    font-size: 26px;
}

.main-heading:after {
    content: "";
    display: block;
    height: 3px;
    width: 88px;
    position: absolute;
    bottom: -11px;
    background-color: #282e3e;
}

.main-sub-heading {
    color: #d4b678;
    font-size: 15px;
    font-weight: 700;
}

.boxesArea {
    border: 1px solid #e0e6ec;
}

    .boxesArea:hover {
        background: #f9f9f9;
        border-color: #ffffff;
    }

    .boxesArea .topBox {
        display: block;
    }

    .boxesArea h6 {
        text-align: center !important;
    }

    .boxesArea p {
        color: #a7a7a7;
        text-align: center;
    }

        .boxesArea p span {
            color: #666878;
        }

    .boxesArea a {
        color: #a7a7a7;
    }

    .boxesArea .bottomBox i.fas {
        color: #a0aec0;
        font-size: 19px;
    }

    .boxesArea .bottomBox:hover i {
        color: #d4b678;
    }

    .boxesArea .topBox i.fas {
        color: #a0aec0;
        font-size: 12px;
    }

    .boxesArea .topBox:hover i,
    .boxesArea .topBox:hover p span,
    .boxesArea .topBox:hover h6 {
        color: #d4b678;
    }







.registration-card {
    text-align: center;
    height: 100%;
    position: relative;
    border: 1px solid rgba(160,174,192,.5);
}

    .registration-card:hover h4,
    .registration-card:hover .registration-card__icon {
        color: #d4b678;
    }










.row-eq-height {
    display: flex;
    flex-wrap: wrap;
}

.registration-card__wrap {
    height: 100%;
}


[dir] .registration-card {
    /*background-color: rgba(34,39,51,.05);*/
    padding: 32px 13px
}

@media only screen and (min-width:576px) {
    [dir] .registration-card {
        padding: 32px 13px
    }
}

[dir=ltr] .registration-card__icon {
    margin-right: 16px;
    color: #718096;
    font-size: 39px;
}

}

[dir=rtl] .registration-card__icon {
    margin-left: 16px
}

.registration-card__icon i {
    margin-bottom: 15px;
    display: block;
}

.registration-card__icon h4 {
    color: #718096;
    font-size: 16px
}

[dir] .registration-card__icon h4 {
    margin-bottom: 16px
}

@media screen and (min-width:0) {
    .registration-card__icon h4 {
        font-size: 16px
    }
}

@media screen and (min-width:768px) {
    .registration-card__icon h4 {
        font-size: 16px
    }
}

@media screen and (min-width:992px) {
    .registration-card__icon h4 {
        font-size: 16px
    }
}

.registration-card__details .btn-wrap .btn {
    font-size: 14px;
    font-weight: 700
}

[dir] .registration-card__details .btn-wrap .btn {
    padding: 6px 16px
}

[dir=ltr] .registration-card__details .btn-wrap .btn {
    margin-right: 2px
}

[dir=rtl] .registration-card__details .btn-wrap .btn {
    margin-left: 2px
}

@media screen and (min-width:0) {
    .registration-card__details .btn-wrap .btn {
        font-size: 14px
    }
}

@media screen and (min-width:768px) {
    .registration-card__details .btn-wrap .btn {
        font-size: 14px
    }
}

@media screen and (min-width:992px) {
    .registration-card__details .btn-wrap .btn {
        font-size: 16px
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    [dir] .registration-card__details .btn-wrap .btn {
        margin-bottom: 8px
    }
}

.registration-card__details .btn-wrap .btn {
    font-size: 14px;
    font-weight: 700
}

[dir] .registration-card__details .btn-wrap .btn {
    padding: 6px 8px
}

[dir=ltr] .registration-card__details .btn-wrap .btn {
    margin-right: 2px
}

[dir=rtl] .registration-card__details .btn-wrap .btn {
    margin-left: 2px
}

@media screen and (min-width:0) {
    .registration-card__details .btn-wrap .btn {
        font-size: 14px
    }
}

@media screen and (min-width:768px) {
    .registration-card__details .btn-wrap .btn {
        font-size: 14px
    }
}

@media screen and (min-width:992px) {
    .registration-card__details .btn-wrap .btn {
        font-size: 15px
    }
}

@media only screen and (min-width:0px) and (max-width:360px) {
    [dir] .registration-card__details .btn-wrap .btn {
        margin-bottom: 8px
    }
}


[dir] .registration-card__details .btn {
    background-color: #d4b678;
    color: #fff;
}

@media screen and (prefers-reduced-motion:reduce) {
    .registration-card__details .btn {
        transition: none
    }
}

[dir=ltr] .registration-card__details .btn i {
    margin-left: 10px
}

[dir=rtl] .registration-card__details .btn i {
    margin-right: 10px
}

.registration-card__details .btn:hover {
    color: #313848 !important
}

[dir] .registration-card__details .btn:hover {
    background-color: #c6cad6 !important
}

[dir] .registration-card__details .btn-black {
    background-color: #222733
}

.registration-card__details .modal-header {
    background-color: #282e3e;
}

.relaPosition {
    position: relative;
}

.chat-icon {
    position: fixed;
    bottom: 50px;
    left: 20px;
    z-index: 999;
    cursor: pointer;
}

    .chat-icon.ar {
        left: initial;
        right: 20px;
        direction: ltr;
    }

/*.chat-icon-holder {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #d4b678;
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
}

    .chat-icon-holder:hover {
        opacity: 0.8;
    }

    .chat-icon-holder i {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        font-size: 25px;
        color: #ffffff;
    }*/

.chat-icon-holder {
    width: 50px;
    height: 50px;
    border-radius: 100%;
    background: #d4b678;
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
    display: flex;
    align-items: center;
    justify-content: center;
}

    .chat-icon-holder:hover {
        opacity: 0.8;
    }

    .chat-icon-holder i {
        font-size: 25px;
        color: #ffffff;
    }


.chat-question-con {
    width: 60px;
    height: 60px;
    background: #bfa260;
}

.chat-options {
    list-style-type: none;
    margin: 0;
    position: absolute;
    bottom: 70px;
    padding: 0;
    opacity: 0;
    transition: all 0.3s ease;
    transform: scale(0);
    transform-origin: 85% bottom;
}

.chat-icon.ar .chat-options {
    direction: rtl;
    right: 0;
}

.chat-question-con:hover + .chat-options, .chat-options:hover {
    opacity: 1;
    transform: scale(1);
    padding-bottom: 20px;
    margin-bottom: -20px;
}

.chat-options li {
    display: flex;
    padding: 5px;
}

.chat-label {
    align-self: center;
    user-select: none;
    white-space: nowrap;
    box-shadow: 0 6px 20px rgba(0,0,0,0.2);
    color: #fff;
    background: #666;
    padding: 10px;
    border: 1px solid #666;
    font-weight: bolder;
    display: flex;
    width: 190px;
    border-radius: 5px;
}

.chat-icon.ar .chat-label {
    margin-right: 5px;
    cursor: pointer;
    color: white;
    text-decoration: none !important;
}

.chat-icon:not(.ar) .chat-label {
    margin-left: 5px;
    cursor: pointer;
    color: white;
    text-decoration: none !important;
}

chatbot-iframe a {
    position: absolute;
    z-index: 1001;
    top: 2px;
    right: 5px;
    height: 30px;
    color: white;
    font-weight: bold;
    font-size: 38px;
}

.close {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    opacity: .5;
    border: none;
}

    .close:hover, .close:focus {
        color: #000;
        text-decoration: none;
        opacity: .75;
    }

    .close:not(:disabled):not(.disabled) {
        cursor: pointer;
    }

.game-iframe-container {
    z-index: 1000;
    position: fixed;
    bottom: 0;
    width: 400px
}

@media (max-width: 480px) {
    .game-iframe-container {
        width: 100%;
    }
}

.iframe-container-title {
    padding-top: 10px;
    display: flex;
    justify-content: space-between;
}

.iframe-container-title-text {
    font-size: 16px;
}

.iframe-container-title-button {
    padding: 0 10px;
}

.popup-iframe {
    width: 100%;
    height: 500px;
}

#chatBotIframe > button {
    top: 20px;
    position: absolute;
    right: 15px;
}

[dir=ltr] .program-used {
    border-left: 1px solid #adabac;
    padding-left: 10px;
    padding-right: 5px;
}

[dir=rtl] .program-used {
    border-right: 1px solid #adabac;
    padding-right: 10px;
    padding-left: 5px;
}

.program-icon {
    padding: 0 5px;
    color: #adabac;
}

[dir=ltr] .last-icon {
    margin-right: 70px;
}

[dir=rtl] .last-icon {
    margin-left: 70px;
}

.mystry-shopper {
    transition: -webkit-transform .5s ease;
    transition-property: -webkit-transform;
    transition-duration: 0.5s;
    transition-timing-function: ease;
    transition-delay: 0s;
}

    .mystry-shopper:hover {
        width: 280px;
    }

.email-not-confirmed > .validation-summary-errors ul {
    all: unset;
}

.underLineLink:hover {
    text-decoration: underline;
}

.nav-tabs .nav-link:not(.active) {
    border-color: transparent !important;
}


footer .call-center-wrap .tawasul {
    width: 100%;
}

[dir] footer .call-center-wrap .tawasul .tawasul-number-wrapper {
    margin-top: 12px;
    border-top: 1px solid #010101;
    padding-top: 6px;
}

footer .call-center-wrap .tawasul .tawasul-number-wrapper {
    width: 176px;
    display: flex;
    justify-content: space-between;
}

footer .call-center-wrap .tawasul .tawasul-number {
    color: #010101;
    font-weight: 500;
    display: flex;
    align-items: center;
    text-decoration: none;
}

[dir=ltr] footer .call-center-wrap .tawasul .tawasul-number i {
    background: linear-gradient(90deg,#00993f .16%,#27aa5a 99.87%);
    margin-right: 6px;
}

[dir] footer .call-center-wrap .tawasul .tawasul-number i {
    padding: 4px;
    border-radius: 4px;
}

footer .call-center-wrap .tawasul .tawasul-number i {
    color: #fff;
    font-size: 12px;
}

footer .call-center-wrap .tawasul .tawasul-number {
    color: #010101;
    font-weight: 500;
    display: flex;
    align-items: center;
    text-decoration: none;
}

[dir] footer .call-center-wrap .tawasul {
    margin-bottom: 32px;
}

[dir] footer .call-center-wrap .call-center {
    margin-bottom: 24px;
}

footer .call-center-wrap .call-center {
    width: 100%;
    align-items: center;
}

.d-flex {
    display: flex !important;
}

[dir=ltr] footer .call-center-wrap .call-center__icon {
    margin-right: 20px;
}

footer .call-center-wrap {
    min-width: 307px;
    color: #d4b678;
}

    footer .call-center-wrap .call-center__text {
        width: 100%;
    }

.img-fluid, .img-thumbnail {
    max-width: 100%;
    height: auto;
}

footer .call-center-wrap .tawasul .tawasul-number {
    color: #010101;
    font-weight: 500;
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 17px;
}

[dir=rtl] footer .call-center-wrap .tawasul .tawasul-number i {
    background: linear-gradient(-90deg,#00993f .16%,#27aa5a 99.87%);
    margin-left: 6px;
}


.custom-label::after {
    content: ":";
    display: inline;
}

@media screen and (max-width: 579px) {
    .d-md-inline {
        display: inline !important; /* Display on small screens */
    }

    .d-sm-none {
        display: none !important; /* Hide on small screens */
    }

    .custom-label::after {
        margin-left: 8px;
    }
    .field-title {
        font-weight: bold;
    }

    .field-value {
        margin-bottom: 8px;
    }
}


@media screen and (max-width: 767px) {
    .userprofile .form-control {
        width: 280px;
    }

    .btn.full-width-mobile {
        width: 280px;
    }

    @media screen and (max-width: 767px) and (orientation: landscape) {
        .userprofile .form-control {
            width: 600px;
        }

        .btn.full-width-mobile {
            width: 500px;
        }
    }
}

table {
    table-layout: auto;
    word-break: break-word;
}

.read-only-select {
    pointer-events: none;
    background-color: #e9ecef; 
}