@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans.eot');
  src: url('../fonts/OpenSans.eot?#iefix') format('embedded-opentype'),
      url('../fonts/OpenSans.woff2') format('woff2'),
      url('../fonts/OpenSans.woff') format('woff'),
      url('../fonts/OpenSans.ttf') format('truetype'),
      url('../fonts/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Bold.eot');
  src: url('../fonts/OpenSans-Bold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/OpenSans-Bold.woff2') format('woff2'),
      url('../fonts/OpenSans-Bold.woff') format('woff'),
      url('../fonts/OpenSans-Bold.ttf') format('truetype'),
      url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: 'Open Sans';
  src: url('../fonts/OpenSans-Semibold.eot');
  src: url('../fonts/OpenSans-Semibold.eot?#iefix') format('embedded-opentype'),
      url('../fonts/OpenSans-Semibold.woff2') format('woff2'),
      url('../fonts/OpenSans-Semibold.woff') format('woff'),
      url('../fonts/OpenSans-Semibold.ttf') format('truetype'),
      url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
  font-weight: 600;
  font-style: normal;
}


.step-section {
z-index: 100;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
margin-bottom: 00px;
}

.step-section .step-card.step-1 .step-image {
z-index: 30;
}

.step-section .step-card.step-2 .step-image {
z-index: 20;
}

.step-section .step-card.step-3 .step-image {
z-index: 10;

}

.peek-balance-wrap .slider__mobile, .card-replacement-wrap .slider__mobile {
/*background-image: url('../img/phone-frame.png');*/
/*background-size: 100% 100%;*/
position: relative;
overflow: hidden;
/*  width: 270px;
height: 486px;*/
/*height: 100%;*/
margin: 0 auto;
}


.slider__mobile .slick-item {
/*height: 100%;*/
}
.peek-balance-wrap, .card-replacement-wrap {
/*background: #eee;*/
background: #fff;
/*padding: 20px;*/
/*  border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;*/
}
.step-card.step-4 .step-image {
z-index: 5;
}
.step-tit {
text-align: center;
color: #000000;
font-family: 'Open Sans';
font-weight: 600;
font-size: 15px;
}
.step-desc {
text-align: center;
color: #007DCB;
font-size: 14px;
font-weight: bold;
font-family: 'Open Sans';
}
.step-desc-small {
text-align: center;
color: #575757;
font-family: 'Open Sans';
font-size: 12px;
/*min-height: 65px;*/
}
.slick-initialized .slick-slide:focus {
outline: none;
}
@media screen and (max-width: 768px) {
.step-section {
  margin-bottom: 0px;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
}

.step-card {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
position: relative;
-webkit-box-align: start;
    -ms-flex-align: start;
        align-items: flex-start;
width: calc(100% / 4);
margin-bottom: 20px;
}

.step-card.first {
/*width: calc(100% / 4);*/
width: 270px;
/*background: red;*/
}

.step-card.view-estatement-card {
width: calc(100% / 3);
}

.step-card.enrol-card {
width: calc(100% / 5);
}

.step-card.vertical-stack {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
}

.step-card.vertical-stack .step-details {
min-height: 100px;
}
.desktop-slider-frame .step-card.peek-item.first {
width: 55%;
/*border: 1px solid;*/
margin: 0;
margin-bottom: 40px;
vertical-align: bottom;
}
.desktop-slider-frame .step-card.peek-item.last {
width: 36%;
/*border: 1px solid;*/
margin: 0;
margin-left: 2%;
}
.desktop-slider-frame .card-replacement-wrap .slider__mobile {
 background-image: url('../img/desktop-frame.png');
 width: 567px;
 height: 410px;
}

@media screen and (max-width: 768px) {
.step-card {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  top: 0px !important;
  margin-bottom: 20px;
}
.step-card, .step-card.enrol-card, .step-card.view-estatement-card {
  width: auto;
}
.step-card.vertical-stack {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.step-card.vertical-stack .step-details {
  min-height: 0px;
}
}

.step-card:hover {
z-index: 999;
}

.step-image {
text-align: left;
-webkit-transition: 0.4s ease-in-out;
transition: 0.4s ease-in-out;
position: relative;
height: auto;
width: 97%;
border-radius: 10px 0px 0px 10px;
-ms-flex-item-align: end;
    align-self: flex-end;
}

@media screen and (max-width: 768px) {
.step-image {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
}

.flex-start .step-image {
-ms-flex-item-align: start;
    align-self: flex-start;
}

.step-image.clear-image {
background-color: transparent !important;
}

.step-image img {
width: 100%;
margin: 0px !important;
position: relative;
bottom: 0px;
z-index: 4 !important;
}

.step-image:before {
content: '';
position: absolute;
background-size: contain;
right: -34px;
width: 35px;
height: 100%;
background-repeat: no-repeat;
-webkit-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
}

.no-arrow .step-image {
overflow: hidden;
border-radius: 10px;
}

.no-arrow .step-image:before {
display: none;
}

.connect-none .step-image {
border-radius: 10px;
width: 100%;
}

.connect-none .step-image:before {
right: -30px;
}

.connect-right .step-image {
border-radius: 10px 0px 0px 10px;
width: 100%;
}

.connect-middle .step-image {
border-radius: 0px;
width: 100%;
}

.connect-left .step-image {
border-radius: 0px 10px 10px 0px;
width: 100%;
}

.connect-left .step-image:before {
right: -30px;
}

.full-width .step-image {
width: auto;
}

.step-image.full-width {
width: auto;
}

.step-image.border-rounded {
border-radius: 5px;
}

.step-image.border-rounded:before {
right: -33px;
}

.step-0 .step-image {
background-color: #F0F0F0;
}

.step-1 .step-image {
background-color: #A6AAAD;
}
.step-image img:focus {
outline: none;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}

.step-1 .step-image:before {
background-image: url(../img/arrows/step-arrow-1.svg);
}

.step-2 .step-image {
background-color: #C7CBCD;
}

.step-2 .step-image:before {
background-image: url(../img/arrows/step-arrow-2.svg);
}

.step-3 .step-image {
background-color: #E5E7E8;
}

.step-3 .step-image:before {
background-image: url(../img/arrows/step-arrow-3.svg);
}

.step-4 .step-image {
background-color: #F0F0F0;
}

.step-4 .step-image:before {
background-image: url(../img/arrows/step-arrow-4.svg);
}

@media screen and (max-width: 768px) {
.step-image {
  border-radius: 10px !important;
  margin-top: 0px;
  height: auto;
  display: block;
}
.step-image:before {
  content: '';
  position: absolute;
  background-image: none !important;
}
}

.step-image.clear-image:hover {
-webkit-box-shadow: none;
        box-shadow: none;
-webkit-transform: translateY(-2px);
        transform: translateY(-2px);
-webkit-backface-visibility: hidden;
-webkit-transform: translateY(-2px) translateZ(0);
        transform: translateY(-2px) translateZ(0);
}

.step-image.clear-image:hover img {
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.09), 0 10px 10px rgba(0, 0, 0, 0.02);
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.09), 0 10px 10px rgba(0, 0, 0, 0.02);
}

.step-image:hover {
-webkit-backface-visibility: hidden;
-webkit-transform: translateY(-2px) translateZ(0);
        transform: translateY(-2px) translateZ(0);
z-index: 1000;
-webkit-box-shadow: 0 14px 28px rgba(0, 0, 0, 0.09), 0 10px 10px rgba(0, 0, 0, 0.02);
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.09), 0 10px 10px rgba(0, 0, 0, 0.02);
}

.step-details {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
    -ms-flex-direction: column;
        flex-direction: column;
-webkit-box-pack: start;
    -ms-flex-pack: start;
        justify-content: flex-start;
width: auto;
margin-top: 20px;
padding-right: 10px;
padding-bottom: 10px;
}

.step-details.wide {
width: 40%;
}

.step-details.wide-desktop {
position: absolute;
width: 300px;
}

.step-details.wide-desktop ~ .step-image {
margin-top: 120px;
}

.step-details b {
font-size: 16px;
}

.step-details p {
font-size: 16px;
}

.step-details .download-app-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
    flex-wrap: wrap;
padding-right: 20px;
-webkit-box-pack: justify;
    -ms-flex-pack: justify;
        justify-content: space-between;
}

.step-details .download-app-container a {
width: 45%;
}

@media screen and (max-width: 768px) {
.step-details {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
  padding-right: 10px;
  margin-top: 0px;
  margin-bottom: 0px;
  width: auto;
  min-height: unset;
}
.step-details.wide-desktop {
  position: relative;
  width: auto;
}
.step-details.wide-desktop ~ .step-image {
  margin-top: auto;
}
}

.step-title {
color: #F13F2D;
font-size: 20px !important;
}

.hidden-toggle {
display: none;
pointer-events: none;
}

.hidden-row {
display: none !important;
pointer-events: none;
}
.slick-dots {
top: 100px;  
left: 100px; 
}
.slider-nav {
list-style: none;
margin: 0 auto;
max-width: 200px;
margin-top: 15px;
/*position: relative;*/
}
.slider-nav .slick-item {
display: inline-block;
margin-right: 35px;
position: relative;
width: 20px!important;
}
.supportBlk .support-list .slider-nav .slick-item.last {
/*margin-right: 0px;*/
}
.slider-nav .slick-item a {
/*background: #fff;*/
background: #eee;
color: #4D4D4D;
width: 25px;
height: 25px;
line-height: 25px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
display: block;
text-align: center;
font-size: 13px;
font-weight: bold;
font-family: 'Open Sans';
text-transform: uppercase;
}
.slider-nav .slick-item:hover,
.slider-nav .slick-item:focus,
.slider-nav .slick-item a:focus,
.slider-nav .slick-item a:hover {
outline: none;
text-decoration: none;
}
.slider-nav .slick-item:before {
  content: '';
  width: 56px;
  height: 10px;
  /*background: #fff;*/
  background: #eee;
  position: absolute;
  top: 6px;
  left: 18px;
  z-index: -1;
}
.slider-nav .slick-item.last:before {
 display: none;

}
.slider-nav .slick-item.last {
margin-right: 0;
}

.slider-nav .slick-item.slick-current a {
background: #007DCB;
  color: #fff;
}


.slider__mobile img, .slider-desc .slick-item {
width: 100%;
min-height: 100%;

}
.slider__mobile img {
margin: 0!important;
}
.slider-nav {
/*  width: 500px;
height: 85px;*/
margin: 0;
}

.slider-nav .slick-list.draggable{
/*padding: 0 15%!important;*/
position: relative !important;
pointer-events: all !important;
z-index: 1000 !important;
}
/*.vertical-algin-pager .slider-nav .slick-list {
padding: 0!important;
}*/
.slider-nav-1.slider-nav .slick-list {
padding: 0!important;
}
/*.card-replacement-wrap .slider-nav-1 .slick-list {
padding: 0 5%!important;

}*/
.card-replacement-wrap #desc2-3, .peek-balance-wrap #desc2-3 {
margin-bottom: 12px;
}
.slider-nav .slick-track{
/*height: 85px;*/
width: 100%!important;
transform: none!important;
}
#item-3 .pos-res, .step-desc-small.pos-res, #item-1 .pos-res {
position: relative;
}
#item-1 .pos-res img, #item-3 .pos-res img, .step-desc-small .fade-text {
position: absolute;
top: 0;
}
#item-3 .pos-res img, #item-1 .pos-res img {
/* position:absolute;*/
left:0;
-webkit-transition: opacity 1s ease-in-out;
-moz-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;

}
.step-desc-small .fade-text {
width: 100%;
min-height: 40px;
background: #eee;
}
.peek-item {
margin-right: 20px;
/*width: 100%!important;*/
}
.peek-item .step-details {
width: 100%;
}
@keyframes cf3FadeInOut {
0% {
opacity:1;
}
45% {
opacity:1;
}
55% {
opacity:0;
}
100% {
opacity:0;
}
}

/*@-webkit-keyframes fade {
  0% {opacity: 0;}
  20% {opacity: 1;}
  33% {opacity: 1;}
  53% {opacity: 0;}
  100% {opacity: 0;}
}
@keyframes fade {
  0% {opacity: 0;}
  20% {opacity: 1;}
  33% {opacity: 1;}
  53% {opacity: 0;}
  100% {opacity: 0;}
}
#item-1 img {
 -webkit-animation-name: fade;
  animation-name: fade;
  -webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;

-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;

-webkit-animation-duration: 4s;
animation-duration: 4s;

/*  -webkit-animation-direction: alternate;
animation-direction: alternate;*/
/*}*/
#item-3 .top, #item-1 .top {
/* -webkit-animation-name: cf3FadeInOut;
animation-name: cf3FadeInOut;

-webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;

-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;

-webkit-animation-duration: 4s;
animation-duration: 4s;

-webkit-animation-direction: alternate;
animation-direction: alternate;*/
}
/*.step-desc-small .top {
animation-name: cf3FadeInOut;
 -webkit-animation-timing-function: ease-in-out;
animation-timing-function: ease-in-out;

-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;

-webkit-animation-duration: 4s;
animation-duration: 4s;

-webkit-animation-direction: alternate;
animation-direction: alternate;
}*/
.step-card.peek-item.first {
/*width: 270px;*/
width: 33%;
}
.step-card.peek-item.last {
/*width: 400px;*/
width: 61%;
}
.peek-item .step-image {
background: transparent;
}
.peek-item .step-image:hover {
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.supportBlk .support-list .slider-nav .slick-item.hide {
display: none;
}

.step-details.hidden-deskop, .slider-desc.hidden-deskop {
display: none;
}
.block-section {
display: block;
}
.block-section .step-card {
display: inline-block;
vertical-align: top;
}
.block-section.col-4 .step-card {
width: 24%;
}
.block-section .step-card#option-1-2 .step-image {
margin-top: 90px;
}
.block-section .step-card#option-1-3 .step-image {
margin-top: 70px;
}
.app-store .step-tit {
color: #4D4D4D;
}
.desktop-slider-frame {
background-image: url(../img/desktop-bg.png);
background-position: bottom;
background-repeat: repeat-x;
background-size: 130%;
background-color: #fff;
padding-bottom: 30px;
}
.desktop-slider-frame .card-replacement-wrap{
background: transparent;
padding-left: 0!important;
padding-right: 0!important;
}
@media screen and (max-width: 768px) {
/*  .slider-desc {
  max-height: 60px;
}
.slider-nav {
  max-height: 40px;
}*/
.slider-nav {
  margin: 10px auto 0 auto;
}
 .reduce-m {
  margin-left: -10px;
  margin-right: -10px;
}
.extend-m {
  margin-left: 10px;
  margin-right: 10px;
}
.step-details.hidden-deskop, .slider-desc.hidden-deskop {
  display: block;
  padding-right: 0;
}
.step-card.peek-item.last {
  width: 220px;
  margin: 0 auto;
}
.slider-desc.hidden-deskop .step-desc-small {
  min-height: 60px;
}


.step-card.peek-item.first {
  /*width: 220px;*/
  width: 100%;
  margin: 0 auto;
}
.step-card.peek-item.last {
  width: 100%;
}
.app-store {
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 768px;
}
.block-section .step-card#option-1-2 .step-image {
  margin-top: 0;
}
.block-section .step-card#option-1-2 .step-image{
  margin-top: 0;
}
.block-section.col-4 .step-card {
  width: 100%;
}
.app-store a {

  max-width: 130px;
  margin: 0 auto;
}
.desktop-slider-frame .step-card.peek-item.first,
.desktop-slider-frame .step-card.peek-item.last {
  width: 100%;
}
.desktop-slider-frame .card-replacement-wrap .slider__mobile {
  width: 270px;
  height: 195px;
}
.desktop-slider-frame {
  background-image: none;
}
.desktop-slider-frame .step-card.peek-item.first {
  background-image: url(../img/desktop-bg.png);
  background-position: bottom;
  background-repeat: repeat-x;
  background-size: 195%;
  padding-bottom: 30px;
}
.desktop-slider-frame .slider-desc-1,
.desktop-slider-frame .sliderDesktop_descmobile {
  padding: 0 20px;
}
/*#slider-sec-1 .peek-balance-wrap .slider-nav-1 .slick-list {
  padding: 0 24%!important;
}*/
/*#slider-sec-2 .peek-balance-wrap .slider-nav-1 .slick-list {
  padding: 0 14%!important;
}*/
/* #slider-sec-1 .card-replacement-wrap .slider-nav-1 .slick-list {
  padding: 0 14%!important;
}*/
#slider-sec-2 .card-replacement-wrap .slider-nav-1 .slick-list {
  padding: 0!important;
}

}
@media screen and (max-width: 320px) {
.step-card.peek-item.first {
  /*width: 200px;*/
  margin: 0 auto;
}

}
@media screen and (min-width: 769px) {
.desktop-slider-frame .app-store {
  margin-bottom: 20px;
  margin-top: 30px;
}
 .step-tit {
  font-size: 27px;
  line-height: 27px;
  margin-bottom: 5px;
  text-align: left;
  font-weight: bold;
}
.step-desc {
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 5px;
  text-align: left;
  font-weight: bold;
}
.step-desc-small {
  text-align: left;
}
.vertical-algin-pager {
  display: inline-block;
  width: 30px;
  vertical-align: top;
  margin-top: 15px;
}
.vertical-algin-pager .slider-nav .slick-item:before {
  top: 30px;
  left: -7px;
  z-index: -1;
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  width: 32px;
  height: 8px;
}
.vertical-algin-pager .slider-nav .slick-item {
  margin-bottom: 30px;
  /*border: 1px solid;*/
  position: relative;

}
.vertical-algin-slider {
  display: inline-block;
  width: calc(100% - 50px);
  vertical-align: top;
  /*margin-top: -16px;*/
  margin-top: 15px;
}
.slick-list {
  padding: 0!important;
}
.vertical-algin-slider .slider-desc .slick-list {
  padding: 0!important;
}

.vertical-algin-slider .slider-desc .slick-item {
  margin-bottom: 35px;
  width: 100%!important;
}

.vertical-algin-slider .slider-desc .slick-item.double-line {
  margin-bottom: 16px!important;
}

.vertical-algin-slider .slider-desc .slick-track {
    transform: none!important;
    width: 100%!important;

}
.vertical-algin-slider .slider-desc .slick-item:focus,
.vertical-algin-slider .slider-desc .slick-item:hover {
  outline: none;
  box-shadow: none;
}
.vertical-algin-slider .slider-desc .hide {
  display: none;
}
 .app-store .step-tit {
  font-size: 12px;
  font-weight: bold;
  color: #4D4D4D;
}
.app-store a {
  display: inline-block;
  vertical-align: middle;
  width: 49%;
  max-width: 150px;
}
.peek-balance-wrap, .card-replacement-wrap {
  padding-left: 7%;
  padding-right: 7%;
  /* padding-top: 40px; */
  min-width: calc(100% - 50px);
  /* min-width: 100%; */
}
.desktop-slider-frame .card-replacement-wrap  {
  padding-left: 20px;
  padding-right: 20px;
}
/*.desktop-slider-frame .card-replacement-wrap .slider__mobile img {
  height: 219px;
}*/
#slider-sec-1 .vertical-algin-slider {
  margin-top: 15px;
}
/*  #slider-sec-1 .vertical-algin-slider .slider-desc .slick-item {
   margin-bottom: 35px;
}*/
}

/* Added Aug 15, 2019 */
.desktop__container {
height: 459px;
position: relative;
overflow: hidden;
-webkit-transform-origin: left;
        transform-origin: left;
}
.mobile__container {
height: 486px;
position: relative;
overflow: hidden;
-webkit-transform-origin: left;
        transform-origin: left;
}

.monitor__wrapper {
/*width: 487px;*/
left: 0;
margin: 0 40px;
top: 0;
position: absolute;
background: transparent;
right: 0;
}
.mobile__container .monitor__wrapper {
/*width: 487px;*/
left: 0;
/*margin: 0 40px;*/
width: 270px;
top: 0;
position: absolute;
background: transparent;
right: 0;
}

.monitor__wrapper > img {
position: absolute;
top: 0px;
left: 0px;
left: -1px;
margin: 0px !important;
pointer-events: none;
z-index: 20;
}
.mobile__container .monitor__wrapper > img {
position: absolute;
top: 0px;
left: 0px;
left: -1px;
margin: 0px !important;
pointer-events: none;
z-index: 20;
}

.slider__desktop {
position: absolute;
top: 2px;
left: 2px;
width: calc(100% - 5px);
max-height: 291px;
z-index: 15;
}
.slider__mobile {
position: absolute;
top: 0;
left: 0;
width: 100%;
max-height: 486px;
z-index: 15;
}
.slider__desktop .slick-slide {
max-height: 291px;
}
.slider__desktop .slick-slide img {
margin: 0px !important;
}
.slider__desktop .slick-slide:hover {
cursor: pointer;
}
.slider__desktop .slick-arrow {
position: absolute;
border: 0px solid transparent;
background: transparent;
-webkit-appearance: none;
   -moz-appearance: none;
        appearance: none;
color: #575757;
font-family: 'Open Sans';
font-size: 12px;
z-index: 1500;
display: block;
background: rgba(255, 255, 255, 0.5);
top: 50%;
-webkit-transform: translateY(-50%);
        transform: translateY(-50%);
}
.slider__desktop .slick-arrow:hover {
background: white;
}
.slider__desktop .slick-prev {
left: 15px;
}
.slider__desktop .slick-next {
right: 13px;
}

.step-card {
z-index: 999;
}

.slider-nav .slick-item:before {
content: '';
display: block;
}

.desk__wrapper {
width: 100%;
bottom: 0px;
position: absolute;
background: transparent;
}
.desk__wrapper > img {
width: 100%;
margin: 0px !important;
pointer-events: none;
}

.slider__controller .slick-goto:last-child:before {
display: none !important;
}
.supportBlk .support-list .listItem.full-width-container {
width: 100%;
margin-left: 0!important;

}



@media screen and (min-width: 769px) {
.vertical-algin-pager .slider-nav .slick-item:before {
  width: 43px;
  left: -10px;
}
.reduce-m {
  margin-left: -20px;
  margin-right: -20px;
}
.extend-m {
  margin-left: 20px;
  margin-right: 20px;
}
}
@media screen and (min-width: 769px) and (max-width: 812px) { 
.desktop__container {
  height: 343px;
}
.desktop-slider-frame {
  background-size: 145%;
}
}
@media screen and (max-width: 768px) {
.slider-nav .slick-item:before {
  top: 8px;
}
.desktop-slider-frame .step-card.peek-item.first{
  margin-bottom: 0;
}
  .desktop__container {
 /* -webkit-transform: scale(0.56);
          transform: scale(0.56);*/
/*    margin-top: -90px;
  margin-bottom: -95px;
*/    /*background: red;*/
/*   height: 350px;
  max-width: 450px;*/
  margin: 0 auto;
  /*max-width: 350px;*/
  height: 321px;
}
.monitor__wrapper{
  max-width: 330px;
  margin: 0 auto;
}
.desktop-slider-frame .step-card.peek-item.first {
  background-size: 173%;
}
/*  .monitor__wrapper {
  margin: 0;
}*/
.slider__desktop .slick-next {
  right: 7px;
}
.slider__desktop .slick-prev {
  left: 7px;
}
}
@media screen and (max-width: 414px) {
.desktop__container {
 /* -webkit-transform: scale(0.56);
          transform: scale(0.56);*/
/*    margin-top: -90px;
  margin-bottom: -95px;
*/    /*background: red;*/
/*    height: 319px;
  
  margin: 0 auto;*/
}

.monitor__wrapper {
  /*margin: 0 10px;*/
/*   max-width: 350px;
  margin: 0 auto;
  left: 0;
  right: 0;*/
}
.desktop-slider-frame .step-card.peek-item.first {
  /*background-size: 183%;*/
}
}
@media screen and (max-width: 375px) {
.desktop__container {
/*    -webkit-transform: scale(0.56);
          transform: scale(0.56);*/
/*    margin-top: -90px;
  margin-bottom: -95px;*/
  /*background: red;*/
/*        max-width: 350px;
  margin: 0 auto;
  height: 302px;*/
}
.desktop-slider-frame .step-card.peek-item.first {
  /*background-size: 195%;*/
  /*background-size: 204%;*/
}
.slider__desktop {
  top: 1px;
}

}
@media (max-width: 320px) {
.monitor__wrapper {
  /*-webkit-transform: scale(0.45);*/
          /*transform: scale(0.45);*/
/*    max-width: 300px;
  height: 255px;*/
  max-width: 80%;
}
.desktop-slider-frame .step-card.peek-item.first {
  background-size: 204%;
}
.slider-nav .slick-item {
  margin-right: 30px;
}

}

/* Put chatbot  css to highest z-index */
#chat-canvas, .chat-launcher{
	z-index: 9999 !important;
}