* {
  box-sizing: border-box;
}

:root {
  /* Bg Colors */
  --bg-e0: #e0e0e0;
  --bg-f1: #f1f1f1;
  --bg-f5: #f5f5f5;
  --bg-ff: #fff;

  /* Dark Colors */
  --dark-0: #1c1c28;
  --dark-2: #555770;
  --dark-3: #8f90a6;
  --dark-4: #00000000;
  --dark-5: #28293d;

  /* Others Colors */
  --others-gray: rgba(194, 194, 194, 0.5);
  --others-lemon: #fcfcd4;
  --others-snow: #e6f4f1;

  --primary-main: #00c4d8;

  --primary-light-1: #007f5f;
  --primary-light-2: #328b6e;
  --primary-light-3: #4d987d;
  --primary-light-4: #65a58c;
  --primary-light-5: #7cb19c;
  --primary-light-6: #bdd8cc;
  --primary-light-7: #e9f2ee;
  --Primary-Lighter--: #5D6C93;

  --primary-dark-0: #28293d;
  --primary-dark-1: #093127;
  --primary-dark-2: #062820;
  --primary-dark-3: #042019;
  --primary-dark-4: #031812;
  --primary-dark-5: #02100c;

  --secondary-light-1: #0056a3;
  --secondary-light-2: #2867ad;
  --secondary-light-3: #4278b7;
  --secondary-light-4: #ffcf77;
  --secondary-light-5: #7199ca;
  --secondary-light-6: #fff8ed;
  --secondary-light-7: #e7eef7;

  --secondary-dark-1: #dea003;
  --secondary-dark-2: #be8802;
  --secondary-dark-3: #9e7101;
  --secondary-dark-4: #805b01;
  --secondary-dark-5: #634500;

  --secondary-darker: #005c81;

  /* System Colors */

  --system-red-2: #ff5c5c;
  --system-red-3: #ff8080;
  --system-red-4: #ffe5e5;

  --text-bg-red-0: #ff3b3b;
  --text-bg-red-1: #ff5c5c;
  --text-bg-red-2: #ff8080;
  --text-bg-red-3: #ffe5e5;

  /* --system-green-0: #007F5F; */
  --system-green-0: #06c270;
  --system-green-1: #39d98a;
  --system-green-2: #57eba1;
  --system-green-3: #e3fff1;

  --stroke-orange-0: #ff8800;

  --system-orange-1: #fdac42;
  --system-orange-2: #fccc75;
  --system-orange-3: #fff8e5;

  /* --system-blue-0: #004A8D; */
  --system-blue-0: #0063f7;
  --system-blue-1: #5b8def;
  --system-blue-2: #9dbff9;
  --system-blue-3: #e5f0ff;

  --system-purple-0: #6600cc;
  --system-purple-1: #ac5dd9;
  --system-purple-2: #dda5e9;
  --system-purple-3: #ffe5ff;

  --system-teal-0: #00cfde;
  --system-teal-1: #73dfe7;
  --system-teal-2: #a9eff2;
  --system-teal-3: #e5ffff;

  --system-yellow-1: #fc0;
  --system-yellow-2: #fddd48;
  --system-yellow-3: #fded72;
  --system-yellow-4: #ffcc00;
  --system-yellow-5: #fffee5;

  --system-light-0: #e4e4eb;

  --text-bg-dark-0: #1e1e1e;
  --text-bg-dark-1: #313131;
  --text-bg-dark-2: #444444;
  --text-bg-dark-3: #606060;
  --text-bg-dark-4: #6f6f6f;

  --text-bg-light-0: #a4a4a4;
  --text-bg-light-1: #e9e9e9;
  --text-bg-light-2: #f1f1f1;
  --text-bg-light-3: #f5f5f5;
  --text-bg-light-4: #ffffff;

  --text-color-0: #28293d;
  --text-color-1: #313131;
  --text-color-2: #444444;
  --text-color-3: #606060;
  --text-color-4: #6f6f6f;
  --text-color-5: #bcbcbc;

  /* New Color*/

  --Others-Genoa-Alternative: #357971;
  --Others-Gray-50: rgba(30, 30, 30, 0.5);
  --Others-Mariner-Monochromatic: #44739c;
  --Primary-Darker: #1f2b48;
  --Primary-Lighter: #5d6c93;
  --Primary-Main-Color: #354879;
  --Primary-Subtle: #c2c8d6;
  --Secendry-Darker: #454546;
  --Secendry-Lighter: #ababac;
  --Secendry-Main-Color: #737476;
  --Secendry-Subtle: #d5d5d5;
  --Gray--50: rgba(30, 30, 30, 0.50);
  --Dark-Dark-5: rgba(194, 194, 194, 0.50);




  /* Stroke Colors */
  --stroke-dark: #425e6d;
  --stroke-light: #e4e4eb;
  --stroke-red: #ff3b3b;
  --stroke-green: #06c270;
  --stroke-blue: #0063f7;
  --stroke-orange: #ff8800;
  --stroke-teal: #00cfde;
  --stroke-purple: #6600cc;

  /* Radius */

  --radius-8: 0.5rem;
  --radius-12: 0.75rem;
  --radius-16: 0 1rem 1rem 0;
  --radius-36: 2.25rem;
  --radius-24: 1.5rem;
  --radius-56: 3.5rem;
  --Corner-Radius-16: 1rem;
  /*shadow */
  --light-shadow-3: 0px 0px 2px 0px rgba(40, 41, 61, 0.04),
    0px 4px 8px 0px rgba(96, 97, 112, 0.16);
  --light-shadow-2: 0px 0px 1px 0px rgba(40, 41, 61, 0.04),
    0px 2px 4px 0px rgba(96, 97, 112, 0.16);

  /*gradient*/
}

/* Color Classes */
.color-primary-main-color {
  color: var(--Primary-Main-Color);
}

.color-primary-main {
  color: var(--primary-main);
}

.color-primary-darker {
  color: var(--primary-darker);
}

.color-primary-lighter {
  color: var(--primary-lighter);
}

.color-primary-subtle {
  color: var(--primary-subtle);
}

.color-secondary-main {
  color: var(--secondary-main);
}

.color-secondary-darker {
  color: var(--secondary-darker);
}

.color-secondary-lighter {
  color: var(--secondary-lighter);
}

.color-secondary-subtle {
  color: var(--secondary-subtle);
}

.color-dark-0 {
  color: var(--dark-0);
}

.color-text-dark-0 {
  color: var(--text-dark-0);
}

.color-text-dark-1 {
  color: var(--text-dark-1);
}

.color-text-dark-2 {
  color: var(--text-dark-2);
}

.color-text-dark-3 {
  color: var(--text-dark-3);
}

.color-text-dark-4 {
  color: var(--text-dark-4);
}

.color-text-light-0 {
  color: var(--text-light-0);
}

.color-text-light-1 {
  color: var(--text-light-1);
}

.color-text-light-2 {
  color: var(--text-light-2);
}

.color-text-light-3 {
  color: var(--text-light-3);
}

.color-text-light-4 {
  color: var(--text-light-4);
}

.color-system-red-0 {
  color: var(--system-red-0);
}

.color-system-green-0 {
  color: var(--system-green-0);
}

.color-system-orange-0 {
  color: var(--system-orange-0);
}

.color-system-blue-0 {
  color: var(--system-blue-0);
}

.color-system-purple-0 {
  color: var(--system-purple-0);
}

.color-system-teal-0 {
  color: var(--system-teal-0);
}

.color-secondary-light-1 {
  color: var(--secondary-light-1);
}

.coloe-text-color-3 {
  color: var(--text-color-3);
}

.color-primary-light-4 {
  color: var(--primary-light-4);
}

.color-text-bg-dark-0 {
  color: var(--text-bg-dark-0);
}

/* Background Color Classes */
.bg-primary-main {
  background-color: var(--primary-main);
}

.bg-primary-darker {
  background-color: var(--primary-darker);
}

.bg-primary-lighter {
  background-color: var(--primary-lighter);
}

.bg-primary-subtle {
  background-color: var(--primary-subtle);
}

.bg-secondary-main {
  background-color: var(--secondary-main);
}

.bg-secondary-darker {
  background-color: var(--secondary-darker);
}

.bg-secondary-lighter {
  background-color: var(--secondary-lighter);
}

.bg-secondary-subtle {
  background-color: var(--secondary-subtle);
}

.bg-text-dark-0 {
  background-color: var(--text-dark-0);
}

.bg-text-dark-1 {
  background-color: var(--text-dark-1);
}

.bg-text-light-0 {
  background-color: var(--text-light-0);
}

.bg-text-light-1 {
  background-color: var(--text-light-1);
}

.bg-text-light-2 {
  background-color: var(--text-light-2);
}

.bg-text-light-3 {
  background-color: var(--text-light-3);
}

.bg-text-light-4 {
  background-color: var(--text-light-4);
}

.bg-system-red-0 {
  background-color: var(--system-red-0);
}

.bg-system-red-1 {
  background-color: var(--system-red-1);
}

.bg-system-green-0 {
  background-color: var(--system-green-0);
}

.bg-text-light-4 {
  background: var(--text-bg-light-4);
}

.bg-secondary-light-1 {
  background-color: var(--secondary-light-1);
}

/* Border Color Classes */
.border-primary-main {
  border-color: var(--primary-main);
}

.border-primary-darker {
  border-color: var(--primary-darker);
}

.border-secondary-main {
  border-color: var(--secondary-main);
}

.border-secondary-lighter {
  border-color: var(--secondary-lighter);
}

.border-system-red-0 {
  border-color: var(--system-red-0);
}

.border-text-light-1 {
  border-color: var(--text-light-1);
}

/* Stroke Classes */
.stroke-dark {
  stroke: var(--stroke-dark);
}

.stroke-light {
  stroke: var(--stroke-light);
}

.stroke-red {
  stroke: var(--stroke-red);
}

.stroke-green {
  stroke: var(--stroke-green);
}

.stroke-blue {
  stroke: var(--stroke-blue);
}

.stroke-orange {
  stroke: var(--stroke-orange);
}

.stroke-teal {
  stroke: var(--stroke-teal);
}

.stroke-purple {
  stroke: var(--stroke-purple);
}

/*border radius*/
.b-radius-0 {
  border-radius: 0rem !important;
}

.b-radius-4 {
  border-radius: var(--b-radius-4);

  -webkit-border-radius: var(--radius-4) !important;
  -moz-border-radius: var(--radius-4) !important;
  -ms-border-radius: var(--radius-4) !important;
  -o-border-radius: var(--radius-4) !important;
}

.b-radius-8 {
  border-radius: var(--radius-8) !important;
  -webkit-border-radius: var(--radius-8) !important;
  -moz-border-radius: var(--radius-8) !important;
  -ms-border-radius: var(--radius-8) !important;
  -o-border-radius: var(--radius-8) !important;
}

.b-radius-12 {
  border-radius: var(--radius-12) !important;
  -webkit-border-radius: var(--radius-12) !important;
  -moz-border-radius: var(--radius-12) !important;
  -ms-border-radius: var(--radius-12) !important;
  -o-border-radius: var(--radius-12) !important;
}

.b-radius-16 {
  border-radius: var(--radius-16) !important;
  -webkit-border-radius: var(--radius-16) !important;
  -moz-border-radius: var(--radius-16) !important;
  -ms-border-radius: var(--radius-16) !important;
  -o-border-radius: var(--radius-16) !important;
}

.b-radius-24 {
  border-radius: var(--radius-24) !important;
  -webkit-border-radius: var(--radius-24) !important;
  -moz-border-radius: var(--radius-24) !important;
  -ms-border-radius: var(--radius-24) !important;
  -o-border-radius: var(--radius-24) !important;
}

.b-radius-38 {
  border-radius: var(--radius-38) !important;
  -webkit-border-radius: var(--radius-38) !important;
  -moz-border-radius: var(--radius-38) !important;
  -ms-border-radius: var(--radius-38) !important;
  -o-border-radius: var(--radius-38) !important;
}

.b-radius-57 {
  border-radius: var(--radius-57) !important;
  -webkit-border-radius: var(--radius-57) !important;
  -moz-border-radius: var(--radius-57) !important;
  -ms-border-radius: var(--radius-57) !important;
  -o-border-radius: var(--radius-57) !important;
}

.b-radius-circle {
  border-radius: 50% !important;
}

.b-radius-30 {
  border-radius: var(--radius-30);
}

.b-radius-20 {
  border-radius: var(--radius-20);
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  overflow-x: hidden;
}

* {
  scroll-margin-top: 0;
  scroll-behavior: smooth;

  @media (min-width: 760px) {
    scroll-margin-top: 0;
  }
}

.row {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: -0.57rem;
  margin-right: -0.57rem;
  --bs-gutter-x: 1.14rem;
}

[class*="col-"] {
  padding-right: 0.57rem;
  padding-left: 0.57rem;
}

.container {
  max-width: calc(100% - 1.5rem) !important;

  width: 82.25rem;
  /* padding-right: 0.57rem !important;
  padding-left: 0.57rem !important; */
  margin-right: auto;
  margin-left: auto;
}

.container-fluid {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

input,
select {
  outline: none !important;
}

.text-right,
.align-right {
  text-align: right;
}

.text-center,
.align-center {
  text-align: center;
}

.text-left,
.align-left {
  text-align: left;
}

.p-sticky {
  position: sticky;
  top: 5.7rem;
  align-self: flex-start;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.floating-active #headerrow-349356 {
  background-color: var(--Primary-Main-Color) !important;
}

#headerrow-349356 .Normal>a:hover,
#headerrow-349356 .dngTextBox a:hover,
#headerrow-349356 .hover-accent:hover,
#headerrow-349356 .Login a:hover,
#headerrow-349356 .Login a.active {
  color: var(--accent-color);
}
/****************************** img-slider ******************************/
.img-slider {
  position: relative;
  display: flex;
  width: 100%;
  padding: 0 !important;
  margin: 0 !important;
  overflow: hidden;
  gap: 1rem;
  justify-content: space-between;
  vertical-align: middle;
  display: flex;
  align-items: center;

  img {
    display: block;
    width: 100%;
    object-fit: cover;
  }
iframe {
	max-width: 100%;
}

p {
	text-align: justify;
}
  .overly {
    width: 100%;
    height: 100%;
    background-color: var(--dark-0);
    position: absolute;
    opacity: 0.4;
  }

  .btn-request {
    position: absolute;
    transform: translateY(-50%);
    padding: 10px 20px;
    background-color: var(--Primary-Main-Color);
    color: var(--bg-ff);
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-size: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem;
    display: inline;
  }

  .btn-download {
    background-color: var(--bg-ff);
    position: absolute;
    transform: translateY(-50%) !important;
    background-color: var(4);
    color: var(--bg-ff);
    border: none;
    cursor: pointer;
    border-radius: 4px;
    font-size: 1rem;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem;
    width: 3.25rem;
    height: 3.25rem;
    display: inline;
  }

  .btn-holder {
    position: absolute;
    top: 50%;
    right: 5rem;
    left: 0;

    .container {
      display: flex;
      align-items: center;
      justify-content: start;
      gap: 0.87rem;
    }

    .request-link {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 0.57rem;
      /* height: 4rem; */
      padding: 1.1rem 1.2rem;
      background: var(--Primary-Main-Color);
      border-radius: var(--radius-8);
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
      text-decoration: none;
      -webkit-border-radius: var(--radius-8);
      -moz-border-radius: var(--radius-8);
      -ms-border-radius: var(--radius-8);
      -o-border-radius: var(--radius-8);

      .bullet-holder {
        position: relative;
        width: 22px;
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;

        .layer-1 {
          width: 5px;
          aspect-ratio: 1;
          border: solid 1px var(--White);
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          background-color: var(--White);
          overflow: hidden;
        }

        .layer-2 {
          position: absolute;
          top: 50%;
          right: 50%;
          width: 5px;
          aspect-ratio: 1;
          background-color: var(--White);
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          opacity: 0;
        }

        .layer-3 {
          position: absolute;
          top: 50%;
          right: 50%;
          width: 0;
          aspect-ratio: 1;
          border: solid 1px var(--White);
          border-radius: 50%;
          -webkit-border-radius: 50%;
          -moz-border-radius: 50%;
          -ms-border-radius: 50%;
          -o-border-radius: 50%;
          transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
          opacity: 0;
        }
      }

      .caption {
        color: var(--White);
        font-size: 1rem;
      }

      &:hover {
        .layer-1 {
          width: 100%;
          background-color: transparent;
        }

        .layer-2 {
          top: 9px;
          right: 9px;
          width: 4px;
          opacity: 1;
        }

        .layer-3 {
          top: 4px;
          right: 4px;
          width: 14px;
          opacity: 1;
        }
      }
    }

    .view-service {
      position: relative;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 4rem;
      background: var(--White);
      border-radius: var(--radius-8);
      box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
      text-decoration: none;
      -webkit-border-radius: var(--radius-8);
      -moz-border-radius: var(--radius-8);
      -ms-border-radius: var(--radius-8);
      -o-border-radius: var(--radius-8);
      padding: 0.5rem;

      .icon-box {
        width: 3rem;
        aspect-ratio: 1;
        display: flex;
        align-items: center;
        justify-content: center;

        svg {
          width: 1.87rem;
          transition: all 0.3s ease;
          -webkit-transition: all 0.3s ease;
          -moz-transition: all 0.3s ease;
          -ms-transition: all 0.3s ease;
          -o-transition: all 0.3s ease;
        }
      }

      .caption {
        display: block;
        width: 0;
        overflow: hidden;
        color: var(--Primary-Main-Color);
        font-size: 1rem;
        opacity: 0;
        white-space: nowrap;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -ms-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        text-align: center;
        font-weight: 200;
      }

      &:hover {
        .icon-box {
          svg {
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -ms-transform: rotate(45deg);
            -o-transform: rotate(45deg);
          }
        }

        .caption {
          width: 6.1rem;
          opacity: 1;
padding-right: 10px;
        }
      }
    }
  }
}

.search-popup-box .color-dark a.search:before {
  transform: rotate(45deg) !important;
}

a,
a:visited {
  text-decoration: none !important;
}

/****************************** footer menu **************************************************/
.footer-top {
  display: flex;
  justify-content: space-between;
  flex-direction: row;
  padding: 1rem 5rem;
  width: 100%;
margin-bottom: -6px;
  .title-footer {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 200;
    line-height: 1.75rem;
    color: var(--text-bg-dark-2);
  }

  .text-footer-top {
    align-self: center;
  }

  .form-footer {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem;
    color: var(--text-bg-dark-0);
  }

  .btn-footer-top {
    text-align: end;
    align-self: center;

    .btn-footer {
      left: 0;
      background-color: var(--system-blue-0);
      border: none;
      color: var(--bg-ff);
      border-radius: var(--radius-8);
      vertical-align: middle;
      align-self: center;
      padding: 0.5rem 1rem;
      font-size: 0.875rem;
      font-style: normal;
      font-weight: 200;
      line-height: 1.75rem;
    }
  }
}

.linkitem {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 200;
  line-height: 3rem;
}

.footer.footer .dngTextBox,
.footer-logoin {
  display: block !important;
}

#row-514475,
#row-514475 .Normal {
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 200;
  line-height: 3rem;
}

.contact-us-footer {
  svg {
    height: 1.25rem;
    width: 1.25rem;
    stroke: #0063f7;
    vertical-align: middle;
    margin-left: 0.57rem;
  }

  strong {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.75rem;
  }

  span {
    font-size: 0.875rem;
    font-style: normal;
    font-weight: 200;
    line-height: 1.75rem;
  }
}

/************************************** title-Expertise **************************************/
.title-Expertise {
  display: flex;
  justify-content: end;
  flex-direction: column;

}

.bold-title {
  font-size: 3.75rem;
  font-style: normal;
  font-weight: bold;
  line-height: 3.625rem;
  text-align: left !important;
  color: var(--Secendry-Main-Color);
}

.strong-txt {
  color: var(--Primary-Main-Color);
  padding-left: 6px;
  font-weight: bold;
}

.sub-Expertise {
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 100;
  line-height: 5.625rem;
  text-align: left !important;
  color: var(--Secendry-Main-Color);
}

.span-txt {
  color: var(--Primary-Main-Color);
  padding-left: 6px;
  font-size: 2.25rem;
  font-style: normal;
  font-weight: 100;
}

@media (max-width:480px) {
  .title-Expertise .bold-title {
    font-size: 2.5rem;
  }

  .sub-Expertise {
    font-size: 2.5rem;
  }
}

@media (max-width:768px) {
  .title-Expertise .bold-title {
    font-size: 2.5rem;
  }

  .sub-Expertise {
    font-size: 2.5rem;
  }
}

/*********************************** summary-expertise **************************************/
.text-summary-expertise {
  font-size: 1rem;
  font-style: normal;
  font-weight: 400;
  line-height: 2rem;
  color: var(--text-bg-dark-0);
}

/****************************************  description-expertise ****************************************************/
.title-description-expertise {
  color: var(--dark-0);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 700;
  line-height: 1.75rem;
}

.title-description-expertise::after {
  content: "+";
  font-weight: normal;
  color: var(--dark-0);
  user-select: none;
  font-size: 1.5rem;
  opacity: 1;
  vertical-align: middle;
  margin-right: 1rem;
}

.text-description-expertise {
  color: var(--dark-0);
  font-size: 0.875rem;
  font-style: normal;
  font-weight: 100;
  line-height: 1.75rem;
}

.text-description-expertise>strong {
  font-weight: 900 !important;
}

/*******************contact-us Begin****************/

/***** شروع -نیاز به جابه جایی نداره*****/
.contact-us-page {
  margin-top: 5rem;
  margin-bottom: 2.75rem;

  p {
    line-height: 0.5rem;
  }

  .top-content {
    text-align: left;

    .h1-title {
      font-size: 3.75rem;
      font-weight: 900;
    }

    .span-title {
      font-size: 2.25rem;
      font-weight: 700;
    }
  }

  .contact-info {
    color: #000;

    .plus {
      width: 0.75rem;
      height: 0.75rem;
      stroke: var(--Primary-Main-Color);
    }

    .item {
      svg {
        width: 1.25rem;
        height: 1.25rem;
        stroke: var(--system-blue-0);
      }

      .social {
        width: 1.125rem;
        height: 1.125rem;
        stroke: var(--text-bg-dark-0);
      }

      .data {
        color: var(--Gray--50)
      }
    }

    .info-items {
      margin-top: 1.75rem;
    }
  }

  .map-box {
    margin-top: 2.5rem;
    display: block;
    max-width: 100%;
  }
}

.contact-us-pic {

  img {
    border-radius: 1rem;
  }

}

@media(max-width:1290px) {
  .contact-us-page {
    p {
      line-height: 1.5rem;
    }
  }
}



.dnnFormSectionHead {
  svg {
    stroke: #000;
    width: 1rem;
    height: 1rem;
  }
}

.dnnFormItem input[type="text"],
.dnnFormItem textarea {
  background: var(--bg-ff);
  border: 1px solid #E9E9E9;
  -webkit-border-radius: 0.75rem;
  border-radius: 0.75rem;
  box-shadow: none;
  padding: 1rem;
}

span.dnnFormRequired:after {
  display: none !important;
}

.dnnForm.FeedbackForm .dnnFormItem INPUT,
.dnnForm.FeedbackForm .dnnFormItem TEXTAREA,
.dnnFormItem textarea {
  width: 100% !important;
  max-width: 100%;
}

.dnnForm.FeedbackForm .dnnFormItem .dnnLabel {
  transition: all 0.3s ease;
  position: absolute;
  /* background-color: var(--bg-ff); */
  pointer-events: none;
  transform: translateY(8%);
  color: #000;
  display: inline-block;
  width: auto !important;
  white-space: nowrap;
  margin-left: 0.75rem !important;

  &.active {

    transform: translateY(-65%);

  }

}

.dnnPrimaryAction,
a.dnnPrimaryAction,
.dnnPrimaryAction:hover,
a.dnnPrimaryAction:hover {

  text-shadow: none;
  color: var(--text-bg-light-4) !important;
  background-color: var(--system-green-0) !important;
  border-radius: var(--radius-8);
  background: none;
  box-shadow: none;
  border: none;
  padding: 0.5rem 0.75rem;
}

.dnnActions {
  float: left;
}

.dnnForm fieldset {
  margin-bottom: 0;
}

/***** پایان -نیاز به جابه جایی نداره*****/
/*******************contact-us End****************/


/*******************Event Detail Begin****************/


.detail-article-events {

  .eventDetail-header {
    &::before {
      content: "";
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      height: 7%;
      z-index: 0;
      background-color: var(--Primary-Main-Color);
      text-align: center;
      align-content: center;
      border-radius: 0 0 0 6.15rem;
    }

    .page-breadcrumbs {
      color: var(--text-bg-light-4);
      position: relative;

      a {
        color: var(--text-bg-light-4);

      }

      .Boxed {
        white-space: nowrap;
        overflow: auto;
      }
    }
  }

  .summary-container {
    width: 84.15rem;
    margin: auto;
    max-width: 100%;
    position: relative;
    z-index: 1;
    margin-top: 6.3rem;

    .Title,
    .time-loc {
      text-align: center;
      color: var(--text-bg-light-4) !important;
      margin-bottom: 3rem;
    }

    .img-box {
      width: 84.15rem;
      max-width: 100%;
      aspect-ratio: 1 / 0.5;

      img {
        width: 100%;
        border-radius: var(--radius-12);
        object-fit: cover;
        height: 100%;
      }
    }

    .description {
      margin-top: 2.71rem;
    }
  }

  .link {
    svg {
      width: 1.5rem;
      height: 1.5rem;
      stroke: var(--text-bg-light-4);
    }

    span {
      color: var(--bg-ff);
      background-color: var(--Primary-Main-Color);
    }
  }

  .author {
    svg {
      fill: var(--text-bg-light-4);
      stroke: var(--Secendry-Main-Color);
      width: 1.5rem;
      height: 1.5rem;
    }
  }

  .title {
    color: #000;
    margin-bottom: 1.14rem;

    svg {
      width: 0.75rem;
      height: 0.75rem;
      stroke: var(--Primary-Main-Color);
    }
  }

  .information-items {
    margin-bottom: 5.13rem;

    .item {
      color: var(--bg-ff);
      padding: 2rem;
      flex: 1;


    }

    .right-item {

      border-radius: 0 3.75rem;
      background: linear-gradient(98deg, #0063F7 33.78%, #00A5F7 99.76%);

      svg {
        stroke: var(--text-bg-light-4);
      }
    }

    .left-item {
      color: var(--Primary-Darker);
      border-radius: 3.75rem 0;
      background: var(--system-blue-2);

      svg {
        stroke: var(--Primary-Darker);
      }
    }
  }

  .achivement-wrapper {
    margin-top: 1.63rem;
    background-color: var(--bg-ff);
    border-radius: var(--radius-24);
    padding: 1.92rem 1rem 6rem 1rem;
    margin-bottom: 3rem;

    .image-wrapper {
      margin-bottom: 4.15rem;
      --bs-gutter-y: 2.3rem;
      --bs-gutter-x: 1.5rem
    }

    .img-box-4 {
      width: 30.76rem;
      aspect-ratio: 1 / 1;
      max-width: 100%;
    }

    .img-box-8 {
      width: 65.84rem;
      aspect-ratio: 1/0.5;
      max-width: 100%;
    }

    img {
      object-fit: cover;
      width: 100%;
      height: 100%;
      border-radius: var(--radius-12);
    }

    .more-description {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 15;
      overflow-y: auto;
      text-overflow: ellipsis;
    }

    .video-wrapper {
      position: relative;
      margin-top: 3.85rem;
      direction: rtl;

      .video-box {
        width: 51.07rem;

        max-width: 100%;

        video {
          width: 100%;
          border-radius: 4.6rem 0;
        }
      }

      .video-description {
        width: 57.68rem;
        max-width: 100%;
        background-color: var(--text-bg-light-1);
        border-radius: 0 4.6rem;
        padding: 1.84rem;
        color: var(--text-bg-dark-1);
        position: absolute;
        bottom: 0;
        left: 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 6;
        overflow-y: auto;
        text-overflow: ellipsis;
      }

    }

    .Gallery-wrapper {
      .item {
        color: var(--text-bg-dark-0);
        border-radius: var(--Corner-Radius-16);
        border: 1px solid var(--text-bg-light-1);
        background-color: var(--text-bg-light-1);
        padding: 1.5rem;

        svg {
          stroke: var(--text-bg-dark-0);
          width: 1.5rem;
          height: 1.5rem;
        }
      }

      .img-box {
        width: 29.2rem;
        max-width: 100%;
        aspect-ratio: 1/0.9;

        img {
          width: 100%;
        }

        ;
      }

      .gallery-swiper {
        .swiper-slide {
          transition: transform 0.3s ease, z-index 0.3s ease;
          z-index: 1;
          transform: scale(0.8);
          opacity: 0.5;
        }

        .swiper-slide-active {
          z-index: 10;
          transform: scale(1);
          opacity: 1;
        }

        .swiper-slide-prev,
        .swiper-slide-next {

          transform: scale(0.9);
          opacity: 1 !important;
        }

        .navigation-icons {
          margin-top: 5rem;
          direction: rtl;

          .swiper-button-next,
          .swiper-button-prev {
            position: static !important;
            border: 1px solid var(--Primary-Main-Color);
            border-radius: 50%;
            width: 3rem;
            height: 3rem;
          }

          .swiper-button-next::after {
            content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'><path d='M7 13L1 7M1 7L7 1M1 7L17 7' stroke='%23354879' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
            display: inline-block;
            vertical-align: middle;
            line-height: 0;
          }

          .swiper-button-prev::after {
            content: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='18' height='14' viewBox='0 0 18 14' fill='none'><path d='M11 13L17 7M17 7L11 1M17 7L1 7' stroke='%23354879' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/></svg>");
            display: inline-block;
            vertical-align: middle;
            line-height: 0;
          }
        }
      }
    }
  }

}

@media(max-width:1200px) {
  .edNews_article {
    & .achivement-wrapper {
      & .video-wrapper .video-description {
        position: static;

      }
    }
  }
}

@media(max-width:760px) {
  .detail-article-events {
    & .achivement-wrapper {
      .img-box-4 {
        width: 100%;
      }
    }
  }
}



/*******************Event Detail End****************/


/*******************Events Detail - Related Article Begin****************/
.related-articles-events {
  .edNews_cardList {
    display: flex;
    list-style: none;
    gap: 1.23rem;
    flex-wrap: wrap;

  }

  .event-item {
    width: calc((100% - 3.69rem) / 4);
    background: var(--text-bg-light-4);
    border: 1px solid var(--text-bg-light-1);
    border-radius: var(--Corner-Radius-16);
    padding: 0.75rem;

    .img-box {
      width: 22.53rem;
      max-width: 100%;
      aspect-ratio: 1/0.5;

      img {
        width: 100%;
        object-fit: cover;
        border-radius: var(--radius-12)
      }

      ;
    }

    .eventDate {
      color: var(--Primary-Main-Color);
    }

    .load-more {
      background-color: var(--Primary-Main-Color);
      border-radius: var(--radius-8);
      padding: 0.3rem 0.6rem;
      color: var(--text-bg-light-4);

      svg {
        stroke: var(--text-bg-light-4);
        width: 1.84rem;
      }
    }

    .edNews_smallTitle {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 1;
      overflow-y: hidden;
      text-overflow: ellipsis;
    }
  }

  .categoryLabel {
    color: var(--Primary-Main-Color);
    background-color: var(--bg-f1);
    border-radius: var(--radius-8);
    display: inline-block;
  }
}

@media(max-width:990px) {
  .related-articles-events {
    .event-item {
      width: calc((100% - 2.46rem) / 3);
    }
  }
}

@media(max-width:670px) {
  .related-articles-events {
    .event-item {
      width: calc((100% - 1.23rem) / 2);
    }
  }
}

@media(max-width:390px) {
  .related-articles-events {
    .event-item {
      width: 100%;
    }
  }
}

/********************** Begin Comments کاملا در فایل mempjs.cssجایگذاری شود  ***********************/

.edNews__commentPendingApproval,
.edNews_errorMessage {
  position: absolute;
  top: 105%;
  right: 0;
  transition: all ease-in-out 0.3s;
  max-height: 0;
  opacity: 0;
  overflow: hidden;
  display: block;
}

.edNews__commentPendingApproval.show,
.edNews_errorMessage.show {
  max-height: 3rem;
  opacity: 1;
  padding: 0.2rem 0.87rem;
  color: var(--White);
  border-radius: 0.4rem;
  z-index: 1;
}


.edNews__commentsWrapper .btn-submit {
  color: var(--White);
  transition: all ease-in-out 0.3s;
  cursor: pointer;
  font-weight: bold;
}

.edNews__commentsWrapper .btn-submit:hover {
  background: var(--accent-color4);
}

.edNews__commentsWrapper :where(input[type="text"], input[type="email"], textarea) {
  outline: unset !important;
  padding: 1rem;
  width: -webkit-fill-available;
  background-color: var(--text-bg-light-4) !important;
  transition: all ease-in-out 0.3s;
  border: 0.1em solid var(--text-bg-light-1) !important;
  border-radius: var(--radius-12);
}

.edNews__commentsWrapper :where(input[type="text"], input[type="email"], textarea)::placeholder {
  text-align: right !important;
  font-family: IranSite;
  color: var(--Silver-Secondary-Color);
  transition: all ease-in-out 0.3s;
}

input:where([type="email"], [type="cell"]) {
  direction: ltr;
}

.edNews__commentsWrapper .form-group {
  position: relative;
}

.edNews__commentsWrapper .form-group label {
  position: absolute;
  padding: 0.4rem 0;
  top: 0;
  right: 1rem;
  color: var(--text-bg-dark-0);
  transition: all 0.3s ease;
  pointer-events: none;
  transform: translateY(8%);
  background-color: var(--text-bg-light-4);


}

.edNews__commentsWrapper .form-group .form-control:focus~label,
.edNews__commentsWrapper .form-group .form-control:not(:placeholder-shown)~label {

  transform: translateY(-60%);
}

.edNews__commentsWrapper .form-control:focus {
  box-shadow: none;
}

.edNews__commentsWrapper :where(input[type="text"], input[type="email"], textarea):focus {
  border-color: var(--Accent-Color);
}

.edNews__commentsWrapper :where(input[type="text"], input[type="email"], textarea):focus::placeholder {
  letter-spacing: -0.05rem;
  font-size: 0.9rem;
}

.edNews__commentsWrapper .GDPR input[type=checkbox]+label {
  display: flex;
  align-items: center;
  cursor: pointer;
  padding: 0.2em;
  gap: 1rem;
}

.edNews__commentsWrapper .GDPR input[type=checkbox] {
  display: none;
}

.edNews__commentsWrapper .GDPR input[type=checkbox]+label:before {
  content: "✔";
  border: 0.1em solid var(--Black-Color);
  border-radius: 0.2em;
  display: flex;
  color: transparent;
  transition: 0.2s;
  padding: 0 0.5em;
  border: 0.1rem solid var(--blgnav);
}

.edNews__commentsWrapper .GDPR input[type=checkbox]+label:active:before {
  transform: scale(0);
}

.edNews__commentsWrapper .GDPR input[type=checkbox]:checked+label:before {
  background-color: #3cb371;
  border-color: #3cb371;
  color: var(--White);
}

.edNews__commentsWrapper .GDPR input[type=checkbox]:disabled+label:before {
  transform: scale(1);
}

.edNews__commentsWrapper .GDPR input[type=checkbox]:checked:disabled+label:before {
  transform: scale(1);
  background-color: #bfb;
  border-color: #bfb;
}

.edNews__commentsCommentFormWrapper .edNews__replyingToMessage {
  opacity: 0;
  visibility: hidden;
  transition: all ease-in-out 0.3s;
}

.edNews__commentsCommentFormWrapper.edNews__replyingToComment .edNews__replyingToMessage {
  opacity: 1;
  visibility: visible;
}

.edNews__commentsCommentFormWrapper {
  background-color: var(--text-bg-light-4);
}

.edNews__commentsCollapseWrapper {
  display: flex;
  flex-direction: column-reverse;
  gap: 3.85rem;
  width: 100%;
}

.edNews_commentDetails .media-body {
  padding: 0.5rem;
  flex: 1 0 80%;
  border: 0.1rem solid var(--silverLight);
  border-radius: calc(var(--b-rasiud)*2);
}

.edNews__commentVoting_upvote .fa-thumbs-o-up:before {
  color: green;
  font-size: 1.5rem;
}

.edNews__commentVoting_downvote .fa-thumbs-o-down:before {
  color: red;
  font-size: 1.5rem;
}

.edNews_commentActions span {
  color: var(--accent-color1);
}

.edNews_numberVotes {
  color: var(--accent-color1);
}

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

.edNews_loadMoreTriggerWrapper button {
  background: var(--accent-color3);
  border: 1px solid var(--accent-color2);
  padding: 1rem;
  margin-bottom: 2rem;
  cursor: pointer;
}

.edNews_loadMoreTriggerWrapper .loadingOverlay {
  display: none;
}

.edNews_loadMoreTriggerWrapper.loading,
.edNews__editingComment .edNews__editCommentContainer {
  display: block;
}

.edNews_loadMoreTriggerWrapper.hide,
.edNews__editCommentContainer {
  display: none;
}

.edNews_userAvatar img {
  width: 2.85rem;
  height: 2.85rem;
  border-radius: var(--b-radius);
}

.edn_recentCommentContainer {
  display: flex;
  gap: 1rem;
  align-items: center;
}

.ItemTitleComment svg {
  width: 1.5rem;
}

.edNews__commentContent {
  font-size: 1rem;
}

.edNews__commentContent p {
  margin: 0;
}

.edNews_commentDate {
  font-size: 0.8rem;
  padding-top: 6px;
}

.edNews__childCommentsContainer {
  margin-bottom: 0.6rem;
  margin-right: 2rem;
}

.edNews__childCommentsContainer .edNews__itemCommentContainer {
  /* margin-right: 2rem; */
  border-top: 0.1rem solid var(--dark-gray);
}


.edNews_adminEdit .btn-submit {
  background: transparent !important;
  color: var(--accent-color);
}

.edNews_adminEdit .btn-submit .edNews__editComment,
.edNews_adminEdit .btn-submit .edNews__deleteComment {
  display: none;
}

div#edNewsComment3424_2219_3 {
  border-bottom: 0.1em solid var(--accent-color2);
}

.edNews_addComment {

  .submit-btn {
    padding: 0.57rem 1.42rem;
    margin: 1.69rem 0;
    background-color: var(--system-green-0);
    border: none;
    border-radius: var(--radius-8);
    color: var(--text-bg-light-4);
    display: inline-block;
  }

}

.edNews__commentsListContainer {
  background-color: var(--text-bg-light-4);
  border-radius: var(--radius-12);
  padding: 0.5rem;
  border: 1px solid var(--text-bg-light-1);
}

.edNews__itemCommentContainer {
  border-bottom: 1px solid #DBDBDB;
}

.edNews__itemCommentContainer:last-child {
  border-bottom: none;
}

/********************** End Comments ***********************/

/*******************News Detail Begin****************/

.detail-article-news {

  .newsDetail-header {
    .wrapper {
      z-index: 1;
      position: relative;
      padding-top: 5.4rem;
    }

    .bg {
      z-index: 0;
      content: "";
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      background-color: var(--Primary-Main-Color);
      border-radius: 0 0 0 6.15rem;
    }
  }

  .img-box {
    width: 54.35rem;
    max-width: 100%;
    aspect-ratio: 1/0.7;

    img {
      width: 100%;
      height: 100%;
      border-radius: var(--Corner-Radius-16)
    }


  }

  .header-data-wrapper {
    gap: 6.71rem;
    display: flex;
    flex-direction: column;

    .title-data {

      .Title,
      .category a {

        color: var(--text-bg-light-4) !important;
      }
    }

    .author {
      a {
        color: rgba(0, 0, 0, 0.30) !important;
      }

      svg {
        stroke: var(--text-bg-dark-0);
        fill: var(--text-bg-light-4);
        width: 1.42rem;
      }
    }

    .link {
      margin-top: 1.5rem;

      svg {
        width: 1.71rem;
        height: 1.71rem;
        stroke: var(--text-bg-light-4);
      }

      span {
        color: var(--bg-ff);
        background-color: var(--Primary-Main-Color);
      }
    }
  }

  .in_article_image {
    margin: 1.64rem 0 2.92rem 0;

    img {
      border-radius: var(--Corner-Radius-16);
      width: 100%;
    }
  }

  .content {
    color: var(--text-bg-dark-0);
    margin-top: 2.92rem;
  }

  .article-heading-holder {
    padding: 0.57rem 0.28rem;
    background-color: var(--Primary-Darker);
    border-radius: var(--radius-8);
    color: var(--text-bg-light-4);

    .main-title {
      padding: 0.5rem;
    }

    .article-heading {

      &.hide {
        display: none;
      }

      li {
        font-weight: 200;
        padding: 0.5rem;

        a {
          color: var(--text-bg-light-4);
        }
      }
    }
  }

  .other-articles {
    padding: 0.25rem 0.5rem;
    border-radius: 0.5rem;
    background-color: var(--text-bg-light-4);
    margin: 0.5rem;

    .img-box {
      width: 5.5rem;
      max-width: 100%;
      aspect-ratio: 1/1;

      img {
        width: 100%;
        border-radius: 0.5rem;
      }
    }

    h2 {
      font-size: 0.875rem;
      margin-top: 0.25rem;
    }

    .content-box {
      padding: 0.5rem 0;
    }
  }

  .page-breadcrumbs {
    color: var(--text-bg-light-4);
    position: relative;
    white-space: nowrap;
    overflow: auto;

    a {
      color: var(--text-bg-light-4);

    }
  }
}



.detail-sidebar {
  margin-top: 2.92rem;
}

@media(max-width:768px) {
  .detail-article-news {
    .header-data-wrapper {
      gap: 0;
      margin: 1rem 0;

      .author-data {

        .author,
        .author a {
          color: var(--text-bg-light-4) !important;

          svg {
            fill: var(--text-bg-light-4);
            stroke: var(--text-bg-light-4);
          }
        }

        .link {
          span {
            color: var(--Primary-Main-Color);
            background-color: var(--bg-ff);


            svg {
              stroke: var(--Primary-Main-Color);
            }
          }

        }
      }
    }
  }
}

/*******************News Detail End****************/

/*******************News Detail Related Article Begin****************/

.related-articles-news {
  .title {
    margin-bottom: 1.14rem;

    svg {
      stroke: var(--Primary-Main-Color);
      width: 0.85rem;
      height: 0.85rem;
    }
  }

  .edNews_cardList {
    display: flex;
    list-style: none;
    gap: 1.14rem;
    flex-wrap: wrap;

  }

  .news-item {
    width: calc((100% - 3.69rem) / 4);
    border-radius: var(--Corner-Radius-16);

    .img-box {
      position: relative;
      width: 54.35rem;
      max-width: 100%;
      aspect-ratio: 1 / 1;
    }

    .content-box {
      position: absolute;
      bottom: 0;
      padding: 0.75rem;

      a {
        color: var(--text-bg-light-4);
      }

      .edNews_smallTitle {
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 1;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        margin-bottom: 0.85rem;
      }

    }

    .load-more {
      display: flex;
      align-items: center;
      background-color: var(--text-bg-light-4);
      color: var(--Primary-Main-Color);
      border-radius: var(--radius-8);
      padding: 0.25rem 0.5rem;

      svg {
        stroke: var(--Primary-Main-Color);
      }
    }

    .categoryLabel {
      color: var(--text-bg-light-4);
    }
  }



}

@media(max-width:990px) {
  .related-articles-news {
    .news-item {
      width: calc((100% - 2.46rem) / 3);
    }
  }
}

@media(max-width:670px) {
  .related-articles-news {
    .news-item {
      width: calc((100% - 1.23rem) / 2);
    }
  }
}

@media(max-width:390px) {
  .related-articles-news {
    .news-item {
      width: 100%;
    }
  }
}

/*******************News Detail Related Article End****************/

/******************* Customer Services Begin ***************/
.module-wrapper {
  background-color: var(--text-bg-light-4);
}

.customer-service {
  padding: 3rem 0;

  .title {
    color: var(--text-bg-dark-0);
    margin-bottom: 1rem;

    svg {
      width: 0.75rem;
      height: 0.75rem;
      stroke: var(--Primary-Main-Color);
    }
  }

  .faq-description {
    .Consultation-request {
      margin-top: 1.14rem;
      width: 40%;
      background-color: var(--system-red-2);
      border-radius: var(--radius-56);
      color: var(--text-bg-light-4);

      svg {
        width: 1.25rem;
        height: 1.25rem;
        fill: var(--text-bg-light-4);
      }
    }
  }

  .large-title {
    color: var(--Secendry-Subtle);
    font-size: 3.75rem;
    font-weight: 900;
    text-align: left;
    gap: 0;
    line-height: 1;
  }

  .accordion-panel {
    border-radius: var(--radius-12);
    border: 1px solid var(--text-bg-light-1);

    &.open {
      .acc-head {
        svg {
          transform: rotate(180deg);
          -webkit-transform: rotate(180deg);
        }
      }
    }

    .title {
      color: var(--text-bg-dark-0);

    }

    .acc-head {
      svg {
        stroke: var(--text-bg-dark-0);
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
      }
    }
  }
}

@media(max-width:460px) {
  .customer-service {
    & .faq-description {
      .Consultation-request {
        width: 50%;
      }
    }

    .large-title {
      font-size: 2rem;
    }

    .accordion-panel {
      .acc-head {
        .title {
          font-size: 1rem;
        }
      }
    }
  }
}


/******************* Customer Services End ***************/
.title-container {
  margin-bottom: 1.14rem;
}


@media (min-width: 1320px) {
  .container-fluid.container-left {
    margin-left: 0;
    padding-right: calc(50vw - 660px)
  }

  .container-fluid.container-right {
    margin-right: 0;
    padding-left: calc(50vw - 660px)
  }
}

/******************** JobResume ******************/
.JobResumeParrent,
.RegistrationParrent {
  margin-top: 5rem;
}

.JobResumeParrent .ResumeTitle svg,
.RegistrationParrent .ResumeTitle svg,
.InternshipParrent .InternshipTitle svg {
  stroke: var(--Primary-Main-Color);
  max-width: 1.12rem;
  height: 1.12rem;
}

.JobResumeParrent input {
  background: transparent !important;
}

.JobResumeParrent .selectize-input {
  background: transparent !important;
}

.JobResumeParrent input::placeholder,.InternshipParrent input::placeholder {
  font-weight: 700;
  color: var(--text-bg-dark-0) !important;
}
.InternshipParrent label{
  font-weight: 700;
  color: var(--text-bg-dark-0) !important;
}

/***********************Hotspot***********************/

.TooltipBox {
  position: relative;
}

#toolTipGenerator .properties {
  float: left;
  width: 30%;
}

#toolTipGenerator .properties div {
  padding: 0.5em 0;
}

#toolTipGenerator .properties div input[type="text"],
#toolTipGenerator .properties div select,
#toolTipGenerator .properties div textarea {
  border: 1px solid #ccc;
  padding: 0.3em;
  margin: 0;
}

#toolTipGenerator .properties div label {
  display: inline-block;
  width: 130px;
  white-space: nowrap;
}

#toolTipGenerator .properties div label[for="t_toolTipWidthAuto"],
#toolTipGenerator .properties div label[for="t_toolTipVisible"] {
  display: inline;
}

#toolTipGenerator .properties div #t_toolTipWidthAuto,
#toolTipGenerator .properties div #t_toolTipVisible {
  margin-left: 140px;
  margin-top: 10px;
}

#toolTipGenerator .properties div #t_toolTipWidth {
  width: 50px;
}

#toolTipGenerator .properties div #t_content {
  height: 150px;
  width: 100%;
}

#toolTipGenerator {
  position: relative;
}

#toolTipGenerator img {
  width: 100%;
}

#toolTipGenerator .image {
  position: relative;
  margin-left: 35%;
  cursor: crosshair;
}

#toolTipGenerator .image img.target {
  width: 100%;
  height: auto;
}

.t_hotSpot {
  position: absolute;
  border: 3px solid transparent;
  border-radius: 50%;
  cursor: pointer;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 20px;
  height: 20px;
  margin-top: -10px;
  margin-left: -10px;
}

.t_hotSpot.red {}

.t_hotSpot.green {
  background: #228b22;
}

.t_hotSpot.blue {
  background: #0000cd;
}

.t_hotSpot.purple {
  background: #4b0082;
}

.t_hotSpot.pink {
  background: #ff69b4;
}

.t_hotSpot.orange {
  background: #ff8c00;
}

.t_hotSpot.medium {
  width: 30px;
  height: 30px;
  margin-top: -15px;
  margin-left: -15px;
}

.t_hotSpot.large {
  width: 40px;
  height: 40px;
  margin-top: -20px;
  margin-left: -20px;
}

.t_hotSpot.red {
  background: #0063F7;
  padding: 2px;
  outline: 1px solid #fff;
  outline-offset: 3px;
}

.t_hotSpot.red:before {
  transition: all ease-in-out 0.2s;
  content: "+";
  font-size: 1.4rem;
  line-height: 0.7em;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
}

.t_hotSpot.square {
  border-radius: 0;
}

.t_hotSpot.circleOutline {
  background: transparent;
}

.t_hotSpot.circleOutline.red {
  border-color: #dc143c;
}

.t_hotSpot.circleOutline.green {
  border-color: #228b22;
}

.t_hotSpot.circleOutline.blue {
  border-color: #0000cd;
}

.t_hotSpot.circleOutline.purple {
  border-color: #4b0082;
}

.t_hotSpot.circleOutline.pink {
  border-color: #ff69b4;
}

.t_hotSpot.circleOutline.orange {
  border-color: #ff8c00;
}

.t_hotSpot.squareOutline {
  background: transparent;
  border-radius: 0;
}

.t_hotSpot.squareOutline.red {
  border-color: #dc143c;
}

.t_hotSpot.squareOutline.green {
  border-color: #228b22;
}

.t_hotSpot.squareOutline.blue {
  border-color: #0000cd;
}

.t_hotSpot.squareOutline.purple {
  border-color: #4b0082;
}

.t_hotSpot.squareOutline.pink {
  border-color: #ff69b4;
}

.t_hotSpot.squareOutline.orange {
  border-color: #ff8c00;
}

.t_hotSpot:hover .t_tooltip_content_wrap {
  opacity: 1;
  z-index: 1;
}

.t_hotSpot .t_tooltip_content_wrap {
  opacity: 0;
  transition: all 0.4s ease-in-out;
  position: absolute;
  border-radius: 5px;
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin: 0px;
  top: -37px;
  right: -38px;
  overflow: hidden;
  z-index: -1;
  outline: 1px solid rgba(245, 245, 245, 0.5);
  transform-origin: center center;
  padding: 2px;
  width: fit-content;
}

.t_hotSpot .t_tooltip_content_wrap:has(.image) {
  transform: translateY(-40%);
}

.t_hotSpot .t_tooltip_content_wrap:has(.video) {
  transform: translateY(0%);
  width: fit-content;
}

.t_hotSpot:hover .t_tooltip_content_wrap:has(.video) {
  transform: translateY(-40%);
}

.t_hotSpot .t_tooltip_content_wrap a {
  color: #fff;
}

.t_hotSpot .t_tooltip_content_wrap a:hover {
  color: rgba(255, 255, 255, 0.5);
}

.t_hotSpot .t_tooltip_content_wrap.alwaysVisible {
  opacity: 1;
}

.t_hotSpot .t_tooltip_content_wrap.specificWidth img {
  max-width: 100%;
  border-radius: 5px;
}

.t_hotSpot .t_tooltip_content_wrap:after {
  content: "";
  border: 6px solid transparent;
  position: absolute;
}

.t_hotSpot .t_tooltip_content_wrap:after {
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  border-color: transparent;
}

.t_hotSpot .t_tooltip_content_wrap:after {
  border-left-color: rgba(24, 24, 24, 0.9);
  right: -12px;
  top: 5px;
}

.t_hotSpot .t_tooltip_content_wrap.right {
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin: auto auto auto auto;
  top: -6px;
  left: 100%;
  margin-left: 12px;
}

.t_hotSpot .t_tooltip_content_wrap.left {
  margin-right: 12px;
}

.t_hotSpot .t_tooltip_content_wrap.right:after {
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  border-color: transparent;
}

.t_hotSpot .t_tooltip_content_wrap.right:after {
  border-right-color: rgba(24, 24, 24, 0.9);
  left: -12px;
  top: 5px;
}

.t_hotSpot .t_tooltip_content_wrap.top {
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin: auto auto auto auto;
  left: -6px;
  bottom: 100%;
  margin-bottom: 12px;
}

.t_hotSpot .t_tooltip_content_wrap.top:after {
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  border-color: transparent;
}

.t_hotSpot .t_tooltip_content_wrap.top:after {
  left: 6px;
  border-top-color: rgba(24, 24, 24, 0.9);
  bottom: -12px;
}

.t_hotSpot .t_tooltip_content_wrap.bottom {
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  margin: auto auto auto auto;
  left: -6px;
  top: 100%;
  margin-top: 11px;
}

.t_hotSpot .t_tooltip_content_wrap.bottom:after {
  top: auto;
  left: auto;
  right: auto;
  bottom: auto;
  border-color: transparent;
}

.t_hotSpot .t_tooltip_content_wrap.bottom:after {
  left: 4px;
  border-bottom-color: rgba(24, 24, 24, 0.9);
  top: -12px;
}

.t_hotSpot.medium .t_tooltip_content_wrap.left,
.t_hotSpot.medium .t_tooltip_content_wrap.right {
  top: -2px;
}

.t_hotSpot.medium .t_tooltip_content_wrap.top,
.t_hotSpot.medium .t_tooltip_content_wrap.bottom {
  left: 0;
}

.t_hotSpot.large .t_tooltip_content_wrap.left,
.t_hotSpot.large .t_tooltip_content_wrap.right {
  top: 0;
}

.t_hotSpot.large .t_tooltip_content_wrap.top,
.t_hotSpot.large .t_tooltip_content_wrap.bottom {
  left: 3px;
}

textarea#input {
  margin: 0;
  padding: 1rem;
  width: 100%;
  border: none;
  line-height: 1.6;
  background: #111;
  color: #ff4444;
  box-sizing: border-box;
  height: 45%;
  font-family: "Andale Mono", monospace;
  white-space: pre;
}

textarea#input::selection {
  background: rgba(247, 0, 0, 0.2);
}

.t_tooltip_content {
  backdrop-filter: blur(0.6em);
  background: rgba(30, 30, 30, 0.50);
  border-radius: 5px;
  padding: 0 0.5em;
  color: var(--bg-ff);
}

.t_tooltip_content:has(.image) {
  padding: 8px;
}


/***************** دپارتمان ها**************/

.department-desc-static {
  .specs-table {

    .specs-table {
      border-collapse: collapse;
      width: 70%;
      margin: auto;
      font-size: 14px;
    }

    .specs-table td {
      border: 1px solid #000;
      padding: 8px 12px;
      text-align: right;
    }

    .specs-table tr:nth-child(even) {
      background: #f9f9f9;
    }

  }
}

.dng-column{
  padding: 0 !important;
 
}

.contact-us-footer p{
  font-size: 1rem;
font-style: normal;
font-weight: 700;
line-height: 2rem;
}

.contact-form-fa{
  display: none;
}
.rtl .contact-form-en{
  display: none;
}

.img-map-memp{
	width: 100%;
	height: 100%;
	object-fit: cover;
	background-repeat: no-repeat;
	border-radius: var(--Corner-Radius-16);
}