section.work-sec-landing {padding: 180px 0px 50px 0px;text-align: center;}
section.work-sec-landing h1{text-align: left;margin:40px 0px 100px 0px;display: inline-block;width: 100%;max-width: 550px;}
section.work-sec-landing .work-projects {text-align: center;display: inline-block;position: relative;margin: 0px auto 100px auto;/* transition: all 500ms ease-in-out; */}
section.work-sec-landing .work-projects .wp-thumb {display: inline-block;position: relative;overflow: hidden;transition: all 500ms ease-in-out;}
section.work-sec-landing .work-projects .wp-thumb:before {content: "";width: 100%;height: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);box-shadow: inset 0px 0px 0px 0px var(--color-01);z-index: 2;transition: all 500ms ease-in-out;}
section.work-sec-landing .work-projects .wp-thumb img {transform: scale(1);transition: all 500ms ease-in-out;}
section.work-sec-landing .work-projects .wp-logo {width: 170px;padding: 0px 15px;background: var(--color-01);border: 2px solid var(--color-06);position: absolute;left: 0;bottom: -15px;right: 0;margin: auto;z-index: 9;transition: all 500ms ease-in-out;}
section.work-sec-landing .work-projects .wp-logo img {transition: all 500ms ease-in-out;}

section.work-sec-landing .work-projects:hover {/* transition: all 500ms ease-in-out; */}
section.work-sec-landing .work-projects:hover .wp-thumb {box-shadow: inset 0px 0px 10px 0px var(--color-02);transition: all 500ms ease-in-out;}
section.work-sec-landing .work-projects:hover .wp-thumb img {transform: scale(1.2);transition: all 500ms ease-in-out;}
section.work-sec-landing .work-projects:hover .wp-thumb:before {box-shadow: inset 0px 0px 0px 30px var(--color-01);transition: all 500ms ease-in-out;}
section.work-sec-landing .work-projects:hover .wp-logo {bottom: 39%;transition: all 450ms ease-in-out;}

section.client-sec-hero{display:flex;height:100vh;align-items: center;justify-content: center;}
section.client-sec-hero video{position: absolute;top: 30px;width: calc(100% - 60px);border-radius: 30px 30px 0px 0px;}

.client-details{position: relative;}
.client-details:before{content:"";width: calc(100% - 60px);height: 100%;background: var(--color-05);position: absolute;top: 0;left: 0;right: 0;margin: auto;z-index: 0;border-radius: 0px 0px 30px 30px;}

section.client-intro{padding: 100px 0px 70px 0px;position: relative;z-index: 9;}
section.client-intro .project-description{height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
section.client-intro .project-description h1{line-height: 1;margin-bottom: 30px;}
section.client-intro .project-description h1 svg.text-line{height: 60px;}
section.client-intro .project-description .pwm-para{max-width: 620px;}
section.client-intro .project-description .pwm-para p{}
section.client-intro .project-details {display: inline-block;text-align: left;max-width: 550px;width: 100%;}
section.client-intro .table-bordered td, 
section.client-intro .table-bordered th {border-left: 1px solid var(--color-05);border-right: 1px solid var(--color-05);border-bottom: 1px solid #D0D2D3;}
section.client-intro .table-bordered td{padding: 1rem 1rem 1rem .5rem;}
section.client-intro .table-bordered th{font-size: 21px;padding: 1rem;}

section.client-gallery{padding: 50px 0px 80px 0px;position: relative;z-index: 9;}
section.client-gallery h5 {font-family: "Inter", sans-serif !important;font-size: 21px;font-weight: 700;}
section.client-gallery .project-photos,
section.client-gallery .awards-photos{display: block;margin-bottom: 40px;}
section.client-gallery .project-photos .pp-thumb,
section.client-gallery .awards-photos .a-thumb{display: flex;width: 100%;overflow: hidden;position: relative;}
section.client-gallery .v100{height:100vh;}
section.client-gallery .v85{height: calc(85vh - 20px);}
section.client-gallery .v80{height:80vh;}
section.client-gallery .v75{height:75vh;}
section.client-gallery .v70{height:70vh;}
section.client-gallery .v65{height:65vh;}
section.client-gallery .v60{height:60vh;}
section.client-gallery .v50{height:50vh;}
section.client-gallery .v45{height:40vh;}
section.client-gallery .v35{height:35vh;}
section.client-gallery .v25{height:25vh;}
section.client-gallery .project-photos .pp-thumb img{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;object-fit: cover;}
section.client-gallery .project-para{padding:30px 0px;}
section.client-gallery .project-para p{}
section.client-gallery .cg-para{max-width: 700px;width:100%;}


section.client-testimonials{padding: 130px 0px;text-align:center;}
section.client-testimonials .quotes{position:relative;padding-top: 100px;}
section.client-testimonials .quotes:before{content:"";position:absolute;top:0;right:0;left:0;margin:auto;width: 90px;height: 60px;background:url("quotes.png") no-repeat center center;background-size: contain;}
section.client-testimonials .quotes .review-wrap{padding-bottom: 30px;min-height: 560px;display: flex;flex-direction: column;justify-content: space-around;}
section.client-testimonials .quotes .review-wrap .rw-quote{}
section.client-testimonials .quotes .review-wrap .rw-quote h2{margin-bottom: 40px;}
section.client-testimonials .quotes .review-wrap .rw-details{}
section.client-testimonials .quotes .review-wrap .rw-details .name{font-size: 30px;margin-bottom: 3px;}
section.client-testimonials .quotes .review-wrap .rw-details .company{}
section.client-testimonials .quotes .review-wrap .rw-details .company strong{font-weight: 400;}
/*

.slider-reviews ul.slick-dots{margin: 0px;padding: 0px;list-style-type: none;display:flex;justify-content: center;gap: 10px;}
.slider-reviews ul.slick-dots li{}
.slider-reviews ul.slick-dots li button{font-size: 0px;width: 15px;height: 15px;background: transparent;border: 2px solid var(--color-06);}
.slider-reviews ul.slick-dots li.slick-active button{background: var(--color-06);}

*/

.slider-reviews ul.slick-dots{margin: 20px 0px 0px 0px;padding: 0px;list-style-type: none;display: inline-flex !important;flex-direction: row;align-items: flex-start;flex-wrap: nowrap;justify-content: center;}
.slider-reviews ul.slick-dots li{position: relative;width: 20px;height: 10px;}
.slider-reviews ul.slick-dots li button:before{content:"";position:absolute;top:0;right:0;width: 0%;height:100%;background: var(--color-06);z-index:5;transition:all 400ms ease-in-out;}
.slider-reviews ul.slick-dots li button{font-size: 0px;width: 20px;height: 10px;margin: 0px;border: none;outline:none;box-shadow:none;position: absolute;left: 0;z-index:1;transition:all 400ms ease-in-out;}
.slider-reviews ul.slick-dots li.slick-active{}
.slider-reviews ul.slick-dots li.slick-active{}
.slider-reviews ul.slick-dots li.slick-active button:before{width:100%;left:0;right:inherit;}


/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 900px) {


	section.client-sec-hero{overflow:hidden;position: relative;}
	section.client-sec-hero video{width: max-content;height: 100%;top: 0px;left: 50%;transform: translateX(-50%);}


	.client-details{;}
	.client-details:before{width: calc(100% - 30px);}
	section.client-intro{padding: 50px 15px 0px 15px;}

	section.client-intro .project-description h1{font-size: 24px;}
	section.client-intro .project-description h1 br{display:none;}
	section.client-gallery{padding:30px 15px;}
	section.client-gallery br{display:none;}
	section.client-gallery h5{font-size:18px;}
	
	section.client-testimonials{padding:50px 0px;}
	section.client-testimonials .quotes{padding-top:50px;}
	section.client-testimonials .quotes:before{width: 50px;height: 50px;}
	section.client-testimonials .quotes .review-wrap{min-height:auto;}
	section.client-testimonials .quotes .review-wrap .rw-details .name{font-size:21px;}
	section.client-testimonials .quotes .review-wrap .rw-details .company{font-size:14px;}

	section.client-intro .table-bordered td{font-size:15px;padding-left:0px;}
	section.client-intro .table-bordered th{font-size:16px;}
	
	
}