@font-face {
  font-family: "DINNextLTArabic-Bold";
  src: url("../fonts/DIN/DINNextLTArabic-Bold.eot?#iefix");
  src: url("../fonts/DIN/DINNextLTArabic-Bold.woff") format("woff"),
    url("../fonts/DIN/DINNextLTArabic-Bold.ttf") format("truetype"),
    url("../fonts/DIN/DINNextLTArabic-Bold.svg") format("svg");
}

@font-face {
  font-family: "DINNextLTArabic-Heavy";
  src: url("../fonts/DIN/DINNextLTArabic-Heavy.eot?#iefix");
  src: url("../fonts/DIN/DINNextLTArabic-Heavy.woff") format("woff"),
    url("../fonts/DIN/DINNextLTArabic-Heavy.ttf") format("truetype"),
    url("../fonts/DIN/DINNextLTArabic-Heavy.svg") format("svg");
}

@font-face {
  font-family: "DINNextLTArabic-Medium";
  src: url("../fonts/DIN/DINNextLTArabic-Medium.eot?#iefix");
  src: url("../fonts/DIN/DINNextLTArabic-Medium.woff") format("woff"),
    url("../fonts/DIN/DINNextLTArabic-Medium.ttf") format("truetype"),
    url("../fonts/DIN/DINNextLTArabic-Medium.svg") format("svg");
}

@font-face {
  font-family: "DINNextLTArabic-Regular";
  src: url("../fonts/DIN/DINNextLTArabic-Regular.eot?#iefix");
  src: url("../fonts/DIN/DINNextLTArabic-Regular.woff") format("woff"),
    url("../fonts/DIN/DINNextLTArabic-Regular.ttf") format("truetype"),
    url("../fonts/DIN/DINNextLTArabic-Regular.svg") format("svg");
}

@font-face {
  font-family: "DINNextLTArabic-Light";
  src: url("../fonts/DIN/DINNextLTArabic-Light.eot?#iefix");
  src: url("../fonts/DIN/DINNextLTArabic-Light.woff") format("woff"),
    url("../fonts/DIN/DINNextLTArabic-Light.ttf") format("truetype"),
    url("../fonts/DIN/DINNextLTArabic-Light.svg") format("svg");
}

@font-face {
  font-family: "DINNextLTArabic-UltraLight";
  src: url("../fonts/DIN/DINNextLTArabic-UltraLight.eot?#iefix");
  src: url("../fonts/DIN/DINNextLTArabic-UltraLight.woff") format("woff"),
    url("../fonts/DIN/DINNextLTArabic-UltraLight.ttf") format("truetype"),
    url("../fonts/DIN/DINNextLTArabic-UltraLight.svg") format("svg");
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%}

@font-face {
  font-family: swiper-icons;
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}

:root {
  --color-black: #1d1f22;
  --color-black-10: #e2e0da;
  --color-black-10a: rgba(29, 31, 34, 0.1);
  --color-black-15a: rgba(29, 31, 34, 0.15);
  --color-black-20: #d2d2d3;
  --color-black-20a: rgba(29, 31, 34, 0.2);
  --color-black-30a: rgba(29, 31, 34, 0.3);
  --color-black-50: #8e8f90;
  --color-black-75: #636362;
  --color-black-90: #343538;
  --color-black-90a: rgba(29, 31, 34, 0.9);
  --color-cream: #f3efe5;
  --color-cream-50: #f5f3ea;
  --color-cream-25: #fcfbf8;
  --color-white: #fff;
  --color-white-5a: hsla(0, 0%, 100%, 0.05);
  --color-white-10a: hsla(0, 0%, 100%, 0.1);
  --color-white-15a: hsla(0, 0%, 100%, 0.15);
  --color-white-20a: hsla(0, 0%, 100%, 0.2);
  --color-white-30a: hsla(0, 0%, 100%, 0.3);
  --color-real-black: #000;
  --color-real-black-20a: rgba(0, 0, 0, 0.2);
  --color-deep-black: #161719;
  --color-deep-black-30a: rgba(22, 23, 25, 0.3);
  --color-deep-black-90a: rgba(22, 23, 25, 0.9);
  --color-light-grey: #f8f8f8;
  --color-gold: #D2A260;
  --color-gold-50: #f5df9f;
  --color-gold-25: #faefcf;
  --color-dark-gold-20a: rgba(184, 139, 53, 0.2);
  --color-dark-gold-10a: rgba(184, 149, 53, 0.1);
  --color-dark-gold: #b89535;
  --color-hotspots: #ffd02a;
  --color-bright-yellow: #ffd02a;
  --color-page-background: #f9f7f2;
  --color-mobile-language-selector-background: #111314;
  --color-border-grey: #e8e9e9;
  --color-ui-error: red;
  --color-ui-error-dark: #ff8080;
  --color-ui-success: green;
  --color-dark-blue: #003865;
  --color-green: #2D652F;
  --color-orange: #f18825;
  --color-light-blue: #007bb5;
  --color-red: #e0403f;
  --color-yellow: #ffe973;
  --color-gold-hover: #ffe973;
  --color-nic-navy: #121623;
  --color-dark-cerulean: #104878;
  --color-olive-drab: #628500;
  --color-rouge: #a0346c;
  --color-atoll: #2c818d;
  --color-shuttle-grey: #616366;
  --color-night-shadz: #a63b45;
  --color-sun-orange: #f29132;
  --color-observatory: #068c6e;
  --color-zorba: #9e8e80;
  --color-cannon-pink: #93506a;
  --color-cello: #34495e;
  --color-pine-cone: #796755;
  --color-blue-diamond: #4c2d67;
  --gradient-map-top: linear-gradient(0deg, rgba(29, 31, 34, 0), rgba(29, 31, 34, 0.8));
  --gradient-map-bottom: linear-gradient(0deg, rgba(29, 31, 34, 0.8), rgba(29, 31, 34, 0));
  --gradient-expert-right: linear-gradient(90deg, rgba(29, 31, 34, 0), rgba(29, 31, 34, 0.8));
  --gradient-expert-left: linear-gradient(270deg, rgba(29, 31, 34, 0), rgba(29, 31, 34, 0.8));
  --mask-background-color: rgba(0, 0, 0, 0.9);
  --button-shadow-color: rgba(0, 0, 0, 0.1);
  --containerMargin: 5.5555555556vw;
  --largeContainerMargin: 5.5555555556vw;
  --fluid-type-viewport-width-max: 1440px;
  --containerMaxWidth: var(--fluid-type-viewport-width-max);
  --grid-gap: 20px;
  --block-component-padding: 4.8611111111vw;
  --block-component-padding-large: 9.7222222222vw;
  --block-padding: 40px;
  --dropdown-navigation-offset: 90px;
  --page-indicator-color: var(--color-black-20a);
  --page-indicator-color-active: var(--color-dark-gold);
  --input-border-color: #e8e9e9;
  --input-border-color-focus: var(--color-black-30a);
  --input-border-radius: 4px;
  --input-border-width: 1.5px;
  --input-background-color: var(--color-white);
  --input-text-color: var(--color-black);
  --input-placeholder-color: var(--color-black-50);
  --form-error-color: var(--color-ui-error);
  --modal-background-color: var(--color-cream-50);
  --modal-mask-color: rgba(0, 0, 0, 0.75);
  --modal-heading-color: var(--color-black);
  --modal-text-color: var(--color-black-75);
}
@media(min-width:768px) {
  :root {
  --containerMargin: 4.8611111111vw;
  --largeContainerMargin: 12.5vw;
}
}
@media(min-width:1024px) {
  :root {
  --block-padding: 60px;
}
}
@media(min-width:1440px) {
  :root {
  --block-component-padding: 70px;
  --block-component-padding-large: 140px;
  --containerMargin: 70px;
  --largeContainerMargin: 180px;
  --containerMaxWidth: 1780px;
}
}
@media(min-width:1920px) {
  :root {
  --grid-gap: 26.66px;
}
}



.b-blinds__heading *, :after, :before {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}



.b-blinds__heading h2 {
  font-weight: 400;
  letter-spacing: .09em;
  line-height: 120%;
  text-transform: uppercase;
  font-size: 30px;
}
@media screen and (min-width:480px) {
  .b-blinds__heading h2 {
  font-size: calc(50px + 39*(100vw - 480px)/960);
}
}
@media screen and (min-width:1440px) {
  .b-blinds__heading h2 {
  font-size: 89px;
}
}
@media(min-width:480px) {
  .b-blinds__heading h2 {
  line-height: 135%;
  letter-spacing: .12em;
}
}


.o-blind img {
  display: block;
}

[data-scrollbar=true] .scrollbar-thumb-y {
  background: rgba(200, 200, 190, .5);
}
[dir=rtl] * {
  letter-spacing: normal!important;
}
.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

@media screen and (min-width:480px) {
  .s-content {
  font-size: calc(16px + 5*(100vw - 480px)/960);
}
}@media screen and (min-width:1440px) {
  .s-content {
  font-size: 21px;
}
}@media(min-width:480px) {
  .s-content {
  line-height: 148%;
  letter-spacing: 0;
}
}[lang=ar] .s-content {
  letter-spacing: 0;
  font-size: 16px;
}
@media screen and (min-width:480px) {
  [lang=ar] .s-content {
  font-size: calc(16px + 10*(100vw - 480px)/960);
}
}@media screen and (min-width:1440px) {
  [lang=ar] .s-content {
  font-size: 26px;
}
}
.a-icon {
  height: var(--icon-size, 24px);
  width: var(--icon-size, 24px);
  display: inline-block;
  vertical-align: middle;
}
.a-icon svg {
  fill: var(--icon-fill, currentColor);
}
.a-icon svg, .o-panelNavigationList {
  height: 100%;
  width: 100%;
  display: block;
}


.a-image {
  overflow: hidden;
}
.a-image, .a-image__background, .a-image__picture {
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
.a-image__background {
  background-color: var(--color-white);
}
.a-image__picture {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.a-image__img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  position: relative;
}
.a-image.-contain .a-image__img {
  -o-object-fit: contain;
  object-fit: contain;
}
.a-image.-block {
  position: static;
}
.a-image.-block .a-image__picture {
  position: relative;
}
.a-image.-block .a-image__img {
  height: auto;
  width: 100%;
  position: relative;
}


.b-blinds {
  width: 100%}
.b-blinds__heading {
  color: var(--blue-2);
  padding: 28px 20px;
}
.b-blinds__heading.-isHidden {
  opacity: 0;
}
.b-blinds__container {
  height: 100%;
  width: 100%;
  background-color: var(--color-white);
  color: var(--color-white);
  position: relative;
}
.b-blinds__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.b-blinds__item {
  border-bottom: 1px solid var(--color-white);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%}
.b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__itemContent:after {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__itemContent .a-icon {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__contentWrapper {
  opacity: 1;
}
.b-blinds__heading {
  color: #16393f;
}
@media(min-width:768px) {
  .b-blinds {
  height: 100vh;
  height: calc(var(--vh)*90);
}
.b-blinds__items {
  list-style: none;
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
}
.b-blinds__item {
  border-bottom: 0;
  height: 100%;
  position: relative;
  -webkit-transition: width .8s cubic-bezier(.19, 1, .22, 1);
  -o-transition: width .8s cubic-bezier(.19, 1, .22, 1);
  transition: width .8s cubic-bezier(.19, 1, .22, 1);
  width: calc(100%/var(--blinds-count));
}
.b-blinds__heading {
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  opacity: 1;
  pointer-events: none;
  position: absolute;
  -webkit-transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
  -o-transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
  z-index: 2;
}
.o-blind__title .divison {
  float: left; 
  margin-left: 10px;
}

.o-blind__title .divison svg {
  width: 60px;
}

.o-blind__title .divison img {
  width: 140px;
  /* position: absolute; */
  display: inline-block;
}

.divison-txt {
  /* margin-right: 10px; */
}

}@media(min-width:768px)and (hover:hover) {
  .b-blinds:hover .b-blinds__item .a-image {
  opacity: .2;
}
}@media(min-width:768px)and (hover:hover)and (hover:hover) {
  .b-blinds:hover .b-blinds__item:hover {
  width: 26%}
.b-blinds:hover .b-blinds__item:hover .a-image {
  opacity: .6;
}
}@media(min-width:768px) {
  .b-blinds.-isExpanded .o-blind__title {
  opacity: 0;
}
.b-blinds.-isExpanded .b-blinds__item .a-image {
  opacity: .2;
}
.b-blinds.-isExpanded .b-blinds__item.-isActive {
  width: 40%}
.b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__title {
  opacity: 1;
}
.b-blinds.-isExpanded .b-blinds__item.-isActive .a-image {
  opacity: .4;
}
.b-blinds.-isExpanded .b-blinds__item.-isActive .o-blind__contentWrapper {
  opacity: 1;
  pointer-events: all;
}
}.o-blind {
  height: 100%;
  width: 100%;
  position: relative;
}
.o-blind__title {
  font-weight: 400;
  letter-spacing: .09em;
  line-height: 120%;
  /* border: solid var(--primary); */
  min-height: 60px;
  position: absolute;
  /* text-transform: uppercase; */
  text-align: start;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 16px;
}
@media screen and (min-width:480px) {
  .o-blind__title {
  font-size: calc(21px + 0*(100vw - 480px)/960);
}
}@media screen and (min-width:1440px) {
  .o-blind__title {
  font-size: 18px;
}
}@media(min-width:480px) {
  .o-blind__title {
  line-height: 140%;
  letter-spacing: .12em;
}
}[dir=ltr] .o-blind__title {
  border-width: 0 0 0 3px;
  left: 31px;
  padding: 0 0 0 20px;
  opacity: .5;
}
[dir=rtl] .o-blind__title {
  border-width: 0 3px 0 0;
  max-width: 206px;
  padding: 0 20px 0 0;
  left: 0px;
  opacity: .5;
}
@media (max-width: 767px) {
  [dir=rtl] .o-blind__title {
  max-width: 276px;
  opacity: 1;
}
  .o-blind__title svg {
  width: 64px;
  /* right: 31px; */
}
}
.o-blind__items {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 20px;
}
.o-blind__item {
  font-weight: 100;
  letter-spacing: 0;
  line-height: 135%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  font-size: 16px;
}
@media screen and (min-width:480px) {
  .o-blind__item {
  font-size: calc(16px + 5*(100vw - 480px)/960);
}
}@media screen and (min-width:1440px) {
  .o-blind__item {
  font-size: 21px;
}
}@media(min-width:480px) {
  .o-blind__item {
  line-height: 148%;
  letter-spacing: 0;
}
}[lang=ar] .o-blind__item {
  letter-spacing: 0;
  font-size: 16px;
}
@media screen and (min-width:480px) {
  [lang=ar] .o-blind__item {
  font-size: calc(16px + 10*(100vw - 480px)/960);
}
}@media screen and (min-width:1440px) {
  [lang=ar] .o-blind__item {
  font-size: 26px;
}
}.o-blind__item:before {
  color: var(--color-gold);
  content: "\2022";
  padding: 0 18px 0 0;
}
[dir=rtl] .o-blind__item:before {
  padding: 0 0 0 18px;
}
.o-blind__itemContent {
  position: relative;
  background: var(--color-black);
  color: currentColor;
  overflow: hidden;
  width: 100%}
.o-blind__itemContent:before {
  content: "";
  display: block;
  padding-top: 44.4444444444%}
.o-blind__itemContent .a-icon {
  --icon-size: 14px;
  position: absolute;
  top: calc(50% - 7px);
  -webkit-transform-origin: center center;
  -ms-transform-origin: center center;
  transform-origin: center center;
  -webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
  transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
  -o-transition: transform .8s cubic-bezier(.19, 1, .22, 1);
  transition: transform .8s cubic-bezier(.19, 1, .22, 1);
  transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
}
[dir=ltr] .o-blind__itemContent .a-icon {
  right: 20px;
}
[dir=rtl] .o-blind__itemContent .a-icon {
  right: 20px;
}
.o-blind__itemContent .a-image {
  opacity: .4;
}
/* .o-blind__itemContent:after {
  content: "";
  display: block;
  position: absolute;
  height: 0;
  width: 0;
  left: 41px;
  bottom: 0;
  border-left: 10px solid transparent;
  border-bottom: 10px solid var(--color-cream);
  border-right: 10px solid transparent;
  border-top: 0 solid transparent;
  -webkit-transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
  transition: -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
  -o-transition: transform .8s cubic-bezier(.19, 1, .22, 1);
  transition: transform .8s cubic-bezier(.19, 1, .22, 1);
  transition: transform .8s cubic-bezier(.19, 1, .22, 1), -webkit-transform .8s cubic-bezier(.19, 1, .22, 1);
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
} */
.o-blind__contentWrapper {
  color: var(--color-black);
  position: relative;
  height: 60%;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.o-blind__content {
  padding: 42px 28px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  /* justify-content: space-between; */
}
.o-blind__description {
  font-weight: 100;
  letter-spacing: 0;
  line-height: 150%;
  white-space: pre-line;
  font-size: 16px;
  text-align: right;
}
@media screen and (min-width:480px) {
  .o-blind__description {
  font-size: calc(16px + 0*(100vw - 480px)/960);
}
}@media screen and (min-width:1440px) {
  .o-blind__description {
  font-size: 16px;
}
}@media(min-width:480px) {
  .o-blind__description {
  line-height: 150%;
  letter-spacing: 0;
}
}[lang=ar] .o-blind__description {
  letter-spacing: 0;
  font-size: 16px;
}
@media screen and (min-width:480px) {
  [lang=ar] .o-blind__description {
  font-size: calc(16px + 4*(100vw - 480px)/960);
}
}@media screen and (min-width:1440px) {
  [lang=ar] .o-blind__description {
  font-size: 20px;
}
}.o-blind .m-button.-play {
  margin: 15px 0 0;
}
@media(min-width:768px) {
  .o-blind__title {
  top: 32px;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
  -o-transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
  width: 16em;
}
.o-blind__items {
  gap: 40px;
}
.o-blind__itemContent {
  height: 100%}
.o-blind__itemContent .a-icon, .o-blind__itemContent:after, .o-blind__itemContent:before {
  display: none;
}
.o-blind__contentWrapper, .o-blind__itemContent .a-image {
  -webkit-transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
  -o-transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
  transition: opacity .4s cubic-bezier(.215, .61, .355, 1);
}
.o-blind__contentWrapper {
  color: currentColor;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 160px;
  width: 200px;
}
[dir=ltr] .o-blind__contentWrapper {
  left: 28px;
}
[dir=rtl] .o-blind__contentWrapper {
  right: 28px;
}
.o-blind__content {
  padding: 0;
}
.o-blind .m-button.-play {
  margin: 40px 0 0;
  -webkit-margin-start: 20px;
  margin-inline-start: 20px;
}
}@media(min-width:1024px) {
  .o-blind__contentWrapper {
  min-width: 280px;
}
}@media(min-width:1240px) {
  .o-blind__contentWrapper {
  min-width: 350px;
}
}@media(min-width:1600px) {
  .o-blind__description {
  font-weight: 100;
  letter-spacing: 0;
  line-height: 135%;
  font-size: 16px;
}
}@media screen and (min-width:1600px)and (min-width:480px) {
  .o-blind__description {
  font-size: calc(16px + 5*(100vw - 480px)/960);
}
}@media screen and (min-width:1600px)and (min-width:1440px) {
  .o-blind__description {
  font-size: 21px;
}
}@media(min-width:1600px)and (min-width:480px) {
  .o-blind__description {
  line-height: 148%;
  letter-spacing: 0;
}
}@media(min-width:1600px) {
  [lang=ar] .o-blind__description {
  letter-spacing: 0;
  font-size: 16px;
}
}@media screen and (min-width:1600px)and (min-width:480px) {
  [lang=ar] .o-blind__description {
  font-size: calc(16px + 10*(100vw - 480px)/960);
}
}@media screen and (min-width:1600px)and (min-width:1440px) {
  [lang=ar] .o-blind__description {
  font-size: 22px;
}
}

@media only screen and (max-width: 600px) {
  .o-blind__title .divison img { width: 110px; padding-bottom: 8px; }
}

.sticky-3 .logo-dark {
  display: none;
}
.sticky-3 .logo-light {
  display: block;
}

#open_offcanvas .imgwhite {
  display: block ;
}

#open_offcanvas .imgblack {
  display: none ;
}

.sticky-3 #open_offcanvas .imgwhite {
  display: none ;
}
.sticky-3 #open_offcanvas .imgblack {
  display: block ;
}

.diagonal-serv {
  margin-top: 60px;
  font-family: 'DINNextLTArabic-Medium';
  font-size: 16px;
}

@media only screen and (max-width: 549px) {
	.diagonal-serv {
		margin-top: 20px;
	}
}