html {
  box-sizing: border-box;
  font-family: "IRANYekan";
  scroll-behavior: smooth;
}

main {
  flex-grow: 1;
  width: 100%;
}

a,
a:focus,
a:visited,
a:active {
  text-decoration: none;
}

* {
  outline: 0;
  border: 0;
  padding: 0;
  margin: 0;
  box-sizing: inherit;
  line-height: 160%;
}

/* Navatel Chat LTR Support */
html[lang=en] #nava-chat,
html[lang=en] #nava-chat * {
  direction: ltr !important;
}

.container {
  max-width: 1056px;
  margin: 0 auto;
}

.select_language {
  background-color: transparent;
}

.main__container {
  margin-top: 120px;
}

.navbar {
  display: flex;
  justify-content: center;
  position: fixed;
  top: 0;
  background-color: #ffffff;
  width: 100%;
  height: auto;
  z-index: 100;
  height: 68px;
  left: 0;
  transition: 0.3s;
}

.navbar.shadow {
  box-shadow: 0 0 4px gray;
}

.home__header {
  margin: 1rem 0;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 990px;
  width: 100%;
}

.navbar__ul {
  display: flex;

  flex-direction: row;
}

.navbar__ul li {
  list-style: none;
  padding: 0 1rem;
}

.navbar__ul li a {
  font-size: 16px;
  color: rgb(55, 55, 55);
  font-weight: 400;

  text-align: center;
}

.dahir__intro {
  color: #050632;
  text-align: center;
  width: 100%;
  position: relative;
  overflow-x: hidden;
  margin-bottom: 70px;
}

.image-intro__image_wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
}

.intro__img_back_curved {
  position: absolute;
  top: 0;
  left: 0;
  width: 180%;
  height: 100%;
  object-fit: cover;
  z-index: -100;

  left: -40%;
  background: linear-gradient(180deg, rgba(0, 146, 255, 0) 0%, rgba(0, 146, 255, 0.08) 56.58%, rgba(0, 146, 255, 0.12) 100%);
  border-bottom-left-radius: 45%;
  border-bottom-right-radius: 45%;
}

h1 {
  font-size: 50px;
  font-weight: 800;

  margin-top: 2rem;
}

p {
  font-size: 18px;
  font-weight: 400;
  direction: ltr;
}

.dahir__intro p {
  max-width: 696px;
  width: 100%;
  text-align: center;
  margin: 0 auto;
}

.call__us {
  margin-top: 30px;
}

.dahir__intro__title h1 {
  max-width: 990px;
  margin: 20px auto 12px auto;
}

.intro__image_container {
  padding: 30px;
}

.intro__img {
  position: relative;
  width: 100%;
  height: auto;
  z-index: 2;
  max-width: 990px;
}

h2 {
  padding-top: 2rem;
  font-size: 26px;
  font-weight: 700;

  text-align: center;
  color: #030469;
}


.control__farm {
  margin-bottom: 140px;
}

.control__farm h3 {
  text-align: center;
  padding-top: 48%;
  color: #ffffff;
}

.control__p_container {
  text-align: center;
  display: flex;
  justify-content: center;
  margin-bottom: 100px;
}

.control__p {
  max-width: 1100px;

  text-align: justify;
  text-align-last: center;
  /* padding: 0 0 62px; */
}

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

/* .control__images__employee__tracking,
.control__images__security__system,
.control__images__water__quality,
.control__images__food__inteligence,
.control__images__air__inteligence {
  width: 185px;
  height: 185px;
  position: relative;
  cursor: pointer;
} */

.control__image_container:hover>.control__images_overlay {
  background: rgba(0, 0, 0, 0.7);
}

.control__images_overlay {
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  z-index: 1;
  border-radius: 50%;
  transition: 0.3s;
}

.control__images__water__quality__sub,
.control__images__employee__tracking__sub,
.control__images__security__system__sub,
.control__images__food__inteligence__sub,
.control__images__air__inteligence__sub {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  /* width: 100%; */
  /* margin: 0 auto; */
  /* text-align: right; */
  /* min-width: 12rem; */
  /* height: 11rem; */
  text-align: center;
}

.control__images__water__quality__sub h4,
.control__images__employee__tracking__sub h4,
.control__images__security__system__sub h4,
.control__images__food__inteligence__sub h4,
.control__images__air__inteligence__sub h4 {
  font-size: 20px;
  font-weight: 700;


  text-align: center;
  color: #0092ff;
}

.control__images__water__quality__sub p,
.control__images__employee__tracking__sub p,
.control__images__security__system__sub p,
.control__images__food__inteligence__sub p,
.control__images__air__inteligence__sub p {

  text-align: center;
}


.login__btn {
  display: flex;
  align-items: center;
}

.login__btn svg {
  display: block;
}

.language_button {
  display: flex;
  align-items: center;
  margin-left: 25px;
}

.language_button option,
.language_button select {
  color: #0092FF;
}

.language_button select {
  box-shadow: none;
  box-shadow: none;
}

.language_button option {
  outline: none;
  box-shadow: none;
}

/* features ************************************ */

.features_container_wrapper {
  display: flex;
  justify-content: center;
}

.features_container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  max-width: 990px;
  width: 100%;
}

.features_icon_container {
  width: 400px;
  height: 400px;
}

.features_icon_container img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}


.features_item.active .features_item_title h4 {
  color: #0092FF;
  font-weight: 800;
}



.features_items {
  width: 100%;
  max-width: 450px;
  transition: 0.5ms;
}

.features_item_description {
  margin-top: 10px;
  transition: 0.5ms;
}

.features_item_title {
  cursor: pointer;
}

.features_item_title h4 {
  font-size: 18px;
  font-weight: 700;
  transition: 0.5ms;
}

.features_item {
  direction: ltr;
  display: flex;
  border-left: 4px solid #0092FF66;
  padding: 8px 18px 5px 18px;
  margin-bottom: 15px;
  transition: 0.5ms;
}

.features_item .features_item_description {
  height: 0;
  overflow: hidden;
  transition: 0.5ms;
}

.features_item.active .features_item_description {
  height: auto;
  transition: 0.5ms;
}


.features_item.active {
  border-left: 4px solid #0092FF;
  transition: 0.5ms;
}


.product__increasment__p {
  direction: ltr;
}


/* end features *********************************** */



.control__images__items p,
.control__images__items h4,
.control__images__items svg {
  visibility: hidden;
}

.control__images__items svg {
  position: relative;
  top: -10px;
}

.control__quality h4 {
  font-size: 20px;
  font-weight: 700;


  text-align: center;
}

.control__dahir__img {
  margin: 256px auto 240px;

  text-align: center;
}

.online__sensor,
.dahir__app,
.dahir__uses,
.product__increasment,
.support,
.intelligence__steps,
.smart__board {
  width: 100%;
  display: flex;
  justify-content: center;
  padding: 25px;
}

.online__sensor {
  margin-bottom: 150px;
}

.smart__board {
  margin-bottom: 140px;
}

.dahir__app {
  margin-top: 50px;
  margin-bottom: 140px;
}

.dahir__uses {
  margin-bottom: 140px;
}

.product__increasment {
  margin-bottom: 140px;
}

.support {
  margin-bottom: 200px;
}

.owl-item {
  max-height: 361px;
  max-width: 461px;
}

.owl-dots {
  display: none;
}

.intelligence__steps {
  margin-bottom: 160px;
  margin-top: 140px;
}

.dahir__app .cards__content_wrapper,
.online__sensor .cards__content_wrapper,
.product__increasment .cards__content_wrapper,
.support .cards__content_wrapper,
.intelligence__steps .cards__content_wrapper {
  flex-direction: row-reverse;
}

.online__sensor__catalogue__btn,
.smart__board__catalogue__btn {
  margin-top: 30px;
}

.cards__content_wrapper {
  display: flex;
  flex-direction: row;
  gap: 50px;
  max-width: 990px;
  width: 100%;
  align-items: center;
}

.online__sensor__description,
.dahir__app__context,
.dahir__uses__content,
.product__increasment__content,
.support__description,
.intelligence__steps__content,
.smart__board__description {
  display: flex;
  flex-direction: column;
  text-align: left;
  max-width: 470px;
  width: 100%;
}

.online__sensor__description__ul {
  margin-bottom: 15px;
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.online__sensor__description__ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  flex-direction: row-reverse;
  flex-grow: 0;
  flex-shrink: 0;
  padding: 10px 0;
}

.online__sensor__description__ul li svg {
  display: block;
  margin: auto;
}

.online__sensor__description__ul p,
.dahir__app__context__description__ul p {
  padding-left: 1rem;
}

.online__sensor__description__title,
.smart__board__description__title {
  margin-bottom: 35px;
}

.online__sensor__description__title h2,
.smart__board__description__title h2 {
  text-align: left;
}

/* dahir app  */
.dahir__app__demo__btn {
  margin-top: 30px;
}

.dahir__app__context__title h2 {
  margin: 15px 0;

  text-align: left;
}

.dahir__app__back {
  position: relative;
  overflow-x: hidden;
}

.dahir__app_back_curved {
  width: 190%;
  position: absolute;
  left: -50%;
  height: 100%;
  background: linear-gradient(180deg, rgba(0, 146, 255, 0.15) -14.81%, rgba(0, 146, 255, 0.08) 53.68%, rgba(0, 146, 255, 0) 100%);
  z-index: -1;
  border-radius: 50%;
}

.dahir__app__context__description__ul li {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  list-style: none;
  padding: 10px 0;
}

.dahir__app__context__description__ul li svg {
  display: block;
  margin: auto;
}

.dahir__app__context__description__ul {
  display: flex;
  flex-direction: column;
  margin-bottom: 1rem;
}

/* dahir uses */

.dahir__uses h2 {
  padding: 0;
  font-size: 26px;
  font-weight: 700;


  text-align: left;
  margin-bottom: 20px;
}

.dahir__uses__content__ul li {
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  list-style: none;
  padding: 10px 0;
}

.dahir__uses__content__ul li svg {
  display: block;
  margin: auto;
}

.dahir__uses__content__ul p {
  padding-left: 1rem;
}

.dahir__uses__content__ul {
  margin: 1rem 0;
}

.dahir__uses__content__p {
  font-size: 16px;
  font-weight: 400;


  direction: ltr;
  /* text-align: justify; */
}

/*product increment */

.product__increasment__title {
  margin-bottom: 35px;
}

.product__increasment__title h2 {
  text-align: left;
}

.product__increasment__content .p1 {
  font-size: 16px;
  font-weight: 700;


  text-align: right;
  color: #0092ff;
  text-align: justify;
}

.product__increasment__ul {
  margin-top: 1rem;
}

.product__increasment__ul li {
  list-style: none;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  padding: 10px 0;
}

.product__increasment__ul lisvg {
  display: block;
  margin: auto;
}

.product__increasment__ul li p {
  padding-left: 1rem;
}

.smart__board__image,
.online__sensor__img,
.dahir__app_image,
.dahir__uses__image,
.product__increasment__image,
.support__image,
.intelligence__steps__image,
.dahir__uses__image {
  width: 100%;
  max-width: 470px;
}

.uses__2__img {
  position: absolute;
  z-index: 2;
  max-width: 305px;
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2);
  right: 0;
}

.uses__1__img {
  position: absolute;
  max-width: 440px;
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2);
  top: 108px;
}

.dahir__app_image {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  gap: 25px;
}

.smart__board__image img,
.online__sensor__img img,
.dahir__app_image img,
.product__increasment__image img,
.support__image img,
.intelligence__steps__image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
  box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.2);
}

.dahir__uses__image img {
  width: 100%;
  height: auto;
  border-radius: 10px;
}

/* support */

.support__description__title {
  margin-bottom: 35px;
}

.support__description__title h2,
.support__description__p__1 {
  direction: ltr;
  text-align: left;
}

.support__description__p__1 {
  color: #0092ff;
  font-size: 16px;
  font-weight: 700;


}

.support__description__ul {
  margin-top: 1rem;
}

.support__description__ul li {
  list-style: none;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  padding: 0.5rem 0;
}

.support__description__ul li p {
  padding-left: 1rem;
}

/*trust */
.trust__dahir {
  width: 100%;
  background-image: url(./images/water-43.gif.webp);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  min-height: 390px;
  height: auto;
  padding: 69px 0;
  display: flex;
  justify-content: center;
  position: relative;
}

.trust__dahir_overlay {
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  height: 100%;
  position: absolute;
  top: 0;
  z-index: 0;
}

.trust__dahir__title {
  font-size: 26px;
  font-weight: 700;
  color: white;
}

.trust__dahir__title span {
  color: #0092ff;
}

.dahir__trust__info {
  max-width: 990px;
  display: flex;
  flex-direction: column;
  align-items: center;
  z-index: 1;
}

.dahir__trust__numbers {
  display: flex;
  flex-direction: row-reverse;
  gap: 112px;
  color: white;
  margin-top: 70px;
}

.dahir__trust__item {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 20px 5px;
}

.dahir__trust__item h5 {
  font-size: 50px;
  font-weight: 700;
}

/*shrimp video */
.shrimp__video {
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-content: center;
  align-items: center;
  margin: 140px 0;
}

.shrimp__video__title {
  width: 430px;
}

.shrimp__video__title h2 {
  font-size: 26px;
  font-weight: 700;


  text-align: center;
}

.video__shrimp {
  width: 100%;
  height: auto;
}

.video__play__button_container {
  height: 80px;
  width: 80px;
  background-color: #0092ff80;
  border-radius: 50%;
  padding: 28px;
  cursor: pointer;
}

.video__play_icon {
  width: 26px;
  height: 26px;
}

.video__shrimp__container {
  width: 900px;
  margin-top: 35px;
  margin-bottom: 35px;
  position: relative;
}

.video__shirmp_overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 1;
}

.intelligence__steps__content__title h2 {
  margin-bottom: 35px;
  direction: ltr;
  text-align: justify;
}

.intelligence__steps__content__p1 {
  font-size: 16px;
  font-weight: 700;


  text-align: left;
  color: #0092ff;
}

/* foote r */

.footer__gray_curve {
  background: #0092FF1A;
  width: 220%;
  height: 1000px;
  position: absolute;
  z-index: -1;
  top: 0px;
  border-radius: 60%;
  left: -33%;
}

.footer__whtie_curve {
  background-color: white;
  width: 230%;
  height: 1000px;
  position: absolute;
  z-index: 0;
  top: 35px;
  border-radius: 60%;
  left: -15%;
}

footer {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  direction: ltr;
  padding: 210px 0 40px 0;
  position: relative;
  overflow: hidden;
}

.footer__content_wrapper {
  max-width: 990px;
  padding: 0 25px;
  z-index: 1;
}

.dahir__footer__bottom p {
  font-size: 14px;
  font-weight: 400;

  text-align: center;
  margin-top: 50px;
}

.dahir__footer__p p {
  margin-top: 10px;
  font-size: 14px;
}

.dahir__footer__left__icons {
  display: flex;
  gap: 20px;
  margin-bottom: 25px;
  flex-direction: row-reverse;
}

.dahir__footer__left {
  width: 225px;
}

.dahir__footer__left .p_1,
.dahir__footer__left .p_2,
.dahir__footer__left .p_3 {
  font-size: 14px;
  font-weight: 400;
}

.dahir__footer__left .p_1,
.dahir__footer__left .p_2 {
  margin-bottom: 15px;
}

.p_2 a,
.p_3 a {
  color: #000000;
}

.dahir__footer {
  display: flex;
  gap: 150px;
  flex-direction: row;
}

/* slider ***************************/

.slider h2 {
  margin-top: 150px;
}

.slideshow__slide1 {
  background-image: url(images/slide__1.png);
  background-repeat: no-repeat;
  background-size: 1000px;
  border-radius: 2rem;
}

.slideshow__slide2 {
  background-image: url(images/slide__2.png);
  background-repeat: no-repeat;
  background-size: 1000px;
  border-radius: 2rem;
}

.slideshow__slide3 {
  background-image: url(images/slide__3.png);
  background-repeat: no-repeat;
  background-size: 1000px;
  border-radius: 2rem;
}

.slideshow__slide4 {
  background-image: url(images/slide__4.png);
  background-repeat: no-repeat;
  background-size: 1000px;
  border-radius: 2rem;
}

.slideshow__slide5 {
  background-image: url(images/slide__5.png);
  background-repeat: no-repeat;
  background-size: 1000px;
  border-radius: 2rem;
}

.slideshow__slide6 {
  background-image: url(images/slide__6.png);
  background-repeat: no-repeat;
  background-size: 1000px;
  border-radius: 2rem;
}

.slideshow__slide7 {
  background-image: url(images/slide__7.png);
  background-repeat: no-repeat;
  background-size: 1000px;
  border-radius: 2rem;
}

.slideshow {
  position: relative;

  margin: 0 auto;
  max-width: 990px;
  width: 990px;
}

.slideshow__slide {
  width: 1000px;
  height: 430px;
  margin: 5rem auto;
  display: none;
  position: relative;
}

.slideshow__img {
  width: 100%;
  height: 100%;
  border-radius: 2rem;
}

.slideshow__prev,
.slideshow__next {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  cursor: pointer;
  background: none;
  position: absolute;
  top: 10%;
  text-align: center;

  border: 1px solid #fff;
  color: #fff;
}

.slideshow__prev {
  left: 60px;
}

.slideshow__next {
  left: 120px;
}

.slideshow__prev:hover,
.slideshow__next:hover {
  color: unset;
  background-color: #fff;
}

.slide__description {
  position: absolute;
  top: 30%;
  padding: 50px;
}

.author {
  position: absolute;
  top: 75%;
  right: 50px;
}

.author__title {
  position: absolute;
  top: 80%;
  right: 50px;
}

.control__images__employee__tracking__title,
.control__images__security__system__title,
.control__images__water__quality__title,
.control__images__food__inteligence__title,
.control__images__air__inteligence__title {
  font-size: 16px;
  font-weight: 700;
  z-index: 12;
  position: relative;
}

.slideshow__slide .slide__description,
.slideshow__slide .author,
.slideshow__slide .author__title {
  text-align: justify;
  font-size: 16px;
  font-weight: 400;


  color: #ffffff;
}

.qoutation {
  position: absolute;
  top: 10%;
  right: 70px;
}

.owl-stage {
  width: 3600px;
}

.slider__1 {
  display: flex;
  overflow-x: hidden;
}

.owl-dots {
  margin-top: 30px;
}

.menu__icon {
  display: none;
  cursor: pointer;
}

.tablet__menu__bar {
  display: none;
  visibility: hidden;
}

.owl-nav {
  display: none;
}

/* for titles*/
.mobile__title {
  display: none;
}

body {
  overflow-x: hidden;
}

.smart__board__description__ul {

  display: flex;
  flex-direction: column;
}

.smart__board__description__ul li {
  list-style: none;
  display: flex;
  flex-direction: row-reverse;
  justify-content: flex-end;
  align-items: center;
  list-style: none;
  text-align: left;
  direction: ltr;
  padding: 10px 0;
}

.smart__board__description__ul li p {
  padding-left: 1rem;
}

.smart__board__description__ul li svg {
  display: block;
  margin: auto;
}

.control__farm h2 {
  margin: 10px auto;
}

/* media screans  ***************************************************************************************************************/

@media screen and (max-width: 1320px) {
  .footer__gray_curve {
    background-color: #f3f5fb;
    width: 250%;
    height: 1000px;
    position: absolute;
    z-index: -1;
    top: 0px;
    border-radius: 60%;
    left: -38%;
  }

  .footer__whtie_curve {
    background-color: white;
    width: 260%;
    height: 1000px;
    position: absolute;
    z-index: 0;
    top: 20px;
    border-radius: 60%;
    left: -20%;
  }
}

@media screen and (max-width: 1280px) {
  .dahir__app_back_curved {
    width: 190%;
    position: absolute;
    left: -50%;
    border-radius: 50%;
  }

  .footer__gray_curve {
    background-color: #f3f5fb;
    width: 290%;
    height: 1000px;
    position: absolute;
    z-index: -1;
    top: 0px;
    border-radius: 60%;
    left: -60%;
  }

  .footer__whtie_curve {
    background-color: white;
    width: 300%;
    height: 1000px;
    position: absolute;
    z-index: 0;
    top: 45px;
    border-radius: 60%;
    left: -50%;
  }
}

@media screen and (max-width: 1025px) {
  body {
    overflow-x: hidden;
  }

  h2 {
    font-size: 22px;
  }

  p {
    font-size: 16px;
  }

  .control__images {
    justify-content: center;
    flex-wrap: wrap;
    gap: 80px;
    margin: 5rem auto;

  }

  .control__images .control__image_container {
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    flex: 1 1 25%;
  }

  .control__image_container img {
    width: 185px;
    height: 185px;
  }

  .navbar {
    padding: 0 0 0 10px;
  }

  .control__images_overlay {
    display: none;
  }

  .control__farm {
    padding: 50px 25px 25px;
  }

  .smart__board {
    display: flex;
  }

  .smart__board__description {
    width: 100%;
    max-width: 470px;
  }

  /*trust */
  .trust__dahir {
    padding: 81px 0;
  }

  .trust__dahir__title {
    font-size: 22px;
  }

  .dahir__trust__info {
    max-width: 500px;
    display: flex;
    flex-direction: column;
    align-items: center;
  }

  .dahir__trust__numbers {
    gap: 65px;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .dahir__trust__item {
    width: 204px;
  }

  .dahir__trust__item h5 {
    font-size: 40px;
  }

  .video__shrimp__container {
    width: 850px;
  }

  .dahir__app_back_curved {
    width: 280%;
    position: absolute;
    left: -90%;
    border-radius: 50%;
  }

  .control__images__employee__tracking__title,
  .control__images__security__system__title,
  .control__images__water__quality__title,
  .control__images__food__inteligence__title,
  .control__images__air__inteligence__title {
    display: none !important;
  }

  .slideshow__slide1,
  .slideshow__slide2,
  .slideshow__slide3,
  .slideshow__slide4,
  .slideshow__slide5,
  .slideshow__slide6,
  .slideshow,
  .slideshow__slide {
    background-size: 890px;
  }

  .slideshow,
  .slideshow__slide {
    width: 890px;
  }

  .navbar_lists,
  .login__btn {
    display: none;
  }

  .menu__icon {
    display: block;
    margin: 1.3rem;
  }

  .tablet__menu__bar {
    visibility: unset;
    display: none;
    position: fixed;
    top: 0;
    height: 100vh;
    width: 100%;
    background: #fff;
    z-index: 1000;
  }

  .tablet__menu__loginBtn a {
    color: #fff;
    padding: 50px;
  }

  .tablet__menu__loginBtn {
    color: #fff;
    background-color: #0092ff;
    text-align: center;
    font-size: 16px;
    font-weight: 500;


    text-align: center;
    width: 90%;
    margin: 4rem auto 24px auto;
    height: 50px;
    border-radius: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .tablet__menu__bar__top {
    /* margin: 3px 0 0 0; */
    display: flex;
    justify-content: space-between;
    flex-direction: row;
    align-items: center;
    height: 68px;
    padding: 0 0 0 10px;
  }

  .tablet__menu__ul ul{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;

    font-size: 16px;
    font-weight: 400;
    padding-top: 20px;
  }

  .tablet__menu__ul a {
    color: #000000;
  }

  .tablet__menu__ul li {
    padding: 1rem 2rem;
    width: 100%;
    list-style: none;
  }

  .tablet__menu__close {
    margin-right: 1.06rem;
    cursor: pointer;
  }

  .slider__1 img {
    max-width: 448px;
    width: 448px;
  }

  .dahir__intro__title h1 {
    font-size: 36px;
    font-weight: 800;


    text-align: center;
  }

  .control__images__food__inteligence {
    order: 1;
  }

  .control__images__air__inteligence {
    order: 2;
  }

  .control__images__water__quality {
    order: 3;
  }

  .control__images__security__system {
    order: 5;
  }

  .control__images__employee__tracking {
    order: 4;
  }


  .control__images__items svg {
    display: none;
  }

  .control__images__items p,
  .control__images__items h4,
  .control__images__items svg {
    visibility: visible;
  }

  .control__images__employee__tracking__title {
    display: none;
  }

  .control__dahir__img {
    display: none;
  }

  .online__sensor__description__ul li p {
    text-align: left;
  }

  .smart__board__description__title h2 {
    padding-left: 0.5rem;
  }

  .dahir__app__context__description__ul li p {

    text-align: left;
  }

  .dahir__uses__content__title h2 {
    padding-top: 0;
  }

  .support__description__title h2 {
    padding-top: 0;
  }

  .product__increasment__p .p1 {
    font-size: 14px;
    font-weight: 700;
  }

  .support__description__p__1 {
    font-size: 14px;
    font-weight: 700;

    text-align: justify;
  }

  .shrimp__video__title h2 {
    font-size: 22px;
    font-weight: 700;

    text-align: center;
  }

  .shrimp__video__title {
    max-width: 363px;
    width: 363px;
  }

  .intelligence__steps__content__p1 p {
    font-weight: 700 !important;
    text-align: justify;
  }

  .intelligence__steps__content__p2 {
    font-size: 14px;
    font-weight: 400;
  }

  .slider h2 {
    font-size: 22px;
    font-weight: 700;

    text-align: center;
  }

  .control__images p {
    text-align: justify;
    text-align-last: center;
    /* width: 200px; */
  }

  .control__images h4 {
    font-size: 16px;
    font-weight: 700;

    text-align: center;
  }

  .smart__board__description__title h2 {
    margin-bottom: 1rem;
    font-size: 22px;
    font-weight: 700;
  }

  .smart__board__catalogue__btn {
    margin-top: 30px;
  }
}

@media screen and (max-width: 950px) {
  .video__shrimp__container {
    width: 750px;
  }

  .slideshow__slide1,
  .slideshow__slide2,
  .slideshow__slide3,
  .slideshow__slide4,
  .slideshow__slide5,
  .slideshow__slide6,
  .slideshow,
  .slideshow__slide {
    background-size: 790px;
  }

  .slideshow,
  .slideshow__slide {
    width: 790px;
  }
}

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

  .video__shrimp__container {
    width: 700px;
  }

  .slideshow__slide1,
  .slideshow__slide2,
  .slideshow__slide3,
  .slideshow__slide4,
  .slideshow__slide5,
  .slideshow__slide6,
  .slideshow,
  .slideshow__slide {
    background-size: 730px;
  }

  .slideshow,
  .slideshow__slide {
    width: 730px;
  }
}

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

  .control__farm {
    margin-bottom: 50px;
  }

  .dahir__app {
    margin-top: 0;
  }

  .smart__board,
  .dahir__uses,
  .dahir__app,
  .online__sensor,
  .product__increasment {
    margin-bottom: 80px;
  }

  .support {
    margin-bottom: 160px;
  }

  .intro__img_back_curved {
    width: 200%;
    left: -50%;
  }

  .features_container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    gap: 60px;
  }

  .footer__content_wrapper {
    max-width: 576px;
    padding: 0 30px;
  }

  .control__p_container .control__p {
    text-align-last: center;
    margin: 0;
  }

  footer {
    padding: 175px 0 30px 0;
  }

  .dahir__footer__p p {
    text-align: center;
  }

  .dahir__footer__right {
    text-align: center;
  }

  .dahir__footer__left {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .dahir__footer__left .p_1 {
    text-align: center;
  }

  .dahir__footer {
    flex-direction: column;
    align-items: center;
    gap: 30px;
  }

  .online__sensor__description,
  .smart__board__description,
  .dahir__app__context__description,
  .dahir__uses__content,
  .product__increasment__content,
  .support__description,
  .intelligence__steps__content {
    margin-top: 30px;
  }

  .product__increasment__content li {
    font-size: 14px;
    font-weight: 400;
  }

  .dahir__uses__mobile__title h2 {
    text-align: center;
  }

  .smart__board__catalogue__btn,
  .online__sensor__catalogue__btn,
  .dahir__app__demo__btn,
  .intelligence__steps__content .call__us,
  .support .call__us {
    text-align: left;
  }

  .smart__board__description__title,
  .online__sensor__description__title,
  .dahir__app__context__title,
  .dahir__uses__content__title,
  .product__increasment__title,
  .support__description__title,
  .intelligence__steps__content__title {
    display: none;
  }

  .mobile__title {
    display: block;
  }

  .mobile__title h2 {
    font-size: 22px;
  }

  .smart__board {
    display: flex;
  }

  .cards__content_wrapper {
    flex-direction: column-reverse;
    gap: 10px;
    align-items: center;
  }

  .online__sensor .cards__content_wrapper,
  .support .cards__content_wrapper {
    flex-direction: column-reverse;
  }

  .dahir__app .cards__content_wrapper,
  .dahir__uses .cards__content_wrapper,
  .product__increasment .cards__content_wrapper,
  .intelligence__steps .cards__content_wrapper {
    flex-direction: column;
  }

  .control__images__water__quality {
    margin-bottom: 150px;
  }

  .dahir__intro {
    margin-bottom: 0;
  }
}

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

  .video__shrimp__container {
    width: 600px;
  }

  .control__images {
    margin: 5rem auto;
  }

  .slideshow {
    margin: 0 auto;
    max-width: 600px;
    width: 600px;
  }

  .slideshow__slide {
    max-width: 600px;
    width: 600px;
    margin: 2rem auto;
  }

  .slider h2 {
    margin-bottom: 50px;
  }

  .slideshow__slide1,
  .slideshow__slide2,
  .slideshow__slide3,
  .slideshow__slide4,
  .slideshow__slide5,
  .slideshow__slide6,
  .slideshow,
  .slideshow__slide {
    background-size: 630px;
  }

  .slideshow,
  .slideshow__slide {
    width: 630px;
    height: 450px;
  }

  .slide__description {
    top: 20%;
  }
}

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

  .video__shrimp__container {
    width: 520px;
  }

  .smart__board__description svg {
    flex-shrink: 0;
  }

  .slideshow__slide {
    max-width: 550px;
    width: 550px;
    margin: 0 auto;
    height: 470px;
  }
}

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

  .control__images__air__inteligence,
  .control__images__employee__tracking,
  .control__images__food__inteligence,
  .control__images__security__system,
  .control__images__water__quality {
    margin-bottom: 100px;
  }

  .video__shrimp__container {
    width: 420px;
  }

  .intelligence__steps__content .call__us,
  .support .call__us {
    width: 100%;
  }

  .call__us .support {
    margin-top: 30px;
  }

  .call__us {
    margin-top: 30px;
  }

  h2 {
    padding-top: 10px;
  }

  .dahir__app__mobile__title {
    margin: 10px auto 10px;
  }

  .dahir__app__back {
    background: none;
  }

  .dahir__app_back_curved {
    display: none;
  }

  .product__increasment__mobile__title {
    margin: 10px auto 10px;
  }

  .online__sensor__mobile__title {
    margin-bottom: 10px;
  }

  .support__mobile__title {
    margin: 10px auto 10px;
  }

  .intelligence__steps__title {
    margin: 10px auto 10px;
  }

  .slideshow__slide1,
  .slideshow__slide2,
  .slideshow__slide3,
  .slideshow__slide4,
  .slideshow__slide5,
  .slideshow__slide6,
  .slideshow,
  .slideshow__slide {
    background-size: 480px 500px;
  }

  .slideshow,
  .slideshow__slide {
    width: 480px;
  }

  .slide__description {
    top: 10%;
  }

  .slideshow__prev {
    border: 1px solid #0092ff;
    color: #0092ff;
    top: 32rem;
    left: 42%;
  }

  .slideshow__next {
    top: 32rem;
    left: 53%;
    border: 1px solid #0092ff;
    color: #0092ff;
  }

  .slideshow__prev:hover,
  .slideshow__next:hover {
    background-color: #0092ff;
  }

  .qoutation {
    top: 7%;
  }

  .dahir__intro__title h1 {
    text-align: center;
    font-size: 36px;
    font-weight: 800;
  }

  .dahir__intro__title {
    max-width: 300px;
    width: 300px;
    margin: 0 auto;
  }

  .dahir__intro p {
    text-align: center;

    max-width: 300px;
    width: 300px;
    margin: 0 auto;
  }

  .control__images {
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }

  .control__images__employee__tracking,
  .control__images__water__quality {
    margin-bottom: 150px;
  }

  .online__sensor h2 {
    text-align: right;
    padding-right: 1rem;
  }

  .slideshow__slide {
    max-width: 450px;
    width: 450px;
    margin: 0 auto;
  }

  .shrimp__video {
    margin: 190px auto 120px;
  }

  .intelligence__steps {
    margin-top: 120px;
  }
}

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

  .intro__img_back_curved {
    width: 250%;
    left: -75%;
  }

  /*trust */
  .trust__dahir {
    padding: 66px 0;
  }

  .trust__dahir__title {
    font-size: 22px;
    text-align: center;

  }

  .dahir__trust__info {
    max-width: 370px;
  }

  .dahir__trust__numbers {
    gap: 15px;
  }

  .dahir__trust__item {
    width: 159px;
  }

  .video__shrimp__container {
    width: 380px;
  }

  .slideshow__slide1,
  .slideshow__slide2,
  .slideshow__slide3,
  .slideshow__slide4,
  .slideshow__slide5,
  .slideshow__slide6,
  .slideshow,
  .slideshow__slide {
    background-size: 460px 850px;
  }

  .slideshow,
  .slideshow__slide {
    width: 460px;
    height: 600px;
  }

  .slideshow__prev {
    top: 40rem;
    left: 42%;
  }

  .slideshow__next {
    top: 40rem;
    left: 53%;
  }

  .qoutation {
    right: 80px;
  }

  .control__images {
    /* max-width: 300px;
    width: 300px; */
    margin: 5rem auto;
  }

  .slideshow__slide,
  .container__1 {
    max-width: 400px;
    width: 400px;
  }

  .slider__1 img {
    width: 257px;
  }

  .container__1 {
    width: 100%;
    max-width: 100%;
  }
}

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

  .control__p {
    text-align: center;
  }

  .slideshow,
  .slideshow__slide {
    width: 400px;
  }

  .features_icon_container {
    width: 310px;
    height: 310px;
  }

  .container__1 {
    max-width: 300px;
    width: 300px;
  }

  .container__1 h2 {
    padding-left: 5rem;
  }

  .slideshow__slide1,
  .slideshow__slide2,
  .slideshow__slide3,
  .slideshow__slide4,
  .slideshow__slide5,
  .slideshow__slide6,
  .slideshow,
  .slideshow__slide {
    background-size: 420px 850px;
  }

  .slideshow,
  .slideshow__slide {
    width: 420px;
    height: 600px;
  }

  .slideshow__prev {
    top: 40rem;
    left: 42%;
  }

  .slideshow__next {
    top: 40rem;
    left: 53%;
  }

  .qoutation {
    right: 80px;
  }

  .container__1 {
    width: 100%;
    max-width: 100%;
  }

  .shrimp__video__title h2 {
    max-width: 380px;
  }

  .slider h2 {
    padding: 0;
  }
}

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

  .slideshow,
  .slideshow__slide {
    width: 330px;
    height: 700px;
  }

  .video__shrimp__container {
    width: 300px;
  }

  .slideshow__prev {
    top: 45rem;
    left: 40%;
  }

  .slideshow__next {
    top: 45rem;
    left: 53%;
  }

  .qoutation {
    right: 80px;
  }

  .shrimp__video__title h2 {
    max-width: 100%;
    width: 100%;
    text-align: center;
    padding: 0 30px;
  }
}

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

  /*trust */
  .trust__dahir {
    padding: 66px 0;
  }

  .trust__dahir__title {
    font-size: 22px;
    padding: 0 5px;
  }

  .dahir__trust__info {
    max-width: 370px;
  }

  .dahir__trust__numbers {
    gap: 25px;
    justify-content: center;
  }

  .dahir__trust__item {
    width: 159px;
  }
}