/* @import url('https://fonts.googleapis.com/css2?family=Bai+Jamjuree:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;1,200;1,300;1,400;1,500;1,600;1,700&display=swap'); */
:root { --color-orange: #02A738; --color-orange-light: #167FB2;  --deep-blue : #08538D; --dark-blue: #022468; --color-black : #191919; --light-bg-color : #F8F7F3;}
.bg-light-blue{background-color: var(--light-bg-color);}
.section-spacing { padding: 120px 0;}
.section-inner-head h2, .bold-title{ font-style: italic; color: var(--color-black);}
.section-inner-head h2{ font-weight: var(--fw-600); user-select: none;}
h2, .bold-title{ line-height: 53px;}
.bold-title { font-size: var(--font-35); font-weight: 900;}
.section-inner-head h2 strong{ font-weight: 900 !important;}
.inner-subtitle { font-size: 14px; text-transform: uppercase; line-height: 14px; margin: 0 0 10px; font-weight: var(--fw-600); color: var(--color-green); letter-spacing: 3.6px; font-family: var(--font-sfprodisplay); font-style: italic;} .cta-btn { text-transform: capitalize; white-space: unset; text-align: start; border-radius: 5px;  gap: 6px;    font-family: SF Pro Display; font-weight: 500; font-size: 16px; line-height: 100%; letter-spacing: 1.28px; text-align: center; text-transform: uppercase; background-color: var(--color-orange); color: var(--color-white); padding: 12px 15px 12px 20px; min-height: 40px;}
.cta-btn:hover .green-icon{ background-color: transparent !important;}
.header-main:not(.sticky-header) .right-header-block li.calculator-icon a{ background-color: var(--color-white);}

/* header-main */
.header-main .logo-2 { display: flex;}
.header-main { position: absolute; top: 0; right: 0; left: 0; background: transparent; border-bottom: 1px solid hsl(0deg 0% 100% / 9%); left: 0; width: 100%;}
.logo-1,
.header-main.sticky-header .logo-2 { display: none;}
.header-main .nav-link { color: var(--color-white) !important;}
.header-main .nav-link::after { filter: brightness(0) invert(1);}
.header-main.sticky-header { background: var(--color-white); animation: slideDown 0.35s ease-out; position: fixed; box-shadow: 10px 9px 50px rgb(13 28 62 / 10%);}
.header-main.sticky-header .logo-1 { display: flex;}
.header-main.sticky-header .nav-link { color: var(--color-black) !important;}
.header-main.sticky-header .nav-link::after { filter: inherit;}
@keyframes slideDown { from { transform: translateY(-100%);}  to { transform: translateY(0);} }
.header-main .btn-green{ background-color: var(--color-orange) !important; border-color: var(--color-orange) !important;}

/* inner-page-banner */
.inner-page-banner { padding: 147px 0 50px; background-image: url(../images/sports-images/fantasy-banner.webp); position: relative; background-repeat: no-repeat; background-position: top center; background-size: cover; min-height: 100vh; display: flex; align-items: center; background-attachment: fixed;}
.inner-page-banner:before {background: linear-gradient(90deg, rgba(7, 21, 48, 0.03) 68.02%, rgba(0, 30, 51, 0.5) 96.37%); content: ""; position: absolute; transform: rotate(-180deg); width: 100%; height: 100%; left: 0; top: 0;}
.inner-page-banner .container { position: relative; z-index: 1;}
.inner-banner-content { color: var(--color-white);}
.inner-banner-content h1 { margin: 0 0 25px; line-height: 65px;}
.inner-banner-content p { margin: 0; max-width: 728px;}

/* Rating Group */
.rating-group { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 25px; max-width: 450px;}
.rating-group li a { color: var(--color-white);}
.rating-group li svg path { transition: all ease-in-out 0.3s;}
.rating-group li a:hover svg path { fill: var(--color-orange);}
.rating-group li{ padding: 10px 20px;}
.rating-group li:not(:first-child){ border-left: 1px solid rgb(255 255 255 / 20%);}
.rating-group li:first-child{ padding-left: 0px;}
.rating-group .rating { display: flex; align-items: center; gap: 6px;}
.rating-group .rating-count { font-weight: var(--fw-400); font-size: var(--font-18); line-height: 100%; letter-spacing: 0px;}
.rating-group .rating-count span { font-weight: var(--fw-700);}
.rating-group .review-title { font-weight: var(--fw-400); font-size: 12px; line-height: 100%; margin: 6px 0px 16px;}
.rating-group .rating-logo img{ max-width: 100%;}

/* pink-btn-icon */
.yellow-btn-icon .cta-btn .green-icon {  background-color: transparent; border: none; flex: 0 0 auto; background-image: url(../images/headerimages/next-arrow.webp); background-position: center !important; height: 26px; width: 26px; padding: 0px; border-radius: 0px; filter: brightness(0);}
.yellow-btn-icon .cta-btn:not(:hover) .green-icon{ filter: brightness(0) invert(1);}
.yellow-btn-icon .cta-btn::before, .yellow-btn-icon .cta-btn::after { background-color: var(--color-white);}
.yellow-btn-icon .cta-btn:hover { color: var(--color-black) !important;}
.yellow-btn-icon .cta-btn:hover .green-icon{ background-position: center !important;}
.yellow-btn-icon .cta-btn { margin: 50px 0 0; border: solid 2px var(--color-orange);}
.cta-btn.rounded-btn, .header-main .button-group .cta-btn{border-radius: 60px; font-weight: 400; background-color: var(--color-white); padding: 10px 10px 10px 30px; color: var(--color-black); text-transform: capitalize; letter-spacing: 0px;}
.header-main .button-group .cta-btn{font-size: 20px; line-height: 20px; font-weight: var(--fw-500); gap: 20px; white-space: nowrap;}
.cta-btn.rounded-btn:hover .green-icon, .header-main .button-group .cta-btn:hover .green-icon{background-color: var(--color-white) !important; border-color: var(--color-white);}
.cta-btn .green-icon {flex: 0 0 auto;}

/* Demand Section */
.demand-section .section-inner-head p{ margin-bottom: 12px;}
.demand-content { display: flex; align-items: center; gap: 30px;}
.demand-content .section-inner-head { width: 58%;}
.demand-content h2 { margin-bottom: 20px;}
.listing { margin: 0px; padding: 0px;}
.listing li{ position: relative; padding-left: 52px; font-weight: 400; font-size: 16px; line-height: 24px; color: #191919;}
.listing li:not(:last-child){ margin-bottom: 10px;}
.listing li strong{ font-weight: 700 !important;}
.listing li::before{ content: ''; width: 32px; height: 32px; position: absolute; left: 0; background-image: url('data:image/svg+xml,<svg width="32" height="33" viewBox="0 0 32 33" fill="none" xmlns="http://www.w3.org/2000/svg"><rect y="0.5" width="32" height="32" rx="16" fill="%2302A738"/><path d="M21.3346 12.833L14.0013 20.1663L10.668 16.833" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-repeat: no-repeat; background-position: center; top: 50%; transform: translateY(-50%);}
.banner-wrapper-block {padding: 50px 30px;background-color: var(--deep-blue) ;border-radius: 20px; box-shadow: 2px 0px 40px 0px #00000033;  width: 42%; background-image: url(../images/new-fitness-app/form-abstrect.png); background-repeat: no-repeat; background-position: top right;}
.banner-wrapper-block .banner-wrapper-img {display: flex;flex-wrap: wrap;align-items: center;margin: 0 0 30px;}
.banner-wrapper-block .banner-wrapper-img img{width: 100%;height: 100%;object-fit: cover;}
.banner-wrapper-block .banner-wrapper-img .wrapperimg {width: 129px;height: 129px;border-radius: 50%;border: solid 4px #F7F0E5;overflow: hidden;}
.banner-wrapper-block .banner-wrapper-img  .banner-wrapper-box {width: 100%;padding-left: 14px;}
.banner-wrapper-block .banner-wrapper-img .banner-wrapper-box .wrapper-title {font-size: 25px;line-height: 31px;font-weight: 700;margin: 0 0 3px; }
.banner-wrapper-block .banner-wrapper-img .banner-wrapper-box .wrapper-title, .banner-wrapper-block .banner-wrapper-img .banner-wrapper-box p{color: var(--color-white);}
.banner-wrapper-block form .form-group {margin-bottom: 20px;}
.banner-wrapper-block .form-control {background: linear-gradient(90.48deg, rgba(255, 255, 255, 0.1) 0.09%, rgba(255, 255, 255, 0.05) 101.29%); box-shadow: none !important; padding: 14px 15px; height: 48px;}
.banner-wrapper-block .form-control, .banner-wrapper-block .form-control::placeholder{color: var(--color-white) !important;}
.banner-wrapper-block .form-control:focus{background: linear-gradient(90.48deg, rgba(255, 255, 255, 0.1) 0.09%, rgba(255, 255, 255, 0.05) 101.29%); }
.form-group .common_error_message {bottom: unset;top: 100%; line-height: normal;}
#schedule_interview span.success_message, #schedule_interview span.error_message{ padding: 10px;border-radius: 4px;}
#schedule_interview span.success_message{ background: #e6fdf1;}
#schedule_interview span.error_message{ background: #ffe4e4;}
.banner-wrapper-block form .form-group textarea.form-control {min-height: 108px;resize: none;padding-top: 13px;}
.banner-wrapper-block form .form-group label {font-size: 16px;font-weight: 500;margin: 0 0 10px;line-height: normal; color: var(--color-white);}
.banner-wrapper-block form .form-footer {display: flex; gap: 20px; align-items: center;flex-wrap: wrap;}
.banner-wrapper-block form .form-footer .radio-list{margin-right: auto;}
.radio-list ul li input[type="checkbox"]:checked,
.radio-list ul li input[type="checkbox"]:not(:checked) {position: absolute;left: -9999px;}
.radio-list ul li input[type="checkbox"]:checked + label, .radio-list ul li input[type="checkbox"]:not(:checked) + label {position: relative;padding-left: 19px;cursor: pointer;display: inline-block;color: var(--color-white);line-height: normal;font-size: 14px;}
.radio-list ul li input[type="checkbox"]:checked + label:before, .radio-list ul li input[type="checkbox"]:not(:checked) + label:before {content: '';position: absolute;left: 0;top: 3px;width: 12px;height: 12px;border: 1px solid var(--color-white);border-radius: 100%;background: var(--color-white);}
.radio-list ul li input[type="checkbox"]:checked + label:after, .radio-list ul li input[type="checkbox"]:not(:checked) + label:after {content: '';width: 10px;height: 10px;background: #02A738;position: absolute;top: 4px;left: 1px;border-radius: 100%;-webkit-transition: all 0.2s ease;transition: all 0.2s ease;}
.radio-list ul li input[type="checkbox"]:not(:checked) + label:after {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
.radio-list ul li input[type="checkbox"]:checked + label:after {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
.banner-wrapper-block form button.btn1 {box-shadow: 4px 0px 40px 0px #00000033; font-weight: 500; border-color: var(--color-white); background-color: var(--color-white); color: var(--dark-blue);}
.banner-wrapper-block form button.btn1 svg path {transition: var(--ease-in-out); fill: var(--dark-blue);}
.banner-wrapper-block form button.btn1:hover::after{background-color: var(--color-green);}
.banner-wrapper-block form button.btn1:hover{color: var(--color-white) !important;}
.banner-wrapper-block form button.btn1:hover svg path{fill: var(--color-white);}

/*  Top Features Section */
.top-features {background: #fff;}
.top-features .inner-fluid { max-width: 1350px; margin-inline: auto; background-color: var(--light-bg-color); padding: 80px 86px; background-image: url(../images/sports-images/top-features-bg.png); background-repeat: no-repeat; background-position: top center; background-size: 100%; border-radius: 30px; border: 2px solid var(--light-bg-color);}
.top-features .section-inner-head {max-width: 1270px;text-align: center;margin: 0 auto 0;}
.top-features-outer > .row::before {border-top: solid 1px #CFD2C3;padding-bottom: 60px;margin-top: 60px;display: block;content: "";height: 1px;width: calc(100% - 1.5rem);margin-left: 0.7rem;}
.top-features-outer > .row{position: sticky; background-color: var(--light-bg-color);}
.top-features-outer > {position: sticky;}
.top-features-text {max-width: 540px;}
.top-features-text h3 {color: var(--color-black);font-weight: var(--fw-600);margin: 0 0 20px; text-transform:none; font-style: italic;}
.top-features-disc {margin: 0 0 40px;}
.top-features-list {display: grid;grid-template-columns: 1fr 1fr;column-gap: 30px;row-gap: 30px;}
.top-features-list h4 {margin: 0;min-height: 104px;background: var(--color-white);display: flex; color: var(--color-black);align-items: center;padding: 15px 12px 15px 63px;font-size: 18px;line-height: 27px;font-weight: var(--fw-400);position: relative;}
.top-features-list h4:before {content: "";height: 32px;width: 32px;  position: absolute;left: 20px; top: 50%; transform: translateY(-50%);background-image: url('data:image/svg+xml,<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg"><rect x="0.5" y="0.5" width="31" height="31" rx="15.5" stroke="%23191919"/><path d="M21.3346 12.3335L14.0013 19.6668L10.668 16.3335" stroke="%23191919" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');background-position: center;background-repeat: no-repeat;}

/* Fantacy Sport App */
.fantasysports-block .section-inner-head { max-width: 994px; margin-inline: auto; text-align: center; margin-bottom: 60px;}
.feature-box-group { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px;}
.fantasylinks .link-btn, .fantasylinks .link-btn svg path{ transition: all ease-in-out 0.3s !important;}
.fantasylinks .link-btn { display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; flex: 0 0 auto; margin-left: auto; border-radius: 50%; border: 1px solid var(--color-black);}
.fantasylinks .link-btn:hover, .fantasylinks:hover .link-btn{ border: solid 1px var(--color-green); background-color: var(--color-green);}
.fantasylinks .link-btn:hover svg path, .fantasylinks:hover .link-btn svg path{ stroke: var(--color-white);}
.fantasylinks:hover .link-btn { transform: rotate(-45deg);}
.feature-box { display: flex; flex-direction: column; flex-wrap: nowrap;}
.feature-box .defaultview { min-height: 392px; position: relative; border-radius: 8px; box-shadow: 4px 8px 40px 0px #7272721A; display: flex; align-items: center; justify-content: center; background-color: #E9EEF0;}
.feature-box .defaultview h4{ color: var(--color-white); margin-bottom: 10px;}
.feature-box .hoverview { opacity: 0; visibility: hidden; position: absolute; left: 0; min-width: 100%; min-height: 100%; top: 0; padding: 30px; border-radius: 8px; background-color: #000; display: flex; flex-direction: column; justify-content: center; transform: translateY(-100%);}
.feature-box:hover .defaultview .img-fluid { opacity: 0; visibility: hidden;}
.feature-box:hover .hoverview, .feature-box:hover .defaultview .img-fluid { transition: all ease-in-out .3s;}
.feature-box:hover .hoverview { opacity: 1; visibility: visible; transform: translateY(0%);}
.feature-box .fantasylinks { padding: 16px 20px; margin-top: 10px; display: flex; align-items: center; gap: 10px;}
.feature-box .fantasylinks p { color: #4B5D77; margin-bottom: 4px;}
.feature-box .title { color: var(--color-black); line-height: 32px; font-weight: var(--fw-700); margin: 0px;}

/* Robust Taxi App Development Services */
.sec-cta-clip { padding: 16px 0 120px;}
.cta-clip-left {  padding: 59px 92px 67px 52px; width: calc(100% - 432px); text-align: center; height: 100%; background-image: url(../images/sports-images/fantacy-sport-cta-bg.webp); /* Background color for the clipped element */ clip-path: path("M845.715 262.489C842.903 271.142 834.84 277 825.742 277H21C9.40204 277 0 267.598 0 256V21C0 9.40202 9.40202 0 21 0H902.096C916.363 0 926.477 13.9208 922.068 27.4892L845.715 262.489Z"); background-position: center; background-size: cover; background-repeat: no-repeat; position: relative;}
.cta-clip-left:before { content: ""; position: absolute; width: 100%; height: 100%; background: #001E33; mix-blend-mode: multiply; opacity: 0.85; top: 0; left: 0;}
.cta-clip-outer { display: flex; gap: 36px;}
.cta-clip-outer .cta-clip-left h2 { font-size: 24px; max-width: 700px; margin: 0 auto 0; line-height: 32px;}
.cta-clip-outer .cta-clip-left .cta-btn { margin: 27px 0 0;}
.cta-clip-outer .cta-clip-right { width: 396px; background: #08538D; border-radius: 21px 21px 21px 0; position: relative;}
.cta-clip-outer .cta-clip-right:before { height: 100%; width: 90%; content: ""; position: absolute; left: -41px; background: #08538D; transform: skew(-18deg); border-radius: 21px;}
.cta-clip-outer .cta-clip-right img { position: relative; z-index: 1; margin: -36px auto 0; display: block;}

/* Story Section */
.story-section { background:  url(../images/new-fitness-app/story-bg.png) no-repeat center center,var(--light-bg-color); background-size: cover;}
.story-section .section-inner-head h2{ display: flex; flex-direction: column; margin: 0px;}
.story-section .follow-title { display: flex; align-items: end; gap: 5px; font-weight: var(--fw-500); font-size: 16px; line-height: 24px; vertical-align: middle; margin-bottom: 10px;}
.follow-partner { display: flex; flex-wrap: wrap; gap: 10px 20px;}
.story-list{ margin: 40px 0px 20px; padding: 0px; gap: 9px;}
.story-list{ display: flex; flex-wrap: wrap;}
.story-list li { font-weight: var(--fw-400); font-size: var(--font-16); line-height: 100%; padding: 12px; background-color: var(--color-white); border: 1px solid #EAECF5; border-radius: 9px; background: #F5F5F5;}
.story-section .interfaceslider { margin-top: 60px; position: relative;}
.interfaceslider .swiper-3d .swiper-slide-shadow-right, .interfaceslider .swiper-3d .swiper-slide-shadow-left{ background: transparent;}
.interfaceslider .swiper-slide img { display: block; width: 100%; border-radius: 40px; box-shadow: 1.6px 3.19px 15.96px 0px #222A9226;}
.interfaceslider .swiper-slide { transform: scale(0.85); transition: all ease-in-out 0.3s;}
.interfaceslider .swiper-slide.swiper-slide-prev{ transform: translateX(-10px) scale(0.9);}
.interfaceslider .swiper-slide.swiper-slide-next { transform: translateX(10px) scale(0.9);}
.interfaceslider .swiper-slide.swiper-slide-active { transform: scale(1); position: relative;}
.interfaceslider .swiper-slide.swiper-slide-active::before{ content: ''; height: 8px; width: 100%; position: absolute; bottom: -15px; left: 0; background: radial-gradient(102.15% 102.15% at 50% 50%, #192026 0%, #FFFFFF 100%); backdrop-filter: blur(3.1912589073181152px); opacity: 0.15; border-radius: 100%;}
.interfaceslider .swiper-wrapper { padding-bottom: 23px;}

/* Features Section */
.features-section .section-inner-head { max-width: 994px; margin-inline: auto; text-align: center; margin-bottom: 60px;}
.bold-title { margin-bottom: 30px;}
.features-section .story-list { margin: 20px 0px 0px; gap: 12px;}
.features-section .story-list li { padding: 10px 16px; border-radius: 30px;}
.features-section .panel-img { position: relative;}
.features-section .panel-img .animated-img{ max-width: 170px; width: 100%; top: -61px; left: -25px; position: absolute;}

/* Solution Section */
.solution-section p{ line-height: 32px;}
.ai-grid { display: flex; flex-wrap: wrap; gap: 30px;}
.ai-grid .ai-grid-item1, .ai-grid .ai-grid-item4{ width: calc(60% - 15px);}
.ai-grid .ai-grid-item2, .ai-grid .ai-grid-item3{ width: calc(40% - 15px);}
.ai-grid .grid-item { border-radius: 20px; overflow: hidden; display: flex; align-items: center; gap: 30px; padding-inline: 30px;}
.grid-item .ait-content{ padding-block: 30px;}
.grid-item .ait-content h3{ color: var(--color-black);}
.grid-item .ait-content .title{ margin-bottom: 20px; font-size: var(--font-24); line-height: 32px; font-weight: var(--fw-700);}
.grid-item .ait-content .listing li:not(:last-child) { margin-bottom: 4px;}
.ai-grid .ai-grid-item1 { background-color: #F0F5FF;}
.grid-item.ai-grid-item2 .ai-grid-img { height: 100%;}
.grid-item.ai-grid-item2 { padding: 0px;}
.grid-item.ai-grid-item2 .ai-grid-img img{ min-height: 100%; object-fit: cover; object-position: center left;}
.ai-grid .ai-grid-item3 { background-color: #FAF8EE;}
.ai-grid .ai-grid-item4 { background-color: #FBF2FF;}
.ai-grid .ai-grid-item3 h3{ margin: 0px; line-height: 42px; font-weight: var(--fw-500);}
.ai-grid .ai-grid-item3 h3 strong{ font-weight: 800 !important; font-style: italic;}
.ai-grid .ai-grid-item3 .cta-btn{ margin: 30px 0px 0px;}

/*industries section*/
.industries-sec .clutch-img iframe{ max-width: 194px;}
.industries-main-outer {width: calc(50% + 695px);margin-left: auto;padding-left: 15px;margin-top: 60px;}
.industries-main .swiper-slide {height: auto;padding: 40px 28px;background: #FDFBF4;border-radius: 10px;}
.industries-main .swiper-slide .ind-icon {margin: 0 0 35px;}
.industries-main .swiper-slide .ind-icon img {position: relative;}
/* .industries-main .swiper-slide .ind-icon:after {content: "";height: 28px;width: 28px;background: #02A738;display: inline-block;vertical-align: bottom;border-radius: 50%;margin-left: -26px;} */
.industries-main .swiper-slide h3 {font-size: 24px;margin: 0 0 12px;color: var(--color-black);font-weight: var(--fw-700);}
.industries-main .swiper-slide p {margin: 0 0 35px;}
.ind-link-outer {display: flex;flex-wrap: wrap;gap: 9px;}
.ind-link-outer a {font-size: 16px;line-height: normal;padding: 9px 18px;border: solid 1px #000;border-radius: 30px;transition: var(--ease-in-out);letter-spacing: normal;text-transform: capitalize;}
.ind-link-outer a:hover{color: var(--color-white) !important;border-color: var(--color-green);background: var(--color-green);}
.slider-btn-outer {position: relative;max-width: 1356px;margin-top: 60px;}
.slider-btn-outer:before {content: "";width: calc(100% - 167px);height: 1px;background: var(--light-bg-color);position: absolute;left: 0;top: 50%;}
.industries-main-outer .slider-btn-next {position: initial;right: 0;bottom: 0;transform: translate(0px, 0px);display: flex;gap: 30px;justify-content: flex-end;}
.industries-main-outer .slider-btn-next .swiper-btn:after {display: none;}
.industries-main-outer .slider-btn-next .swiper-btn {position: initial !important;border: solid 1px #000;height: 58px;width: 58px;transition: var(--ease-in-out);border-radius: 50%;margin: 0;}
.industries-main-outer .slider-btn-next .swiper-btn:hover{border: solid 1px var(--color-green);background-color: var(--color-green);}
.industries-main-outer .slider-btn-next .swiper-btn svg path{    transition: var(--ease-in-out);}
.industries-main-outer .slider-btn-next .swiper-btn:hover svg path{stroke: var(--color-white);}
.ind-link-outer {display: flex;flex-wrap: wrap;gap: 9px;}
.ind-link-outer a {font-size: 16px;line-height: normal;padding: 9px 18px;border: solid 1px #000;border-radius: 30px;transition: var(--ease-in-out);letter-spacing: normal;text-transform: capitalize;}
.ind-link-outer a:hover{color: var(--color-white) !important;border-color: var(--color-green);background: var(--color-green);}

/* Industries Solution Section */
.industries-solution { background: linear-gradient(352.87deg, #0C4169 -28.62%, #06253C 92.38%);}
.industries-solution .section-inner-head .inner-subtitle{ color: var(--color-white); opacity: 0.5;}
.industries-solution .clutch-img iframe{ filter: invert(1) brightness(1000); ;}
.industries-solution .slider-btn-outer:before{ opacity: 0.1;}
.industries-solution .industries-main-outer .slider-btn-next .swiper-btn{ border-color: var(--color-white);}
.industries-solution .industries-main-outer .slider-btn-next .swiper-btn:hover{ border-color: var(--color-orange);}
.industries-solution .industries-main .swiper-slide{ background-color: var(--color-white);}

/* Process Section */
.process-section .section-inner-head { max-width: 994px; margin-inline: auto; text-align: center; margin-bottom: 40px;}
.process-grid { display: flex; flex-direction: column; gap: 80px;}
.process-item { display: flex; gap: 30px; padding-top: 40px; position: sticky; min-height: 386px;}
.step-1 { top: 120px;}
.step-2 { top: 140px;}
.step-3 { top: 160px;}
.step-4 { top: 180px;}
.step-5 { top: 200px;}
.step-6 { top: 210px;}
.process-item .process-img{ width: calc(40% - 15px); border-radius: 20px; overflow: hidden;}
.process-item .process-img img{ width: 100%; height: 100%; object-fit: cover;}
.process-item .process-dis{ width: calc(60% - 15px); border-radius: 20px; background-color: var(--light-bg-color); padding: 20px; position: relative; display: flex; align-items: center;}
.process-item .process-dis h3{ font-weight: var(--fw-700); font-size: var(--font-24); line-height: 50px; margin-bottom: 20px; color: var(--color-black); max-width: calc(100% - 200px);}
.process-item .process-dis h3, .process-list .process-steps{ text-transform: capitalize;}
.process-list .process-steps{ font-weight: var(--fw-400); font-size: var(--font-18); line-height: 28px; position: relative; display: flex; align-items: center; gap: 20px; position: relative;}
.process-list .process-steps:not(:last-child){ padding-bottom: 24px;}
.process-list .process-steps span{ display: inline-flex; align-items: center; justify-content: center; width: 18px; height: 18px; border-radius: 50%; position: relative; flex: 0 0 auto;}
.process-list .process-steps span::before, .process-list .process-steps span::after,.process-list .process-steps::after{ content: ''; position: absolute;}
.process-list .process-steps:not(:last-child):after{ height: 100%; width: 1px; border-right: 1px dashed #CECED6; left: 8.5px; top: 40%;}
.process-list .process-steps span::before, .process-list .process-steps span::after{ top: 50%; left: 50%; border-radius: 50%; transform: translate(-50%, -50%);}
.process-list .process-steps span::before{ width: 12px; height: 12px; background-color: var(--deep-blue); z-index: 2;}
.process-list .process-steps.active span::after{ width: 100%; height: 100%; background-color: var(--color-white); border: 1px solid var(--deep-blue);}
.process-item .counting{ width: 120px; height: 120px; display: inline-flex; align-items: center; justify-content: center; background: url(../images/new-fitness-app/bg-blue-circle.svg) no-repeat center; background-size: 100%; position: absolute; top: -40px; right: 50px;}
.process-item .counting span{ font-weight: 800; font-style: italic; font-size: 40px; line-height: 50px; text-align: center; text-shadow: 2px 2px 0px rgba(25, 25, 25, 0.1); color: var(--color-black);}

/* Vision Section */
.vision-section { background-color: var(--light-bg-color)CC;}
.vision-section .section-inner-head .cta-btn{ margin-top: 15px;}
.client-satisafctions { display: flex; justify-content: space-between; flex-direction: column; align-items: center; max-width: 590px; gap: 30px;}
.client-satisafctions .satisafctions-outer { width: 210px; height: 210px; border-radius: 50%; box-shadow: 0 0 0 10px #F8F8F8, inset 0 0 0 24px #F8F8F8; position: relative; display: flex; background-color: #fff; align-items: center; justify-content: center;}
.client-satisafctions .satisafctions-outer .animated-text { position: absolute; width: 100%; height: 100%; color: #000; font-size: 17px; text-transform: uppercase !important; animation: 15s linear infinite textRotation;}
.satisafctions-text { text-align: center; margin: auto; max-width: 150px; width: 100%;}
.satisafctions-text .f-40 { font-weight: 700; margin: 0 0 14px; line-height: 28px; font-size: 29px;}
.satisafctions-text p { font-size: 13px; line-height: 20px;}
@keyframes textRotation { to { transform: rotate(360deg);};}
.animated-text span { position: absolute; left: 50%; line-height: normal; font-size: 12px; text-transform: uppercase !important; transform-origin: 0 103px;}
.awards-grid {display: grid;grid-template-columns: repeat(2, 1fr);gap: 20px;}
.awards-grid .awards-box { background-color: var(--color-white); box-shadow: 10px 13px 40px 0px #C5BFA740; border-radius: 20px; padding: 30px 10px; text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px;}
.awards-grid .awards-box img { max-height: 120px;}

/* Rating Section  */
.rating-section{ padding-bottom: 90px;}
.rating-section .section-inner-head{ max-width: 720px; margin-inline: auto;}
.rating-section .section-inner-head h2{ text-align: center; margin-bottom: 16px;}
.ratings-group { display: flex; align-items: center; justify-content: center;}
.rating-item { padding: 20px; position: relative;}
.rating-item .platform-logo{ display: block;}
.star-rating, .star-rating li { display: inline-flex; align-items: center;}
.ratings-group .clutch-img { display: flex; align-items: center; max-width: 240px;}
.goodfirms-rating{ border-left-width: 1px; border-right-width: 1px; border-top-width: 0px; border-bottom-width: 0px; border-style: solid; border-color: #EAECF5;}
.goodfirms-rating .star-rating{ margin-bottom: 5px;}
.google-rating, .google-rating .rating-info .rating  { display: flex; gap: 10px; align-items: center;}
.google-rating .rating-info h3 { font-family: "Bai Jamjuree", sans-serif; font-weight: 600; font-size: 14px; line-height: 100%; color: #6A797D; margin: 0px;}
.google-rating .rating-info .rating{ margin-top: 10px;}
.rating-card-group { /* display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px; */ margin-top: 30px;}
.rating-card-group .swiper-wrapper{ padding-block: 30px;}
.rating-card-group .rating-card{ box-shadow: 4px 8px 40px 0px #7272721A; border: 1px solid var(--color-white); padding: 20px; display: flex; flex-direction: column; height: 100%;}
.rating-card-group .rating-card p{ margin: 0px; max-height: 115px; overflow: hidden auto;}
.rating-card-group .rating-card p::-webkit-scrollbar { width: 5px;}
.rating-card-group .rating-card p:hover::-webkit-scrollbar-thumb { opacity: 1; visibility: visible;}
.rating-card-group .rating-card p::-webkit-scrollbar-thumb { background-color: var(--color-green); border-radius: 10px; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease-in-out; transition: all .5s ease-in-out;}
.rating-card-group .rating-dis{ margin-bottom: auto; padding: 25px 0px 20px;}
.rating-card-group .rating-dis .top-icon{ float: right; width: 70px; height: 70px; margin: -41px -18px 0 0; background: #ffffff; display: inline-flex; align-items: center; justify-content: center; border-radius: 50%; box-shadow: inset 0px 0px 0px 9px #fbfbfbd1; position: absolute; right: 23px; top: 12px;}
.rating-card-footer{ padding-top: 10px; margin-top: 10px; border-top: 1px solid var(--light-bg-color); position: relative;}
.rating-card-footer .rating-client{ display: flex; align-items: center; justify-content: space-between; gap: 10px;}
.rating-card-footer, .rating-card-footer h3{ transition: all ease-in-out 0.3s;}
.rating-card-footer h3 { font-weight: 500; font-size: 16px; line-height: 24px; color: var(--color-black); margin: 0px;}
.rating-card-footer p { font-size: 14px; line-height: 24px; color: #4B5D77;}
.rating-card-footer:hover { border-color: var(--color-orange); background: #fbfbfb;}
.rating-card-footer:hover h3{ color: var(--color-orange) !important;}
.rating-card-group .video-rating{ background: var(--rating-bg-image) no-repeat; background-size: cover; background-position: center; position: relative; padding: 0px; box-shadow: 4px 8px 40px 0px #7272721A;}
.rating-card-group .video-rating > *{ position: relative;}
.rating-card-group .video-rating::before{ content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: #000; opacity: 0.2;}
.rating-card-group .video-rating .rating-card-footer{ padding: 12px 20px; border: none; background-color: #FFFFFF59; backdrop-filter: blur(9px);}
.rating-card-group .video-rating .rating-card-footer h3, .rating-card-group .video-rating .rating-card-footer p{ color: var(--color-white);}
.rating-card-group .video-rating .rating-dis .top-icon{ width: 56px; height: 56px; box-shadow: none; margin: -21px -16px 0px 0px; top: 0; right: 0;}

/*FAQ sec*/
.frequently-asked-questions {margin: 50px 0 0;}
.technologies-faq .frequently-asked-questions .accordion-item {padding: 0;border-radius: 0px;border: 1px solid transparent;overflow: hidden;background-color: #ffffff00;}
/* .technologies-faq .frequently-asked-questions .accordion-item:not(:last-child) {margin-bottom: 20px;} */
.technologies-faq .accordion-button {    padding: 20px; color: var(--color-black) !important; font-size: 24px; font-weight: 500; line-height: 32px; text-transform: capitalize;}
.technologies-faq .frequently-asked-questions .accordion-item.active{ border-color: var(--light-bg-color); box-shadow: 10px 13px 40px 0px #C5BFA740; margin-bottom: 20px;}
.technologies-faq .accordion-button.collapsed { border-bottom: 1px solid #EAECF5;}
.technologies-faq .accordion-header .accordion-button:not(.collapsed) {background-color: #fff !important;color: #000 !important;box-shadow: none !important; border-radius: 10px 10px 0px 0px; padding-bottom: 16px;}
.technologies-faq .accordion-header .accordion-button:focus {box-shadow: none !important;}
.technologies-faq .accordion-header .accordion-button::after { background: url('data:image/svg+xml,<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.69854 17.3024L17.3051 6.69577M17.3051 6.69577L9.08502 6.4306M17.3051 6.69577L17.5703 14.9159" stroke="%23191919" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>') no-repeat center;}
.technologies-faq .accordion-header .accordion-button:not(.collapsed)::after { transform: rotate(90deg);}
.technologies-faq .frequently-asked-questions .accordion-body {padding: 0px 20px 20px;max-width: 100%;background-color: var(--color-white);border: none;position: relative; border-radius: 0px 0px 10px 10px;}
.technologies-faq .frequently-asked-questions .accordion-body p:not(:last-child){margin-bottom: 25px;}
/* .technologies-faq .frequently-asked-questions .accordion-body::before {content: "";height: 1px;width: calc(100% - 60px);top: 0;left: 50%;transform: translateX(-50%);background-color: #dfdfdf;position: absolute;} */

/* Other Service */
.other-service { background-color: var(--light-bg-color);}
.other-service .section-inner-head h2{ margin-bottom: 10px;}
.development-group { margin-top: 60px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 30px;}
.development-platform { padding: 30px; border-radius: 8px; box-shadow: 10px 13px 40px 0px #C5BFA740; background-color: var(--color-white); background-image: url(../images/new-fitness-app/dev-card-abstrect.png); background-repeat: no-repeat; background-position: bottom right; display: flex; flex-direction: column; gap: 40px; position: relative; border: 1px solid #fff;}
.development-platform h3 { color: var(--color-black); margin-bottom: auto; font-weight: 700; font-size: 24px; line-height: 32px; text-transform: uppercase;}
.development-platform, .development-platform .link-btn, .development-platform .link-btn svg path, .development-platform h3{ transition: all ease-in-out 0.3s !important;}
.development-platform .link-btn { display: inline-flex; align-items: center; justify-content: center; width: 58px; height: 58px; flex: 0 0 auto; border-radius: 50%; border: 1px solid var(--color-black);}
.development-platform .link-btn:hover, .development-platform:hover .link-btn{ border: solid 1px var(--color-green); background-color: var(--color-green);}
.development-platform .link-btn:hover svg path, .development-platform:hover .link-btn svg path{ stroke: var(--color-white);}
.development-platform:hover h3{ color: var(--color-orange);}
.development-platform:hover{ border-color: var(--color-orange);}
.development-platform:hover .link-btn { transform: rotate(-45deg);}

/* cuide-development-main-sec */
.cuide-development-main-sec .section-inner-head { margin: 0 auto 60px; max-width: 1233px; text-align: center;}
.cuide-development-main-sec .list-group { position: sticky; top: 120px;}
.cuide-development-main-sec .list-group .cuide-development-link { padding: 20px; border-left: solid 2px transparent;  text-overflow: ellipsis; overflow: hidden;}
.cuide-development-main-sec .list-group .cuide-development-link.active,
.cuide-development-main-sec .list-group .cuide-development-link:hover { border-left: solid 2px var(--deep-blue); background-color: var(--light-bg-color); color: var(--color-black) !important;}
.cuide-development-main-sec .list-group .cuide-development-link.active{ font-weight: 500;}
.development-link-text h3 { color: var(--color-black); margin: 0 0 30px;}
.development-link-text h3, .development-link-text h4 { font-weight: var(--fw-500);}
.development-link-text table th{ white-space: nowrap; padding: 9px 15px; font-size: 16px; background-color: #f2f3f0;}
.development-link-text table tbody td{ padding: 9px 15px; font-size: 16px;}
.development-link-text ol { padding-left: 20px;}
.development-link-text ol > li:not(:last-child) { margin: 0 0 30px;}
.development-link-text ol > li ul { padding-top: 15px;}
.development-link-text ol > li >p { margin: 15px 0 0;}
.development-link-text img { margin: 0 0 30px; border-radius: 20px;}
.development-link-text:not(:last-child) { border-bottom: solid 1px var(--light-bg-color); padding: 0 0 40px; margin: 0 0 40px;}
.development-link-text ul { padding-left: 20px;}
.development-link-text ul li { list-style: disc;}
.development-link-text ul li:not(:last-child) { margin: 0 0 15px;}
.development-link-text ul li ul{ margin-top: 15px;}
.development-link-text ul li a { color: var(--color-orange); text-decoration: underline;}

/*contact-sec*/
.contact-sec { padding: 120px 0 0; background: var(--color-white);}
.contact-sec .section-inner-head h2 { margin: 0 0 7px; font-style: normal; font-weight: var(--fw-500);}
.contact-sec .section-inner-head .inner-subtitle { margin: 0; font-weight: var(--fw-500); font-style: normal;}
.contact-sec .section-inner-head { margin: 48px 0 60px;}
.contact-sec-inner { padding: 60px 0 120px; background: url(../images/home/contact-bg.svg), linear-gradient(180deg, #112c63 0%, #142547 100%); background-repeat: no-repeat; background-position: center; background-size: cover;}
.contact-grid { display: flex;}
.contact-grid .contact-left { width: calc(100% - 660px); padding-right: 30px; position: relative;}
.contact-seprator { position: absolute; right: 54px; height: 100%; display: flex; align-items: center; color: #294a8c; font-size: 14px; text-transform: uppercase; font-weight: 500;}
.contact-seprator:after,
.contact-seprator:before { height: calc(50% - 20px); top: 0; position: absolute; width: 1px; content: ""; background: #294a8c; left: 8px;}
.contact-seprator:before { top: auto; bottom: 0;}
.contact-details { max-width: 577px;}
.contact-details .teamblockftr { padding: 20px 27px; background: rgb(255 255 255 / 6%); border-radius: 10px; display: flex; align-items: center; backdrop-filter: blur(80px);}
.contact-details .teamblockftr .contact-data-inner { padding-left: 17px; font-size: var(--font-20); word-break: break-word; font-weight: var(--fw-500); color: var(--color-white);}
.contact-data-inner p { text-transform: uppercase; margin-bottom: 3px; color: #fdcd56; letter-spacing: 3px; font-size: 14px; font-weight: var(--fw-400); line-height: 20px;}
.contact-details .teamblockftr:not(:last-child) { margin: 0 0 20px;}
.contact-get-outer { max-width: 577px; display: flex; gap: 28px; margin: 40px 0 0; width: 100%; color: var(--color-white);}
.contact-get-outer h3 { font-size: 25px; line-height: 1; margin: 0 0 18px;}
.contact-get-left ul li { position: relative; padding-left: 31px; line-height: 30px; font-size: 18px; font-weight: 400;}
.contact-get-left ul li:not(:last-child) { margin: 0 0 10px;}
.contact-get-left ul li:before { content: ""; position: absolute; left: 0; background: url('data:image/svg+xml,<svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.3334 1L5.00002 8.33333L1.66669 5" stroke="%23FDCD56" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); width: 16px; height: 16px; background-size: contain; background-position: center; background-repeat: no-repeat; top: 8px;}
.contact-get-right { width: calc(50% - 20px);}
.contact-get-right .contact-get-col { display: flex; padding: 12px 40px; background: linear-gradient(90deg,hsl(0deg 0% 100% / 8%), hsl(0deg 0% 100% / 1%) ); align-items: center; gap: 13px; backdrop-filter: blur(80px); border-radius: 50px;}
.contact-get-right .contact-get-col:not(:last-child) { margin: 0 0 13px;}
.contact-get-right .contact-get-col .contact-get-text { font-size: 20px; font-weight: 700;}
.contact-get-right .contact-get-col .contact-get-text span { display: block; font-size: 16px; line-height: normal; font-weight: 400;}
.contact-form-home { padding: 40px 30px; background: var(--color-white); border-radius: 10px; width: 660px; margin-top: -255px; box-shadow: 21px 15px 41px hsl(208.89deg 49.69% 31.96% / 17%);}
.contact-form-head { margin: 0 0 30px;}
.contact-form-home form .form-group { margin-bottom: 24px;}
.form-group select.form-control { padding: 15px; cursor: pointer; background-image: url('data:image/svg+xml,<svg width="11" height="6" viewBox="0 0 11 6" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 1L5.5 5L10 1" stroke="black" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/></svg>'); background-repeat: no-repeat; background-position: center right 20px;}
.form-group { position: relative;}
.form-icon { position: absolute; top: 0; left: 0; height: 19px; width: 19px;}
.form-control { box-shadow: none !important; outline: none !important; padding: 20px 15px; border: 0; background-color: #f2f5f7; font-size: 16px; color: #000; font-weight: 400; height: 55px; font-family: var(--font-sfprodisplay); border-radius: 5px;}
.form-control:focus { color: #000; background-color: #f2f5f7; outline: 0; box-shadow: none;}
input.form-control::placeholder { color: #000 !important; opacity: 1 !important;}
textarea.form-control::-ms-input-placeholder,
textarea.form-control::-ms-input-placeholder { color: #000 !important;}
textarea::-webkit-input-placeholder { color: #000 !important;}
textarea:-moz-placeholder { color: #000 !important;}
textarea:-ms-input-placeholder { color: #000 !important;}
.contact-form-home .button-group button { max-width: 193px; width: 100%;}
.contact-form-home form .form-group textarea.form-control { min-height: 133px; resize: none; padding-top: 5px;}
.enter-value { display: flex;}
.enter-value span { font-size: 16px; margin-right: 20px; white-space: nowrap; line-height: 16px; display: block; color: #000000; padding-top: 22px;}
.filelabel { max-width: 281px; border: 1px dashed #fdcd56; border-radius: 5px; display: block; padding: 18px 23px; transition: border 300ms ease; cursor: pointer; text-align: left; margin: 0; line-height: normal; color: #000000 !important; font-size: 14px; display: flex; align-items: center; gap: 8px; background: rgb(253 205 86 / 8%);}
.filelabel svg path { stroke: #000;}
.filelabel .title { color: #000000; transition: 200ms color;}
.filelabel:hover { border: 1px dashed var(--color-green);}
.filelabel:hover .title { color: #000;}
#FileInput { display: none;}
.radio-list p { font-size: 14px; line-height: normal; margin: 0 0 13px;}
.button-group .btn { display: flex; align-items: center; gap: 20px;}
.contact-form-home .button-group .btn { background: var(--color-white); border-color: var(--color-white);}
.radio-list ul li:not(:last-child) { margin-bottom: 10px;}
.radio-list ul li { line-height: 19px; display: flex;}
.radio-list ul li input[type="radio"]:checked,
.radio-list ul li input[type="radio"]:not(:checked) { position: absolute; left: -9999px;}
.radio-list ul li input[type="radio"]:checked + label,
.radio-list ul li input[type="radio"]:not(:checked) + label { position: relative; padding-left: 19px; cursor: pointer; display: inline-block; color: #000; line-height: normal; font-size: 14px;}
.radio-list ul li input[type="radio"]:checked + label:before,
.radio-list ul li input[type="radio"]:not(:checked) + label:before { content: ""; position: absolute; left: 0; top: 3px; width: 12px; height: 12px; border: 1px solid #000; border-radius: 100%; background: #000;}
.radio-list ul li input[type="radio"]:checked + label:after,
.radio-list ul li input[type="radio"]:not(:checked) + label:after { content: ""; width: 10px; height: 10px; background: #02a738; position: absolute; top: 4px; left: 1px; border-radius: 100%; -webkit-transition: all 0.2s ease; transition: all 0.2s ease;}
.radio-list ul li input[type="radio"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0);}
.radio-list ul li input[type="radio"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1);}
.blog-sec .section-inner-head { text-align: center; margin: 0 0 60px;}
.blog-card h3 { color: #000; font-size: 24px; font-weight: 500; margin-top: 20px; line-height: 36px; max-width: 600px;}




/*Responsive CSS*/
@media screen and (min-width: 1441.98px) {
.upper-footer h2{ line-height: 61px; }

/* Demand Section */
.demand-content .listing li{ font-size: 18px; line-height: 27px; }

/* Features Section */
.features-section .story-list{ gap: 16px; }
.features-section .story-list li { font-size: var(--font-18); line-height: 27px; padding: 8px 16px; }

/* Process Section */
.process-section .section-inner-head h2{ margin-bottom: 24px; }

/* Vision Section */
.vision-section .section-inner-head h2, .cuide-development-main-sec .section-inner-head h2 { margin-bottom: 24px; }

.client-satisafctions{ gap: 55px; }
/* contact-sec */ 
.contact-sec .section-inner-head .inner-subtitle { font-size: 20px; line-height: 29px; letter-spacing: 3.6px; };}

@media only screen and (max-width: 1441px) { .cta-btn.rounded-btn, .header-main .button-group .cta-btn { padding: 5px 5px 5px 25px; }
h2, .bold-title{line-height: 45px;}
.bold-title{font-size: var(--font-30); margin-bottom: 20px;}

/* Rating Group */
.rating-group{ margin-top: 12px; }

/*    */
.section-inner-head h2 { margin: 0 0 15px;}
.cta-btn { padding: 5px 5px 5px 25px; gap: 15px; font-size: var(--font-16);}
.yellow-btn-icon .cta-btn.non-icon{padding: 5px 25px;}
.section-spacing { padding: 80px 0;}
.inner-banner-content h1 { margin: 0 0 20px; line-height: 55px;}
.yellow-btn-icon .cta-btn, .cta-1 .yellow-btn-icon .cta-btn, .powered-ai .yellow-btn-icon .cta-btn { margin: 30px 0 0;}
.cta-sec-image { padding-bottom: 80px;}

/* Demand Section */
.banner-wrapper-block {padding: 30px 25px;}
.banner-wrapper-block .form-control {height: 46px;padding: 13px 15px;font-size: 14px;}
.banner-wrapper-block form .form-group label {font-size: 14px;margin: 0 0 5px;}
.banner-wrapper-block form .form-group {margin-bottom: 15px;}
.banner-wrapper-block .banner-wrapper-img {margin: 0 0 15px;} 
.banner-wrapper-block .banner-wrapper-img .banner-wrapper-box .wrapper-title {font-size: 20px;line-height: 26px;}
.banner-wrapper-block .banner-wrapper-img .banner-wrapper-box p {line-height: 24px;}


/*  Top Features Section */
.top-features .inner-fluid{padding: 50px; }
.top-features-outer > .row::before {padding-bottom: 40px;margin-top: 40px;}
.top-features-list h4{min-height: 85px;}
.top-features-list {column-gap: 20px;row-gap: 20px;}
.top-features-disc {margin: 0 0 30px;}

/* Space */
.fantasysports-block .section-inner-head, .features-section .section-inner-head{ margin-bottom: 40px; }

/* ai-sec   */ 
.sec-cta-clip { padding: 0 0 80px; }
.cta-clip-left { padding: 52px 92px 52px 52px; clip-path: path("M648.945 261.078C646.614 270.434 638.21 277 628.568 277H21C9.40206 277 4.58956e-06 267.598 4.58956e-06 256V21C4.58956e-06 9.40202 9.40203 0 21 0H687.125C700.78 0 710.804 12.8274 707.502 26.0775L648.945 261.078Z"); }
.cta-clip-outer .cta-clip-right:before { transform: skew(-14deg); }

/* Service Section */
.home-services-inners { top: 10vw;}
.our-services-m { margin-bottom: 80px;}
.services-title { margin-top: -40px;}

/* Story Section */
.story-section .interfaceslider { margin-top: 40px; }

/* Solution Section */
.ai-grid .ai-grid-item3 h3 { line-height: 38px; }

/* Industries Section */
.industries-main-outer { width: calc(50% + 585px); margin-top: 25px; padding-left: 25px;}
.industries-main .swiper-slide { padding: 30px 20px;}
.industries-main .swiper-slide h3 { font-size: 20px; margin: 0 0 8px;}
.industries-main .swiper-slide .ind-icon, .industries-main .swiper-slide p { margin: 0 0 20px; }
.slider-btn-outer { margin-top: 30px; padding-right: 20px; max-width: 1170px;}
.industries-main-outer .slider-btn-next .swiper-btn { height: 44px; width: 44px;}
.industries-main-outer .slider-btn-next .swiper-btn svg { max-width: 20px;}
.slider-btn-outer:before { width: calc(100% - 145px);}
.industries-main-outer .slider-btn-next { gap: 15px;}
.ind-link-outer a {font-size: 14px;padding: 7px 15px;}

/* Process Section */
.process-grid { gap: 40px; }
.process-list .process-steps:not(:last-child) { padding-bottom: 15px; }
.process-item .counting{ width: 100px; height: 100px; }
.process-item .counting span{ font-size: 36px; }
.process-item .process-dis h3{ line-height: 35px; }

/* Vision Section */
.awards-grid .awards-box {padding: 20px; gap: 15px;}
.awards-grid .awards-box img {max-height: 110px;}

/* Rating Section */
.rating-section{ padding-bottom: 50px; }
.rating-card-group { margin-top: 40px; }
.rating-card-footer img { height: 25px; object-fit: contain; }

/*  technologies-faq */
.technologies-faq .accordion-button {font-size: 20px;}
.frequently-asked-questions {margin: 40px 0 0;}

/* Other Service */
.development-group { margin-top: 40px; }

/* contact-sec   */
.contact-sec-inner { padding: 40px 0 80px;}
.contact-sec .section-inner-head { margin: 28px 0 30px;}
.contact-get-outer { gap: 20px; margin: 30px 0 0; max-width: 447px;}
.contact-details { max-width: 447px;}
.contact-seprator { right: 5px;}
.contact-grid .contact-left { width: calc(100% - 560px);}
.contact-form-home { padding: 30px 20px; width: 560px; margin-top: -205px;}
.contact-get-left ul li { padding-left: 26px; line-height: 26px; font-size: 16px;}
.contact-get-left ul li:before { top: 5px;}
.contact-get-right .contact-get-col { padding: 10px 30px;}
.contact-get-outer h3 { font-size: 18px; margin: 0 0 10px;}
.contact-get-right .contact-get-col:not(:last-child) { margin: 0 0 10px;}
.contact-form-home form .form-group { margin-bottom: 20px;}
.form-control { padding: 16px 15px; font-size: 14px; height: 50px;}
.contact-details .teamblockftr:not(:last-child) { margin: 0 0 15px;}
.contact-details .teamblockftr { padding: 15px 20px;}
.radio-list ul li:not(:last-child) { margin-bottom: 5px;}
.contact-form-head { margin: 0 0 20px;}
.contact-form-head p { line-height: 24px;}
.contact-data-inner p { margin-bottom: 2px; letter-spacing: 2px; font-size: 12px; line-height: 18px;}
.contact-get-right .contact-get-col .contact-get-text { font-size: 18px;}
.contact-get-right .contact-get-col .contact-get-text span { font-size: 14px;}
.radio-list ul li { line-height: 15px;}
.contact-form-head h2 { line-height: normal;}
.contact-form-home form .form-group textarea.form-control { min-height: 93px;}
.filelabel { padding: 15px 20px;}
.enter-value span { font-size: 14px; margin-right: 10px; line-height: 16px; padding-top: 16px;}
.contact-seprator { right: 62px;}
.blog-sec .section-inner-head { margin: 0 0 30px;}
.blog-card h3 { font-size: 20px; max-width: 540px;};}
@media screen and (max-width: 1441px) and (min-width: 1200px) { .process-item { min-height: 350px; };}
@media screen and (max-width: 1199.98px) and (min-width: 992px) { .process-item { min-height: 470px; };}
@media only screen and (max-width: 1199px) { h2, .bold-title {line-height: 40px;}
.bold-title{font-size: var(--font-22); margin-bottom: 10px;}
.header-main .navbar-toggler .navbar-toggler-icon { background-color: var(--color-white);}
.header-main.sticky-header .navbar-toggler .navbar-toggler-icon { background-color: #000;}
.header-main .navbar-collapse { background: var(--color-white); width: calc(100% + 50px); margin-left: -25px; margin-right: -25px; padding: 0 25px 30px; margin-top: 15px; margin-bottom: -16px;}
.header-main .navbar-collapse .nav-link { color: #000 !important;}
.inner-banner-content h1 { line-height: 45px;}
.contact-seprator { display: none;}
.development-link-text:not(:last-child) { padding: 0 0 25px; margin: 0 0 25px;}
.development-link-text .table{ margin-bottom: 30px;}
.development-link-text h3,
.development-link-text img { margin: 0 0 20px;}
.cuide-development-main-sec .list-group .cuide-development-link { padding: 15px 20px;}
.cuide-development-main-sec .section-inner-head { margin: 0 0 40px;}

/* Features Section */
.features-section .panel-img .animated-img { max-width: 140px; }

/* ai-sec   */ 
.cta-clip-left { clip-path: initial; border-radius: 20px; overflow: hidden; width: 100%; padding: 57px 92px 57px 52px; }
.cta-clip-outer .cta-clip-right { display: none; }

/* Solution Section */
.ai-grid .ai-grid-item3 h3 { line-height: 32px; }
.grid-item .ait-content .title { font-size: var(--font-20); line-height: 28px; }

/* Industries Section */
.industries-main-outer { width: 100%; padding: 10px; }

/* Vision Section */
.client-satisafctions .satisafctions-outer { width: 190px; height: 190px; }
.animated-text span { transform-origin: 0 94px; }

/* Rating Section */
.rating-card-group { grid-template-columns: repeat(2, 1fr); }

/* Other Service */
.development-platform h3 { font-size: 20px; line-height: 28px; }
.development-platform .link-btn { width: 50px; height: 50px; }
}
@media screen and (max-width: 1024px) { 
/* Demand Section */
.demand-content { flex-direction: column; gap: 30px; }
.demand-content .section-inner-head, .banner-wrapper-block { width: 100%; }

/* Fantacy Sport App */
.feature-box-group { grid-template-columns: repeat(2, 1fr); }

/* Story Section */
.delivery-app-group{ display: flex; flex-direction: column-reverse; }
.delivery-content { padding: 20px 40px 40px 40px; }

/* Solution Section */
.solution-section p{ line-height: 28px; }
.ai-grid .ai-grid-item1, .ai-grid .ai-grid-item4 { width: 100%; justify-content: space-between; }
.ai-grid .ai-grid-item2, .ai-grid .ai-grid-item3 { width: calc(50% - 15px); };
}
@media only screen and (max-width: 991px) { 
/* Fitness Group */
.fitness-group { gap: 30px; }
.fitness-group .fitness-item p { font-size: 18px; line-height: 28px; margin: 20px 0px 16px; padding-right: 0px; }
.fitness-group .fitness-item .title { font-size: var(--font-20); line-height: 26px; }

/*  Top Features Section */
.top-features-text {max-width: 100%;margin: 0 0 40px;}
.top-features-outer > .row{ position: unset; }

/* ai-sec   */ 
.cta-clip-outer .cta-clip-left h2 { font-size: 22px; line-height: 34px; }
.cta-clip-left { padding: 50px 20px; }

/* Story Section */
.delivery-content { padding: 10px 30px 30px 30px; }
.story-list { margin: 24px 0px 20px; }

/* Features Section */
.features-section .panel-img { width: fit-content; margin-inline: auto; margin-bottom: 20px; }

/* Solution Section */
.solution-section .ai-image{ margin: 0px auto 30px; max-width: 500px; }

/* Process Section */
.process-grid { padding-top: 40px; }
.process-section .section-inner-head{ margin-bottom: 0px; }
.process-item{ flex-direction: column; padding-top: 0px; background-color: var(--color-white); border-radius: 20px; position: unset; }
.process-item .process-img, .process-item .process-dis{ width: 100%; }

/* Other Service */
.development-group { grid-template-columns: repeat(2, 1fr); }

/*  contact-sec  */
.contact-sec { padding: 80px 0 0;}
.contact-sec .section-inner-head { margin: 0 0 30px;}
.contact-grid { flex-wrap: wrap;}
.contact-details { max-width: 100%;}
.contact-get-outer { max-width: 100%; justify-content: space-between;}
.contact-grid .contact-left { width: 100%; padding-right: 0px; padding-bottom: 40px;}
.contact-form-home { padding: 30px; width: 100%; margin-top: 40px;}
.contact-seprator { display: flex; right: auto; bottom: 0; width: 100%; height: 1px; justify-content: center;}
.contact-seprator:after,
.contact-seprator:before { width: calc(50% - 20px); top: 50%; height: 1px; left: 0;}
.contact-seprator:before { right: 0; left: auto;}
.blog-card h3 { font-size: 18px; line-height: 28px; margin-top: 10px;}
.row-gap {row-gap: 25px};}
@media only screen and (max-width: 767px) { 
/* Fitness Group */
.fitness-group{ grid-template-columns: 1fr; }

/* Solution Section */
.ai-grid .ai-grid-item1, .ai-grid .ai-grid-item4 { flex-direction: column; align-items: start; }
.ai-grid .ai-grid-item2, .ai-grid .ai-grid-item3 { width: 100%; }
.ai-grid .grid-item{ gap: 0px; }
.ai-grid .grid-item .ai-grid-img{ margin-inline: auto; }

/* Process Section */
.process-item .process-dis h3 { line-height: 30px; font-size: var(--font-20); max-width: calc(100% - 80px); }
.process-list .process-steps:not(:last-child) { padding-bottom: 10px; font-size: var(--font-16); line-height: 26px; }
.process-item .counting { width: 80px; height: 80px; right: 10px; top: -30px; }
.process-item .counting span { font-size: 30px; }

/* Vision Section */
.client-satisafctions{ flex-direction: row; margin: 10px auto; max-width: 450px; }

/* faq */
.technologies-faq .accordion-button {padding: 15px 20px;font-size: 18px;}

/* Other Service */
.other-service .section-inner-head{ margin-bottom: 30px; }

/* contact-sec   */
.contact-sec .section-inner-head { margin: 0 0 30px;}
.contact-form-home .button-group button { margin: 25px 0 0;}
.cuide-development-main-sec .list-group { display: none;}

.blog-sec .row-gap { row-gap: 20px;};
}
@media only screen and (max-width: 675px) { .inner-subtitle { letter-spacing: 2.66px;}
/*  Top Features Section */
.top-features-list {column-gap: 15px;row-gap: 15px;grid-template-columns: 1fr;}

/* Fantacy Sport App */
.feature-box-group { grid-template-columns: repeat(1, 1fr); }

/* Rating Section */
.rating-section .section-inner-head h2 { margin-bottom: 0px; }
.ratings-group{ flex-direction: column; }
.goodfirms-rating{ border-left-width: 0px; border-right-width: 0px; border-top-width: 1px; border-bottom-width: 1px; display: flex; flex-direction: column; align-items: center; justify-content: start; }
.rating-item, .ratings-group .clutch-img{ width: 100%; max-width: 100%; justify-content: center; }
.rating-card-group { grid-template-columns: repeat(1, 1fr); margin-top: 20px;}
.rating-item.clutch-img iframe{ width: 194px;}

/*  contact  */
.contact-get-outer { flex-wrap: wrap;}
.contact-get-right { width: 100%; display: flex; gap: 20px; flex-wrap: wrap;}
.contact-get-right .contact-get-col:not(:last-child) { margin: 0 0 0;}
.contact-get-right .contact-get-col { width: calc(50% - 10px);}
.contact-form-home { padding: 25px 15px;};}
@media screen and (max-width: 576px) { 
/*  Top Features Section */
.top-features .inner-fluid{padding: 40px 30px; }
.top-features-list h4:before{height: 26px;width: 26px;background-size: 100%;}

/* Features Section */
.features-section .panel-img .animated-img { max-width: 100px; top: -50px; left: -10px; }

/* Solution Section */
.ai-grid .grid-item{ padding-inline: 20px; }
.grid-item .ait-content { padding-block: 20px; }

/* Vision Section */
.client-satisafctions{ flex-direction: column; }
.awards-grid{ grid-template-columns: 1fr; }

/* Other Service */
.development-group { grid-template-columns: repeat(1, 1fr); gap: 20px; }
.row-gap {row-gap: 20px};
}
@media only screen and (max-width: 480px) { 
.cta-btn.rounded-btn,.header-main .button-group .cta-btn{ padding-inline: 20px; font-size: 14px; }
.rounded-btn span.green-icon { display: none; }

/* Fantacy Sport App */
.fantasylinks .link-btn{ width: 40px; height: 40px; }
.fantasylinks .link-btn svg{ width: 20px; }
.feature-box .fantasylinks .title{ font-size: 18px; line-height: 24px; }

/* Story Section */
.interfaceslider .swiper-slide img { border-radius: 30px;}

/*  contact  */
.contact-data-inner p { display: none;}
.contact-details .teamblockftr .contact-icon img { max-width: 24px;}
.contact-details .teamblockftr .contact-data-inner { padding-left: 10px; font-size: 16px;}
.contact-get-right { flex-direction: column;}
.contact-get-right .contact-get-col { width: 100%;}

/* Rating Group */
.rating-group li{ padding: 10px; }
.rating-group .rating-count { font-size: var(--font-16); }
.rating-group .review-title { font-size: 11px; line-height: 14px; margin: 6px 0px 10px; }
.rating-group .rating-logo img{ max-height: 20px; }

}
@media only screen and (max-width: 375px) { 
.top-features-list h4 {font-size: 16px;line-height: 23px;}

/* Story Section */
.interfaceslider .swiper-slide img { border-radius: 25px; }

/*  contact  */
.contact-details .teamblockftr { padding: 15px; gap: 10px; flex-direction: column;}
.contact-details .teamblockftr .contact-data-inner { padding-left: 0;};}
