/******==================== Work Page CSS Start ====================******/
/* Case Study Slider Css Start */
.cs-main{width: 1140px;height: 100%;display: block;position: relative;}
.cs-main:hover{text-decoration:none; transform: translate(0px);}
.cs-main .cs-info{position:relative;padding:40px;border-radius:4px; height: 100%;}
.case-study-block{display:flex;align-items:center;justify-content:space-between;}
.cs-detail{width:100%;max-width:455px;}
.cs-detail .cs-title{color:#FFFFFF;font-size:14px;text-transform:uppercase;font-weight:600;margin-bottom:20px;letter-spacing:3px;}
.cs-detail .cs-description{color:#FFFFFF;font-size:40px;font-weight:800;line-height:52px;letter-spacing:-1.3px;}
.cs-detail .cs-subtitle{color:#FFFFFF;font-size:20px;font-weight:400;letter-spacing:0;line-height:33px;margin-bottom:0px;}
.client-sec-para{color:#fff;margin-top:15px;}
.cs-detail .client-says{background:rgba(255,255,255,0.20);border-radius:6px;padding:30px;margin-top:40px;}
.cs-detail .client-says h5{font-size:16px;color:#FFFFFF;letter-spacing:0;line-height:28px;font-weight:500;margin-bottom: 20px;}
.cs-detail .client-says .client-thumb{width:48px;height:48px;display:flex;align-items:center;justify-content:center;}
.cs-detail .client-says .client-thumb img{width:48px;height:48px;border-radius:100%;}
.cs-detail .client-says .client-des{padding-left:15px;}
.cs-detail .client-says .client-des h6{font-size:18px;color:#FFFFFF;letter-spacing:0;font-weight:600;}
.cs-detail .client-says .client-des span{font-size:16px;color:rgba(255, 255, 255, 0.5);letter-spacing:0;font-weight:500;}
.case-study-block .cs-thumb-img{position:absolute;right:40px;bottom:0px;}
.case-study-block .cs-thumb-img img{width:420px;}
.our-work-main-slider{margin-bottom: 80px;}

.our-work-slider .swiper-slide{width: 1140px;margin: 0px 10px;}
.swiper-pagination{bottom: -35px;}
.case-study-sliders .our-work-slider{width: 1140px; margin: auto; touch-action: pan-y;position: relative;}
.case-study-sliders .our-work-slider .owl-stage{display: flex; flex-direction: row;}
.case-study-sliders .our-work-slider .owl-dots{display: flex; align-items: center; justify-content: center; margin-top: 20px;}
.case-study-sliders .our-work-slider .owl-nav{display: none;}
/* Case Study Slider Css End */

/* Brand Slider Css Start */
.work-listing-sec{padding-bottom: 60px; border-bottom: 1px solid rgba(238,238,238,1);max-width: 1140px;width: 100%;margin: 40px auto 0px;}
.work-listing-sec:last-child{border-bottom: 0px; padding-bottom: 0px;}
.work-listing-sec .listing-title-sec{display: flex; align-items: center; justify-content: space-between;}
.work-listing-sec .listing-title-sec h3{font-size: 24px; font-weight: 800; letter-spacing: -0.5px;}
.work-listing-sec .listing-title-sec a{color: #F13C31; font-size: 16px; font-weight: 600;}
.work-listing-sec .listing-slider-sec{margin-top: 40px;position: relative;}
.brand-listing-col{height: 100%;width: 350px;}
.brand-listing-col .brand-logo-img{display: flex; align-items: center;min-height: 70px; margin-bottom:20px;}
.listing-slider-sec .brand-logo-img img.svg-convert {object-fit: contain; width: 200px;height: 64px;object-position: left;}
.theme-black .listing-slider-sec .brand-logo-img img.filter-img{filter: brightness(0) invert(1);}
.brand-listing-col .brand-cs-detail {display: flex; flex-wrap: wrap; align-items: flex-end;}
.brand-listing-col p {display: block;display: -webkit-box;align-self: flex-start;height: 155px;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;margin-bottom: 20px;}
.brand-listing-col a{color: #F13C31; font-size: 16px;font-weight: 600;display: flex;align-items: center;}
.brand-listing-col a span{margin-left: 10px;-webkit-transition:all 0.5s ease;transition:all 0.5s ease;}
.brand-listing-col a span::before{color: #F13C31;}
.brand-listing-col a:hover span{margin-left: 15px;}
.work-listing-slider, .casestudy-slider,.our-work-swiper{position: relative; overflow: hidden;}
.work-listing-sec .swiper-button-prev {position: absolute; top: 50%; left: -60px; background: url("../images/black-prev-arrow-ic.svg") no-repeat; background-size: 80%; width: 36px; height: 14px; padding: 0px; border: none; font-size: 0px;cursor: pointer; z-index: 10;}
.work-listing-sec .swiper-button-prev.swiper-button-disabled,.work-listing-sec .swiper-button-next.swiper-button-disabled{opacity: 0.5;}
.work-listing-sec .swiper-button-next {position: absolute; top: 50%; right: -60px; background: url("../images/black-next-arrow-ic.svg") no-repeat; background-size: 80%; width: 36px; height: 14px; padding: 0px; border: none; font-size: 0px;cursor: pointer; z-index: 10;}
.work-listing-sec .casestudy-slider .owl-nav .owl-prev, .work-listing-sec .casestudy-slider .owl-nav .owl-next{top: 30%;}
.theme-black .work-listing-sec .swiper-button-prev {background: url("../images/white-prev-arrow-ic.svg") no-repeat;background-size: 80%;}
.theme-black .work-listing-sec .swiper-button-next {background: url("../images/white-next-arrow-ic.svg") no-repeat;background-size: 80%;}
.theme-black .work-listing-sec .swiper-button-prev.swiper-button-disabled,.theme-black .work-listing-sec .swiper-button-next.swiper-button-disabled{opacity: 0.5;}
.swiper-slide{margin: 0px 15px;}
.swiper-wrapper{margin: 0px -15px;}
.work-listing-sec.case-study-slide-sec .swiper-button-prev, .work-listing-sec.case-study-slide-sec .swiper-button-next{top: 30%;}
/* Brand Slider Css Start */

/* Case Study Slider Css Start */
.case-study-slide-sec.work-listing-sec .listing-slider-sec{margin-top: 40px;}
.case-listing-col .cs-listing-img{overflow: hidden;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); height: 270px; width: 360px; border-radius: 5px;}
.case-listing-col .cs-listing-img img{width: 360px; height: 100%; min-height: 270px; object-fit: cover;transition: 0.4s ease;}
.case-listing-col .cs-listing-img:hover img{transform: scale(1.08);}
.case-listing-col .cs-project-detail{margin-top: 15px;}
.case-listing-col .cs-project-detail p{color: #81959E; font-size: 12px; text-transform: uppercase; font-weight: normal; margin-bottom: 5px;min-height: 26px;}
.case-listing-col .cs-project-detail a{color: #252B33; font-size: 20px; font-weight: 600;}
.case-listing-col .cs-project-detail .project-bio {color: #252b33;font-size: 16px;line-height: 26px;margin-top: 5px;display: block;display: -webkit-box;align-self: flex-start;height: 55px;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.case-listing-col .cs-technology{margin-top: 10px;}
.case-listing-col .cs-technology span{border: 1px solid rgba(218,225,228,1);border-radius: 12px;font-size: 12px;color: #81959E;font-weight: normal; padding: 1px 10px; margin-right: 4px; display: inline-block;}
.our-work-listing-sec { padding-bottom: 100px; }
/* Case Study Slider Css End */

 
.captcha-outer .captcha-left{width:auto;margin-right:20px;}
.captcha-outer .btn{float:left;margin-top:40px !important;}
.captcha-outer .button.cd-modal-action>h6{margin-top:55px !important;}
#hiddenRecaptcha > div {margin: 10px auto;}
/* Bottom Portfolio Form CSS */
/******==================== Work Page CSS End ====================******/

/******==================== Black Theme CSS Start ====================******/
.theme-black {background: #000000;}
.theme-black h1,.theme-black h2,.theme-black h3, .theme-black h4, .theme-black h5, .theme-black h6, .theme-black p, .theme-black span, .theme-black blockquote, .theme-black strong, .theme-black b, .theme-black u, .theme-black center, .theme-black ol, .theme-black ul, .theme-black li, .theme-black li a { color:#fff !important;}
.theme-black .brand-logo-img svg g,.theme-black .listing-filter svg g {fill: #FFFFFF;}
.theme-black .filter-close svg g path{stroke:#fff;}
.theme-black .brand-listing-col a span{color: #F13C31 !important;}
.theme-black .brand-logo-img svg g{ fill: #FFFFFF; }
.theme-black .work-listing-sec{border-bottom:1px solid rgba(255, 255, 255, 0.1);}
.theme-black .work-listing-sec:last-child {border-bottom:none;}
.theme-black .brand-listing-col a, .theme-black .brand-listing-col a span{color: #F13C31 !important;}
.theme-black .case-listing-col .cs-project-detail a,.theme-black .case-listing-col .cs-project-detail .project-bio{ color: #ffffff; }
.theme-black .case-listing-col .cs-technology span{ border: 1px solid rgba(255,255,255,0.3);}
.theme-black .portfolio-section .portfolio-box-container .portfolio-box .title-box h3 > a{ color: #ffffff}
.theme-black .portfolio-about-project-section .img-shadow {box-shadow: rgba(228, 228, 228, 0.1) 0px 0px 30px 0px;}
/******==================== Black Theme CSS End ====================******/

/******==================== Responsive CSS Start ====================******/
@media only screen and (max-width:1280px){
.case-study-sliders .our-work-slider{width: 980px;}
.cs-detail{max-width: 430px;}
.case-study-block .cs-thumb-img img{max-width: 400px;}
.cs-main .cs-info{padding: 40px 40px 40px 40px;}
.cs-detail .client-says{padding: 20px;}
}

/* iPad 9th Gen Css Start */
@media only screen and (min-width: 744px) and (max-width: 1199px)  {
.case-study-sliders .our-work-slider {width: 700px;}
.cs-main .cs-info {padding: 30px 30px 30px 30px;}
.cs-detail {max-width: 80%;}
.cs-detail .cs-title {margin-bottom: 10px;}
.cs-detail .cs-description {font-size: 24px; line-height: 34px; width: 70%;}
.cs-detail .client-says {margin-top: 20px; padding: 15px;max-width: 300px;}
.cs-detail .client-says h5 {font-size: 14px; line-height: 22px;}
.cs-detail .client-says .client-des h6 {font-size: 14px;}
.cs-detail .client-says .client-des span {font-size: 12px;}
.case-study-block .cs-thumb-img {right: 15px;}
.case-study-block .cs-thumb-img img {max-width: 300px;}
}
/* iPad 9th Gen Css End */
/******==================== Responsive CSS End ====================******/