@import url('tab.css');
@import url('box.css');
@import url('faq.css');

.home-banner-inner{background: url(../images/home/banner.png) no-repeat left top; background-size: cover; min-height: 100px; border-radius: 30px; overflow: hidden; position: relative;}
.home-banner-inner:before{content: ""; position: absolute; left:0; top: 0; width: 50%; height: 100%; background: linear-gradient(90.28deg, #072FB0 0.22%, rgba(53, 53, 53, 0) 100.43%); border-radius: 30px 0px 0px 30px;}
.home-banner-inner:after{content: ""; position: absolute; right:0; top: 0; width: 30%; height: 100%; background: linear-gradient(90.28deg, #0C9B7E 0.22%, rgba(53, 53, 53, 0) 100.43%); border-radius: 30px 0px 0px 30px; transform: matrix(-1, 0, 0, 1, 0, 0);}
.home-banner-inner .col-md-7,.home-banner-inner .col-md-5{display: flex; align-items: center;}
.banner-inner-image{margin-bottom: -5px; position: relative; z-index: 1;}
.banner-des-box{width: 100%; display: flex; flex-direction: column; gap: 70px; position: relative; z-index: 1;}
.banner-des-top{display: flex; flex-direction: column; gap: 15px;}
.banner-des-top .caption-text{color: var(--fix-color-white);}
.banner-des-top h5{color: var(--fix-color-white);}


.bespoke-solution-box{text-align: center; display: flex; flex-direction: column; gap: 30px; padding: 0px 30px;}
.bespoke-solution-box figure{margin: auto; width: 67px; height: 67px; border-radius: 8px; transform: rotate(45deg); display: flex; align-items: center; justify-content: center; font-size: 32px; color: var(--fix-color-white);}
.bespoke-solution-box figure i{transform: rotate(-45deg); display: inline-block;}

.modern-it-services-inner{background:url(../images/home/modern-it-services-ger.png) no-repeat right bottom var(--white-scale-100); border-radius: 30px;}
.modern-it-services-list ul{display: grid; grid-template-columns: repeat(auto-fit, minmax(500px, 1fr)); gap: 24px;}

.modern-it-services-list ul li{position: relative; overflow: hidden;z-index: 1; display: flex;}
.modern-it-services-box{background: var(--opacity-shade-black-black-500); backdrop-filter: blur(49.45px); -webkit-backdrop-filter: blur(49.45px); border-radius: 20px; padding: 40px; display: flex; flex-direction: column; gap: 15px; width: 100%;}
.modern-it-services-list ul li:before{content: ""; width: 160px; height: 128px; border-radius: 50px; background: var(--primary-colors-green); position: absolute; bottom: 0; left: 0;opacity: 0;transition: all 0.4s ease-in-out;}
.modern-it-services-list ul li:after{content: ""; width: 116px; height: 93px; border-radius: 50px; background: var(--primary-colors-purple); position: absolute; top: 0; right: 0;z-index: -1;opacity: 0;transition: all 0.4s ease-in-out;}
.modern-it-services-list ul li:hover:before{opacity: 1;}
.modern-it-services-list ul li:hover:after{opacity: 1;}

.modern-it-services-list ul li h5{position: relative; z-index: 1;}
.modern-it-services-list ul li p{position: relative; z-index: 1;}
.mobile-application-section .section-head{margin-bottom: 0;}
.application-ger-image{text-align: right;}
.application-ger-image img{border-radius: 20px;}



.portfolio-section{background: var(--white-scale-100);}
.portfolio-left-head{display: flex; flex-direction: column; gap: 10px;}
.portfolio-left-head .caption-14{color: var(--primary-colors-blue);}
.portfolio-list-box{border-radius: 16px; padding: 0px 30px; width: 100%;}
.portfolio-list-box .col-md-4{display: flex;}
.portfolio-content-box{display: flex; flex-direction: column; justify-content: space-between; padding: 30px 0px;}
.portfolio-content-box h2{color: var(--fix-color-white); line-height:52px;}
.portfolio-content-box p{color: var(--fix-color-white);}
.portfolio-content-top{display: flex; flex-direction: column; gap: 15px;}
.portfolio-list .owl-item:nth-of-type(3n+1) .portfolio-list-box { background: var(--primary-colors-purple);}
.portfolio-list .owl-item:nth-of-type(3n+2) .portfolio-list-box { background: var(--primary-colors-green);}
.portfolio-list .owl-item:nth-of-type(3n+3) .portfolio-list-box { background: var(--primary-colors-pink);}

.technology-stack-slider-bg{position: relative;}
.technology-stack-slider-bg:before{content: ""; background: linear-gradient(270deg, var(--mix-color-mix-gry-mix-0) 0%, var(--mix-color-mix-gry-mix-100) 100%); position: absolute; left: 0; top: 0; width: 395px; height:calc(100% - 50px); z-index: 9;}
.technology-stack-slider-bg:after{content: ""; background: linear-gradient(270deg, var(--mix-color-mix-gry-mix-0) 0%, var(--mix-color-mix-gry-mix-100) 100%); position: absolute; right: 0; top: 0; width: 395px; height:calc(100% - 50px); z-index: 9; transform: matrix(-1, 0, 0, 1, 0, 0);}
.technology-stack-section .caption-14{color: var(--primary-colors-pink);}
.technology-stack-list .item{display: flex;}
.technology-stack-box{display: flex; flex-direction: column; gap: 35px; padding:50px 30px; background: var(--white-scale-50); border: solid 1px var(--black-scale-800); border-radius: 16px;}
.technology-stack-box figure{margin: auto;}
.technology-stack-box figure img{width: auto !important; height: auto;}
.technology-stack-box figcaption{text-align: center; display: flex; flex-direction: column; gap: 10px;}

.industries-section{background: var(--background-bg-block2);}
.industries-section .caption-14{color: var(--primary-colors-green);}
.industries-box{position: relative; border-radius: 18px; overflow: hidden; padding-bottom: 40px;}
.industries-box figure{margin: 0;}
.industries-box figure img{width: 100% !important; height: auto; aspect-ratio: 10/16; object-fit: cover; border-radius: 18px;}
.industries-content{position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; flex-direction: column; justify-content: space-between; background: linear-gradient(180deg, #252332 0%, rgba(37, 35, 50, 0) 100%); }
.industries-content figcaption{padding: 30px; display: flex; flex-direction: column; gap: 10px; transition: all 0.4s ease-in-out;}
.industries-content figcaption h4{color: var(--fix-color-white); padding-right: 115px;}
.industries-content figcaption p{color: var(--fix-color-white);}
.read-btn-inner{background: var(--background-bg-block2); padding: 10px; border-radius: 50px;}

.industries-section .owl-stage .owl-item:nth-of-type(5n+1) .industries-content:hover {background: linear-gradient(180deg, var(--primary-colors-blue) 0%,#25233200  100%);}
.industries-section .owl-stage .owl-item:nth-of-type(5n+2) .industries-content:hover {background: linear-gradient(180deg, var(--primary-colors-purple) 0%, #25233200  100%);}
.industries-section .owl-stage .owl-item:nth-of-type(5n+3) .industries-content:hover {background: linear-gradient(180deg, var(--primary-colors-pink) 0%, #25233200  100%);}
.industries-section .owl-stage .owl-item:nth-of-type(5n+4) .industries-content:hover {background: linear-gradient(180deg, var(--primary-colors-orange) 0%, #25233200  100%);}
.industries-section .owl-stage .owl-item:nth-of-type(5n+5) .industries-content:hover {background: linear-gradient(180deg, var(--primary-colors-green) 0%, #25233200  100%);}


.success-matrix-list ul{display:grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; justify-items: center;}
.success-matrix-list ul li{width: 100%;}
.success-matrix-list ul li a{display: flex; align-items: center; gap: 10px; padding: 15px; border: solid 1px var(--primary-colors-green); border-radius: 50px; color: var(--primary-colors-green);}
.success-matrix-list ul li a span{width: 55px; flex:0 0 55px; height: 55px; border-radius: 50px; position: relative; display: flex; align-items: center; justify-content: center;}
.success-matrix-list ul li a span:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 50px; background: var(--primary-colors-green); opacity: 30%;}
.success-matrix-list ul li a span i{font-size: 28px; color: var(--primary-colors-green);}

@media (max-width: 1403px){
.banner-des-box{padding-left: 15px;}
.featured-awards-section{margin: 15px;}
}
  
@media (max-width: 1285px) {
.banner-des-box{gap: 30px;}
.modern-it-services-list ul{grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));}
}

@media (max-width: 1023px) {
.home-banner-inner .col-md-5{display: none;}
.home-banner-inner .col-md-7{width:100%;}
.banner-des-box{padding: 30px 0px;}

.bespoke-solution-box{padding: 0;}
.modern-it-services-box{padding: 20px;}
.modern-it-services-list ul{grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));}

.portfolio-list-box{padding: 0px 15px;}
.portfolio-content-box h2{line-height: 38px;}
}

@media (max-width: 767px){


.application-ger-image{margin-top: 30px;}
.dedicated-developers-box{padding: 30px;}
.technology-stack-slider-bg:before{display: none;}
.technology-stack-slider-bg:after{display: none;}
.portfolio-content-box{gap: 15px;}
}