.home_hero_section{background: #000000 /*url(../images/work-bg.png)*/ no-repeat center; display:flex;position: relative; justify-content: center;align-items: center;height: 600px; overflow: hidden;}
.home_hero_section video{opacity: 0.6;height: 120%;}
.home_hero_section .hero_text h1{color: #fff;  font-weight: 700}
.home_hero_section .hero_text h6{color: #fff; font-size:24px; font-weight: 300; margin-top: 16px}
.about{text-align: center;}
.about p{text-align: left;}
.home_hero_section .hero_text{position: absolute;  z-index: 1}
.home_hero_section .scroll-down{position: absolute; z-index: 1; right: 60px; bottom: 40px; display: block;}

.casestudy-slider{height: 100dvh; overflow:hidden; }
.casestudy-slider video{height: 100dvh; width: 100%; object-fit: cover; }
.casestudy-slider img.cover{height: 100dvh; width: 100%; object-fit: cover; }
.casestudy-slider .item{display: flex ; position: relative ;justify-content: left ; align-items: center;    height: 100%;}

.casestudy-slider .item .hero_text{position: absolute; z-index: 1; text-align: left; width: 60%; left: 40px; bottom:100px }
.casestudy-slider .item .label{position: absolute; z-index: 1; text-align: left; width: 60%; left: 40px; top:60px;    display: flex;align-items: center; gap:4px }
.casestudy-slider .item .label .name{font-weight: 300}
.casestudy-slider .item .hero_text h4{
	margin-bottom: 25px !important;
}
.casestudy-slider .item .hero_text .jobs{
	display: none !important;
}
.casestudy-slider .item .label h6{color:white ;text-align: left; font-size: 20px}
.casestudy-slider .item .hero_text h4{ text-align: left; font-weight: 600; color: white}
.casestudy-slider .item .hero_text .jobs{display: flex; margin-top: 8px}
.casestudy-slider .item .hero_text .jobs h6{font-size: 16px; font-weight: 400; padding-right: 24px; margin-bottom: 24px; color: white}
.casestudy-slider .item .overlay{position: absolute;  width: 100%; height: 60%; left: 0; bottom: 0; z-index: 0; background: #000000;
background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.02) 100%);
background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.02) 100%);
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.02) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);}


/* Empty sections with grey background */
.empty-section{height: 100vh;background: grey;display: flex;justify-content: center;align-items: center;color: #fff}
.cards-container{}.card-wrapper{height: 100vh;padding-top: 0vh;position: relative;width: 100vw;margin: auto}
.card-wrapper:last-of-type{height: 100vh;padding-bottom: 0vh}
.card{width: 100%;height: 100vh;margin: 0 auto;background: #fff;display: flex;flex-direction: column;justify-content: flex-start;background: black}
.card-wrapper:last-of-type .card{height: 100vh}

.work-card-container{display: flex;flex-wrap: wrap;}
.work-card-container .work-card{flex: 1 1 calc(50% - 0px); background: var(--white);}
.work-blade .work-container{display: flex; flex-wrap: wrap;gap: 0}
.work-blade .work-container .work-card{flex: 1 1 calc(50% - 32px); display: block}
.work-blade .work-container .work-card img.thumb{width: 100%}
.work-blade .work-container .work-card .gra-overlay{
	background: #000000;
background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.02) 60%);
background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.02) 60%);
background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.02) 60%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0);transition: ease-in-out all 0.4s; position: absolute; width: 100%;height: 300px; z-index: 1; bottom: 0; opacity: 1}
.work-blade .work-container .work-card{position: relative; display: flex; transition: ease-in-out all 0.4s; overflow: hidden; height: 600px;justify-content: center;}
.work-blade .work-container .work-card:hover .overlay .btn{opacity: 1}
.work-blade .work-container .work-card:hover .gra-overlay{opacity: 1}
.work-blade .work-container .work-card:hover .overlay{bottom: 0px; }
.work-blade .work-container .work-card:hover img{scale:1.1}
.work-blade .work-container .work-card img{ transition: ease-in-out all 0.4s;scale:1.01; height: 100%}
.work-blade .work-container .work-card .overlay{position: absolute; z-index: 2; padding: 32px; color: white; bottom: -30px;transition: ease-in-out all 0.4s; width: 100%; padding-top: 200px;}
.work-blade .work-container .work-card .overlay h6{padding-bottom: 8px; text-align: left;}
.work-blade .work-container .work-card .overlay .btn{ opacity: 0; transition: ease-in-out all 0.4s;color: white; padding-left: 4px; display: flex; font-size: 16px;align-items: center; }
.work-blade .work-container .work-card .overlay .btn img{ margin-left: 6px;}



@media only screen and (min-width: 320px) and (max-width: 900px){
	.home_hero_section{    height: 450px;}
	.home_hero_section .hero_text h1 {font-size: 32px; line-height: 32px; text-align: center;}
	.home_hero_section .hero_text{width: 75%;        height: 100%;justify-content: center;flex-direction: column; display: flex}
	.home_hero_section video {opacity: 0.6;height: 130%;}
	.home_hero_section .label .name {font-size: 14px;}
	.work-blade .work-container .work-card{flex: 1 1 calc(100% - 32px);    height: 40dvh;}
.work-blade .work-container .work-card .overlay{bottom: -30px;padding: 22px;}
	
	.card-wrapper, .card, .casestudy-slider, .casestudy-slider video { height: 50vh;}
	.casestudy-slider .item .hero_text .jobs {display: none}
	.casestudy-slider .item .hero_text {    width: 90%;bottom: 40px; }
	.casestudy-slider .item .hero_text h4{font-size: 26px}
	.casestudy-slider .item .hero_text .btn-white{margin-top: 20px;}
	.casestudy-slider .item .label h6{font-size: 12px}
	.casestudy-slider .item .label img{height: 10px}
	/*.home_hero_section{height: 800px}*/
	.content .title h2{font-size: 32px;font-weight: 600;line-height: 37px; padding-bottom: 10px}
	.content .para p{padding-bottom: 0px}
	.casestudy-slider .item .hero_text{width: 100%; padding:8%; left: 0; bottom: 0}
	.casestudy-slider .item .label{top: 40px;}
	.card-wrapper:last-of-type {height: 50vh;}

}

@media only screen and (min-width: 700px) and (max-width: 900px){
.work-blade .work-container .work-card img {height: 120%;}
.work-blade .work-container .work-card {flex: 1 1 calc(50% - 32px);height: 50dvh;}
.casestudy-slider .item .hero_text {width: 100%;padding: 6%;}.home_hero_section {height: 310px;}
}

@media (width >= 2560px) {
	.card-wrapper {height: 55vh; width: 100%;}
.card-wrapper:last-of-type {height: 55vh;   }
  .card {height: 55vh;}
  .casestudy-slider {height: 55dvh;}
  .card-wrapper:last-of-type .card {height: 55vh;}
}