/*===================== Product Main Page CSS Start =====================*/
h1 { font-size: 60px; color: #252b33; font-weight: 800; line-height: 70px; letter-spacing: -1px;}
a:focus,button.enquiry-btn:focus{outline: none;}
.pad-100{padding: 100px 0px;}
.title-block p{margin-top: 30px;}
.product-banner-sec .home-top-sec{display: flex; align-items: center; justify-content: space-between; padding: 0px 100px;margin: 40px 0px 0px;}
.product-banner-sec .home-top-sec h1{margin-bottom: 30px;}
.product-banner-sec .home-top-sec .hero-image svg {max-width: 100%;height: 100%;}
.product-banner-sec .home-top-sec .banner-left{width: 35%;}
.product-banner-sec .home-top-sec .banner-right{width: 60%; text-align: center;}

.products-section{margin-top: 100px;}
.products-section h6.tag-line {color: #F13C31 !important;font-size: 16px;font-weight: 600;text-transform: uppercase;}
.products-section h2{margin: 15px 0px 80px;}
.products-section .service-box { text-align: center; padding: 60px 40px 40px 40px;width: 400px; display: block; height: 100%; border-radius: 4px; -webkit-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -moz-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -o-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; } 
.products-section .service-box:hover .img-box { -webkit-transform: translateY(-10px); -moz-transform: translateY(-10px); -o-transform: translateY(-10px); transform: translateY(-10px); } 
.products-section .service-box:hover h4 { -webkit-transform: translateY(-7px); -moz-transform: translateY(-7px); -o-transform: translateY(-7px); transform: translateY(-7px); } 
.products-section .service-box:hover p { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px); } 
.products-section .service-box:hover .product-logo { -webkit-transform: translateY(-8px); -moz-transform: translateY(-8px); -o-transform: translateY(-8px); transform: translateY(-8px); } 
.products-section .service-box .img-box { margin-bottom: 10px; display: flex; display: -ms-flexbox; align-items: center; justify-content: center; height: 250px; -webkit-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -moz-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -o-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; } 
.products-section .service-box .img-box img { max-width: 250px; width: auto;height: 250px; }
.products-section .service-box .product-logo{-webkit-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -moz-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -o-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s;}
.products-section .service-box .product-logo img{display: inline-block; width: auto;}
.products-section .service-box h3 { font-size: 20px; line-height: 30px; font-weight: 600; color: #252b33 !important; margin: 13px 0; -webkit-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -moz-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -o-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; } 
.products-section .service-box p { color: #252b33 !important; margin-bottom: 0px; -webkit-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -moz-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; -o-transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; transition: all 800ms cubic-bezier(0.2, 0.8, 0.2, 1) 0s; } 
.products-section .service-box .read-more-btn { color: #f13c31 !important; font-size: 16px; font-weight: 600; line-height: 24px; position: relative; display: inline-block; opacity: 0; margin-top: 16px; -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; } 
.products-section .service-box .read-more-btn:after { position: absolute; content: ""; height: 3px; width: 0; left: 0%; right: 0; bottom: -2px; background-color: transparent; color: #f13c31; border-bottom: 2px solid #f13c31; transition: all 0.3s ease-in-out; transform: translate(0%, 0) translateZ(0); -webkit-transform: translate(0%, 0) translateZ(0); } 
.products-section .service-box:hover > .read-more-btn:after { width: 100%; }
.products-section .service-box:hover .read-more-btn { opacity: 1; -webkit-transform: translateY(-3px); -moz-transform: translateY(-3px); -o-transform: translateY(-3px); transform: translateY(-3px);}
.product-slider-owl .swiper-slide{margin: 0px 15px;}

.our-work-listing-section {margin: 140px 0px 70px;}
.our-work-listing-section .case-listing-col,.product-listing-sec .case-listing-col{margin-top: 60px;}
.case-listing-col .cs-listing-img{overflow: hidden;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1); height: 270px; 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; line-height: 20px; font-weight: 600;}
.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;}

/* Quote Section CSS Start */
.quote-sec {background-repeat: no-repeat; background-size: cover; background-position: center center; height: 448px; display: flex; align-items: center;}
.quote-sec h2 {color: #FFFFFF; font-size: 40px;}
.quote-sec p.sub-title {color: #FFFFFF; font-size: 16px; text-transform: inherit; width: 40%; margin-top: 20px; font-weight: 400;}
.quote-sec a.btn-white, .quote-sec button.btn-white {margin-top: 20px;display: flex;align-items: center;}
.quote-sec button.btn-white .icon-contact-arrow::before{color: #F13C31;}
.quote-sec a.btn-white .fa, .quote-sec button.btn-white .fa {margin-left: 8px;}
/* Quote Section CSS End */

/*===== AI Tools Start =====*/
.ai-tools-wrap{padding: 100px 0px 50px;}
.ai-tools-wrap .title-wrap {max-width: 1024px;width: 100%;margin: 0px auto;}
.ai-tools-wrap .title-wrap h4 {color: #F03C31 !important;font-size: 16px;line-height: 24px;font-weight: 600;text-transform: uppercase;margin-bottom: 15px;}
.hm-newra-bg .light-none, .theme-black .hm-newra-bg .dark-none{display: none;}
.theme-black .hm-newra-bg .light-none{display: block;}
/*===== AI Tools End =====*/
/*===================== Product Main Page 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;border-bottom: 1px solid #b2b2b2;}
.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 */

/*===================== Product Detail Page CSS Start =====================*/
.landing-hero-banner .landing-banner-sec{width: 100%;}
.landing-hero-banner .landing-banner-sec .landing-row{display: flex;}
.landing-banner-sec .landing-row .banner-text-col{width: 41.666667%;}
.landing-banner-sec .landing-row .banner-img-col{width: 58.333333%;}
.landing-hero-banner{margin: 0px auto; width: 100%; display: block; height:100%; background-color: #fff; position: relative;}
.landing-hero-banner .services-right-img{height:640px; position: relative;}
.landing-hero-banner .services-hero-title {display: inline-block; width: 100%; text-align: left; padding: 80px 60px 0px 100px;}
.landing-hero-banner .services-hero-title svg,.landing-hero-banner .services-hero-title img{width: auto; height: 62px; object-fit: cover;}
.landing-hero-banner .services-hero-title h1 {letter-spacing: -1px; font-size: 60px; line-height: 70px; color: #252B33; font-weight: 800; margin: 15px 0px 10px;}
.landing-hero-banner .services-hero-title h5 {letter-spacing: 0px; font-size: 24px; line-height: 34px; color: #252B33; font-weight: 600; margin-bottom: 20px;}
.landing-hero-banner .services-hero-sub-title{font-size: 24px; color: #252B33; letter-spacing: -0.5px; line-height: 30px; font-weight: 600; margin-bottom: 40px;}
.landing-hero-banner .services-hero-title .approch-sec {font-size: 16px; color: #252B33; letter-spacing: 0; line-height: 28px; width: 95%;}
.landing-hero-banner .services-hero-title .website-link{display: flex; align-items: center;margin-top:30px;}
.landing-hero-banner .services-hero-title .website-link span{margin: 0px 15px;}
.landing-hero-banner .services-hero-title .website-link a.site-link{color: #F13C31; font-size: 16px;}
.landing-hero-banner .services-hero-image {display: block; height: 100%;}
.landing-hero-banner .services-hero-image .landing-pattern-bg{position: absolute; width: 100%; height: 100%; opacity:0.1; z-index: 9;}
.landing-hero-banner .services-hero-image .right-hero-image{position: absolute; bottom: -100px; z-index: 99; width: 100%; height: 100%; text-align: center;}
.product-feature-sec{padding: 100px 0px; margin-top: 100px;}
.pro-features .feature-col{margin-top: 50px;}
.pro-features .feature-col h3{margin: 15px 0px; font-weight: 600; color: #252b33;font-size: 24px;}
.pro-features .feature-col p{margin-bottom: 0px;}
.pro-features .feature-col .feature-icon .fa {font-size: 50px;}

.product-slider-sec{overflow: hidden;}
.product-slider-sec h2{color: #fff;}
.web-mobile-icon .nav-tabs{padding: 15px; display: flex; align-items: center; justify-content: center; border: none; margin: 0;}
.web-mobile-icon .nav-tabs .nav-link{border: none; background-color: transparent; padding: 0px;}
.web-mobile-icon .nav-link.active img{border-bottom: 2px solid #fff; padding: 15px; margin: 0px 10px;}
.web-mobile-icon .nav-link img{border-bottom: 2px solid transparent; padding: 15px; margin: 0px 10px;}
.product_desktop_slider{width: 1240px;margin: auto;position: relative;padding-top: 50px;}
.product_desktop_slider.mb-slider{width: 634px;margin: auto;position: relative;padding-top: 50px;}
#case-study-slider .swiper-slide.swiper-slide-active img{opacity:1;box-shadow:0px 0px 80px rgba(0,0,0,0.4);}
#case-study-slider .swiper-slide img{opacity: 0.5;display: block;}
#case-study-slider .web .swiper-slide{width: 1240px;}
#case-study-slider .mobile .swiper-slide{width: 634px;}
.product_desktop_slider .swiper-slide {margin: 0px auto;padding: 60px 60px 0px;-webkit-transition: all 0.25s ease 0s;-moz-transition: all 0.25s ease 0s;-o-transition: all 0.25s ease 0s;transition: all 0.25s ease 0s;}
.product_desktop_slider .swiper-slide.swiper-slide-active {padding: 0px 60px;}
#case-study-slider .web .swiper-slide img {max-width: 1000px;}
#case-study-slider .mobile .swiper-slide img {max-width: 394px;}
#case-study-slider .mobile{width:634px;margin:auto;position: relative;}
#case-study-slider .tablet{width:765px;margin:auto;position: relative;}
#case-study-slider .ipad-landscape{width:1120px;margin:auto;position: relative;}
#case-study-slider .ipad-portrait{width:735px;margin:auto;position: relative;}
#case-study-slider .game-tablet{width:1173px;margin:auto;position: relative;}
#case-study-slider .game-mobile{width:1485px;margin:auto;position: relative;}
#case-study-slider .swiper-button-prev{background:url("../../assets/images/casestudy-prev-arrow.png") no-repeat;height:60px;width:60px;position:absolute;left:30px;top:45%;z-index:99;cursor:pointer;border:none;outline:none;color:transparent;}
#case-study-slider .swiper-button-next{background:url("../../assets/images/casestudy-next-arrow.png") no-repeat;height:60px;width:60px;position:absolute;right:30px;top:45%;z-index:99;cursor:pointer;border:none;outline:none;color:transparent;}

.dedicated-faqs h2{margin-bottom: 50px;}
.faqs-accordian .card{border: none;background-color: transparent;}
.faqs-accordian .card-header{border: none; background-color:transparent; display: flex; align-items: center;padding: 20px 15px 20px 0; cursor: pointer;}
.faqs-accordian .card-header a.card-title{font-size:18px; line-height: 30px; font-weight: 600;margin-bottom: 0px;}
.card .faqs-collapse{border-bottom: 1px solid #e5e5e5; /*display: none;*/}
.card .faqs-collapse.faq-display{display: block;}
.faqs-accordian .accordion .card-header:after {font-family: 'icomoon' !important; content: "\e95c"; font-size: 14px; position: absolute; right: 5px;cursor: pointer;transform: rotate(90deg);}
.faqs-accordian .accordion .card-header.collapsed:after {content: "\e95c";transform: rotate(0deg);}
.faqs-collapse .card-body{padding:0px;}
.faqs-collapse .card-body p a{color: #F13C31;}
.faqs-collapse .card-body ul{padding-left: 20px; margin-left: 15px;}
.faqs-collapse .card-body ul li{margin-bottom: 10px;}

.free-start-sec h2{font-size: 60px; line-height: 70px; margin-bottom: 40px;}
.free-start-sec h4{font-size: 30px; line-height: 40px; margin-bottom: 20px;}

.product-process .process-block{margin-top: 120px;}
.product-title-box{margin-top: 10px;}
.product-title-box h5 {font-size: 20px; color: #323a45;letter-spacing: 0; line-height: 26px; font-weight: 400; margin-bottom: 20px;}
.product-title-box h3{font-size: 40px; line-height: 50px; font-weight: 800;}
.product-title-box .separator-line {width: 60px; height: 4px; background-color: #f13c31; display: block; margin-top: 40px;}
.product-process-info ul{margin: 30px 0px 0px 20px;}
.product-process-info ul li{margin-bottom: 10px;}
.product-listing-sec .green-btn{margin-top: 60px;}

/* Casestudy Section CSS Start */
.casestudy-sec .title-block {text-align: center;margin-bottom: 40px;}
.casestudy-sec .title-block .sub-title {font-size: 16px;font-weight: 600;color: #F13C31 !important;text-transform: uppercase;margin-bottom: 10px;}
.casestudy-sec .title-block h2 {color: #252B33;font-size: 48px;font-weight: 800;letter-spacing: -1px;line-height: 60px;}
.casestudy-sec .case-box {position: relative;margin-top: 40px;}
.casestudy-sec .case-box .case-col {display: block; position: relative; cursor: pointer; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; -webkit-transform: translateY(0%); -moz-transition: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);}
.casestudy-sec .case-box .case-col:hover .text-block {opacity: 1;}
.casestudy-sec .case-box .case-col:hover .img-block img {-webkit-filter: blur(3px); filter: blur(3px);}
.casestudy-sec .case-box .case-col .img-block {-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.1); border-radius: 5px;}
.casestudy-sec .case-box .case-col .img-block img {position: relative; width: 100%; vertical-align: middle;border-radius: 5px;}
.casestudy-sec .case-box .case-col .text-block {position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 30px; background: rgba(255,255,255,0.8); opacity: 0; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;}
.casestudy-sec .case-box .case-col .text-block p {color: #252B33; font-size: 16px; line-height: 28px; margin-bottom: 20px;}
.casestudy-sec .case-box .case-col .text-block h3 {font-size: 20px; margin-bottom: 10px;}
.casestudy-sec .btn-orange {margin-top: 50px;}
.casestudy-sec .portfolio-btn {text-align: center;}
.work-row .row{flex-wrap: wrap;}
/* Casestudy Section CSS End */
/*===================== Product Detail Page CSS End =====================*/

/*================== Dark Theme Start ===============*/
.theme-black,.theme-black .landing-hero-banner { background-color: #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 .case-listing-col .cs-project-detail a, .theme-black .faqs-accordian .card-header a.card-title { color:#fff !important;}
.theme-black .card .faqs-collapse {border-bottom: 1px solid rgba(255,255,255,.1);}
.theme-black .accordion .card-header:after{color: #fff;}
.theme-black .landing-hero-banner .services-hero-title svg g g{fill: #fff;}
.theme-black  .casestudy-sec .case-box .case-col .text-block{ background: rgba(21, 25, 29,0.8); }
/*================== Dark Theme End ===============*/


/*================== Responsive CSS Start ===============*/
@media (max-width: 1730px) {
/* Product Detail Page CSS Start */
.landing-hero-banner .services-hero-title{padding: 80px 15px 0px 80px;}
.landing-hero-banner .services-right-img {height: 580px;}
.landing-hero-banner .services-hero-image .right-hero-image img {max-width: 90%;max-height: 580px;}
/* Product Detail Page CSS End */
}

@media (max-width: 1660px) {
/* Product Detail Page CSS Start */
.landing-hero-banner .services-hero-image .right-hero-image{bottom: -70px;}
/* Product Detail Page CSS End */
}

@media only screen and (max-width:1480px){
.product-banner-sec .home-top-sec{padding: 0px 50px;}

/* Product Detail Page CSS Start */
.landing-hero-banner .services-hero-title {padding: 50px 15px 0px 50px;}
.landing-hero-banner .services-hero-title h1{font-size: 50px; line-height: 60px;}
.landing-hero-banner .services-hero-image .right-hero-image img{max-height: 550px;}
.landing-hero-banner .services-hero-image .right-hero-image {bottom: inherit;display: flex;align-items: center;justify-content: center;height: 100%;}
/* Product Detail Page CSS End */
}

@media only screen and (max-width:1280px){
.product-banner-sec .home-top-sec .banner-left {width: 40%;}
}

/* iPad 9th Gen Css Start */
@media only screen and (min-width: 744px) and (max-width: 1199px)  {
.product-banner-sec .home-top-sec {flex-direction: column-reverse;}
.product-banner-sec .home-top-sec .banner-left, .product-banner-sec .home-top-sec .banner-right {width: 100%;text-align: center;}
.product-banner-sec .home-top-sec .banner-left {margin-top: 60px;}
.landing-hero-banner .services-hero-title{padding: 60px 15px 0px 15px; text-align: center;}
.landing-hero-banner .services-hero-image .right-hero-image { bottom: inherit; display: flex; align-items: center; justify-content: center; height: 100%;}
.landing-hero-banner .landing-banner-sec .landing-row {display: flex;flex-direction: column-reverse;flex-wrap: wrap;}
.landing-banner-sec .landing-row .banner-text-col,.landing-banner-sec .landing-row .banner-img-col {width: 100%;}
.landing-hero-banner .services-hero-title h1{font-size: 35px; line-height: 45px; margin-bottom: 10px;}
.landing-hero-banner .services-hero-title h5{margin-bottom: 20px;}
.landing-hero-banner .services-hero-title .approch-sec{width: 70%; margin: 0px auto;}
.landing-hero-banner .services-right-img {height: 500px;}
.landing-hero-banner .services-hero-image .right-hero-image img {max-height: 430px; width: auto;}
.landing-hero-banner .services-hero-title .website-link{justify-content: center;flex-wrap: wrap; flex-direction: column;}
.landing-hero-banner .services-hero-title .website-link span{margin: 10px 0px;}
.product-feature-sec{margin-top: 0px;}
.product-slider-owl{overflow: hidden;}
.case-listing-col .cs-listing-img img{width: 100%; min-height: 100%;}
}
/* iPad 9th Gen Css End */
/*================== Responsive CSS End ===============*/