:root {
  /*primary colors*/
  --white: #ffffff;
  --black: #000000;
  --pe1: #576f84;
  --pe2: #e2e8ed;
  --pe3: #f5f2f0;
  --pe4: #c5c5c5;
  --pe5: #6d8ba5;
  --pe6: #d1d1d1;
  --pe7: #c7beb6;
  --pe8: #a7b9c9;
  --pe9: #c5d1db;
  --pe10: #ebe4e1;
  --pe11: #f0f3f6;
  --pe12: #dcdcdc;
  --pe13: #f8fbff;
  --pe14: #e6f2ff;
  --pe15: #272727;
  --pe16: #004999;
  --pe17: #d3dce4;
  --fbtn: #203353;
}


#pearl, #pearl * {
    font-family: PeydaWebFaNum, "Vazir" !important;
}

#zr_float_btn, #zr_float_btn * {
    font-family: "Vazir" !important;
}

/*global*/
.zr_flex_align_center {
  align-items: center;
}

img, picture, video, canvas, svg {
    display: block;
    max-width: 100%;
    height: auto;
}

/*main*/
main, #divMain {
  margin-top: 6.75rem !important;
      background-color: var(--pe3) !important;
}


/*float btn*/
.zr_top_botton_wrapper {
  bottom: 1.5rem;
  justify-self: center;
  z-index: 999;
  direction: rtl;
}

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

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

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

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

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

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

/*hero section*/
.zr_hero {
  position: relative;
  -webkit-mask-image: url("/themes/website/presentation/pearl/img/hero-patt.svg");
  mask-image: url("/themes/website/presentation/pearl/img/hero-patt.svg");
  -webkit-mask-position: bottom center;
  mask-position: bottom center;
  -webkit-mask-size: 100% 100%;
  mask-size: 102% 100.5%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  width: 100%;
  height: 100%;
  max-height: 1088px;
  overflow: hidden;
}

.zr_wave_border {
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(1.02);
  transform-origin: 50% 100%;
  z-index: 5;
  width: 100%;
  height: 100%;
  max-height: 1088px;
  pointer-events: none;
}

.zr_wave_border_path {
  fill: none;
  stroke: #c7beb6;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 25;
}

.zr_hero_wrapper {
  background: linear-gradient(180deg, var(--white) 0%, var(--pe9) 100%);
}

.zr_hero_title {
  align-self: center;
  background: url(/themes/website/presentation/pearl/img/head-title-svg.svg);
  background-position: center -0.5rem;
  background-size: cover;
  background-repeat: no-repeat;
  width: 401px;
  height: 306px;
}

.zr_hero_title p:first-child {
  color: var(--pe1);
  font-size: 4.125rem;
  line-height: 100%;

}

#zr_pearl_title{
  font-family: "PetitFormalScript" !important;
}

.zr_hero_title p:nth-child(2) {
  margin-top: -1.75rem;
  font-size: 3.5rem;
  line-height: 100%;
}
.zr_hero_title p:nth-child(3) {
  font-size: 1rem;
  line-height: 3rem;
}
.zr_hero_title p:last-child {
  font-size: 1.5rem;
  line-height: 3rem;
}

.zr_hero_imgs {
  gap: 2.375rem;
  width: 100%;
}

.zr_hero_imgs img {
  width: 30.12%;

  object-fit: cover;
}

.zr_hero_imgs img:first-child {
  margin-top: 5.125rem;
  height: 46.2vw;
}

.zr_hero_imgs img:nth-child(2) {
  width: 39.76%;
}

.zr_hero_imgs img:last-child {
  margin-top: 10.25rem;
}

/*web pages*/

.zr_pages_cards {
  background-color: var(--pe3);
}

.zr_pages_cards_wrapper {
  align-items: center;
  gap: 2rem;
  margin-top: 2.25rem;
  width: 100%;
  height: 100%;
}

.zr_wmax {
  width: 100%;
  max-width: 1680px;
}

.zr_pages_cards_title {
  font-size: 2rem;
  line-height: 180%;
}

.zr_pages {
  flex-wrap: wrap;
  gap: 1rem;
  padding: 0 2rem;
  width: 100%;
  height: 100%;
}

.zr_page {
  border-radius: 1rem;
  background-color: var(--white);
  width: 40%;
  max-width: 407.5px;
  height: 50%;
  max-height: 441.55px;
  overflow: hidden;
}

.zr_page_box {
  border: 0.125rem solid var(--pe2);
  border-radius: 1rem;
}

.zr_page_img {
  border-width: 0.125rem 0;
  border-style: solid;
  border-color: var(--pe2);
}

.zr_page_name p {
  margin: 0.5rem 0;
  font-size: 1rem;
  text-align: center;
}

/*web pages slider*/
.zr_pc_slider_wrapper {
  margin-top: 2rem;
  padding: 0 2rem;
  width: 100%;
}

.zr_pc_slider_box {
  z-index: 5;
  border: 3px solid var(--pe7);
  border-radius: 4rem;
  width: 100%;
  max-width: 1681px;
  height: 759px;
  overflow: hidden;
}

.zr_pc_slider_back {
  top: 0;
  z-index: 10;
  width: 100%;
  height: 100%;
}

.zr_pcs_back1,
.zr_pcs_back2 {
  top: 0;
  right: 50%;
  transform: translateX(50%);
  width: 100%;
  height: 100%;
}

.zr_pcs_back1 {
  z-index: 45;
}

.zr_pcs_back2 {
  z-index: 47;
  width: 50%;
}

.zr_pcs_wrapper {
  width: 100%;
  height: 100%;
}

.zr_pc_slider {
  /* overflow: scroll; */
  flex-wrap: wrap;
  z-index: 15;
  width: 100%;
  height: 100%;
}

.zr_pc_slide_box {
  flex-shrink: 0;
  align-items: center;
  z-index: 20;
  margin: 0 6.5vw;
  padding: min(2vw, 39px) 0 5vw 0;
  width: 38vw;
  min-width: 264.56px;
  height: 100vw;
  max-height: 759px;
  overflow-x: visible;
  overflow-y: hidden;
}

.zr_pc_slide_box p {
  height: 64px;
}

.zr_pc_slide_box p:first-child {
  font-size: 2rem;
  line-height: 4rem;
}

.zr_pc_slide_box p:last-child {
  justify-self: center;
  width: 472px;
  font-size: 1rem;
  line-height: 2rem;
}

.zr_pc_slider_pattern {
  bottom: 0;
  justify-self: center;
  z-index: 25;
  width: 70%;
  max-width: 1044px;
}

/*cards slider*/

.zr_cards_slider_wrapper {
  background-color: var(--white);
  padding-top: 4rem;
  width: 100%;
  height: auto;
}

.zr_cards_slider_wrapper::after,
.zr_cards_slider_wrapper::before {
  position: absolute;
  top: 0;
  z-index: 44;
  background: linear-gradient(270deg, var(--pe3) 0%, #f5f2f000 100%);
  width: 17%;
  height: 100%;
  content: "";
}

.zr_csw_cCtrl {
  position: relative;
  z-index: 46;
  margin-top: -13px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0) 0%,
    var(--white) 100%
  );
  width: 100%;
  height: 94px;
}

.zr_cards_slider_wrapper::after {
  right: 0;
}

.zr_cards_slider_wrapper::before {
  left: 0;
  transform: rotate(180deg);
}

.zr_cards_slider_box {
  flex-wrap: wrap;
  width: 100%;
  height: 100%;
}

.zr_cards_slider_box .slick-prev {
  position: absolute;
  top: 50%;
  right: 120px;
  transform: translateY(-50%);
  z-index: 45;
  left: unset !important;
}

.zr_cards_slider_box .slick-next {
  position: absolute;
  top: 50%;
  left: 120px;
  transform: translateY(-50%) rotate(180deg);
  z-index: 45;
  right: unset !important;
}

.zr_card_slide,
.zr_card_slide_dual {
  margin: 0 1rem;
  width: 542.67px;
  min-width: 295px;
  height: 656px;
}

.zr_card_slide,
.zr_card_slide_subd {
  border: 2px solid var(--pe9);
  border-radius: 1rem;
}

.zr_card_slide_subd {
  background-color: var(--pe2);
}

.zr_card_slide_subd:first-child {
  margin-bottom: 1rem;
}

.zr_card_slide img,
.zr_card_slide_subd img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.zr_csd_ctrl .zr_card_slide_subd:first-child {
  height: 250px;
}

.zr_csd_ctrl .zr_card_slide_subd:last-child {
  height: 390px;
}

.zr_card_slide_textBox {
  top: 0;
  right: 0;
  padding: 1rem;
}

.zr_card_slide_textBox p:first-child {
  font-size: 1.125rem;
  line-height: 2rem;
}

.zr_card_slide_textBox p:last-child {
  font-size: 0.875rem;
  line-height: 2rem;
}

.zr_card_slide {
  background: radial-gradient(
    139.52% 100% at 49.97% 0%,
    var(--white) 29.33%,
    var(--pe10) 100%
  );
}

.zr_sep, .zr_sep2 {
  justify-self: center;
  background-color: var(--white);
  width: 100%;
  height: 7.5rem;
}

.zr_sep2{
    height: 39px;
}

/*item cards*/
.zr_item_cards {
  gap: 7.5rem;
  background-color: var(--white);
  padding: 0 7.5rem;
  width: 100%;
  height: auto;
  overflow-x: clip;
}

.zr_item_cards::after,
.zr_item_cards::before {
  position: absolute;
  z-index: 46;
  filter: blur(175px);
  border-radius: 50%;
  background-color: var(--pe17);
  width: 724px;
  height: 724px;
  content: "";
}

.zr_item_cards::after {
  top: -26px;
  right: -10%;
}

.zr_item_cards::before {
  top: 142px;
  left: -10%;
}

.zr_item_cards_top {
  gap: 2rem 3.125rem;
  z-index: 47;
  width: 100%;
  height: auto;
}

.zr_ict_card {
  border: 2px solid var(--pe9);
  border-radius: 1rem;
  background-color: var(--white);
  padding: 2rem;
  width: 447px;
  height: 172px;
}

.zr_ict_card img {
  margin-bottom: 1rem;
  width: unset !important;
}

.zr_ict_card p {
  line-height: 2rem;
}

.zr_item_cards_bottom {
  z-index: 47;
  width: 100%;
  height: auto;
}

.zr_item_cards_wrapper {
  width: 100%;
  height: 100%;
    gap: 2rem;
}

.zr_item_card_box {
  /*margin: 0 1rem;*/
  border: 2px solid var(--pe9);
  border-radius: 1rem;
  background: radial-gradient(
    139.52% 100% at 49.97% 0%,
    var(--white) 29.33%,
    var(--pe10) 100%
  );
  aspect-ratio: 1 / 1.04;
  max-width: 539px;
  max-height: 562px;
}

.zr_item_card_box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: top;
}

.zr_item_card_textBox {
  bottom: 1.5%;
  padding: min(3%,16px) min(6%, 32px);
}

.zr_item_card_textBox p {
  line-height: 2rem;
}

.zr_item_card_textBox p:first-child {
  font-size: 1.125rem;
}

.zr_item_card_textBox p:last-child {
  font-size: 0.875rem;
}
/*resp card slider*/
.zr_resp_slider {
  gap: 1rem;
  background-color: var(--white);
  width: 100%;
  height: auto;
}

.zr_resps_title p {
  font-size: 1.5rem;
  line-height: 3.75rem;
}

.zr_resps_wrappper {
  /*width: 100%;
  height: auto;*/
    cursor: grab;
    width: 100%;
    height: unset;
   /* touch-action: pan-y;
    user-select: none;
    -webkit-user-select: none;*/

}

.zr_resps_box {
  /*flex-wrap: wrap;*/
    will-change: transform;
    width: max-content;
    height: unset;
}

.zr_resps_slide_box {
  margin: 0 0.875rem;
  border: 2px solid var(--pe9);
  border-radius: 1rem;
  width: 337px;
  height: 671px;
  overflow: hidden;
  position: relative;
  flex: 0 0 auto;
  flex-shrink: 0;
  white-space: nowrap;
}

.zr_resps_slide_box img {
 /* filter: saturate(0);*/
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.zr_resps_slide_box.slick-current.slick-active img {
  filter: unset;
}

/*contact us*/
.zr_contact_us {
  position: relative;
  background-color: var(--white);
  width: 100%;
}

.zr_contact_us::after {
  position: absolute;
  top: -56px;
  right: 50%;
  transform: translateX(50%);
  z-index: 40;
  filter: blur(175px);
  border-radius: 50%;
  background-color: var(--pe17);
  aspect-ratio: 1 / 1;
  width: 64vw;
  min-width: 930px;
  height: auto;
  content: "";
}

.zr_conus_wrapper {
  z-index: 45;
  margin: 0 2rem 6.25rem;
  border: 2px solid var(--pe9);
  border-radius: 4rem;
  background-color: var(--pe11);
  padding: 2rem 2.625rem 2rem 0;
  width: 100%;
  max-width: 1679px;
  height: 100%;
  overflow: hidden;
}

.zr_conus_form_box {
  width: 39%;
  height: 100%;
}

.zr_conus_img_resp {
  display: none !important;
  width: 56%;
  height: 100%;
}

.zr_conus_img {
  box-shadow: 0px 0px 11.89px 0px #00000026;
  width: 56%;
  height: auto;
}

.zr_conus_img img,
.zr_conus_img_resp img {
  width: auto;
  height: 100%;
  object-fit: cover;
  object-position: right;
}

.zr_conus_title {
  width: 100%;
  height: 164px;
}

.zr_conus_title p:first-child {
  font-size: 1.5rem;
  line-height: 3rem;
}

.zr_conus_title p:last-child {
  width: 52%;
  font-size: 1.125rem;
  line-height: 2.25rem;
}

.zr_form {
  width: 100%;
  height: auto;
}
.zr_contact_box > * {
  z-index: 5;
}

.zr_conus_form {
  margin-top: 16px;
  border: 5px solid var(--pe12);
  border-radius: 16px;
  background: linear-gradient(180deg, var(--pe13) 0%, var(--pe14) 100%);
  padding: 10% 15%;
  width: 100%;
  height: 100%;
}

.zr_ftitle {
  margin-bottom: 1rem;
  font-size: 2rem;
  line-height: 2.25rem;
  text-align: center;
}

.zr_fdesc {
  margin-bottom: 2rem;
  font-size: 1rem;
  line-height: 2rem;
  text-align: center;
}

.zr_conus_form form label {
  padding-right: 1rem;
  padding-bottom: 0.25rem;
  color: var(--pe15);
  font-size: 1rem;
  line-height: 1.25rem;
}

.zr_conus_form form input {
  margin-bottom: 1.5rem;
  box-shadow:
    0px 0px 0px 1px rgba(2, 44, 34, 0.13),
    0px 1px 2px 0px rgba(2, 44, 34, 0.08);
  border-radius: 12px;
  background-color: var(--white);
  padding-right: 1rem;
  width: 100%;
  height: 48px;
}

.zr_conus_form form input[type="submit"] {
  margin-top: 0.5rem;
  margin-bottom: 0;
  border-radius: 999px;
  background: var(--dark) !important;
  padding-right: 0 !important;
  color: var(--white);
}

/*slider controllers*/
.slick-prev {
  order: 3;
}

.slick-next {
  order: 1;
  transform: rotate(180deg);
}

.slick-prev,
.slick-next {
  border: 1px solid var(--pe6);
  background: var(--black) url("/themes/website/presentation/pearl/img/slider-arrow.svg") center/6px
    no-repeat;
  width: 40px;
  height: 40px;
  color: transparent;
}

.slick-dots {
  display: flex !important;
  flex-direction: row;
  align-items: center;
  order: 2;
  gap: 0.5rem;
  margin: 0 1.5rem;
  color: transparent;
}

.slick-dots li {
  border-radius: 999px;
  background-color: var(--pe4);
  width: 5px;
  height: 5px;
}

.slick-dots > .slick-active {
  border-radius: 30px;
  background-color: var(--pe5);
  width: 23px;
}

.slick-dots button {
	background: transparent !important;
}

.slick-slide:not(.slick-center){
	 justify-content: space-between !important;
}