:root {
  /*primary colors*/
  --white: #ffffff;
  --E1P-1: #f8fdfd;
  --E1P-2: #e2efee;
  --E1P-3: #cde1df;
  --E1P-4: #b7d3d0;
  --E1P-5: #a1c5c1;
  --E1P-6: #76a9a4;
  --E1P-7: #4a8d86;
  --E1P-8: #1f7168;
  --E1P-9: #195a53;
  --E1P-10: #13443e;
  --E1P-11: #0c2d2a;
  --E1P-12: #09221f;
  --E1P-13: #061715;
  --E1P-14: #030b0a;
  --black: #000000;
  --transparent: transparent;

  /*other*/
  --dark-blue: #102445;
  --dark-blue-1: #004999;

  --ulight-gray: #f9f9f9;
  --gray-1: #b9b9b9;
  --gray-2: #f6f6f6;
  --gray-3: #eeeeee;
  --gray-4: #dcdcdc;
  --gray-5: #c5c5c5;

  --green-1: #194d4b;
  --ulight-green: #eafffd;

  --ulight-blue: #eaf5ff;
  --light-blue: #f8fbff;
  --light-blue-2: #e6f2ff;

  --khaki: #eceae0;
  --fbtn: #203353;

  --font-primary: "IRANSansXFaNum", "Vazir";
 
}

/*global*/
body {
  margin: 0;
  padding: 0;
  font-family: var(--font-primary);
  align-items: center;
  overflow-x: hidden;
  background-color: var(--white);
}

button,
a {
  font-family: var(--font-primary);
}

p {
  margin: 0;
}

img{
    -webkit-user-drag: none;
    user-drag: none;
}

.zr_top_botton_wrapper {
  direction: rtl;
  bottom: 1.5rem;
  z-index: 49;
  justify-self: center;
}

.zr_top_btn_box {
  width: 44vw;
  background: var(--fbtn);
  opacity: 0.8;
  height: 65px;
  color: white;
  align-items: center;
  border-radius: 999px;
  padding: 0 24px 0 8px;
  max-width: 838px;
  z-index: 99;
  font-family: "Vazir";
}

.zr_top_btn_box p {
  color: var(--white);
}

.zr_top_btn_box button {
  background-color: var(--white);
  opacity: 1;
  color: var(--black);
  height: 100%;
  border-radius: 999px;
  font-size: 1.125rem;
  width: 100%;
  font-family: "Vazir";
  z-index: 99;
  cursor: pointer;
}

.zr_top_btn_botton {
  width: 28%;
  height: 76%;
  border-radius: 999px;
  overflow: hidden;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}

.zr_top_btn_animate {
  width: 55%;
  height: 100%;
  background: linear-gradient(
    289.04deg,
    #ffffff00 26.02%,
    #c0d0d0 48.66%,
    #ffffff00 71.3%
  );
  opacity: 0.5;
  transform: skew(-20deg) translateX(105%);
  transition: transform 0.5s ease;
}

.zr_top_btn_botton:hover .zr_top_btn_animate {
  transform: skew(-20deg) translateX(-190%);
}

/*top title*/
.zr_top_title {
  width: 100%;
  height: auto;
  gap: 4px;
}

.zr_top_text {
  align-items: center;
  /* gap: 16px; */
  margin: 32px 0 10px 0;
}

.zr_top_text > p:first-child {
  font-size: 1.125rem;
  margin-top: 12px;
}

.zr_top_text p:nth-child(3) {
  font-size: 1.5rem;
  line-height: 3rem;
  margin-top: 16px;
}

/* .zr_tt_desc p:first-child,
.zr_tt_desc p:last-child{
    font-size: 1.5rem;
}

.zr_tt_desc p:last-child{
    font-size: ;
} */

.zr_top_title_name {
  margin-top: 4px;
}

.zr_top_title_name p:first-child {
  font-family: "InriaSerif";
  font-size: 4.625rem;
  text-transform: uppercase;
  color: var(--gray-1);
  text-align: center;
  line-height: 100%;
}

.zr_top_title_name p:last-child {
  font-size: 2.125rem;
  color: var(--green-1);
  text-align: center;
  margin-top: -40px;
}

.zr_top_text button {
  display: none;
  font-size: 1rem;
  width: 178px;
  height: 48px;
  border-radius: 8px;
  border: 1px solid var(--E1P-5);
  background-color: var(--transparent);
  margin-top: 16px;
}

/*top pic & icons*/
.zr_top_pic_icons {
  overflow-x: clip;
  width: 100%;
  height: 413px;
  margin-top: 430px;
  background: linear-gradient(90deg, #a1c5c1 0%, #e2efee 50%, #a1c5c1 100%);
  align-items: center;
}

.zt_top_pic {
  width: 100%;
}

.zt_top_pic {
  width: 920px;
  height: 600px;
  align-self: center;
  margin-top: -410px;
}

.zt_top_pic img {
  width: 1050px;
  height: auto;
  margin-top: -15px;
  z-index: 45;
}

.zr_top_pic_back {
  position: absolute;
  width: 1305px;
  height: 361px;
  z-index: 40;
  background: radial-gradient(
    ellipse at 50% 50%,
    color-mix(in srgb, var(--E1P-11) 95%, transparent) 0%,
    color-mix(in srgb, var(--E1P-11) 75%, transparent) 55%,
    transparent 75%
  );
  filter: blur(375px);
  border-radius: 50%;
  top: -70%;
}

.zr_top_icons {
  width: 1050px;
  height: 148px;
  z-index: 47;
  margin-top: 70px;
  align-items: center;
  gap: 50px;
}

.zr_top_icons_wrapper {
  direction: rtl;
  gap: 12px;
}

.zr_top_icon {
  width: 386px;
  height: 128px;
  align-items: center;
  gap: 16px;
}

.zr_cbanner_icon {
  width: 188px;
  height: auto;
  justify-content: center;
  align-items: center;
  gap: 12px;
}

.zr_top_icon div {
  width: 60px;
  height: 60px;
}

.zr_top_icon div img {
  width: 100%;
  height: 100%;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
    0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 11px 6px 0px rgba(0, 0, 0, 0.05);
  border-radius: 8px;
}

.zr_cbanner_icon img {
  height: 72px;
  width: 72px;
  border-radius: 12px;
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1),
    0px 5px 5px 0px rgba(0, 0, 0, 0.09), 0px 11px 6px 0px rgba(0, 0, 0, 0.05);
}

.zr_top_icon p {
  font-size: 1.125rem;
  line-height: 2.25rem;
  text-align: center;
}

.zr_cbanner_icon p {
  text-align: center;
  font-size: 1rem;
  line-height: 2rem;
  height: 64px;
}

/*sample pages pics*/

.zr_pages_pics {
  margin-top: 88px;
  align-items: center;
  height: max-content;
}

.zr_pages_pics_title {
  font-size: 2rem;
  margin-bottom: 64px;
}

.zr_pages_pics_wrapper {
  flex-wrap: wrap;
  gap: 64px 32px;
  max-width: 1529px;
  align-items: center;
  justify-content: center;
}

.zr_page_sample {
  gap: 16px;
}

.zr_page_sample img {
  width: 358px;
  height: 246px;
  object-fit: cover;
  object-position: top;
  border-radius: 12px;
  box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.1);
}

.zr_page_sample p {
  text-align: center;
  font-size: 1rem;
}

.zr_pages_controls_mobile,
.zr_resp_controls_mobile {
  display: none !important;
}

/*responsive slider*/
.zr_responsive_slide {
  margin-top: 44px;
  width: 100%;
  height: 834px;
  background-color: var(--E1P-1);
  align-items: center;
  border-radius: 64px;
}

.zr_resp_title {
  text-align: center;
  width: 465px;
  margin-top: 32px;
  margin-bottom: 56px;
}

.zr_resp_title p:first-child,
.zr_resp_title p:last-child {
  font-size: 1.5rem;
  line-height: 3rem;
  direction: rtl;
}

.zr_resp_items{
	cursor: grab;
    width: 100%;
    height: unset;
}

/* .zr_resp_items {
  overflow: hidden;
  width: 100%;
  position: relative;
  padding-bottom: 68px;
}

.zr_resp_track {
  display: flex;
  gap: 64px;
  animation: resp-scroll 30s linear infinite;
} */

.zr_resp_item {
  flex: 0 0 auto;
  position: relative;
  width: 240px;
  height: 511px;
  /*overflow: hidden;*/
      flex-shrink: 0;
    white-space: nowrap;
}

.zr_resp_item_back {
  width: 240px;
  height: 511px;
  background-color: var(--khaki);
  border-radius: 32px;
  border-radius: 32px;
  margin: 18px -30px;
}

.zr_resp_item_img img {
  width: 230px;
  height: 500px;
  object-fit: cover;
  object-position: top;
  border-radius: 10.26px;
  box-shadow: 0 1.69px 3.95px rgba(0, 0, 0, 0.03),
    0 7.33px 7.33px rgba(0, 0, 0, 0.03), 0 16.92px 10.15px rgba(0, 0, 0, 0.02);
}

/* .zr_resp_items {
  overflow: hidden;
} */

.zr_resp_track {
  /*display: inline-flex;*/
  gap: 64px;
  min-width: max-content;
  will-change: transform;
  justify-content: center;
  will-change: transform;
    width: max-content;
    height: unset;
}

@keyframes resp-scroll {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

.zr_center_banner {
  width: 100%;
  align-items: center;
  margin-top: 106px;
}

.zr_cbanner_title {
  width: 100%;
  align-items: center;
  /* margin-top: 74px; */
  /* margin-bottom: 32px;   */
  z-index: 46;
}

.zr_cbanner_title p {
  font-size: 1.5rem;
  line-height: 3rem;
}

.zr_cbanner_pics {
  width: 100%;
  align-items: center;
  background-color: var(--gray-2);
  z-index: 45;
  margin-top: -180px;
  padding-top: 20px;
  /* padding-bottom: 200px; */
  /* height: auto; */
  aspect-ratio: 1.52 / 1;
  height: clamp(43vw, 1264px, 94vw);
}

.zr_cbanner_pics img {
  width: 100vw;
  max-width: 1920px;
  height: auto;
  object-fit: cover;
  object-position: center;
}

.zr_cbanner_icons {
  flex-wrap: wrap;
  direction: rtl;
  width: 893px;
  gap: 32px 100px;
  padding: 55px 64px;
  border-radius: 32px;
  align-items: center;
  background-color: var(--E1P-2);
  align-items: baseline;
  z-index: 47;
  /* margin-top: -440px; */
  /* margin-top: -21%; */
  bottom: -36px;
}

.zr_cards {
  width: 100%;
  align-items: center;
  gap: 16px;
  margin-top: 160px;
}

/*cards global*/
.zr_card_rt_top,
.zr_card_rt_center,
.zr_card_rt_bottom,
.zr_card_tc_top,
.zr_card_ct_center,
.zr_card_ct_bottom,
.zr_card_tl_top,
.zr_card_tl_center,
.zr_card_tl_bottom {
  border-radius: 16px;
  border: 2px solid var(--gray-3);
}

.zr_card_rt_top,
.zr_card_rt_center,
.zr_card_rt_bottom,
.zr_card_tl_top,
.zr_card_tl_center,
.zr_card_tl_bottom {
  max-width: 542.67px;
}

.zr_card_tc_top,
.zr_card_ct_center,
.zr_card_ct_bottom {
  max-width: 562.67px;
}

.zr_cards_bottom_right,
.zr_cards_bottom_left,
.zr_cards_bottom_right2 {
  border-radius: 16px;
  border: 3px solid var(--gray-3);
}

.zr_cards_top {
  flex-wrap: wrap;
  direction: rtl;
  width: 100%;
  max-width: calc(1680px + 12vw);
  gap: 16px;
  max-height: 1340px;
  padding: 0 6vw;
}

.zr_card_width {
  width: 32.5% !important;
}

.zr_cards_top_right {
  width: 33.3%;
  gap: 16px;
}

.zr_card_rt_top {
  width: 100%;
  /* height: 250px; */
  height: auto;
  background-image: url("/themes/website/presentation/quartz/img/card-1.webp"),
    linear-gradient(233.59deg, var(--khaki) 0%, var(--ulight-gray) 50%);
  background-position: bottom;
  background-size: cover;
  background-size: 100%;
  background-repeat: no-repeat;
  aspect-ratio: 2.17 / 1;
}

.zr_card_rt_center {
  width: 100%;
  background-image: url("/themes/website/presentation/quartz/img/card-2.webp"),
    linear-gradient(233.59deg, var(--ulight-green) 0%, var(--ulight-gray) 50%);
  /* height: 466px; */
  background-position: bottom;
  background-size: cover;
  background-size: 100% 97%, 100% 100%;
  background-repeat: no-repeat;
  height: auto;
  aspect-ratio: 1.16 / 1;
  max-height: 466px;
}

.zr_card_rt_bottom {
  width: 100%;
  background-image: url("/themes/website/presentation/quartz/img/card-3.webp"),
    linear-gradient(233.59deg, var(--ulight-blue) 0%, var(--ulight-gray) 50%);
  /* height: 562px; */
  background-position: bottom;
  background-size: cover;
  background-size: 100%;
  background-repeat: no-repeat;
  height: auto;
  aspect-ratio: 1 / 1.036;
  max-height: 562px;
}

.zr_cadrs_top_center {
  width: 33.3%;
  gap: 16px;
}

.zr_card_tc_top {
  width: 100%;
  background-image: linear-gradient(
      180deg,
      var(--ulight-blue) 23.42%,
      rgba(249, 249, 249, 0) 35.66%
    ),
    url("/themes/website/presentation/quartz/img/card-4.webp"),
    linear-gradient(233.59deg, var(--ulight-blue) 0%, var(--ulight-gray) 50%);
  /* height: 559px; */
  background-position: bottom;
  background-size: cover;
  /* background-size: 100%; */
  background-repeat: no-repeat;
  height: auto;
  aspect-ratio: 1 / 1;
  max-height: 562px;
}

.zr_card_ct_center {
  width: 100%;
  background-image: url("/themes/website/presentation/quartz/img/card-5.webp"),
    linear-gradient(233.59deg, var(--khaki) 0%, var(--ulight-gray) 50%);
  /* height: 250px; */
  /*background-position: center;*/
  /* background-size: cover; */
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: bottom;
  height: auto;
  aspect-ratio: 1.9 / 1;
  max-height: 265px;
}

.zr_card_ct_bottom {
  width: 100%;
  /* height: 470px; */
  background-image: url("/themes/website/presentation/quartz/img/card-6.webp"),
    linear-gradient(233.59deg, var(--ulight-green) 0%, var(--ulight-gray) 50%);
  background-position: bottom;
  background-size: cover;
  background-size: 100%;
  background-repeat: no-repeat;
  height: auto;
  aspect-ratio: 1.2 / 1;
  background-position: 100% 2vw, 100% center;
  max-height: 466px;
}

.zr_cards_top_left {
  width: 33.3%;
  gap: 16px;
}

.zr_card_tl_top {
  width: 100%;
  /* height: 470px; */
  background-image: url("/themes/website/presentation/quartz/img/card-7.webp"),
    linear-gradient(233.59deg, var(--ulight-green) 0%, var(--ulight-gray) 50%);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  height: auto;
  aspect-ratio: 1.16 / 1;
  max-height: 466px;
}

.zr_card_tl_center {
  width: 100%;
  background-image: linear-gradient(
      180deg,
      var(--ulight-blue) 23.42%,
      rgba(249, 249, 249, 0) 70.66%
    ),
    url("/themes/website/presentation/quartz/img/card-8.webp");
  background-color: var(--ulight-gray);
  /* height: 562px; */
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  height: auto;
  aspect-ratio: 1 / 1.04;
  max-height: 562px;
}

.zr_card_tl_bottom {
  width: 100%;
  /* height: 250px; */
  background-image: url("/themes/website/presentation/quartz/img/card-9.webp"),
    linear-gradient(233.59deg, var(--khaki) 0%, var(--ulight-gray) 50%);
  background-position: contain, cover;
  /*background-size: contain;*/
  background-size: 100%;
  background-repeat: no-repeat;
  height: auto;
  aspect-ratio: 2.17 / 1;
  background-position: center, center;
  max-height: 250px;
}

.zr_cards_bottom {
  direction: rtl;
  width: 100%;
  max-width: calc(1676px + 12vw);
  padding: 0 6vw;
  gap: 16px;
  /* height: 30vw;
    max-height: 486px; */
  margin-right: -4px;
}

.zr_cards_bottom_right,
.zr_cards_bottom_right2 {
  width: 50%;
  height: auto;
  background-image: url("/themes/website/presentation/quartz/img/card-10.webp"),
    linear-gradient(233.59deg, var(--khaki) 0%, var(--ulight-gray) 50%);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 1.71 / 1;
  max-width: 832px;
  max-height: 486px;
}

.zr_cards_bottom_left {
  width: 50%;
  height: auto;
  background-image: url("/themes/website/presentation/quartz/img/card-11.webp"),
    linear-gradient(233.59deg, var(--ulight-blue) 0%, var(--ulight-gray) 50%);
  background-position: bottom;
  background-size: contain;
  background-repeat: no-repeat;
}

/*texts*/
.zr_card_rt_top p,
.zr_card_rt_center p:first-child,
.zr_card_rt_bottom p:first-child,
.zr_card_tc_top p:first-child,
.zr_card_ct_bottom p:first-child,
.zr_card_tl_top p:first-child,
.zr_card_tl_center p:first-child,
.zr_card_tl_bottom p,
.zr_cards_bottom_right p:first-child,
.zr_cards_bottom_left p:first-child .zr_cards_bottom_right2 p:first-child,
.zr_cards_bottom_left p:first-child {
  font-size: 1.125rem;
  padding: 16px 32px 0 16px;
  line-height: 2rem;
}

.zr_card_rt_center p:last-child,
.zr_card_rt_bottom p:last-child,
.zr_card_tc_top p:last-child,
.zr_card_ct_bottom p:last-child,
.zr_card_tl_top p:last-child,
.zr_card_tl_center p:last-child,
.zr_cards_bottom_right p:last-child,
.zr_cards_bottom_left p:last-child,
.zr_cards_bottom_right2 p:last-child,
.zr_cards_bottom_left p:last-child {
  padding: 0 32px 0 32px;
  font-size: 0.875rem;
  line-height: 2rem;
}

.zr_card_ct_center p:first-child {
  font-size: 1.125rem;
  padding: 16px 32px 0 0;
  line-height: 2rem;
}

.zr_card_ct_center p:last-child {
  padding-right: 32px;
  text-align: justify;
  width: 45%;
  font-size: 0.875rem;
  line-height: 2rem;
}

/*bottom banner*/
.zr_bottom_banner {
  margin-top: 64px;
  align-items: center;
}

.zr_banner_title {
  align-items: center;
  width: 466px;
  gap: 8px;
}

.zr_banner_title p:first-child {
  font-size: 1.5rem;
  text-align: center;
  height: 48px;
}

.zr_banner_title p:last-child {
  font-size: 1.125rem;
  line-height: 2.25rem;
  text-align: center;
  direction: rtl;
}

.zr_bottom_banner_img {
  margin-top: 20px;
  align-items: center;
  width: 100vw;
  height: 55vw;
  max-height: 850px;
}

.zr_bottom_banner_img img {
  width: 80vw;
  max-width: 1375px;
  border: 5px solid var(--gray-4);
  border-radius: 16px;
  z-index: 45;
}

.zr_bottom_banner_img div:first-child {
  background-color: var(--E1P-3);
  border-radius: 16px;
  width: 90vw;
  max-width: 1460px;
  /* height: 592px; */
  height: auto;
  z-index: 44;
  align-items: center;
  margin-top: 14%;
  aspect-ratio: 2.47 / 1;
}

.zr_bbanner_back_grad {
  width: 95%;
  height: 80%;
  background: linear-gradient(
    269.14deg,
    rgba(205, 225, 223, 0) 1.15%,
    var(--E1P-3) 95.43%
  );
}

.zr_bbanner_back_grad_m {
  display: none !important;
  width: 100%;
  height: 100%;
  background: linear-gradient(
    180deg,
    rgba(205, 225, 223, 0) 40.15%,
    var(--E1P-3) 90.43%
  );
  z-index: 48;
  border-radius: 16px;
}

.zr_contact_us {
  width: 100%;
  height: 100%;
  align-items: center;
  margin-bottom: 48px;
  margin-top: -230px;
  z-index: 46;
}

.zr_conus_form {
  width: 650px;
  height: 520px;
  background: linear-gradient(
    180deg,
    var(--light-blue) 0%,
    var(--light-blue-2) 100%
  );
  border: 5px solid var(--gray-4);
  border-radius: 32px;
  padding: 62px 113px;
}

.zr_conus_form p:first-child {
  font-size: 2rem;
  text-align: center;
  margin-bottom: 16px;
  line-height: 36px;
}

.zr_conus_form p:nth-child(2) {
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
  /* margin-bottom: 8px; */
}

.zr_conus_form form {
  width: 100%;
  direction: rtl;
}

.zr_conus_form form input[type="text"] {
  height: 48px;
  background-color: var(--white);
  box-shadow: 0px 0px 0px 1px rgba(2, 44, 34, 0.13),
    0px 1px 2px 0px rgba(2, 44, 34, 0.08);
  border: none;
  border-radius: 12px;
  margin-top: 4px;
  padding: 16px;
  font-family: var(--font-primary);
}

.zr_conus_form form label {
  margin-top: 24px;
  padding-right: 16px;
  line-height: 20px;
}

.zr_conus_form form input[type="submit"] {
  height: 48px;
  width: 100%;
  color: var(--white);
  border-radius: 200px;
  border: none;
  margin-top: 32px;
  font-family: var(--font-primary);
  font-size: 1.25rem;
  padding-right: unset !important;
  background: unset !important;
  background-color: var(--dark) !important;
  background-repeat: no-repeat !important;
  background-position: right;
}

/*slick slider*/
.slick-prev:before,
.slick-next:before {
  content: "";
}

.slick-prev,
.slick-next {
  font-size: 0;
  color: transparent;
}

.zr_pages_pics_wrapper,
.zr_resp_track {
  position: relative;
}

.zr_pages_pics_wrapper .slick-prev,
.zr_pages_pics_wrapper .slick-next,
.zr_resp_track .slick-prev,
.zr_resp_track .slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  font-size: 0;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  background: var(--ulight-gray);
  border: 1px solid var(--gray-4);
}

.zr_pages_pics_wrapper .slick-dots {
  position: absolute;
  bottom: -27%;
  left: 50%;
  transform: translateX(-50%) translateY(-265%);
  display: flex !important;
  gap: 8px;
  justify-content: center;
  padding: 0;
}

.zr_pages_pics_wrapper .slick-dots li,
.zr_resp_track .slick-dots li {
  list-style: none;
}

.zr_pages_pics_wrapper .slick-dots li button,
.zr_resp_track .slick-dots li button {
  font-size: 0;
  width: 5px;
  height: 5px;
  border-radius: 9999px;
  background-color: var(--gray-5);
  border: none;
  padding: 0;
  margin: 0;
}

.slick-active button {
  background-color: var(--E1P-8) !important;
  width: 23px !important;
  height: 5px !important;
  border-radius: 30px !important;
}

.zr_pages_pics_wrapper .slick-prev {
  background-image: url("/themes/website/presentation/quartz/img/slider-arrow-left.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25%;
}

.zr_pages_pics_wrapper .slick-prev {
  transform: translateX(220%) translateY(440%) rotate(180deg);
  left: unset;
}

.zr_resp_track .slick-prev {
  transform: translateX(30vw) translateY(645%);
  left: unset;
}

.zr_pages_pics_wrapper .slick-next {
  background-image: url("/themes/website/presentation/quartz/img/slider-arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25%;
}

.zr_resp_track .slick-next {
  background-image: url("/themes/website/presentation/quartz/img/slider-arrow-right.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25%;
  transform: rotate(180deg) !important;
}

.zr_resp_track .slick-prev {
  background-image: url("/themes/website/presentation/quartz/img/slider-arrow-left.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 25%;
  transform: rotate(180deg) !important;
}

.zr_pages_pics_wrapper .slick-next {
  transform: translateX(-220%) translateY(440%) rotate(180deg);
  right: unset;
}

.zr_resp_track .slick-next {
  transform: translateX(64vw) translateY(645%);
  right: unset;
}

.zr_resp_track .slick-dots ul {
  display: flex !important;
  gap: 8px !important;
}

.zr_resp_track .slick-dots {
  display: flex;
  gap: 0.5rem;
  justify-content: center;
  padding: 0;
  margin: 4px 16px 0;
}

.zr_sep2 {
  width: 100%;
  height: 100px;
}