﻿body section {
  padding-left: 15px;
  padding-right: 15px; }
  @media only screen and (max-width: 480px) {
    body section {
      padding-left: 15px;
      padding-right: 15px; } }

body .swiper {
  direction: rtl; }

body .swiper-pagination-bullet {
  direction: ltr;
  width: 22px;
  height: 22px;
  text-align: center;
  line-height: 20px;
  font-size: 12px;
  color: #000;
  opacity: 1;
  background: rgba(62, 130, 203, 0.2);
  margin: 2px !important;
  border: 1px solid #c8d6c9; }

body .swiper-pagination-bullet-active {
  color: #fff;
  background: #007aff; }

body .swiper-pagination {
  position: static;
  text-align: left;
  margin-bottom: 8px; }

@media only screen and (min-width: 481px) {
  body .swiper-wrapper {
    place-content: start; } }

@media only screen and (min-width: 768px) {
  body .swiper-wrapper {
    place-content: center; } }

@media only screen and (min-width: 1024px) {
  body .swiper-wrapper {
    place-content: center; } }

@media only screen and (min-width: 1440px) {
  body .swiper-wrapper {
    place-content: center; } }

@media only screen and (min-width: 1921px) {
  body .swiper-wrapper {
    place-content: center; } }

body .products {
  display: grid;
  gap: 4px;
  margin-top: 0px;
  margin-left: 20px;
  margin-right: 20px; }
  body .products .item {
    padding-bottom: 20px;
    padding-top: 12px; }

body .vebko-bg {
  position: fixed;
  z-index: -9999999;
  opacity: 0.1;
  width: 100%;
  left: 0px;
  top: 0px; }
  @media only screen and (max-width: 480px) {
    body .vebko-bg {
      width: min-content; } }

body .vebko-personel {
  width: 100%;
  position: absolute;
  top: 0px;
  z-index: 99999999; }

body .RelayAMR, body .TesterAMT105, body .Lumen5k, body .comingsoon, body .accessories {
  border-bottom: 1px solid #c2c2c2;
  border-radius: 4px; }
  body .RelayAMR .fa-link, body .RelayAMR .fa-bolt, body .TesterAMT105 .fa-link, body .TesterAMT105 .fa-bolt, body .Lumen5k .fa-link, body .Lumen5k .fa-bolt, body .comingsoon .fa-link, body .comingsoon .fa-bolt, body .accessories .fa-link, body .accessories .fa-bolt {
    margin-right: 5px;
    color: #e0246b;
    font-size: 15px; }
  body .RelayAMR h3, body .TesterAMT105 h3, body .Lumen5k h3, body .comingsoon h3, body .accessories h3 {
    color: #0f3d45;
    font-style: normal;
    font-weight: bold;
    font-size: large;
    text-align: left;
    font-family: Tahoma;
    padding: 10px;
    background-color: #e4e4e49c;
    border-bottom: 4px solid #064544;
    border-radius: 8px 8px 0px 0px;
    margin: 0px !important; }
  body .RelayAMR .imgback, body .TesterAMT105 .imgback, body .Lumen5k .imgback, body .comingsoon .imgback, body .accessories .imgback {
    background: rgba(52, 138, 181, 0.55);
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 304px;
    overflow: hidden;
    position: relative; }
    body .RelayAMR .imgback img, body .TesterAMT105 .imgback img, body .Lumen5k .imgback img, body .comingsoon .imgback img, body .accessories .imgback img {
      max-width: 100%;
      max-height: 100%;
      object-fit: contain; }
    body .RelayAMR .imgback .menu, body .TesterAMT105 .imgback .menu, body .Lumen5k .imgback .menu, body .comingsoon .imgback .menu, body .accessories .imgback .menu {
      position: absolute;
      top: 0;
      left: 0px;
      margin: 15px;
      margin-top: 15px;
      font-size: 24px;
      margin-top: 5px;
      z-index: 99; }
      body .RelayAMR .imgback .menu .dropdown, body .TesterAMT105 .imgback .menu .dropdown, body .Lumen5k .imgback .menu .dropdown, body .comingsoon .imgback .menu .dropdown, body .accessories .imgback .menu .dropdown {
        direction: ltr; }
      body .RelayAMR .imgback .menu .dropdown-menu, body .TesterAMT105 .imgback .menu .dropdown-menu, body .Lumen5k .imgback .menu .dropdown-menu, body .comingsoon .imgback .menu .dropdown-menu, body .accessories .imgback .menu .dropdown-menu {
        left: 0px;
        height: max-content;
        width: max-content;
        text-align: left;
        opacity: 1;
        background: #e7ebec;
        margin: 0px;
        padding: 0px;
        border: 1px solid #68c269; }
      body .RelayAMR .imgback .menu:hover .fa, body .TesterAMT105 .imgback .menu:hover .fa, body .Lumen5k .imgback .menu:hover .fa, body .comingsoon .imgback .menu:hover .fa, body .accessories .imgback .menu:hover .fa {
        color: red; }
    body .RelayAMR .imgback .tools, body .TesterAMT105 .imgback .tools, body .Lumen5k .imgback .tools, body .comingsoon .imgback .tools, body .accessories .imgback .tools {
      position: absolute;
      bottom: 0px;
      right: 0px;
      margin: 10px;
      display: flex; }
      body .RelayAMR .imgback .tools a, body .TesterAMT105 .imgback .tools a, body .Lumen5k .imgback .tools a, body .comingsoon .imgback .tools a, body .accessories .imgback .tools a {
        padding: 8px;
        background: #437e9c;
        border-radius: 50%;
        color: #fff;
        font-weight: bold;
        letter-spacing: 2px;
        border: 2px solid #9ac5de;
        width: 44px;
        height: 40px;
        text-align: center;
        display: grid;
        place-content: center; }
        body .RelayAMR .imgback .tools a:hover, body .TesterAMT105 .imgback .tools a:hover, body .Lumen5k .imgback .tools a:hover, body .comingsoon .imgback .tools a:hover, body .accessories .imgback .tools a:hover {
          background-color: red; }
  body .RelayAMR h4, body .TesterAMT105 h4, body .Lumen5k h4, body .comingsoon h4, body .accessories h4 {
    color: #0d8786;
    font-style: normal;
    font-size: xx-large;
    font-weight: bold;
    margin-top: 14px;
    margin-bottom: 6px;
    text-align: left;
    background-color: #0d8786;
    padding: 25px;
    color: white;
    background-image: linear-gradient(to right, #0d8786, #064544); }
  body .RelayAMR ul, body .TesterAMT105 ul, body .Lumen5k ul, body .comingsoon ul, body .accessories ul {
    list-style: none;
    font-size: 17px;
    padding-left: 20px;
    direction: ltr;
    line-height: 27px;
    background: #ffffff8c;
    height: 450px;
    padding-top: 20px;
    border: 2px solid #e6e5e4; }
    @media only screen and (max-width: 480px) {
      body .RelayAMR ul, body .TesterAMT105 ul, body .Lumen5k ul, body .comingsoon ul, body .accessories ul {
        font-size: 13px;
        line-height: 22px;
        padding: 7;
        padding-top: 0px; } }
    body .RelayAMR ul li, body .TesterAMT105 ul li, body .Lumen5k ul li, body .comingsoon ul li, body .accessories ul li {
      margin-top: 4px; }
      @media only screen and (max-width: 480px) {
        body .RelayAMR ul li, body .TesterAMT105 ul li, body .Lumen5k ul li, body .comingsoon ul li, body .accessories ul li {
          margin-top: 0px; } }
      body .RelayAMR ul li:hover, body .TesterAMT105 ul li:hover, body .Lumen5k ul li:hover, body .comingsoon ul li:hover, body .accessories ul li:hover {
        color: blue;
        cursor: pointer; }

body .RelayAMR img {
  width: 100% !important; }

body .vebko-details {
  direction: ltr;
  margin-top: 20px;
  margin-bottom: 20px;
  font-family: Tahoma; }
  body .vebko-details img {
    width: 100%;
    margin-bottom: 5px;
    border: 4px solid #fff; }
  body .vebko-details strong {
    direction: ltr;
    font-size: 18px;
    color: #0d8786;
    display: block;
    text-align: left;
    font-weight: bold;
    padding: 5px; }
    body .vebko-details strong .fa-link {
      color: #e0246b;
      margin-right: 5px; }
  body .vebko-details ul {
    text-align: left;
    padding-left: 18px;
    list-style: none;
    direction: ltr;
    font-size: 17px;
    font-family: Tahoma;
    line-height: 27px; }
    body .vebko-details ul li {
      direction: ltr; }
      body .vebko-details ul li .fa-check {
        padding-right: 5px;
        color: #d16516; }
      body .vebko-details ul li:hover {
        cursor: pointer;
        color: blue; }
      body .vebko-details ul li ul {
        list-style: inside;
        padding-left: 30px;
        column-count: 3; }

body .Policy-for-Granting-Agency, body .After-Sales-Services {
  direction: ltr;
  margin-top: 30px;
  font-family: Tahoma; }
  body .Policy-for-Granting-Agency h1, body .After-Sales-Services h1 {
    font-weight: bold;
    font-size: 25px;
    margin-bottom: 20px;
    color: #0d8786; }
  body .Policy-for-Granting-Agency img, body .After-Sales-Services img {
    margin-bottom: 30px;
    border-bottom: 10px solid #0d8786; }
  body .Policy-for-Granting-Agency ul, body .After-Sales-Services ul {
    padding: 30px;
    padding-top: 8px;
    /*background: #f8f8f8;*/
    direction: ltr;
    text-align: justify;
    justify-content: stretch;
    font-size: 17px;
    list-style: none; }
    body .Policy-for-Granting-Agency ul li, body .After-Sales-Services ul li {
      margin-bottom: 10px; }
      body .Policy-for-Granting-Agency ul li .fa-check, body .After-Sales-Services ul li .fa-check {
        padding-right: 5px;
        color: #d16516; }
      body .Policy-for-Granting-Agency ul li b, body .After-Sales-Services ul li b {
        font-size: 22px;
        color: #4294ad; }
  body .Policy-for-Granting-Agency .list-representative, body .After-Sales-Services .list-representative {
    margin-left: 40px; }
    body .Policy-for-Granting-Agency .list-representative strong, body .After-Sales-Services .list-representative strong {
      font-size: 18px;
      padding-left: 32px;
      margin-bottom: 14px;
      display: block; }
    body .Policy-for-Granting-Agency .list-representative ul, body .After-Sales-Services .list-representative ul {
      column-count: 2; }
      body .Policy-for-Granting-Agency .list-representative ul li:hover, body .After-Sales-Services .list-representative ul li:hover {
        cursor: pointer;
        color: blue; }

body .After-Sales-Services ul {
  line-height: 30px; }
  body .After-Sales-Services ul li img {
    width: 300px;
    float: right;
    margin-right: 10px; }

body .Policy-for-Granting-Agency h1 {
  text-align: center;
  margin-bottom: 30px; }

body .Policy-for-Granting-Agency img {
  margin-top: 36px; }

body .Policy-for-Granting-Agency .flag img {
  margin-top: 0px !important;
  width: 100px; }

body .OurTeam {
  margin-bottom: 50px;
  margin-top: 50px;
  padding: 0px;
  /*background-color: #0d8786 !important;*/
  direction: ltr;
  font-family: Tahoma; }
  body .OurTeam .content {
    padding: 20px;
    background: #ececec;
    height: 280px;
    border-radius: 0px 0px 100px 10px;
    border: 0.8px solid #1cc7cf; }
    body .OurTeam .content ul {
      list-style: inside; }
      body .OurTeam .content ul li {
        padding-left: 10px; }
    body .OurTeam .content i {
      font-weight: bold; }
  body .OurTeam strong {
    font-weight: bold;
    padding: 10px;
    display: block;
    background: #1cc7cf;
    color: black;
    /*border-radius: 6px 6px 0px 0px;*/
    /*position: absolute;*/
    top: 0px;
    width: 100%;
    /*margin-top: 10px;*/
    border-bottom: 2px solid #1f9181;
    /*border-top: 2px solid white;*/ }
  body .OurTeam h1 {
    font-weight: bold;
    text-align: center;
    margin: 20px;
    font-size: 30px;
    color: black; }
  body .OurTeam img {
    /* border-radius: 50px 10px 0px 0px;
            border: 2px solid #1cc7cf;*/ }
  body .OurTeam p {
    text-align: justify;
    text-justify: distribute;
    padding: 20px;
    background: #ececec;
    height: 280px;
    border-radius: 0px 0px 100px 10px;
    border: 0.8px solid #1cc7cf; }

body .Team img {
  width: 100%;
  opacity: 0.4; }

@media only screen and (max-width: 480px) {
  body .founding .xs {
    display: block !important; }
  body .founding .lg {
    display: none !important; } }
