h1, h2, h3, h4, h5, h6 {font-family: 'Inter', sans-serif; font-weight:700; color: #191a1b;}
h2 { font-size: 40px;line-height: 50px; }
h3 { font-size: 38px;line-height: 48px; }
h2 span { color: #18191a; }
p { font-family: 'Inter', sans-serif !important; }
img { border: 0; vertical-align: top; max-width: 100%; height: auto; }
.clearfix { clear: both; }
.p-relative { position: relative; }
@media (max-width: 1800px) { 
    h2.title, h3.title { font-size: 38px; line-height: 48px; }
}
@media (max-width: 1599px) {
    h2.title, h3.title {font-size: 36px; line-height: 46px;}
}
@media (max-width: 1199px) {
    h2.title,h3.title {font-size: 30px; line-height: 40px;}
}
@media (max-width: 767px) {
    body { font-size:15px; line-height: 25px; }
    h2.title, h3.title {font-size: 24px; line-height: 34px;}
}
.skip-link { display: none; }
.aligncenter { clear: both; margin: 0 auto; display: block; }
section { padding: 40px 0; }
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-webkit-autofill:focus, 
input:-webkit-autofill:active{
    -webkit-box-shadow: 0 0 0 30px white inset !important;
}

.bg-light {background-color: #f7fbfe !important;}

.container, .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto }

@media (min-width:576px) {
  .container {
    max-width: 600px
  }
}

@media (min-width:768px) {
  .container {
    max-width: 720px
  }
}

@media (min-width:992px) {
  .container {
    max-width: 960px
  }
}

@media (min-width:1200px) {
  .container {
    max-width: 1140px
  }
}

@media (min-width:1400px) {
  .container {
    max-width: 1320px
  }
}

@media (min-width:1600px) {
  .container {
    max-width: 1520px
  }
}

.btn-them{background-color:#ffffff;color:#f68737;border-radius:50px;}
.btn-md{padding:10px 25px;}
.btn-them:hover{background-color:#2d1a6b;color:#fff;box-shadow:0px 2px 7px -1px #2d1a6b;}
.btn-sm{padding:7px 30px;}
.btn-check:focus+.btn-outline-primary, .btn-outline-primary:focus { box-shadow: none; }

.btn-outline-primary:active:focus { box-shadow: none !important; }


.is-sticky #header{box-shadow:0px 10px 10px 0px rgba(0, 0, 0, 0.1); }

.nav-menu li.current-menu-item a, .nav-menu a:hover { color: #191a1b; }

.menu-toggle svg.icon-menu { width: 30px; height: 30px; }
.menu-toggle svg.icon-close { width: 22px; height: 22px; }
 
.nav-menu a:hover, .nav-menu .active > a, .nav-menu li:hover > a{color:#191a1b;text-decoration:none;}

.nav-menu li.highlight-btn:hover { background-color: #191a1b; }

.sticky-wrapper.is-sticky .nav-menu li a:hover { color:#027BEE; } 

@media (max-width:1599px){
    .nav-menu a{padding:10px 15px 10px 15px; font-size: 16px;}
}
@media (max-width:1399px){
    .nav-menu a{padding:10px 10px 10px 10px; font-size:16px;}
}
@media (max-width:1199px){
    .nav-menu a { padding: 10px 10px 11px 10px; }
}
@media (max-width:991px){
    .blog .hero { padding: 140px 0 80px 0 !important; }
    .sticky-wrapper { height: auto !important; }
    .menu { flex-direction: column; }
    .nav-menu.active { opacity: 1; visibility: visible; transform: translateY(0); display: block !important; }
    .nav-menu ul { list-style: none; margin: 0; padding: 0; align-items: start; }
    .nav-menu li { margin: 0; width: 100%; }
    .nav-menu a { display: block; padding: 10px 20px; font-size: 16px; font-weight: 600; color: #0066e6; text-decoration: none; font-weight: 600; }
    .nav-menu:not(.active) { pointer-events: none; }
    body.menu-open { overflow: hidden; }
    .nav-menu li.highlight-btn { width: 100%; border-radius: 0; }
    .nav-menu li.current-menu-item { background-color: #191a1b; }
    .nav-menu li:hover { background-color: #191a1b; }
    .nav-menu li.current-menu-item a, .nav-menu a:hover { color: #fff !important; }
    .icon-close { display: none; }
    .menu-toggle.active .icon-menu { display: none; }
    .menu-toggle.active .icon-close { display: block; }
    .main-navbar-wrap .right-header .highlight-btn { width: 100%; border-radius: 0px; }
}
@media (max-width:767px){
    .logo { margin: 0; display: inline-flex; align-items: center; justify-content: start; flex-wrap: wrap; }
    .logo a, header.fixed .logo a { padding: 10px 5px }
    .blog .hero { padding: 110px 0 50px 0 !important; }
}
@media (max-width:574px){
    #header .logo a { padding: 8px 5px }
}

/* Top & Inner Page Banner */
.banner-caption h1 { font-size: 50px; color: #fff;margin-bottom: 13px; }
.banner-caption h2 {color: #fff;margin-bottom: 30px;font-weight: 400;font-size: 20px;}
.banner-caption p {color: #fff;font-size: 18px;line-height: 28px;font-weight: 500;}
.banner-caption .btn-custom { background-color: #115ea6; color: #fff !important; border: 0; }
.banner-caption .btn-custom:hover { background-color: #191a1b; }

.banner-caption .breadcrumbs { margin-bottom: 15px; position:relative; z-index: 9; }
.banner-caption .breadcrumbs ul { padding-left: 0; }
.banner-caption .breadcrumbs li { display: inline-block; margin-left: 0; }
.banner-caption .breadcrumbs li a { color: #fff; font-size: 16px; line-height: 25px; font-weight: 500; }
.banner-caption .breadcrumbs li:last-child a { pointer-events: none; }
.banner-caption .breadcrumbs li a:hover { text-decoration: underline !important; }
.banner-caption .breadcrumbs li svg { width: 18px; height: 18px; padding: 0 5px; }

.innertopbanner {height: auto;background-color: #0069D9;background-position: right bottom;background-repeat: no-repeat;background-size: cover;position: relative;}
.innertopbanner .container {position: relative;}
.innertopbanner .height100 {height: auto; padding-top: 90px;padding-bottom: 15px;}
.innertopbanner .reviews { margin: 25px 0 30px 0; justify-content: start; }
.innertopbanner .reviews svg { height: 55px!important; margin-right: 20px; width: 204px !important; }
.innertopbanner .banner-caption h1 {font-size: 48px;line-height: 58px;font-weight: 700 !important;}
.innertopbanner .banner-caption p { font-size: 16px; line-height: 26px; font-weight: 400; max-width: 800px; }
.innertopbanner .banner-mobiles {position: relative;width: 100%;text-align: center;bottom: 0;}
.innertopbanner .banner-mobiles img { max-height: 550px; object-fit: contain }
.innertopbanner .banner-mobiles.heightExtra { max-height: 600px; }

.ourteam-banner { height: 600px; display: flex; align-items: center; }
.ourteam-banner p { max-width: 1000px !important; margin: 0 auto 10px; }

.pageLabel { position: relative; color: #fff; font-size: 18px; text-transform: uppercase; line-height: 30px; font-weight: 500 }
.pageLabel:before { content: ''; position: relative; display: inline-block; height: 12px; width: 12px; background-color: #fff; margin-right: 8px }

.portfolio-banner { padding: 135px 0 50px; }
.portfolio-banner h1 { font-size: 30px; line-height: 40px; }
.portfolio-banner .CTABox { border: 1px solid #0175E2; padding: 30px 30px; border-radius: 5px; }
.portfolio-banner .CTABox p { font-size: 18px; font-weight:500; }

@media (max-width: 1599px) {
    .innertopbanner .banner-caption h1 { font-size: 40px; line-height: 50px; }
}
@media (max-width: 1399px) {
    .innertopbanner .height100 { height: auto; padding-top: 80px; }
    .innertopbanner .banner-caption h1 { font-size: 35px; line-height: 45px; }
}
@media (max-width: 1199px) {
    .innertopbanner .banner-caption h1 { font-size: 30px; line-height: 40px; }
}
@media (max-width: 991px) {
    .innertopbanner .height100 { padding-top: 80px; padding-bottom: 0; }
    .innertopbanner .banner-mobiles { max-width: inherit; margin-bottom: 0; }
    .innertopbanner .banner-caption h1 { font-size: 24px; line-height: 34px; }
    .innertopbanner .reviews { margin: 25px 0 0px 0; }
}
@media (max-width: 767px) {
    .innertopbanner .reviews svg { height: 59px!important; margin: 10px 20px 10px 0; width: 180px!important;  }
    .banner-caption { padding: 30px 0 0 }
    .banner-caption .breadcrumbs { margin-bottom: 10px; }
    .banner-caption .breadcrumbs li a { font-size: 14px; line-height: 20px; }
    .innertopbanner .banner-caption h1 { font-size: 22px; line-height: 34px; }
    .portfolio-banner .CTABox p { font-size: 16px; line-height: 25px; }
    .innertopbanner .height100 { padding-top: 60px; padding-bottom: 0; }
}
@media (max-width: 600px) {
    .innertopbanner .reviews { margin-top: 20px; }
}
@media (max-width: 574px) {
    .topbanner h1 { font-size: 20px; line-height: 30px; } 
    .topbanner .topbanner-btn a { padding: 10px 20px; font-size: 15px; margin-right: 10px }
    .topbanner .reviews img { width: 100%; margin-right: 0; }
    .topbanner .reviews { margin: 40px auto 30px;}
    .portfolio-banner .CTABox { flex-wrap: wrap; padding: 20px; }
    .topbanner-btn .start-project { padding: 16px 18px !important; font-size: 16px !important; }
}
@media (max-width: 480px) {
    .innertopbanner .reviews { justify-content: space-between; }
    .innertopbanner .reviews svg { height: 59px!important; margin: 5px 0; width: 150px!important; }
}

@keyframes marquee {
 from {
    transform: translate3d(0,0,0);
 }
 to {
    transform: translate3d(-50%,0,0);
 }
}


.title { width: 100%; text-align: left; margin-bottom: 80px; }
.title span { font-size: 18px; font-weight: 700; color: #0066CC; display: block; text-transform: uppercase; position: relative; padding-left: 20px; line-height: 30px; }
.title span:before { content: ""; width: 8px; height: 8px; display: block; background-color: #0066CC; position: absolute; left: 0; top: 10px; }
.title h2 { font-size: 30px; margin: 0; color: #18191a; font-weight: 700; line-height: 40px; }
.title h2 strong { font-weight: 600; }
.title p { max-width: 800px; margin: 8px 0 0; color: #191a1b; font-size: 16px; line-height: 30px;}

.hm-about-img {position: relative; display: inline-block;}
@media (min-width:1200px) {
    .hm-about-img { padding-right: 30px }
}

/* About Feature */
.hm-aboutus-feature .row { margin: 0; }
.hm-aboutus-feature .row > div { padding: 0; position: relative; }
.hm-aboutus-feature .row > div.about-feature:before {content: "";display: block;position: absolute;background-color: #f7fbfe;top: 53px;height: calc(100% - 66px);width: 100%;border-right: 1px solid rgba(1, 123, 237, 0.3);-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;}
.hm-aboutus-feature .row > div.about-feature:last-child:before {border-right: 0;}
.hm-aboutus-feature-box {position: relative;padding: 20px 30px;}
.hm-aboutus-feature-box span {background-image: url(../images/about-feature-home.webp); position: relative;margin-bottom: 20px; width:64px;height:64px;display:inline-block;}
.be-dependable {background-position: 0px -0px;}
.value-for-money {background-position: -64px -0px;}
.drive-innovation {background-position: -128px -0px;}
.solve-problems {background-position: -192px -0px;}
.hm-aboutus-feature-content {position: relative;margin-bottom: 15px;}
.hm-aboutus-feature-content h3 {font-size: 18px;line-height: 30px;margin-bottom: 10px;-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;}
.hm-aboutus-feature-content p {-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;}
.hm-aboutus-feature-content p:last-child {margin-bottom: 0;}
.hm-aboutus-feature .row > div.about-feature:hover:before {background-color: #0175e2;top: 0;height: 100%;border-radius: 5px;-webkit-box-shadow: 0 3px 14px 0 rgba(4, 64, 120, 0.2);-moz-box-shadow: 0 3px 14px 0 rgba(4, 64, 120, 0.2);box-shadow: 0 3px 14px 0 rgba(4, 64, 120, 0.2);}
.hm-aboutus-feature .row > div.about-feature:hover .hm-aboutus-feature-content h3 {color: #fff;}
.hm-aboutus-feature .row > div.about-feature:hover .hm-aboutus-feature-content p {color: #fff;}

@media (max-width: 991px) {
    .hm-aboutus-feature .row>div:nth-child(2):before { border-right: 0 }
}
@media (max-width: 574px) {
    .hm-aboutus-feature-box { padding: 20px }
    .hm-aboutus-feature .row > div.about-feature:before { border-right: none; }
}

.app-development-reviews .title .review-main-title { font-size: 30px; margin: 0; color: #18191a; font-weight: 700; line-height: 40px; }
.app-development-reviews .title span:before { display: none; }
.app-development-reviews .title p { max-width: inherit; }
.testi-grid { position: relative; background-color: var(--white-color); box-shadow: 0 6px 15px rgb(8 14 28 / .06); border-radius: 10px; padding: 120px 40px 40px 40px; margin-top: 50px; }
.testi-grid_img { text-align: center; border-radius: 10px; position: absolute; top: -40px; left: 40px; box-shadow: 0 3px 14px 0 rgba(4, 64, 120, 0.2); }
.testi-grid_img>img { border-radius: 10px; object-fit: cover; object-position: center; width: 110px; height: 110px; }
.testi-grid_quote { height: 36px; width: 36px; line-height: 36px; background-color: #0175e2; border-radius: 50%; text-align: center; position: absolute; bottom: -18px; left: calc(50% - 18px); z-index: 2; margin: -28px auto 0 auto; display: flex; justify-content: center; align-items: center; }
.testi-grid_quote:after, .testi-grid_quote:before { content: ""; position: absolute; inset: 0; background-color: #0175e2; z-index: -1; border-radius: 50%; -webkit-transition: all ease 0.4s; transition: all ease 0.4s; }
@keyframes ripple {
 0% {
    transform: scale(1);
    opacity: 0;
 }
 30% {
    opacity: 0.4;
 }
 100% {
    transform: scale(1.8);
    opacity: 0;
 }
}
.testi-grid_quote:after, .testi-grid_quote:before { -webkit-animation-duration: 5s; animation-duration: 5s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: ripple; animation-name: ripple; }
.testi-box_quote img { position: relative; z-index: 1; }
.testi-grid_review { position: absolute; top: 12px; right: 40px; }

.testi-box_text { margin-top: -0.45em; padding-bottom: 15px; margin-bottom: 30px; border-bottom: 1px solid #E2E8FA; font-size: 16px; line-height: 30px; min-height: 180px; }
.testi-inner-content { display: flex; align-items: center; justify-content: space-between; }
.testi-grid_review img { width: 100px; height: auto; }
.testi-grid_content .box-title { font-size: 24px; line-height: 34px; font-weight: 700; margin-bottom: 0;}
.testi-grid_desig { font-size: 14px; display: block; margin-bottom: -0.5em; color: #0175e2; font-weight: 500; }
.reviews-slider{ position:relative; }
.reviews-prev, .reviews-next { width:54px; height:54px; background:#0175e2; border-radius:50%; color:#fff; box-shadow:0 10px 30px rgba(1,117,226,.25); }
.reviews-prev:after, .reviews-next:after { font-size:18px; font-weight:700; }
.reviews-prev { left:-80px; }
.reviews-next { right:-80px; }
.reviewsSwiper { padding: 10px 10px 30px 10px; }
.reviewsSwiper .swiper-slide { height:auto; }
@media (max-width: 1199px) {
    .reviews-prev{ left:0; }
    .reviews-next{ right:0; }
}
@media (max-width: 767px) {
    .testi-grid { padding: 110px 25px 25px 25px; min-height: 160px; }
    .testi-grid_content .box-title { font-size: 20px; line-height: 30px; }
    .app-development-reviews .title .review-main-title { font-size: 22px; line-height: 32px; }
}


/* App Services Tab */
.app-services .title p { max-width: 1000px; margin: 15px auto 0; }
.app-services .app-development-ser { margin-left: 35px; padding-bottom: 35px; box-shadow: 0px 3px 14px 0px rgba(4, 64, 120, 0.20); }
.app-services .app-development-ser .nav-pills { background: #0069d9; padding: 50px 0 50px 40px; height: calc(100% + 30px); margin-top: -30px!important; width: 385px; margin-left: -40px; }
.app-services .app-development-ser .nav-pills li { margin-bottom: 20px; }
.app-services .app-development-ser .nav-pills li:last-child { margin-bottom:0; }
.app-services .app-development-ser .nav-pills li button { color: #fff; font-size: 18px; line-height: 30px; position:relative; font-weight:500; padding: 14px 20px; }
.app-services .app-development-ser .nav-pills li button { display: flex; align-items: center; }
.app-services .app-development-ser .nav-pills li button span.icon { margin-right: 20px; }
.app-services .app-development-ser .nav-pills li button span.icon svg { width: 35px; height: 35px; }
.app-services .app-development-ser .nav-pills li button:after { background-color: #fff; box-shadow: 0 2px 20px 0 rgba(0,0,0,.3); content: ""; height: 100%; left: 0; position: absolute; top: 0; transition: .4s; width: 0; }
.app-services .app-development-ser .nav-pills li button.active { background-color: transparent; color: #0175E2; }
.app-services .app-development-ser .nav-pills li button.active svg path { fill: #0175E2; }
.app-services .app-development-ser .nav-pills li button.active:after { transition: .4s; width: 375px; }
.app-services .app-development-ser .nav-pills li span { position: relative; z-index: 9; }
.app-services .app-development-ser .mobile-service-content { padding: 50px 100px 30px 0; position:relative; }
.app-services .app-development-ser .mobile-service-content h3 { font-size: 25px; line-height: 35px; margin-bottom: 15px; color: #000 }
.app-services .app-development-ser .mobile-service-content p { color: #333; font-size: 16px; line-height: 30px; }
.app-services .app-development-ser .mobile-service-content .services span { list-style: none; color: #000; font-size: 17px; line-height: 30px; margin-bottom: 20px; display: flex; align-items:start; }
.app-services .app-development-ser .mobile-service-content .services span a { color: #333; font-weight: 400; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.app-services .app-development-ser .mobile-service-content .services span a:hover { color: #0175E2; }
.app-services .app-development-ser .mobile-service-content .services span:before { content:''; background-image: url(../images/services-list.png); background-position: center; background-repeat: no-repeat; display: inline-block; width: 1em; height: 1em; position: relative; top: 0.4rem; margin-right: 1.2rem; list-style: none; min-width: 1em;}
.app-services .app-development-ser .mobile-service-content .explore-button { position: absolute; right: 100px; bottom: -60px; width: auto; font-weight: 500; font-size: 20px; line-height: 30px; text-decoration: none; }
.app-services .app-development-ser .mobile-service-content .explore-button:hover { color: #fff !important; background-color: #191a1b; }
.app-services .app-develoment-ser-mobile { display: none; }
.app-services .app-develoment-ser-mobile .carousel-item { padding: 10px 10px 20px; }
.app-services .app-develoment-ser-mobile .app-sevice-box { box-shadow: 0px 3px 14px 0px rgba(4, 64, 120, 0.20); margin: 15px; }
.app-services .app-develoment-ser-mobile .app-sevice-box .app-service-content { padding: 20px 30px; }
.app-services .app-develoment-ser-mobile .app-sevice-box .app-service-content p { text-align: left; }
.app-services .app-develoment-ser-mobile div.service-title { font-size: 20px; line-height: 30px; color: #fff; background-color: #0175E2; padding: 10px 15px; font-weight: 500; }
.app-services .app-develoment-ser-mobile div.service-title span { margin-right: 10px; }
.app-services .app-develoment-ser-mobile .services { padding: 0; }
.app-services .app-develoment-ser-mobile .services span { list-style: none; color: #000; font-size: 15px; line-height: 30px; margin-bottom: 10px; display: flex; align-items: start; }
.app-services .app-develoment-ser-mobile .services span a { color: #333; font-family: Inter; font-weight: 500; text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.app-services .app-develoment-ser-mobile .services span a:hover { color: #0175E2; }
.app-services .app-develoment-ser-mobile .services span:before { content:''; background-image: url(../images/services-list.png); background-position: center; background-repeat: no-repeat; display: inline-block; width: 1em; height: 1em; position: relative; top: 0.4rem; margin-right: 1.2rem; list-style: none; min-width: 1em; }
.app-services .app-develoment-ser-mobile .explore-section { text-align: center; margin-top: 50px; }
.app-services .app-develoment-ser-mobile .explore-button { color: #fff !important; font-weight: 500; font-size: 16px; line-height: 25px; }
.app-services .app-develoment-ser-mobile .explore-button:hover { color: #fff !important; background-color: #0175E2 !important; }
.app-services .app-develoment-ser-mobile .service-slider-swiper { padding-bottom: 35px; }
.app-services .app-develoment-ser-mobile .service-slider-swiper .swiper-pagination .swiper-pagination-bullet { background-color: rgb(1 122 236 / .3) !important; width: 12px; height: 12px; opacity: 0.5; }
.app-services .app-develoment-ser-mobile .service-slider-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: #007aff !important; opacity: 1; }
.service-list { list-style: none; padding: 0; margin: 20px 0 0; display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px 20px; }
.service-list li { position: relative; padding-left: 18px; display: flex; align-items: flex-start; padding-left: 0; }
.app-services .app-development-ser .mobile-service-content .service-list li:before { content: ''; display: inline-block; width: 16px; height: 16px; min-width: 16px; background-image: url('../images/check-icon.svg'); background-repeat: no-repeat; background-position: center; background-size: contain; margin-right: 12px; margin-top: 7px; }
.service-list a { color: inherit; text-decoration: underline; } 
.service-list a:hover { color: #0175E2; }

.app-services .start-project { font-size: 16px !important; font-weight: 500; color: #fff !important; padding: 16px 29px !important; border-radius: 3px !important; overflow: hidden; line-height: 25px !important; position: relative; display: inline-flex !important; align-items: center; justify-content: center; gap: 10px; transition: all 0.3s ease 0s; margin-right: 0; background-color: #0069D9; border: none; }
.app-services .start-project span { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; gap: 10px; }
.app-services .start-project .rs-btn-active span { display: flex; line-height: 20px; text-shadow: 0 30px 0; backface-visibility: hidden; transform: translateY(0); transition: 0.3s ease-in-out; }
.app-services .start-project em, .app-services .start-project .rs-btn-active { position: relative; z-index: 2; }
.app-services .start-project em { display: inline-block; overflow: hidden; position: relative; width: 12px; height: 12px; line-height: 20px; flex-shrink: 0; }
.app-services .start-project em svg { width: 12px; height: 12px; display: block; }
.app-services .start-project .rs-btn-active { overflow: hidden; }
.app-services .start-project em > * { height: inherit; width: inherit; line-height: inherit; font-size: 18px; position: absolute; top: 0; left: 0; transition: 0.3s ease-in-out;; }
.app-services .start-project em svg path { fill: #fff; transition: 0.3s ease-in-out; }
.app-services .start-project::after { position: absolute; content: ""; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; width: calc(100% - 2px); background: #0175e2; pointer-events: none; transition: 0.3s ease-in-out;; }
.app-services .start-project:hover { color: #fff !important; background-color: #191a1b; }
.app-services .start-project:hover .rs-btn-active span { transform: translateY(-30px); }
.app-services .start-project em > *:first-child { transform: translate(0, 0); }
.app-services .start-project em > *:last-child { transform: translate(-150%, 150%); }
.app-services .start-project:hover em > *:first-child { transform: translate(150%, -150%); } 
.app-services .start-project:hover em > *:last-child { transform: translate(0, 0); }
.tab-arrow { display: none; }

.services-column { padding: 30px; border-radius: 20px; border: 1px solid #c5e1ff; position: relative; overflow: hidden; }
.services-column:hover { box-shadow: 0px 0px 17px 14px rgba(0, 0, 0, 0.04); }
.services-column .title_all_box { text-align: center; display: flex; flex-direction: column; position: absolute; left: -30px; top: -30px; }
.services-column .title_all_box { font-size: 30px; line-height: 20px; font-weight: 600; }
.services-column .title_all_box .typone { color: #0069D9; background: #FFFFFF; border: 1px solid #c5e1ff; border-radius: 79px 79px 79px 79px; padding: 62px 64px 62px 52px; z-index: 11; }
.services-column .iconbx { display: inline-flex !important; z-index: 11; position: relative; margin: 30px; }
.services-column .iconbx .icon { padding: 20px; !important; border-radius: 49px 49px 49px 49px !important; background-color: #eef4fd; border: 1px solid #eef4fd; }
.services-column .iconbx .icon img { width: 40px; height: 40px; }
.services-column h4.title {  font-size: 24px; line-height: 34px; font-weight: 600; margin-bottom: 10px; color: #0175E2; }

.services-column-btn { background-color: #191a1b; color: #fff; border-radius: 5px; display: inline-flex; align-items: center; padding: 10px 29px; }
.services-column-btn svg { width: 12px; height: 12px; margin-left: 15px; }
.services-column-btn svg path { fill: #fff; }
.services-column-btn:hover { background-color: #0175E2; color: #fff; }

@media (max-width: 1399px) {
    .app-services .app-development-ser .nav-pills li button { font-size: 17px; padding: 14px 0px 14px 20px; }
    .app-services .app-development-ser .nav-pills { width: 350px; }
    .app-services .app-development-ser .nav-pills li button.active:after { width: 340px; }
    .app-services .app-development-ser .mobile-service-content .explore-button { bottom: -20px; }
}
@media (max-width: 1199px) {
    .app-services .app-development-ser .nav-pills { width: 300px; padding: 50px 0 50px 20px; }
    .app-services .app-development-ser .nav-pills li button { font-size: 16px; line-height: 25px; padding: 8px 0px 8px 15px; text-align: left; }
    .app-services .app-development-ser .nav-pills li button.active { background-color: #fff; border-radius: 0; }
    .app-services .app-development-ser .nav-pills li button.active:after { width: 315px; }
    .app-services .app-development-ser .mobile-service-content { padding: 10px 30px 30px 20px; }
    .app-services .app-development-ser .mobile-service-content .services span a { font-size: 15px; line-height: 25px; }
    .app-services .app-development-ser .mobile-service-content .services span { font-size: 15px; line-height: 25px; }
    .app-services .app-development-ser .mobile-service-content .explore-button { bottom: -30px; left: 20px; right: auto; }
}
@media (max-width: 991px) {
    .app-services .app-development-ser { margin-left: 0px; padding-bottom: 0; }
    .app-services .app-development-ser .nav-pills { flex-direction: row !important; justify-content: center; width: 100%; padding: 30px 10px 10px;
        height: auto; margin-top: 0 !important; margin-left: 0 !important; }
    .app-services .app-development-ser .nav-pills li button { font-size: 16px; line-height: 25px; padding: 8px 15px 8px 15px; }
    .app-services .app-development-ser .nav-pills li button.active:after { display: none; }
    .app-services .app-development-ser .mobile-service-content .services span { font-size: 15px; margin-bottom: 10px;}
    .app-services .app-development-ser .mobile-service-content .explore-button { font-size: 18px; line-height: 30px; right: 30px; }
    .app-services .app-development-ser .nav-pills li button span.icon { margin-right: 10px; }
    .app-services .app-development-ser .mobile-service-content .explore-button { position: inherit; margin-top: 20px; }
    .app-services button.start-project { margin-top: 15px; }
    .services-column { margin-bottom: 20px; }
}
@media (max-width: 767px) {
    .app-services .app-development-ser .nav-pills { display: block!important; width: 100%; overflow-x: auto; white-space: nowrap; padding: 20px 10px 10px; }
    .app-services .app-development-ser .nav-pills li { display: inline-block; margin-bottom: 10px; }
    
    .app-services .app-develoment-ser-mobile { display: block; margin-top: -30px; }
    .service-list { grid-template-columns: 1fr; }
     .app-development-ser .row { display:block !important; }
     #pills-services-tabs{ flex-direction: row !important; flex-wrap: nowrap; overflow-x: auto; overflow-y: hidden; white-space: nowrap; gap: 12px; scroll-behavior: smooth; scrollbar-width: none; -ms-overflow-style: none; padding: 15px 45px 5px; }
     #pills-services-tabs::-webkit-scrollbar{ display: none; }
     #pills-services-tabs .nav-item{ flex: 0 0 auto; }
     #pills-services-tabs .nav-link{ min-width: 190px; }
     .services-tab-wrapper{ position: relative; }
     .tab-arrow{ position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; width: 34px; height: 34px; border: none; border-radius: 50%; background: #18191a; color: #fff; cursor: pointer; display: flex; align-items: center; justify-content: center; }
     .tab-arrow.left { left: 0; }
     .tab-arrow.right{ right: 0; }
     .tab-content{ margin-top:20px; }
     .service-list{ grid-template-columns:1fr; }
     .explore-button{ width:100%; justify-content:center; }
 .app-services .app-development-ser .nav-pills li button span.icon svg { width: 30px; height: 30px; }
 .services-column { padding: 20px; }
}
@media (max-width: 576px) {
    .app-services .app-develoment-ser-mobile h3 { font-size: 18px; line-height: 30px; font-weight: 500; }
    .app-services .app-develoment-ser-mobile .app-sevice-box .app-service-content { padding: 20px 15px; }
}

/* Call To ACtion */
.CallActionContent { background-color: #004484; padding: 50px; text-align: center; border-radius: 5px; position: relative }
.CallActionContent p { font-size: 16px; line-height: 30px; max-width: 1000px; margin: 20px auto; color: #fff }
.CallActionContent .btn-custom { background-color: #fff; color: #004484 !important; padding: 10px 40px }
.CallActionContent .btn-custom:hover { background-color: #191a1b; color: #fff !important }
.CallActionContent:after { content: ''; height: 320px; width: 320px; display: block; position: absolute; bottom: 0; right: 0; }
.CallActionContent span.cta-title { font-size: 32px; line-height: 42px; font-weight: 700; }
@media (min-width:768px) {
    .CallActionContent:after {
        background-image: url("../images/cta-bg-object.svg");
    }
}
@media (max-width:1399px) {
    .CallActionContent span.cta-title { font-size: 32px; line-height: 42px }
}
@media (max-width:1199px) {
    .CallActionContent span.cta-title { font-size: 30px; line-height: 40px; }
    .CallActionContent p { font-size: 16px; line-height: 25px; }
}
@media (max-width:991px) {
    .CallActionContent span.cta-title { font-size: 24px; line-height: 34px; }
    .CallActionContent p { margin: 10px auto; }
}
@media (max-width:767px) {
    .CallActionContent span.cta-title { font-size: 20px; line-height: 30px; }
}
@media (max-width:600px) {
    .CallActionContent:after { display: none; }
}
@media (max-width:574px) {
    .CallActionContent { padding: 40px 20px; }
    .CallActionContent .btn-custom { padding: 8px 18px }
}
@media (max-width:574px) {
    .CallActionContent .btn-custom { padding: 10px 16px; white-space: normal }
}

/* Our Solutions */
.hm-our-solution .title { margin-bottom: 50px; }
.hm-our-solution .title p { max-width: 775px; }
.page-template-fornt-page-new-template .hm-our-solution .title p { max-width: 1100px; margin: 15px auto; }
.hm-our-solution-col { -ms-flex: 0 0 20%; flex: 0 0 16%; max-width: 20%; padding: 0 18px; }
.hm-our-solution-col a { display: block; }
.hm-our-solution-box { top:0; position: relative; background-color: transparent; padding: 30px 30px; -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; min-height: 200px; }
.hm-our-solution-icon { text-align: center; }
.hm-our-solution-icon svg { width: 72px; height: 72px; }
.hm-our-solution-icon svg circle,.hm-our-solution-icon svg ellipse,.hm-our-solution-icon svg path,.hm-our-solution-icon svg polygon,.hm-our-solution-icon svg rect { fill: #0175e2; }
.hm-our-solution-box h3 { font-size: 18px; min-height: 42px; display: flex; justify-content: center; align-items: center; text-align: center; line-height: 25px; margin-top: 10px; width:100%; }
.hm-our-solution-box { display: flex; width: 100%; align-items: center; justify-content: center; border: 2px solid #fff; margin-top: 15px; flex-wrap:wrap; }
.hm-our-solution-box:hover { border: 2px solid #0175e2; top: -5px; }
.hm-our-solution-box span { position: absolute; right: 10px; bottom: 2px; transform: rotate(33deg);  -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; }
.hm-our-solution-box:hover span { transform: none; }
.custom-software-industry .hm-our-solution-col { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
.ConsultingIndustry .hm-our-solution-col { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }

@media (max-width: 1399px) {
    .hm-our-solution-col { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}
@media (max-width: 1199px) {
    .hm-our-solution-col { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .ConsultingIndustry .hm-our-solution-col { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .hm-our-solution-box h3 { font-size: 16px; line-height: 25px; }
}
@media (max-width: 1199px) {
    .hm-our-solution-col, .custom-software-industry .hm-our-solution-col { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33%; padding: 0 8px 0 8px; }
    .ConsultingIndustry .hm-our-solution-col { -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; }
}
@media (max-width: 767px) {
    .hm-our-solution-col, .custom-software-industry .hm-our-solution-col { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; margin-bottom: 20px !important;}   
}
@media (max-width: 574px) {
    .ConsultingIndustry .hm-our-solution-col { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
}

/* Mobile Solutions */
.hm-mobile-solution-col {-ms-flex: 0 0 20%;flex: 0 0 20%;max-width: 20%;padding: 0 15px;}
.sixColumn .hm-mobile-solution-col {-ms-flex: 0 0 16.66%;flex: 0 0 16.66%;max-width: 16.66%;}
.four_column .hm-mobile-solution-col { -ms-flex: 0 0 25%;flex: 0 0 25%;max-width: 25%;}
.hm-mobile-solution-col a {display: block;}
.hm-mobile-solution-box {top: 0;min-height: 200px;position: relative;background-color: #fff;border: 2px solid #e1f0fe;padding: 20px 20px;-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;}
.hm-mobile-solution-icon {width: 85px;height: 85px;margin: 0 auto 35px;position: relative;}
.hm-mobile-solution-icon:before {content: "";display: block;background-color: #017aec;opacity: 0.1;position: absolute;top: 0;bottom: 0;left: 0;bottom: 0;width: 100%;height: 100%;border-radius: 15px;}
.hm-mobile-solution-icon svg { width: 72px; height: 72px; position: absolute; right: -15px; bottom: -5px; }
.hm-mobile-solution-icon svg circle,.hm-mobile-solution-icon svg ellipse,.hm-mobile-solution-icon svg path,.hm-mobile-solution-icon svg polygon,
.hm-mobile-solution-icon svg rect {fill: #0175e2;}
.hm-mobile-solution-box h3 {font-size: 18px;line-height: 30px;min-height: 42px;display: flex;justify-content: center;align-items: center;text-align: center;}
.hm-mobile-solution-box:hover {border: 2px solid #0175e2;top: -5px;}

.page-template-about-us .hm-mobile-solution-box h3 { font-size: 22px; line-height: 32px; text-align: left; display: inline-block; font-weight: 600; font-family: 'Inter', sans-serif; font-weight: 700; color: #191a1b; min-height: auto; margin-bottom: 0; }
@media (max-width: 1599px) {
    .sixColumn .hm-mobile-solution-col { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; }
}
@media (max-width: 1399px) {
    .hm-mobile-solution-col { flex: 0 0 25%; max-width: 25%; }
}
@media (max-width: 1199px) {
    .sixColumn .hm-mobile-solution-col { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; }
    .hm-mobile-solution-box { padding: 20px 15px }
    .hm-mobile-solution-box h4 { font-size: 16px; }
    .four_column .hm-mobile-solution-col { -ms-flex: 0 0 33.33%;flex: 0 0 33.33%;max-width: 33.33%;}
}
@media (max-width: 991px) {
    .hm-mobile-solution-col { -ms-flex: 0 0 33.33%; flex: 0 0 33.33%; max-width: 33.33% }
    .sixColumn .hm-mobile-solution-col { -ms-flex: 0 0 33%; flex: 0 0 33%; max-width: 33%; }
}
@media (max-width: 767px) {
    .hm-mobile-solution-icon { margin-bottom: 20px; }
    .hm-mobile-solution-box { min-height: 120px; padding: 20px 10px; }
    .sixColumn .hm-mobile-solution-col { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; }
    .four_column .hm-mobile-solution-col { -ms-flex: 0 0 50%;flex: 0 0 50%;max-width: 50%;}
}
@media (max-width: 574px) {
    .hm-mobile-solution-col { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50% }
    .hm-mobile-solution-icon { width: 75px; height: 75px; }
    .hm-mobile-solution-icon svg { height: 62px;width: 62px; }
}
@media (max-width:360px) {
    .hm-mobile-solution-col { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100% }
    .hm-mobile-solution-box { max-width: 240px; margin: 0 auto }
}

.our-new-process .title a { color: #0069D9; text-decoration: underline; }
.process-accordion { display: flex; gap: 15px; height: 500px; width: 100%; align-items: stretch; flex-wrap: nowrap; justify-content: flex-start; }
.process-card { position: relative; cursor: pointer; border-radius: 24px; transition: all 0.6s cubic-bezier(0.25, 1, 0.5, 1); overflow: hidden; display: flex; background-color: #18191a; border: 1px solid rgba(255, 157, 66, 0.15); min-width: 70px; flex: 0.1 }
.process-card button.process-toggle { border: none; background-color: transparent; }
.process-card.active { flex: 8; background-color: #0069D9; cursor: default; }
.collapsed-view { width: 70px; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; padding-bottom: 15px; transition: all 0.3s ease }
.process-card.active .collapsed-view { opacity: 0; width: 0; padding: 0; pointer-events: none; }
.tab-title { writing-mode: vertical-rl; transform: rotate(180deg); font-weight: 700; font-size: 20px; letter-spacing: 0.5px; color: #fff; white-space: nowrap; margin-bottom: 25px; }
.tab-num { font-weight: 800; color: #fff; font-size: 1.1rem; }
.expanded-view { flex: 1; padding: 60px; color: #fff; display: flex; flex-direction: column; opacity: 0; transform: translateX(-20px); transition: all 0.4s ease; transition-delay: 0.2s; pointer-events: none; position: relative }
.process-card.active .expanded-view { opacity: 1; transform: translateX(0); pointer-events: auto; }
.exp-num { font-size: 26px; line-height: 30px; font-weight: 600; color: #fff; margin-bottom: 10px; }
.exp-title { font-size: 35px; line-height: 45px; margin: 0 0 15px 0; font-weight: 700; color: #fff; }
.exp-desc { font-size: 18px; line-height: 30px; max-width: 500px; color: #fff; }
.card-graphic { position: absolute; bottom: 40px; right: 40px; width: 300px; height: 200px; opacity: 0.8; background-repeat: no-repeat; background-position: bottom right; background-size: contain }
.process-card[data-id="01"] .card-graphic { background-image: url('../images/planning-process-icon.svg'); }
.process-card[data-id="02"] .card-graphic { background-image: url('../images/wireframe-process-icon.svg'); }
.process-card[data-id="03"] .card-graphic { background-image: url('../images/design-process-icon.svg'); }
.process-card[data-id="04"] .card-graphic { background-image: url('../images/development-process-icon.svg'); }
.process-card[data-id="05"] .card-graphic { background-image: url('../images/testing-process-icon.svg'); }
.process-card[data-id="06"] .card-graphic { background-image: url('../images/delivery-support-process-icon.svg')  }

.web-app-process .process-card[data-id="01"] .card-graphic { background-image: url('../images/web-app-process/requirement-analysis-web-process.svg'); }
.web-app-process .process-card[data-id="02"] .card-graphic { background-image: url('../images/web-app-process/design-prototyping-web-process.svg'); }
.web-app-process .process-card[data-id="03"] .card-graphic { background-image: url('../images/web-app-process/app-development-web-process.svg'); }
.web-app-process .process-card[data-id="04"] .card-graphic { background-image: url('../images/web-app-process/testing-and-quality-assurance-web-process.svg'); }
.web-app-process .process-card[data-id="05"] .card-graphic { background-image: url('../images/web-app-process/deployment-maintainance-web-process.svg'); }
.web-app-process .process-card[data-id="06"] .card-graphic { background-image: url('../images/web-app-process/delivery-support-web-process.svg')  }

.cross-platform-app-process .process-card[data-id="01"] .card-graphic { background-image: url('../images/cross-platform/discovery-planning-cross-platform-app-process.svg'); }
.cross-platform-app-process .process-card[data-id="02"] .card-graphic { background-image: url('../images/cross-platform/refinement-iteration-cross-app-platform-process.svg'); }
.cross-platform-app-process .process-card[data-id="03"] .card-graphic { background-image: url('../images/cross-platform/design-prototyping-cross-platform-app-process.svg'); }
.cross-platform-app-process .process-card[data-id="04"] .card-graphic { background-image: url('../images/cross-platform/launch-maintainace-cross-app-platfrom-process.svg'); }
.cross-platform-app-process .process-card[data-id="05"] .card-graphic { background-image: url('../images/cross-platform/development-testing-cross-app-platform-process.svg'); }
.cross-platform-app-process .process-card[data-id="06"] .card-graphic { background-image: url('../images/cross-platform/launch-maintainace-cross-app-platfrom-process.svg')  }

.android-app-process .process-card[data-id="01"] .card-graphic { background-image: url('../images/android-app-development-process/requirement-analysis.svg'); }
.android-app-process .process-card[data-id="02"] .card-graphic { background-image: url('../images/android-app-development-process/ui-ux-design-and-prototyping.svg'); }
.android-app-process .process-card[data-id="03"] .card-graphic { background-image: url('../images/android-app-development-process/android-app-development.svg'); }
.android-app-process .process-card[data-id="04"] .card-graphic { background-image: url('../images/android-app-development-process/testing-and-quality-assurance.svg'); }
.android-app-process .process-card[data-id="05"] .card-graphic { background-image: url('../images/android-app-development-process/deployment-to-google-play-store.svg'); }
.android-app-process .process-card[data-id="06"] .card-graphic { background-image: url('../images/android-app-development-process/maintenance-and-support.svg'); }
.android-app-process .process-card[data-id="07"] .card-graphic { background-image: url('../images/android-app-development-process/delivery-ongoing-support.svg'); }

.ios-app-process .process-card[data-id="01"] .card-graphic { background-image: url('../images/ios-app-development-process/discovery-and-strategy.svg'); }
.ios-app-process .process-card[data-id="02"] .card-graphic { background-image: url('../images/ios-app-development-process/requirement-analysis.svg'); }
.ios-app-process .process-card[data-id="03"] .card-graphic { background-image: url('../images/ios-app-development-process/ui-ux-design-and-prototyping.svg'); }
.ios-app-process .process-card[data-id="04"] .card-graphic { background-image: url('../images/ios-app-development-process/ios-architecture-planning.svg'); }
.ios-app-process .process-card[data-id="05"] .card-graphic { background-image: url('../images/ios-app-development-process/swift-app-development.svg'); }
.ios-app-process .process-card[data-id="06"] .card-graphic { background-image: url('../images/ios-app-development-process/backend-and-api-integration.svg'); }
.ios-app-process .process-card[data-id="07"] .card-graphic { background-image: url('../images/ios-app-development-process/quality-assurance-and-testing.svg'); }
.ios-app-process .process-card[data-id="08"] .card-graphic { background-image: url('../images/ios-app-development-process/app-store-submission.svg'); }
.ios-app-process .process-card[data-id="09"] .card-graphic { background-image: url('../images/ios-app-development-process/launch-and-deployment.svg'); }
.ios-app-process .process-card[data-id="010"] .card-graphic { background-image: url('../images/ios-app-development-process/post-launch-support-and-maintenance.svg'); }

@media (max-width: 1599px) {
    .card-graphic { width: 250px; height: 150px; }
}
@media (max-width: 1399px) {
    .card-graphic { width: 220px; height: 120px; }
    .exp-num { font-size: 22px; line-height: 32px; }
}
@media (max-width: 1199px) {
    .exp-title { font-size: 30px; line-height: 40px; }
    .expanded-view { padding: 40px; }
}
@media (max-width: 991px) {
    .process-accordion { display: block;  height: auto; }
    .process-card { display: block; width: 100%; min-width: 100%; min-height: auto; margin-bottom: 15px; flex: none !important; }
    .process-card.active { flex: none !important; min-height: auto; }
    .collapsed-view { width: 100%; height: auto; min-height: 70px; display: flex; flex-direction: row; align-items: center; justify-content: space-between; padding: 20px; }
    .tab-title { writing-mode: horizontal-tb; transform: none; margin-bottom: 0; font-size: 18px; }
    .tab-num { font-size: 18px; }
    .expanded-view { display: none; opacity: 1; transform: none; padding: 25px 20px; }
    .process-card.active .expanded-view { display: block; }
    .process-card.active .collapsed-view { display: none; opacity: 1; width: 100%; padding: 20px; pointer-events: auto; }
    .exp-num { font-size: 22px; }
    .exp-desc, .expanded-view p { font-size: 16px; line-height: 28px; }
    .card-graphic { position: relative; width: 120px; height: 120px; right: auto; bottom: auto; margin-top: 20px; margin-left: auto; }
}
@media (max-width: 767px) {
    .card-graphic { width: 180px; height: 80px; }
    .exp-title { font-size: 25px; line-height: 35px; }
}

/* Development Process */
.hm-process .row > div {margin-right: 8.3%;position: relative;}
.hm-process .row > div:nth-child(4),.hm-process .row > div:nth-child(5),.hm-process .row > div:nth-child(6) {margin-left: 8.3%;margin-right: 0;
}
.hm-process-box {height: 100%; border: 2px solid #e1f0fe;padding: 25px 30px 40px; position: relative;overflow: hidden;-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;}
.web-process .hm-process-box { background-color: #fff; border-radius: 6px !important; padding: 25px 30px 40px; height: 100%; }
.crossPla-process .hm-process-box { background-color: #fff; border-radius: 6px !important; padding: 25px 30px 40px; height: 100%; }
.saas-process .hm-process-box { background-color: #fff; border-radius: 6px !important; padding: 25px 30px 40px; height: 100%; }
.hm-process-box:before {content: "";width: 90px;height: 90px;background-color: rgba(1, 122, 236, 0.1);position: absolute;bottom: -55px;left: -55px;display: block;border-radius: 17px;}
.hm-process-box .number {position: absolute;right: 0;top: 0;width: 66px;height: 62px;background-color: rgba(1, 122, 236, 0.1);border-bottom-left-radius: 15px;font-size: 48px;font-weight: 600;color: #b8d2f8;text-align: center;line-height: 62px;-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;}
.hm-process-icon {margin-bottom: 20px;}
.hm-process-icon svg {width: 62px;height: 62px;}
.hm-process-icon svg circle,.hm-process-icon svg ellipse,.hm-process-icon svg path,.hm-process-icon svg polygon,.hm-process-icon svg rect {fill: #0175e2; -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;}
.hm-process-box h3 {font-size: 18px;line-height: 30px;margin-bottom: 5px;-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;}
.hm-process-box p {-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;}
.hm-process-box p:last-child {margin-bottom: 0;}
.hm-process-box:hover {background-color: rgba(1, 122, 236, 0.9);border: 2px solid rgba(1, 122, 236, 0.9);}
.hm-process-box:hover svg circle,.hm-process-box:hover svg ellipse,.hm-process-box:hover svg path,.hm-process-box:hover svg polygon,.hm-process-box:hover svg rect {fill: #fff; }
.hm-process-box:hover h3 {color: #fff;}
.hm-process-box:hover p {color: #fff;}
.hm-process-box:hover .number {background-color: rgba(1, 122, 236, 0.6);}
.step-down-arrow {position: absolute;right: -60px;bottom: -20px;}
.step-top-arrow {position: absolute;right: -60px;top: -20px;}
.hm-process .desk-ver div.col-lg-3:last-child .step-arrow { display: none; }
.process-slider {display: none !important;}
.ProcessSliderSwiper .hm-process-box .number { right: -10px; top: -20px; width: 86px; height: 86px; font-size: 30px; font-weight: 500; line-height: 96px; border-radius: 86px }
.ProcessSliderSwiper .hm-process-box::before { display: none; }
.ProcessSliderSwiper .hm-process-box h5 { font-size: 20px; line-height: 30px; }
.ProcessSliderSwiper .hm-process-box:hover h5 { color: #fff; }
.ProcessSliderSwiper { overflow: hidden; padding-bottom: 30px; }
.ProcessSliderSwiper .swiper-slide { height: auto; }
.ProcessSliderSwiper .hm-process-box { height: 100%; }

@media (max-width: 1399px) {
    .web-process .hm-process-box { padding: 25px 20px 40px; }
    .crossPla-process .hm-process-box { padding: 25px 20px 40px; }
    .saas-process .hm-process-box { padding: 25px 20px 40px; }
}

@media (max-width:991px) {
    .hm-process .row>div { margin-left: 0 !important; margin-right: 0 !important; }
    .step-down-arrow, .step-top-arrow { display: none; }
    .process-slider { display: block !important; }
    .process-slider .swiper-slide { height: auto; }
    .process-slider .swiper-wrapper { padding-bottom: 60px; }
    .process-slider { overflow: hidden; }
    .hm-process .desk-ver { display: none; }
}
@media (max-width: 600px) {
    .web-process .hm-process-box { padding: 30px 20px 40px; }
    .crossPla-process .hm-process-box { padding: 30px 20px 40px; }
    .saas-process .hm-process-box { padding: 30px 20px 40px; }
}
@media (max-width:574px) {
    .hm-process-box { padding: 30px 20px 40px; }
    .hm-process-box .number { width: 56px; font-size: 30px; }
}

.why-choose-lad .ai-advantages-component { max-width: 1280px; width: 100%; background-color: #fff; border-radius: 24px; padding: 40px 60px; box-sizing: border-box; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.05); margin: 0 auto; }
.intro-header { text-align: center; margin-bottom: 60px; }
.intro-header h2 { font-weight: 700; margin: 0 0 15px 0; }
.intro-header p { max-width: 800px; width: 100%; margin: 0 auto; }
.why-choose-lad .why-choose-layout { display: flex; gap: 50px; align-items: flex-start; }
.why-choose-lad .why-choose-media { flex: 1; position: sticky; top: 40px; background-color: #f9f9f9; overflow: hidden; display: flex; align-items: center; justify-content: center; aspect-ratio: 1 / 1;  border-radius: 20px;  max-width: 500px; box-shadow: 0 15px 30px rgba(0, 0, 0, 0.08); }
.feature-image { width: 100%; height: 100%; object-fit: cover; transition: opacity 0.4s ease-in-out, transform 0.6s ease; }
.why-choose-accordion { flex: 1.2; display: flex; flex-direction: column; }
.why-choose-item { border-bottom: 1px solid #eee; padding: 20px 0; cursor: pointer; transition: all 0.3s ease; }
.why-choose-item h3 { margin: 0; font-size: inherit; line-height: inherit; }
.why-choose-item:last-child { border-bottom: none; }
.why-choose-item h3 button { margin: 0; font-size: 20px; line-height: 30px; font-weight: 600; color: #191a1b; transition: color 0.3s ease; background-color: transparent; border: none; }
.why-choose-panel { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, opacity 0.4s ease; opacity: 0; }
.why-choose-panel p { margin: 0; padding: 12px 0 0 0; color: #000; line-height: 30px; font-size: 16px; }
.why-choose-item.active h3 button { color: #0175e2; }
.why-choose-item.active .why-choose-panel { max-height: 250px; opacity: 1; }

@media (max-width: 1199px) {
    .why-choose-lad .why-choose-layout { flex-direction: column; align-items: center; gap: 0 }
    .why-choose-lad .why-choose-media { position: relative; top: 0; width: 100%; max-width: 450px; margin-bottom: 30px; }
    .why-choose-lad .ai-advantages-component { padding: 40px; }
}
@media (max-width: 991px) {
    .why-choose-item h3 button { font-size: 18px; line-height: 30px; }
}
@media (max-width: 767px) {
    .why-choose-lad .ai-advantages-component { padding: 20px; }
}

.ai-mobile-app h3 { font-size: 30px; line-height: 40px; color: #000; }
.ai-mobile-app span { color: #0175e2; }
.ai-mobile-app p { font-size: 16px; line-height: 30px; }

.ai-mobile-app .ai-powered-points { display: grid; gap: 20px; grid-template-columns: repeat(2, 1fr); }
.ai-mobile-app .ai-powered-points ul li { display: block; font-size: 16px; line-height: 30px; position: relative; padding-left: 10px; margin-bottom: 5px; padding-left: 25px; }
.ai-mobile-app .ai-powered-points ul li:first-child { color: #0069D9; font-weight: 600; font-size: 16px; line-height: 30px; padding-left: 0; margin-bottom: 8px; text-transform: uppercase; letter-spacing: 0.5px; }
.ai-mobile-app .ai-powered-points ul li:before { content: ''; display: inline-block; width: 16px; height: 16px; min-width: 16px; background-image: url(../images/check-point-icon.svg); background-repeat: no-repeat; background-position: center; background-size: contain; margin-right: 12px; position: absolute; top: 7px; left: -1px; }
.ai-mobile-app .ai-powered-points ul li:first-child:before { display: none; }
.ai-mobile-app .hm-about-img img { width: 80%; }

.phone-frame { position: relative; flex: 1 1 0%;}
.phone-inner { transition: transform 0.5s ease; border: 8px solid rgb(30 41 59 / 1); border-radius: 3rem; overflow: hidden; width: 18rem; height: 550px; margin-right: auto; margin-left: auto; position: relative; background-color: #0f172a; box-shadow: 0 0 #0000, 0 0 #0000, 0 25px 50px -12px rgb(0 0 0 / 0.25); }
.phone-frame:hover .phone-inner { transform: rotateY(0deg) rotateX(0deg); }
.scan-line { height: 2px; background: linear-gradient(90deg, transparent, #38bdf8, transparent); animation: scan 3s infinite linear; position: absolute; width: 100%; z-index: 10; }
.phone-inner-wrap { padding: 1.5rem; justify-content: space-between; flex-direction: column; height: 100%; display: flex; }
.phone-scan-wrap { padding-top: 2.5rem; }
.phone-scan-border { background-color: rgb(14 165 233 / 0.2); border-radius: 0.25rem; width: 3rem; height: 0.5rem; }
.phone-scan-text { font-size: 0.75rem; line-height: 1rem; color: rgb(56 189 248 / 1); margin-top: 1rem; margin-bottom: 1rem; text-align: left; letter-spacing: 0.08rem; }
.phone-scan-icon { background-color: rgb(30 41 59 / 0.5); border-width: 1px; border-radius: 1rem; border-radius: 1rem; justify-content: center;align-items: center; width: 100%; height: 8rem; display: flex; }
.phone-scan-icon-svg { color: rgb(14 165 233 / 1); width: 3rem; height: 3rem; }
.phone-scan-btn-wrap { padding-bottom: 2rem; }
.phone-scan-btn { color: rgb(255 255 255 / 1); font-weight: 700; font-size: 0.75rem; line-height: 1rem; background-color: #0a72a1; border-radius: 0.5rem; align-items: center; justify-content: center; width: 100%; height: 2.5rem; display: flex; margin-top: 1rem; }
.animate-pulse { animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite; }
.glass-card { background: rgba(255, 255, 255, 0.03); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.1); transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1); }

@keyframes scan {
    0% { top: 0; opacity: 0; }
    50% { opacity: 1; }
    100% { top: 100%; opacity: 0; }
}
@media (max-width: 1399px) {
    .ai-mobile-app .hm-about-img img { width: 90%; }
}
@media (max-width: 1199px) {
    .ai-mobile-app .hm-about-img img { width: 100%; }
}
@media (max-width: 767px) {
    .ai-mobile-app .ai-powered-points { grid-template-columns: repeat(1, 1fr); }
}

/* Technologies */
.TechnologySection { padding-bottom: 80px; }
.TechnologySection .techStackSec { background-color: #0472da; padding: 40px 50px; }
.TechnologySection .techStackSec .title h2, .TechnologySection .techStackSec .title span { color: #fff; }
.TechnologySection .techStackSec .title span:before { background-color: #fff; }
.TechnologySection .techStackSec .title p { max-width: 720px; color: #fff }
.techStackSec .title p { margin: 10px auto; }
.TechnologySection .techStackSec .TechnologyTabs { max-width: 1200px; margin: 0 auto }
.TechnologySection .techStackSec .TechnologyTabs .nav { border-bottom: 1px solid #e5e5e5 }
.techStackSec .tech-logo { display: flex; flex-wrap: wrap; justify-content: center; justify-content: center; }
.tech-logo span { margin: 10px 2px 15px; padding: 10px; flex: 0 0 15%; border: 1px solid #adadad; border-radius: 6px; height: 120px; width: 130px; display: inline-flex; align-items: center; justify-content: center; display: inline-block !important; border: none;}
.tech-logo span img { height: 60px; width: 67px; object-fit: contain; }
.tech-logo span strong { display: block; color: #fff; font-weight: 500; margin-top: 10px; }
.TechnologyTabs .nav-pills .nav-item .nav-link { padding: 10px 40px; border-radius: 0; position: relative; color: #fff !important; text-transform: uppercase; }
.TechnologyTabs .nav-pills .nav-item .nav-link.active { color: #fff !important; background-color: transparent; }
.TechnologyTabs .nav .nav-item .nav-link:after { content: ''; height: 5px; width: 0; position: absolute; left: 0; bottom: -3px; background-color: #0af; border-radius: 3px; }
.TechnologyTabs .nav .nav-item .nav-link.active:after { width: 100%; }
.techIconGrp{background-image: url(../images/technology-group.svg);height:60px;width:60px;margin:0px auto;}
.techAngular{background-position:0 -60px;}
.techNextJs{background-position:0 -120px;}
.techVueJs{background-position:0 -182px;}
.techFlutter{background-position:0 -240px;}
.techKotlin{background-position:5px -300px;}
.techHTML5{background-position:5px -360px;}
.techCSS3{background-position:5px -418px;}
.techSwift{background-position:4px -480px;}
.techXamarin{background-position:0 -535px;}
.techNodejs{background-position:9px -645px;}
.techPython{background-position:6px -590px;}
.techRubyRails{background-position:5px -701px;}
.techPHP{background-position:0 -758px;height:55px;}
.techJava{background-position:8px -810px;}
.techDjango{background-position:5px -870px;}
.techExpressJs{background-position:0 -929px;height:50px;}
.techSpringBoot{background-position:3px -980px;height:53px;}
.techReactNative{background-position:3px -1031px;}
.techAndroid{background-position:8px -1090px;}
.techiOs{background-position:8px -1145px;}
.techFlutter{background-position:3px -1210px;}
.techMongoDB{background-position:5px -1550px;}
.techMySQL{background-position:0 -1604px;}
.techFirebase{background-position:6px -1668px;}
.techPostgreSQL{background-position:5px -1727px;}
.techSQLite{background-position:3px -1784px;width:68px;}
.techOracle{background-position:0px -1840px;width:65px;}
.techAdobeXD{background-position:6px -1266px;}
.techSketch{background-position:3px -1319px;}
.techFigma{background-position:11px -1380px;}
.techInVision{background-position:6px -1494px;}
.techZeplin{background-position:3px -1441px;}

@media (max-width:1199px) {
    .tech-logo span { flex: 0 0 18%; }
}

@media (max-width:992px) {
    .TechnologySection .techStackSec .TechnologyTabs .nav { border: none; }
    .TechnologyTabs .nav .nav-item .nav-link:after { bottom: 3px; }
    .techStackSec.title { margin-bottom: 40px !important; }
    .TechnologySection { padding-bottom: 40px; }
}
@media (max-width:574px) {
    .tech-logo span { flex: 0 0 40%; margin: 3px 10px !important; width: 40%; }
    .TechnologySection .techStackSec { padding: 40px 20px; }
}

.skilled-app-developer .title { text-align: center; }
.skilled-app-developer .title p { max-width: 1000px; margin: 10px auto; }
.our-skilled-wrapper { position: relative; width: 100%; max-width: 1000px; height: 480px; perspective: 1500px; display: flex; align-items: center; justify-content: center; margin: 0 auto; margin-left: 170px; }
.our-skilled-container { position: relative; width: 100%; height: 100%; transform-style: preserve-3d; transition: transform 0.8s cubic-bezier(0.23, 1, 0.32, 1); }
.developer-card { position: absolute; max-width: 900px; width: 100%; left: 50%; top: 50%; margin-left: -375px; margin-top: -210px; background: linear-gradient( 135deg, #191a1b 0%, #18191a 100%); backdrop-filter: blur(25px); border: 1px solid rgba(255,255,255,0.08); border-radius: 28px; display: flex; overflow: hidden; box-shadow: 0 20px 50px rgba(0,0,0,0.35); transition: all 0.6s cubic-bezier(0.4, 0, 0.2, 1); user-select: none; }

.developer-card.active { transform: translate3d(0, 0, 0) scale(1); opacity: 1; z-index: 10; }
.developer-card.prev { transform: translate3d(-35%, 0, -300px) rotateY(25deg); opacity: 0.8; z-index: 5; cursor: pointer; }
.developer-card.next { transform: translate3d(35%, 0, -300px) rotateY(-25deg); opacity: 0.8; z-index: 5; cursor: pointer; }
.developer-card.hidden { transform: translate3d(0, 0, -500px); opacity: 0; z-index: 0; }
.developer-image { position: relative; background: #1e293b; width: 320px; flex-shrink: 0; }
.developer-image img { width: 100%; height: 100%; min-height: 450px; object-fit: cover; transition: 0.5s; display: block; }
.badge { position: absolute; top: 20px; left: 20px; background: #0d1628; color: #4ade80; backdrop-filter: blur(10px); padding: 10px 18px; border-radius: 50px; font-size: 13px; font-weight: 600; display: flex; align-items: center; gap: 6px; border: 1px solid rgba(255, 255, 255, 0.08); }
.developer-content { width: 62%; padding: 40px; display: flex; flex-direction: column; color: #fff; }
.developer-header { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; margin-bottom: 15px; }
.developer-header .app-dev-name { font-size: 35px; line-height: 45px; font-weight: 800; margin-bottom: 8px; margin-bottom: 4px; color: #fff; }
.role { font-size: 18px; line-height: 30px; color: #fff; display: flex; align-items: center; gap: 4px; margin-bottom: 0; }
.experience { text-align: right; }
.experience strong { font-size: 42px; line-height: 52px; font-weight: 800; color: #0175e2; display: block; }
.experience span { font-size: 16px; line-height: 25px; color: #9fb3d1; }
.description { color: #fff; font-size: 16px; line-height: 30px; margin-bottom: 25px; }
.info-boxes { display: flex; gap: 15px; margin-bottom: 25px; }
.info-box { flex: 1; padding: 18px; background: rgba(255, 255, 255, 0.04); border: 1px solid rgba(255, 255, 255, 0.06); border-radius: 14px; }
.info-box small { display: block; color: #1b88ef; text-transform: uppercase; letter-spacing: 1px; }
.info-box strong { font-size:16px; line-height: 30px; font-weight: 600; color: #f8fafc; }
.skills{ display:flex; flex-wrap:wrap; gap:10px; }
.skills span{ padding:10px 16px; background: #0069D9; border:1px solid rgba(59,130,246,0.35); border-radius:10px; color:#fff; font-size:14px; font-weight:500; line-height: 20px; }
.developer-controls { margin-top: 100px; display: flex; gap: 20px; justify-content: center; }
.nav-developer-btn { background: #027bee; border: 1px solid var(--glass-border); width: 50px; height: 50px; border-radius: 50%; color: white; cursor: pointer; transition: 0.3s; display: flex; align-items: center; justify-content: center; }
.nav-developer-btn:hover { background-color: #18191a; border-color: #18191a; }
.nav-developer-btn svg { width: 18px; height: 18px; }

@media (max-width: 1599px) {
    .our-skilled-wrapper { margin-left: 70px; }
    .developer-card.prev { transform: translate3d(-30%, 0, -300px) rotateY(25deg); }
    .developer-card.next { transform: translate3d(30%, 0, -300px) rotateY(-25deg); }
}
@media (max-width: 1399px) {
    .our-skilled-wrapper { margin-left: inherit; }
    .developer-card.prev { transform: translate3d(-20%, 0, -300px) rotateY(25deg); }
    .developer-card.next { transform: translate3d(20%, 0, -300px) rotateY(-25deg); }
    .our-skilled-wrapper { margin-left: -15px; }
}
@media (max-width: 1199px) {
    .developer-card { max-width: 850px; }
    .developer-header .app-dev-name { font-size: 30px; line-height: 40px; }
    .experience strong { font-size: 30px; line-height: 40px; }
    .description { font-size: 14px; line-height: 25px; }
    .skills span { padding: 8px 10px; }
    .info-box strong { font-size: 14px; line-height: 20px; }
    .developer-card.prev { transform: translate3d(-15%, 0, -300px) rotateY(25deg); }
    .developer-card.next { transform: translate3d(15%, 0, -300px) rotateY(-25deg); }
    .our-skilled-wrapper { margin-left: -45px; }
    .developer-controls { margin-top: 80px; }
}
@media (max-width: 991px) {
    .our-skilled-wrapper { margin-left: 0; }
    .developer-card { width: 100%; height: auto; flex-direction: column; top: 0; margin-top: 0; position: relative; margin-left: -340px; }
    .developer-image { width: 100%; height: 400px; }
    .developer-image img { min-height: 400px; object-position: start; }
    .developer-content { width: 100%; padding: 25px; }
    .our-skilled-wrapper { height: auto; perspective: none; }
    .our-skilled-container { display: flex; flex-direction: column; gap: 20px; transform: none !important; }
    .developer-card.prev, .developer-card.next, .developer-card.hidden { transform: none; opacity: 1; position: relative; }
    .developer-controls { display: none; }
}
@media (max-width: 767px) {
    .developer-card { left:0; margin-left: 0; }
    .developer-image { height: 300px; }
    .developer-image img { min-height: 300px; }
    .developer-header .app-dev-name { font-size: 20px; line-height: 30px; }
    .role { font-size: 16px; line-height: 25px; }
    .experience strong { font-size: 20px; line-height: 30px; }
}
@media (max-width: 574px) {
    .info-boxes { flex-direction: column; }
    .info-box { padding: 10px 18px; }
    .developer-image { height: 500px; }
    .developer-image img { min-height: 500px; }
}

/* Testimonials */
.testimonialSection { padding-top: 0; }
.testimonialSwiper { padding-right: 40px; }
.outer { margin:0 auto; max-width:1300px;}
#big .swiper-slide { margin:2px; color: #FFF; border-radius: 3px; text-align: center; height: 430px; }
#big .swiper-wrapper { border-radius: 5px; border: 1px solid rgba(33,33,33,0.4); background: #FFF; }
.testimonialThumbs{ display:grid; grid-template-columns:repeat(2,1fr); gap:25px; }
#thumbs .testimonial-thumb { height:200px; line-height:70px; padding: 0px; color: #FFF; text-align: center; cursor: pointer; position: relative; }
#thumbs .testimonial-thumb h1 { font-size: 18px; }
#thumbs .testimonial-thumb img { display: block; width: 100%; height: 200px; object-fit: cover; object-position: top; border-radius: 5px; }
#thumbs .testimonial-thumb.active:before { content:''; position:absolute; background-color:rgba(2, 123, 238, 0.70); width: 100%; height: 200px; background-size: 200px; left:0; border-radius: 5px; cursor:pointer; overflow:hidden; transition:.3s; }

#big { position: relative; }
#big .swiper-slide .ContentTestimonial { text-align: left; padding: 20px 50px; }
#big .swiper-slide .ContentTestimonial h3 { color: #000; font-size: 25px; line-height: 35px; font-weight: 600; text-transform: capitalize;  }
#big .swiper-slide .ContentTestimonial h4 { color: #027BEE; font-size: 16px; line-height: 25px; font-weight: 400; }
#big .swiper-slide .ContentTestimonial .testi-content { margin-top: 20px; display: flex; }
#big .swiper-slide .ContentTestimonial .testi-content img { width: auto; height: auto; display: inline; }
#big .swiper-slide .ContentTestimonial .testi-content p { display: inline; color: #333; font-size: 16px; line-height: 30px; margin-left: 15px; }
#big .swiper-slide .ContentTestimonial .testi-content img:first-child { height: 27px; }
#big .swiper-slide .ContentTestimonial .testi-content img:last-child { margin-left: 10px; }
#big .swiper-slide .ContentTestimonial .client-logo { position: absolute; bottom: 30px; }
#big .swiper-slide .ContentTestimonial .client-logo img { width: 100px; height: auto; }

.testimonial-prev, .testimonial-next{ width:52px; height:52px; border-radius:50%; background:#edf5ff; position:absolute; bottom:20px; z-index:10; cursor:pointer; display: flex; justify-content: center; align-items: center; }
.testimonial-prev{ right:130px; }
.testimonial-next{ right:65px; }

@media (max-width: 1399px) {
    #big .swiper-slide .ContentTestimonial { padding: 25px 40px; }
    #big .swiper-slide .ContentTestimonial h3 { font-size: 24px; line-height: 34px; }
}
@media (max-width: 1199px) {
    .outer #thumbs { margin-top: 20px; }
    .testimonialThumbs { grid-template-columns:repeat(4,1fr); } 
    #thumbs .testimonial-thumb { height: 160px; line-height: 160px; }
    #thumbs .testimonial-thumb img { height: 160px; }
    #thumbs .testimonial-thumb.active:before { height: 160px; }
    #big .swiper-slide .ContentTestimonial .client-logo { bottom: 35px; }
    .testimonialSwiper { padding-right: 10px; }
    .testimonial-prev{ right:100px; }
    .testimonial-next{ right:35px; }
}
@media (max-width: 991px) {
    #big .swiper-slide { height: auto; }
    #big .swiper-slide .ContentTestimonial { padding: 25px 30px; }
    #big .swiper-slide .ContentTestimonial .client-logo { position: relative; bottom:0; }
    #big .swiper-slide .ContentTestimonial { padding: 25px 15px; }
    #big .swiper-slide .ContentTestimonial h3 { font-size: 20px; line-height: 30px; }
    #big .swiper-slide .ContentTestimonial .testi-content img { display: none; }
    #big .swiper-slide .ContentTestimonial .testi-content { margin-top: 10px; }
    #big .swiper-slide .ContentTestimonial .testi-content p { margin-left: 0; }
    #thumbs .testimonial-thumb { height: 120px; line-height: 120px; }
    #thumbs .testimonial-thumb img { height: 120px; }
    #thumbs .testimonial-thumb.active:before { height: 120px; }
}
@media (max-width: 576px) {
    #thumbs .testimonial-thumb { height: 100px; line-height: 100px; }
    #thumbs .testimonial-thumb img { height: 100px; }
    #thumbs .testimonial-thumb.active:before { height: 100px; }
    .testimonialThumbs { gap: 15px; }
}
@media (max-width: 380px) {
    #big .item .ContentTestimonial .client-logo img { width: 75px; }
}

.portfolio .title { text-align: center; }
.portfolio .title p { margin: 0 auto; max-width: 700px; margin-top: 10px; }
.portfolio .title span { display: none; }
.portfolio-figure { transition: all .3s ease; width: 100%; overflow: hidden;position: relative; min-height: 510px; padding: 30px 25px; background-color: #f9fafa; }
.portfolio-figure::before { background: #202122; content: ""; height: 0; opacity: .3; transition: all .3s ease; }
.portfolio-figure .img-fluid { height: 530px; margin: 0 auto; object-fit: contain; transition: all .3s ease; }
.portfolio-figure:hover .img-fluid { transform: scale(1.03); }
.portfolio-figure-caption { background: rgba(0, 0, 0, .3); bottom: -170px; height: 180px; left: 0; padding: 15px 25px; transition: all .3s ease; width: 100%;transform: translateY(10px); position: absolute; }
.portfolio-figure:hover .portfolio-figure-caption { transform: translateY(0px); bottom: 0; }
.portfolio-figure-caption h3 { font-size: 20px; line-height: 30px; font-weight: 600; color: #FFFFFF; font-family: 'Inter', sans-serif; text-transform: capitalize; letter-spacing: 0.5px; margin-bottom: 8px; }
.portfolio-figure-caption p { font-size: 16px; line-height: 25px; font-weight: 400; color: #FFFFFF; margin-bottom: 0; }
#portfolio .col-lg-6 { max-width: 49%; flex: 0 0 49%; margin: 0 0.5%; }
.OurWorkBox { padding: 40px; height: 800px; overflow: hidden; margin-bottom: 20px; position: relative; border-radius: 15px; }
.OurWorkBox .ProAniMat { position: relative; }
.OurWorkBox .AnimateDublle1 { top: 70px; transition: transform .2s; left: -15px; }
.OurWorkBox .ProAniMat img { width: 300px; max-width: 100%; transition: transform .2s; height: auto; transform: translateY(0); }
.OurWorkBox .AnimateDublle2 { left: 20px; transition: transform .2s; top: 10px;}
.OurWorkBox:hover .AnimateDublle1 { transition: transform .2s; transform: translateY(10px); }
.OurWorkBox:hover .AnimateDublle2 { transition: transform .2s; transform: translateY(-20px); }

@media (max-width: 1599px) {
    .portfolio-figure .img-fluid { height: 450px; }
    .OurWorkBox { height: 690px; }
    .OurWorkBox .ProAniMat img { width: 250px; }
}
@media (max-width: 1399px) {
    .portfolio-figure { min-height: 470px; }
    .portfolio-figure-caption h3 { font-size: 18px; line-height: 30px; }
    .portfolio-figure-caption p { font-size: 14px; line-height: 20px; }
    .portfolio-figure .img-fluid { height: 410px; }
    .OurWorkBox { height: 640px; }
    .OurWorkBox .ProAniMat img { width: 230px; }
    .OurWorkBox .AnimateDublle1 { left: -10px; }
    .OurWorkBox .AnimateDublle2 { left: 10px; }
}
@media (max-width: 1199px) {
    .OurWorkBox { height: 550px; }
}
@media (max-width: 991px) {
    .portfolio-figure-caption { bottom: -180px; height: 190px; }
    .OurWorkBox .viewProjectBtn { font-size: 18px; line-height: 28px; padding: 30px; }
    .OurWorkBox { height: auto; }
    .OurWorkBox .AnimateDublle1 { top: 10px; }
    .OurWorkBox .AnimateDublle2 { top: -10px; }
}
@media (max-width: 767px) {
    .portfolio-figure-caption { height: auto; }
    .portfolio-figure-caption h3 { font-size: 16px; line-height: 25px; }
    .portfolio-figure-caption p { font-size: 14px; line-height: 20px; }
    .OurWorkBox { padding: 40px 30px; }
    #portfolio .col-lg-6 { max-width: 100%; flex: 0 0 100%; margin: 0; padding:0; }
    .OurWorkBox:hover .AnimateDublle2 { transform: translateY(-10px); }
}

.featured-blog .title p { margin: 0 auto; margin-top: 10px; }
.featured-blog .carousel-wrapper { width: 100%; overflow: hidden; position: relative; padding: 20px 0; }
.featured-blog .carousel-track { display: flex; width: max-content; animation: scroll 40s linear infinite; }
.featured-blog .carousel-wrapper:hover .carousel-track { animation-play-state: paused; }
.featured-blog .carousel-wrapper .blog-item { width: 400px; margin: 0 15px; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.featured-blog .carousel-wrapper .blog-item:hover { transform: translateY(-8px); box-shadow: 0 12px 20px -5px rgba(0, 0, 0, 0.1); border-color: #3b82f6; }
@keyframes scroll {
    0% { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
@media (max-width: 767px) {
    .featured-blog .carousel-wrapper .blog-item { width: 350px; }
}

.faqs-wrapper .title div { font-size: 30px; margin: 0; color: #18191a; font-weight: 700; line-height: 40px; }
.faq-container { width: 100%; max-width: 1400px; background-color: #ffffff; border-radius: 16px; box-shadow: 0 6px 35px 0 rgba(0,0,0,.1); padding: 50px; box-sizing: border-box; margin: 0 auto; }
.faqs-wrapper .faq-tabs { display: flex; justify-content: center; border-bottom: 1px solid #e2e8f0; margin-bottom: 30px; flex-wrap: wrap; gap: 10px; }
.faqs-wrapper .tab-link { font-size: 16px; line-height: 30px; font-weight: 600; color: #18191a; background: none; border: none; padding: 12px 20px; cursor: pointer; position: relative; transition: all 0.2s ease; border-bottom: 3px solid transparent; }
.faqs-wrapper .tab-link:hover { color: #0175e2; }
.faqs-wrapper .tab-link.active { color: #0175e2; border-bottom-color: #0175e2; }
.faqs-wrapper .tab-content { display: none; animation: fadeIn 0.4s ease; }
.faqs-wrapper .tab-content.active { display: block; }
@keyframes fadeIn {
 from { opacity: 0; transform: translateY(10px); }
 to { opacity: 1; transform: translateY(0); }
}

.faqs-wrapper .accordion-item { border: none; border-bottom: 1px solid #f1f5f9; border-radius: 0; }
.faqs-wrapper .accordion-item:hover { background-color: transparent; }
.faqs-wrapper .accordion-item:last-child { border-bottom: none; }
.faqs-wrapper .accordion-header { width: 100%; background: none; border: none; text-align: left; padding: 24px 10px; cursor: pointer; display: flex; justify-content: space-between; align-items: center; transition: background-color 0.2s ease; }
.faqs-wrapper h2, .faqs-wrapper h3, .faqs-wrapper h4 { font-size: 18px; line-height: 28px; font-weight: 600; color: #18191a; }
.faqs-wrapper .accordion-header:hover { background-color: #f8fafc; color: #0175e2; }
.faqs-wrapper .accordion-icon { font-size: 1.5rem; font-weight: 300; color: #94a3b8; transition: transform 0.3s ease; }
.faqs-wrapper .accordion-header.active h2, .faqs-wrapper .accordion-header.active h3, .faqs-wrapper .accordion-header.active h4 { color: #0175e2; }
.faqs-wrapper .accordion-header.active .accordion-icon { transform: rotate(45deg); color: #0175e2; }
.faqs-wrapper .accordion-content { max-height: 0; overflow: hidden; transition: max-height 0.4s cubic-bezier(0, 1, 0, 1), padding 0.4s ease; padding: 0 15px; }
.faqs-wrapper .accordion-content p { margin: 0 0 25px 0; font-size: 16px; line-height: 30px; color: #18191a; }
.faqs-wrapper .accordion-content strong { font-weight: 600; }
.faqs-wrapper .accordion-content a { color: #0175e2; text-decoration: underline; }
.faqs-wrapper .accordion-content ul { margin-bottom: 30px; margin-top: -10px; }
.faqs-wrapper .accordion-content ul li { display: block; font-size: 16px; line-height: 30px; position: relative; margin-bottom: 8px; padding-left: 25px;}
.faqs-wrapper .accordion-content ul li:before { content: ''; display: inline-block; width: 16px; height: 16px; min-width: 16px; background-image: url(../images/check-point-icon.svg); background-repeat: no-repeat; background-position: center; background-size: contain; margin-right: 12px; position: absolute; top: 7px; left: -1px; }
.faqs-wrapper .accordion-content ol { margin-bottom: 30px; margin-top: -10px; list-style-type: decimal !important; }
.faqs-wrapper .accordion-content ol li { display: block; font-size: 16px; line-height: 30px; position: relative; margin-bottom: 8px; padding-left: 25px;  }
.faqs-wrapper .accordion-content ol li:before { content: ''; display: inline-block; width: 16px; height: 16px; min-width: 16px; background-image: url(../images/check-point-icon.svg); background-repeat: no-repeat; background-position: center; background-size: contain; margin-right: 12px; position: absolute; top: 7px; left: -1px;  }
@media (max-width: 991px) {
    .faqs-wrapper .faq-container { padding: 30px 20px; }
    .faqs-wrapper .faq-main-title { font-size: 2rem; }
    .faqs-wrapper .accordion-header { font-size: 1rem; }
}
@media (max-width: 767px) {
    .faqs-wrapper .faq-main-title { font-size: 1.75rem; }
    .faqs-wrapper .faq-tabs { justify-content: flex-start; overflow-x: auto; white-space: nowrap; padding-bottom: 10px; margin-bottom: 10px; }
    .faqs-wrapper .tab-link { padding: 0px 10px; font-size: 0.85rem; }
}

.casetudy-box { margin-bottom: 20px; }
.casetudy-box img { object-fit:contain; height:auto; }
.casetudy-box .casetudy-type { margin: 30px 0 30px; }
.casetudy-box .casetudy-type span { border: 1px solid #000; background-color: transparent; border-radius: 50px; padding: 6px 20px; margin-right: 10px; margin-bottom: 10px; display: inline-block; font-size: 18px; line-height: 30px; }
.casetudy-box .casetudy-type span:last-child { margin-right:0; }
.casetudy-box .casetudy-type span:hover { background-color: #000; color: #fff; }
.casetudy-box .btn span { display: flex; align-items:center; }
.casetudy-box .btn span svg { margin-left: 10px; }
.casetudySection .casetudy-box { margin-bottom:0; }
.casetudySection .am_grid_col:nth-child(1), .casetudySection .am_grid_col:nth-child(2), .casetudySection .am_grid_col:nth-child(3), .casetudySection .am_grid_col:nth-child(4) { display: none !important; }
.casetudySection .am_grid_col { padding: 0 10px !important; }
@media (max-width: 1399px) {
    .casetudy-box .casetudy-type span { font-size: 16px; line-height: 25px; } 
}
@media (max-width: 991px) {
    .casetudy-box .casetudy-type { margin: 30px 0 20px; }
    .casetudy-box { margin-bottom: 40px; }
}

.HireResourceContent { background-color: #0175E2; padding: 50px; text-align: center; border-radius: 15px; position: relative;}
.HireResourceContent h3 { font-size: 30px; line-height: 40px; }
.HireResourceContent .Resourcetype { margin-top: 20px; }
.HireResourceContent .Resourcetype span { border: 1px solid #fff; color: #fff; border-radius: 50px; padding: 6px 20px; margin-right: 10px; display: inline-block; font-size:16px; line-height: 25px; }
.HireResourceContent .Resourcetype span svg { margin-right: 10px; }
.HireResourceContent a.btn { background-color: #fff !important; color: #0175E2 !important; display: inline-block;margin-top: 20px;} 
.HireResourceContent a.btn svg { margin-left: 10px; }
.HireResourceContent a.btn:hover { background-color: #191a1b !important; color: #fff !important; } 
.HireResourceContent a.btn:hover svg path { fill:#fff; }
@media (max-width: 1399px) {
    .HireResourceContent .Resourcetype span { margin-bottom: 15px; } 
}
.page-template-our-portfolio .TechnologySection { padding-top: 30px; }

/* Client Logos */
.Clients-logo-sec h2 {position: relative;font-size: 20px; line-height: 30px;}
.Clients-logo-sec h2:after { content: ''; position: absolute; border: 1px solid rgba(0, 0, 0, 0.35); width: 75%; top: 15px; right: 0; }
.intro-logos-itm { margin: auto; max-width: 12rem; display: inline-block; padding:0px 0 20px; transition: .4s; margin-right: 35px; }
.intro-logos-itm:hover{ transform: scale(1.1); }
.intro-logos-itm:last-child { margin-right: 0; }
.intro-logos-itm img { object-fit: contain; max-width: 100%; max-height: 100px; }
.app-dark .intro-logos-itm img { filter: brightness(250%); opacity: 0.6; }
.client-logo-toxicfox { margin-top: 10px; }
.client-logo-westriding { margin-top: 5px; }
.client-logo-csl { margin-top: 8px; }
.client-logo-herleystreet { margin-top: 3px; }
.client-logo-sky { margin-top: 4px; }
.client-logo-akzonoble { margin-top: 14px; }
.client-logo-bbcstudios { margin-top: 10px; }

.intro-logos.introBlogLogo .intro-logos-itm { max-width: 14rem; padding: 10px 25px; }

.introBlogLogo .intro-logos-itm:nth-child(10), .introBlogLogo .intro-logos-itm:nth-child(11), .introBlogLogo .intro-logos-itm:nth-child(7), .introBlogLogo .intro-logos-itm:nth-child(8), .introBlogLogo .intro-logos-itm:nth-child(9) { margin: 0 0 0 30px; max-width: 17rem; }
.introBlogLogo .intro-logos-itm:nth-child(12), .introBlogLogo .intro-logos-itm:nth-child(13) { max-width: 17rem; }

@media (max-width:1599px) {
    .intro-logos-itm { margin-right: 14px; }
    .Clients-logo-sec h2:after { width: 71%; }
}

@media (max-width:1399px) {
    .intro-logos-itm { margin-right: 20px; }
    .Clients-logo-sec h2:after { width: 67%; }
}
@media (max-width:1199px) {
    .intro-logos-itm { margin-right: 20px; max-width: 9rem; }
    .Clients-logo-sec h2 { font-size: 18px !important; line-height: 30px; }
    .Clients-logo-sec h2:after { width: 64%; }
}
@media (max-width:991px) {
    .intro-logos-itm { margin-right: 30px; }
    .Clients-logo-sec h2:after { width: 52%; }
    .intro-logos.introBlogLogo .intro-logos-itm { max-width: 49%; padding: 15px 30px; margin: 0 auto; }
    .intro-logos.introBlogLogo .intro-logos-itm img { max-height: 50px; }
}
@media (max-width:767px) {
    .Clients-logo-sec h2:after { top: 16px; }
    .intro-logos-itm { margin-right: 15px; }
    .intro-logos-itm .client-logo-desktop { display: none; }
    .Clients-logo-sec h2:after { width: 40%; }
}
@media (max-width:574px) {
    .Clients-logo-sec h2:after { display: none; }
    .introBlogLogo { padding: 30px 0 }
    .intro-logos.introBlogLogo .intro-logos-itm { padding: 10px 15px; }
}

/* FAQs */
.faqs { padding: 50px 0; }
.faqs .title { margin-bottom: 30px; }
.faqs .accordion-item { border: 0; margin-bottom: 20px; box-shadow: 0 5px 35px 0 rgba(0,0,0,0.06); }
.faqs .accordion-button { padding: 16px 20px; font-size: 18px; line-height: 30px; color: #000; font-weight: 600; font-family: 'Inter', sans-serif; }
.faqs .accordion-button:focus { box-shadow: none; }
.faqs .accordion-item h3 { font-size: 18px; line-height: 30px; }
.faqs .accordion-button:not(.collapsed) { background-color: #fff; box-shadow: none; }
.faqs .accordion-item p { color: #18191a; font-size: 16px; line-height: 25px; margin-bottom: 10px; }
.faqs .accordion-button::after { background-color: #F7FBFE; padding: 15px; background-position: center; border-radius: 50px; background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); }
.faqs .accordion-button:not(.collapsed)::after { background-color: #F7FBFE; padding: 15px; background-position: center; border-radius: 50px; }
.faqs .accordion-body { padding: 0 1.25rem 1rem 1.25rem; }

@media (max-width: 767px) {
    .faqs .accordion-button { font-size: 16px; line-height: 25px; }
}

/* Contact Section */
.contact-section { padding: 50px 0 65px !important; }
.page-template-about-us .contact-section, .page-id-12125 .contact-section, .page-id-14323 .contact-section { padding: 0px 0 65px !important; }
.page-id-21381 .topbanner a.banner-btn-white { display: none; }
.contactBox { position: relative; overflow: hidden;background-color: #fff; display: flex; margin-top: 15px; box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.06); border-radius: 5px; }
.contactInfoLeft { padding: 40px; border-top-left-radius: 5px; border-bottom-left-radius: 5px; min-width: 575px; position: relative; overflow: hidden; }
.contact-pattern{  position: absolute; right: 0; bottom: 0; width: 100%; height: 110%; z-index: 1; object-fit: cover; }
.contactInfoLeft > *:not(.contact-pattern){ position: relative; z-index: 2; }
.contactInfoLeft .title { margin-bottom: 0; }
.contactInfoLeft .title span { font-weight: 500; color: #fff; }
.contactInfoLeft .title span:before { background-color: #fff; }
.contactInfoLeft .title p.contact-title { font-size: 30px; line-height: 40px; margin: 5px 0 0; color: #fff; font-weight: 600; }
.contactInfoLeft .title p { color: #fff; }
.itemConatct { margin-bottom: 30px; }
.contactInfoLeft .itemConatct .Contacticon { margin-right: 20px; min-width: 30px; }
.contactInfoLeft .itemConatct .Contacticon svg { width: 35px; height: 35px; }
.contactInfoLeft .itemConatct a, .contactInfoLeft .itemConatct p { color: #fff !important; font-size: 16px; line-height: 25px; }
.contactInfoLeft .itemConatct:last-child { max-width: 340px; }
.filedContent .form-control::-webkit-input-placeholder {color: #333;}
.filedContent .form-control::-moz-placeholder {color: #333;}
.filedContent .form-control:-ms-input-placeholder {color: #333;}
.filedContent .form-control:-moz-placeholder {color: #333;}
.contactForm { text-align: center; }
.contactForm { display: flex; align-items: center; }
.contactForm .filedContent { padding: 40px 50px; }
.contactBox .contactForm .filedContent .form-group{margin-bottom:50px;text-align:left;}
.contactForm input[type="submit"] { background-color: #0175E2; color: #fff; padding: 18px 25px; font-size: 16px; font-weight:500; }
.contactForm input[type="submit"]:hover { background-color: #191a1b; color: #fff; border-color: #191a1b; }
.contactForm .filedContent .submitbar p { margin-bottom: 0; position: relative; }
.contactForm .filedContent .submitbar .wpcf7-spinner { position: absolute; }

@media (max-width: 1399px) { .contactForm .filedContent { padding: 40px 30px; }
    .contactInfoLeft { min- idth: 525px; }
}

@media (max-width: 1199px) {
    .contactForm .filedContent { padding: 40px 20px; }
    .contactInfoLeft { min-width: 450px; background-position: center right; }
    .contactInfoLeft .title h2 { font-size: 25px; line-height: 35px; }
    .contactInfoLeft .title p.contact-title { font-size: 26px; line-height: 36px; }
}

@media (max-width: 991px) {
    .contactBox { flex-wrap: wrap; border-radius: 5px; }
    .contactInfoLeft { background-position: bottom right; border-radius: 5px 5px 0 0; min-width: 100%; padding: 30px 30px 0; }
    .contactForm .filedContent { padding: 05px 20px 20px; }
    .contactInfoLeft .title { margin-bottom: 20px; }
    .contactForm .filedContent .submitbar p { margin-top: 20px; }
    .contactInfoLeft .itemConatct a, .contactInfoLeft .itemConatct p { word-break: break-all; }
    .contactBox .contactForm .filedContent .form-group { margin-bottom: 20px !important; }    
}

@media (max-width: 767px) {
    .contact-section { padding: 20px 0 60px; }
    .contactForm .filedContent { padding: 05px 10px 20px; }
    .contactForm input[type="submit"] { padding: 16px 30px; }
}

@media (max-width: 576px) {
    .contactInfoLeft .title h2 { font-size: 20px; line-height: 30px; }
    .contactInfoLeft .itemConatct .Contacticon svg { width: 25px; height: 25px; }
    .itemConatct { margin-bottom: 20px; }
}

/* Footer Section */
.foot-contact-info-sec { background-color:#0175E2; color: #fff; padding: 60px 0 0; }
.foot-contact-info-sec .footer-box-sec { border-bottom: 1px solid #fff; }
.foot-contact-info-sec .footer-logo span { display: block; margin-top: 10px; }
.foot-contact-info-content {-ms-flex: 0 0 100%;flex: 0 0 100%;max-width: 100%;display: flex;align-items: start;}
.foot-contact-info-text {min-height: 48px;margin-left: 20px;}
.foot-contact-info-text a,.foot-contact-info-text p { color: #fff; font-size: 16px; margin: 0; word-break: break-word; }
.foot-copyright { margin-top: 30px; padding: 0 0 20px; }
.foot-social ul { margin-left: 0; }
.foot-social li { display: inline-flex; margin-left: 8px; }
.foot-social li a { width: 45px; height: 45px; background: #fff; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-radius: 50%; margin: 1px; color: #0175e2 !important; font-size: 20px; border: 0; }
.foot-social li a:hover { background-color: #191a1b; color: #fff !important; text-decoration: none; }
.foot-social li a svg { width: 20px; height: 20px; }
.foot-contact-info-box:hover .foot-contact-info-text a,.foot-contact-info-box:hover .foot-contact-info-text p {color: #fff;}
.foot-copy-text { display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; }
.foot-copy-text a { color: #fff !important; letter-spacing: 0.5px; display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 10px 12px; text-decoration: none; }
.foot-copy-text a:hover { color: #fff !important; opacity: 0.7; }
.foot-contact-icon i {font-size: 25px;color: #fff;}
.copyright-text p { text-align: center; color: #fff; font-size: 14px; line-height: 24px; margin-top: 10px; }

@media (max-width: 1599px) {
   .foot-contact-info-text a, .foot-contact-info-text p { font-size: 15px; } 
}
 
@media (max-width: 991px) {
    .foot-social { text-align: center; margin-top: 10px; margin-bottom: 30px }
    .foot-social li { margin-left: 5px }
    .foot-copy-text { text-align:center; }
    .foot-copyright { padding: 0 0 10px; }
}
@media (max-width: 767px) {
    .foot-social{ margin-bottom: 10px; }
    .foot-copy-text { gap: 0 6px; }
    .foot-copy-text a { padding: 5px 12px; min-height: 20px; }
    .foot-copy-text, .foot-social { text-align: center; }
    .foot-social li a { margin-bottom: 10px; }
    .foot-copyright { margin-top: 20px; padding: 0 0 10px; }
    .foot-contact-info-sec .footer-box-sec { padding: 0 20px; }
}
@media (max-width:575px) {
    .foot-contact-info-box, .foot-contact-info-text { min-height: auto; }
    .foot-contact-info-sec .row>div { max-width: 400px; }
    .foot-contact-icon { margin: 0 auto 25px; }
}

.Team-section { padding: 60px 0; }
.teamGridLayout { display: grid; grid-template-columns: repeat(5, 1fr); gap: 25px 20px; }
.ListTeam { background-color: #fff; box-shadow: 0px 6px 30px 0px #0B20400F; }
.ListTeam img { height: 255px; object-fit: cover; width: 100%; object-position: top center; }
.ListTeam .infoteam { padding: 15px; }
.infoteam .teamName { font-size: 18px; font-weight: 600; color: #0175E2; }
.infoteam p { font-size: 16px; font-weight: 400; color: #191a1b; line-height: 20px; }
.Team-section h3 { font-size: 26px; line-height: 36px; } 
.Team-section p a { color: #0175E2; text-decoration: underline; }
@media only screen and (max-width: 1399px) {
    .ourteam-banner { height: 500px; }
    .teamGridLayout { grid-template-columns: repeat(4, 1fr); }
}
@media only screen and (max-width: 1199px) {
    .ourteam-banner { height: 400px; }
    .teamGridLayout { grid-template-columns: repeat(3, 1fr); }
}
@media only screen and (max-width: 767px) {
    .ourteam-banner { height: auto; }
    .Team-section { padding: 30px 0; }
    .teamGridLayout { grid-template-columns: repeat(2, 1fr); }
    .ListTeam .infoteam { padding: 10px; }
}
@media only screen and (max-width: 420px) {
    .teamGridLayout { grid-template-columns: repeat(1, 1fr); }
    .ListTeam img { height: auto; }
}

.single-post .hero.blog-top-banner{width:100%;padding:140px 0 30px 0 !important;padding:0;position:relative;z-index:1;overflow:hidden;height: auto; background-color: #0069D9; }

.hero {width:100%; padding:0; position:relative; z-index:1; overflow:hidden; height:auto; padding: 180px 0 60px; background-color: #0069D9;}
.hero .carousel-item{width:100%;height:92vh;background-size:cover;background-position:center;background-repeat:no-repeat;background-position:center center;}
.hero .carousel-item::before{background-color:rgba(0, 0, 0, 0.6);position:absolute;top:0;right:0;left:0;bottom:0;}
.hero .carousel-container{display:flex;align-items:center;height:100%;padding-bottom:30px;}
.hero h1{color:#fff;font-size:46px;line-height:55px;}
.home .hero { font-size: 50px; line-height: 60px; }
.hero .hero-banner-caption span { font-size: 30px; display: block; line-height: 45px; color:#fff; }
.hero .hero-banner-caption span i { color:#FBD642; }
.hero h1 span { font-size: 30px; display: block; line-height: 45px;}
.hero h1 strong {color:#191a1b;font-weight:600;}
.hero h1 span i {font-size:30px;color:#FBD642;font-weight:normal;font-family:'Inter', sans-serif;}
.hero p{-webkit-animation-delay:0.4s;animation-delay:0.4s;color:#fff;font-size:18px;line-height:30px;}
ul.solutions-points {margin:0;padding:0;}
ul.solutions-points li {list-style:none;color:#fff;font-size:17px;line-height:30px;margin-bottom:12px; display: flex;}
ul.solutions-points li::before {content: "";background-image:url(../images/checkmark-circle.svg);background-size:contain;display:inline-block;width:1em;height:1em;position:relative;top:0.4rem;margin-right:1.2rem;list-style:none;min-width: 1em;}
.hero-img img{height:auto;}


.mobileapp-top-banner::after { content:''; background-image:url(../images/mobile-bg-img.png); position: absolute; right: -20px; top: 35%; bottom: 0; z-index: -1; width: 250px; background-repeat: no-repeat; }

ul.yellow-points {margin:30px 0 0;padding:0;}
ul.yellow-points li {list-style:none;color:#333;font-size:17px;line-height:30px;margin-bottom:12px;display: flex;}
ul.yellow-points li::before {content: "";background-image:url(../images/yellow-circle.svg);background-size:contain;display:inline-block;width:1em;height:1em;position:relative;top:0.5rem;margin-right:1.2rem;list-style:none; background-repeat: no-repeat; min-width: 1em; }

@media (max-width:1599px){
    .hero { height: 550px; padding:230px 0  80px 0; }
    .hero h1 {font-size: 40px;line-height: 50px;}
}
@media (max-width:1399px){
    .hero h1 {font-size: 35px;line-height: 45px;}
    .hero .hero-banner-caption span {font-size: 24px;line-height: 34px;}
    .hero .hero-banner-caption span i { font-size: 24px; }
    .hero h1 span {font-size: 24px;line-height: 34px;}
    .hero h1 span i { font-size: 24px; }
    .hero p { font-size: 16px; }
    .hero ul.solutions-points li { font-size: 16px; }
}
@media (max-width:1199px){
    .hero h1 {font-size: 32px;line-height: 42px;}
}
@media (max-width:991px){
    .hero {height: auto !important; max-height: 100%; padding:90px 0 80px 0 !important;}
}
@media (max-width:767px){
    .hero { padding: 50px 0; }
}
@media (max-width:600px){
    .hero h1 {font-size: 20px;line-height: 32px;}
    .hero h1 span, .hero h1 span i { font-size: 22px; }
}

.customToggleMenu .menuitem{opacity:0;transition:all .3s;transform:translateY(-100%);}
.customToggleMenu.showSidebar .menuitem{opacity:1;transition:all .2s;transform:translateY(0);}
.customToggleMenu.showSidebar .menuitem:nth-child(2){transition:all .35s;}
.customToggleMenu.showSidebar .menuitem:nth-child(3){transition:all .40s;}
.customToggleMenu.showSidebar .menuitem:nth-child(4){transition:all .50s;}
.customToggleMenu.showSidebar .menuitem:nth-child(5){transition:all .60s;}
.customToggleMenu.showSidebar .SidebarMenu i::before{content:"\eee4";}
.ml-auto{margin-left:auto;}

.btn{text-transform:inherit;}
.LoginBtnMenu .btn-header-login{background-color:#FF3C4E;color:#fff;border-radius:10px;padding:12px 35px;}
.LoginBtnMenu .btn-header-login:hover{color:#fff;background-color:#000080;}
.btn-banner, .btn-blue{border-color:#0175e2; color:#fff !important;padding:10px 30px;border-radius:0;text-transform:capitalize;font-size:17px; line-height: 30px; font-weight: 500; background-color: #0175e2;border-radius: 5px;}
.btn-banner:hover{background-color:#191a1b;border-color:#191a1b;color: #fff !important;}
.banner_bgshap{position: absolute;}
.banner_bgshap.banner_shap3{bottom: 0;right: 0;}
.banner_bgshap.banner_shap3 img{max-height:400px;}
.banner_bgshap.banner_shap1{bottom:-30px;left:-80px;}
.banner_bgshap.banner_shap2{top:-80px;right:-80px;}
@media (max-width:500px){
    .btn-banner, .btn-blue { font-size: 15px; line-height:25px; padding: 10px 20px; }
}
@media (max-width:380px){
    .btn-banner, .btn-blue { font-size: 14px; line-height:20px; padding: 10px 16px; }
}
.hero-octonaut {animation:hero-octonaut 2s alternate ease-in-out infinite;will-change:transform;-webkit-user-select:none;user-select:none;opacity: 0.3;}
@keyframes hero-octonaut {
 0% {transform:translateY(-8px)}
 100% {transform:translateY(8px)}
}

.form-check{display:flex;}
.form-check-input[type="checkbox"] {min-width:18px;margin-right:10px;}
.form-check-input[type="checkbox"]:checked:focus, .form-check-input[type="checkbox"]:checked {background-color:#000080;border-color:#000080;}

.back-to-top{ bottom: 35px; color: #fff!important; display: none; padding: 12px 9px; position: fixed; right: 30px; height: 52px; text-align: center; width: 52px; background: #027BEE; border-radius: 6px; overflow: hidden; -webkit-box-shadow: 0 2px 6px 0 rgba(0,0,0,.4); box-shadow: 0 2px 6px 0 rgba(0,0,0,.4); z-index: 100; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-transition: all .3s ease-in-out; -moz-transition: all .3s ease-in-out; -ms-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; cursor: pointer; border: none; }
.back-to-top:hover{color:#fff;box-shadow:0 0 5px 0 #000; background-color: #0175e2;}
.back-to-top svg { width: 22px; height: 22px; margin-top: -6px; }
.back-to-top.show { display: block; }
.back-to-top:hover { background-color: #191a1b; }
.back-to-top:hover i {-webkit-transition: all .3s ease-in-out; -o-transition: all .3s ease-in-out; transition: all .3s ease-in-out; color: #fff; }

@media (max-width:600px){
    .back-to-top { bottom:20px; }
}

.btn-banner-outline{border:1px solid #FBD642;color:#FBD642;padding:10px 30px;border-radius:0;text-transform:capitalize;font-size: 17px;line-height:30px;font-weight:600;}
.btn-banner-outline:hover{color:#FBD642;box-shadow: 2px 2px 0px 2px #FBD642;}

.carousel > a {position: absolute;margin: 0;top: 0;bottom: 0;color: #CCC;font-size: 1.5em;-webkit-transition: 0.1s;transition: 0.1s;}
.carousel > a:hover {color: #FFF;}
.carousel > a.prev {left: -20px;}
.carousel > a.next {right: -20px;}
.carousel > .indicator {pointer-events: none;position: absolute;z-index: 4;bottom: 0;left: 0;background: rgb(221 221 221);height: 2px;border-radius: 10px;opacity: 0;-webkit-transition: opacity 0.2s, bottom 0.2s;transition: opacity 0.2s, bottom 0.2s;}
.carousel:hover > .indicator {opacity: 1;bottom: -10px;}
.carousel > .wrap {overflow: hidden;padding-top:60px; padding-bottom:70px;}
.carousel > .wrap > ul { list-style: none;white-space: nowrap;height: 200px;}
.carousel > .wrap > ul > li {display: inline-block;vertical-align: middle;height: 100%;margin: 0 0 0 30px;position: relative;-webkit-transition: 0.25s ease-out;transition: 0.25s ease-out;height:auto;}
.carousel > .wrap > ul > li:first-child {margin: 0;}
.carousel > .wrap > ul > li > img {display: block;height: 100%;margin: auto;vertical-align: bottom;position: relative;z-index: 1;-webkit-transition: 1s ease;transition: 1s ease;}
@media (max-width:767px){
.carousel > .wrap{width:100%;overflow-x:auto;}
}

.success-stories .carousel-indicators {bottom:-60px; }
.carousel-indicators [data-bs-target]{height:8px;width:8px;border-radius:50%;position:relative;margin:0 6px;}
.carousel-indicators [data-bs-target]:before{content:'';display:block;width:16px;height:16px;border:1px solid transparent;border-radius: 50%;position: relative;top: -4px;left: -4px;}
.success-stories .carousel-indicators [data-bs-target], .client-appreciations .carousel-indicators [data-bs-target] {background-color:rgba(32,51,80,0.3); padding: 0px}
.success-stories .carousel-indicators .active, .client-appreciations .carousel-indicators .active{background-color:#0175e2 !important;}
.carousel-indicators [data-bs-target].active:before, .client-appreciations .carousel-indicators [data-bs-target].active:before{border-color:#0175e2;}

.filedContent .form-group{margin-bottom:10px;}
.contactBox .form-floating label { color: #161616; font-weight: 500; position: absolute; top: 0; left: 0; height: 100%; padding: 1rem 0.75rem;pointer-events: none; border: 1px solid transparent;transform-origin: 0 0; transition: opacity .1s ease-in-out,transform .1s ease-in-out; }
.contactBox .contactForm .form-group p.active label {transform: translateY(-35px); }
.contactBox .contactForm .wpcf7 form .wpcf7-response-output { margin: 0.5em; color: #c00; font-size: 15px; font-weight: 500; }
.contactForm p.form-title { display: none; }
.contactBox .contactForm .wpcf7-not-valid-tip { font-weight: 500; font-size: 16px; line-height: 25px; }

.filedContent .form-group .form-control{color:#191a1b;font-size:16px;min-height:48px;border-radius:0;border:0!important;border-bottom:1px solid #D0CBCB !important; font-weight: 500; padding: 10px 22px 10px 10px   !important;}
.filedContent .form-group .form-control:focus{color:#0B2040;}
.filedContent .form-label{color:#575F72;font-size:15px;margin-bottom:5px;}

.filedContent .form-group select.form-control { padding-left:10px !important; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: center right 15px; background-size: 25px; }
.btn-theme-black{background-color:#292930;color:#fff;box-shadow:0px 10px 20px #00000029;border-radius:12px;padding:15px 30px;}
.btn-theme-black:hover{background-color:#353592;color:#fff;box-shadow:0px 10px 20px #35359259;}
.filedContent .form-control:focus{box-shadow:none;border-bottom:1px solid #071537!important;}
.filedContent .form-group textarea.form-control{height:70px;}
.file-upload-btn{position: relative;}
.file-upload-btn .file-icon { border-radius: 0; padding: 10px 15px 10px 40px; display: block; color:#292929; background:url(../images/Attachment.svg) no-repeat; background-position: left 10px center; background-size: 15px; border: 0; cursor: pointer; text-align: left; position: absolute; left: 0; top: 0; width:180px; border:1px solid #0B2040;font-weight: 500; height: 53px; }

.blog-slider-swiper .swiper-slide {
    transform: scale(1);
    transition: all 0.4s ease;
    opacity: 1;
}

.blog-slider-swiper .swiper-slide-active {
    transform: scale(1.1);
    opacity: 1;
}

.blog-slider-swiper { padding: 50px 20px 50px 20px; }

.blog-content .blog-item{margin:15px 10px;box-shadow: 0 3px 14px 0 rgba(4,64,120,.2); border-radius: 5px;}
.blog-post_content {padding:20px;}
.blog-post_content .blog-post_title{font-size:18px;color:#333;line-height:30px;font-weight:700;height: 90px; overflow: hidden;}
.blog-post_content .blog-post_text { height: 90px; overflow: hidden; }
.blog-post_content .blog-link { text-align: right; }
.blog-box img{border-radius:10px 10px 0 0;height:auto;width: 100%;}
.author_post { display: flex; align-items: center; padding: 0; margin-top: 20px; }
.author_post .avatarImg {height:60px;width:60px;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;margin-right:15px;margin-top: -10px;}
.author_post .avatarImg .avatar{height:50px;width:50px;border-radius:50%;}
.author_post .authorText{line-height:22px;margin-top: -10px;}
.author_post .authorText span.author-name{font-size:16px;font-weight:700;line-height: 25px; color: #161616;}
.author_post .authorText .blog-date{font-size:14px;font-weight:400;color:#444444; display: block;}

.blog-content .blog-item article { position: relative; overflow: hidden;}
.blog-content .blog-item article:before { content: ""; width: 80px; height: 80px; background-color: rgba(1,122,236,.1); position: absolute; bottom: -30px;
    right: -30px; display: block; border-radius: 17px; z-index: 999;transition:all .3s ease-in-out; }
.blog-content .blog-item article:hover:before { bottom: -20px; right: -20px; transition:all .3s ease-in-out; }
.blog-section-list .blog-item { box-shadow: none; }
.blog-section-list .blog-post_content { padding: 30px 0; }
.blog-section-list .blog-post_content .blog-post_title { margin-bottom: 30px; overflow: hidden; height: 90px; font-size: 22px; line-height: 32px; letter-spacing: 0.5px; }
.blog-section-list .author_post { border: none; padding: 0px 0 15px; }
.blog-section-list .blog-post_content .blog-post_title a:hover { color: #0B2040; }
.blog-section-list h2.section-title { color: #161616; font-size: 30px; line-height: 35px; }
.blog-section-list h2.section-title a { color: #161616; }
.blog-section-list h2.section-title a:hover { color: #0B2040; }

.main-blog-section .archive-title span { font-size: 34px !important; line-height: 44px !important; display: inline-block !important;}
.main-blog-section .archive-title span.color-accent { color: #fff; display: none !important; }
.archive .main-blog-section .blog-content { padding: 50px 0 20px; }
.archive .main-blog-section h3.blog-post_title { font-size: 18px; line-height: 30px; letter-spacing: 0.5px }
.pagination-wrapper hr { display: none; }
.pagination-wrapper .navigation h2 { display: none; }
.pagination-wrapper { padding-bottom: 40px; margin-top: 15px; }
.pagination-wrapper .nav-prev-text, .pagination-wrapper .nav-next-text { display: none; }
.pagination-wrapper a { color: #000; padding: 5px 17px; font-size: 20px; border-radius: 5px; }
.pagination-wrapper a.prev, .pagination-wrapper a.next { padding: 5px 0px !important; }
.pagination-wrapper a:hover { color: #fff; background-color: #027BEE;  }
.pagination-wrapper span { color: #161616; padding: 5px 10px; font-size: 20px; }
.pagination-wrapper a:hover span { color: #fff; }
.pagination-wrapper span.current { background-color: #027BEE; color: #fff; padding: 5px 15px; border-radius: 5px; }

.archive .main-blog-section .blog-item .blog-post_title a { color: #161616; }
.archive .main-blog-section .blog-item .blog-post_title a:hover { color: #0175E2; }
.section-title{color:#333;font-size:34px; line-height: 48px;font-weight: 500;}
.padding-60{padding:60px 0;}

@media only screen and (max-width:1599px){
}
@media only screen and (max-width:1399px){
    .blog-section-list .blog-post_content .blog-post_title { font-size: 20px; line-height: 30px; }
    .blog-section-list .blog-post_text { font-size: 16px; line-height: 25px; }
} 
@media only screen and (max-width:1199px){

}
@media only screen and (max-width:992px){
}

@media only screen and (max-width:767px){
    .archive .main-blog-section .blog-item { margin: 0 0 30px 0; }
} 
@media only screen and (max-width:574px){
    .btn-banner-outline { font-size: 15px; line-height: 25px; }
    .success-stories .success-story { padding: 0 10px; }
}

.blog-top-slider { padding: 60px 0 40px 0px; }
.blog-top-slider .blog-item { background-color: #fafafa; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%); }
.blog-top-slider .blog-item .blog-img { border-radius: 10px 0 0 10px; background-size: cover; background-position:center left; background-repeat: no-repeat; }
.blog-top-slider .blog-item .blog-img img { width: 100%; height: auto; }
.blog-top-slider .blog-item .blog-content { border-radius: 0 10px 10px 0; padding:50px 40px; }
.blog-top-slider .blog-item .blog-content a { color: #161616; font-family: 'Inter'; font-weight:700; }
.blog-top-slider .blog-item .blog-content a: hover; { color: #0B2040; }

.hero .author_post .avatarImg { border: 2px solid #fff; }
.single-post .hero.blog-top-banner header { position: relative; }
.single-post .hero.blog-top-banner .entry-categories-inner a {color: #fff !important; font-size: 18px; line-height: 30px; margin-bottom: 20px;display: block;margin-top: 10px;}
.single-post .hero.blog-top-banner .entry-categories-inner a:hover { text-decoration: underline; }
.single-post .hero.blog-top-banner h1 { font-size: 40px; line-height: 55px; color: #fff;font-weight:700; font-family: 'Inter'; }
.single-post .hero.blog-top-banner .author_post { border: none; bottom: 20px; color: #fff; padding: 0; margin: 0 auto; width: 100%; text-align: left; justify-content: center; margin-top: 70px; }
.single-post .hero.blog-top-banner .author_post .authorText { color: #fff; }
.single-post .hero.blog-top-banner .author_post .authorText a { color: #fff !important; }
.single-post .hero.blog-top-banner .author_post .authorText .blog-date { color: #fff;line-height: 25px; margin-top: 0px; }
.single-post .hero.blog-top-banner .content-title { position: relative; margin-bottom: 70px; }
.single-post .hero.blog-top-banner .featured-media img { border-radius: 10px; }
.blog-main-content { padding: 60px 0; }
.blog-main-content .blog-sidebar { position: relative; }
.single-post .hero.blog-top-banner .blog-update p { margin-bottom: 0; font-size: 16px; line-height: 25px; }

.blog-sidebar .call-back { background-color: #f7fbfe; padding: 30px 30px; border-radius: 10px; margin: 0 auto 50px; width: 90%; }
.blog-sidebar .call-back span { font-size: 20px; line-height: 30px; font-weight:600; font-family: 'Inter', sans-serif; }
.blog-sidebar .call-back a { background-color: #0175e2; color: #fff; border: 1px solid #0175e2; font-weight: 400; text-transform: none; font-size: 16px; border-radius: 5px; }
.blog-sidebar .call-back a:hover { background-color: #191a1b; color: #fff; border: 1px solid #191a1b; box-shadow: none; }
.blog-sidebar .call-back p { margin: 10px 0 15px; font-size: 16px; line-height: 30px; }
.blog-sidebar .discuss-your-project { margin: 0 auto 60px; position: sticky; top: 120px; width: 90%; }
.blog-sidebar .discuss-your-project span.title { color: #191a1b; font-family: 'Inter', sans-serif; font-weight: 600; font-size: 22px; line-height: 32px; margin-bottom: 10px; margin-top: 0; }
.blog-sidebar .discuss-your-project span.title:after { content: ''; border-bottom: 3px solid #0175e2; display: block; width: 80px; padding-top: 10px; }
.discuss-your-project .schedule-meeting-desc { border-radius: 10px; box-shadow: 5px 5px 40px 0px rgb(0 0 0 / 10%); padding: 30px 25px; text-align: left; }
.blog-sidebar .discuss-your-project img { width: 80px; height: 80px; }
.blog-sidebar .discuss-your-project .form-group .form-control { border: 1px solid #ECF2F6!important; background-color: #F9F9F9; border-radius: 5px; font-weight: 500; line-height: 20px; }
.blog-sidebar .discuss-your-project .form-group { margin-bottom: 20px; }
.blog-sidebar .discuss-your-project input[type="submit"] { padding: 10px 20px; }
.table-of-content { background: #f7fbfe; padding: 25px 40px 20px 40px; position: relative; border-radius: 4px; width: 90%; margin: 0 auto 60px; position: sticky; top: 120px; }
.table-of-content span { font-size: 22px; line-height: 32px; margin-bottom: 20px; font-family: 'Inter', sans-serif; display: block; }
.table-of-content ul { margin-bottom: 30px; padding: 0;overflow-y: auto; max-height: calc(100vh - 250px); }
.table-of-content ul li { margin-bottom: 15px !important; position: relative; font-size: 14px !important; line-height: 23px !important; list-style-type: none; color: #161616; display: block; }
.table-of-content ul li.dropdown .has-dropdown { display: flex; }
.table-of-content ul li.dropdown .has-dropdown img { width: 80%; cursor:pointer; }
.table-of-content ul li.dropdown .has-dropdown button { padding:0; background-color:transparent; border: none; }
.table-of-content ul li::before { display: none; }
.table-of-content ul li a { color: #161616; font-weight: 500; display: flex; flex-wrap: wrap; border-bottom: 1px solid #22222229; padding: 5px; flex: 0 0 90%; }
.table-of-content ul li a:hover { color: #0B2040; }
.table-of-content ul li ol { margin-top: 10px; }
.table-of-content ul li ol li { margin-bottom: 7px !important; margin-left: 20px; font-weight: 400; }
.table-of-content ul li ol li a { font-weight: 500; border-bottom: none !important; padding: 2px 0; }

.blog-main-content .entry-content h2 {  color: #161616; font-size: 26px; margin-bottom: 10px; line-height: 34px; }
.blog-main-content .entry-content h3 { color: #161616; font-size: 22px; margin-bottom: 10px; line-height: 32px; margin-top: 20px; }
.blog-main-content .entry-content h4 { font-size: 19px; line-height: 29px; }
.blog-main-content .entry-content p { font-size: 16px; line-height: 30px; }
.blog-main-content .entry-content img { height: auto; }
.blog-main-content .entry-content ul { padding: 0; margin: 10px 0 30px 0; }
.blog-main-content .entry-content ul li { margin-bottom: 15px; position: relative; font-size: 16px; padding-left: 20px; line-height: 25px; list-style-type: none; color: #161616 !important; display: block; font-family: 'Inter', sans-serif; }
.blog-main-content .entry-content ol li h3 { display: inline-block; }
.blog-main-content .entry-content ul li:before { content: ""; display: block; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background-color: #0175E2; border-radius: 100%; }
.blog-main-content .entry-content a { color: #007bff !important; font-size: 16px; line-height: 30px; }
.blog-main-content .entry-content h3 a { font-size: 22px !important; line-height: 32px !important; }
.blog-main-content .entry-content a.btn { color: #0175e2; }
.blog-main-content .entry-content a.btn:hover { text-decoration: none !important; }
.blog-main-content .entry-content a:hover { text-decoration: underline !important; text-decoration-thickness: 2px !important; text-decoration-color: #191a1b !important; transition: none; }

.blog-main-content .entry-content ol li { margin-bottom: 15px; display: list-item; list-style-position: inside; }
.blog-main-content .entry-content ol { list-style: decimal; }
.blog-main-content .table-responsive { display: block; width: 100%; overflow-x: auto; }
.blog-main-content table { width: 100%; margin-bottom: 20px;}
.blog-main-content .table-brd .table td, .blog-main-content .table-brd .table th { border: 1px solid #0B2040 !important; }
.blog-main-content .table-brd table th { padding: 10px 15px; background-color: transparent !important; font-weight: 600 !important; text-align: center !important; color: #0B2040!important; }
.blog-main-content .table-brd .table td, .blog-details .table-brd .table th { border: 1px solid #0B2040 !important; }
.blog-main-content table td { padding: 10px 15px; color: #161616; font-size: 16px; border-bottom: 1px solid #0B2040; }
.blog-main-content .post-meta-single { display: none; }
.blog-main-content .pagination-single { display: none; }

.blog-main-content .table-responsive.heading-highlight th { background-color: #0B2040; color: #fff; }
.blog-main-content .table-responsive.heading-highlight th strong { color: #fbd642; font-weight: 600; padding: 10px; }

.blog-main-content .be-next { padding: 30px 45px; background: #0B2040 !important; box-shadow: 0px 10px 12px rgb(24 47 189 / 10%); margin-bottom: 40px; }
.blog-main-content .be-next p { font-size: 17px; margin-bottom: 10px; color: #fff; line-height: 30px; flex: 0 0 55%; }
.blog-main-content .be-next.bg-white { background-color: #fff !important; }
.blog-main-content .be-next.bg-white p { color: #0B2040; font-weight: 500; font-size: 20px; line-height: 30px; }
.blog-main-content .be-next.bg-white p a { font-size: 20px; line-height: 30px }

.comments-wrapper { display: none; }

.blog-bottom-authorbox { padding: 40px 10px 15px; background-color: #F1F6FF !important; border-radius: 10px; }
.blog-bottom-authorbox .blog-authorbox-image { margin-bottom: 20px; }
.blog-bottom-authorbox .blog-authorbox-image img { width: 150px; height: 150px; object-fit: cover; border-radius: 17px; }
.blog-bottom-authorbox .blog-more-info { margin-bottom: 20px; }
.blog-bottom-authorbox .blog-more-info .author { font-size: 20px; font-weight: 600; }
.blog-bottom-authorbox .blog-more-info .author a { color: #161616; }
.blog-bottom-authorbox .blog-more-info .designation { color: #4B4B4B; font-size: 16px; font-weight: 500; }
ul.blog-authorbox-social { padding: 0 !important; text-align:center; }
.blog-authorbox-social li { display: inline-block; vertical-align: middle; margin-right: 7px; }
.blog-authorbox-social li img { width: 35px; }
.blog-cta-with-mobile .right { flex: 1 0 auto; width: 278px; text-align: right; }
.blog-cta-with-mobile .right img { margin-top: -50px; }

.blog-main-content blockquote { background-color: rgb(1 122 236 / 10%); padding: 30px 30px 20px !important;border-left: 5px solid #0175E2 !important; margin-bottom: 25px; }
.blog-main-content .blog-cta-with-mobile { padding: 0 0 0 30px; box-shadow: none; background-color: #F8FAFB; border-radius: 10px; margin: 70px 0 40px; }
.blog-cta-with-mobile .cta-inner-box { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; }
.blog-cta-with-mobile .left { padding: 30px 20px 30px 0; }
.blog-cta-with-mobile .left .blog-title { font-size: 24px; color: #0B2040; font-weight: 600; margin-bottom: 5px; }
.blog-cta-with-mobile .left .blog-title + div { font-size: 18px; margin-bottom: 15px; font-style: italic; font-weight: 500; }

.blog-cta-with-left-icon { padding: 30px 35px; box-shadow: none; background-color: #0B2040; margin: 40px 0; }
.blog-cta-with-left-icon .cta-inner-box { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: flex-start; }
.blog-cta-with-left-icon .left { margin-right: 30px; }
.blog-cta-with-left-icon .right { flex: 1; } 
.blog-cta-with-left-icon .right div { font-size: 21px; color: #ffffff; font-weight: 500; margin-bottom: 15px; }
.blog-cta-with-left-icon .right p { margin-bottom: 0 !important; }

.highlight-topic { box-shadow: 0px 10px 16px 6px rgb(33 35 38 / 8%); padding: 25px 20px 15px 20px; margin-bottom: 20px; border: 1px solid #0B2040; position: relative; background-color: #0B2040; color: #fff; }
.highlight-topic ul li:before { background-color: #fff !important; }
.highlight-topic h2 { margin-top: 0px !important; color: #fff !important; }
.highlight-topic p, .highlight-topic ul li { color: #fff !important; }
.highlight-topic a { color: #fbd642 !important; }
.highlight-topic.grey-topic { background-color: rgb(1 122 236 / 10%); border-radius: 20px; border: 3px solid #0175E2;}
.highlight-topic.grey-topic h2 { color: #161616 !important; }
.highlight-topic.grey-topic p, .highlight-topic.grey-topic p ul li { color: #161616 !important; }
.highlight-topic.grey-topic ul li:before { background-color: #0B2040 !important; }
.highlight-topic.grey-topic a { color: #0183ff !important; }

.sec-highlight { background-color: #0175e2; padding: 20px 20px 1px 25px; margin-bottom: 20px; border: 1px solid #22222229; font-size: 17px; line-height: 1.6; color: #fff; }
.sec-highlight h2 { color: #fff !important; }
.blog-main-content .sec-highlight p a { color: #fff !important; text-decoration: underline; text-decoration-color: #fff; }
.blog-main-content .sec-highlight p a:hover { color: #000 !important; }
.sec-highlight ul { margin-bottom: 10px !important; }
.sec-highlight ul li:before { background-color: #fff !important; } 
.blog-main-content .sec-highlight h3, .blog-main-content .sec-highlight p, .blog-main-content .sec-highlight ul li { color: #fff !important; }
.blog-main-content .entry-content .sec-highlight a { color: #fff !important; text-decoration: underline; }

.blog-cta-option1 { margin: 30px 0; padding: 30px 25px; background-color: #0B2040; } 
.blog-cta-option1 .cta-main-text { color: #fff; font-size: 24px; margin-bottom: 15px; font-weight: 600; }
.blog-cta-option1 .cta-inner-box { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 10px; background-color: #fff; }
.blog-cta-option1 .cta-inner-box img { width: 80px; height: 80px; border-radius: 10px; margin-right: 20px; }
.blog-cta-option1 .cta-inner-box div { flex: 1; font-size: 17px; padding-right: 20px; }
.blog-cta-option1 .cta-inner-box p { margin: 0; }
.blog-cta-option1 .cta-inner-box .btn { color: #0B2040; }

.blog-cta-option1.blue { background: #004484; }
.blog-cta-option1.blue { background-color: #004484; border-color: #004484; }
.blog-cta-option1.blue .cta-inner-box { background-color: #fff; }
.blog-cta-option1.blue .cta-main-text { color: #fff; }
.blog-cta-option1.blue .cta-inner-box p { color: #161616; }
.blog-cta-option1.blue .cta-inner-box a { margin-top: 20px; color: #fff !important; }
.blog-cta-option1.blue .cta-inner-box img { width: 100px; height: 100px; }
.blog-cta-option1.blue .cta-inner-box { padding: 20px 20px; }

.be-next.gradientbg { background: linear-gradient(90deg, rgba(11,32,64,1) 0%, rgba(9,28,57,1) 100%) !important; }
.be-next.gradientbg p { color: #fff !important; }

.table-border-none table th { padding: 10px 15px; font-size: 17px; color: #ffffff; background-color: #0B2040; font-weight: 500; border-bottom: 1px solid #ececec; }
.table-border-none table td { border-bottom: 1px solid #ececec; font-weight: 500; }

.be-next.be-next-opt3 { padding: 25px 30px; box-shadow: none; background-color: #F8FAFB !important; border-radius: 10px; }
.be-next.be-next-opt3.be-icon p { flex: 0 0 15%; }

.template-thankyou h1 { color: #0B2040 !important; font-size: 70px !important; line-height: 80px !important; }
button.blog-list-btn { position: fixed; z-index: 11; bottom: 110px; left: 45px; transform: translateX(-50%); width: 50px; height: 50px; display: flex; justify-content: center; align-items: center; border-radius: 100%; border: none;
    background-color: #191a1b; display: none; }
button.blog-list-btn svg { width: 30px; height: 30px; }
button.blog-list-btn svg path { fill: #fff; }
.scroll-nav__overlay { display: none; }
button.close-btn { display: none; }

.blog-top-slider .blog-item .blog-content h3.title { font-size: 26px; line-height: 36px; margin-bottom: 20px !important;font-weight:500; }
.blog-top-slider .blog-item .blog-content h3.title a:hover { color: #0183ff; }

#EstimateProject { z-index: 11111 !important }
.estimateYourProject { padding-top: 15px; }
.estimateYourProject .form-group { margin-bottom: 20px; }
.estimateYourProject .file-upload-btn { display: block !important; }
.estimateYourProject .form-group .form-control { border: 1px solid #ECF2F6 !important; background-color: #F9F9F9; border-radius: 5px; font-weight: 500; line-height: 20px; color: #191a1b; }
.estimateYourProject .form-group textarea { height: 120px !important; }
.estimateYourProject input[type="submit"] { padding: 10px 20px; background-color: #0175E2; color: #fff; border: none; }
.estimateYourProject input[type="submit"]:hover { background-color: #191a1b; }
.estimateYourProject .form-group select.form-control { background-size: 20px; }
.estimateYourProject .form-group .file-upload-name { position: absolute !important; padding: 10px 15px 10px 40px; display: none; color: #292929; width: 96%; height: 53px; }
.estimateYourProject .form-group .file-upload-name p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.estimateYourProject .file-upload-btn input[type="file"] { display: none; }
.estimateYourProject .file-upload-btn .close-fileupload { position: absolute; right: 10px; top: 10px; cursor: pointer; }
.estimateYourProject .file-upload-btn .file-icon { border-radius: 4px; padding: 10px 15px 10px 40px; display: block; background: url(../images/uploadIcon.svg) no-repeat; background-position-x: 0%; background-position-y: 0%; background-size: auto; background-position: left 10px center; background-size: 25px; border: 0; cursor: pointer; text-align: left; left: 15px; top: 0; width: 97%; border: 1px dashed gray; color: #818284; height: 53px; font-size: 16px; line-height: 30px; }
#EstimateProject .modal-header { display: inline-block; text-align: center; }
#EstimateProject .modal-header h3 { font-size: 28px !important; line-height: 38px !important; }
#EstimateProject .btn-close { position: absolute; top: 15px; right: 15px; opacity:1; fill:#fff; }
.modal-backdrop.show { opacity: 0.8 !important; }
.estimateYourProject .form-group .form-control:focus { border: 1px solid #0175e2 !important; }
.estimateYourProject .form-group .file-upload-name .file-icon span { margin-left: 10px; }

@media only screen and (max-width:1599px){
   .section-title{font-size:34px; line-height: 44px;}
   .blog-top-slider .blog-item .blog-content { padding: 20px 40px 30px; }
   .blog-top-slider .blog-item .blog-content p { height: 120px; overflow: hidden; }
   .blog-top-slider .blog-item .blog-content h3.title { font-size: 22px !important; line-height: 32px !important; }
   .blog-top-banner h1 { font-size: 32px; line-height: 45px; }
   .table-of-content { width: 100%; }
   .blog-sidebar .call-back, .blog-sidebar .discuss-your-project { width: 100%; }
   .blog-bottom-authorbox { padding: 35px 10px 15px }
   .table-of-content { padding: 25px 20px 10px 20px; }
}
@media only screen and (max-width:1399px){
   .section-title{font-size:30px; line-height: 40px;}
   .blog-top-slider .blog-item .blog-content h3.title { font-size: 20px; line-height: 30px; }
   .blog-top-slider .blog-item .blog-content p { height: 90px; }
   .blog-top-slider .blog-item .blog-content { padding: 20px 40px 25px; }
   .blog-top-banner h1 { font-size: 28px !important; line-height: 38px !important; }
   .blog-main-content .be-next p { font-size: 20px; line-height: 30px; flex: 0 0 50%; }
   .blog-main-content .entry-content a { font-size: 16px; line-height: 25px; }
   .blog-cta-with-left-icon .right div { font-size: 17px; }
   .blog-main-content .be-next.bg-white p { font-size: 17px; }
   .template-thankyou h1 { font-size: 60px !important; line-height: 70px !important; }
   .template-thankyou h2 { font-size: 30px; line-height: 40px; }
}
@media only screen and (max-width:1199px){
    .section-title{font-size:28px; line-height: 38px;}
    .blog-top-slider .blog-item .blog-content p { height: auto; overflow: auto; }
    .blog-top-banner h1 { font-size: 35px !important; line-height: 45px !important; }
    .blog-top-banner .author_post { bottom: 0; }
    .blog-main-content .be-next p { font-size: 18px; line-height: 30px; padding-right: 10px; }
    .blog-main-content .entry-content a { font-size: 16px; }
    .blog-main-content .be-next.bg-white { display: block !important; text-align: center; }
    .blog-main-content .be-next.bg-white p { font-size: 16px; line-height: 25px; }    
    .blog-main-content .be-next.bg-white p a { font-size: 16px; line-height: 16px }
    .table-of-content { display: none; left: 0; top: 20%; transform: translateY(0); border-radius: 0 8px 8px 0; max-height: 50vh; overflow-y: auto; position: fixed; width: 18rem; }
    .table-of-content.open { display: block; left: 0; z-index: 10; padding: 10px 20px 10px; margin-bottom: 0; }
    .table-of-content.open h3 { display: none; }
    .table-of-content.open ul { margin-bottom: 0; overflow-y: hidden; max-height: none; }
    .table-of-content.open ul li { font-size: 13px !important; line-height: 23px !important; margin-bottom: 0px !important; }
    .table-of-content.open ul li:last-child a { border-bottom: 0px; }
    .blog-table-content { position: relative; }
    button.blog-list-btn { display: block; }
    button.blog-list-btn.open { visibility: hidden; }
    .scroll-nav__overlay { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background-color: rgba(0,0,0,0.5); display: none; z-index: 1; }
    .scroll-nav__overlay.open { display: block; }
    .close-btn { display: none; position: fixed; left: 22px; bottom: 110px; z-index: 9999; margin: 0 auto; background-color: #027BEE; padding: 2px 12px 5px; border-radius: 50px; border: none; width: 50px;
    height: 50px; } 
    .close-btn.open { display: block; }
    .close-btn svg { width: 17px; height: 20px; }
    .close-btn svg path { fill: #fff; }
    .blog-list-btn{ display: none !important; }
    .blog-list-btn.show{ display: block !important; }
    .table-of-content span { font-size: 18px; line-height: 30px; font-weight: 600; }
    .blog-main-content .entry-content h2 { font-size: 22px; line-height: 32px; }
    #mega-menu-wrap-primary #mega-menu-primary > li.highlight-btn > a.mega-menu-link, #mega-menu-wrap-blog_menu #mega-menu-blog_menu > li.highlight-btn > a.mega-menu-link { padding: 0 10px !important }
}
@media only screen and (max-width:992px){
    .main-navbar-wrap .main-navbar-wrap-inner { padding: 15px 20px; max-width: 96%; }
    .section-title{font-size:30px; line-height: 40px;}
    .contactForm{padding:0;}
    .blog-top-slider { padding: 60px 0 40px 0px; }
    .blog-section-list .blog-post_content .blog-post_title { height: auto; overflow: auto; }
    .single-post .hero.blog-top-banner .content-title { margin-bottom: 40px; }
    .blog-top-banner h1 { font-size: 30px !important; line-height: 40px !important; }
    .blog-top-banner .author_post { margin: 50px 0; position: relative; }
    .blog-bottom-authorbox { padding: 35px 30px 15px 10px; }
    .blog-main-content { padding: 10px 0 30px; }
    .table-of-content { display: none; left: 0; top: 20%; transform: translateY(0); border-radius: 0 8px 8px 0; max-height: 50vh; overflow-y: auto; position: fixed; width: 18rem; }
    .table-of-content.open { display: block; left: 0; z-index: 10; padding: 10px 20px 10px; margin-bottom: 0; }
    .table-of-content.open h3 { display: none; }
    .table-of-content.open ul { margin-bottom: 0; }
    .table-of-content.open ul li { font-size: 13px !important; line-height: 23px !important; margin-bottom: 0px !important; }
    .table-of-content.open ul li:last-child a { border-bottom: 0px; }
    .blog-table-content { position: relative; }
    button.blog-list-btn { display: block; bottom: 110px; }
    button.blog-list-btn.open { visibility: hidden; }
    .scroll-nav__overlay { position: fixed; top: 0; left: 0; height: 100vh; width: 100vw; background-color: rgba(0,0,0,0.5); display: none; z-index: 1; }
    .scroll-nav__overlay.open { display: block; }
    .close-btn.open { display: block; }
    .close-btn svg { width: 17px; height: 20px; }
    .close-btn svg path { fill: #fff; }
    .blog-list-btn{ display: none !important; }
    .blog-list-btn.show{ display: block !important; }
    #mega-menu-wrap-primary #mega-menu-primary > li.highlight-btn > a.mega-menu-link { border-radius: 0 !important; }
    .estimateYourProject .file-upload-btn .file-icon { width: 93%; }
    #EstimateProject .modal-header h3 { font-size: 20px !important; line-height: 30px !important; }
}

@media only screen and (max-width:767px) {
    .main-navbar-wrap .main-navbar-wrap-inner { padding: 5px 20px; }
    .section-title{font-size:28px; line-height: 38px;}
    .success-stories { padding: 30px 0 30px; } 
    .success-stories .success-story .success-title h2 { font-size: 28px; line-height: 38px; }
    .blog-content .blog-item{margin:0;}
    .pdmob-0{padding:0;}
    .bottomOntable{right:0;z-index:-1;}
    .topmOntable{left:-70px;top:-48px;}
    .blog-top-slider { padding: 60px 0 40px 0px; }
    .blog-section-list h2.section-title { font-size: 24px; line-height: 34px; margin-bottom: 20px; }
    .blog-section-list .blog_img_part img { width: 100%; }
    .blog-section-list .blog-content .blog-item { margin: 0 0 30px; }
    .main-blog-section .archive-title span { font-size: 24px !important; line-height: 34px !important; }
    .blog-top-banner { padding: 110px 0 40px 0px !important; }
    .blog-top-banner .author_post { margin: 20px 0 40px; }
    .blog-bottom-authorbox .blog-authorbox-image { justify-content: center; !important; }
    ul.blog-authorbox-social li { text-align: center; margin-bottom: 10px }
    .blog-bottom-authorbox .blog-authorbox-image img { width: 110px; height: 110px; }
    .be-next-opt2-main { display: block !important; text-align: center; }
    .be-next-opt2-main .btn-box { margin-top: 20px; }
    .blog-main-content .be-next { padding: 25px 30px; }
    .blog-cta-option1 .cta-main-text { font-size: 20px; line-height: 30px; }
    .blog-cta-option1 .cta-inner-box { display: block !important; text-align: center; }
    .blog-cta-option1 .cta-inner-box div { padding: 10px; }
    .blog-cta-option1 .cta-inner-box div p { font-size: 16px; line-height: 25px; }
    .blog-cta-with-left-icon .cta-inner-box { display: block; text-align:center; }
    .blog-cta-with-left-icon .right div { font-size: 16px; line-height: 25px; margin-top: 15px; }
    .blog-sidebar .call-back { display: none; }
    .single-post .hero.blog-top-banner { padding: 110px 0 20px 0px !important; }
    .blog-top-banner h1 { font-size: 22px !important; line-height: 32px !important; }
    button.blog-list-btn { bottom: 90px; }
    .blog-bottom-authorbox { text-align: center; }
    .blog-bottom-authorbox .blog-more-info { margin-bottom: 5px; }
    .blog-bottom-authorbox .blog-bottom-authorbox-content p { font-size: 15px; line-height: 25px; }
}
@media only screen and (max-width:600px) {
    .blogsocial a { margin-left: 5px; }
}

@media only screen and (max-width:574px) {
    .main-navbar-wrap .main-navbar-wrap-inner { padding: 5px 10px }
    .section-title{font-size:24px; line-height: 34px;}
    .hero.blog-top-banner .content-title { margin-bottom: 10px; }
    button.close-btn { bottom: 90px; }
}

@media only screen and (max-width:355px) {
    .estimateYourProject .file-upload-btn .file-icon { height: 80px; }
    .estimateYourProject input[type="submit"] { margin-top: 60px !important; }
}

.asr-filter-div { margin: 0 auto !important; text-align: center; width: 90%; overflow: hidden; scroll-behavior: smooth; }
.asr-filter-div .asr-filter-div { max-width: 90%; }
.gm-taxonomy-filter { position: relative; width: 100%; margin: 40px auto 50px; box-shadow: 0 3px 6px 0 rgb(0 0 0 / 16%);
    border-radius: 15px; padding: 20px 0; display: flex; align-items: center; flex-wrap: nowrap; }
.flex-shrink-0.left-arrow { left: 20px; top: 21px; }
.flex-shrink-0.right-arrow { right: 20px; top: 21px; }
.left-arrow, .right-arrow { position: absolute; z-index: 9; }
.flex-shrink-0 button.btn-link { border: none; background: 0 0; padding: 0; font-size: 22px; text-decoration: none; }
.gm-taxonomy-item input:checked+label{ background: #0175e2 !important; color: #fff; border-radius:5px; }
.gm-filter-wrap { margin: 0 10px; }
.am__col-3 .am_grid_col { margin-bottom: 35px !important; }
.casetudySection .am__col-3 .am_grid_col { margin-bottom: 30px !important }
.am-postgrid-wrapper .am_single_grid { border-radius: 5px; position: relative; overflow: hidden; box-shadow: 0 3px 14px 0 rgba(4,64,120,.2); }
.am_single_grid:before { content: ""; width: 80px; height: 80px; background-color: rgba(1,122,236,.1); position: absolute; bottom: -30px; right: -30px; display: block; border-radius: 17px; transition: all .3s ease-in-out; }
.am_single_grid:hover:before { bottom: -20px; right: -20px; transition: all .3s ease-in-out; }
.am_single_grid:hover .am_cont a h2 { color: #0175e2; }
.am_single_grid .am_cont .blog-date { font-weight: 500; }
.am-postgrid-wrapper .am_single_grid .am_thumb { height: auto; }
.am_grid_col { padding: 0 15px !important; }
.am_single_grid .am_cont h2 { margin-top: 0; text-align: left; margin-bottom: 10px; overflow: hidden; height: auto; font-size: 18px; line-height: 30px; letter-spacing: .5px; color: #161616;font-weight:600; font-family: 'Inter'; }
.am_single_grid .am_thumb img { border-radius: 10px 10px 0 0; }
.am__excerpt { height: 90px; overflow: hidden;}
.am_single_grid .author_post { border: none; padding: 0; margin-top: 30px; display: flex; }
.am_single_grid:hover .am_thumb img { transform: none !important; }
.am_single_grid .author_post .authorText a { color: #000000; }
.am_single_grid .author_post .authorText .blog-date { color: #161616; font-weight: 500; }
.am_single_grid .am_cont { padding: 20px 20px; }
button.am-post-grid-load-more { background-color: #0175e2; border: none; padding: 10px 50px; border-radius: 5px; color: #fff; font-weight: 500; cursor: pointer; }
button.am-post-grid-load-more:hover { background-color: #191a1b; color: #fff; }
.am_posts_navigation { margin-top: 10px; }
.asr-filter-div .asr_texonomy { border: none !important; white-space: nowrap; color: #161616; font-size: 17px; line-height: 30px; padding: 8px 15px !important; text-transform: initial; font-weight: 500; margin: 1px 10px !important; }
.asr_texonomy.active, .asr_texonomy:hover { background-color: #0175e2 !important; color: #fff; border-radius: 5px; }

.o-hidden { overflow:hidden; }
.asr-filter-div .nav { transition: transform 0.4s; transform: translateX(50%); left: -50%; }
.asr-filter-div .nav.justify-content-end { transform: translateX(0); left: 0; }

.am_ajax_upper_div { position: relative; width: 92%; margin: 40px auto 50px; box-shadow:0 3px 6px 0 rgb(0 0 0 / 16%); border-radius: 15px; padding: 20px 0;  }
.am_ajax_upper_div .left-arrow, .am_ajax_upper_div .right-arrow { position:absolute; z-index: 9999; }
.am_ajax_upper_div .flex-shrink-0.left-arrow { left: 20px; top: 31px; }
.am_ajax_upper_div .flex-shrink-0.right-arrow { top: 31px; right: 20px; }
.am_ajax_upper_div .flex-shrink-0 button.btn-link { text-decoration: none; background-color: transparent; padding: 0 !important; text-decoration: none; border: none; font-size: 22px;}
.am_ajax_upper_div .flex-shrink-0 button.btn-link i { font-size: 20px; }

@media only screen and (max-width:1599px){
    .asr-filter-div .asr_texonomy { padding: 8px 15px!important; margin: 1px 5px!important; }
}
@media only screen and (max-width:1199px){
    .asr-filter-div { width:100%; }
    .asr-filter-div .asr-filter-div { max-width:85%; }
    .am_ajax_upper_div .flex-shrink-0.left-arrow { left: 5px; }
    .am_ajax_upper_div .flex-shrink-0.right-arrow { right: 2px; }
    .asr-ajax-container .am__col-3 .am_grid_col { -ms-flex: 0 0 50%; -webkit-box-flex: 0; -webkit-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%;}
}
@media only screen and (max-width:991px){
    .asr-filter-div .asr-filter-div { max-width:80% }
    .am_ajax_upper_div .left-arrow, .am_ajax_upper_div .right-arrow { display: none; }
    .asr-filter-div ul { overflow-x:auto; }
    .asr-filter-div .asr_texonomy { padding:8px 12px!important; }
}
@media only screen and (max-width:767px){ 
    .asr-ajax-container .am__col-3 .am_grid_col { -ms-flex: 0 0 100%; -webkit-box-flex: 0; -webkit-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; }
    .flex-shrink-0.left-arrow { top: 25px; }
    .flex-shrink-0.right-arrow { top: 25px; }
    .am__excerpt { height: auto; }
    .am__col-3 .am_grid_col { margin-bottom: 16px !important; }
    .gm-taxonomy-filter { margin: 10px auto 30px; }
}
@media only screen and (max-width:574px){ 
    .am_ajax_post_grid_wrap { padding: 5px; }
    .asr-filter-div .asr_texonomy { font-size: 15px; line-height: 25px; }
}

/* London App Development */
.form-control { height: 54px; background-color: transparent; font-size: 14px; padding: 10px 22px; border-radius: 5px; line-height: 54px; font-family: Inter,sans-serif; display: block;
    width: 100%;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.form-control:focus { background-color: transparent; }
.mb-30 { margin-bottom: 20px!important; }
.wpcf7-not-valid-tip { font-size: 14px !important; line-height: 20px !important; color: #f00 !important; font-weight: 600 !important; text-align:left; }
.wpcf7 form .wpcf7-response-output { background-color: #fff; color: #000; border: none !important; box-shadow: 0 3px 10px 0 rgba(0,0,0,.3) !important; margin: 10px 0 0 !important; padding: 8px 40px !important; font-size: 14px; font-weight: 700; line-height: 20px; clear: both; display: inline-block; }
.wpcf7 form.invalid .wpcf7-response-output { color: #c00; }
.wpcf7 form.sent .wpcf7-response-output { color: #46b450 !important; }

.grecaptcha-badge { display: none; }

#load-more-button { background-color: #0175e2; border: none; font-size: 17px; line-height: 30px; font-weight: 500; color: #fff; padding: 10px 30px; text-transform: capitalize; text-align: center; border: 1px solid #fff0; border-radius: 5px; }

@media (min-width: 1199px) and (max-width: 1399px) {
   .footer-col { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; justify-content: start !important; }
   .footer-col .foot-contact-icon { margin-top: 0 !important; } 
}

@media (max-width: 1199px) { 
    .pad-8000 { padding: 60px 0 0; }
    .title { margin-bottom: 60px; }
    .title h2 { font-size: 26px; }
}
@media (max-width: 767px) {
    .pad-8000 { padding: 50px 0 0; }
    .title { margin-bottom: 50px; }
    .title h2 { font-size: 22px; line-height: 32px; }
}

@media (max-width: 574px) {
    .row { margin-right: -14px; margin-left: -14px; }
}

.DifferBX { background-color: #fff; padding: 60px; box-shadow: 0 6px 30px 0 rgba(11, 32, 64, .06); }
.ItemDeffrance { position: relative; padding: 18px 0 18px 40px; }
.ItemDeffrance:before { content: ""; position: absolute; display: block; height: 20px; width: 20px; left: 0; margin-top: 5px; background-image: url(../images/checkIcon.svg); background-size: contain; }
.ItemDeffrance .titleDeff { font-size: 20px; color: #000; line-height: 30px; margin-bottom: 0; }
.ItemDeffrance p { font-size: 16px; color: #1d1e22; margin-bottom: 0; }

.LocationContent .LocationList { border: 1px solid #d6d6d6; border-radius: 10px; position: relative; margin-top: 15px; height: 100%; position: relative; }
.LocationContent .colLocations { margin-bottom: 60px; }
.LocationContent .LocationList .LocationImg { position: absolute; right: 20px; background-color: #fff; border-radius: 50%; box-shadow: 0 5px 35px 0 #0000000f; display: flex; justify-content: center; align-items: center; top: -38px; color: #027bee; font-weight: 600; font-size: 20px; height: 70px; width: 70px; }
.LocationContent .LocationList .LocationImg img { width: 45px; height: 45px; }
.LocationContent .LocationList h3 { font-size: 20px; margin-bottom: 10px; line-height: 30px; }
.LocationContent .LocationList { padding: 25px 30px; }

.hiredevelopers .DifferBX { padding: 50px 60px; }
.hiredevelopers ul.ListCheckLine { padding: 0; margin: 0; }
.hiredevelopers ul.ListCheckLine li { position: relative; padding: 8px 0 5px 20px; list-style: none; font-size: 16px; display: inline-block; }
.hiredevelopers li:before { content: ""; display: block; position: absolute; left: 0; top: 20px; width: 8px; height: 8px; background-color: #0175E2; border-radius: 100%; }

.sectionBusiness .BusinessList .ItemsolutionUk .icnSvgInd svg { width: 60px; height: 60px; }
.sectionBusiness .BusinessList .colBusinessList { margin-top: 35px; }
.sectionBusiness .BusinessList .ItemsolutionUk { height: 100%; margin: 0; }
.sectionBusiness .BusinessList h3 { font-size: 20px; line-height: 30px; }

.sectionCost .costBoxList .colCostBoxList { margin-top: 60px; }
.sectionCost .costBoxList .colCostBoxList .CostBox { padding: 50px 30px 30px; background-color: #fff; box-shadow: 0 6px 30px 0 #0b20400f; height: 100%; transition: .5s; position: relative; border: 1px solid; border-image-slice: 1; border-image-source: linear-gradient(180deg, #0175E2 0%, #fff0 99%); }
.sectionCost .costBoxList .colCostBoxList .CostBox .iconCost { background-color: #0175E2; position: absolute; right: 30px; top: -30px; height: 55px; width: 55px; display: flex; align-items: center; justify-content: center; border: 1px solid #0175E2; transition: .5s; }
.sectionCost .costBoxList .colCostBoxList .CostBox .iconCost svg { width: 38px; height: 38px; } 
.sectionCost .costBoxList .colCostBoxList .CostBox .iconCost svg path { fill: #fff; }
.sectionCost .costBoxList .colCostBoxList .CostBox h3 { color: #000; font-size: 22px; line-height: 32px; margin-bottom: 15px; }
.sectionCost .costBoxList .colCostBoxList:hover .iconCost { background-color: #fff; transform: scale(1.1); }
.sectionCost .costBoxList .colCostBoxList:hover .iconCost svg path { fill: #0175E2; }

.developmentFacts .DifferBX { padding: 25px 50px; border-image-source: linear-gradient(180deg, #0175E2 0%, #fff0 99%) !important; border-image-slice: 1 !important; border: 1px solid; }

@media (max-width: 1199px) {  
    .DifferBX { padding: 50px 40px 35px; }
}
@media (max-width: 767px) { 
    .DifferBX { padding: 40px 40px 25px; }
    .LocationContent .colLocations { margin-bottom: 50px; }
    .LocationContent .LocationList { height: auto; }
}
@media (max-width: 574px) {
    .DifferBX { padding: 30px 25px 25px; }
}

.growContent { overflow-x: auto }
.growContent .growItem { min-width: 25% }
.customScroll::-webkit-scrollbar { height: 8px; }
.customScroll::-webkit-scrollbar-track { background: #e3f1ff; border-radius: 5px }
.customScroll::-webkit-scrollbar-thumb { background: #0175e2; border-radius: 5px }
.customScroll::-webkit-scrollbar-thumb:hover { background: #016bce }
.growItem { padding: 30px 30px 30px 0; color: #fff; }
.growItem .growItemBox { top: 0; min-height: 200px; position: relative; background-color: #fff; border: 2px solid #e1f0fe; -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.3 ease-in-out; padding: 20px; height: 450px; }
.growItem .yearsGrow { font-size: 30px; line-height: 30px; font-weight: 700; text-align: right; color: #0175e2; }
.growItem h3 { font-size: 20px; color: #0175e2; font-weight: 500}
.LineGrow { position: relative; }
.LineGrow::before { content: ""; display: block; width: 100%; border: 1px solid; border-image-slice: 1; top: 15px; left: 10px; border-image-source: linear-gradient(90deg, #0175e2 0%, #fff0 99%); position: absolute }
.LineGrow .circle1 { height: 30px; width: 30px; border-radius: 50%; background-color: #0175e2; display: block; position: relative; left: 10px }
.LineGrow .circle2 { height: 50px; width: 50px; border-radius: 50%; background-color: #0175e2; display: block; opacity: .5; position: absolute; top: -10px; left: -10px }
.growItem:hover .circle2 { animation: 1s ease-out infinite zoom-in-zoom-out }
.growIcon { width: 85px; height: 85px; margin-top: 40px; margin-bottom: 30px; position: relative; }
.growIcon:before { content: ""; display: block; background-color: #017aec; opacity: 0.1; position: absolute; top: 0; bottom: 0; left: 0; bottom: 0; width: 100%; height: 100%; border-radius: 15px; }
.growIcon svg { width: 72px; height: 72px; position: absolute; right: -15px; bottom: -5px; }
.growIcon svg path { fill: #0175e2; }

@keyframes zoom-in-zoom-out {
    0% {
        transform: scale(1, 1)
    }
    100% {
        transform: scale(1.5, 1.5);
        opacity: 0
    }
}

@media (max-width: 1399px) {
    .growContent .growItem { min-width: 34%; }
}
@media (max-width: 1199px) {
    .growContent .growItem { min-width: 50%; }
    .growItem .growItemBox { height: 400px; }
}
@media (max-width: 991px) {
    .growItem .growItemBox { height: 450px; }
}
@media (max-width: 767px) {
    .growContent .growItem { min-width: 100%; padding: 10px 20px 40px 0; }
   .growItem .growItemBox { height: auto; }
   .growItem .yearsGrow { font-size: 24px; } 
}

.phone-field-wrapper .phone-field-inner { display: flex; flex-wrap: wrap; align-items: center; background-color: #f9f9f9; }
.country-select { position: relative; }
#countryBtn { display: flex; align-items: center; gap: 8px; height: 54px; padding: 0 8px !important; border: 1px solid #ECF2F6; cursor: pointer; font-size: 14px; text-transform: uppercase; margin: 0; background-color: #F9F9F9; border-right: 1px solid rgba(0, 0, 0, 0.1); border-radius: 0px; }
.country-list { position: absolute !important; top: 100%; left: 0; background: #fff; border: 1px solid #ddd !important; width: 475px; display: none; max-height: 200px !important; overflow-y: auto !important; z-index: 10 !important; }
.country-list li { padding: 4px 10px 4px 40px; cursor: pointer; background-repeat: no-repeat; background-position: 10px center; background-size: 20px auto; width: 100%; display: inline-block; }
.phone-field-wrapper .phone-field-inner .country-select .countryFlag { margin-top: 20px; }
.country-list li:hover { background-color: #f3f3f3; }
#phoneRaw { height: 50px; border: 1px solid #f9f9f9; background-color: #f9f9f9; width: 100%; }
.phone-field-wrapper input[type="tel"] { flex: 1; padding: 10px; }
.phone-field-wrapper .phone-field-inner #countryBtn img { margin-top: 10px; }