.elementor-14112 .elementor-element.elementor-element-33ccd86{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:15px;--padding-left:0px;--padding-right:0px;}.elementor-14112 .elementor-element.elementor-element-25a077d{width:auto;max-width:auto;}@media(max-width:480px){.elementor-14112 .elementor-element.elementor-element-33ccd86{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}/* Start custom CSS for html, class: .elementor-element-25a077d *//* =====================================================
   TOLOU ARYAN CTA 2026
   FINAL CSS
===================================================== */


/* =====================================================
   BASE
===================================================== */

#tolou-gps-cta-2026,
#tolou-gps-cta-2026 * {
  box-sizing: border-box;
}

#tolou-gps-cta-2026 {
  width: 100%;
  margin: 0;
  padding: 0;
  direction: rtl;
  isolation: isolate;
  font-family: inherit;
}


/* =====================================================
   MAIN CARD
===================================================== */

#tolou-gps-cta-2026 .tgcta-card {
  position: relative;

  width: 100%;
  max-width: 1100px;

  margin: 0 auto !important;
  padding: 18px 20px !important;

  display: grid !important;
  grid-template-columns: 205px minmax(0, 1fr) !important;

  gap: 24px !important;
  align-items: stretch !important;

  direction: ltr;

  overflow: hidden;

  border-radius: 20px !important;

  background-color: #061a36 !important;

  background-image:
    radial-gradient(
      circle at 88% -30%,
      rgba(46, 137, 255, 0.23) 0%,
      rgba(46, 137, 255, 0) 40%
    ),
    radial-gradient(
      circle at 0% 125%,
      rgba(34, 111, 230, 0.13) 0%,
      rgba(34, 111, 230, 0) 35%
    ),
    linear-gradient(
      125deg,
      #04152c 0%,
      #082650 52%,
      #051a36 100%
    ) !important;

  border:
    1px solid
    rgba(106, 173, 255, 0.15) !important;

  box-shadow:
    0 14px 34px rgba(3, 18, 41, 0.15),
    inset 0 1px 0 rgba(255, 255, 255, 0.04) !important;
}


/* =====================================================
   DECORATIVE EFFECT
===================================================== */

#tolou-gps-cta-2026 .tgcta-card::before {
  content: "";

  position: absolute;

  width: 250px;
  height: 250px;

  right: -115px;
  top: -175px;

  border-radius: 50%;

  border:
    1px solid
    rgba(100, 171, 255, 0.11);

  box-shadow:
    0 0 0 45px rgba(58, 140, 255, 0.02),
    0 0 0 90px rgba(58, 140, 255, 0.012);

  pointer-events: none;
}


/* =====================================================
   MAIN CONTENT
===================================================== */

#tolou-gps-cta-2026 .tgcta-content {
  position: relative;
  z-index: 2;

  min-width: 0;

  margin: 0 !important;
  padding: 2px 5px !important;

  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;

  direction: rtl;

  text-align: right !important;

  background: transparent !important;
}


/* =====================================================
   SMALL LABEL
===================================================== */

#tolou-gps-cta-2026 .tgcta-label {
  width: fit-content;

  margin: 0 0 5px !important;
  padding: 0 !important;

  display: inline-flex !important;
  align-items: center !important;

  gap: 7px !important;

  color: #79beff !important;

  background: transparent !important;

  font-family: inherit !important;

  font-size: 10.5px !important;
  line-height: 1.5 !important;

  font-weight: 600 !important;
}


#tolou-gps-cta-2026 .tgcta-label-dot {
  width: 6px;
  height: 6px;

  display: block;

  flex: 0 0 6px;

  border-radius: 50%;

  background-color: #4da6ff !important;

  box-shadow:
    0 0 9px rgba(77, 166, 255, 0.7);
}


/* =====================================================
   TITLE
===================================================== */

#tolou-gps-cta-2026 .tgcta-title {
  margin: 0 0 5px !important;
  padding: 0 !important;

  color: #ffffff !important;

  background: transparent !important;

  font-family: inherit !important;

  font-size: 21px !important;
  line-height: 1.65 !important;

  font-weight: 800 !important;

  letter-spacing: -0.2px;

  text-align: right !important;
}


#tolou-gps-cta-2026 .tgcta-title strong {
  color: #68b8ff !important;

  background: transparent !important;

  font-weight: 800 !important;
}


/* =====================================================
   DESCRIPTION
===================================================== */

#tolou-gps-cta-2026 .tgcta-desc {
  max-width: 700px;

  margin: 0 0 10px !important;
  padding: 0 !important;

  color: #ccdced !important;

  background: transparent !important;

  font-family: inherit !important;

  font-size: 12px !important;
  line-height: 1.9 !important;

  font-weight: 400 !important;

  text-align: right !important;
}


/* =====================================================
   TRUST ITEMS
===================================================== */

#tolou-gps-cta-2026 .tgcta-trust {
  margin: 0 0 12px !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;

  gap: 7px 17px !important;

  background: transparent !important;
}


#tolou-gps-cta-2026 .tgcta-trust-item {
  margin: 0 !important;
  padding: 0 !important;

  display: inline-flex !important;
  align-items: center !important;

  gap: 5px !important;

  color: #d9e7f8 !important;

  background: transparent !important;

  font-family: inherit !important;

  font-size: 10.5px !important;
  line-height: 1.5 !important;

  font-weight: 500 !important;

  white-space: nowrap;
}


#tolou-gps-cta-2026 .tgcta-trust-item span {
  color: inherit !important;
  background: transparent !important;
}


#tolou-gps-cta-2026 .tgcta-check {
  width: 18px;
  height: 18px;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 18px;

  border-radius: 50%;

  color: #78c1ff !important;

  background-color:
    rgba(66, 150, 255, 0.12) !important;

  border:
    1px solid
    rgba(106, 180, 255, 0.25) !important;

  font-family: Arial, sans-serif !important;

  font-size: 9px !important;
  line-height: 1 !important;

  font-weight: bold !important;
}


/* =====================================================
   ACTIONS
===================================================== */

#tolou-gps-cta-2026 .tgcta-actions {
  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;

  gap: 9px !important;

  background: transparent !important;
}


/* =====================================================
   BUTTON BASE
   لینک محصولات + دکمه مشاوره
===================================================== */

#tolou-gps-cta-2026 .tgcta-btn {
  min-height: 42px !important;

  margin: 0 !important;
  padding: 0 18px !important;

  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  border-radius: 10px !important;

  font-family: inherit !important;

  font-size: 12px !important;
  line-height: 1 !important;

  font-weight: 700 !important;

  text-decoration: none !important;
  text-shadow: none !important;

  cursor: pointer !important;

  outline: none !important;

  appearance: none !important;
  -webkit-appearance: none !important;

  transition:
    transform 0.2s ease,
    background 0.2s ease,
    border-color 0.2s ease,
    box-shadow 0.2s ease !important;
}


/* =====================================================
   CONSULTATION BUTTON
===================================================== */

#tolou-gps-cta-2026 #tolou-consult-popup-trigger,
#tolou-gps-cta-2026 button.tgcta-primary {
  min-width: 160px !important;

  color: #ffffff !important;

  background-color: #247ff1 !important;

  background-image:
    linear-gradient(
      135deg,
      #176de0 0%,
      #3ba1ff 100%
    ) !important;

  border:
    1px solid
    rgba(133, 199, 255, 0.27) !important;

  box-shadow:
    0 7px 18px
    rgba(26, 111, 229, 0.27) !important;
}


#tolou-gps-cta-2026 #tolou-consult-popup-trigger:hover,
#tolou-gps-cta-2026 button.tgcta-primary:hover {
  color: #ffffff !important;

  background-image:
    linear-gradient(
      135deg,
      #237cf0 0%,
      #4eabff 100%
    ) !important;

  transform: translateY(-2px);

  box-shadow:
    0 10px 23px
    rgba(26, 111, 229, 0.34) !important;
}


#tolou-gps-cta-2026 #tolou-consult-popup-trigger:focus,
#tolou-gps-cta-2026 #tolou-consult-popup-trigger:active,
#tolou-gps-cta-2026 button.tgcta-primary:focus,
#tolou-gps-cta-2026 button.tgcta-primary:active {
  color: #ffffff !important;

  outline: none !important;

  box-shadow:
    0 7px 18px
    rgba(26, 111, 229, 0.27) !important;
}


/* =====================================================
   PRODUCTS BUTTON
===================================================== */

#tolou-gps-cta-2026 a.tgcta-secondary,
#tolou-gps-cta-2026 a.tgcta-secondary:link,
#tolou-gps-cta-2026 a.tgcta-secondary:visited,
#tolou-gps-cta-2026 a.tgcta-secondary:focus,
#tolou-gps-cta-2026 a.tgcta-secondary:active {
  min-width: 175px !important;

  gap: 7px !important;

  color: #edf6ff !important;

  background-color:
    rgba(255, 255, 255, 0.025) !important;

  background-image: none !important;

  border:
    1px solid
    rgba(112, 179, 255, 0.42) !important;

  box-shadow: none !important;

  text-decoration: none !important;
}


#tolou-gps-cta-2026 a.tgcta-secondary:hover {
  color: #ffffff !important;

  background-color:
    rgba(66, 150, 255, 0.12) !important;

  border-color:
    rgba(124, 190, 255, 0.72) !important;

  transform: translateY(-2px);
}


#tolou-gps-cta-2026 .tgcta-secondary span {
  color: inherit !important;

  background: transparent !important;
}


/* =====================================================
   PRODUCT ARROW
===================================================== */

#tolou-gps-cta-2026 .tgcta-arrow {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  color: #80c3ff !important;

  font-family: Arial, sans-serif !important;

  font-size: 20px !important;
  line-height: 1 !important;

  background: transparent !important;

  transition:
    transform 0.2s ease !important;
}


#tolou-gps-cta-2026 .tgcta-secondary:hover .tgcta-arrow {
  transform: translateX(-3px);
}


/* =====================================================
   CONTACT BOX
===================================================== */

#tolou-gps-cta-2026 a.tgcta-contact,
#tolou-gps-cta-2026 a.tgcta-contact:link,
#tolou-gps-cta-2026 a.tgcta-contact:visited,
#tolou-gps-cta-2026 a.tgcta-contact:focus,
#tolou-gps-cta-2026 a.tgcta-contact:active {
  position: relative;

  z-index: 2;

  width: 100%;

  direction: rtl;

  margin: 0 !important;
  padding: 13px 12px !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: center !important;
  justify-content: center !important;

  text-align: center !important;

  border-radius: 15px !important;

  color: #ffffff !important;

  background-color: #082448 !important;

  background-image:
    linear-gradient(
      145deg,
      rgba(34, 92, 163, 0.36),
      rgba(5, 31, 65, 0.74)
    ) !important;

  border:
    1px solid
    rgba(105, 174, 255, 0.19) !important;

  box-shadow:
    inset 0 1px 0
    rgba(255, 255, 255, 0.04) !important;

  text-decoration: none !important;
  text-shadow: none !important;

  cursor: pointer !important;

  outline: none !important;

  transition:
    transform 0.22s ease,
    background 0.22s ease,
    border-color 0.22s ease,
    box-shadow 0.22s ease !important;
}


#tolou-gps-cta-2026 a.tgcta-contact:hover {
  color: #ffffff !important;

  background-color: #0a2b57 !important;

  background-image:
    linear-gradient(
      145deg,
      rgba(43, 109, 190, 0.43),
      rgba(6, 37, 77, 0.80)
    ) !important;

  border-color:
    rgba(113, 184, 255, 0.35) !important;

  transform: translateY(-2px);

  box-shadow:
    0 9px 22px rgba(3, 20, 46, 0.17),
    inset 0 1px 0
    rgba(255, 255, 255, 0.05) !important;
}


/* =====================================================
   PHONE ICON
===================================================== */

#tolou-gps-cta-2026 .tgcta-phone-icon {
  width: 44px;
  height: 44px;

  margin: 0 0 7px !important;
  padding: 0 !important;

  display: flex !important;

  align-items: center !important;
  justify-content: center !important;

  flex: 0 0 44px;

  border-radius: 13px;

  color: #75c1ff !important;

  background-color:
    rgba(51, 137, 247, 0.12) !important;

  border:
    1px solid
    rgba(107, 183, 255, 0.27) !important;

  font-family: Arial, sans-serif !important;

  font-size: 21px !important;
  line-height: 1 !important;

  font-weight: 400 !important;
}


#tolou-gps-cta-2026 .tgcta-contact:hover .tgcta-phone-icon {
  color: #ffffff !important;

  background-color:
    rgba(58, 150, 255, 0.21) !important;
}


/* =====================================================
   CONTACT INFO
===================================================== */

#tolou-gps-cta-2026 .tgcta-contact-info {
  margin: 0 !important;
  padding: 0 !important;

  display: flex !important;
  flex-direction: column !important;

  align-items: center !important;

  text-align: center !important;

  background: transparent !important;
}


#tolou-gps-cta-2026 .tgcta-contact-label {
  margin: 0 !important;
  padding: 0 !important;

  color: #b4c7de !important;

  background: transparent !important;

  font-family: inherit !important;

  font-size: 9.5px !important;
  line-height: 1.6 !important;

  font-weight: 500 !important;
}


#tolou-gps-cta-2026 .tgcta-number {
  margin: 1px 0 !important;
  padding: 0 !important;

  direction: ltr !important;
  unicode-bidi: embed;

  color: #ffffff !important;

  background: transparent !important;

  font-family: inherit !important;

  font-size: 17px !important;
  line-height: 1.55 !important;

  font-weight: 800 !important;
}


#tolou-gps-cta-2026 .tgcta-hours {
  margin: 0 !important;
  padding: 0 !important;

  color: #8fa7c6 !important;

  background: transparent !important;

  font-family: inherit !important;

  font-size: 9px !important;
  line-height: 1.5 !important;
}


/* =====================================================
   CONTACT ARROW
===================================================== */

#tolou-gps-cta-2026 .tgcta-contact-arrow {
  margin-top: 6px;

  color: #64b6ff !important;

  background: transparent !important;

  font-family: Arial, sans-serif !important;

  font-size: 20px !important;
  line-height: 1 !important;

  transform: rotate(-90deg);

  transition:
    transform 0.2s ease !important;
}


#tolou-gps-cta-2026 .tgcta-contact:hover .tgcta-contact-arrow {
  transform:
    rotate(-90deg)
    translateX(-2px);
}


/* =====================================================
   TABLET
===================================================== */

@media (max-width: 900px) {

  #tolou-gps-cta-2026 .tgcta-card {
    grid-template-columns:
      180px minmax(0, 1fr) !important;

    gap: 17px !important;

    padding: 16px !important;
  }


  #tolou-gps-cta-2026 .tgcta-title {
    font-size: 19px !important;
  }


  #tolou-gps-cta-2026 .tgcta-desc {
    font-size: 11.5px !important;
  }


  #tolou-gps-cta-2026 .tgcta-trust-item {
    font-size: 10px !important;
  }


  #tolou-gps-cta-2026 .tgcta-number {
    font-size: 15px !important;
  }

}


/* =====================================================
   MOBILE
===================================================== */

@media (max-width: 767px) {

  #tolou-gps-cta-2026 .tgcta-card {
    display: flex !important;

    flex-direction: column !important;

    gap: 12px !important;

    padding: 16px 14px !important;

    border-radius: 16px !important;
  }


  /* محتوا بالا */
  #tolou-gps-cta-2026 .tgcta-content {
    order: 1;

    align-items: center !important;

    text-align: center !important;
  }


  #tolou-gps-cta-2026 .tgcta-label {
    margin-left: auto !important;
    margin-right: auto !important;
  }


  #tolou-gps-cta-2026 .tgcta-title {
    font-size: 18px !important;
    line-height: 1.7 !important;

    text-align: center !important;
  }


  #tolou-gps-cta-2026 .tgcta-desc {
    max-width: 500px;

    font-size: 11.5px !important;
    line-height: 1.9 !important;

    text-align: center !important;
  }


  #tolou-gps-cta-2026 .tgcta-trust {
    justify-content: center !important;

    gap: 7px 11px !important;

    margin-bottom: 11px !important;
  }


  #tolou-gps-cta-2026 .tgcta-trust-item {
    font-size: 9.5px !important;
  }


  /* دکمه‌ها */
  #tolou-gps-cta-2026 .tgcta-actions {
    width: 100%;

    display: grid !important;

    grid-template-columns:
      1fr 1fr !important;

    gap: 8px !important;
  }


  #tolou-gps-cta-2026 .tgcta-btn {
    width: 100% !important;

    min-width: 0 !important;

    min-height: 43px !important;

    padding: 0 9px !important;

    font-size: 11px !important;
  }


  /* تماس پایین */
  #tolou-gps-cta-2026 a.tgcta-contact {
    order: 2;

    width: 100%;

    padding: 10px 14px !important;

    flex-direction: row !important;

    justify-content: center !important;

    gap: 11px !important;

    border-radius: 13px !important;
  }


  #tolou-gps-cta-2026 .tgcta-phone-icon {
    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    margin: 0 !important;

    font-size: 19px !important;
  }


  #tolou-gps-cta-2026 .tgcta-contact-info {
    align-items: flex-start !important;

    text-align: right !important;
  }


  #tolou-gps-cta-2026 .tgcta-contact-label {
    font-size: 9px !important;
  }


  #tolou-gps-cta-2026 .tgcta-number {
    font-size: 15px !important;
  }


  #tolou-gps-cta-2026 .tgcta-hours {
    font-size: 8.5px !important;
  }


  #tolou-gps-cta-2026 .tgcta-contact-arrow {
    margin: 0 4px 0 0;
  }

}


/* =====================================================
   SMALL MOBILE
===================================================== */

@media (max-width: 420px) {

  #tolou-gps-cta-2026 .tgcta-actions {
    grid-template-columns:
      1fr !important;
  }

}

/* =====================================================
   FINAL MOBILE CONTACT CARD FIX
   ICON RIGHT + TEXT BESIDE ICON
===================================================== */

@media (max-width: 767px) {

  #tolou-gps-cta-2026 a.tgcta-contact {
    order: 2;
    width: 100% !important;

    display: flex !important;
    flex-direction: row-reverse !important;

    direction: rtl !important;

    align-items: center !important;
    justify-content: flex-start !important;

    gap: 12px !important;

    padding: 10px 12px !important;

    min-height: 62px !important;

    border-radius: 13px !important;
  }


  #tolou-gps-cta-2026 .tgcta-phone-icon {

    width: 38px !important;
    height: 38px !important;

    flex: 0 0 38px !important;

    margin: 0 !important;

    font-size: 18px !important;

  }


  #tolou-gps-cta-2026 .tgcta-contact-info {

    flex: 1 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    text-align: right !important;

  }


  #tolou-gps-cta-2026 .tgcta-contact-label {

    font-size: 9px !important;

    margin: 0 !important;

    line-height: 1.3 !important;

  }


  #tolou-gps-cta-2026 .tgcta-number {

    font-size: 15px !important;

    margin: 0 !important;

    line-height: 1.4 !important;

  }


  #tolou-gps-cta-2026 .tgcta-hours {

    font-size: 8.5px !important;

  }


  #tolou-gps-cta-2026 .tgcta-contact-arrow {

    margin: 0 !important;

    font-size: 17px !important;

  }
@media (max-width: 767px) {

#tolou-gps-cta-2026 a.tgcta-contact,
#tolou-gps-cta-2026 a.tgcta-contact:link,
#tolou-gps-cta-2026 a.tgcta-contact:visited {

    display: flex !important;

    flex-direction: row !important;

    direction: rtl !important;

    align-items: center !important;

    justify-content: flex-start !important;

    gap: 12px !important;

    height: auto !important;

    min-height: 65px !important;

    padding: 10px 14px !important;

}


#tolou-gps-cta-2026 .tgcta-phone-icon {

    order: 1 !important;

    width: 40px !important;
    height: 40px !important;

    flex: 0 0 40px !important;

    margin: 0 !important;

}


#tolou-gps-cta-2026 .tgcta-contact-info {

    order: 2 !important;

    display: flex !important;

    flex-direction: column !important;

    align-items: flex-start !important;

    justify-content: center !important;

    flex: 1 !important;

}


#tolou-gps-cta-2026 .tgcta-contact-arrow {

    order: 3 !important;

    margin-right: auto !important;

}
@media (max-width: 768px) {
  #tolou-gps-cta-2026 .tgcta-secondary {
    display: none !important;
  }
}
#tolou-gps-cta-2026 a.tgcta-contact {
    padding-right: 35px !important;
}

}
}/* End custom CSS */