section.case-studies-list{padding-bottom: 3vw; border-bottom: 1px solid var(--color-12);}
section.case-studies-list ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	row-gap: 2.85vw;
	column-gap: 4vw;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	justify-content: center;
   }

section.case-studies-list ul li{max-width: calc(25% - 3vw);width: 100%;}
section.case-studies-list .link_pro_cs{color: var(--color-02);text-decoration: none;background: #FAFAFA;display: block;height: 100%;position: relative;}
section.case-studies-list .link_pro_cs:after{content:"";background: linear-gradient(83deg, #E3EF26 5.58%, #D9F6F0 118.74%);width: 0%;height: 100%;position: absolute;top: 0px;left: 0px;transition: all 500ms ease-in-out;}
section.case-studies-list .link_pro_cs .thumb-pcs{display: block;overflow: hidden;position: relative;z-index: 9;}
section.case-studies-list .link_pro_cs .thumb-pcs img{transition:all 500ms ease-in-out;}
section.case-studies-list .link_pro_cs .text-name{padding: 1.45vw 1.5vw;display: block;position: relative;z-index: 9;}

section.case-studies-list .link_pro_cs:hover{transition:all .5s ease-in-out;}
section.case-studies-list .link_pro_cs:hover .thumb-pcs img{transform: scale(1.1);transition:all 500ms ease-in-out;}
section.case-studies-list .link_pro_cs:hover:after{width: 100%;transition: all 500ms ease-in-out;}
section.case-studies-list h2{
	color: var(--color-12);font-size: var(--rfs-24);margin-bottom:0; padding:0 4vw; margin-top:20px;font-weight: 500;
}
  .cs-modal .modal-content{position:relative;}

  .cs-modal .cross-btn{
	position:absolute;
	left:100%;
	bottom:101%;
	opacity:1;
	background-color: white;
	color:black;
	border-radius: 0;
  }

  .cs-modal .division p:nth-child(1){margin-bottom: 0; font-size: clamp(0.7rem,1vw,14px); color: var(--color-12);}
  .cs-modal .division .modal-border p{   font-size: clamp(0.9rem,1.6vw,1rem); color:black;}
  .cs-modal h2{color: var(--color-12); font-size: clamp(1.3rem,2.3vw,2.3rem);
    font-weight: 500;}

  .cs-modal .modal-header{border-bottom: 1px solid var(--color-12);}

  .cs-modal .modal-border{
    border-left: 1px solid rgb(229, 229, 229);
	padding-left:10px;
 }

 .cs-modal .division{display: flex;align-items: flex-start;} 

 .cs-modal .division ol{ line-height: 28px; padding-left: 17px; }

.cs-modal .division > div:nth-of-type(1){
   /* width:32%; */
   width: 140.3px;

}

.cs-modal .main{
     display: flex;
	 flex-direction: column;
	 gap:16px;
	 overflow-y: auto;
}
.cs-modal .modal-footer .btn-see_how{
	width:50%;
	font-weight: 500;
	font-size: clamp(1rem,1.8vw,1.6rem);
}

.cs-modal .modal-img-wrapper img{
	height:100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
}



section.casestudy-sec-next{background:var(--color-01);position: relative;}
section.casestudy-sec-next .guess_link{color: var(--color-02);text-decoration: none;gap: 15px;margin-top: 25px;position: relative;z-index: 9;display: flex;flex-direction: column;}
section.casestudy-sec-next .guess_link .g_thumbs{display: block;overflow: hidden;}
section.casestudy-sec-next .guess_link .g_thumbs img{transition:all 400ms ease-in-out;}
section.casestudy-sec-next .guess_link .g_title{display: flex;justify-content: space-between;align-items: flex-start;}
section.casestudy-sec-next .guess_link .g_title h4{color: var(--color-12);font-size: 21px;font-weight: 700;padding-bottom: 10px;margin-bottom: 0px;position: relative;}
section.casestudy-sec-next .guess_link .g_title h4:after{content:"";width: 50px;height: 2px;background: linear-gradient(86deg, #076653 0%, #E3EF26 100%);position: absolute;bottom: 0;left: 0px;transition:all 500ms ease-in-out;}
section.casestudy-sec-next .guess_link .g_title .tag_label{color: #333333;font-size: 12px;line-height: 1;border-radius: 100px;display: inline-block;padding: 6px 15px 8px 15px;border: 1px solid #666666;overflow:hidden;position:relative;transition:all 500ms ease-in-out;}
section.casestudy-sec-next .guess_link .tag_label:after{content:"";width: 100%;height: 0px;background: #333333;position: absolute;bottom: 0;left: 0px;z-index:-1;transition:all 500ms ease-in-out;}
section.casestudy-sec-next .guess_link .g_para{}
section.casestudy-sec-next .guess_link .g_para p{}

section.casestudy-sec-next .guess_link:hover .g_thumbs img{transform:scale(1.1);transition:all 700ms ease-in-out;}
section.casestudy-sec-next .guess_link:hover .g_title .tag_label{color:var(--color-01);transition:all 500ms ease-in-out;}
section.casestudy-sec-next .guess_link:hover .g_title .tag_label:after{height:100%;transition:all 500ms ease-in-out;}
section.casestudy-sec-next .guess_link:hover .g_title h4:after{width:100%;transition:all 500ms ease-in-out;}




/* Landing Page */
.casestudy-sec-01{}
.casestudy-sec-01 .container-fluid{padding-top:0px;padding-right:0px;padding-bottom: 0px;padding-left: 0px;}
.casestudy-sec-01 article {border-bottom: 1px solid var(--color-03);padding: 80px 20px 60px 75px;display: flex;gap: 20px;flex-direction: column;justify-content: center;align-items: flex-start;}
.casestudy-sec-01 .tag_title {color: white;font-size: 15px;background-color: var(--dark-green);border-radius: 20px;padding: 8px 22px;margin-bottom: 26px;margin-top: 3px;}
.casestudy-sec-01 .cs_leftTxt {min-height: calc(45vw / 2);position: relative;}
.casestudy-sec-01 .cs_leftTxt h2 {font-size: var(--rfs-36);} 
.casestudy-sec-01 .cs_leftTxt h3{font-size: var(--rfs-24);display: inline-block;padding-bottom: 8px;position:relative;}
.casestudy-sec-01 .cs_leftTxt h3:before{content:"";width:100%;height: 3px;position:absolute;bottom:0px;left:0px;background: linear-gradient(86deg, #076653 0%, #E3EF26 112.63%, rgba(226, 251, 206, 0.12) 112.65%);}
.casestudy-sec-01 .cs_leftTxt p{max-width: 620px;}
.casestudy-sec-01 .cs_leftTxt ul li {}

.casestudy-sec-01 .cs_rightImage{position:relative;height: 100vh;background-position: center center;background-size:cover;}
.casestudy-sec-01 .cs_rightImage img {position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-fit: over;}


/* section 2 */
.casestudy-sec-02 {background: linear-gradient(83deg, #D9F6F0 5.58%, #E3EF26 118.74%);}
.casestudy-sec-02 .box-container {width: 95%;margin-inline: auto;display: flex;flex-wrap: wrap;}
.casestudy-sec-02 .box-container .box {width: calc(100% / 4);height: 100%;color: var(--dark-green);display: flex;flex-direction: column;justify-content: center;align-items: center;padding: 5px;position: relative;}
.casestudy-sec-02 .box-container .box > * {font-weight: 500;}
.casestudy-sec-02 .box-container .box span {font-size: var(--rfs-64);}
.casestudy-sec-02 .box-container .box p {text-align: center;}
.casestudy-sec-02 .box-container .box p br {display: none;}
.casestudy-sec-02 .box-container > .box:not(:last-child) {border-right: 2px solid var(--dark-green);}.casestudy-sec-02 .line {display: none;}

/* section 3 */
.casestudy-sec-03-col {min-height: 50vw; }


/* section 4 */
.casestudy-sec-04 {color:var(--color-01);background: linear-gradient(86deg, #076653 0%, #E3EF26 112.63%, rgba(226, 251, 206, 0.12) 112.65%);padding: 90px 0px;}
.casestudy-sec-04 h3 { display: inline-block;padding-bottom: 8px;position:relative;}
.casestudy-sec-04 h3:before{content:"";width:100%;height: 3px;position:absolute;bottom:0px;left:0px;background: linear-gradient(90deg, #FFF 75%, rgba(153, 153, 153, 0.12) 100%);}


@media (max-width:1919px) {
	
	section.case-studies-list ul li{/* max-width: calc(25% - 50px); */}

}

@media (max-width:992px) {
      .casestudy-sec-02 .box-container .box p{
		font-size: 0.7rem;
	  }
}
@media(max-width:991px){
    .cs-modal .modal-footer .btn-see_how{width:100%;}
	.cs-modal .cross-btn{position:unset;}
}

@media(max-width:768px){
	    section.case-studies-list h2{ padding: 0px 4vw 0px 15px; }
}
@media (max-width:767px) {

	.casestudy-sec-01 .tag_title{font-size:12px;padding:5px 15px;margin-bottom: 10px;}
	.casestudy-sec-01 article{padding: 30px 15px;}
	
	.casestudy-sec-01 .casestudy-header {padding: 16px 20px;}
	.casestudy-sec-01-col:nth-of-type(1) article {padding: 20px 20px 20px 10px;gap: 6px;}
	.cs_leftTxt:nth-of-type(1) h2 br {display: none;}
	.cs_leftTxt:nth-of-type(2) p {width: 95%;}
	.casestudy-sec-02 .box-container {gap: 10px;padding: 10px 0;width: 100%;}
	.casestudy-sec-02 .box-container .box {width: calc(calc(100% / 2) - 2%);}
	.casestudy-sec-02 .box-container > .box:nth-child(1)::after, .casestudy-sec-02 .box-container > .box:nth-child(2)::after {content: "";width: 80%;border: 1px solid var(--dark-green);position: absolute;top: 101%;left: 50%;transform: translateX(-50%);}
	.casestudy-sec-02 .box-container > .box:nth-child(2)::after {width: 95%;}
	.casestudy-sec-02 .box-container > .box:nth-child(2) {border-right: none;}
	.casestudy-sec-02 .box-container .box span {font-size: clamp(2rem, 3vw, 5rem);}

	.casestudy-sec-01 .cs_rightImage{height: 250px;}


	/* .casestudy-sec-02 .box-container .box p{font-size:14px;} */
	
	section.case-studies-list ul{gap: 30px;}
	section.case-studies-list ul li{max-width: 100%;}
	section.case-studies-list .link_pro_cs{border: 1px solid #ccc;}
	section.case-studies-list .link_pro_cs .text-name{padding:15px 20px;}

	.casestudy-sec-04{padding:50px 15px 40px 15px;}
	.casestudy-sec-04 h3{margin-bottom:30px;}

	section.casestudy-sec-next{padding:50px 15px 40px 15px;}
	section.casestudy-sec-next h2{margin-bottom:2px;}
	
}
@media (min-width: 768px) {
	.casestudy-sec-01-col:nth-of-type(2) {position: sticky;top: 0;height: 100vh;}
	.casestudy-sec-01-col:nth-of-type(2) img {height: 100%;object-fit: cover;}

}


@media(max-width:575px){
	.cs-modal .division > div:nth-of-type(1){width:100%;}
    .cs-modal .division{flex-direction: column;  padding-bottom: 16px; gap:5px;} 
	 .cs-modal .division:not(:last-child){border-bottom:1px solid rgb(229, 229, 229);}
	  .cs-modal .modal-border{
    border: unset;
	padding-left:0px;
 }
}

@media(max-width:400px) {
    .casestudy-sec-02 .box-container .box p br {display: unset;}
}