/*hover*/
@media (min-width: 1025px) {
}

@media (min-width: 2560px) {
}

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

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

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

@media (max-width: 1440px) {
  .zr_top_btn_box {
    width: 60vw;
  }

  .zr_bottom_cards_boxs {
   /* padding: 4rem;*/
  }

  .zr_items_card_box {
    margin: 0 4rem;
  }
  
  .zr_ms_slider_box .slick-prev.slick-arrow {
    right: 2rem;
  }

  .zr_ms_slider_box .slick-next.slick-arrow {
    left: 2rem;
  }

  .zr_ms_slide_box {
    width: 64.5vw;
  }

  .zr_ms_slide_box2 {
    width: 55.75vw;
  }
}

@media (max-width: 1280px) {
  .zr_wpages_slider {
    height: 495px;
  }

  .zr_wpages_slider_box {
    gap: 0.5rem;
    margin: 0 2rem;
  }

  .zr_page {
    width: 302.86px;
    height: 328.17px;
  }

  .zr_page_name p {
    margin: 7px 0;
    font-size: 0.875rem;
  }

  .zr_wpages_slider_box > p {
    font-size: 1.75rem;
  }

  .slick-arrow {
    top: calc(50% - 48px);
  }
  
  .zr_main_slider{
  	padding: 0 2rem;
  }
  
  .zr_webpages_slider_box .slick-dots {
    margin: -18px auto 0;
  }

  .zr_bottom_cards_wrapper{
  padding: 1.25rem 0rem 0;
  }
  
  .zr_bottom_cards_boxs {
    padding: 2rem;
  }
  


  .zr_bcbc_box:last-child img:nth-child(3) {
    align-self: center;
    width: 95%;
  }

  .zr_bcbb_box:first-child img {
    margin-top: 12% !important;
  }

  .zr_icb_bottom_box_wrapper,
  .zr_icb_center_box_wrapper {
    flex-wrap: wrap;
    justify-content: center;
  }

  .zr_icb_top_box {
    align-self: center;
    width: calc(96% + 2rem) !important;
  }

  .zr_icb_bottom_box1,
  .zr_icb_bottom_box2,
  .zr_icb_bottom_box3,
  .zr_icb_center_box1,
  .zr_icb_center_box2 {
    width: 48% !important;
  }

  .zr_items_card_box {
    margin: 0 2rem;
  }

  .zr_contact_us_wrapper {
    margin-top: 314px;
  }

  .zr_conus_form {
    padding: 3.75vw 4.75vw;
  }

  .zr_ms_slide_box2 {
    width: 70vw;
  }
}

@media (max-width: 1024px) {
  .zr_top_btn_box {
    width: 50vw;
  }

  .zr_wpages_slider_box {
    gap: 0;
    margin: 0 1rem;
    border-radius: 3rem;
  }

  .zr_top_btn_box button {
    font-size: 0.875rem;
  }

  .zr_wpages_slider {
    height: 400px;
  }

  .zr_wpages_slider_box > p {
    font-size: 1.5rem;
  }

  .zr_top_botton_wrapper {
    bottom: 35px;
  }
  


  .zr_page {
    margin: 0 0.375rem;
    width: 249.85px;
    height: 270.73px;
  }

  .zr_page_box {
    border-width: 1.4px;
  }

  .zr_page_name p {
    margin: 5px 0;
    font-size: 0.625rem;
    line-height: 180%;
  }

  .slick-arrow {
    top: calc(50% - 37px);
  }

  .zr_webpages_slider_box .slick-dots {
    margin: -12px auto 0;
  }

  .zr_icons_wrapper {
    margin-top: 2rem;
    height: auto;
  }

  .zr_icons_box {
    padding-top: 0;
    height: auto;
  }

  .zr_icons_top,
  .zr_icons_bottom {
    flex-wrap: wrap;
    justify-content: center;
    gap: 52px;
    width: 100%;
  }

  .zr_icon_box_wrapper {
    align-items: center;
    width: 45%;
  }

  .zr_icon_box_wrapper:last-child {
    width: 100%;
  }

  .zr_icon_box_wrapper:last-child .zr_icon_box {
    align-self: center;
  }

  .zr_icon_box {
    aspect-ratio: 1 / 1;
    width: clamp(114px, 32vw, 230px);
    height: auto;
  }

  .zr_icons_bottom,
  .zr_icons_bottom .zr_icon_box_wrapper:last-child {
    transform: unset;
  }

  .zr_icons_bottom .zr_icon_box {
    align-self: center;
  }

  .zr_icon_box_wrapper p {
    align-self: center;
    width: 45%;
  }

  .zr_icon_box_wrapper:last-child p {
    width: 200px;
  }

  .zr_bottom_cards_boxs {
    padding: 1rem;
  }

  .zr_bcbc_box:last-child img:nth-child(3) {
    display: none !important;
  }

  .zr_bcbc_box:last-child img:last-child {
    display: block !important;
    align-self: center;
    justify-self: center;
    width: 342px;
  }

  .zr_bcbb_box:first-child img {
    margin: 44px 18px 0 0 !important;
    width: auto;
    height: 320.94px;
    object-fit: cover;
    object-position: right;
  }

  .zr_form {
    justify-content: center;
    order: 3;
    margin-top: 0.5rem;
  }

  .zr_conus_form {
    margin: 0 0.5rem;
    border: 2px solid var(--tr8);
    border-radius: 2rem;
    padding: 6.25vw 10.5vw;
    width: 100%;
    max-width: 650px;
    height: auto;
  }

  .zr_main_slider {
    padding: 0px 1rem;
  }

  .zr_ms_slide_box p:first-child,
  .zr_ms_slide_box p:nth-child(2) {
    font-size: 1.5rem;
  }

  .zr_ms_slide_box {
    width: 80vw;
  }

  .zr_conus_inner::after,
  .zr_conus_inner::before {
    display: none !important;
  }

  .zr_mssbi {
    align-self: center;
    width: 90%;
  }
  
      .zr_items_card_box {
        margin: 0 1rem;
    }
}

@media (max-width: 960px) {
  .zr_top_btn_botton {
    width: 40%;
  }

  .zr_hero_title_box p:first-child {
    font-size: 3.25rem;
  }

  .zr_hero_title_box img {
    margin: -2rem 0 -0.5rem;
    width: 77.14px;
    height: 47.61px;
  }

  .zr_hero_title_box p:nth-child(3) {
    font-size: 0.875rem;
  }

  .zr_hero_title_box p:last-child {
    font-size: 1.125rem;
  }

  .zr_hero {
    background: var(--tr2) url("/assets/img/hero-back-resp.webp") no-repeat top;
    background-size: cover;
    height: 850px;
    overflow: hidden;
  }

  .zr_webpages_slider_box {
    width: 100%;
  }

  .slick-arrow {
    top: unset;
    bottom: 0;
  }

  .slick-prev.slick-arrow {
    right: 3rem;
  }

  .slick-next.slick-arrow {
    left: 3rem;
  }

  .zr_wpages_slider_wrapper::after,
  .zr_wpages_slider_wrapper::before,
  .zr_bcsb_slider_wrapper::before,
  .zr_bcsb_slider_wrapper::after {
    display: none !important;
  }

  .zr_bc_slider_box {
    padding-bottom: 1rem;
  }

  .zr_bc_slider_box p {
    font-size: 1rem;
    line-height: 2rem;
  }

  .zr_bcbc_box p:first-child,
  .zr_bcbb_box p:first-child {
    margin-right: 0 !important;
    padding: 0 0.5rem;
    font-size: 1rem;
    text-align: center;
  }

  .zr_bcbc_box p:nth-child(2),
  .zr_bcbb_box p:nth-child(2) {
    margin: 0.5rem 0.5rem 0 !important;
    font-size: 0.75rem;
    line-height: 1.5rem !important;
    text-align: center;
  }

  .zr_items_card_box,
  .zr_icb_bottom_box_wrapper,
  .zr_icb_center_box_wrapper {
    gap: 2.5rem;
  }

  .zr_icb_bottom_box_wrapper,
  .zr_icb_center_box_wrapper {
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    height: auto;
  }

  .zr_icb_top_box {
    width: 48% !important;
    min-width: 342px;
    height: 400px;
  }

  .zr_icb_top_box_inner {
    height: 400px;
  }

  .zr_icb_center_box1,
  .zr_icb_center_box2 {
    width: 60%;
    min-width: 342px !important;
    height: 300px;
  }

  .zr_icb_bottom_box1,
  .zr_icb_bottom_box2,
  .zr_icb_bottom_box3 {
    width: 60%;
    min-width: 342px;
    height: 250px;
  }

  .zr_icbtbi_text_box p:first-child,
  .zr_icb_inner_box p {
    margin-right: 0 !important;
    font-size: 1rem;
    text-align: center;
  }

  .zr_icbtbi_text_box p:last-child {
    margin: 0 !important;
    padding: 0 0.5rem;
    width: 100%;
    font-size: 0.75rem;
    line-height: 1.5rem !important;
    text-align: center;
  }

  .zr_icb_top_box_inner {
    flex-direction: column;
  }

  .zr_icbtbi_img_box {
    justify-content: space-between;
    transform: unset;
  }

  .zr_icbtbi_img_box img:first-child {
    transform: translateY(18.51px);
    width: 164.2px;
    height: 301.63px;
    object-fit: cover;
    object-position: top;
  }

  .zr_icbtbi_img_box img:nth-child(2) {
    display: none !important;
  }

  .zr_icbtbi_img_box img:last-child {
    transform: translateY(83.51px);
    width: 164.17px;
    height: 241.88px;
    object-fit: cover;
  }

  .zr_icb_center_box1_inner img {
    transform: translateX(8px) translateY(-3px);
    width: 621.43px;
    height: 333.63px;
  }

  .zr_icb_center_box2_inner img {
    transform: translateX(22px) translateY(22px);
    width: 518px;
    max-width: unset;
    height: 292px;
    object-fit: cover;
    object-position: top;
  }

  .zr_icb_bottom_box1_inner img {
    transform: translateX(19px) translateY(11px);
    width: 1606.88px;
    height: 113.82px;
    object-fit: cover;
    object-position: top left;
  }

  .zr_icb_bottom_box2_inner img {
    transform: translateX(-69px) translateY(2px);
    width: 532px;
    height: 183.7px;
    object-fit: cover;
    object-position: top right;
  }

  .zr_icb_bottom_box3_inner img {
    transform: translateY(-6px);
    width: 292px;
    height: 200.75px;
    object-fit: cover;
    object-position: top;
  }

  .zr_contact_us_wrapper {
    margin-top: 998px;
  }

  .zr_conus_form {
    width: 85%;
  }

  .zr_conus_inner_wrapper_img > img {
    width: 82.19% !important;
    height: auto;
  }

  .zr_main_slider_wrapper::after,
  .zr_main_slider_wrapper::before {
    top: -12px;
    scale: 0.8;
  }

  .zr_main_slider_wrapper::after {
    right: -30px;
  }

  .zr_main_slider_wrapper::before {
    left: -30px;
  }

  .zr_ms_slider_box .slick-dots li {
    width: 58px;
  }

  .zr_ms_slider_box .slick-dots li.slick-active {
    width: 166px;
  }

  .zr_ms_slide_box2 {
    width: 85vw;
    height: 200px;
  }

  .zr_icons_wrapper {
    margin-top: 2.5rem;
  }
}

@media (max-width: 860px) {
  .zr_conus_form {
    transform: unset;
    margin-top: 1rem;
  }

  .zr_ms_slider_box .slick-prev.slick-arrow,
  .zr_ms_slider_box .slick-next.slick-arrow {
    top: unset;
    bottom: 8px;
  }

  .zr_contact_us_wrapper {
    padding: 0 0.5rem 6rem;
  }
}

@media (max-width: 720px) {
  .zr_hero {
    height: 100%;
  }

  .zr_hero_img {
    margin-top: 1rem;
    margin-bottom: 1.125rem;
  }

  .zr_hero_img img {
    box-shadow:
      0px -3.05px 6.11px 0px #00000014,
      0px 0px 1.53px 0px #0000000a;
  }

  .zr_wpages_slider_box {
    margin: 0 0.5rem;
    border-radius: 2rem;
  }

  .zr_page {
    border-radius: 0.313rem;
  }

  .zr_wpages_slider_box > p {
    font-size: 1.125rem;
  }

  .slick-arrow {
    bottom: -0.5rem;
  }

  .slick-prev.slick-arrow {
    right: 2rem;
  }

  .slick-next.slick-arrow {
    left: 2rem;
  }

  .zr_bottom_cards_boxs {
    padding: 0.5rem;
  }

  .zr_bcsb_slider_box::after,
  .zr_bcsb_slider_box::before {
    display: none !important;
  }

  .zr_conus_inner::before,
  .zr_conus_inner::after {
    display: none !important;
  }

  .zr_conus_inner_wrapper::after {
    top: -15.5px;
    background-size: cover;
    width: 46px;
    height: 52px;
  }

  .zr_main_slider {
    padding: 0px 0.5rem;
  }

  .zr_main_slider_wrapper::after,
  .zr_main_slider_wrapper::before {
    top: -26px;
    scale: 0.5;
  }

  .zr_main_slider_wrapper::after {
    right: -35px;
  }

  .zr_main_slider_wrapper::before {
    left: -35px;
  }

  .zr_ms_slide_box p:first-child {
    font-size: 1rem;
  }

  .zr_ms_slide_box p:nth-child(2),
  .zr_ms_slide_box2 p {
    font-size: 0.875rem;
    line-height: 28px;
  }

  .zr_ms_slider_box .slick-dots {
    margin-bottom: 0.5rem;
  }

  .zr_mssb {
    transform: translateY(32px);
  }
}

@media (max-width: 640px) {
  .zr_top_botton_wrapper {
    justify-content: end !important;
    margin-left: 10px;
  }

  .zr_top_btn_box {
    width: 73vw;
    height: 50px;
  }

  .zr_top_btn_box button {
    font-size: 0.75rem;
  }

  .zr_top_btn_box p {
    font-size: 0.75rem;
  }

  .zr_top_btn_botton {
    width: 45%;
    max-width: 136px;
  }

  .slick-prev.slick-arrow {
    right: 1rem;
  }

  .slick-next.slick-arrow {
    left: 1rem;
  }

  .zr_icon_box_wrapper p {
    font-size: 0.875rem;
    line-height: 1.75rem !important;
  }

  .zr_icon_box_wrapper {
    width: 40%;
    height: auto;
  }

  .zr_icon_box_wrapper p {
    width: 75%;
  }

  .zr_icons_top,
  .zr_icons_bottom {
    justify-content: space-between;
    gap: unset;
  }

  .zr_icon_box_wrapper:last-child p,
  .zr_icons_bottom .zr_icon_box_wrapper:last-child p {
    width: 120px;
  }

  .zr_icon_box {
    border-radius: 1rem;
  }

  .zr_icon_box img {
    width: 50px;
    height: 50px;
  }

  .zr_icon_box::after,
  .zr_icon_box::before {
    background: url("/assets/img/card-icon-vect-resp.svg") no-repeat;
  }

  .zr_icon_box::after {
    top: -10px;
  }

  .zr_icon_box::before {
    bottom: -10px;
  }

  .zr_bottom_cards_boxs {
    gap: 40px;
  }

  .zr_bc_box_center,
  .zr_bc_box_bottom {
    flex-direction: column;
    align-items: center;
    gap: 40px;
    height: auto;
  }

  .zr_bc_slider_wrapper {
    align-self: center;
    width: 342px;
  }

  .zr_bc_box_center > div,
  .zr_bc_box_bottom > div {
    max-width: 342px;
    height: 514px;
  }

  .zr_bc_box_center > div::after,
  .zr_bc_box_bottom > div::after {
    top: -15px;
    left: 0;
    transform: rotateY(0);
  }

  .zr_bc_box_center > div::before,
  .zr_bc_box_bottom > div::before {
    bottom: -15px;
    left: 0;
    transform: rotateY(180deg) rotateX(180deg);
  }

  .zr_bc_box_center > div:last-child::after,
  .zr_bc_box_bottom > div:first-child:after {
    transform: rotateY(180deg);
  }

  .zr_bc_box_center > div:last-child::before,
  .zr_bc_box_bottom > div:first-child::before {
    transform: rotateY(0deg) rotateX(180deg);
  }

  .zr_bcbc_box:first-child img {
    margin-top: 3rem !important;
  }

  .zr_ftitle {
    font-size: 1.125rem;
  }

  .zr_fdesc {
    font-size: 0.75rem;
  }

  .zr_conus_form {
    padding: 5.25vw 4.5vw;
  }

  .zr_conus_form {
    width: 96.6%;
  }

  .zr_conus_inner_wrapper_img {
    justify-content: end !important;
    padding-right: 33px;
    overflow: clip;
  }

  .zr_conus_inner_wrapper_img > img {
    width: 473px !important;
    height: 236px;
  }

  .zr_conus_text_box {
    gap: 0.25rem;
    margin-top: 4.75rem;
    max-width: 230px;
  }

  .zr_conus_text_box p:first-child {
    font-size: 1rem;
    line-height: 1.625rem !important;
  }

  .zr_conus_text_box p:last-child {
    font-size: 0.75rem;
    line-height: 1.25rem !important;
  }

  .zr_contact_us_box {
    max-width: 400px;
  }

  .zr_conus_outer {
    border-width: 1px 1px 0;
  }

  .zr_contact_us_box,
  .zr_conus_midder {
    border-width: 2.5px 1.5px 0 1.5px;
  }

  .zr_conus_inner_wrapper::after {
    top: -12.5px;
  }

  .zr_ms_box {
    border-width: 0.5px 0.5px 0 0.5px;
    border-radius: 16px 16px 0 0;
  }

  .zr_ms_outer {
    margin: 1px 1px 0;
    border-width: 2px 2px 0 2px;
    border-radius: 15px 15px 0 0;
  }

  .zr_ms_midder {
    border-width: 0.5px 0.5px 0 0.5px;
    border-radius: 13px 13px 0 0;
  }

  .zr_ms_inner {
    border-width: 0 2px 0 2px;
    border-radius: 12.5px 12.5px 0 0;
  }

  .zr_main_slider_wrapper::after,
  .zr_main_slider_wrapper::before {
    top: -59px;
    scale: 0.25;
  }

  .zr_main_slider_wrapper::after {
    right: -62px;
  }

  .zr_main_slider_wrapper::before {
    left: -62px;
  }
}

@media (max-width: 500px) {
  .zr_icons_wrapper {
    margin-top: 6.25rem;
  }

  .zr_ms_box {
    overflow: visible;
  }

  .zr_ms_slider_box2 .slick-prev.slick-arrow,
  .zr_ms_slider_box2 .slick-next.slick-arrow {
    bottom: -3.5rem;
  }
}

@media (max-width: 400px) {
  .zr_wpages_slider {
    aspect-ratio: 1 / 1;
    width: auto;
    min-width: 344px;
    height: auto;
  }

  .zr_wpages_slider_box {
    aspect-ratio: 1/1;
    width: auto;
    min-width: 324px;
    height: auto;
    min-height: 407px;
  }

  .slick-prev.slick-arrow {
    right: 0.75rem;
  }

  .slick-next.slick-arrow {
    left: 0.75rem;
  }

  .zr_ms_slide_box2 {
    height: 220px;
  }
}