/* Comman CSS Start */
.ind-main-wrap{padding-top: 110px;}
h1{color: #F03C31 !important;font-size: 40px;line-height: 48px;letter-spacing: -1px;font-weight: 800;}
.ind-pad-50{padding: 50px 0px;}
.ind-pad-100{padding: 100px 0px;margin: 50px 0px;}
.mt-60{margin-top: 60px;}
.title-wrap{margin-bottom: 20px;}
.title-wrap span{color: #F03C31;font-size: 16px;line-height: 24px;font-weight: 600;text-transform: uppercase;margin-bottom: 15px;display: inline-block;}
.theme-black .title-wrap span{color: #F03C31 !important;}
.title-wrap h5{font-size: 40px;line-height: 48px;font-weight: 500;letter-spacing: -1px;}
.w-70{width: 70%;margin: 0px auto;}
.w-60{width: 60%;margin: 0px auto;}
.gray-bg{background-color: #F9F9F9;}
.orange-text{color: #F03C31;}
.ind-mr-t-100{margin-top: 100px;}
.service-box ul li, .ind-dt-col ul li,.ind-slide ul li, .ind-detail ul li{font-size: 16px;letter-spacing: -0.25px;font-weight: 400;margin-bottom: 10px;}
/* Comman CSS End */

/* Main Banner Section CSS Start */
.ind-banner-wrap{max-width: 1024px;width: 100%;margin: 0px auto;}
.ind-banner .ind-banner-wrap span{font-size: 30px;line-height: 48px;letter-spacing: -1px;font-weight: 600;}
.ind-banner-wrap p{font-size: 18px;line-height: 30px;}
.ind-main-img img{width: 100%;}
/* Main Banner Section CSS End */

/* Key Insights Section CSS Start */
.ind-insights h2{font-weight: 500;}
.ind-inshights span{font-size: 60px;line-height:56px;letter-spacing: -0.88px;font-weight: 700;margin-bottom: 10px;display: inline-block;}
.ind-inshights p{padding: 0px 15px;}
/* Key Insights Section CSS End */

/* Demand Section CSS Start */
.owl-stage { display: flex; flex-direction: row; height: 100%; }
.ind-demand-slider{position: relative;}
.ind-demand-slider .ind-slide img{width: 100%;height: 344px;object-fit: cover;object-position: top;}
.ind-demand-slider .ind-slide h3{margin: 30px 0px 20px;font-size: 26px;line-height: 32px;font-weight: 600;padding-right:30px;}
.ind-demand-slider .ind-slide{margin: 60px 15px 0px 15px;flex: none;width: 340px;}
.ind-demand .container{overflow: hidden;}
.ind-demand-slider .owl-stage-outer, .ind-solutions, .ind-focusarea{overflow: hidden;}
.ind-demand-slider .slick-prev {position: absolute; top: 50%; left: -60px; background: url("../images/black-prev-arrow-ic.svg") no-repeat; background-size: 100%; width: 36px; height: 16px; padding: 0px; border: none; font-size: 0px;cursor: pointer; z-index: 10;}
.ind-demand-slider .slick-next {position: absolute; top: 50%; right: -60px; background: url("../images/black-next-arrow-ic.svg") no-repeat; background-size: 100%; width: 36px; height: 16px; padding: 0px; border: none; font-size: 0px;cursor: pointer; z-index: 10;}
.ind-demand-slider .slick-arrow{top: 35%;}
.ind-demand-content .img-box img{width: 555px;height: 455px;object-fit: cover;object-position: top;}
.ind-demand-content .content-wrap{padding: 0px 15px 0px 80px;}
.ind-demand-content .content-wrap h3{font-size: 30px;line-height: 38px;font-weight: 600;margin-bottom: 20px;padding-right: 50px;}
/* Demand Section CSS End */

/* Key Points Section CSS Start */
.ind-overview-wrap {position: relative;}
.ind-overview-wrap .tagline {position: sticky;top: 100px;}
.ind-overview-wrap .tagline h2 {width: 90%;margin-bottom: 40px;}
.ind-overview-wrap .tagline span {font-size: 16px; line-height: 24px;text-transform: uppercase;color: #F13C31 !important;font-weight: 600;margin-bottom: 10px;display: inline-block;}
.ind-overview-wrap .ind-detail {margin-bottom: 44px;}
.ind-overview-wrap .ind-detail h3 {margin-bottom: 12px;font-size: 24px;line-height: 36px;font-weight: 800;}
/* Key Points Section CSS End */


/* Focus Area Section CSS Start */
.ind-focus-slider .owl-nav, .ind-solution-slider .owl-nav, .tech-slider .owl-nav{display: none;}
.ind-focus-slider .slick-track{margin-left: -25px;}
.ind-focusarea .ind-banner-wrap{margin-bottom: 60px;}
.service-box {background-color: #fff;width: 350px; box-shadow: 0 0px 10px 0 rgba(0,0,0,0.01); padding:110px 30px 30px; height: 100%; display: block; border-radius: 16px; -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;border: 2px solid transparent;}
.service-box h3{font-size: 20px;line-height: 30px;letter-spacing: -0.5px;font-weight: 600;margin: 35px 0px 15px;-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;}
.service-box p{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;}
.service-box ul{margin: 0px 0px 0px 20px;}
.service-box .img-box{-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;}
.service-box:hover p, .service-box:hover h3, .service-box:hover .img-box{-webkit-transform: translateY(-4px);-moz-transform: translateY(-4px);-o-transform: translateY(-4px);transform: translateY(-4px);}
.service-box .img-box span{font-size:80px;display: flex;}
.ind-services{margin: 0px 15px;width: 350px;flex: none;}
.service-box:hover.light-orange{background-color: #FFECEB;border: 2px solid #f4afab;}
.service-box:hover.light-blue{background-color: #EEF8FF;border: 2px solid#b6dcf6;}
.service-box:hover.light-purple{background-color: #F4EFFF;border: 2px solid#bba3eb;}
.service-box:hover.light-green{background-color: #F4FFF1;border: 2px solid#9fe989;}
.service-box:hover.light-yellow{background-color: #FFF8E7;border: 2px solid#e3cd95;}
/* Focus Area Section CSS Start */

/* Key Benefits Section CSS Start */
.key-benefits h3{margin: 20px 0px 10px;font-size: 22px;line-height: 28px;font-weight: 600;}
.key-benefits p{margin-bottom: 0px;}
.tech-icon{font-size: 40px;color: #252B33 !important;}
.icon-ind-scalable-support{font-size: 20px;}
.icon-row{height: 42px;width: 42px;display: flex;align-items: center;}
/* .icon-ind-improved-collaboration{font-size: 48px;} */
.icon-ind-enhanced-visibility, .icon-ind-increased-ratio{font-size: 36px;}

.team-masonry-grid{display: grid;grid-template-columns: repeat(4, 1fr);gap: 20px;}
.team-masonry-grid .masonry-column{margin-top: 40px;}
.team-masonry-grid .image-grid-col{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.team-masonry-grid .image-grid-col .people-img{width: 122px; display: inline-block;border: 1px solid rgba(0, 0, 0, 0.1);}
.team-masonry-grid .image-grid-col .people-img img{height: 122px; width: 122px; object-fit: cover;}
.team-masonry-grid .partner-overview{padding: 24px 20px 24px 24px; border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 20px;display: grid;grid-template-columns: repeat(1, 1fr);}
.team-masonry-grid .partner-overview:last-child, .team-masonry-grid .partner-overview p, .ind-dt-row .ind-dt-col p{margin-bottom: 0px;}
.team-masonry-grid .partner-overview h3{font-size: 20px; line-height: 28px; font-weight: 600; margin: 15px 0px;}
.ind-why-indianic .w-70{width: 80%;}
/* Key Benefits Section CSS End */

/* Solutions Section CSS Start */
.ind-solution-slider .slick-slider .slick-track{display: inherit;}
.slide-wrap{position: relative;overflow: hidden;margin: 60px 15px 0px;flex: none; width: 620px;}
.slide-wrap img{transition: 0.4s ease;width: 100%;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.1);}
.slide-wrap:hover img{transform: scale(1.05);}
.slide-wrap h3{margin-top: 30px;font-size: 24px;line-height: 32px;font-weight: 700;letter-spacing: -0.45px;}
/* Solutions Section CSS End */

/*===== Latest Blog Start =====*/
.listing-view .row{flex-wrap:wrap;}
.listing-view .blog-listing-detail{margin-top:20px;}
.listing-view .blog-listing-detail a{font-size:20px;color:#252B33;line-height:28px;margin: 10px 0px 0px; font-weight: 600;display: inline-block;}
.listing-sm-img{overflow: hidden; border-radius: 5px; position: relative;box-shadow: 0 5px 30px 0 rgba(0,0,0,0.10);}
.listing-sm-img img{height:210px;width:100%;object-fit: cover;object-position: center; border-radius: 5px;-webkit-transition: 0.4s ease;transition: 0.4s ease;}
.listing-sm-img:hover img {-webkit-transform: scale(1.05);transform: scale(1.05);}
.blog-listing-detail .category{font-size:12px; color:#81959E; font-weight:600; text-transform:uppercase;display: inline-block;}
.listing-view .mar-top-30 {margin-top: 60px;}
/*===== Latest Blog End =====*/

/* ============== Focus Area Page Css Start ============== */
/* Benefit Section CSS Start */
.ind-fa-benefits{padding: 100px 0px;margin-bottom:50px;}
/* Benefit Section CSS End */

/* Services Section CSS Start */
.ind-tech-wrap .title-wrap p{font-size: 24px;line-height: 36px;letter-spacing: -1px;}
.ind-tech-wrap .title-wrap{margin-bottom: 100px;}
.tech-slider{overflow: hidden;}
.tech-slider .ind-img-slide, .ind-slider-main, .tech-slider .ind-img-slide .img-wrap{position: relative;}
.tech-slider .ind-img-slide .img-wrap::before{background:linear-gradient(to bottom, #f16831d9, #e397349c, #d48e1230, #d9ae7300, #fdb52500);position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;width: 100%;height: 100%;content: '';transform: rotate(180deg);}
.tech-slider .img-wrap img{width: 555px;height: 710px;object-fit: cover;object-position: top;}
.tech-slider .ind-tech-detail{position: absolute;bottom: 20px;padding: 0px 30px;width: 100%;}
.tech-slider .ind-tech-detail h2{font-size: 26px;line-height: 44px;color: #fff;font-weight: 600;}
.tech-slider .owl-dots {position: absolute;bottom: 40px;left: 0px;width: 100%;padding: 0px 42px;display: none;align-items: center;}
.tech-slider .owl-dots .owl-dot{background: rgba(255, 255, 255, 0.2);width: 44px;height: 3px;border-radius: 3px;}
.tech-slider .owl-dots .owl-dot.active{background-color: #fff;}
.ind-slider-main .slider-counter{position: absolute;bottom: 70px;left: 45px;color: #fff;font-weight:400;font-size: 16px;line-height: 26px;}
.ind-slider-main .slider-counter span{font-weight: 600;}

.tech-accordian .accordion{margin-top: 20px;}
.tech-accordian .card{border: none;background-color: transparent;}
.tech-accordian .card-header{background-color: transparent;border-bottom: none;padding: 0px;cursor: pointer;}
.tech-accordian .ind-collapse{margin-bottom: 15px;padding: 0px 60px;}
.tech-accordian .ind-collapse.tech-display{background-color: rgba(137, 148, 157, 0.05);border-radius: 12px;padding:15px 20px 15px 60px;}
.tech-accordian .card-header .card-title:after {font-family: 'icomoon';font-size: 1.8px;content: "\e9cb";position: absolute;left: -30px;top: 0px;cursor: pointer;}
.tech-accordian .card-header.collapsed .card-title:after {content: "\e9cd";font-size: 12px;top: 0px;}
.tech-accordian .card-header .card-title{margin-bottom: 0px;position: relative;font-size: 18px;line-height: 32px;font-weight: 600;color: #252B33;}
.tech-accordian .card-body p {margin: 5px 0px 0px;}
/* .tech-accordian .collapse {display: block !important;height: 0;transition: all 0.3s;overflow: hidden;}
.tech-accordian .collapse.show {display: block;height: 105px;transition: all 0.3s;} */
/* Services Section CSS End */

/* KeyPoints Section CSS Start */
.ind-keypoints .ind-points h3{font-size: 24px;line-height: 34px;font-weight: 800;letter-spacing: -1px;margin: 35px 0px 30px;}
.order-list {list-style: none;counter-reset: steps;}
.order-list li {counter-increment: steps;display: flex;align-items: center;margin-bottom: 15px;}
.order-list li span{width: 20px;height: 20px;display: inline-grid; margin-right: 20px;}
.order-list li span::before {content: counter(steps);background: #F13C31;width: 20px;height: 20px;border-radius: 50%;display: inline-grid;place-items: center;font-size: 10px;line-height: 15px;color: #fff; font-weight: 700;}
.order-list li p{font-size: 18px;line-height: 27px;width: calc(100% - 40px);margin-bottom: 0px;}
.ind-key-img img{width: 557px;height: 700px;object-fit: cover;object-position: top;}
.ul-key-points,.content-wrap ul{padding-left: 0px;margin-bottom: 0px;margin-top: 0px;}
.ul-key-points li,.content-wrap ul li {background: url(../images/round-right-icon.svg) no-repeat left 3px;list-style: none;padding: 0px 0px 0px 35px;position: relative;  text-align: left;font-size: 18px;line-height: 26px;font-weight: 400;margin-bottom: 20px;}
/* KeyPoints Section CSS End */  

/* AI Tool Section CSS Start */
.ai-tool-wrap{border-left:1px solid rgba(240, 60, 49, 0.1);display: flex;flex-wrap: wrap;align-items: center; margin: 0px -15px;}
.ai-tool-wrap .ai-detail{-webkit-box-flex: 0;-ms-flex: 0 0 33.333333%;flex: 0 0 33.333333%;max-width: 33.333333%;border-bottom:1px solid rgba(240, 60, 49, 0.1);border-right:1px solid rgba(240, 60, 49, 0.1);text-align: center;padding: 5px 20px;display: flex;align-items: center;flex-direction: column;justify-content: center; height: 130px;transition: 0.3s;}
.ai-tool-wrap .ai-detail:nth-child(10),.ai-tool-wrap .ai-detail:nth-child(11),.ai-tool-wrap .ai-detail:nth-child(12){border-bottom:none;}

.ai-tool-wrap .ai-detail:hover{background: #f8f8f8 !important;}
.ai-tool-wrap .ai-detail p{margin: 10px 0px 0px;font-size: 13px;line-height: 18px;color: #252B33 !important;}
/* AI Tool Section CSS End */

/* Industry Expertise Section Start */
.ind-expertise .icon-block .icon-box{background: #F7F7F7;padding: 40px 30px;border-radius: 20px;margin-bottom: 10px;overflow: hidden;}
.ind-expertise .icon-block h5{font-family: 'Poppins', sans-serif;color: #252B33;font-size: 18px;line-height: 32px;font-weight: 600;letter-spacing: -0.2px;}
.ind-expertise .icon-block .tech-icon{font-size: 60px;-webkit-transform: scale(1);transform: scale(1);transition: 0.4s ease;}
.ind-expertise .icon-block .icon-box:hover .tech-icon{-webkit-transform: scale(1.1);transform: scale(1.1);display: block;}
/* Industry Expertise Section End */

/* Digital Services Section Start */
.ind-dt-row{display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;}
.ind-dt-two-col{display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.ind-dt-row .ind-dt-col{border: 1px solid #D9DEE2;padding: 20px;transition: 0.4s ease;}
.ind-dt-row .ind-dt-col:hover{background: #F13C31;}
.ind-dt-row .ind-dt-col:hover h3, .ind-dt-row .ind-dt-col:hover p, .ind-dt-row .ind-dt-col:hover ul li{color: #fff;}
.ind-dt-row .ind-dt-col h3{font-size: 22px;line-height: 30px;margin-bottom: 10px;font-weight: 700;}
.ind-dt-row .ind-dt-col ul, .ind-demand-slider .ind-slide ul, .ind-overview-wrap .ind-detail ul{margin-left: 30px;margin-bottom: 0px;}
/* Digital Services Section End */
/* ============== Focus Area Page Css End ============== */


/* Dark Theme CSS Start */
.theme-black,.theme-black .service-box{background-color: #000000;}
.theme-black .gray-bg,.theme-black .tech-accordian .ind-collapse.tech-display{ background: #202020; }
.theme-black  h2,.theme-black  h3,.theme-black  h4,.theme-black  h5,.theme-black  h6,.theme-black  p,.theme-black span, .theme-black .card-title, .theme-black li,.theme-black .accordion .card-header:after, .theme-black .subscribe-embedded-form label, .theme-black .listing-view .blog-listing-detail a{ color: #fff !important; }
.theme-black .ind-demand-slider .slick-prev {background: url(../images/white-prev-arrow-ic.svg) no-repeat;}
.theme-black .ind-demand-slider .slick-next {background: url(../images/white-next-arrow-ic.svg) no-repeat;}
.theme-black .service-box .img-box span .path2:before {color: #fff;}
.theme-black .service-box:hover .img-box span .path2:before, .theme-black .service-box:hover h3, .theme-black .service-box:hover p, .theme-black .service-box:hover li {color: #252b33 !important;}
.theme-black .team-masonry-grid .partner-overview, .theme-black .ind-dt-row .ind-dt-col{border: 1px solid rgba(255, 255, 255, 0.3);}
.theme-black .ai-tool-wrap .ai-detail{background: rgba(255, 255, 255, 0.8);}
.theme-black .ai-tool-wrap .ai-detail{border-right: 1px solid rgba(255, 255, 255, 0.3);border-bottom: 1px solid rgba(255, 255, 255, 0.3);}
.theme-black .ind-expertise .icon-block .icon-box{background: #c1c1c1;}
.theme-black .card .faqs-collapse {border-bottom: 1px solid #272727;}
/* Dark Theme CSS End */

/* ============== Responsive Css Start ============== */
@media only screen and (max-width: 1700px) {
.ind-focus-slider .slick-track {margin-left: 10px;}
}
@media only screen and (max-width: 1440px) {
.tech-slider .img-wrap img{height: 600px;}
.service-box{padding: 100px 30px 50px;}
}