.cta-wrapper{padding:0 0 80px;max-width: 1280px;margin: 0 auto;}
.blog-article-cta {background-color: #6A1933;z-index:1;border-radius: 40px;position: relative;overflow: hidden;padding:20px 30px;}
.blog-article-cta>svg {position: absolute;top: 0;left: 0;}
.blog-article-cta-left a.cta_button {background: #B699E1;border-radius: 10px;color: #6A1933;}
.blog-article-cta-left a.cta_button:hover{background:#ffffff;}
.blog-article-cta-left {width: 63.3%;padding-right:18px;}
.blog-article-cta-right {width: 36.7%;}
.blog-article-cta::before {position: absolute;background-image: url(https://2288549.fs1.hubspotusercontent-na1.net/hubfs/2288549/Praecipio/images/purple-circle.png);content: '';top: 0;left: -11px;width: 82%;height: 100%;background-size: 100% 100%;background-position: left;background-repeat: no-repeat;z-index:-1;}
.blog-article-cta a.cta_button {border-radius: 8px;padding: 11px 40px;}
.cta-wrapper h6 {font-weight: 300;letter-spacing: 0.08em;color: #FFBE7A;margin-bottom: 0px;text-transform: uppercase;}
.cta-wrapper h2 {color: #ffffff;margin-bottom: 20px;font-weight: 900;font-size: 34px;line-height: 46px;}


/*ORANGE CTA STYLE*/
.cta-banner-wrapper {position: relative;z-index: 1;padding: 30px;background-color: #C84F09;box-shadow: 0px 5px 14px rgba(8, 15, 52, 0.04);border-radius: 20px;}
.cta-left-content * {color: inherit;}
.cta-banner-section .cta-left-content {color: #EFF0F7;width: 70%; padding-right: 20px;}
.cta-banner-section .cta-right-content {width: 30%;}
.cta-banner-section .cta-right-content .solid-cta a.cta_button {border:1.5px solid transparent;background-color: #FFFFFF;color: #C84F09;}
.cta-banner-section .cta-banner-wrapper a.cta_button{border-radius: 8px;margin:5px;padding:11px 40px;}
.cta-banner-section .cta-right-content .transparent-cta a.cta_button {border: 1.5px solid #FFFFFF;background-color:transparent;color: #ffffff;}
.cta-banner-section .cta-banner-wrapper svg {position: absolute;bottom: 30;left: -50px;z-index: -1;opacity:.2;}
.cta-banner-section .cta-banner-wrapper::before {position: absolute;content: '';width: 44%;height: 100%;background-repeat: no-repeat;background-size: 100% 100%;background-position: right;top: 0;right: 0;z-index: -1;}
.cta-banner-section .cta-right-content .solid-cta a.cta_button:hover {background: transparent;color: #ffffff;border: 1.5px solid #FFFFFF;}
.cta-banner-section .cta-right-content .transparent-cta a.cta_button:hover {background: #ffffff;color: #C84F09;border: 1.5px solid #FFFFFF;}

/*BLACK CTA STYLE*/
.blog-faqs-cta {
  overflow:hidden;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  box-shadow: 0px 5px 14px rgba(8, 15, 52, 0.04);
  border-radius: 20px;
  padding:45px 20px;
  z-index:1;
  position:relative;
}
.blog-faqs-cta::before {
  position: absolute;
  top: 0;
  left: -8%;
  background-image: url(https://2288549.fs1.hubspotusercontent-na1.net/hubfs/2288549/Praecipio/images/cta-image.png);
  width: 73%;
  height: 100%;
  z-index: -1;
  content: '';
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: center;
}

.blog-faqs-cta-right a.cta_button {
  color: #054950;
  background: #92E5B7;
  border-radius: 8px;
  color: #ffffff;
  padding: 11px 25px;
}
.blog-faqs-cta-right a.cta_button:hover {
  background: #c84f09;
  color: #ffffff;
}
.blog-faqs-cta-left {
  width: 70%;
      padding-right: 20px;
}
.blog-faqs-cta-right {
  width: 30%;
  text-align: right;
}

/*BLUE CTA STYLE*/
.blog-blue-cta {border-radius: 20px;position: relative;overflow: hidden;padding:40px 20px 30px 40px;}
.blog-blue-cta a.cta_button {background: #39D3D3;border-radius: 8px;color:#2B3F60;padding: 11px 25px;}
.blog-blue-cta a.cta_button:hover{background:#ffffff;}
.blog-blue-cta .blog-article-cta-left {width: 65%;padding-right:18px;}
.blog-blue-cta .blog-article-cta-center {width: 30%;padding-right:18px;z-index:1;}
.blog-blue-cta .blog-article-cta-right {width: 30%;position: absolute;right: 0px;}
.blog-blue-cta .blog-article-cta-right img{width:100%}
.blog-blue-cta {
    background-size: cover !important;
}

/*CYAN CTA STYLE*/
.cyan-cta-section .cyan-banner-wrapper {position: relative;z-index: 1; padding: 40px 10px;}
.cyan-cta-section .cyan-banner-wrapper svg {position: absolute;top: 0;left: 10px;z-index: -1;}
.cyan-cta-section {border-radius: 40px;position: relative;overflow: hidden;}
.cyan-cta-section .content-wrapper{padding:82px 20px 82px 40px;}
.cyan-cta-section a.cta_button {background: #39D3D3;border-radius: 8px;color:#2B3F60;padding: 11px 40px;}
.cyan-cta-section a.cta_button:hover{background:#ffffff;}
.cyan-cta-section .cta-left-content {width: 50%;padding-right:18px;text-align: center;}
.cyan-cta-section .cta-right-content {width: 50%;text-align: center;}
.cyan-cta-section>svg{position: absolute; right: 0;top: 0;}
.cyan-cta-section::before {
  position: absolute;
  content: '';
  width: 100%;
  height: 100%;
  background: url(https://2288549.fs1.hubspotusercontent-na1.net/hubfs/2288549/Praecipio/images/graphic-07.png);
  background-repeat: no-repeat;
  background-size: 100% 100%;
  background-position: left bottom;
  left: 0;
  bottom: 0;
}
.cyan-cta-section .ovel-overlay {
  position: absolute;
  left: 0;
  top: 0;
  width: 55%;
  height: 100%;
  background: #054950;
  border-top-right-radius: 500px;
  border-bottom-right-radius: 500px;
}
.cyan-cta-section h2{
    font-size: 20px;
    line-height: 30px;
    margin-bottom: 20px;
}
.cyan-cta-section h6{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
}


@media (min-width:1550px){
  .blog-article-cta-left a.cta_button {padding: 12.5px 47px;}

  /*ORANGE CTA STYLE*/
  .cta-right-content{padding-left:20px;}
  .cta-right-content .solid-cta a.cta_button {line-height: 22px;padding: 10px 45px;}
  .cta-right-content .transparent-cta a.cta_button {line-height: 22px;padding: 10px 40px;}

  /*BLACK CTA STYLE*/
  .blog-faqs-cta-right a.cta_button{padding: 12.5px 35px;}

}
/*
@media (max-width:1441px){
  .blog-article-cta {padding: 60px 20px 40px 40px;}

  /*ORANGE CTA STYLE
  .cta-banner-wrapper {padding: 80px 55px 80px 55px;}

  /*BLACK CTA STYLE
  .blog-faqs-cta{padding:60px 50px;}
  
  .cyan-cta-section .cyan-banner-wrapper {padding: 60px;}

}*/
@media (max-width:1260px){
  .cta-wrapper h2 {font-size: 26px;line-height: 30px;margin-bottom:20px;}

  .blog-article-cta-left {width: 100%;padding-right:0px;}
  .blog-article-cta-right {width: 100%;padding-bottom:30px;}
  .blog-article-cta {padding: 40px 25px;}
  
}
@media (max-width:1200px){
  /*ORANGE CTA STYLE*/
  .cta-right-content .dis-flex.flex-end {justify-content: inherit;}
  .cta-right-content {width: 100%;}
  .cta-left-content {width: 100%;}
  .cta-banner-wrapper svg {top: -5px;width: 170px;}
  .cta-banner-wrapper {padding: 60px 40px;}
  .cta-banner-wrapper::before{width:70%;}

  /*BLACK CTA STYLE*/
  .blog-faqs-cta{padding:50px 40px;}
  .blog-faqs-cta:before{z-index: -1;left:0;}
  
  /*BLUE CTA STYLE*/
  .blog-blue-cta .blog-article-cta-left {
    padding-right: 0; width: 100%;}
  .blog-blue-cta .blog-article-cta-center {
    width: 50%;
  }
  
}

@media (max-width:1024px){
  .cta-wrapper{padding:0 0 50px;}

  /*ORANGE CTA STYLE*/
  .cta-banner-section .cta-left-content {
    padding-right: 0;
    width: 100%;
  }
  .cta-banner-section .cta-right-content { width: 100%;}

  /*BLACK CTA STYLE*/
  .blog-faqs-cta-left {width: 100%;padding-right:0;}
  .blog-faqs-cta-right {width: 100%;text-align: left;}
  .blog-faqs-cta-left h2 {line-height: 36px;}
  
  /*CYAN CTA STYLE*/
  .cyan-cta-section .cta-left-content {
    padding-right: 0;    width: 100%;text-align: center;  }
  .cyan-cta-section .cta-right-content {
    padding-top: 20px;    width: 100%;text-align: center;
  }
  .cyan-cta-section .ovel-overlay {
    border-bottom-right-radius: 50%;
    border-top-right-radius: 50%;
  }
  
}

@media (max-width:991px){
  .blog-blue-cta {
  padding: 40px 150px 30px 40px !important;
  }
}

@media (max-width:767px){

  /*ORANGE CTA STYLE*/
  .cta-banner-wrapper {padding: 50px 20px;}

  /*BLACK CTA STYLE*/
  .blog-faqs-cta{padding:40px 30px;}
  
   /*BLUE CTA STYLE*/
  .blog-blue-cta .blog-article-cta-center {
    width: 100%;
  }
  .blog-blue-cta .blog-article-cta-right {
    display: none;
}
  .cyan-cta-section .cyan-banner-wrapper {padding: 40px 10px;}
}
@media (max-width:568px){

  /*ORANGE CTA STYLE*/
  .cta-right-content .dis-flex.flex-end {display: block;}
  .cta-banner-wrapper::before{display:none;}
}