/* @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; --light-bg-color: #EBF9FF; --deep-blue : #0C436A; --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);
}
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: 17px 20px;
    min-height: 40px;
}
.cta-btn:hover .green-icon{
    background-color: transparent !important;
}
/* 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: 150px 0 50px; background-image: url(../images/new-fitness-app/fitnes-app-hero-bg.webp); position: relative; background-repeat: no-repeat; background-position: 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 var(--color-white)33;
}
.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);}

/* why-section */
.why-section .section-inner-head h2{
    text-align: center;
}
.market-cap, .fitness-group {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 60px;
}
.market-cap{
    gap: 20px 60px;
    margin: 60px 0px 70px;
}
.market-cap-item {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    position: relative;
    padding: 20px;
}
.market-cap-item:not(:first-child)::before{
    content: '';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 4px;
    height: 66px;
    left: -28px;
    background: radial-gradient(50.02% 50.02% at 50.03% 49.98%, #E4E4E4 13.46%, var(--color-white) 100%);

}
.market-cap-item .icon, .market-cap-item .icon img {
    position: relative;
}
.market-cap-item .icon {
    width: 50px;
}
.market-cap-item .icon::before {
    content: '';
    width: 28px;
    height: 28px;
    background-color: var(--color-orange);
    position: absolute;
    border-radius: 50%;
    bottom: -4px;
    right: -8px;
}
.market-cap-item .market-size{
    font-weight: var(--fw-700);
    font-size: 44px;
    line-height: 100%;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.market-cap-item .market-size span {
    font-weight: var(--fw-500);
    font-size: var(--font-24);
}
.market-cap-item .market-cap-title {
    font-weight: var(--fw-500);
    font-size: var(--font-20);
    line-height: 100%;
    letter-spacing: 0px;

}
/* Fitness Group */
.fitness-group{
    gap: 34px;
}
.fitness-group .fitness-item{
    padding: 30px;
    border: 1px solid #F5F5F5;
    box-shadow: 0px 0px 10px 0px #A7A7A726;
    border-radius: 10px;
    position: relative;
    z-index: 1;
}
.fitness-group .fitness-item, .fitness-group .fitness-item::before{
    transition: all ease-in-out 0.3s;
}
.fitness-group .fitness-item::before{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 6px 6px 0px 0px #F5F5F5;
    border-radius: 10px;
    z-index: -1;
}
.fitness-group .fitness-item:hover{
    box-shadow: 0px 0px 10px 0px rgb(12 67 106 / 15%);
}
.fitness-group .fitness-item:hover::before{
    box-shadow: 6px 6px 0px 0px #0c436a;
}
.fitness-group .fitness-item p {
    font-size: 19px;
    line-height: 30px;
    color: #4B5D77;
    margin: 25px 0px 16px;
    padding-right: 25px;
}
.fitness-group .fitness-item p strong{
    font-weight: 700  !important;
}
.fitness-group .fitness-item .title {
    margin: 0px;
    font-size: var(--font-22);
    line-height: 30px;
    color: #191919;
}
/* Demand Section */
.demand-section {
    background-color: var(--light-bg-color);
}
.demand-content {
    display: flex;
    align-items: center;
    gap: 30px;
}
.demand-content .section-inner-head {
   width: 60%;
}
.demand-content h2 {
    margin-bottom: 20px;
}
.listing {
    margin: 0px;
    padding: 0px;
}
.listing li{
    position: relative;
    padding-left: 26px;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #191919;
}
.listing li:not(:last-child){
    margin-bottom: 2px;
}
.listing li::before{
    content: '';
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    background-image: url('data:image/svg+xml,<svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9 16.86C7.56 16.86 6.24 16.51 5.04 15.81C3.84 15.11 2.89 14.16 2.19 12.96C1.49 11.76 1.14 10.44 1.14 9C1.14 7.56 1.49 6.24 2.19 5.04C2.89 3.84 3.84 2.89 5.04 2.19C6.24 1.49 7.56 1.14 9 1.14C10.44 1.14 11.76 1.49 12.96 2.19C14.16 2.89 15.11 3.84 15.81 5.04C16.51 6.24 16.86 7.56 16.86 9C16.86 10.44 16.51 11.76 15.81 12.96C15.11 14.16 14.16 15.11 12.96 15.81C11.76 16.51 10.44 16.86 9 16.86ZM9 18C10.64 18 12.15 17.6 13.53 16.8C14.91 16 16 14.91 16.8 13.53C17.6 12.15 18 10.64 18 9C18 7.36 17.6 5.85 16.8 4.47C16 3.09 14.91 2 13.53 1.2C12.15 0.4 10.64 0 9 0C7.36 0 5.85 0.4 4.47 1.2C3.09 2 2 3.09 1.2 4.47C0.4 5.85 0 7.36 0 9C0 10.64 0.4 12.15 1.2 13.53C2 14.91 3.09 16 4.47 16.8C5.85 17.6 7.36 18 9 18ZM12.36 5.58L12.3 5.64L8.4 10.62L6.06 8.22C5.9 8.06 5.7 7.99 5.46 8.01C5.22 8.03 5.02 8.12 4.86 8.28C4.7 8.44 4.62 8.63 4.62 8.85C4.62 9.07 4.7 9.26 4.86 9.42L7.86 12.42C8.02 12.58 8.22 12.66 8.46 12.66C8.7 12.66 8.9 12.56 9.06 12.36L13.56 6.78C13.72 6.62 13.8 6.42 13.8 6.18C13.8 5.94 13.71 5.74 13.53 5.58C13.35 5.42 13.15 5.34 12.93 5.34C12.71 5.34 12.52 5.42 12.36 5.58Z" fill="%23191919"/></svg>');
    background-repeat: no-repeat;
    background-position: center;
    top: 4px;
}
.banner-wrapper-block {padding: 50px 30px;background-color: var(--deep-blue) ;border-radius: 20px; box-shadow: 2px 0px 40px 0px #00000033;  width: 40%; 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: 500;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 8px 40px 0px #7272721A; font-weight: 700; border-color: var(--color-white); background-color: var(--color-white); color: var(--deep-blue);}
.banner-wrapper-block form button.btn1 svg path {transition: var(--ease-in-out);}
.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);}


/* Service Section */
.services-title-main {
  position: sticky;
  top: 200px;
  z-index: 10;
}

.our-services-sec .section-inner-head {
   max-width: 1046px;
   margin-inline: auto;
   text-align: center;
}
.our-services-sec .section-inner-head h2{
    margin-bottom: 24px;
}
.our-services-sec .section-inner-head p {
   max-width: 908px;
   margin-inline: auto;
  /* color: #4B5D77;*/
}
.clutch-img a {
    display: inline-block;
    max-width: 260px;
}
.service-list {
    counter-reset: my-sec-counter;
    list-style: none;
    display: block;
    width: 100%;
}
.service-list li:not(:last-child) {
    margin-bottom: 20px;
    display: block;
}
.nav-pills.service-list .nav-link {
    padding: 18px 24px;
    border-radius: 4px;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    width: 100%;
    border: 1px solid var(--color-white);
    background-color: #F5F5F5;
    transition: var(--ease-in-out);
}
.nav-pills.service-list .nav-link.active,.nav-pills.service-list .nav-link:hover {
    background-color: var(--deep-blue);
    border-color: var(--deep-blue);
}
.nav-pills.service-list .nav-link.active .service-title,.nav-pills.service-list .nav-link:hover .service-title{
    color: var(--color-white);
}
.nav-pills.service-list .nav-link.active .icn img,.nav-pills.service-list .nav-link:hover .icn img{
    filter: invert(1);
}

.services-title-main {
    z-index: 2;
    max-width: 315px;
    width: 100%;
}
.our-services-m {
    margin-bottom: 114px;
}
.services-title {
    position: sticky;
    top: 200px;
    margin-top: -54px;
}
.nav-pills.service-list .nav-link .icn {
    width: 32px;
    display: flex;
    margin-right: 11px;
    flex: 0 0 auto;
}.nav-pills.service-list .nav-link .icn img {
    transition: var(--ease-in-out);
}
.nav-pills.service-list .nav-link .service-title {
    margin: 0;
    color: #191919;
    font-size: 18px;
    line-height: 27px;
    font-weight: var(--fw-500);
    transition: var(--ease-in-out);
}
.home-services-inners {
    position: sticky;
    top: 12vw;
    left: 0;
    /* height: 75vh; */
}
.home-services-inners .services-content {
    padding: 30px 30px 30px 82px;
    height: 100%;
    min-height: 75vh;
    width: calc(100% + 52px);
    margin-left: -52px;
    vertical-align: middle;
    /* position: absolute; */
    /* top: 0; */
    color: var(--color-white);
    display: flex;
    align-items: center;
    background: linear-gradient(259.38deg, rgba(7, 21, 48, 0) 10.88%, rgba(0, 30, 51, 0.9) 50.41%), var(--service-bg-image);
    background-size: cover;
    background-position: center;
    transition: opacity 0.25s linear;
    overflow: hidden;
    border: 1px solid #F6FAFF;
    border-radius: 20px;
}
.home-services-inners .services-content:not(:last-child){
    margin-bottom: 40px;
}
.home-services-inners .services-content .services-content-inner{
    max-width: 620px;
}
.cta-btn,.cta-btn .green-icon {
    transition: var(--ease-in-out);
}
.home-services-inners .services-content.active.show,.services-content-inner .btn-link-arrow:before {
    z-index: 1;
}
.home-services-inners .services-content h3{
    margin: 0 0 20px;
}
.home-services-inners .services-content p{
    margin-bottom: 12px;
}
.services-content-inner .listing li{
    color: var(--color-white);
}
.services-content-inner .listing li::before{
    filter: invert(1);
}
.services-mobile {
    display: none;
}


/* 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;
}
.delivery-app-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    box-shadow: 10px 13px 40px 0px #C5BFA740;
    background-color: var(--color-white);
    margin-top: 60px;
}
.delivery-app-group , .delivery-app-img{
    border-radius: 24px;
    overflow: hidden;
}
.delivery-app-img img{
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}
.delivery-content {
    padding: 40px 0px 40px 40px;
}
.delivery-content h3{
    color: var(--color-black);
    margin-bottom: 16px;
    max-width: 550px;
}
.story-list{
    margin: 40px 0px 20px;
    padding: 0px;
    gap: 9px;
}
.story-list, .application-lang{
    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;
}
.application-lang{
    gap: 20px 25px;
}
.application-lang li{
    flex: 0 0 auto;
}
.application-lang .app-langs {
    width: 65px;
    height: 54px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    background-color: var(--color-white);
    box-shadow: 7px 8px 30px 0px #1716470D;
    transition: all ease-in-out 0.3s;
}
.application-lang .app-langs:hover {
    box-shadow: 7px 8px 30px 0px #1716472e;
    transform: translateY(-6px);
}
.delivery-content .yellow-btn-icon .cta-btn{
    margin-top: 30px;
}
/* App Developer Section */
.app-developer-group {
    display: flex;
    gap: 30px;
    align-items: center;
}
.app-developer-group .app-developers{
    width: 40%;
    border-radius: 20px;
    padding: 30px;
    background-color: var(--light-bg-color);
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    justify-content: center;
}
/* .app-developer-group .app-developers > div{
    min-height: 50%;
} */
.app-developer-group .app-developers .bottom-img{
    border-radius: 20px;
    overflow: hidden;
}
.app-developer-group .app-developers .bottom-img img{
    object-fit: cover;
    height: 100%;
    width: 100%;
    object-position: center;
}
.app-developer-info {
    display: flex;
    flex-direction: column;
    gap: 37px;
    padding-inline: 18px;
    align-items: start;
    padding-bottom: 77px;
    position: relative;
}
.app-developer-info::before{
    content: '';
    max-width: 252px;
    max-height: 253px;
    width: 100%;
    height: 100%;
    position: absolute;
    bottom: -14px;
    right: 13.6%;
    background: url(../images/new-fitness-app/line-shap.png) no-repeat;
    background-size: 100%;
}
.app-developer-info li{
    display: inline-flex;
    max-width: 318px;
    width: 100%;
    align-items: center;
    gap: 20px;
    padding: 8px 10px;
    background-color: var(--color-white);
    border-radius: 60px;
    box-shadow: 0px 9px 32px 0px #5151510F;
    position: relative;
    z-index: 1;
}
.app-developer-info li:last-child{
    margin-left: auto;
}
.app-developer-info li .dev-img{
    width: 66px;
    height: 66px;
    border-radius: 50%;
    object-fit: cover;
}
.app-developer-info li .dev-name, .app-developer-info li .dev-designation{
    line-height: 100%;
    letter-spacing: 0.36px;
    text-transform: capitalize;
    color: #000;
}
.app-developer-info li .dev-name{
    font-weight: var(--fw-500);
    font-size: var(--font-18);
    margin-bottom: 4px;
}
.app-developer-info li .dev-designation{
    font-size: var(--font-16);
}
.app-developer-info li .arrow-key{
    width: 40px;
    height: 40px;
    border-radius: 50%;
    flex: 0 0 auto;
    background-color: #02A738;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: auto;
}
.app-developer-group .app-content{
    width: 60%;
}
.app-developer-group .app-content p {
    line-height: 32px;
}
.app-developer-group .app-content .section-inner-head{
   max-width: 550px;
}
.app-developer-group .cta-btn{
    margin-top: 15px;
}
/* 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;
}

/* CTA Section */
.cta-section{
    padding-block: 91px;
    background-color: var(--light-bg-color);
    background-image: url(../images/new-fitness-app/cta-bg.png);
    background-repeat: no-repeat;
    background-position: bottom right;

}
.cta-section .section-inner-head h2{
    font-size: var(--font-30);
    line-height: 42px;
    font-style: normal;
    font-weight: var(--fw-500);
}
.cta-section .section-inner-head h2 strong{
    font-weight: var(--fw-800) !important;
    font-style: italic;
}
.cta-section .section-inner-head{
    margin-bottom: 30px;
}
.cta-section .yellow-btn-icon .cta-btn{
    margin: 0px;
}
.cta-group {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.cta-group .cta-card{
    background: var(--light-bg-color);
    border: 1px solid var(--color-white);
    box-shadow: 10px 13px 40px 0px #C5BFA740;
    border-radius: 20px;
    padding: 40px;
    text-align: center;
}
/* 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 {
    position: relative;
    background-image: url(../images/new-fitness-app/industry-abstrect.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    background-size: 250px;
}
.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: 30px;
    background: var(--light-bg-color);
    border-radius: 10px;
    border: 1px solid var(--color-white);
}
.industries-main .swiper-slide .ind-icon,.industries-main .swiper-slide p {
    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: -20px;
    margin-bottom: -11px;
}
.industries-main .swiper-slide .ind-icon.small:after{
        margin-left: -41px;
}
.industries-main .swiper-slide h3 {
    font-size: 24px;
    margin: 0 0 14px;
    color: var(--color-black);
    font-weight: var(--fw-700)
}
.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(0, 0);
    display: flex;
    gap: 30px;
    justify-content: flex-end
}
#FileInput,.industries-main-outer .slider-btn-next .swiper-btn:after,.services-mobile {
    display: none
}
.industries-main-outer .slider-btn-next .swiper-btn {
    position: initial !important;
    border: 1px solid #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:hover svg path {
    stroke: 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;}

.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 #DEE6EE;
  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 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;}
.contact-sec .section-inner-head .inner-subtitle { margin: 0;}
.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;
    }
}

@media only screen and (max-width: 1441px) {
   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;}

    /* Service Section */
    .home-services-inners {
        top: 10vw
    }
    .our-services-m {
        margin-bottom: 80px
    }
    .services-title {
        margin-top: -40px
    }
    /* Story Section */
    .delivery-app-group{
        margin-top: 40px;
    }
   /* App Developer Section */
    .app-developer-info{
        padding-inline: 0;
    }
    .app-developer-info li{
        max-width: 300px;
    }
    /* CTA Section */
    .cta-section{
        padding-block: 70px;
    }
    .cta-section .section-inner-head h2 {
        font-size: var(--font-24);
        line-height: 34px;
    }
    /* 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
    }
    /* 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;}
  
    /* why-section */
    .market-cap{
        margin: 40px 0px 50px;
    }
    .market-cap-item {
        padding: 20px 0px;
    }
    .market-cap-item .market-size{
        font-size: 38px;
    }
    .market-cap-item .market-size span {
        font-size: var(--font-20);
    }
    .market-cap-item .market-cap-title {
        font-size: var(--font-18);
    }
    /* service Section */
    .our-services-sec .section-inner-head h2 {
        margin-bottom: 10px;
    }
    /* App Developer Section */
    .app-developer-info li {
        max-width: 280px;
    }
    .app-developer-info::before{
        right: 8%;
    }
    /* Features Section */
    .features-section .panel-img .animated-img {
        max-width: 140px;
    }
    /* CTA Section */
    .cta-section{
        padding-block: 50px;
    }
    .cta-section .section-inner-head h2 {
        font-size: var(--font-22);
        line-height: 32px;
    }
    /* 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%;
    }
    /* Story Section */
    .delivery-app-group{
        display: flex;
        flex-direction: column-reverse;
    }
    .delivery-content {
        padding: 20px 40px 40px 40px;
    }
    /* App Developer Section */
    .app-developer-group{
        flex-direction: column;
    }
    .app-developer-group .app-developers, .app-developer-group .app-content{
        width: 100%;
    }
    .app-developer-info{
        max-width: 395px;
        margin-inline: auto;
        width: 100%;
    }
    .app-developer-info::before {
        right: 13%;
    }
    .app-developer-group .app-content p {
        line-height: 28px;
    }
    .app-developer-group .cta-btn {
        margin-top: 15px !important;
    }
    /* 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) {
    /* why-section */
    section.story-section.section-spacing .col-lg-auto {
    display: none;
}
    .market-cap-item {
        padding: 20px 0px;
    }
    .market-cap {
        gap: 20px 30px;
    }
    .market-cap-item:not(:first-child)::before {
        left: -14px;
    }
    .market-cap-item .icon {
        width: 40px;
    }
    .market-cap-item .market-size {
        font-size: 30px;
        line-height: 1;
    }
    .market-cap-item .market-size span, .market-cap-item .market-cap-title {
        font-size: var(--font-16);
    }
    .market-cap-item .icon::before {
        width: 20px;
        height: 20px;
        bottom: -2px;
        right: -6px;
    }
    /* 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;
    }

    /* Service accordion */
    .our-services-m {
        margin-bottom: 30px;
    }
    .services-desktop{
        display: none;
    }
    .services-mobile {
        display: block;
    }
    .services-mobile .accordion-item {
        border: none;
    }
    .services-mobile .accordion-header , .services-mobile .accordion-header, .services-mobile .icn img, .services-mobile .service-title{
        transition: var(--ease-in-out);
    }
    .services-mobile .accordion-item .accordion-header .icn {
        width: 32px;
        flex: 0 0 auto;
        display: inline-flex;
        align-items: center;
        justify-content: center;
    }
    .services-mobile .accordion-item .accordion-header {
        padding: 15px 75px 15px 15px;
        border-radius: 0;
        position: relative;
        display: flex;
        align-items: center;
        cursor: pointer;
        width: 100%;
        background-color: #F5F5F5;
        transition: var(--ease-in-out);
        border: 1px solid var(--color-white);
        color: #000;
        font-size: 18px;
        line-height: 20px;
        font-weight: var(--fw-500);
    }


    .services-mobile .accordion-item .accordion-header .service-title {
        padding-left: 10px;
    }

    .services-mobile .accordion-item .accordion-header:not(.collapsed) {
        background-color: var(--deep-blue);
        border-color: var(--deep-blue);
    }
    .services-mobile .accordion-item .accordion-header:not(.collapsed) .service-title {
        color: var(--color-white);
    }
    .services-mobile .accordion-item .accordion-header:not(.collapsed) .icn img {
        filter: invert(1);
    }

    .services-mobile .accordion-item .accordion-header:not(.collapsed)::after {
        border-width: 1px 0 0 1px;
        top: 48%;
        border-color: var(--color-white);
    }

    .services-content-inner p ,.services-mobile>div {
        margin: 0 0 20px;
    }

    .services-mobile .accordion-item .accordion-header::after {
        content: "";
        position: absolute;
        border: solid #000;
        border-width: 0 1px 1px 0;
        height: 12px;
        width: 12px;
        transform: rotate(45deg) translateX(-50%);
        -webkit-transform: rotate(45deg) translateX(-50%);
        right: 12px;
        top: 40%;
        transform-origin: center;
        transform-origin: 0 0;
        transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s;
    }

    .services-mobile .accordion-item .accordion-collapse {
        color: var(--color-white);
    }
    .services-mobile .accordion-item .accordion-collapse .accordion-body {
        padding: 30px;
        background: linear-gradient(259.38deg, rgba(7, 21, 48, 0) 10.88%, rgba(0, 30, 51, 0.9) 50.41%), var(--service-bg-image);
        background-size: cover;
        background-position: center;
    }

    /* 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) {
    
    /* why-section */
    .market-cap {
        margin: 20px 0px 30px;
    }
    .market-cap-item {
        gap: 15px;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    /* Fitness Group */
    .fitness-group{
        grid-template-columns: 1fr;
    }
    /* CTA Section */
    .cta-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;}
  /* 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;
  }
  .rating-item, .ratings-group .clutch-img{
    width: 100%;
    max-width: 100%;
  }
  .rating-card-group {
    grid-template-columns: repeat(1, 1fr);
    margin-top: 20px;
}
  /*  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) {
    /* why-section */
    .market-cap, .fitness-group {
        grid-template-columns: 1fr;
    }
    .market-cap-item:not(:first-child)::before{
        width: 100%;
        height: 4px;
        left: 50%;
        transform: translate(-50%, 0px);
        top: calc(0% - 10px);
    }
    /* App Developer Section */
    .app-developer-group .app-developers {
        padding: 20px;
    }
    .app-developer-info{
        gap: 25px;
    }
    .app-developer-info li{
        gap: 15px;
        max-width: 250px;
    }
    .app-developer-info li .dev-img {
        width: 50px;
        height: 50px;
    }
    .app-developer-info li .arrow-key {
        width: 35px;
        height: 35px;
    }
    .app-developer-info::before{
        max-height: 214px;
        max-width: 216px;
    }
    /* Features Section */
    .features-section .panel-img .animated-img {
        max-width: 100px;
        top: -50px;
        left: -10px;
    }
    /* CTA Section */
    .cta-group .cta-card{
        padding: 30px;
    }
    .cta-section .section-inner-head h2 {
        font-size: var(--font-20);
        line-height: 30px;
    }
    .cta-section .section-inner-head {
        margin-bottom: 25px;
    }
     /* 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) {
  /*  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) {
    /* App Developer Section */
    .app-developer-info{
       padding-bottom: 60px;
    }
    .app-developer-info li{
        gap: 10px;
        max-width: 230px;
    }
    .app-developer-info li .dev-img {
        width: 45px;
        height: 45px;
    }
    .app-developer-info li .dev-name{
        font-size: var(--font-16);
    }
    .app-developer-info li .dev-designation{
        font-size: 14px;
    }
    .app-developer-info li .arrow-key {
        width: 30px;
        height: 30px;
    }
    .app-developer-info::before{
        max-height: 200px;
        max-width: 199px;
        right: 5px;
    }
  /*  contact  */
  .contact-details .teamblockftr { padding: 15px; gap: 10px; flex-direction: column;}
  .contact-details .teamblockftr .contact-data-inner { padding-left: 0;}
}


.christmas-tag{
    display: none;
}