body,
html {height: 100%; font-family: "Instrument Sans", sans-serif; font-size: 14px; background: #fff; line-height: 1.2; font-weight: 400 !important;}

/*---------------Font familly End---------------*/
.inria-serif-light {font-family: "Inria Serif", serif; font-weight: 300; font-style: normal;}
.inria-serif-regular {font-family: "Inria Serif", serif; font-weight: 400; font-style: normal;}
.inria-serif-bold {font-family: "Inria Serif", serif; font-weight: 700; font-style: normal;}

.instrumentsans-regular {font-family: "Instrument Sans", sans-serif;font-weight: 400; font-style: normal; }
.instrumentsans-medium {font-family: "Instrument Sans", sans-serif; font-weight: 500; font-style: normal;}
.instrumentsans-semibold {font-family: "Instrument Sans", sans-serif; font-weight: 600; font-style: normal;}
.instrumentsans-bold {font-family: "Instrument Sans", sans-serif; font-weight: 700; font-style: normal;}


/*---------------Font Start---------------*/
.font-size-10{font-size:10px;}
.font-size-11{font-size:11px;}
.font-size-12{font-size:12px;}
.font-size-13{font-size:13px;}
.font-size-14{font-size:14px;}
.font-size-15{font-size:15px;}
.font-size-16{font-size:16px;}
.font-size-17{font-size:17px;}
.font-size-18{font-size:18px;}
.font-size-19{font-size:19px;}
.font-size-20{font-size:20px;}
.font-size-21{font-size:21px;}
.font-size-22{font-size:22px;}
.font-size-23{font-size:23px;}
.font-size-24{font-size:24px;}
.font-size-25{font-size:25px;}
.font-size-26{font-size:26px;}
.font-size-27{font-size:27px;}
.font-size-28{font-size:28px;}
.font-size-30{font-size:30px;}
.font-size-32{font-size:32px;}
.font-size-34{font-size:34px;}
.font-size-35{font-size:35px;}
.font-size-36{font-size:36px;}
.font-size-38{font-size:38px;}
.font-size-40{font-size:40px;}
.font-size-42{font-size:42px;}
.font-size-45{font-size:45px;}
.font-size-48{font-size:48px;}
.font-size-50{font-size:50px;}
.font-size-56{font-size:56px;}
.font-size-60{font-size:60px;}
.font-size-100{font-size:100px;}

.line-hight-1{line-height:1;}
.line-hight-2{line-height:1.1;}
.line-hight-22{line-height:1.2;}
.line-hight-3{line-height:1.4;}
.line-hight-4{line-height:1.6;}
.line-hight-normal{line-height:normal;}

.leter1{letter-spacing:1px;}
.shadow-sm{box-shadow:0 .125rem 1.25rem rgba(0,0,0,.075)!important;}
.rounded{border-radius:.60rem!important;}

/* .form-control{height:calc(2.2em + .75rem + 2.2px);font-size:14px;} */
.form-control:focus{box-shadow:none;}
.border-radius-60{border-radius: 60px;}
.border-radius-25{border-radius: 25px;}
.border-radius-20{border-radius: 20px;}
.border-radius-10{border-radius: 10px;}
.border-radius-12{border-radius: 12px;}
.border-radius-8{border-radius: 8px;}
.border-radius-6{border-radius: 6px;}

[type="button"]:not(:disabled){outline:none!important;}
[type="reset"]:not(:disabled){outline:none!important;}
[type="submit"]:not(:disabled){outline:none!important;}
button:not(:disabled){outline:none!important;}

/*---------------Text Color Start---------------*/
.text-dark{color:#0C0C0D !important;}
.text-blue{color:#0D549A !important;}
.text-danger{color:#4A1900!important;}
.text-muted{color:#3B3B33 !important;}
.text-secondary{color:#A9A9A9 !important;}
.text-gray{color:#535D6D !important;}
.text-whitelight {color: rgba(255, 255, 255, 0.7);}

/*---------------BG button Start---------------*/
.btn.focus{outline:0!important;box-shadow:none!important;}
.btn:focus{outline:0!important;box-shadow:none!important;}

.btn-primary{background-color:#0C559B;border-color:#0C559B;}
.btn-primary:hover{background-color:#fff;border-color:#0C559B; color:#0C559B;}
.btn-primary:focus{background-color:#fff;border-color:#0C559B; color:#0C559B;}
.btn-check:focus+.btn-primary{background-color:#fff;border-color:#0C559B; color:#0C559B;}

.btn-outline-secondary {color: #0C0C0D; border-color: #D7D7D7;}
.btn-outline-secondary:hover{background-color:#000;border-color:#000; color:#fff;}
.btn-outline-secondary:focus{background-color:#000;border-color:#000; color:#fff;}
.btn-check:focus+.btn-outline-secondary{background-color:#000;border-color:#000; color:#fff;}

/*---------------BG Background Start---------------*/
.bg-gray{background-color:#EDE4DB !important;}

.navbar-toggler:focus{box-shadow:none;}

/* @media (min-width: 1400px) {
  .container {max-width: 1180px; }
} */

/* -----------------new css ------------------*/
.homepad {padding-top: 5rem; padding-bottom: 5rem;}

/*menu*/
.navbar-light .navbar-nav .nav-link {color: #000000; font-size: 16px; font-weight: 300;}

/*------------- Are Your Distribution Systems --------------*/
.hero {padding: 50px 0 10px;}
.highlight {color: #2b6cb0;}
.hero-img {border-radius: 20px; overflow: hidden;}
.hero-img img {width: 100%; height: 100%; object-fit: cover; }

/*--------------client section--------------*/
.client-section .owl-carousel .owl-item img {border-radius: 10px; border-color: #0D549B !important;}

 /*------------------- What do we offer? -----------------*/
.offer .stat-number {font-size: 80px; font-weight: 500; color: #0D549B;}
.offer .stat-label {display: inline-block; padding: 14px 32px; margin-top: 10px; background: rgba(226, 238, 251, 0.7); backdrop-filter: blur(4px); border-radius: 10px; top: -40px; left: 37px; }


 /*-------------------Rewards and Recognition-----------------*/
.rewards {background: linear-gradient(180deg, #F3F7FF 0%, rgba(243, 247, 255, 0) 100%);}
.rewards .slider-wrapper {overflow: hidden; margin-top: 50px;}
.rewards .slider-track {display: flex; gap: 80px; transition: 0.5s ease;}
.rewards .slide-card {flex: 0 0 calc((100% - 100px) / 4.40); background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #B1D8FF 100%); border-radius: 10px; padding: 1px;}
.rewards .slide-card .slide-box .rewards-logo {padding-bottom: 25px; padding-top: 12px; text-align: right; margin-right: -80px;}
.rewards .slide-card .slide-box .rewards-logo img {height: 50px;}
.rewards .slide-card .slide-box{  background: rgba(226, 238, 251, 0.7); backdrop-filter: blur(4px); padding: 20px; border-radius: 10px;}

.rewards .slider-controls {display: flex; justify-content: space-between; align-items: center; margin-top: 40px;}
.rewards .arrow {cursor: pointer; user-select: none;}

@media (min-width: 768px){
.rewards .slider-track .slide-card:nth-child(even) {margin-top: 150px; align-self: flex-end !important; align-self: flex-start !important;}
.rewards .slider-track .slide-card:nth-child(odd) {align-self: flex-start !important;}
}

/* ================= TABLET ================= */
@media (max-width: 991px) and (min-width: 768px){
.rewards .slider-track{gap: 40px;}
.rewards .slide-card{flex: 0 0 calc((100% - 30px) / 3);}
.rewards .slide-card .slide-box {padding: 25px;}
.rewards .slide-card .slide-box .rewards-logo {padding-bottom: 15px; margin-right: -60px;}
.rewards .slide-card .slide-box .rewards-logo img {height: 34px;}
.rewards .slider-track .slide-card:nth-child(even) {margin-top: 90px;}
.rewards .slider-wrapper {margin-top: 28px;}
}

/* -----------------Breadcrumb------------------ */
.breadcrumb-custom span.round {margin: 0 10px; border: 2px solid #D7D7D7; background-color: #FFF; width: 28px; height: 28px; display: inline-block; border-radius: 100%; position: relative;}
.breadcrumb-custom span.round::before {content: ""; background: #2380DD; display: block; position: absolute; width: 14px; height: 14px; border-radius: 100%; left: 50%; top: 50%; margin-top: -7px; margin-left: -7px; }


/*-----------------The Insurance Distribution Playbook----------------*/
.insurance-section .theinsurance img{border-top-left-radius: 15px;}
.insurance-section .theinsurance::before {content: ""; background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 1) 50%, rgba(255, 255, 255, 0) 100%); display: block; position: absolute; right: 0; top: 0; z-index: 2; bottom: 0; left: 20%; }
.insurance-section .theinsurance .hero-content {z-index: 3;}
.insurance-section .feature-box{background:#F6F3F1; padding:30px; height:100%; text-align:left; }
.insurance-section .launchchannels > div:first-child .feature-box {border-bottom-left-radius: 20px;}
.insurance-section .launchchannels > div:last-child .feature-box {border-bottom-right-radius: 20px;}

/* ================= The C2L BIZ Promise ================= */
.cl-bizpromise-wrapper{display:flex; gap:15px;}
.cl-bizpromise-card{flex:1; transition:0.5s ease; cursor:pointer;}
.cl-bizpromise-card.active{flex:2; }
.cl-bizpromise-inner{border-radius:20px; padding:20px; height:100%; display:flex; flex-direction:column; justify-content:space-between; transition:0.4s;}
.cl-bizpromise-card01{background-color: #F3F7FF;}
.cl-bizpromise-card02{background-color: #F3FFF5;}
.cl-bizpromise-card03{background-color: #FFF8F3;}

.cl-bizpromise-main-desc{opacity:0; transform:translateY(20px); transition:0.4s ease; height:0; overflow:hidden;}
.cl-bizpromise-card.active .cl-bizpromise-main-desc{opacity:1; transform:translateY(0); height:auto; margin-top:22px; }
.cl-bizpromise-tag .arrow-right{transform: rotate(-48deg);} 
.cl-bizpromise-tag .bi-arrow-right {font-size: 30px;}
.cl-bizpromise-card.active .cl-bizpromise-tag .bi-arrow-right {font-size: 22px;}
.cl-bizpromise-card.active .cl-bizpromise-number {font-size: 42px; margin-bottom: -20px;}
.cl-bizpromise-card.active .cl-bizpromise-title{font-size: 24px;}

.cl-bizpromise-card01 .cl-bizpromise-number {color: #2380DD;}
.cl-bizpromise-card02 .cl-bizpromise-number {color: #B7DEBD;}
.cl-bizpromise-card03 .cl-bizpromise-number {color: #DFC1AD;}

.cl-bizpromise-bottom{display:flex; justify-content:space-between; align-items:center; }
.cl-bizpromise-number {font-size: 60px; font-weight: 500; transition: 0.3s; line-height: 1; margin-bottom: -34px;}
.cl-bizpromise-right{text-align:right;}
.cl-bizpromise-desc{font-size:15px; transition:0.3s;}
.cl-bizpromise-btn{opacity:0; transform:translateY(10px); transition:0.4s ease; position: absolute;}
.cl-bizpromise-card.active .cl-bizpromise-desc{opacity:0; visibility:hidden; position: absolute;}
.cl-bizpromise-card.active .cl-bizpromise-btn{opacity:1; transform:translateY(0); position: relative;}
.cl-bizpromise-btn a{border-radius:50px; padding:6px 18px; font-size:14px;}
.cl-bizpromise-card:hover{transform:translateY(-5px);}

/*-------------------What makes us different?------------------*/
.whatmakes{background: linear-gradient(180deg, rgba(243, 247, 255, 0) 0%, #F3F7FF 100%); }
.compare-box {background: #fff; border-radius: 14px; padding: 14px 14px 14px 30px; display: flex; align-items: center; gap: 40px; margin-top: 18px; border: 1px solid #DEDEDE; }

/*------------------- Case Studies ------------------*/
.blogsection .arrow-btn {position: absolute; top: 15px; right: 15px; width: 35px; height: 35px; background: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transform: rotate(-40deg);}
.blogsection .card-overlay{position:relative; border-radius:15px; overflow:hidden; }
.blogsection .card-overlay img{width:100%; height:100%; object-fit:cover;}
.blogsection .big-card .overlay{ left: 30px; width: 56%;  bottom: 30px; padding: 34px; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(16px); border-radius: 20px;}
.blogsection .overlay {position: absolute; bottom: 30px; left: 30px; right: 30px;}
.blogsection .blogcard::before {content: ""; position: absolute; background: radial-gradient(125.41% 165.72% at 100% -4950%, rgba(158, 138, 253, 0.2) 0%, rgba(158, 138, 253, 0) 45%), linear-gradient(22deg, #000000 0%, rgba(35, 128, 221, 0) 49%), linear-gradient(20.75deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 68%), rgba(0, 0, 0, 0.15); border-radius: 20px; left: 0; right: 0; top: 0; bottom: 0; }

/* ================= TESTIMONIAL SLIDER ================= */
.testimonials-wrapper .testimonials-track{display:flex; gap:40px; transition:0.5s ease;}
.testimonials-wrapper .testimonials-card{flex:0 0 calc((100% - 40px) / 3); background: #F4F4ED; border: 1px solid #EBEBEB; border-radius: 20px; padding:30px;}

.testimonials-wrapper .testimonials-stars {color: #96CB3A; font-size: 24px; margin-bottom: 32px;}
.testimonials-wrapper .testimonials-desc{margin-bottom:30px;}
.testimonials-wrapper .testimonials-user{display:flex; align-items:center; gap:16px;}
.testimonials-wrapper .testimonials-user img{width:45px; height:45px; border-radius:50%; object-fit:cover; }

/* ================= POSTS ================= */
.our-recentposts .post-card{position:relative; border-radius:15px; overflow:hidden;}
.our-recentposts .post-card img{object-fit:cover;}
.our-recentposts .tag {position: absolute; top: 30px; left: 30px; background: #fff; padding: 7px 16px 9px; border-radius: 20px; line-height: 1;}
.our-recentposts .post-overlay {position: absolute; bottom: 25px; padding: 18px; color: #fff; background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(16px); border-radius: 20px; left: 25px; right: 25px; }
.our-recentposts .arrow-btn {position: absolute; top: 30px; right: 30px; width: 38px; height: 38px; background: #2380DD; border-radius: 50%; display: flex; align-items: center; justify-content: center; cursor: pointer; transform: rotate(-40deg); }
.our-recentposts .post-card::before {content: ""; position: absolute; background: radial-gradient(125.41% 165.72% at 100% -4950%, rgba(158, 138, 253, 0.2) 0%, rgba(158, 138, 253, 0) 45%), linear-gradient(22deg, #000000 0%, rgba(35, 128, 221, 0) 49%), linear-gradient(20.75deg, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 68%), rgba(0, 0, 0, 0.15); border-radius: 20px; left: 0; right: 0; top: 0; bottom: 0; }

/* ================= CTA ================= */
.cta img {border-radius: 32px; margin: 0 5px; height: 50px;}

/* ================= FOOTER ================= */
.c2l-footer{background:#F5F8FB; padding:60px 0 20px;}
.footer-social a{display:inline-block; margin-right:12px; font-size:18px; color:#0C0C0D; transition:0.3s; }
.footer-social a:hover{transform:translateY(-3px);}

/* ============== inner pages ===============*/
.at-glance{background: linear-gradient(180deg, #F3F7FF 0%, rgba(243, 247, 255, 0) 100%);}

/*=======-----------------------Our Mission ------------------===============*/
.ourmission-section .mv-heading {top: -50px; left: 0; right: 0;}
.ourmission-section .ourmission{background: #FAF5F1;}
.ourmission-section .ourvision{background: #F3F4EF;}
.ourmission-section .mv-card{padding:30px 36px 36px;}
.ourmission-section .mv-values-card{background:#F5F2FA; border-radius:20px; padding:36px; margin-top:80px; }
.ourmission-section .mv-slider-wrapper{overflow:hidden; padding-right:80px;}
.ourmission-section .mv-slider-track{display:flex; gap:25px; transition:0.5s ease; }
.ourmission-section .mv-slide{flex:0 0 calc((100% - 60px)/2.5); background: #FFFFFF; border: 1px solid #DEDEDE; border-radius: 20px; padding:25px; position:relative;}
.ourmission-section .mv-icon {position: absolute; top: -15px; right: -15px; color: #CCC; font-size: 72px; }
.ourmission-section .mv-icon img {max-width: 90px;}
.ourmission-section .mv-slide h5{margin-top:20px;}
/* ================= MOBILE ================= */

 /*-----------------Our Journey----------------- */
.journey .journey-arrow{font-size:28px; cursor:pointer; padding-bottom: 62px;}
.journey .timeline {position: relative; margin-bottom: -13px;}
.journey .timeline::before{content:''; position:absolute; top:50%; left:0; width:100%; border-top:3px dotted #000; transform:translateY(-50%); }
.journey .timeline-dot {width: 26px; height: 26px; background: #96CB3A; border-radius: 50%; position: relative; z-index: 2; display: flex;  align-items: center !important; justify-content: center !important; left: 50%; margin-left: -13px; margin-top: -60px; }
.journey .timeline-dot::before {content: ""; display: block; background: #fff; width: 12px; height: 12px;  border-radius: 100%; }
.journey .slider-wrapper{overflow:hidden;}
.journey .slider-wrapper .slider-track{margin-left: -170px; padding-top: 60px;}
.journey .slider-track{display:flex; gap:45px; transition:0.5s ease; }
.journey .journey-card{flex:0 0 calc((100% - 90px) / 3); position:relative;}
.journey .journey-card img{width:100%; object-fit:cover; border-radius:15px;}
.journey .journey-overlay{position:absolute; bottom:0; left:0; width:100%; padding:24px 30px; background:linear-gradient(to top, rgba(0,0,0,0.7), transparent); color:#fff; text-align:left; border-bottom-left-radius: 15px; border-bottom-right-radius: 15px;}
.journey .year{position:absolute; top:10px; left:10px; background:#fff; padding:5px 10px; border-radius:20px; font-size:14px; }

/* ================= Meet The Team ================= */
.team-tabs .nav-link {color: #A6A6A6; font-weight: 400; border: none; position: relative; padding: 7px 8px; }
.team-tabs .nav-link.active{color:#7AC943; background:none;}
.team-tabs .nav-link.active::after{content:''; position:absolute; left:0; bottom:-5px; width:100%; height:2px; background:#7AC943; }
.team-img{background: linear-gradient(180deg, #96CB3A 0%, #2380DD 100%); padding: 1px; border-top-left-radius: 30px; border-top-right-radius: 30px;}
.team-img img{border-top-left-radius: 30px; border-top-right-radius: 30px;}
.team-tabs{display:flex; gap:30px; margin:30px 0; }
.team-tabs span{cursor:pointer; color:#777; font-weight:500; position:relative; }
.team-tabs .active{color:#7AC943;}
.team-tabs .active::after{content:''; position:absolute; left:0; bottom:-6px; width:100%; height:2px; background:#7AC943; }
.banner-card{position:relative; border-radius:15px; overflow:hidden; margin-top:40px; padding: 94px 26px 26px; background-size: cover !important;}
.banner-card img{object-fit:cover;}
.banner-overlay {background: rgba(0, 0, 0, 0.4); backdrop-filter: blur(16px); border-radius: 15px; padding: 26px; color: #fff;}

.ourmission-section .mv-values-card.howwesolvethese-bg {background: #F6F3F1;}
.keyfeatures .keyfeatures-box {background: #F3F4EF; padding: 30px; height: 100%; text-align: left;}

/* ================= Modules of Suite ================= */
.strategy-section{background-size: cover !important; display:flex; align-items:center;}
.strategy-bg{background: linear-gradient(270deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.96) 60%, #FFFFFF 100%); left: 0; right: 0; top: 0; bottom: 0;}
.strategy-card{padding:36px 44px; margin-bottom:20px; cursor:pointer; overflow:hidden; transition:0.4s ease; background: #FFFFFF; border: 1px solid #DBDBDB; box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.12); border-radius: 20px; }
.strategy-card .progress-area {position: absolute; left: 0; right: 0; bottom: 0; }
.strategy-card .strategy-desc,.strategy-card .progress-area{max-height:0; opacity:0; overflow:hidden; transition:0.4s ease;}
.strategy-card.active .strategy-desc,
.strategy-card.active .progress-area{max-height:300px; opacity:1; margin-top:16px; }
.custom-progress {width: 100%; height: 10px; overflow: hidden;}
.custom-progress span{display:block; height:100%; background:#96CB3A;}

/* ================= Business Imapct ================= */
.businessimapct-box {padding: 20px 0px; display: flex; align-items: center; gap: 18px;}


/* ================= Seamless Connectivity ================= */
.connectivity-section{background: linear-gradient(180deg, #F3F7FF 0%, rgba(243, 247, 255, 0) 100%);}
.connectivity-line {position: absolute; z-index: 0; flex: 0 0 auto; width: 36%; bottom: 70px; top: 90px; left: 32%; background: url(../images/seamless-line.svg) no-repeat; background-size: 500px 490px; background-position: center; }
.connectivity-column{display:flex; flex-direction:column; gap:32px; position:relative; z-index:2; }

.connectivity-card{padding:24px; min-height:138px; background: #FFFFFF; border: 1px solid #DBDBDB; box-shadow: 0px 4px 32px rgba(0, 0, 0, 0.12); border-radius: 20px; transition:0.35s ease; }
.connectivity-card:hover{transform:translateY(-6px);}

.connectivity-top{display:flex; align-items:center; gap:14px; margin-bottom:14px; }
.connectivity-center{display:flex; align-items:center; justify-content:center; position:relative; z-index:3;}
.center-box{padding: 55px 45px; background:#fff; border-radius:22px; box-shadow:0 12px 30px rgba(0,0,0,0.08); display:flex; align-items:center; justify-content:center;}
.center-box img{max-width:170px;}

.keyfeatures-box01{background: #F3F4EF; border: 1px solid #E7DEC5;}
.keyfeatures-box02{background: #F6F3F1; border: 1px solid #E8D1C2;}
.keyfeatures-box03{background: #F5F2FA; border: 1px solid #D6C8ED;}

.businessbenefits-box .img-fluid {max-width: 50px;}

/* --------------------- Why C2L as your partner? ------------------------------*/
.why-yourpartner .custom-container {display: flex; height: 450px; gap: 26px;}
.why-yourpartner .section{flex:0 0 70px; border-radius:18px; position:relative; overflow:hidden; cursor:pointer; transition:all .5s ease; background-size:cover !important; background-position:center !important; background-repeat:no-repeat !important; }
.why-yourpartner .section.active{flex:5; color:#fff; }
.why-yourpartner .section.active::before{content:""; position:absolute; inset:0; background: rgba(0,0,0,0.20);}
.why-yourpartner .main-text{position:absolute; bottom:20px; left:20px; right:20px; z-index:2; opacity:0; transform:translateY(20px); transition:.4s; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(6px); border-radius: 20px; padding:20px; }
.why-yourpartner .section.active .main-text{opacity:1; transform:translateY(0); }
.why-yourpartner .active-badge{position:absolute; bottom:16px; left:50%; transform:translateX(-50%); z-index:3; transition:.3s;}
.why-yourpartner .active-badge i{color:#fff; font-size:30px;}
.why-yourpartner .section.active .active-badge{opacity:0; visibility:hidden;}

/*-------------Integrations------------*/
.integrations-card {padding: 24px; min-height: 138px; background: #FFFFFF; border: 1px solid #DBDBDB; box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.12); border-radius: 20px; transition: 0.35s ease; margin: 12px; }
.integrations-card .img-fluid {min-width: 40px;}

.goldmansachs {border-left: 1px solid #E6E8EA; border-top: 1px solid #E6E8EA; padding-left: 12px;}

.rewards.casestudydetail-silider .slider-track .slide-card{margin-top: 0;}
.rewards.casestudydetail-silider {background: #fff;}
.rewards.casestudydetail-silider .slider-track{gap:22px;}
.rewards.casestudydetail-silider .slide-card{flex:0 0 calc((100% - 22px) / 2); max-width:calc((100% - 22px) / 2); border-radius:30px; background:transparent; padding:0;}
.casestudydetail-quick {background: #F3F6F2; border-left: 4px solid #96CB3A;}