/******==================== Brands Case Study Detail Page CSS Start ====================******/

/* Comman CSS Start */
.client-cs-white-title{font-size: 60px; font-weight: 800; line-height: 70px; color: #252B33; letter-spacing: -1px; margin: 20px 0px 30px;}
.client-cs-p-black p{margin-bottom: 15px;}
.client-cs-p-black p:last-child{margin-bottom: 0px;}
.client-cs-sub-title{font-size: 40px; line-height: 58px; color: #252B33; letter-spacing: -1.25px; font-weight: 800; margin-bottom: 20px;}
.client-cs-h4{font-size: 24px; color: #252B33; font-weight: 800; letter-spacing: -0.5px; line-height: 28px;}
.container-fluid{padding: 0px;}
.cs-mr-to-80{margin-top: 80px;}
.captcha-outer .btn{float:left;margin-top:20px !important;}
/* Comman CSS End */

/* Client Banner Section CSS Start */
.client-cs-banner{padding: 130px 0px 100px;}
.client-cs-title-sec{background: #000; height: 100%; position: relative; display:flex; flex-direction:column; justify-content:center; align-content:center; align-items: flex-start; padding: 0px 40px;}
.case-title .cs-sub{display:block; color: #252B33; font-size: 18px; line-height: 28px; font-weight: 400;}
.client-cs-banner .case-title {max-width: 80%;}
.cs-filter-bar {display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #eee; position: relative;}
.cs-filter-bar .tab-filter {padding-bottom: 20px; position: relative;}
.cs-filter-bar .tab-filter a {color: #81959e; font-size: 16px;font-weight: 600;margin: 0 20px;padding-bottom: 20px;}
.cs-filter-bar .tab-filter a.active {color: #252b33; border-bottom: 1px solid #252b33;}
.brand-filter{margin-top: 20px; border-bottom: none !important;}
.brand-filter .tab-filter a{padding-bottom: 10px; font-size: 14px; margin: 0px 10px;}
.brand-filter .tab-filter a:first-child {margin: 0px 10px 0px 0px;}
.brand-filter .tab-filter{border-bottom: 1px solid #eeeeee;padding-bottom: 9px;}
.dark-light-logo .white-mode-img{display: none;}
/* Client Banner Section CSS End */

/* Client Project Brief Section CSS Start */
.services-sec .cs-services{margin-top: 40px;}
.services-sec .cs-services h4{margin-bottom: 0px;}
.services-sec .cs-services .service{color: #F13C31; font-size: 18px; line-height: 26px; font-weight: 400; text-decoration:none; display: block; margin-bottom: 8px;}
.cs-project-sec .client-cs-p-black{width: 90%;}
/* Client Project Brief Section CSS End */

/* Reqirement Section CSS Start */
.cs-requirment-sec .tagline{color: #F13C31 !important; font-size: 24px; line-height: 38px; font-weight: 400;}
/*.cs-requirment-sec h2{margin-bottom:20px;}*/
/* Reqirement Section CSS End */

/* Team Strategy Section CSS Start */
.team-strategy{padding-top: 75px;}
.team-strategy p{font-size: 25px; line-height: 35px; color: #252b33; font-weight: 400; }
.cs-strategy-sec .client-cs-p-black{width: 96%;}
.cs-strategy-sec .key-benefits{margin-top: 40px;}
.key-benefits .benefits{padding-left: 0px; margin: 25px 0px 0px;}
.key-benefits .benefits li{color: #252B33; font-size: 16px; line-height: 28px; display: inline-block; font-weight: 400; width: 95%; padding-left: 35px; list-style: none; margin-bottom:30px; position: relative;}
.key-benefits .benefits li span::before{content: " "; background: #F13C31; position: absolute; left: 0px; top: 9px; height: 8px; width: 16px;}
/* Team Strategy Section CSS End */

/* Result Section CSS Start */
.cs-result-sec{padding: 80px 0px; background: #F7F7F7; }
.cs-result-sec .container{ background: transparent; }
.cs-result-sec .client-cs-p-black{width: 90%;}
.cs-result-sec .technology-sec{margin-top: 60px;}
.technology-sec .technology-tags .tags{ display: inline-block; margin:20px 10px 0px 0px;}
.technology-sec .technology-tags .tags a{color:#252B33; display: block; padding: 2px 20px; font-size: 16px; font-weight: 400; background:#e4e4e4; border-radius: 4px; -webkit-transition:all 0.1s ease-in-out;-moz-transition:all 0.1s ease-in-out;-o-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;}
.technology-sec .technology-tags .tags a:hover{background: #F13C31 !important; color: #fff !important;}
.brand-sec .tech-icon{margin-top: 40px;}
.brand-sec .tech-icon a .fa{color: #252B33; font-size: 30px; margin-right: 15px; border-radius: 4px; border: 1px solid #81959E; padding: 8px 11px;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.brand-sec .tech-icon a:hover .fa{border: 1px solid #252B33; color: #252B33;}
/* Result Section CSS End */

/* Next Case Study Section CSS Start */
.next-case-sec{position: relative;}
.cs-next-project{display: flex; align-items: center; justify-content: center; width: 100%; height: 600px; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; background-size:cover !important; overflow:hidden; background-position:center center !important; background-repeat:no-repeat !important; -webkit-filter: grayscale(100%); filter: grayscale(100%); text-align: center; position: relative;}
.cs-next-project:hover {text-decoration:none; -webkit-filter: grayscale(0%); filter: grayscale(0%);}
.next-project h3 {color: #ffffff; font-size: 28px; font-weight: 400; margin-bottom: 0px;}
.next-project .separator{height: 1px; position: relative; width: 100px; display: block; margin:50px auto 50px auto; background: #fff;}
.next-project h4 {color: #ffffff; text-transform: uppercase; font-size: 20px; font-weight: 400; margin-bottom: 20px;}
.next-project h2 {color: #ffffff; font-size: 60px; font-weight: 800; margin-bottom: 0px;}
.cs-list-view {position: absolute; left: 0px; right: 0px; bottom: -30px; z-index: 10;}
.cs-list-view a.icon-view {background: #fff url('../images/portfolio-listing-sprite.png') no-repeat; height: 60px; width: 60px; display: block; border-radius: 50px; background-position: -28px 19px; box-shadow: 0px 0px 32px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; margin: 0 auto;}
.cs-list-view .icon-view:hover {background-position: 22px 19px;}
/* Next Case Study Section CSS End */

/******==================== Brands Case Study Detail 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,.theme-black .cs-filter-bar .tab-filter a.active { color:#fff !important;}
.theme-black .brand-logo-img svg g,.theme-black .listing-filter svg g,.theme-black .case-title svg g,.theme-black svg path,.theme-black svg polyline,.theme-black svg polygon,.theme-black .brand-sec svg g {fill: #FFFFFF;}
.theme-black .filter-close svg g path{stroke:#fff;}
.theme-black .dark-light-logo .dark-mode-img{display: none;}
.theme-black .dark-light-logo .white-mode-img{display: block;}

.theme-black .case-listing-col .cs-project-detail a{ color: #ffffff;}
.theme-black .cs-result-sec {background: #202020;}
.theme-black .technology-sec .technology-tags .tags a{background:#555555; color: #fff;}

/******==================== Black Theme CSS End ====================******/

/******==================== Responsive CSS Start ====================******/
@media only screen and (max-width:1280px){
/*=== Brands Case Study Detail Page CSS Start ===*/
.client-cs-white-title{font-size: 60px; line-height: 80px;}
/*=== Brands Case Study Detail Page CSS End ===*/
}

/* iPad 9th Gen Css Start */
@media only screen and (min-width: 744px) and (max-width: 1199px)  {
.client-cs-banner {padding: 50px 0px 50px;}
.client-cs-banner .case-title {max-width: 100%;}
.client-cs-white-title {font-size: 46px !important;line-height: 56px;}
.cs-result-sec{padding:40px 0px;}
.cs-result-sec .row{flex-direction: column-reverse;}
.cs-result-sec .technology-sec {margin-top: 30px;}
.brand-sec .tech-icon {margin-top: 0px;}
}
/* iPad 9th Gen Css End */
/******==================== Responsive CSS End ====================******/