/* compliance vista  start*/
.icon {
    display: inline-block;
    height: 20px;
    width: 20px;
    mask-position: center;
    mask-repeat: no-repeat;
    mask-size: contain;
    background-color: #000;
    transition: all 0.4s ease-in-out;
    margin-left: 0 !important;
}

.icon-video-play{
    mask-image: url(../images/play.svg);
}

.hide{display: none;}
.wrap.container-lg{max-width: 1356px;}
.common-sec{padding: 100px 0;}
.banner-logo{max-width: 236px;margin-bottom: 30px;}
.banner-secondary.style-2{background: linear-gradient(90deg, #F3F5EB 0%, #F4F9FB 36.71%, #F4F9FB 100%);}
.banner-secondary .hero-title{margin-bottom: 9px;font-size: 40px;}
.hero-title span{font-weight: 400;display: block;}
.style-2.banner-secondary .grid{grid-template-columns: 1fr minmax(0px, 512px);}
.style-2.banner-secondary .grid .content p{margin-bottom: 30px;}
.style-2.banner-secondary .btn-group .video-btn{gap: 10px;}
.style-2.banner-secondary .btn-group .video-btn .icon{background-color: #29AAE1;}
.style-2.banner-secondary .btn-group .video-btn:hover .icon{background-color: #fff;}
.style-2.banner-secondary .grid > figure img{aspect-ratio: 512 / 384;}
.text-center {
    text-align: center;
}
.features-block.style-2 .row{-webkit-box-align: start;-ms-flex-align: start;align-items: start;}
.features-block.style-2 .feature figure img{width: 52px;height: 52px;}
.features-block.style-2 .feature .h5{font-weight: 600;}
.features-block.style-2 .feature .content{align-self: center;}
.features-block.style-2 .image-col figure img{aspect-ratio: 530 / 568;}
.features-block.style-2 .feature:not(:last-child){padding-bottom: 40px;}
.text-green{color: #3BB54A;}
.our-plans-intro-block.overview-sec .grid{grid-template-columns: 1fr minmax(0px, 499px);gap: 40px;}
.our-plans-intro-block.overview-sec .grid>figure{max-width: 737px;}
.our-plans-intro-block.overview-sec .grid>figure img{aspect-ratio: 737 / 414;}
.our-plans-intro-block.overview-sec p{font-size: 16px;font-weight: 500;}
.our-plans-intro-block.overview-sec p:last-child{margin-bottom: 0;}
.why-compliance-inner{background-color: #FAFAFA;border-radius: 12px;padding: 60px}
.why-compliance-points ul{display: flex;flex-wrap: wrap;gap: 16px;}
.why-compliance-points li{flex: 1 0 calc(33.33% - 16px);}
.why-compli-point-box{border-radius: 12px;padding: 12px;display: flex;align-items: center;gap: 12px;box-shadow: 0px 0px 16px 0px #0000000F;
border: 1px solid #E9E9E9;background-color: #fff;height: 100%;}
.why-compliance-icon{width: 48px;height: 48px;flex: 0 0 48px; border-radius: 50%;border: 3px solid rgba(55, 122, 150, 0.02);background-color: #F7FCFF;
display: flex;align-items: center;justify-content: center;}
.why-compliance-icon img{width: 24px;height: 24px;}
.why-compli-point-box p{font-size: 18px;font-weight: 400;color: #333333; margin-bottom: 0;}
.pt-0{padding-top: 0 !important;}
.pb-0{padding-bottom: 0 !important;}

.what-makes-sec {
  background-color: #fafafa;
}

.what-makes-row-wrapper {
  margin-top: 43px;
}

.what-makes-row {
  display: flex;
  align-items: stretch;
  margin-bottom: 40px;
  flex-wrap: wrap;

  &:nth-child(even) {
    flex-direction: row-reverse;
  }

  &:last-child {
    margin-bottom: 0;
  }
}

.what-makes-row:nth-child(even) .what-makes-col-img img {
  border-radius: 0 12px 12px 0;
}

.what-makes-col {
  width: 50%;
  flex: none;
}

.what-makes-col-img {
  height: 100%;
}

.what-makes-col-img img {
  aspect-ratio: 648/400;
  width: 100%;
  border-radius: 12px 0 0 12px;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

.what-makes-con {
  box-shadow: 0px 0px 16px 0px #0000000f;
  border: 1px solid #e9e9e9;
  padding: 30px 60px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 0 12px 12px 0;
  background-color: #fff;
  ;
}

.what-makes-row:nth-child(2n) .what-makes-con {
  border-radius: 12px 0 0 12px;
}

.what-makes-title .title {
  font-weight: 700;
  font-size: 32px;
  line-height: 1.2;
  color: #333333;
  margin-bottom: 0;
}

.what-makes-col .what-makes-head {
  display: flex;
  align-items: center;
  margin-bottom: 24px;
}

.what-makes-icon {
  width: 64px;
  height: 64px;
  background-color: #29aae1;
  border-radius: 12px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.what-makes-icon img {
  max-width: 34px;
}

.what-makes-title {
  width: calc(100% - 64px);
  padding-left: 24px;
}

.what-makes-con .cms-con {
  max-width: 480px;
}

.what-makes-con .cms-con p {
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: #505d68;
}

.what-makes-con .cms-con p:last-child {
  margin-bottom: 0;
}
.what-makes-con .cms-con li{position: relative;padding-left: 26px;margin-bottom: 18px;}
.what-makes-con .cms-con li:before{position: absolute;content: "";width: 18px;height: 18px;top: 2px;left: 0;background: url(../images/list-check.svg) no-repeat;background-size: contain;}
.what-makes-con .cms-con li:last-child{margin-bottom: 0;}

.alternative-boxs {
  display: flex;
  margin-top: 60px;
  flex-wrap: wrap;
  gap: 42px;
}

.alternative-boxs .alternative-box {
  width: calc(33.33% - 28px);
  flex: none;
  padding: 24px 30px 50px;
  background: #ffffff;
  border: 1px solid #29aae1;
  box-shadow: 10px 10px 0px #29aae1;
  border-radius: 12px;
}

.alternative-boxs .alternative-box:nth-child(even) {
  box-shadow: 10px 10px 0px #3bb54a;
  border-color: #3bb54a;
}

.alternative-boxs .alternative-box:nth-child(even) .alternative-box-logo {
  background-color: #3bb54a;
}

.alternative-boxs .alternative-box-logo {
  width: 88px;
  height: 88px;
  background-color: #29aae1;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100px;
  margin-bottom: 25px;
}

.alternative-boxs .alternative-box-logo img {
  max-width: 47px;
  max-height: 47px;
  object-fit: contain;
}

.alternative-box .title {
  font-size: 24px;
  line-height: 1.2;
  font-weight: 700;
  margin-bottom: 15px;
  color: #28AAE1;
  min-height: 58px;
}

.alternative-boxs .alternative-box:nth-child(even) .title {
  color: #3BB54A;
}

.alternative-box-con .cms-con p {
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6;
  color: #333333;

  &:last-child {
    margin-bottom: 0;
  }
}

.alternative-box-con .cms-con li{position: relative;padding-left: 26px;margin-bottom: 18px;color: #333333;}
.alternative-box-con .cms-con li:before{position: absolute;content: "";width: 18px;height: 18px;top: 2px;left: 0;background: url(../images/list-check.svg) no-repeat;
background-size: contain;}
.alternative-box-con .cms-con li:last-child{margin-bottom: 0;}
.alternative-boxs .alternative-box:nth-child(even) .alternative-box-con .cms-con li:before{background: url(../images/list-check-green.svg) no-repeat;
background-size: contain;}
.best-alternative-sec{padding-bottom: 60px;}
.sec-title{margin-bottom: 45px;}
.our-plans-intro-block h2.h3.sec-title-md{font-size: 32px;margin-bottom: 30px;}


.agent-vista-logo{max-width: 351px;}
 
.style-2.banner-secondary .grid .content.agent-vista-content p{margin-bottom: 18px;}
.style-2.banner-secondary .grid .content.agent-vista-content p b, .style-2.banner-secondary .grid .content.agent-vista-content p strong{font-weight: 600;}
.style-2.banner-secondary .grid .content.agent-vista-content p:last-child{margin-bottom: 0;}

.what-agentvista .grid{display: grid;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    grid-template-columns: 1fr minmax(0px, 665px);
    gap: 60px;}
.what-agentvista .content{max-width: 589px;}
.what-agentvista .content p{font-size: 18px;color: #666666;font-weight: 350;}
.what-agentvista .content p b,.what-agentvista .content p strong{font-weight: 600;}
.what-agentvista .content p:last-child{margin-bottom: 0;}
.what-agentvista .grid>figure{max-width: 569px;}

.core-capabilities-sec{background-color: #F3FBFF;position: relative;z-index: 2;}
.core-capabilities-sec.features-block .feature figure{background-color: #E5F7FF;}
.core-capabilities-sec.features-block .feature{-webkit-box-align: start;-ms-flex-align: start;align-items: start;}
.core-capabilities-sec.features-block .feature p{margin-bottom: 8px;}
.core-capabilities-sec.features-block .feature p:last-child{margin-bottom: 0;}
.core-capabilities-sec.features-block.style-2 .feature .h5 span{color: #3BB54A;text-transform: uppercase;font-size: 18px;font-weight: 600;}
.core-capabilities-sec.features-block.style-2 .feature .content{align-self: unset;padding-top: 18px;}


.snapshots-main{padding: 20px;padding-left: 40px; border-radius: 20px;background-color: #FFFFFF;}
.snapshots-row{display: flex;flex-wrap: wrap;margin: 0 -30px;}
.snapshots-row>*{padding: 0 30px;}
.snapshots-left{width: 46%;}
.snapshots-right{width: 54%;}
.snapshots-title{font-size: 32px;font-weight: 700;line-height: 1.2; margin-bottom: 0;}
.snapshots-point-text{padding: 28px 0;border-bottom: 1px solid #CFCFCF;}
.snapshots-point-text:last-child{padding-bottom: 0;border-bottom: none;}
.points-title{font-size: 20px;font-weight: 600;color: #333333;margin-bottom: 15px;}
.snapshots-point-text p{font-size: 18px;font-weight: 350;color: #505D68;margin-bottom: 0;}
.snapshots-img{background-color: #9CBDFA;border-radius: 20px;padding-top: 38px;padding-left: 38px;overflow: hidden;}
.snapshots-img-line{border: 1px solid #fff;border-bottom: none;border-right: none; background-color: rgba(255, 255, 255, 0.5);border-radius: 12px 0 0 0;padding-top: 24px;padding-left: 24px;}
.snapshots-img img{border-radius: 12px 0 0 0;width: 100%;height: 100%;}

.what-makes-sec .use-case-inner{padding: 12px;border-radius: 8px;border-color: #505D7C;color: #505D7C;display: flex;align-items: center;justify-content: center;}
.what-makes-sec .use-case-box .use-case-name{font-size: 16px;font-weight: 600;line-height: 1.2;}
.what-makes-sec .slick-current .use-case-inner{border-color: #27AAE1;}
.benefits-sec{padding-bottom: 120px;}

.what-makes-sec .custom-list li::before{background-color: #E5F7FF;border-radius: 4px;}
.list-title{font-size: 24px;font-weight: 700;line-height: 1.2;margin-bottom: 8px;}
.what-makes-sec .custom-list li{font-weight: 350;padding-top: 0;}
.what-makes-sec .custom-list{row-gap: 34px;}
.snapshots-list{padding-bottom: 70px;}
.what-makes-sec .use-case-box{padding-top: 0;}
.what-makes-sec .slick-arrow{margin-top: 0;}
.what-makes-sec .use-case-slider-main .use-case-nav-con{margin-top: 48px;}

.what-makes-sec .use-case-slider-main .use-case-nav-con .slick-slide:nth-child(4n+1) .snapshots-img { background-color: #9CBDFA; }
.what-makes-sec .use-case-slider-main .use-case-nav-con .slick-slide:nth-child(4n+2) .snapshots-img { background-color: #48CE44; }
.what-makes-sec .use-case-slider-main .use-case-nav-con .slick-slide:nth-child(4n+3) .snapshots-img { background-color: #FBD43F; }
.what-makes-sec .use-case-slider-main .use-case-nav-con .slick-slide:nth-child(4n+4) .snapshots-img { background-color: #567AFE; }

.our-plans-intro-block.overview-sec{padding-top: 0;}

@media screen and (max-width: 1599px) {
.banner-secondary .hero-title{font-size: 34px;}
}


@media screen and (max-width: 1460px) {
 .what-makes-con {
    padding: 30px 50px;
  }
}
@media screen and (max-width: 1299px) {
.what-makes-con {
    padding: 30px;
  }
.alternative-boxs {
    gap: 25px;
  }

  .alternative-boxs .alternative-box {
    width: calc(33.33% - 16.66px);
    padding: 24px 20px 40px;
  }

  .alternative-box .title {
    font-size: 20px;
  }

  .alternative-boxs .alternative-box-logo {
    width: 70px;
    height: 70px;
    margin-bottom: 15px;
  }

  .alternative-boxs .alternative-box-logo img {
    max-width: 37px;
    max-height: 37px;
  }
  .landing-blog-card-content p,
  .what-makes-con .cms-con p {
    font-size: 16px;
  }
  .what-makes-icon {
    width: 54px;
    height: 54px;
  }

  .what-makes-icon img {
    max-width: 30px;
  }
  .best-alternative-sec.benefits-sec{min-height: 49px;}
}

@media screen and (max-width: 1199px) {
.common-sec{padding: 50px 0;}
.banner-logo {
    max-width: 200px;
    margin-bottom: 20px;
}
.style-2.banner-secondary .grid .content p{margin-bottom: 20px;}
.features-block.style-2{padding: 50px 0;}
.our-plans-intro-block h2.h3.sec-title-md{margin-bottom: 20px;}
.why-compliance-inner{padding: 30px;}
.sec-title{margin-bottom: 40px;}
.what-makes-con .cms-con li:before,.alternative-box-con .cms-con li:before{width: 16px;height: 16px;}

.style-2.banner-secondary .btn-group{flex-wrap: wrap;}
.what-makes-title .title{font-size: 26px;}
.why-compli-point-box p{font-size: 16px;}
.alternative-box-con .cms-con p{font-size: 14px;}
.banner-secondary .hero-title{font-size: 32px;}
.what-agentvista .content p{font-size: 16px;}
.best-alternative-sec.benefits-sec .alternative-boxs{margin-top: 0;}
.list-title{font-size: 18px;}
.what-makes-sec .custom-list{row-gap: 20px;}
.snapshots-list{padding-bottom: 35px;}
.what-makes-sec .use-case-slider-main .use-case-nav-con{margin-top: 25px;}
.snapshots-main{padding: 15px;padding-left: 25px;}
.snapshots-title{font-size: 24px;}
.snapshots-row{margin: 0 -15px;}
.snapshots-row>*{padding: 0 15px;}
.snapshots-point-text{padding: 15px 0;}
.points-title{font-size: 18px;margin-bottom: 10px;}
.snapshots-point-text p{font-size: 16px;}
.snapshots-img{padding-top: 22px;padding-left: 22px;}
.snapshots-img-line{padding-top: 12px;padding-left: 12px;}
}
@media screen and (max-width: 991px) {
.what-makes-title .title {
    font-size: 20px;
  }

  .what-makes-con {
    padding: 20px;
  }

  .what-makes-row {
    margin-bottom: 30px;
  }

  .what-makes-col .what-makes-head {
    margin-bottom: 15px;
  }

  .what-makes-row-wrapper {
    margin-top: 30px;
  }
  .why-compliance-points li{flex: 1 0 calc(50% - 16px);}
  .style-2.banner-secondary .grid{grid-template-columns: 1fr;}
.our-plans-intro-block.overview-sec .grid{grid-template-columns: 1fr;gap: 30px;}
.alternative-boxs{margin-top: 30px;}
.alternative-boxs .alternative-box{width: calc(50% - 16.66px);}
.what-agentvista .grid{grid-template-columns: 1fr;gap: 30px;}
.what-agentvista .content{max-width: 100%;}
.sec-title{margin-bottom: 30px;}
.snapshots-title{font-size: 20px;}
.points-title{font-size: 16px;margin-bottom: 6px;}
.snapshots-point-text p{font-size: 14px;}
.snapshots-main{padding: 15px;}
.snapshots-left{width: 65%;}
.snapshots-right{width: 35%;}
.snapshots-img{padding-top: 12px;padding-left: 12px;border-radius: 12px;}
.snapshots-img-line{padding-top: 6px;padding-left: 6px;}
.what-makes-sec .use-case-box .use-case-name{font-size: 14px;}
.what-makes-sec .use-case-inner{padding: 8px;}
.core-capabilities-sec.features-block.style-2 .feature .content{padding-top: 10px;}
}

@media screen and (max-width: 767px) {
.common-sec {
    padding: 40px 0;
}
.alternative-box .title {
    font-size: 18px;
  }
   .what-makes-con .cms-con li {
    font-size: 14px;
  }
  .banner-logo{max-width: 180px;}
  .features-block.style-2 .row{gap: 35px;}
  .features-block.style-2 .feature figure img{width: 40px;height: 40px;}
 .our-plans-intro-block.overview-sec{padding-top: 0;padding-bottom: 40px;}
 .our-plans-intro-block h2.h3.sec-title-md{font-size: 28px;margin-bottom: 15px;}
 .why-compliance-inner{padding: 15px;}
 .sec-title {
        margin-bottom: 20px;
    }
  .why-compli-point-box p{font-size: 14px;}
  .why-compliance-icon{width: 38px;height: 38px;flex: 0 0 38px;}
  .why-compliance-icon img{width: 20px;height: 20px;}
  .why-compli-point-box{padding: 8px;gap: 10px;}
  .why-compliance-points ul{gap: 10px;}
  .why-compliance-points li{flex: 0 0 100%;}
  .landing-blog-card-content p,
  .what-makes-con .cms-con p {
    font-size: 14px;
  }
  .what-makes-con .cms-con li:before, .alternative-box-con .cms-con li:before{width: 14px;height: 14px;}
  .alternative-box-con .cms-con li{margin-bottom: 12px;}
  .alternative-box .title{min-height: 44px;}
  .wrap.container-lg{padding-inline: 15px;}
  .features-block.style-2{padding: 40px 0;}
  .banner-secondary .hero-title{font-size: 28px;}
  .core-capabilities-sec.features-block.style-2 .feature .content{padding-top: 5px;}
  .list-title{font-size: 16px;}
  .what-makes-sec .custom-list li{font-size: 14px;}
  .what-makes-sec .custom-list{row-gap: 15px;}
  .best-alternative-sec.common-sec{padding-bottom: 0;}
  .best-alternative-sec.benefits-sec.common-sec{padding-bottom: 50px;}

}

@media screen and (max-width: 568px) {
  .alternative-boxs .alternative-box,
  .what-makes-col {
    width: 100%;
  }
  .what-makes-row {
    margin-bottom: 20px;
  }

  .alternative-boxs {
    margin-top: 30px;
  }

  .what-makes-col-img img,
  .what-makes-con,
  .what-makes-row:nth-child(2n) .what-makes-con,
  .what-makes-row:nth-child(even) .what-makes-col-img img {
    border-radius: 0;
  }
  .features-block.style-2 .image-col figure{aspect-ratio: auto;}
  .features-block.style-2 .feature{grid-template-columns: 60px 1fr;}
  .features-block.style-2 .feature figure{width: 60px;height: 60px;}
  .features-block.style-2 .feature figure img{width: 32px;height: 32px;}
  .features-block.style-2 .feature:not(:last-child){padding-bottom: 30px;}
  .features-block.style-2 .feature .h5{font-size: 16px;margin-bottom: 5px;}
  .core-capabilities-sec.features-block.style-2 .feature .h5 span{font-size: 14px;}
  .features-block.style-2 .feature p{font-size: 14px;}
  .our-plans-intro-block.overview-sec p{font-size: 14px;}
  .our-plans-intro-block h2.h3.sec-title-md{font-size: 24px;margin-bottom: 10px;}
  .alternative-box .title{min-height: auto;}
  .banner-secondary .hero-title{font-size: 26px;}
  .what-agentvista .content p{font-size: 14px;}
  .snapshots-left{width: 100%;}
  .snapshots-right{width: 100%; order: -1;margin-bottom: 20px;}

}
/* compliance vista  end*/