.integration-content { width:100%; position:relative; background: linear-gradient(0deg, #F5F4FE 4.57%, #FBFDFE 66.6%, #FFF 98.44%); padding:100px 0 50px;}
.integration-content .flexy { display:flex; align-items:flex-start; flex-wrap:wrap;}
.integration-content .flexy .left { width: 35%;}
.integration-content .flexy .left .under-links-logo { padding-top:50px;}
.integration-content .flexy .left .under-links-logo img { max-width:60%; padding-right:25px;}
.integration-content .flexy .left .categories { padding-bottom:50px;}
.integration-content .flexy .left .categories .categories-title {color: var(--Text-primary, #212121);font-family: Montserrat;font-size: 24px;font-style: normal;font-weight: 700;line-height: 100%; /* 24px */}
.integration-content .flexy .left .categories .inner-category { margin-top:10px; padding:5px;border-radius: 8px;background: #56189E; max-width:100%; display:inline-block; }
.integration-content .flexy .left .links {padding-bottom;50px; display:flex; flex-wrap:wrap;}
.integration-content .flexy .left .links .link-title { color: var(--Text-primary, #212121);font-family: Montserrat;font-size: 24px;font-style: normal;font-weight: 700;line-height: 100%; /* 24px */}
.integration-content .flexy .left .links .link-inner { width:100%; padding:5px 0;}
.integration-content .flexy .left .links a {color: var(--Text-primary, #56189E);font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 500;line-height: 100%; /* 16px */letter-spacing: -0.16px;}
.integration-content .flexy .right { width:65%;}
.integration-content .flexy .right .inner-title h3 {color: #212121;font-family: Montserrat;font-size: 32px;font-style: normal;font-weight: 600;line-height: 130%; /* 41.6px */letter-spacing: -0.32px;}
.integration-content .flexy .right .inner-content { color: #212121;font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 400;line-height: 160%; /* 25.6px */letter-spacing: -0.16px; }
.integration-content .flexy .right .inner-content:not(p) { padding-top:32px;}
.integration-content .flexy .right .features { padding-bottom:50px;}
.integration-content .flexy .right .demo { padding-bottom:50px;}
.integration-content .flexy .right .about { padding-bottom:50px;}
.integration-content .flexy .right ul {list-style-type:disc;padding-left:15px;}
.integration-content .flexy .right ul li {list-style-type:disc;padding:3px 0;}
.integration-content .flexy .right ul li::marker { color:#56189e;}

.rc-full { width:100%;}
.rc-full .rc-title { padding-bottom:32px;padding-left:0px;}
.rc-full .rc-title h3 { color: #212121;font-family: Montserrat;font-size: 32px;font-style: normal;font-weight: 600;line-height: 130%;letter-spacing: -0.32px;}
.rc-full .rc-outer { display:flex; flex-wrap:wrap; align-items:flex-start; gap:15px;}
.rc-full .rc-outer a.rc-inner { }
.rc-full .rc-outer.rc-count-1 a.rc-inner { width:100%;}
.rc-full .rc-outer.rc-count-2 a.rc-inner { width:calc(50% - 30px);}
.rc-full .rc-outer.rc-count-3 a.rc-inner,
.rc-full .rc-outer.rc-count-4 a.rc-inner,
.rc-full .rc-outer.rc-count-5 a.rc-inner { width:calc(33.333% - 30px);}.rc-full .rc-outer a.rc-inner .post-image { }
.rc-full .rc-outer a.rc-inner .post-image img { border-radius:8px 8px 0 0; height:250px; object-fit:cover; width:100%;}
.rc-full .rc-outer a.rc-inner .bottom-card { background:#fff; border-radius:0 0 8px 8px; padding:25px;}
.rc-full .rc-outer a.rc-inner .bottom-card .post-title { padding-bottom:15px; color: #212121;font-family: Montserrat;font-size: 24px;font-style: normal;font-weight: 600;line-height: 130%;letter-spacing: -0.32px;}
.rc-full .rc-outer a.rc-inner .bottom-card .post-content { color: #212121;font-family: Montserrat;font-size: 16px;font-style: normal;font-weight: 400;line-height: 160%;letter-spacing: -0.16px;}
@media (max-width:1199px) {
  .integration-content .flexy { padding:0 15px;}
}
@media (max-width:991px) {
  .integration-content .flexy .left { width: 100%;}
  .integration-content .flexy .right { width:100%; padding-top:25px;}
  .integration-content .flexy .left .under-links-logo { padding-top:25px;}
  .integration-content .flexy .left .under-links-logo img { max-width:100%; padding-right:0px; padding:10px;}
  .rc-full .rc-outer { justify-content:center;}
  .rc-full .rc-outer { justify-content:center; }
  .rc-full .rc-outer a.rc-inner { width:calc(50% - 30px); margin:10px 15px; }
  /* keep 1 card full width on tablet */
  .rc-full .rc-outer.rc-count-1 a.rc-inner { width:100%; }
}
@media (max-width:767px) {
  .integration-content .flexy { padding:0px;}
  .rc-full .rc-outer { justify-content:center; }
  .rc-full .rc-outer a.rc-inner { width:100%; margin:0 15px; }
}
