html:lang(en-US) h1, html:lang(en-US) h3, html:lang(en-US) h4, html:lang(en-US) h6,  html:lang(en-US) a, html:lang(en-US) body, html:lang(en-US) li, html:lang(en-US) p  {
font-family: "Almarai", sans-serif;
font-weight: 400;
font-style: normal;
}
html:lang(en-US) strong {
    font-family: "Almarai", sans-serif;
    font-weight: 700;
    font-style: normal;
}


html:lang(ar) a, html:lang(ar) body, html:lang(ar) h1, html:lang(ar) h3, html:lang(ar) h4, html:lang(ar) h6, html:lang(ar) li, html:lang(ar) p, html:lang(ar) strong {
    font-family: "Almarai", sans-serif;
    letter-spacing: -1px;
}
ul .wpml-ls-menu-item a {
    display: flex;
    align-items: center
}
html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: "Almarai", sans-serif;
}
body {
    margin: 0
}
footer, header, main, menu, nav, section {
    display: block
}
audio, progress, video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
progress {
    vertical-align: baseline
}
[hidden], template {
    display: none
}
a {
    background-color: transparent; text-decoration: none;
}
a:active, a:hover {
    outline-width: 0
}
strong {
    font-weight: inherit;
    font-weight: bolder
}
mark {
    background-color: #ff0;
    color: #000
}
img {
    border-style: none
}
svg:not(:root) {
    overflow: hidden
}
button, input, select, textarea {
    font: inherit
}
optgroup {
    font-weight: 700
}
button, input, select {
    overflow: visible
}
button, select {
    text-transform: none
}


fieldset {
    border: 1px solid silver;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
textarea {
    overflow: auto
}
[type=checkbox], [type=radio] {
    box-sizing: border-box;
    padding: 0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
    -webkit-appearance: textfield
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
*, :after, :before, html {
    box-sizing: border-box
}
html {
    -webkit-tap-highlight-color: transparent;
    background-attachment: fixed
}
body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #777
}
img {
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}
p:empty {
    display: none
}
a, button, input {
    touch-action: manipulation
}
iframe, object {
    max-width: 100%
}
.col {
    margin: 0;
    padding: 0 15px 30px;
    position: relative;
    width: 100%
}
.col-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    flex: 1 0 auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    width: 100%
}
@media screen and (max-width:1023px) {
#main, #wrapper {
    overflow-x: hidden;
}
}
@media screen and (max-width:849px) {
.col {
    padding-bottom: 30px
}
}
.align-equal>.col {
    display: flex
}
.align-middle {
    align-items: center!important;
    align-self: center!important;
    vertical-align: middle!important
}
.align-center {
    justify-content: center!important
}
.small-3 {
    flex-basis: 25%;
    max-width: 25%
}
.small-6 {
    flex-basis: 50%;
    max-width: 50%
}
.small-12, .small-columns-1 .flickity-slider>.col {
    flex-basis: 100%;
    max-width: 100%
}
.small-columns-2 .flickity-slider>.col {
    flex-basis: 50%;
    max-width: 50%
}
.small-columns-3 .flickity-slider>.col {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}
.small-columns-4 .flickity-slider>.col {
    flex-basis: 25%;
    max-width: 25%
}
.small-columns-5 .flickity-slider>.col {
    flex-basis: 20%;
    max-width: 20%
}
.small-columns-6 .flickity-slider>.col {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
}
.small-columns-7 .flickity-slider>.col {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%
}
.small-columns-8 .flickity-slider>.col {
    flex-basis: 12.5%;
    max-width: 12.5%
}

@media screen and (min-width:550px) {
.medium-3 {
    flex-basis: 25%;
    max-width: 25%
}
.medium-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}
.medium-10 {
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%
}
.medium-12, .medium-columns-1 .flickity-slider>.col {
    flex-basis: 100%;
    max-width: 100%
}
.medium-columns-2 .flickity-slider>.col {
    flex-basis: 50%;
    max-width: 50%
}
.medium-columns-3 .flickity-slider>.col {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}
.medium-columns-4 .flickity-slider>.col {
    flex-basis: 25%;
    max-width: 25%
}
.medium-columns-5 .flickity-slider>.col {
    flex-basis: 20%;
    max-width: 20%
}
.medium-columns-6 .flickity-slider>.col {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
}
.medium-columns-7 .flickity-slider>.col {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%
}
.medium-columns-8 .flickity-slider>.col {
    flex-basis: 12.5%;
    max-width: 12.5%
}
}

@media screen and (min-width:850px) {
.col:first-child .col-inner {
    margin-left: auto;
    margin-right: 0
}
.col+.col .col-inner {
    margin-left: 0;
    margin-right: auto
}
.large-3 {
    flex-basis: 25%;
    max-width: 25%
}
.large-4 {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}
.large-12, .large-columns-1 .flickity-slider>.col {
    flex-basis: 100%;
    max-width: 100%
}
.large-columns-2 .flickity-slider>.col {
    flex-basis: 50%;
    max-width: 50%
}
.large-columns-3 .flickity-slider>.col {
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%
}
.large-columns-4 .flickity-slider>.col {
    flex-basis: 25%;
    max-width: 25%
}
.large-columns-5 .flickity-slider>.col {
    flex-basis: 20%;
    max-width: 20%
}
.large-columns-6 .flickity-slider>.col {
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%
}
.large-columns-7 .flickity-slider>.col {
    flex-basis: 14.2857142857%;
    max-width: 14.2857142857%
}
.large-columns-8 .flickity-slider>.col {
    flex-basis: 12.5%;
    max-width: 12.5%
}
}
body {
    margin-left: auto;
    margin-right: auto;
    width: 100%
}
.container {
    padding-left: 15px;
    padding-right: 15px
}


.flex-row {
    align-items: center;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    width: 100%
}
.text-center .flex-row {
    justify-content: center
}
.header .flex-row {
    height: 100%
}
.flex-col {
    max-height: 100%
}
.flex-grow {
    -ms-flex-negative: 1;
    -ms-flex-preferred-size: auto!important;
    flex: 1
}
.flex-left {
    margin-right: auto
}
.flex-right {
    margin-left: auto
}
.grid-col .flickity-slider>.img, .grid-col .slider:not(.flickity-enabled) {
    bottom: 0;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0!important;
    position: absolute!important;
    top: 0;
    width: 100%
}
.grid-col .flickity-viewport {
    height: 100%!important
}

@media (-ms-high-contrast:none) {
.slider-nav-circle .flickity-prev-next-button svg {
    height: 36px!important
}
.nav>li>a>i {
    top: -1px
}
}
.gallery {
    display: flex;
    flex-flow: row wrap;
    width: 100%
}

.row .gallery, {
    margin-left: -15px;
    margin-right: -15px;
    padding-left: 0;
    padding-right: 0;
    width: auto
}
.row .container {
    padding-left: 0;
    padding-right: 0
}
.banner+.row:not(.row-collapse), .banner-grid-wrapper+.row:not(.row-collapse), .section+.row:not(.row-collapse), .slider-wrapper+.row:not(.row-collapse) {
    margin-top: 30px
}

.row-collapse>.col, .row-collapse>.flickity-viewport>.flickity-slider>.col {
    padding: 0!important
}
.row-collapse>.col .container {
    max-width: 100%
}
.container .row-small:not(.row-collapse), .row .row-small:not(.row-collapse) {
    margin-bottom: 0;
    margin-left: -10px;
    margin-right: -10px
}
.row-small>.col, .row-small>.flickity-viewport>.flickity-slider>.col {
    margin-bottom: 0;
    padding: 0 9.8px 19.6px
}
.row-xsmall>.flickity-viewport>.flickity-slider>.col {
    margin-bottom: 0;
    padding: 0 2px 3px
}

@media screen and (min-width:850px) {
.row-large>.flickity-viewport>.flickity-slider>.col {
    margin-bottom: 0;
    padding: 0 30px 30px
}
}
.row-dashed, .row-solid {
    overflow: hidden
}
.row-dashed .col, .row-solid .col {
    padding: 0;
    position: relative
}
.row-dashed .col-inner, .row-solid .col-inner {
    padding: 15px
}
.row-dashed .col:before, .row-solid .col:before {
    border-left: 1px dashed #ddd;
    content: " ";
    height: 100%;
    left: -1px;
    position: absolute;
    top: 0
}
.row-dashed .col:after, .row-solid .col:after {
    border-bottom: 1px dashed #ddd;
    bottom: -1px;
    content: " ";
    height: 0;
    left: 0;
    position: absolute;
    top: auto;
    width: 100%
}
.row-solid .col:before {
    border-left-style: solid
}
.row-solid .col:after {
    border-bottom-style: solid
}
.dark .row-dashed .col:after, .dark .row-dashed .col:before, .dark .row-solid .col:after, .dark .row-solid .col:before {
    border-color: hsla(0,0%,100%,.2)
}
.section {
    align-items: center;
    display: flex;
    flex-flow: row;
    min-height: auto;
    padding: 30px 0;
    position: relative;
    width: 100%
}
.section.dark {
    background-color: #666
}
.section-bg {
    overflow: hidden
}
.section-bg, .section-content {
    width: 100%
}
.section-content {
    z-index: 1
}
.container .section, .row .section {
    padding-left: 30px;
    padding-right: 30px
}
.nav-dropdown {
    background-color: #fff;
    color: #777;
    display: table;
    left: -99999px;
    margin: 0;
    max-height: 0;
    min-width: 260px;
    opacity: 0;
    padding: 20px 0;
    position: absolute;
    text-align: left;
    transition: opacity .25s, visibility .25s;
    visibility: hidden;
    z-index: 9
}
.dark.nav-dropdown {
    color: #f1f1f1
}
.nav-dropdown:after {
    clear: both;
    content: "";
    display: block;
    height: 0;
    visibility: hidden
}
.nav-dropdown li {
    display: block;
    margin: 0;
    vertical-align: top
}
.nav-dropdown li ul {
    margin: 0;
    padding: 0
}
.nav-dropdown>li.html {
    min-width: 260px
}
.no-js li.has-dropdown:hover>.nav-dropdown, li.current-dropdown>.nav-dropdown {
    left: -15px;
    max-height: inherit;
    opacity: 1;
    visibility: visible
}
.nav-right li.current-dropdown:last-child>.nav-dropdown, .nav-right li.has-dropdown:hover:last-child>.nav-dropdown {
    left: auto;
    right: -15px
}
.nav-dropdown>li>a {
    display: block;
    line-height: 1.3;
    padding: 10px 20px;
    width: auto
}
.nav-dropdown>li:last-child:not(.nav-dropdown-col)>a {
    border-bottom: 0!important
}
.nav-dropdown .title>a {
    color: #000;
    font-size: .8em;
    font-weight: bolder;
    text-transform: uppercase
}
.menu-item-has-block .nav-dropdown {
    padding: 0
}
li.current-dropdown>.nav-dropdown-full, li.has-dropdown:hover>.nav-dropdown-full {
    display: flex;
    flex-wrap: wrap;
    left: 50%!important;
    margin-left: 0!important;
    margin-right: 0!important;
    max-width: 1150px!important;
    position: fixed;
    right: auto;
    transform: translateX(-50%);
    transition: opacity .3s!important;
    width: 100%
}
.nav-dropdown-has-arrow li.has-dropdown:after, .nav-dropdown-has-arrow li.has-dropdown:before {
    border: solid transparent;
    bottom: -2px;
    content: "";
    height: 0;
    left: 50%;
    opacity: 0;
    pointer-events: none;
    position: absolute;
    width: 0;
    z-index: 10
}
.nav-dropdown-has-arrow li.has-dropdown:after {
    border-color: hsla(0,0%,87%,0) hsla(0,0%,87%,0) #fff;
    border-width: 8px;
    margin-left: -8px
}
.nav-dropdown-has-arrow li.has-dropdown:before {
    border-width: 11px;
    margin-left: -11px;
    z-index: -999
}
.nav-dropdown-has-arrow .ux-nav-vertical-menu .menu-item-design-default:after, .nav-dropdown-has-arrow .ux-nav-vertical-menu .menu-item-design-default:before, .nav-dropdown-has-arrow li.has-dropdown.menu-item-design-container-width:after, .nav-dropdown-has-arrow li.has-dropdown.menu-item-design-container-width:before, .nav-dropdown-has-arrow li.has-dropdown.menu-item-design-full-width:after, .nav-dropdown-has-arrow li.has-dropdown.menu-item-design-full-width:before {
    display: none
}
.nav-dropdown-has-shadow .nav-dropdown {
    box-shadow: 1px 1px 15px rgba(0,0,0,.15)
}
.nav-dropdown-has-arrow.nav-dropdown-has-border li.has-dropdown:before {
    border-bottom-color: #ddd
}
.nav-dropdown-has-border .nav-dropdown {
    border: 2px solid #ddd
}
.nav-dropdown-has-arrow li.current-dropdown.has-dropdown:after, .nav-dropdown-has-arrow li.current-dropdown.has-dropdown:before {
    opacity: 1;
    transition: opacity .25s
}
.nav p {
    margin: 0;
    padding-bottom: 0
}
.nav, .nav ul:not(.nav-dropdown) {
    margin: 0;
    padding: 0
}
.nav>li>a.button, .nav>li>button {
    margin-bottom: 0
}
.nav {
    align-items: center;
    display: inline-block;
    display: flex;
    flex-flow: row wrap;
    width: 100%
}
.nav, .nav>li {
    position: relative
}
.nav>li {
    list-style: none;
    margin: 0 7px;
    padding: 0;
    transition: background-color .3s
}
.nav>li, .nav>li>a {
    display: inline-block
}
.nav>li>a {
    align-items: center;
    display: inline-flex;
    flex-wrap: wrap;
    padding: 10px 0
}
.html .nav>li>a {
    padding-bottom: 0;
    padding-top: 0
}
.nav-center {
    justify-content: center
}
.nav-left {
    justify-content: flex-start
}
.nav-right {
    justify-content: flex-end
}
.nav-dropdown>li>a, .nav>li>a {
    color: hsla(0,0%,40%,.85);
    transition: all .2s
}
.nav-dropdown>li>a {
    display: block
}
.nav-dropdown li.active>a, .nav-dropdown>li>a:hover, .nav>li.active>a, .nav>li>a.active, .nav>li>a:hover {
    color: hsla(0,0%,7%,.85)
}
.nav li:first-child {
    margin-left: 0!important
}
.nav li:last-child {
    margin-right: 0!important
}
.nav-uppercase>li>a {
    font-weight: bolder;
    letter-spacing: .02em;
    text-transform: uppercase
}
li.html .row, li.html form, li.html input, li.html select {
    margin: 0
}
li.html>.button {
    margin-bottom: 0
}
.off-canvas .mobile-sidebar-slide {
    bottom: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    width: 100%
}
.off-canvas .mobile-sidebar-slide .sidebar-menu {
    height: 100%;
    padding-bottom: 0;
    padding-top: 0;
    transform: translateX(0);
    transition: transform .3s;
    will-change: transform
}
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header), .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header) {
    border-top: 1px solid #ececec;
    margin-bottom: 0;
    margin-top: 0;
    transition: background-color .3s
}
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>a, .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>a {
    color: hsla(0,0%,40%,.85);
    font-size: .8em;
    letter-spacing: .02em;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-top: 15px;
    text-transform: uppercase
}
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header).active, .mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header):hover, .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header).active, .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header):hover {
    background-color: rgba(0,0,0,.05)
}
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>.sub-menu, .mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>ul.children, .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>.sub-menu, .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>ul.children {
    -webkit-overflow-scrolling: touch;
    bottom: 0;
    display: none;
    left: 200%;
    opacity: 1;
    overflow: visible;
    overflow-y: auto;
    padding-bottom: 20px;
    padding-right: 0;
    padding-top: 20px;
    position: fixed;
    top: 0;
    transform: none;
    width: 100%
}
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>.sub-menu>li, .mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>ul.children>li, .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>.sub-menu>li, .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>ul.children>li {
    align-items: center;
    display: flex;
    flex-flow: row wrap
}
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>.sub-menu.is-current-slide, .mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>ul.children.is-current-slide, .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>.sub-menu.is-current-slide, .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>ul.children.is-current-slide {
    display: block
}
.mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>.sub-menu.is-current-parent, .mobile-sidebar-levels-2 .nav-slide>li>.sub-menu>li:not(.nav-slide-header)>ul.children.is-current-parent, .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>.sub-menu.is-current-parent, .mobile-sidebar-levels-2 .nav-slide>li>ul.children>li:not(.nav-slide-header)>ul.children.is-current-parent {
    overflow-y: hidden;
    padding-right: 100%;
    width: 200%
}
.nav-slide {
    -webkit-overflow-scrolling: auto;
    height: 100%;
    overflow: visible;
    overflow-y: auto;
    padding-top: 20px
}
.nav-slide .active>.toggle {
    transform: none
}
.nav-slide>li {
    flex-shrink: 0
}
.nav-slide-header .toggle {
    margin-left: 0!important;
    padding-left: 5px;
    position: relative!important;
    text-align: left;
    top: 0!important;
    width: 100%
}
.nav-slide-header .toggle i {
    font-size: 1.4em;
    margin-right: 2px
}
.text-center .nav-slide-header .toggle {
    margin-left: auto!important;
    margin-right: auto!important;
    width: auto
}
.nav:hover>li:not(:hover)>a:before {
    opacity: 0
}
.nav-tabs>li.active>a {
    background-color: rgb(0, 135, 176); 
    color: #ffffff !important;
}
.nav-dark .nav.nav-tabs>li.active>a {
    color: #ffffff !important;
}
.tabbed-content {
    display: flex;
    flex-flow: row wrap
}
.tabbed-content .nav, .tabbed-content .tab-panels {
    width: 100%
}
.tab-panels {
    padding-top: 1em
}
.tab-panels .entry-content {
    padding: 0
}
.tab-panels .panel:not(.active) {
    display: block;
    height: 0;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    visibility: hidden
}
.tab-panels .panel.active {
    display: block!important
}
.nav-tabs>li {
    margin: 0
}
.nav-tabs>li>a {
    background-color: rgba(0, 135,176,.4);
    border-left: 0;
    border-right: 0;
    border-top: 2px solid rgb(0, 135,176);
    padding-left: 15px;
    padding-right: 15px;
}
.nav-tabs>li.active>a {
    border-top-color: #446084
}
.nav-dark .nav-tabs>li:not(.active)>a {
    background-color: rgba(0, 135,176,1);
    border-color: transparent
}
.tabbed-content .nav-tabs>li {
    margin: 0 .1em -1px
}
.nav-tabs+.tab-panels {
    background-color: #fff;
    border: 1px solid #ddd;
    padding: 30px
}

@media(min-width:850px) {
.tabbed-content .nav-vertical {
    padding-top: 0;
    width: 25%
}
.nav-vertical+.tab-panels {
    border-left: 1px solid #ddd;
    flex: 1;
    margin-top: 0!important;
    padding: 0 30px 30px
}
}
.sidebar-menu-tabs__tab {
    background-color: rgba(0,0,0,.02);
    flex: 1 0 50%;
    list-style-type: none;
    max-width: 50%;
    text-align: center
}
.sidebar-menu-tabs__tab.active {
    background-color: rgba(0,0,0,.05)
}
.sidebar-menu-tabs.nav>li {
    margin: 0
}
.sidebar-menu-tabs.nav>li>a {
    display: flex;
    padding: 15px 10px
}
.toggle {
    box-shadow: none!important;
    color: currentColor;
    height: auto;
    line-height: 1;
    margin: 0 5px 0 0;
    opacity: .6;
    padding: 0;
    width: 45px
}
.toggle i {
    font-size: 1.8em;
    transition: all .3s
}
.toggle:focus {
    color: currentColor
}
.toggle:hover {
    cursor: pointer;
    opacity: 1
}
.active>.toggle {
    transform: rotate(-180deg)
}
.active>ul.children, .active>ul.sub-menu:not(.nav-dropdown) {
    display: block!important
}
.widget .toggle {
    margin: 0 0 0 5px;
    min-height: 1em;
    width: 1em
}
.widget .toggle i {
    font-size: 1.2em;
    top: 1px
}
.nav.nav-vertical {
    flex-flow: column
}
.nav.nav-vertical li {
    list-style: none;
    margin: 0;
    width: 100%
}
.nav-vertical li li {
    font-size: 1em;
    padding-left: .5em
}
.nav-vertical>li {
    align-items: center;
    display: flex;
    flex-flow: row wrap
}
.nav-vertical>li ul {
    width: 100%
}
.nav-vertical>li>a, .nav-vertical>li>ul>li a {
    align-items: center;
    display: flex;
    flex-grow: 1;
    width: auto
}
.nav-vertical>li.html {
    padding-bottom: 1em;
    padding-top: 1em
}
.nav-vertical>li>ul li a {
    color: #666;
    transition: color .2s
}
.nav-vertical>li>ul li a:hover {
    color: #111;
    opacity: 1
}
.nav-vertical>li>ul {
    margin: 0 0 2em;
    padding-left: 1em
}
.nav .children {
    left: -99999px;
    opacity: 0;
    position: fixed;
    transform: translateX(-10px);
    transition: background-color .6s, transform .3s, opacity .3s
}

@media(prefers-reduced-motion) {
.toggle {
    transition: none
}
.nav .children {
    opacity: 1;
    transform: none
}
}
.nav:not(.nav-slide) .active>.children {
    left: auto;
    opacity: 1;
    padding-bottom: 30px;
    position: inherit;
    transform: translateX(0)
}
.nav-sidebar.nav-vertical>li.menu-item.active, .nav-sidebar.nav-vertical>li.menu-item:hover {
    background-color: rgba(0,0,0,.05)
}
.nav-sidebar.nav-vertical>li+li {
    border-top: 1px solid #ececec
}
.dark .nav-sidebar.nav-vertical>li+li {
    border-color: hsla(0,0%,100%,.2)
}
.nav-vertical>li+li {
    border-top: 1px solid #ececec
}
.nav-vertical.nav-tabs>li>a {
    border: 0
}
.nav-vertical.nav-tabs>li.active>a {
    border-left: 3px solid #446084
}
.text-center .toggle {
    margin-left: -35px
}
.text-center .nav-vertical li {
    border: 0
}
.text-center .nav-vertical li li, .text-center.nav-vertical li li {
    padding-left: 0
}
.nav-vertical .social-icons {
    display: block;
    width: 100%
}
.header-vertical-menu__opener {
    align-items: center;
    background-color: #446084;
    display: flex;
    flex-direction: row;
    font-size: .9em;
    font-weight: 600;
    height: 50px;
    justify-content: space-between;
    padding: 12px 15px;
    width: 250px
}
.header-vertical-menu__opener .icon-menu {
    font-size: 1.7em;
    margin-right: 10px
}
.header-vertical-menu__fly-out {
    background-color: #fff;
    opacity: 0;
    position: absolute;
    visibility: hidden;
    width: 250px;
    z-index: 9
}
.header-vertical-menu__fly-out .nav-top-link {
    font-size: .9em;
    order: 1
}
.header-vertical-menu__fly-out .current-dropdown .nav-dropdown {
    left: 100%!important;
    top: 0
}
.header-vertical-menu__fly-out .current-dropdown.menu-item .nav-dropdown {
    min-height: 100%
}
.header-vertical-menu__fly-out--open {
    opacity: 1;
    visibility: visible
}
.sticky-hide-on-scroll--active .header-vertical-menu__fly-out, .stuck .header-vertical-menu__fly-out {
    opacity: 0;
    visibility: hidden
}
.header-wrapper:not(.stuck) .header-vertical-menu__fly-out {
    transition: opacity .25s, visibility .25s
}
.banner {
    background-color: #446084;
    min-height: 30px;
    position: relative;
    width: 100%
}
.banner-bg {
    overflow: hidden
}
.banner-layers {
    height: 100%;
    max-height: 100%;
    position: relative
}
.banner-layers>* {
    position: absolute!important
}
.dark .banner a {
    color: #fff
}
.video-bg {
    font-family: "object-fit: cover; object-position: center center;";
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    -o-object-position: 50% 50%;
    object-position: 50% 50%;
    position: absolute;
    width: 100%
}
.box {
    margin: 0 auto;
    position: relative;
    width: 100%
}
.box>a {
    display: block;
    width: 100%
}
.box a {
    display: inline-block
}
.box, .box-image, .box-text {
    transition: opacity .3s, transform .3s, background-color .3s
}
.box-image>a, .box-image>div>a {
    display: block
}
.box-image>a:focus-visible, .box-image>div>a:focus-visible {
outline-offset:-2px
}
.box-text {
    font-size: .9em;
    padding-bottom: 1.4em;
    padding-top: .7em;
    position: relative;
    width: 100%
}

@media(max-width:549px) {
.banner-layers {
    -webkit-overflow-scrolling: touch;
    overflow: auto
}
.box-text {
    font-size: 85%
}
}
.box-image {
    height: auto;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}
.box-text.text-center {
    padding-left: 10px;
    padding-right: 10px
}
.box-image img {
    margin: 0 auto;
    max-width: 100%;
    width: 100%
}
.button span {
    display: inline-block;
    line-height: 1.6
}
.button.is-outline {
    line-height: 2.19em
}
.nav>li>a.button, .nav>li>a.button:hover {
    padding-bottom: 0;
    padding-top: 0
}
.nav>li>a.button:hover {
    color: #fff
}
.dark .button, .dark input[type=button], .dark input[type=submit] {
    color: #fff
}
.is-gloss {
    overflow: hidden
}
.is-gloss:after {
    box-shadow: inset 0 1.2em 0 0 hsla(0,0%,100%,.1);
    content: "";
    height: 100%;
    left: -25%;
    position: absolute;
    top: 0;
    width: 150%
}
.is-outline {
    color: silver
}
.is-outline:hover {
    box-shadow: none!important
}

.primary.is-outline {
    color: #446084
}
.is-outline:hover, .primary.is-outline:hover {
    background-color: #446084;
    border-color: #446084;
    color: #fff
}
.success {
    background-color: #7a9c59
}
.success.is-outline {
    color: #7a9c59
}
.success.is-outline:hover {
    background-color: #7a9c59;
    border-color: #7a9c59;
    color: #fff
}
.button.checkout {
    background-color: #d26e4b
}
a.primary:not(.button) {
    background-color: transparent
}
.text-center .button:first-of-type {
    margin-left: 0!important
}
.text-center .button:last-of-type {
    margin-right: 0!important
}
.button.disabled, .button[disabled], button.disabled, button[disabled] {
    opacity: .6
}
.scroll-for-more {
    margin-left: 0!important
}
.scroll-for-more:not(:hover) {
    opacity: .7
}
.flex-col .button, .flex-col button, .flex-col input {
    margin-bottom: 0
}
code {
    background: #f1f1f1;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    font-size: .9em;
    margin: 0 .2rem;
    padding: .2rem .5rem
}
.dark code {
    background-color: rgba(0,0,0,.5);
    border-color: #000
}
.is-divider {
    background-color: rgba(0,0,0,.1);
    display: block;
    height: 3px;
    margin: 1em 0;
    max-width: 30px;
    width: 100%
}
.widget .is-divider {
    margin-top: .66em
}
.dark .is-divider {
    background-color: hsla(0,0%,100%,.3)
}
form {
    margin-bottom: 0
}
.select-resize-ghost, input[type=email], input[type=number], input[type=search], input[type=text], input[type=url], select, textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 0;
    box-shadow: inset 0 1px 2px rgba(0,0,0,.1);
    box-sizing: border-box;
    color: #333;
    font-size: .97em;
    height: 2.507em;
    max-width: 100%;
    padding: 0 .75em;
    transition: color .3s, border .3s, background .3s, opacity .3s;
    vertical-align: middle;
    width: 100%
}

@media(max-width:849px) {
.select-resize-ghost, input[type=email], input[type=number], input[type=search], input[type=text], input[type=url], select, textarea {
    font-size: 1rem
}
}
input:hover, select:hover, textarea:hover {
    box-shadow: inset 0 -1.8em 1em 0 transparent
}
input[type=email], input[type=number], input[type=search], input[type=text], input[type=url], textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}
textarea {
    min-height: 120px;
    padding-top: .7em
}
input[type=email]:focus, input[type=number]:focus, input[type=search]:focus, input[type=text]:focus, select:focus, textarea:focus {
    background-color: #fff;
    box-shadow: 0 0 5px #ccc;
    color: #333;
    opacity: 1!important;
    outline: 0
}
label, legend {
    display: block;
    font-size: .9em;
    font-weight: 700;
    margin-bottom: .4em
}
legend {
    border-bottom: 1px solid #f1f1f1;
    font-size: 1em;
    font-weight: 700;
    margin: 30px 0 15px;
    padding-bottom: 10px;
    text-transform: uppercase;
    width: 100%
}
fieldset {
    border-width: 0;
    padding: 0
}
input[type=checkbox], input[type=radio] {
    display: inline;
    font-size: 16px;
    margin-right: 10px
}
input[type=checkbox]+label, input[type=radio]+label {
    display: inline
}
.select-resize-ghost, select {
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #fff;
    background-image: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-down'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
    background-position: right .45em top 50%;
    background-repeat: no-repeat;
    background-size: auto 16px;
    border-radius: 0;
    box-shadow: inset 0 -1.4em 1em 0 rgba(0,0,0,.02);
    display: block;
    padding-right: 1.4em
}
.select-resize-ghost {
    display: inline-block;
    opacity: 0;
    position: absolute;
    width: auto
}
select.resize-select {
    width: 55px
}

@media (-ms-high-contrast:none), screen and (-ms-high-contrast:active) {
select::-ms-expand {
display:none
}
select:focus::-ms-value {
background:0 0;
color:currentColor
}
}
.icon-box .icon-box-img {
    margin-bottom: 1em;
    max-width: 100%;
    position: relative
}
.flickity-slider>.icon-box, .slider>.icon-box {
    padding-left: 3%!important;
    padding-right: 3%!important
}
.icon-box-img img, .icon-box-img svg {
    padding-top: .2em;
    width: 100%
}
.icon-box-img svg {
    fill: currentColor;
    height: 100%;
    transition: all .3s;
    width: 100%
}
.icon-box-img svg path {
    fill: currentColor
}
.icon-box-center .icon-box-img {
    margin: 0 auto 1em
}
i[class*=" icon-"], i[class^=icon-] {
    speak: none!important;
    display: inline-block;
    font-display: block;
    font-family: fl-icons!important;
    font-style: normal!important;
    font-variant: normal!important;
    font-weight: 400!important;
    line-height: 1.2;
    margin: 0;
    padding: 0;
    position: relative;
    text-transform: none!important
}

a.remove {
    border: 2px solid;
    border-radius: 100%;
    color: #ccc;
    display: block;
    font-size: 15px!important;
    font-weight: 700;
    height: 24px;
    line-height: 19px!important;
    text-align: center;
    width: 24px
}
a.icon:not(.button), button.icon:not(.button) {
    font-family: "Almarai", sans-serif;
    font-size: 1.2em;
    margin-left: .25em;
    margin-right: .25em
}
.header a.icon:not(.button) {
    margin-left: .3em;
    margin-right: .3em
}

.nav>li>a>i {
    font-size: 20px;
    transition: color .3s;
    vertical-align: middle
}
.nav>li>a>i+span {
    margin-left: 5px
}
.nav>li>a>span+i {
    margin-left: 5px
}
.nav>li>a>i.icon-menu {
    font-size: 1.9em
}
.nav>li.has-icon>a>i {
    min-width: 1em
}
.nav-vertical>li>a>i {
    font-size: 16px;
    opacity: .6
}

.has-dropdown .icon-angle-down {
    font-size: 16px;
    margin-left: .2em;
    opacity: .6
}
img {
    opacity: 1;
    transition: opacity 1s
}
.col-inner>.img:not(:last-child), .col>.img:not(:last-child) {
    margin-bottom: 1em
}
.img, .img .img-inner {
    position: relative
}
.img .img-inner {
    overflow: hidden
}
.img, .img img {
    width: 100%
}
.mfp-bg {
    background: #0b0b0b;
    height: 100%;
    left: 0;
    opacity: 0;
    overflow: hidden;
    position: fixed;
    top: 0;
    transition: opacity .25s;
    width: 100%;
    z-index: 1042
}
.mfp-content {
    display: inline-block;
    margin: 0 auto;
    max-width: 100%;
    opacity: 0;
    position: relative;
    text-align: left;
    transform: translateY(-30px);
    transition: transform .5s, opacity .3s;
    vertical-align: middle;
    z-index: 1045
}
.mfp-arrow {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.mfp-hide {
    display: none!important
}
.mfp-arrow {
    color: #fff;
    height: 50px;
    margin: 0;
    mix-blend-mode: difference;
    opacity: .6;
    position: fixed;
    text-align: center;
    top: 50%;
    width: 50px;
    z-index: 1046
}
.mfp-arrow i {
    font-size: 42px!important;
    pointer-events: none
}
.mfp-arrow:hover {
    opacity: 1
}
.mfp-arrow:active {
    top: 50.1%
}

@media(prefers-reduced-motion) {
.mfp-bg, .mfp-content {
    transition: opacity .3s
}
}
.loading-spin, .processing {
    position: relative
}
.loading-spin, .processing:before {
    animation: .6s linear infinite spin;
    border-bottom: 3px solid rgba(0,0,0,.1)!important;
    border-left: 3px solid #446084;
    border-radius: 50%;
    border-right: 3px solid rgba(0,0,0,.1)!important;
    border-top: 3px solid rgba(0,0,0,.1)!important;
    content: "";
    font-size: 10px;
    height: 30px;
    margin: 0 auto;
    opacity: .8;
    pointer-events: none;
    text-indent: -9999em;
    width: 30px
}
.box-image.processing:before, .dark .loading-spin, .dark .processing:before, .dark.loading-spin, .dark.processing:before {
    border: 3px solid rgba(0,0,0,.1)!important;
    border-left-color: #fff!important
}
.box-image.processing:after {
    background-color: #000;
    bottom: 0;
    content: "";
    left: 0;
    opacity: .1;
    position: absolute;
    right: 0;
    top: 0
}
.loading-spin.centered, .processing:before {
    left: 50%;
    margin-left: -15px;
    margin-top: -15px;
    position: absolute;
    top: 50%;
    z-index: 99
}
.loading-spin {
    border-radius: 50%;
    height: 30px;
    width: 30px
}


@keyframes spin {
0% {
transform:rotate(0)
}
to {
transform:rotate(1turn)
}
}
.off-canvas .mfp-content {
    -ms-scrollbar-base-color: #000;
    -ms-scrollbar-arrow-color: #000;
    -ms-overflow-style: -ms-autohiding-scrollbar
}
.off-canvas .nav-vertical>li>a {
    padding-bottom: 15px;
    padding-top: 15px
}
.off-canvas .nav-vertical li li>a {
    padding-bottom: 5px;
    padding-top: 5px
}
.off-canvas .hide-for-medium, .off-canvas .hide-for-small {
    display: inline-block!important
}
.has-off-canvas .current-lightbox-clicked {
    opacity: 0!important;
    transform: translateY(-7px)
}
.off-canvas .sidebar-menu {
    padding: 30px 0
}
.off-canvas:not(.off-canvas-center) .nav-vertical li>a {
    padding-left: 20px
}
.off-canvas:not(.off-canvas-center) li.html {
    padding: 20px
}
.stack {
--stack-gap:0;
    display: flex
}
.stack>.text>:first-child {
    margin-top: 0
}
.stack>.text>:last-child {
    margin-bottom: 0
}
table {
    border-color: #ececec;
    border-spacing: 0;
    margin-bottom: 1em;
    width: 100%
}
label {
    color: #222
}
.table {
    display: table
}
.text-box {
    max-height: 100%
}
.text-box .text-box-content {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: relative;
    z-index: 10
}
.slider-wrapper {
    position: relative
}
.flickity-slider>.img, .slider-wrapper:last-child, .slider>.img {
    margin-bottom: 0
}
.slider {
    position: relative;
    scrollbar-width: none
}
.slider-full .flickity-slider>.col {
    padding: 0!important
}
.slider-load-first:not(.flickity-enabled) {
    max-height: 500px
}
.slider-load-first:not(.flickity-enabled)>div {
    opacity: 0
}
.slider:not(.flickity-enabled) {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    width: auto
}
.slider::-webkit-scrollbar {
height:0!important;
width:0!important
}
.row.row-slider:not(.flickity-enabled) {
    display: block
}
.slider:not(.flickity-enabled)>* {
    display: inline-block!important;
    vertical-align: top;
    white-space: normal!important
}
.slider:not(.flickity-enabled)>a, .slider>a, .slider>a>img, .slider>div:not(.col), .slider>img, .slider>p {
    width: 100%
}
.flickity-slider>a, .flickity-slider>a>img, .flickity-slider>div:not(.col), .flickity-slider>figure, .flickity-slider>img, .flickity-slider>p {
    margin: 0;
    padding: 0;
    transition: transform .6s, opacity .6s, box-shadow .6s;
    width: 100%!important
}
.flickity-slider>.row:not(.is-selected) {
    opacity: 0
}
.flickity-enabled {
    display: block;
    position: relative
}
.flickity-enabled:focus {
    outline: 0
}
.flickity-viewport {
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}
.flickity-slider {
    height: 100%;
    position: absolute;
    width: 100%
}
.slider-has-parallax .bg {
    transition: opacity .3s!important
}
.is-dragging .flickity-viewport .flickity-slider {
    pointer-events: none
}
.flickity-enabled.is-draggable {
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}
.flickity-enabled.is-draggable .flickity-viewport {
    cursor: move;
    cursor: grab
}
.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
    cursor: grabbing
}

.slider-show-nav .flickity-prev-next-button, .slider:hover .flickity-prev-next-button {
    opacity: .7;
    transform: translateX(0)!important
}
.slider .flickity-prev-next-button:hover {
    box-shadow: none;
    opacity: 1
}
.slider .flickity-prev-next-button:hover .arrow, .slider .flickity-prev-next-button:hover svg {
    fill: #446084
}

@media(min-width:850px) {
.slider-nav-outside .flickity-prev-next-button.next {
    left: 100%;
    right: auto
}
.slider-nav-outside .flickity-prev-next-button.previous {
    left: auto;
    right: 100%
}
.show-for-medium {
    display: none!important
}
}
.slider-type-fade .flickity-slider {
    transform: none!important
}
.slider-type-fade .flickity-slider>* {
    left: 0!important;
    opacity: 0;
    z-index: 1
}
.slider-type-fade .flickity-slider>.is-selected {
    opacity: 1;
    z-index: 2
}

a.plain {
    color: currentColor;
    transition: color .3s, opacity .3s, transform .3s
}
.nav-dark a.plain:hover {
    opacity: .7
}
a.remove:hover, a:hover {
    color: #000
}
.primary:focus-visible, button[type=submit]:focus-visible {
outline-color:#446084
}
.dark .widget a, .dark a {
    color: currentColor
}
.dark .widget a:hover, .dark a:hover {
    color: #fff
}
ul {
    list-style: disc
}
ul {
    margin-top: 0;
    padding: 0
}
ul ul {
    margin: 1.5em 0 1.5em 3em
}
li {
    margin-bottom: .6em
}
.col-inner ul li, .entry-content ul li {
    margin-left: 1.3em
}
.col-inner ul li.tab, .entry-content ul li.tab {
    margin-left: 0
}
.button, button, fieldset, input, select, textarea {
    margin-bottom: 1em
}
form, p, ul {
    margin-bottom: 1.3em
}
form p {
    margin-bottom: .5em
}
body {
    line-height: 1.6
}
h1, h3, h4, h6 {
    color: #555;
    margin-bottom: .5em;
    margin-top: 0;
    text-rendering: optimizeSpeed;
    width: 100%
}
h1 {
    font-size: 1.7em
}
h1 {
    line-height: 1.3
}
h3 {
    font-size: 1.25em
}
h4 {
    font-size: 1.125em
}
h6 {
    font-size: .85em;
    opacity: .8
}
h6 span {
    font-weight: 400;
    font-weight: 500
}
h3 label {
    display: inline-block;
    margin-right: 10px
}
p {
    margin-top: 0
}
h1>span, h3>span, h4>span, h6>span {
    -webkit-box-decoration-break: clone;
    box-decoration-break: clone
}
h6 {
    letter-spacing: .05em;
    line-height: 1.05;
    text-transform: uppercase
}
.is-small, .is-small.button {
    font-size: .8em
}
.box-text a:not(.button), .box-text h1, .box-text h3, .box-text h4, .box-text h6 {
    line-height: 1.3;
    margin-bottom: .1em;
    margin-top: .1em
}
.box-text p {
    margin-bottom: .1em;
    margin-top: .1em
}
.box-text .button {
    margin-top: 1em
}
.banner .button {
    margin-bottom: .5em;
    margin-top: .5em
}
.banner .is-divider, .banner .text-center .is-divider {
    margin-bottom: 1em;
    margin-top: 1em
}
.banner h1 {
    font-size: 3.5em
}
.banner h3 {
    font-size: 2em
}
.banner h1, .banner h3 {
    font-weight: 400;
    line-height: 1;
    margin-bottom: .2em;
    margin-top: .2em;
    padding: 0
}
.banner h4 {
    font-size: 1.5em;
    margin-bottom: .6em;
    margin-top: .6em;
    padding: 0
}
.banner h6, .banner p {
    margin-bottom: 1em;
    margin-top: 1em;
    padding: 0
}
.nav>li>a {
    font-size: .8em
}
.nav>li.html {
    font-size: .85em
}
.nav-size-medium>li>a {
    font-size: .9em
}
span.count-up {
    opacity: 0;
    transition: opacity 2s
}
span.count-up.active {
    opacity: 1
}
[data-text-color=primary] {
    color: #446084!important
}
[data-text-color=alert] {
    color: #b20000!important
}
[data-text-color=success] {
    color: #7a9c59!important
}
.clearfix:after, .container:after, .row:after {
    clear: both;
    content: "";
    display: table
}

@media(max-width:549px) {
h1 {
    font-size: 1.4em
}
h3 {
    font-size: 1em
}
.hide-for-small {
    display: none!important
}
.small-text-center {
    float: none!important;
    text-align: center!important;
    width: 100%!important
}
}

@media(min-width:550px) {
.show-for-small {
    display: none!important
}
}

@media(max-width:849px) {
.hide-for-medium {
    display: none!important
}
.medium-text-center .pull-left {
    float: none
}
.medium-text-center {
    float: none!important;
    text-align: center!important;
    width: 100%!important
}
}
.expand, .full-width {
    display: block;
    max-width: 100%!important;
    padding-left: 0!important;
    padding-right: 0!important;
    width: 100%!important
}
.pull-left {
    margin-left: 0!important
}
.ml-0 {
    margin-left: 0!important
}
.pb-half {
    padding-bottom: 15px
}
.pt-half {
    padding-top: 15px
}
.last-reset :last-child {
    margin-bottom: 0
}
.text-center {
    text-align: center
}
.text-center .is-divider, .text-center>div, .text-center>div>div {
    margin-left: auto;
    margin-right: auto
}
.text-center .pull-left {
    float: none
}
.relative {
    position: relative!important
}
.absolute {
    position: absolute!important
}
.fixed {
    position: fixed!important;
    z-index: 12
}
.top {
    top: 0
}
.right {
    right: 0
}
.left {
    left: 0
}
.bottom, .fill {
    bottom: 0
}
.fill {
    height: 100%;
    left: 0;
    margin: 0!important;
    padding: 0!important;
    position: absolute;
    right: 0;
    top: 0
}
.pull-left {
    float: left
}
.bg-fill {
    background-position: 50% 50%;
    background-repeat: no-repeat!important;
    background-size: cover!important
}
.circle, .circle img {
    border-radius: 999px!important;
    -o-object-fit: cover;
    object-fit: cover
}
.round {
    border-radius: 5px
}
.hidden {
    display: none!important;
    visibility: hidden!important
}
.z-1 {
    z-index: 21
}
.inline {
    display: inline
}
.block {
    display: block
}
.inline-block {
    display: inline-block
}
img.inline {
    display: inline-block!important
}
.no-scrollbar {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    scrollbar-width: none
}
.no-scrollbar::-webkit-scrollbar {
height:0!important;
width:0!important
}
.screen-reader-text {
    clip: rect(1px,1px,1px,1px);
    height: 1px;
    overflow: hidden;
    position: absolute!important;
    width: 1px
}
.screen-reader-text:focus {
    clip: auto!important;
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

@media screen and (max-width:549px) {
.x50 {
    left: 50%;
    transform: translateX(-50%)
}
.y50 {
    top: 50.3%;
    transform: translateY(-50%)
}
.y50.x50 {
    transform: translate(-50%, -50%)
}
}

@media screen and (min-width:550px)and (max-width:849px) {
.md-x50 {
    left: 50%;
    transform: translateX(-50%)!important
}
.md-y50 {
    top: 50%;
    transform: translateY(-50%)!important
}
.md-x50.md-y50 {
    transform: translate(-50%, -50%)!important
}
}
.res-text {
    font-size: 11px
}
.small-3 .res-text {
    font-size: 8px
}
.small-3 .res-text h6 {
    font-size: 10px
}
.small-6 .res-text {
    font-size: 10px
}

@media screen and (min-width:550px) {
.medium-3 .res-text, .medium-4 .res-text {
    font-size: .8vw
}
.medium-10 .res-text {
    font-size: 1.3vw
}
.res-text {
    font-size: 1.8vw
}
}

@media screen and (min-width:850px) {
.lg-x50 {
    left: 50%;
    transform: translateX(-50%)!important
}
.lg-y50 {
    top: 50%;
    transform: translateY(-50%)!important
}
.lg-x50.lg-y50 {
    transform: translate(-50%, -50%)!important
}
.res-text {
    font-size: 16px
}
.large-3 .res-text {
    font-size: 8px
}
.large-3 .res-text h6 {
    font-size: 10px
}
.large-4 .res-text {
    font-size: 8.5px
}
}

@media(prefers-reduced-motion:no-preference) {
.slider [data-animate], [data-animate] {
    animation-fill-mode: forwards;
    -webkit-backface-visibility: hidden;
    opacity: 0!important;
    transition: filter 1.3s, transform 1.6s, opacity .7s ease-in;
    will-change: filter, transform, opacity
}
.slider [data-animate]:not([data-animate-transform]), [data-animate]:not([data-animate-transform]) {
    transform: none!important
}
.slider [data-animate]:not([data-animate-transition]), [data-animate]:not([data-animate-transition]) {
    transition: none!important
}
.slider .is-selected [data-animated=true], [data-animated=true] {
    animation-delay: .1s;
    opacity: 1!important;
    transform: translateZ(0) scale(1)
}
.flickity-slider>:not(.is-selected) [data-animated=true] {
    transition: transform .7s, opacity .3s!important
}
.slider [data-animate=none], [data-animate=none] {
    opacity: 1!important
}
[data-animated=false] {
    transition: none!important
}
[data-animate]:hover {
    transition-delay: 0s!important
}
.nav-anim>li {
    opacity: 0;
    transform: translateY(-15px);
    transition: transform .3s, opacity .3s
}
.active .nav-anim>li, .nav-anim.active>li {
    opacity: 1;
    transform: none
}
.col+.col [data-animate], .nav-anim>li, [data-animate]+[data-animate] {
    transition-delay: .2s
}
.nav-anim>li+li {
    transition-delay: .3s
}
.col+.col+.col [data-animate], .nav-anim>li+li+li, [data-animate]+[data-animate]+[data-animate] {
    transition-delay: .4s
}
.nav-anim>li+li+li+li {
    transition-delay: .5s
}
.col+.col+.col+.col [data-animate], .nav-anim>li+li+li+li+li, [data-animate]+[data-animate]+[data-animate]+[data-animate] {
    transition-delay: .6s
}
.nav-anim>li+li+li+li+li+li {
    transition-delay: .7s
}
.col+.col+.col+.col+.col [data-animate], .nav-anim>li+li+li+li+li+li+li, [data-animate]+[data-animate]+[data-animate]+[data-animate]+[data-animate] {
    transition-delay: .8s
}
.col+.col+.col+.col+.col+.col [data-animate], .nav-anim>li+li+li+li+li+li+li+li {
    transition-delay: .9s
}
.col+.col+.col+.col+.col+.col+.col [data-animate], .nav-anim>li+li+li+li+li+li+li+li+li {
    transition-delay: 1s
}
.slider-type-fade .flickity-slider>:not(.is-selected) [data-animate] {
    opacity: 0!important;
    transition: none!important
}
}
@keyframes stuckMoveDown {
0% {
transform:translateY(-100%)
}
to {
transform:translateY(0)
}
}
@keyframes stuckFadeIn {
0% {
opacity:0
}
to {
opacity:1
}
}
a.hotspot {
    background-color: #000;
    border-radius: 99px;
    color: #fff;
    display: block;
    font-weight: bolder;
    height: 1.5em;
    line-height: 1.5em;
    opacity: .8;
    padding: 0;
    text-align: center;
    transition: all .3s;
    width: 1.5em
}
a.hotspot i {
    font-size: .8em
}
a.hotspot:hover {
    background-color: #fff!important;
    color: #000!important;
    opacity: 1
}
.has-hover .bg, .has-hover [class*=image-] img {
    transition: filter .6s, opacity .6s, transform .6s, box-shadow .3s
}
.has-hover:hover .image-zoom img {
    transform: scale(1.1)
}
.has-hover:hover .image-glow img {
    filter: brightness(1.1)
}
.dark, .dark p {
    color: #f1f1f1
}
.dark h1, .dark h3, .dark h4, .dark h6, .dark label {
    color: #fff
}
.dark .nav-vertical>li>ul li a, .dark .nav>li.html, .dark .nav>li>a, .nav-dark .is-outline, .nav-dark .nav>li>a, .nav-dark .nav>li>button, .nav-dropdown.dark>li>a {
    color: rgba(0, 0, 0, 0.8)
}
.dark .nav>li.active>a, .dark .nav>li>a.active, .dark .nav>li>a:hover, .nav-dark .nav>li.active>a, .nav-dark .nav>li>a.active, .nav-dark .nav>li>a:hover, .nav-dark a.plain:hover, .nav-dropdown.dark>li>a:hover {
    color: #000000
}
.nav-dropdown.dark>li>a {
    border-color: hsla(0,0%,100%,.2)
}
.nav-dark .nav>li.html {
    color: #000000
}
.nav-dark span.amount {
    color: currentColor
}
:root {
--flatsome-scroll-padding-top:calc(var(--flatsome--header--sticky-height, 0px) + var(--wp-admin--admin-bar--height, 0px))
}
html {
    overflow-x: hidden;
    scroll-padding-top: var(--flatsome-scroll-padding-top)
}
#main, #wrapper {
    background-color: #fff;
    position: relative
}
#main.dark {
    background-color: #333
}
.ux-body-overlay {
    background-color: rgba(0,0,0,.3);
    bottom: 0;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    top: 0;
    transition: visibility .3s, opacity .3s ease-in-out;
    visibility: hidden;
    width: 100%;
    z-index: 29
}
.ux-body-overlay--hover-active {
    opacity: 1;
    visibility: visible
}
.header, .header-wrapper {
    background-position: 50% 0;
    background-size: cover;
    position: relative;
    transition: background-color .3s, opacity .3s;
    width: 100%;
    z-index: 1001
}
.header-bg-color {
    background-color: hsla(0,0%,100%,.9)
}
.header-top {
    align-items: center;
    display: flex;
    flex-wrap: no-wrap
}
.header.has-transparent, .header.transparent {
    position: absolute
}
.header.transparent:not(.stuck) {
    left: auto;
    right: auto
}
.header.transparent .header-bg-color, .header.transparent .header-bg-image, .header.transparent .header-wrapper {
    background-color: transparent;
    background-image: none!important;
    box-shadow: none
}
.header-bg-color, .header-bg-image {
    background-position: 50% 0;
    transition: background .4s
}
.header-top {
    background-color: #446084;
    min-height: 20px;
    position: relative;
    z-index: 11
}
.header-main {
    position: relative;
    z-index: 10
}
.top-divider {
    border-top: 1px solid;
    margin-bottom: -1px;
    opacity: .1
}
.nav-dark .top-divider {
    display: none
}
.stuck {
    left: 0;
    margin: 0 auto;
    position: fixed;
    right: 0;
    top: 0
}
.sticky-jump .stuck {
    animation: .6s stuckMoveDown
}
.sticky-shrink .stuck .header-main {
    transition: height .8s
}
.stuck .header-inner, .stuck .logo, .stuck .logo img {
    margin-top: 0;
    padding-top: 0
}
.header-wrapper:not(.stuck) .logo img {
    transition: max-height .5s
}
.stuck .hide-for-sticky {
    display: none
}
.header-wrapper.stuck {
    box-shadow: 1px 1px 10px rgba(0,0,0,.15)
}

@media(prefers-reduced-motion) {
.sticky-jump .stuck {
    animation-name: stuckFadeIn
}
}
.post {
    margin: 0 0 30px
}
.entry-content {
    padding-bottom: 1.5em;
    padding-top: 1.5em
}
.row .entry-content .gallery {
    padding: 0
}
.widget {
    margin-bottom: 1.5em
}
.widget ul {
    margin: 0
}
.widget li {
    list-style: none
}
.widget>ul>li, ul.menu>li {
    list-style: none;
    margin: 0;
    text-align: left
}
.widget>ul>li li, ul.menu>li li {
    list-style: none
}
.widget>ul>li>a, .widget>ul>li>span:first-child, ul.menu>li>a, ul.menu>li>span:first-child {
    display: inline-block;
    flex: 1;
    padding: 6px 0
}
.widget>ul>li:before, ul.menu>li:before {
    display: inline-block;
    font-family: fl-icons;
    margin-right: 6px;
    opacity: .6
}
.widget>ul>li li>a, ul.menu>li li>a {
    display: inline-block;
    font-size: .9em;
    padding: 3px 0
}
.widget>ul>li+li, ul.menu>li+li {
    border-top: 1px solid #ececec
}
.dark .widget>ul>li+li, .dark ul.menu>li+li {
    border-color: hsla(0,0%,100%,.08)
}
.widget>ul>li ul, ul.menu>li ul {
    border-left: 1px solid #ddd;
    display: none;
    margin: 0 0 10px 3px;
    padding-left: 15px;
    width: 100%
}
.widget>ul>li ul li, ul.menu>li ul li {
    border: 0;
    margin: 0
}
.dark .widget>ul>li ul, .dark ul.menu>li ul {
    border-color: hsla(0,0%,100%,.08)
}
.dark .widget>ul>li.active>a, .dark .widget>ul>li.current-cat>a, .dark .widget>ul>li>a:hover, .dark ul.menu>li.active>a, .dark ul.menu>li.current-cat>a, .dark ul.menu>li>a:hover {
    color: #fff
}
.widget>ul>li.has-child, ul.menu>li.has-child {
    align-items: center;
    display: flex;
    flex-flow: row wrap
}
.widget .current-cat-parent>ul {
    display: block
}
.widget .current-cat>a {
    color: #000;
    font-weight: bolder
}
.wpcf7 {
    color: #333;
    position: relative
}
.dark .wpcf7 {
    color: #fff
}
.wpcf7 p {
    margin: 0;
    padding: 0
}
.wpcf7 br {
    display: none
}
.wpcf7 label {
    display: inline-block;
    width: 100%
}
.wpcf7-form .processing * {
    opacity: .8
}
.accordion-title {
    border-top: 1px solid #ddd;
    display: block;
    font-size: 110%;
    padding: .6em 2.3em;
    position: relative;
    transition: border .2s ease-out, background-color .3s
}
.dark .accordion-title {
    border-color: hsla(0,0%,100%,.2)
}
.accordion-title.active {
    background-color: rgba(0,0,0,.03);
    border-color: #446084;
    color: #446084;
    font-weight: 700
}
.dark .accordion-title.active {
    color: #fff
}
.footer-wrapper {
    position: relative;
    width: 100%
}
.absolute-footer, html {
    background-color: #5b5b5b
}
.absolute-footer {
    color: rgba(0,0,0,.5);
    font-size: .9em;
    padding: 10px 0 15px
}
.absolute-footer.dark {
    color: hsla(0,0%,100%,.5)
}
.absolute-footer.fixed {
    background-color: transparent;
    bottom: 0;
    color: #fff;
    left: 0;
    padding: 7.5px 15px;
    right: 0;
    text-shadow: 1px 1px 1px rgba(0,0,0,.7);
    z-index: 101
}
.absolute-footer ul {
    border-bottom: 1px solid #ddd;
    opacity: .8;
    padding-bottom: 5px
}
.absolute-footer.dark ul {
    border-color: hsla(0,0%,100%,.08)
}
.absolute-footer.text-center ul {
    border: 0;
    padding-top: 5px
}
.back-to-top {
    bottom: 20px;
    margin: 0;
    opacity: 0;
    pointer-events: none;
    right: 20px;
    transform: translateY(30%)
}
.back-to-top.left {
    left: 20px;
    right: unset
}
.back-to-top.active {
    opacity: 1;
    pointer-events: inherit;
    transform: translateY(0)
}
.logo {
    line-height: 1;
    margin: 0
}
.logo a {
    color: #446084;
    display: block;
    font-size: 32px;
    font-weight: bolder;
    margin: 0;
    text-decoration: none;
    text-transform: uppercase
}
.logo img {
    display: block;
    width: auto
}
.header-logo-dark, .nav-dark .header-logo {
    display: none!important
}
.nav-dark .header-logo-dark {
    display: block!important
}
.nav-dark .logo a {
    color: #fff
}
.logo-left .logo {
    margin-left: 0;
    margin-right: 30px
}

@media screen and (max-width:849px) {
.header-inner .nav {
    flex-wrap: nowrap
}
.medium-logo-center .flex-left {
    flex: 1 1 0;
    order: 1
}
.medium-logo-center .logo {
    margin: 0 15px;
    order: 2;
    text-align: center
}
.medium-logo-center .logo img {
    margin: 0 auto
}
.medium-logo-center .flex-right {
    flex: 1 1 0;
    order: 3
}
}
.scroll-to {
    width: 100%
}
.scroll-to-bullets {
    max-height: 100vh;
    overflow: hidden;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 999
}
.scroll-to-bullets a {
    background-color: #446084;
    border: 3px solid transparent;
    border-radius: 30px;
    box-shadow: 1px 1px 1px rgba(0,0,0,.3);
    display: block;
    height: 15px;
    margin: 10px 15px;
    transition: all .3s;
    width: 15px
}
.scroll-to-bullets a.active, .scroll-to-bullets a:hover {
    background-color: #fff;
    opacity: 1
}
.scroll-to-bullets a.active {
    border-color: #446084
}
.icon-menu:before {
    content: ""
}
.icon-angle-left:before {
    content: ""
}
.icon-angle-right:before {
    content: ""
}
.icon-angle-up:before {
    content: ""
}
.icon-angle-down:before {
    content: ""
}
.icon-twitter:before {
    content: ""
}
.icon-envelop:before {
    content: ""
}
.icon-facebook:before {
    content: ""
}
.icon-instagram:before {
    content: ""
}
.icon-tiktok:before {
    content: ""
}
.icon-linkedin:before {
    content: ""
}
.icon-youtube:before {
    content: ""
}
.text-center .social-icons {
    margin-left: auto;
    margin-right: auto
}
.social-icons {
    color: #999;
    display: inline-block;
    font-size: .85em;
    vertical-align: middle
}
.html .social-icons {
    font-size: 1em
}
.html .social-icons .button {
    margin-bottom: 0
}
.social-icons span {
    font-weight: 700;
    padding-right: 10px
}
.social-icons i {
    min-width: 1em
}
.dark .social-icons, .nav-dark .social-icons {
    color: #fff
}
.dark .social-icons .button.is-outline, .nav-dark .social-icons .button.is-outline {
    border-color: hsla(0,0%,100%,.5)
}
.social-icons .button.icon:hover, .social-icons .button.icon:not(.is-outline) {
    background-color: currentColor!important;
    border-color: currentColor!important
}
.social-icons .button.icon:hover>i, .social-icons .button.icon:hover>span, .social-icons .button.icon:not(.is-outline)>i, .social-icons .button.icon:not(.is-outline)>span {
    color: #fff!important
}
.button.facebook:hover, .button.facebook:not(.is-outline) {
    color: #3a589d!important
}
.button.instagram:hover, .button.instagram:not(.is-outline) {
    color: #3b6994!important
}
.button.twitter:hover, .button.twitter:not(.is-outline) {
    color: #2478ba!important
}
.button.email:hover, .button.email:not(.is-outline), .button.tiktok:hover, .button.tiktok:not(.is-outline) {
    color: #111!important
}
.button.phone:hover, .button.phone:not(.is-outline) {
    color: #51cb5a!important
}
.button.linkedin:hover, .button.linkedin:not(.is-outline) {
    color: #0072b7!important
}
.button.youtube:hover, .button.youtube:not(.is-outline) {
    color: #c33223!important
}
@font-face {
    font-family: fl-icons;
    font-display: swap;
    src: url(assets/themes/flatsome/assets/css/icons/fl-icons.eot@v=3.17.4);
    src: url(assets/themes/flatsome/assets/css/icons/fl-icons.eot) format("embedded-opentype"), url(assets/themes/flatsome/assets/css/icons/fl-icons.woff2@v=3.17.4) format("woff2"), url(assets/themes/flatsome/assets/css/icons/fl-icons.ttf@v=3.17.4) format("truetype"), url(assets/themes/flatsome/assets/css/icons/fl-icons.woff@v=3.17.4) format("woff"), url(assets/themes/flatsome/assets/css/icons/fl-icons.svg@v=3.17.4) format("svg")
}
.no-js img.lazyload {
    display: none
}
.lazyload, .lazyloading {
    opacity: 0
}
.lazyloaded {
    opacity: 1;
    transition: opacity .4s;
    transition-delay: 0s
}
:root {
--primary-color:#0a0a0a
}
.header-main {
    height: 65px
}
#logo img {
    max-height: 65px
}
#logo {
    width: 200px;
	    margin-right: 15px;
}
.header-top {
    min-height: 30px
}
.transparent .header-main {
    height: 90px
}
.transparent #logo img {
    max-height: 90px
}
.stuck .header-main {
    height: 70px!important
}
.stuck #logo img {
    max-height: 70px!important
}
.header-bg-color {
    background-color: #fff
}
.top-bar-nav>li>a {
    line-height: 16px
}
.stuck .header-main .nav>li>a {
    line-height: 50px
}
.header-top {
    background-color: #000!important
}
.accordion-title.active, .is-outline.primary, .logo a, [data-color=primary] {
    color: #0a0a0a
}
[data-text-color=primary] {
    color: #0a0a0a!important
}
.banner, .button.primary:not(.is-outline), .header-top, .header-vertical-menu__opener, .is-outline:hover, .primary.is-outline:hover, .scroll-to-bullets a, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .slider-nav-circle .flickity-prev-next-button:hover svg, button[type=submit], input[type=button].primary, input[type=submit].primary, input[type=submit]:not(.is-form) {
    background-color: rgba(0, 135,176,.4);
    color: #000;
    border: 1px solid rgb(0,135,176);
    text-align: center;
}
.accordion-title.active, .is-outline:hover, .loading-spin, .nav-vertical.nav-tabs>li.active>a, .primary.is-outline:hover, .processing:before, .scroll-to-bullets a.active, .slider-nav-circle .flickity-prev-next-button:hover .arrow, .slider-nav-circle .flickity-prev-next-button:hover svg {
    border-color: #0a0a0a
}
.nav-tabs>li.active>a {
    border-top-color: #0a0a0a
}
.slider .flickity-prev-next-button:hover .arrow, .slider .flickity-prev-next-button:hover svg {
    fill: #0a0a0a
}
.primary:focus-visible, button[type=submit]:focus-visible {
outline-color:#0a0a0a!important
}
body {
    font-size: 100%
}
body {
    font-family: "Almarai", sans-serif;
}
body {
    font-weight: 400;
    font-style: normal
}
.nav>li>a {
    font-family: "Almarai", sans-serif;
}
.mobile-sidebar-levels-2 .nav>li>ul>li>a {
    font-family: "Almarai", sans-serif;
}
.mobile-sidebar-levels-2 .nav>li>ul>li>a, .nav>li>a {
    font-weight: 700;
    font-style: normal
}
h1, h3, h4, h6 {
    font-family:  "Almarai", sans-serif;
}
.banner h1, h1, h3, h4, h6 {
    font-weight: 700;
    font-style: normal
}
.header:not(.transparent) .top-bar-nav>li>a {
    color: #0a0a0a
}
a {
    color: #0a0a0a
}

@media (max-width:549px) {
.header-main {
    height: 70px
}
#logo img {
    max-height: 70px
}
.sticky-menu {
    display: block;
    height: 90px;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3
}
}
.dark .social-icons, .nav-dark .social-icons {
    color: #444
}
.accordion-title.active, .is-outline.primary, .logo a, [data-color=primary] {
    color: #444
}
.accordion-title {
    font-size: 100%;
    padding: .6em 2.3em;
    display: block;
    position: relative;
    border-top: 1px solid #ddd;
    -webkit-transition: border .2s ease-out, background-color .3s;
    -o-transition: border .2s ease-out, background-color .3s;
    transition: border .2s ease-out, background-color .3s
}
.nav.nav-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    overflow: scroll;
    height: 450px;
    padding: 8px
}

@media screen and (max-with:728px) {
.nav.nav-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    overflow: scroll;
    height: 250px;
    padding: 8px
}
}
.nav-vertical+.tab-panels {
    margin-top: 0!important;
    border-left: 1px solid #ddd;
    padding: 0;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1
}
.body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility
}

@media only screen and (min-width:1366px) {
img {
    image-rendering: -moz-crisp-edges;
    image-rendering: -o-crisp-edges;
    image-rendering: -webkit-optimize-contrast;
    image-rendering: crisp-edges;
    -ms-interpolation-mode: nearest-neighbor
}
}
.nav.nav-vertical {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column;
    overflow: scroll;
    height: 200px;
    padding: 8px
}
#col-71764646>.col-inner {
    padding: 0
}
#col-1219784704>.col-inner {
    padding: 0
}
#col-1057902828>.col-inner {
    padding: 0
}
#section_667229967 {
    padding-top: 40px;
    padding-bottom: 40px;
    background-color: #fbfbfb
}
#text-box-1202819660 {
    width: 60%
}
#text-box-1202819660 .text-box-content {
    font-size: 100%
}
#banner-708033849 {
    padding-top: 50%
}
#banner-708033849 .bg.bg-loaded {
    background-image: url(assets/uploads/2021/10/D60-Slide9.jpg)
}
#banner-708033849 .bg {
    background-position: 1% 93%
}
#text-box-1487081176 {
    width: 60%
}
#text-box-1487081176 .text-box-content {
    font-size: 100%
}
#banner-1163048924 {
    padding-top: 50%
}
#banner-1163048924 .bg.bg-loaded {
    background-image: url(assets/uploads/2021/10/T60-Banner-Ext2-2048x857.jpg)
}
#banner-1163048924 .bg {
    background-position: 45% 64%
}
#text-box-512377304 {
    width: 60%
}
#text-box-512377304 .text-box-content {
    font-size: 100%
}
#banner-1807267642 {
    padding-top: 50%
}
#banner-1807267642 .bg.bg-loaded {
    background-image: url(assets/uploads/2022/03/Gallery4-D90-Pro-2048x990.jpg)
}
#banner-1807267642 .bg {
    background-position: 1% 52%
}
#text-box-1985284885 {
    width: 60%
}
#text-box-1985284885 .text-box-content {
    font-size: 100%
}
#banner-844238543 {
    padding-top: 50%
}
#banner-844238543 .bg.bg-loaded {
    background-image: url(assets/uploads/2023/01/Maxus-Gallery3.jpg)
}
#banner-844238543 .bg {
    background-position: 0 100%
}
#text-box-1442777715 {
    width: 60%
}
#text-box-1442777715 .text-box-content {
    font-size: 100%
}
#banner-990082317 {
    padding-top: 50%
}
#banner-990082317 .bg.bg-loaded {
    background-image: url(assets/uploads/2022/07/t90bn3-2048x842.jpg)
}
#banner-990082317 .bg {
    background-position: 28% 52%
}
#slider-1552420482 .flickity-slider>* {
    max-width: 70%!important
}
#row-108870034>.col>.col-inner {
    padding: 0 0 15px
}
#section_60389287 {
    padding-top: 0;
    padding-bottom: 0
}
#gap-310196807 {
    padding-top: 15px
}
#image_446381730 {
    width: 30%
}
#image_865403385 {
    width: 30%
}
#image_1830496 {
    width: 30%
}
#image_1700844490 {
    width: 30%
}
#gap-1304384447 {
    padding-top: 30px
}
#section_1387916736 {
    padding-top: 0;
    padding-bottom: 0
}
#gap-430823860 {
    padding-top: 30px
}
#gap-1913591422 {
    padding-top: 40px
}
#text-1424972378 {
    color: #000
}
#text-1424972378>* {
    color: #000
}
#gap-204398168 {
    padding-top: 30px
}
#text-1929315996 {
    font-size: .75rem
}

@media (min-width:550px) {
#banner-708033849 {
    padding-top: 37%
}
#banner-1163048924 {
    padding-top: 37%
}
#banner-1807267642 {
    padding-top: 37%
}
#banner-844238543 {
    padding-top: 37%
}
#banner-990082317 {
    padding-top: 37%
}
#slider-1552420482 .flickity-slider>* {
    max-width: 75%!important
}
#gap-310196807 {
    padding-top: 30px
}
#gap-430823860 {
    padding-top: 40px
}
#text-1929315996 {
    font-size: 1rem
}
}
#text-877076599 {
    font-size: .75rem
}

@media (min-width:550px) {
#text-877076599 {
    font-size: 1rem
}
}
#text-1937369948 {
    font-size: .75rem
}

@media (min-width:550px) {
#text-1937369948 {
    font-size: 1rem
}
}
#text-1684305894 {
    font-size: .75rem
}

@media (min-width:550px) {
#text-1684305894 {
    font-size: 1rem
}
}
#text-3092670678 {
    font-size: .75rem
}

@media (min-width:550px) {
#text-3092670678 {
    font-size: 1rem
}
}
#text-3089244778 {
    font-size: .75rem
}

@media (min-width:550px) {
#text-3089244778 {
    font-size: 1rem
}
}
#text-114715071 {
    font-size: .75rem
}

@media (min-width:550px) {
#text-114715071 {
    font-size: 1rem
}
}
#text-1662594783 {
    font-size: .75rem
}

@media (min-width:550px) {
#text-1662594783 {
    font-size: 1rem
}
}
#text-489986589 {
    font-size: .75rem
}

@media (min-width:550px) {
#text-489986589 {
    font-size: 1rem
}
}
#text-808212328 {
    font-size: .75rem
}

@media (min-width:550px) {
#text-808212328 {
    font-size: 1rem
}
}
#text-807116302 {
    font-size: .75rem
}
#section_2109951533 {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #fafafa
}
#gap-1836701925 {
    padding-top: 15px
}

@media (min-width:550px) {
#text-807116302 {
    font-size: 1rem
}
#gap-1836701925 {
    padding-top: 30px
}
}
#gap-962844142 {
    padding-top: 30px
}
#section_154716626 {
    padding-top: 0;
    padding-bottom: 0
}
#text-3592865075 {
    font-size: .75rem;
    text-align: center
}
#col-1307204372>.col-inner {
    padding: 0
}

@media (min-width:550px) {
#col-1307204372>.col-inner {
    padding: 20px
}
}
#text-3998675181 {
    font-size: .75rem;
    text-align: center
}
#col-1687429438>.col-inner {
    padding: 0
}

@media (min-width:550px) {
#col-1687429438>.col-inner {
    padding: 20px
}
}
#text-3055019616 {
    font-size: .75rem;
    text-align: center
}
#col-452599783>.col-inner {
    padding: 0
}

@media (min-width:550px) {
#col-452599783>.col-inner {
    padding: 20px
}
}
#text-954553837 {
    font-size: .75rem;
    text-align: center
}
#col-1627770669>.col-inner {
    padding: 0
}
#row-1516243083>.col>.col-inner {
    background-color: #ededed
}
#section_1702630475 {
    padding-top: 0;
    padding-bottom: 0
}
#image_1994143344 {
    width: 50%
}

@media (min-width:550px) {
#col-1627770669>.col-inner {
    padding: 20px
}
#section_1702630475 {
    padding-top: 30px;
    padding-bottom: 30px
}
#image_1994143344 {
    width: 30%
}
}
#gap-299533153 {
    padding-top: 10px
}
#text-73362251 {
    font-size: .85rem
}
#col-1391089359>.col-inner {
    padding: 0 10px
}
#text-828159906 {
    color: #3d3d3d
}
#text-828159906>* {
    color: #3d3d3d
}
#gap-785664482 {
    padding-top: 10px
}
#text-810673748 {
    font-size: .8rem;
    text-align: center;
    color: #6a6a6a
}
#text-810673748>* {
    color: #6a6a6a
}

@media (min-width:850px) {
#image_1994143344 {
    width: 21%
}
#text-810673748 {
    font-size: .85rem
}
}
#col-1117736381>.col-inner {
    margin: -30px 0
}
#section_1236559960 {
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #f2f2f2
}

@media (min-width:550px) {
#section_1236559960 {
    padding-top: 60px;
    padding-bottom: 60px
}
}
#gap-745856588 {
    padding-top: 5px
}
#text-3772769175 {
    font-size: .85rem;
    line-height: .75
}
#text-55434944 {
    font-size: .85rem;
    line-height: 2.15;
    color: #c1c1c1
}
#text-55434944>* {
    color: #c1c1c1
}
#section_590263257 {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #000
}
body {
--wp--preset--color--black:#000000;
--wp--preset--color--cyan-bluish-gray:#abb8c3;
--wp--preset--color--white:#ffffff;
--wp--preset--color--pale-pink:#f78da7;
--wp--preset--color--vivid-red:#cf2e2e;
--wp--preset--color--luminous-vivid-orange:#ff6900;
--wp--preset--color--luminous-vivid-amber:#fcb900;
--wp--preset--color--light-green-cyan:#7bdcb5;
--wp--preset--color--vivid-green-cyan:#00d084;
--wp--preset--color--pale-cyan-blue:#8ed1fc;
--wp--preset--color--vivid-cyan-blue:#0693e3;
--wp--preset--color--vivid-purple:#9b51e0;
--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple:linear-gradient(135deg, rgba(6, 147, 227, 1) 0%, rgb(155, 81, 224) 100%);
--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan:linear-gradient(135deg, rgb(122, 220, 180) 0%, rgb(0, 208, 130) 100%);
--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange:linear-gradient(135deg, rgba(252, 185, 0, 1) 0%, rgba(255, 105, 0, 1) 100%);
--wp--preset--gradient--luminous-vivid-orange-to-vivid-red:linear-gradient(135deg, rgba(255, 105, 0, 1) 0%, rgb(207, 46, 46) 100%);
--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray:linear-gradient(135deg, rgb(238, 238, 238) 0%, rgb(169, 184, 195) 100%);
--wp--preset--gradient--cool-to-warm-spectrum:linear-gradient(135deg, rgb(74, 234, 220) 0%, rgb(151, 120, 209) 20%, rgb(207, 42, 186) 40%, rgb(238, 44, 130) 60%, rgb(251, 105, 98) 80%, rgb(254, 248, 76) 100%);
--wp--preset--gradient--blush-light-purple:linear-gradient(135deg, rgb(255, 206, 236) 0%, rgb(152, 150, 240) 100%);
--wp--preset--gradient--blush-bordeaux:linear-gradient(135deg, rgb(254, 205, 165) 0%, rgb(254, 45, 45) 50%, rgb(107, 0, 62) 100%);
--wp--preset--gradient--luminous-dusk:linear-gradient(135deg, rgb(255, 203, 112) 0%, rgb(199, 81, 192) 50%, rgb(65, 88, 208) 100%);
--wp--preset--gradient--pale-ocean:linear-gradient(135deg, rgb(255, 245, 203) 0%, rgb(182, 227, 212) 50%, rgb(51, 167, 181) 100%);
--wp--preset--gradient--electric-grass:linear-gradient(135deg, rgb(202, 248, 128) 0%, rgb(113, 206, 126) 100%);
--wp--preset--gradient--midnight:linear-gradient(135deg, rgb(2, 3, 129) 0%, rgb(40, 116, 252) 100%);
--wp--preset--duotone--dark-grayscale:url('index.html');
--wp--preset--duotone--grayscale:url('index.html');
--wp--preset--duotone--purple-yellow:url('index.html');
--wp--preset--duotone--blue-red:url('index.html');
--wp--preset--duotone--midnight:url('index.html');
--wp--preset--duotone--magenta-yellow:url('index.html');
--wp--preset--duotone--purple-green:url('index.html');
--wp--preset--duotone--blue-orange:url('index.html');
--wp--preset--font-size--small:13px;
--wp--preset--font-size--medium:20px;
--wp--preset--font-size--large:36px;
--wp--preset--font-size--x-large:42px;
--wp--preset--spacing--20:0.44rem;
--wp--preset--spacing--30:0.67rem;
--wp--preset--spacing--40:1rem;
--wp--preset--spacing--50:1.5rem;
--wp--preset--spacing--60:2.25rem;
--wp--preset--spacing--70:3.38rem;
--wp--preset--spacing--80:5.06rem;
--wp--preset--shadow--natural:6px 6px 9px rgba(0, 0, 0, .2);
--wp--preset--shadow--deep:12px 12px 50px rgba(0, 0, 0, .4);
--wp--preset--shadow--sharp:6px 6px 0px rgba(0, 0, 0, .2);
--wp--preset--shadow--outlined:6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);
--wp--preset--shadow--crisp:6px 6px 0px rgba(0, 0, 0, 1)
}
:where(.is-layout-flex) {
gap:.5em
}
:where(.wp-block-columns.is-layout-flex) {
gap:2em
}


.img.has-hover.x.md-x.lg-x.y.md-y.lg-y {
    height: 64px;
    display: inline-flex;
    align-items: center;
    justify-content: space-around;
}
.button.icon.circle {
    width: 32px;
    height: 32px;
    background: #ccc;
    padding: 4px;
    display: inline-block;
    color: #000;
}
.button.icon.circle svg{width:22px; height:22px}

img.logo.footer {
    height: 40px;
    width: auto;
    display: inline-block;
    padding: 0 10px;
    box-sizing: border-box;
}
.sticky-menu svg {
    height: 32px;
    width: 32px;
}
.sticky-menu .col-inner {
    padding: 3px 0px 10px 0px !important;
}
.sticky-menu .img.has-hover.x.md-x.lg-x.y.md-y.lg-y {
    margin-bottom: 0;
}



header.dark blockquote { color:#fff; }
header.light blockquote { color:#000; }

blockquote { 
  max-width: 1000px; 
  margin:0 auto;
  font-size: 16px; 
  border-left: 0px;
  padding:  20px ;
}

blockquote h2 { padding-right: 40px; margin: 0px; }
header.dark blockquote a {color: orange; text-decoration: underline;}
header.light blockquote a {text-decoration: underline;}
header { min-height: 66px; }
header.dark { background-color: rgb(0, 135, 176); }
header.light { background-color: #fff; }

/* Navigation Styles */
nav { position: relative;  }
header.dark nav { background-color:rgba(255, 255, 255, 0); }
header.light nav { background-color:rgba(0,0,0,0.5); }

ul.main-nav { 
  list-style-type: none; 
  padding: 0px;
  font-size: 0px;
  max-width: 1000px;
  margin: 0 auto;
}

ul.main-nav > li { 
  display: inline-block;
  padding: 0; 
}

ul.main-nav > li > a { 
  display: block; 
  padding: 20px 30px; 
  position: relative;
  color: #fff;
  font-size: 16px;
  font-weight: 400;
  box-sizing: border-box;
}

ul.main-nav > li:hover { background-color: #f9f9f9; }
ul.main-nav > li:hover > a { color: #333; font-weight: 400; }

ul.main-nav > li ul.sub-menu-lists {
  margin: 0px;
  padding: 0px;
  list-style-type : none;
  display:block;
}

ul.main-nav > li ul.sub-menu-lists > li {
  padding: 2px 0;
}

ul.main-nav > li ul.sub-menu-lists > li > a {
  font-size: 14px;
}

.ic {
    position: absolute;
  cursor: pointer;
  display: inline-block;
  left: 25px;
  width: 32px;
  height: 24px;
  text-align: center;
  top:0px;
  outline: none;
}

.ic.close { 
  opacity: 0; 
  font-size: 0px; 
  font-weight: 300; 
  color: #fff;
  top:8px;
  height:40px;
  display: block;
  outline: none;
}

/* Menu Icons for Devices*/
.ic.menu { top:25px; z-index : 20; }

.ic.menu .line { 
  height: 4px; 
  width: 100%; 
  display: block; 
  margin-bottom: 6px; 
}
.ic.menu .line-last-child { margin-bottom: 0px;  }

.sub-menu-head { margin: 10px 0; }
.banners-area { margin-top: 20px; padding-top: 15px; }


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

   .sticky-menu {
        background: rgb(255 255 255 / 99%);
    }

    .sticky-menu h6 {
        font-size: .5em;
        opacity: .8;
    }
    .sticky-menu .align-equal>.col {
        display: flex;
        justify-content: space-around;
    }
  .sub-menu-head { color:orange; }
  .ic.menu { display: block; }
  header.dark .ic.menu .line { background-color: #fff; } 
  header.light .ic.menu .line { background-color: #000; }
  .ic.menu .line {
    -webkit-transition: all 0.4s ease 0s;
    -o-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transform-origin: center center;
    -ms-transform-origin: center center;
    transform-origin: center center;
  }
  .ic.menu:focus .line { background-color: #fff !important; }
  
  .ic.menu:focus .line:nth-child(1) { 
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); 
  }
  
  .ic.menu:focus .line:nth-child(2) { 
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); 
    margin-top: -10px;
  }
  
  .ic.menu:focus .line:nth-child(3) {
    transform: translateY(15px);
    opacity: 0;
  }
  
  .ic.menu:focus{ outline: none; }
  .ic.menu:focus ~ .ic.close { opacity: 1; z-index : 21;  outline: none;  }
  
  /*
  
  .ic.menu:focus ~ .ic.close { opacity: 1.0; z-index : 21;  }
  .ic.close:focus { opacity: 0; }
  */
  .ic.menu:focus { opacity: 1;  }
  

  nav { background-color: transparent; }
  
 /* Main Menu for Handheld Devices  */
  ul.main-nav {
    z-index:2; 
    padding: 50px 0;
    position: fixed;
    right: 0px;
    top: 0px;
    width: 0px;
    background-color:rgb(0, 135, 176);
    height: 100%;
    overflow: auto;
    /*CSS animation applied : Slide from Right*/
   -webkit-transition-property: background, width;
    -moz-transition-property: background, width;
    -o-transition-property: background, width;
    transition-property: background, width;
   	-webkit-transition-duration: 0.6s;
	  -moz-transition-duration: 0.6s;
	  -o-transition-duration: 0.6s;
    transition-duration: 0.6s;
      z-index: 1001;
  }
  
  .ic.menu:focus ~ .main-nav { width: 300px; background-color:rgb(0, 135, 176); }
  
  ul.main-nav > * { 
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
   	-webkit-transition-duration: 0.4s;
	  -moz-transition-duration: 0.4s;
	  -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    opacity: 0;
  }
  .ic.menu:focus ~ .main-nav > * {opacity: 1;}
  
  ul.main-nav > li > a:after {display: none;}
  ul.main-nav > li:first-child { border-radius: 0px; }
  ul.main-nav > li {
    display: block;
    border-bottom: 1px solid #444;
  }
  
  ul.main-nav > li > a { font-weight: 600; }
  
  ul.main-nav > li ul.sub-menu-lists > li a { color: #eee; font-size: 14px; }
  .sub-menu-head { font-size: 16px;}
  ul.main-nav > li:hover { background-color: transparent;  }
  ul.main-nav > li:hover > a {color: #fff; text-decoration: none; font-weight: 600;}
 .ic.menu:focus ~ ul.main-nav > li > div.sub-menu-block {
    border-left: 0px solid #ccc;
    border-right: 0px solid #ccc;
    border-bottom: 0px solid #ccc;
    position: relative;
    visibility: visible;
    opacity: 1.0;
  }
  
  .sub-menu-block { padding: 0 20px; }
  .banners-area { padding-bottom: 0px;  }
  .banners-area div { margin-bottom: 15px;  }
  .banners-area { border-top: 1px solid #444; }
}
    .overlay {
    text-align: left;
    color: #000;
}
@media only screen and (min-width:1024px) {
ul.main-nav > li > a {
    padding: 20px 30px;
}
}
@media only screen and (min-width:1024px) {
    .overlay {
    color: #fff;
}
    .text-md-white{color: #fff}
    .banner .overlay {
        position: absolute;
        right: 30px;    
        background: rgb(0 135 176 / 93%);
        color: #fff;
        bottom: 0;
    }
    
        .text.overlay {
    position: absolute;
    bottom: 100%;
    z-index: 100;
    background: rgba(0,0,0,0.8);
}
    
    ul.main-nav > li > a {
        display: block;
        padding: 15px 20px;
    }


  .ic.menu { display: none; }
  /* Main Menu for Desktop Devices  */
  ul.main-nav { display: block; }
  .sub-menu-block { padding: 15px; }
  
  /* Sub Menu */
  ul.main-nav > li > div.sub-menu-block { 
  visibility: hidden;
  background-color: #f9f9f9;
  position: absolute;
  margin-top: 0px;
  width: 100%;
  color: #333;
  left: 0;
  box-sizing: border-box;
  z-index : 3;
  font-size: 16px;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  opacity: 0;
    
  /*CSS animation applied for sub menu : Slide from Top */
  -webkit-transition: all 0.4s ease 0s;
  -o-transition: all 0.4s ease 0s;
  transition: all 0.4s ease 0s;
  -webkit-transform: rotateX(90deg);
  -moz-transform: rotateX(90deg);
  -ms-transform: rotateX(90deg);
  transform: rotateX(90deg);
  -webkit-transform-origin: top center;
  -ms-transform-origin: top center;
  transform-origin: top center;
  
  }
  
  ul.main-nav > li:hover > div.sub-menu-block {
    background-color: rgb(0 135 176);
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0deg);
    -moz-transform: rotateX(0deg);
    -ms-transform: rotateX(0deg);
    transform: rotateX(0deg);
    border-top: 1px solid #fff;
    z-index: 1001;
}
  ul.main-nav > li > div.sub-menu-block > * {
    -webkit-transition-property: opacity;
    -moz-transition-property: opacity;
    -o-transition-property: opacity;
    transition-property: opacity;
   	-webkit-transition-duration: 0.4s;
	  -moz-transition-duration: 0.4s;
	  -o-transition-duration: 0.4s;
    transition-duration: 0.4s;
    opacity: 0;
  }
  
  ul.main-nav > li:hover > div.sub-menu-block > * {
    opacity: 1;
  }
  
  .sub-menu-head { font-size: 20px;}
  
  /* List Separator: Outer Border */
  header.dark ul.main-nav > li > a { border-left: 1px solid  rgb(92, 170, 194); }
  header.light ul.main-nav > li > a { border-left: 1px solid #666; }
  
  /* List Separator: Inner Border */
  ul.main-nav > li > a:after {
    content: '';
    width: 1px;
    height: 53px;
    position: absolute;
    left:0px;
    top: 0px;
    z-index : 2;
  }
  header.dark ul.main-nav > li > a:after {
    background-color: rgb(75 145 166);
}
header.dark ul.main-nav > li > a:hover:after {
    background-color: rgba(75, 145, 166, 0);
}
  header.light ul.main-nav > li > a:after { background-color: #999; }
  
  /* Drop Down/Up Arrow for Mega Menu */
  ul.main-nav > li > a.mega-menu > span { display: block; vertical-align: middle; }
  ul.main-nav > li > a.mega-menu > span:before {
    width: 0; 
    height: 0; 
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #fff;
    content: '';
    background-color: transparent;
    display: inline-block;
    margin-left: 10px;
    vertical-align: middle;
  }

  ul.main-nav > li:hover > a.mega-menu span:before{
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 0px solid transparent;
    border-bottom: 5px solid #666;
  }
  .banners-area { border-top: 1px solid #ccc; }
}

.sub-menu-block .col-inner {
    padding: 1.3rem;
}
.sub-menu-block.shopping-tools .col-inner {
    padding: 0.3rem;
}
.sub-menu-block.shopping-tools h6{

font-size: 1.125em;
height: 1.125em;
display: block;
opacity: 1;
}

.sub-menu-block .col-inner .box {
    border: 1px solid #ccc;
    background: #fff;
    color: #000;
}
.sub-menu-block .box-text {
    padding-bottom: 0.7em;
    padding-top: 0.7em;
}
.sub-menu-block .col-inner .box h4{

color: #000;

} 


header.dark ul.main-nav > li:last-child > a {
    border: none;
}

header.dark ul.main-nav > li:last-child > a::after {
   background-color: transparent;
}
@media only screen and (min-width:1280px) {
    ul.main-nav > li > a {
        padding: 20px 30px;
    }
    }
  
    .sub-menu-block.shopping .img {
        height: 64px;
        display: flex;
        margin: auto;
        text-align: center;
        align-content: stretch;
        justify-content: space-around;
        align-items: center;
        margin-bottom: 0.8rem;
    }
    .sub-menu-block.shopping  a {
        color: #fff;
        font-size: 0.85em;
    }

    .sub-menu-block h4 {
        font-size: 0.85em;
    }
    .sub-menu-block.shopping svg {
        fill: #fff; height: 64px;
    }
    .sub-menu-block.shopping svg#bill {
        filter: invert(1);
    }
    .social-icons .button.icon:hover {
        color: #fff;
    }
    .bg-maxus{
        background-color: rgb(0, 135, 176);
    }





/*Model Page*/

.banner .overlay h1 {
    font-size: 38px;
    color: #fff;
    text-align: right;
}
.bg-light {
    background: rgb(248, 248, 248);
}

.bg-white {
    background: #fff;
}
.sep-line .row{position: relative;}
.sep-line .row:before {
    position: absolute;
    top: 0;
    background: rgb(0 135 176 / 13%);
    height: 1px;
    left: 20%;
    right: 20%;
    margin: auto;
    content: "";
}
.sep-line .row:first-child:before{display: none;}

.deisgn .col-md-6 img {
    height: 350px;
    width: 100%;
    object-fit: cover;
}

.text-white{color: #fff !important;}
.position-relative{position: relative}

.bg-none{background: transparent !important;}

td[colspan="2"], td[colspan="3"], td[colspan="4"] {
    text-align: center;
    background: #f8f8f8;
}
div#tableContainer {
    overflow-x: scroll;
}
.w-70{width: 70%;}
video.heroVideo {
    max-height: 90vh;
    object-fit: cover;
}
img.w-100 {
    width: 100%;
    height: auto;
}
.bt-1 {
    border-top: 1px solid rgb(248, 248, 248) !important;
}

.carousel-indicators [data-bs-target] {
    background-color: rgb(0, 135, 176);
    height: 5px;
}

a.icon {
    display: inline-block;
    background: #fff;
    border-radius: 50%;
    padding: 5px;
    width: 32px;
    height: 32px;
    line-height: 19px;
    cursor: pointer;
}
a.icon svg {
    fill: rgb(0, 135, 176);
}

.models.sub-menu-block a h4 {
    color: #000;
    display: block;
    font-size: 14px;
    transition: none;
    text-align: center;
    padding: 5px 10px;
}

.sticky-menu.section {
    padding: 0;
}
footer#footer {
    border-top: 3px solid rgb(0, 135, 176);
}
.w-100 {
    width: 100%;
}
.t-r{text-align: right;
}