ul.case-study-ul .slick-track
{
 display:flex;
}
ul.case-study-ul .slick-slide
{
 height:auto;
}
ul.case-study-ul .slick-slide>div{
   display:flex;
   flex-wrap:wrap;
   height:100%; 
}

.case-study-sec
{
    background-color:var(--primary-blue);
    margin-top:-55px;
    padding:160px 0 280px;
    overflow-x:hidden;

    .small-label{
        color:var(--white);
        & .top-emt{
            filter:invert(1) brightness(100);
        }
    }
}
.case-study-container {
    margin-right: calc(-50vw + (100% - 1180px) / 2);
}
ul.case-study-ul{
    list-style-type:none;
    margin:0 -20px;
    padding:0;
    display:block;

    & li{
        width:33.33%;
        padding:0 20px;
        
    }

    .case-study-li{
        background-color:var(--white);
        border-radius:30px;
        padding:24px 35px;
        display:flex;
        flex-wrap:wrap;
        justify-content:space-between;
        align-items:center;
        height:100%;
    }
    .case-study-wrap{
      width:calc(100% - 313px);
      padding:0 40px 0 5px;
    }
    .case-study-img{
        width:313px;
        border-radius:30px;
        position: relative;
        & img{
            border-radius:30px;
        }
    }
    [class*="cstudy-dtl-"]
    {
        .cstudy-no{
            font-size:50px;
            letter-spacing:0.55px;
            line-height:1;
            font-family:var(--font-head-family);
            margin-bottom:15px;
            & span{
                font-size:25px;
                margin-left:2px;
            }
        }
        .cstudy-info p{
          font-size:18px;
          line-height:1.23;
          font-weight:var(--font-weight-semibold);
          color:var(--primary);   
        }
    }
    .cstudy-dtl-top{
      margin-bottom:50px;  
    }
    .case-study-logo{
        margin-bottom:40px;
    }
    .case-study-zoom {
        width: 54px;
        height: 54px;
        background-color: var(--white);
        border-radius: 100%;
        position: absolute;
        bottom: 0;
        right: 0;
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        margin: 7px;
        & img{
            filter: brightness(0) saturate(100%) invert(52%) sepia(95%) saturate(6921%) hue-rotate(216deg) brightness(112%) contrast(102%);
        }
    }
    .case-study-zoom:hover{
        background-color:var(--primary-blue);
        & img{
            filter:invert(1) brightness(100);
        }
    }
}
ul.case-study-ul:not(.slick-initialized){
    display:flex;
    flex-wrap:wrap;
}
.content-block-wrap{
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    align-items:center;
    .cnt-block-left{

    }
    .cnt-block-right{
        
    }
}
ul.case-study-ul li.maroondah .cstudy-no
{
    color:#DE4726;
}
ul.case-study-ul li.mcn .cstudy-no
{
    color:#017BCA;
}
ul.case-study-ul li.foot-logic .cstudy-no
{
    color:#0194C6;
}
ul.case-study-ul li.dr-jodie .cstudy-no
{
    color:#b9564e;
}

/* 4 block */
.four-list{
    display:flex;
    flex-wrap:wrap;
    margin:0 -18px;
    margin-top: -125px;

    .four-list-li{
       width:25%; 
       padding:0 18px;
    }
    .four-list-top {
        border-bottom: 1px solid #CFDFF3;
        padding-bottom: 40px;
        margin-bottom: 40px;
        font-size: 46px;
        color: var(--primary-blue);
        font-family: var(--font-head-family);
        text-transform: uppercase;
        line-height: 1;
					   width:100%;
    }
    .four-list-bottom{
        font-size: 20px;
        font-weight: var(--font-weight-semibold);
        color: var(--primary);
        max-width: 160px;
        line-height: 1.2;
					width:100%;
    }
    .four-list-wrap {
        border-radius: 30px;
        background-color: var(--white);
        background:linear-gradient(126deg, rgb(255 255 255) 0%, rgba(227, 239, 254, 1) 100%);
        border:6px solid #FFFFFF;
        box-shadow: 0 5px 24px 0px rgb(64 0 78 / 10%);
        padding:30px;
        height:100%;
					   display: flex;
        flex-wrap: wrap;
    }
}

ul.case-study-ul 
{
        .slick-dots{
            margin-left: calc(0vw + (-100% + 1480px) / 2);
        }
        .slick-dots li button:before
        {
            background-color: #FFFFFF;
        }
        .slick-dots li.slick-active button:before{
          border: 2px solid var(--white);
          box-shadow: 0px 0px 0px 2px var(--white);  
          background-color:transparent;
        }
}

ul.case-study-ul:not(.slick-initialized)
{
	& li:not(:nth-child(-n + 3)){
		display:none;
	}
}

/*------- media ------*/

@media(max-width:1599.98px) {
 
    ul.case-study-ul {
        margin: 0 -10px;
        .case-study-li{
            padding:24px;
        }
        & li {
            width: 33.33%;
            padding: 0 10px;
        }
        .case-study-img{
            width:250px;
        }
        .case-study-wrap{
           width: calc(100% - 250px);
           padding: 0 30px 0 5px; 
        }
        .case-study-logo {
            margin-bottom:25px;
        }
        .cstudy-dtl-top{
            margin-bottom:30px;
        }
            & [class*="cstudy-dtl-"]{
                .cstudy-no{
                    font-size:40px;
                    margin-bottom:12px;
                }
                .cstudy-info p{
                    font-size:16px;;
                }
            }
    }

}

@media(max-width:1439.98px) {
    .case-study-container {
        margin-right: calc(-50vw + (100% - 1240px) / 2);
    }

    .four-list {
        margin: 0 -8px;
        margin-top: -125px;
        .four-list-li {
            padding: 0 8px;
        }
    }
    .case-study-sec{
        padding:120px 0 180px;
    }

    ul.case-study-ul {
        .slick-dots {
            margin-left: calc(0vw + (-100% + 1240px) / 2);
        }
    }

}

@media(max-width:1199.98px) {
    .case-study-container {
        margin-right: calc(-50vw + (100% - 1280px) / 2);
    }

    .four-list {
        .four-list-wrap {
            padding:26px;
        }
        .four-list-top{
            font-size:34px;
            padding-bottom:30px;
            margin-bottom:30px;
        }
        .four-list-bottom{
            font-size:18px;
        }
    }
ul.case-study-ul {
        .slick-dots {
            margin-left: calc(0vw + (-100% + 1080px) / 2);
        }
    }
}

@media(max-width:991.98px) {
    
    ul.case-study-ul {
        .case-study-img {
            width:200px;
        }
        .case-study-wrap {
            width: calc(100% - 200px);
            padding: 0 15px 0 5px;
        }
        & [class*="cstudy-dtl-"] {
            .cstudy-no {
                font-size: 36px;
                margin-bottom:8px;
            }
        }
         & li{
            width:50%;
         }
    }

    .four-list {
        gap:10px;
        margin:0;
        margin-top:-100px;
        .four-list-li {
            width:calc(50% - 5px);
            padding:0;
        }
    }

    .case-study-sec{
        padding:120px 0 160px;
    }
    ul.case-study-ul {
        .slick-dots {
            margin-left: calc(0vw + (-100% + 770px) / 2);
        }
    }
ul.case-study-ul:not(.slick-initialized)
{
	& li:not(:nth-child(-n + 2)){
		display:none;
	}
}
}

@media(max-width:767.98px) {
    .case-study-container {
        margin-right: calc(-50vw + (100% - 1000px) / 2);
    }
    ul.case-study-ul .slick-list
    {
        padding-left:0 !important;
    }
    ul.case-study-ul {
        margin:0 -5px;
        & li {
           
            padding: 0 5px;
        }
    }

    ul.case-study-ul {
        .slick-dots {
            margin-left: calc(0vw + (-100% + 150px) / 2);
        }
        
    }
    ul.case-study-ul.slick-dotted.slick-slider{
            margin-bottom:0;
        }

}

@media(max-width:575.98px) {
    .case-study-container {
        margin-right: calc(-50vw + (100% - 500px) / 2);
    }
    ul.case-study-ul {
        .case-study-li {
          padding:20px;
									 border-radius:10px;
        }
        .case-study-wrap{
            width:calc(100% - 150px);
           
        }
        .case-study-img{
            width:150px;
            max-width:310px;
            & img {
                border-radius:10px;
            }
        }
        & [class*="cstudy-dtl-"] {
            .cstudy-no {
                font-size:26px;
                margin-bottom:6px;
            }
            .cstudy-info p {
                font-size:14px;
            }
        }
        .case-study-zoom{
            width:38px;
            height:38px;
            & img{
                width:20px;
            }
        }
        .case-study-logo {
            margin-bottom: 15px;
        }
        .cstudy-dtl-top {
            margin-bottom: 20px;
        }
					   .slick-dots
 									{
            margin-left: calc(0vw + (-100% + 110px) / 2);
										}
    }


    .four-list {
        gap:8px;
        .four-list-wrap {
            padding:15px;
            border:3px solid #FFFFFF;
									border-radius:10px;
        }
        .four-list-li{
           width: calc(50% - 4px); 
        }
         .four-list-top {
            font-size: 28px;
            padding-bottom: 20px;
            margin-bottom: 20px;
         }
         .four-list-bottom {
            font-size: 15px;
         }
    }


    .case-study-sec{
        padding:110px 0 140px;
    }
	
		ul.case-study-ul:not(.slick-initialized)
		{
			& li:not(:nth-child(-n + 1)){
				display:none;
			}
		}

}

@media(max-width:479.98px){
	
	   ul.case-study-ul {
        & [class*="cstudy-dtl-"] {
            .cstudy-info p {
                font-size: 12px;
            }
        }
								.case-study-li{
										padding:15px;
								}
					   .case-study-img {
            width: 120px;
            max-width: 310px;
        }
					   .case-study-wrap {
            width: calc(100% - 120px);
        }
    }
	
}