.inner-page-banner {overflow: hidden;position: relative;background-image: url(../images/technology/react-native-banner-tower.webp);background-repeat: no-repeat;background-position: bottom 0px left;padding: 60px 0;min-height: calc(100vh - 98px);display: flex;align-items: center;}
.inner-page-banner:before {position: absolute;content: "";left: 0;top: 0;bottom: 0;background: url(../images/technology/react-native-banner-bg.webp) no-repeat top left;height: 100%;width: 100%;background-size: cover;z-index: 1;}
.inner-banner-common-content .inner-subtitle{letter-spacing: 2px;}
.inner-banner-common-content h1{text-transform: capitalize;margin: 0 0 25px;font-weight: var(--fw-500);}
.inner-banner-common-content h1 span {color: var(--color-green);}
.inner-banner-common-content p {margin: 0 0 40px;}
.inner-banner-common-content .tags {display: flex;flex-wrap: wrap;list-style: none;row-gap: 20px;-moz-column-gap: 20px;column-gap: 20px;}
.tags li {border-radius: 40px;font-size: 18px;font-weight: 400;line-height: normal;text-transform: capitalize;background-color: #f5f5f5;border: 1px solid rgba(238, 238, 238, .1098039216);position: relative;padding: 14px 28px 14px 40px;}
.tags li::before {content: "";width: 22px;height: 22px;background-position: center;background-repeat: no-repeat;background-size: contain;position: absolute;top: 50%;transform: translateY(-50%);left: 13px;background-image: url('data:image/svg+xml,');}
.banner-wrapper-block {padding: 30px;background: #F5F5F5;border-radius: 30px;}
.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: calc(100% - 129px);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 form .form-group {margin-bottom: 20px;}
.banner-wrapper-block .form-control {background-color: #fff;box-shadow: 4px 4px 20px rgb(214 214 214 / 16%) !important;}
.banner-wrapper-block .form-control:focus{background-color: #fff;}
.form-group .common_error_message {bottom: -20px;line-height: normal;}
.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;}
.banner-wrapper-block form button.btn1 {margin: 10px 0 0;}
/* leading-platforms-sec */
.leading-platforms-sec {width: 100%;overflow: hidden;background: #1B3059;padding-bottom: 75px;}
.leading-platforms-head {display: flex;}
.leading-platforms-left {padding: 72px 80px 0 0;width: 593px;position: relative;color: #fff;}
.leading-platforms-left h2 {font-weight: var(--fw-700);text-transform: uppercase;margin: 0 0 30px;}
.leading-platforms-left .tag-line {background: linear-gradient(270deg, #02a73800 0%, hsl(139.64deg 97.63% 33.14% / 44%) 100%);display: inline-block;padding: 10px 20px;border-radius: 30px;font-size: 19px;font-weight: 700;}
.leading-platforms-left:after {content: "";position: absolute;top: -1px;right: -1px;width: 102px;height: 89px;background-image: url(../images/technology/shape.svg);}
.leading-platforms-right {width: calc(100% - 593px);background: #fff;padding: 23px 0 56px 072px;border-bottom-left-radius: 55px;position: relative;}
.leading-platforms-right:after {content: "";width: 200%;height: 100%;background: #fff;position: absolute;top: 0;left: 100%;}
.leading-platforms-right ul {display: flex;justify-content: space-between;gap: 80px;min-width: 837px;position: relative;z-index: 1;}
.leading-platforms-right ul li {position: relative;}
.leading-platforms-right ul li:not(:last-child)::after {content: "";position: absolute;height: 100%;width: 1px;background: #FDCD56;top: 0;right: -88px;box-shadow: 6px 0px 11px #FDCD56;}
.leading-platforms-right ul div {font-size: 80px;line-height: normal;lin'accent-color:';font-weight: var(--fw-700);color: var(--color-green);margin: 0 0 7px;}
.leading-platforms-right ul p {font-weight: var(--fw-500);line-height: 32px;font-size: 21px;max-width: 157px;}
.leading-platforms-list {padding: 120px 0 0;}
.leading-platforms-list ul {display: flex;gap: 30px;}
.leading-platforms-list ul li {flex: 1 0 0%;}
.leading-platforms-list ul li {background: #fff;display: flex;width: 100%;align-items: center;justify-content: center;height: 100%;min-height: 210px;padding: 20px;border-radius: 10px;box-shadow: 10px 10px 40px rgb(33 67 44 / 12%);}
/*excellence-sec*/
.excellence-sec {padding: 120px 0;}
.inner-subtitle {font-size: 18px;text-transform: uppercase;line-height: 33px;margin: 0 0 8px;font-weight: var(--fw-500);color: var(--color-green);letter-spacing: 5.66px;font-family: var(--font-sfprodisplay);}
.excellence-sec .satisafctions-quetions {border-radius: 149px;background: #192D54;color: #fff;padding: 23px 70px 23px 63px;}
.excellence-sec .satisafctions-quetions h3{margin: 15px 0 0 ;color: var(--color-white);font-weight: var(--fw-700);}
.excellence-sec .cta-btn {border: solid 1px #000;margin: 20px 0 0;}
.excellence-sec .cta-btn:hover {border: solid 1px var(--color-green) !important;}
.excellence-sec .section-inner-discription {margin: 30px 0 0;}
.excellence-sec h3 {color: var(--color-black);font-weight: var(--fw-500);margin: 0;}
.excellence-links {display: flex;border: solid 1px var(--color-green);border-radius: 10px;}
.excellence-links a {flex: 1 0 0%;padding: 30px 20px;display: flex;font-weight: var(--fw-500);align-items: center;}
.excellence-links a:not(:last-child) {border-right: solid 1px var(--color-green);}
/**/
.create-react-app .section-inner-head {
text-align: center;
margin: 0 0 40px;
}
.create-react-grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
gap: 30px;
}
.create-react-grid .create-react-col {
border-radius: 15px;
background: #F8F7F3;
padding: 30px 10px 30px 30px;
display: flex;
align-items: center;
}
.create-react-grid .create-react-col .create-react-icon {
width: 78px;
filter: brightness(0);
}
.create-react-grid .create-react-col .create-react-text {
width: calc(100% - 78px);
padding-left: 20px;
}
.create-react-grid .create-react-col .create-react-text h3 {
font-size: 25px;
color: var(--color-black);
line-height: 28px;
margin: 0 0 6px;
}
.create-react-grid .create-react-col .create-react-text p {
line-height: 28px;
}
/*cta section*/
.cta-bg {background: #192C53;border-radius: 10px;display: flex;align-items: center;padding: 39px 64px 39px 50px;color: #fff;}
.cta-bg .cta-text {width: calc(100% - 252px);padding-right: 50px;}
.cta-bg h2 {margin: 0 0 14px;}
.cta-bg p {max-width: 673px;margin: 0;font-size: 19px;line-height: 30px;}
.cta-btn {padding: 10px 10px 10px 30px;display: inline-flex;align-items: center;gap: 20px;background: #fff;white-space: nowrap;font-weight: var(--fw-500);line-height: 20px;font-size: var(--font-18);font-family: var(--font-sfprodisplay);border-radius: 60px;transition: var(--ease-in-out);overflow: hidden;position: relative;}
.cta-btn .green-icon {background-color: #02A738;border-color: #02A738;height: 40px;width: 40px;border-radius: 50%;border: solid 1px var(--color-green);background-position: top 11px left -27px !important;background-repeat: no-repeat !important;transition: var(--ease-in-out);position: relative;z-index: 1;background-image: url(../images/headerimages/arrow-white-black.webp);}
.cta-btn:hover{color: var(--color-white) !important;}
.cta-btn:hover .green-icon {background-position: top 11px left 16px !important;background-color: var(--color-white) !important;border-color: var(--color-white);}
.cta-btn::before {content: '';position: absolute;width: 0;height: 100%;transition: all 0.9s ease;background-color: var(--color-green);top: 0;left: 0;}
.cta-btn::after {content: '';position: absolute;width: 0;height: 100%;transition: all 0.6s ease;background-color: var(--color-green);bottom: 0;right: 0;}
.cta-btn:hover::before {width: 0%;background-color:var(--color-green);right: 0;}
.cta-btn:hover::after {width: 100%;background-color: var(--color-green);left: 0;}
/* top-features */
.space-section{padding: 120px 0;}
.top-features {background: #fff;}
.top-features .section-inner-head {max-width: 1125px;text-align: center;margin: 0 auto 60px;}
.top-features-grid {width: 100%;display: grid;grid-template-columns: 1fr 1fr;gap: 30px;}
.top-features-grid .features-grid-col {position: relative;padding: 30px;background: #F2F5F7;border-radius: 10px;}
.features-grid-col h3 {font-size: 25px;font-weight: var(--fw-500);color: var(--color-black);margin: 0 0 10px;}
/* excellence-sec-2 */
.excellence-sec-2.bg {
background: #F8F7F3;
}
.excellence-sec-2.bg .technologies-main .swiper-slide {height: auto;padding: 40px 30px;transition: var(--ease-in-out);box-shadow: 7px 5px 53px rgb(25 32 40 / 6%);border-radius: 10px;display: flex;flex-direction: column;justify-content: space-between;gap: 25px;}
.excellence-sec-2.bg .technologies-main .swiper-slide > a {font-size: 18px;text-transform: capitalize;transition: var(--ease-in-out);color: var(--color-green);}
.excellence-sec-2.bg .technologies-main .swiper-slide .marge-icon {background: #F8F7F3;padding: 12px;border-radius: 50%;margin: 0 0 30px;transition: var(--ease-in-out);height: 110px;width: 110px;display: flex;align-items: center;justify-content: center;}
.excellence-sec-2.bg .technologies-main .swiper-slide h3 {font-size: 25px;line-height: 28px;font-weight: 500;margin: 0 0 15px;transition: var(--ease-in-out);}
.excellence-sec-2.bg .technologies-main .swiper-slide:hover > a, .technologies-main .swiper-slide > a:hover {color: var(--color-white) !important;}
.excellence-sec-2.bg .technologies-main .swiper-slide > a svg path {transition: var(--ease-in-out);}
.excellence-sec-2.bg .technologies-main .swiper-slide:hover > a svg path {fill: var(--color-white);}
.excellence-sec-2.bg .slider-btn-outer:before {background: #C5BFA7;}
.excellence-sec-2 {background: #F2F5F7;}
.excellence-sec-2 .section-inner-head {max-width: 570px;}
a.clutch-img {display: inline-block;max-width: 240px;}
.technologies-main-outer {width: calc(50% + 695px);margin-left: auto;padding-left: 15px;margin-top: 60px;}
.technologies-main .swiper-slide {height: auto;background: #fff;padding: 40px;transition: var(--ease-in-out);box-shadow: 7px 5px 53px rgb(25 32 40 / 6%);border-radius: 10px;}
.technologies-main .swiper-slide:hover {background: var(--color-green);color: var(--color-white);}
.technologies-main .swiper-slide:hover h3{color: var(--color-white);}
.technologies-main .swiper-slide .marge-icon {background: #F6F6F6;display: inline-block;padding: 12px 25px;border-radius: 60px;margin: 0 0 30px;transition: var(--ease-in-out);}
.technologies-main .swiper-slide h3 {color: var(--color-black);font-size: 25px;line-height: 28px;margin: 0 0 15px;transition: var(--ease-in-out);}
.slider-btn-outer {position: relative;max-width: 1356px;margin-top: 60px;}
.slider-btn-outer:before {content: "";width: calc(100% - 167px);height: 1px;background: #DEE6EE;position: absolute;left: 0;top: 50%;}
.technologies-main-outer .slider-btn-next {position: initial;right: 0;bottom: 0;transform: translate(0px, 0px);display: flex;gap: 30px;justify-content: flex-end;}
.technologies-main-outer .slider-btn-next .swiper-btn:after {display: none;}
.technologies-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;}
.technologies-main-outer .slider-btn-next .swiper-btn:hover{border: solid 1px var(--color-green);background-color: var(--color-green);}
.technologies-main-outer .slider-btn-next .swiper-btn svg path{ transition: var(--ease-in-out);}
.technologies-main-outer .slider-btn-next .swiper-btn:hover svg path{stroke: var(--color-white);}
/* next-gen-sec */
.next-gen-sec {background: #1A2D54;}
.next-gen-sec .section-inner-head {text-align: center;color: var(--color-white);max-width: 1125px;margin: 0 auto 60px;}
.next-gen-grid {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 30px;}
.next-gen-grid .next-gen-col {background: var(--color-white);border-radius: 10px;padding: 30px;}
.next-gen-grid .next-gen-col .next-gen-icon {height: 60px;width: 60px;padding:13px;background: var(--color-green);display: flex;align-items: center;justify-content: center;border-radius: 50%;margin: 0;}
.next-gen-grid .next-gen-col .next-gen-icon-head {display: flex;align-items: center;gap: 15px;margin-bottom: 15px;}
.next-gen-grid .next-gen-col h3 {color: var(--color-black);font-weight: var(--fw-500);font-size: 25px;line-height: 41px;margin: 0;}
/*business-breakthrough-sec*/
.business-breakthrough-sec {background-color: #192D54;color: #fff;position: relative;}
.business-breakthrough-sec:before{content: "";position: absolute;width: 100%;height: 100%;background-image: url(../images/technology/business-breakthrough.webp);background-repeat: no-repeat;background-position: center;background-size: cover;top: 0; mix-blend-mode: overlay;left: 0;}
.business-list-box {display: flex;margin: 60px 0 0;gap: 76px;}
.business-list-box .business-list {position: relative;}
.business-list-box .business-list:not(:last-child)::after {content: "";position: absolute;right: -38px;height: 100%;width: 1px;background: #43577E;top: 0;}
.business-list-box .business-list .business-list-top {font-size: 55px;line-height: 51px;margin: 0 0 20px;font-weight: var(--fw-700);color: var(--color-yellow);}
.business-list-box .business-list h3 {font-weight: var(--fw-500);margin: 0 0 5px;white-space: nowrap;}
.business-breakthrough-sec .button-group {margin: 50px 0 0;}
.business-breakthrough-sec .btn1 > span > span {display: flex;flex-direction: column;}
.business-breakthrough-sec .btn1 > span > span span.text-small {font-size: 14px;letter-spacing: normal;text-transform: capitalize;line-height: normal;margin: 0 0 6px;}
.business-breakthrough-sec .btn1 > span {display: flex;align-items: center;justify-content: center;gap: 24px;}
.business-breakthrough-sec .btn1 > span svg {width: 26px;height: 18px;}
/* development-partner-sec */
.development-partner-sec .section-inner-head {
text-align: center;
max-width: 1015px;
margin: 0 auto 60px;
}
.development-partner-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 30px;}
.development-partner-grid .development-partner-col {
padding: 30px;
background: #F8F7F3;
border-radius: 15px;
}
.development-partner-grid .development-partner-col .development-partner-icon {
width: 64px;
height: 64px;
margin: 0 0 24px;
}
.development-partner-grid .development-partner-col h3 {
color: var(--color-black);
font-size: 25px;
line-height: 28px;
margin: 0 0 15px;
}
/*top-features-grid*/
.top-features-grid.top-features-list .features-grid-col {padding: 30px 50px 30px 77px;display: flex;align-items: center;}
.top-features-grid.top-features-list .features-grid-col::before {content: "";width: 32px;height: 32px;background-position: center;background-repeat: no-repeat;background-size: contain;position: absolute;top: 50%;transform: translateY(-50%);left: 30px;background-image: url('data:image/svg+xml,');}
.top-features .section-inner-head.max-1070 {max-width: 1070px;}
/* hiring-plans-sec */
.hiring-plans-sec{padding: 120px 0 0;background: #F2F5F7;}
.hiring-plans-sec .section-inner-head {max-width: 570px;}
.hiring-plans-grid {display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 30px;position: relative;z-index: 1;margin: 60px 0 -182px;}
.hiring-plans-grid .hiring-plans-col {background: #fff;padding: 40px 37px;text-align: center;border-radius: 10px;box-shadow: 25px 13px 42px hsl(191.16deg 61.14% 41.37% / 12%);}
.hiring-plans-grid .hiring-plans-col img {max-width: 74px;margin: 0 auto 20px;}
.hiring-plans-grid .hiring-plans-col h3 {color: var(--color-black);text-transform: uppercase;margin: 0 0 22px;font-size: 22px;}
.hiring-plans-grid .hiring-plans-col .price {font-size: 55px;font-weight: var(--fw-700);color: var(--color-green);line-height: 51px;margin: 0 0 22px;}
/* cuide-development-sec */
.cuide-development-sec {padding: 302px 0 120px;background: #fff;}
.hiring-developer-outer {display: flex;background-color: #F2F5F7;border-radius: 10px;overflow: hidden;}
.hiring-developer-outer .hiring-developer-img {width: 631px;}
.hiring-developer-outer .hiring-developer-text {width: calc(100% - 631px);align-self: center;padding: 85px 41px 85px 58px;}
.hiring-developer-outer .hiring-developer-text h2 {text-transform: capitalize;line-height: 57px;margin: 0 0 30px;}
.hiring-developer-outer .hiring-developer-text h2 span {color: var(--color-green);font-weight: var(--fw-700);}
.cuide-development-main-sec {padding-bottom: 45px;}
.cuide-development-main-sec .section-inner-head {margin: 0 0 60px;}
.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;}
.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(--color-green);background-color: #F8F7F3;color: var(--color-green);}
.development-link-text h3 {color: var(--color-black);font-weight: var(--fw-500);margin: 0 0 30px;}
.development-link-text img {margin: 0 0 30px;}
.development-link-text:not(:last-child) {border-bottom: solid 1px #DEE6EE;padding: 0 0 40px;margin: 0 0 40px;}
/*contact-sec*/
.contact-sec {padding: 75px 0 0;background: #fff;}
.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 a {padding: 20px 27px;background: rgb(255 255 255 / 6%);border-radius: 10px;display: flex;align-items: center;backdrop-filter: blur(80px);}
.contact-details a .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-700);line-height: 20px;}
.contact-details a:not(:last-child) {margin: 0 0 20px;}
.contact-get-outer {max-width: 577px;display: flex;gap: 28px;margin: 40px 0 0;width: 100%;color: #fff;}
.contact-get-outer h3 {font-size: 18px;line-height: normal;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,');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: #fff;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,');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: #fff;border-color: #fff;}
.radio-list ul li:not(:last-child) {margin-bottom: 10px;}
.radio-list ul li {line-height: 19px;}
.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);}
/*FAQ sec*/
.technologies-faq{background-color: #F8F8F8;}
.frequently-asked-questions {margin: 50px 0 0;}
.technologies-faq .frequently-asked-questions .accordion-item {padding: 0;border-radius: 10px;border: none;overflow: hidden;background-color: #fff;}
.technologies-faq .frequently-asked-questions .accordion-item:not(:last-child) {margin-bottom: 20px;}
.technologies-faq .accordion-button {padding: 30px;color: #000 !important;font-size: 22px;font-weight: 500;line-height: 25px;text-transform: capitalize;}
.technologies-faq .accordion-header .accordion-button:not(.collapsed) {background-color: #fff !important;color: #000 !important;box-shadow: none !important;}
.technologies-faq .accordion-header .accordion-button:focus {box-shadow: none !important;}
.technologies-faq .accordion-header .accordion-button:not(.collapsed)::after {filter: brightness(0);}
.technologies-faq .frequently-asked-questions .accordion-body {padding: 25px 30px 30px;max-width: 100%;background-color: var(--color-white);border: none;position: relative;}
.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;}
@media only screen and (max-width:1700px){
.leading-platforms-right ul {gap: 20px;min-width: auto;}
.leading-platforms-right ul li:not(:last-child)::after {right: -52px;}
}
@media only screen and (max-width:1441px){
/* */
.inner-subtitle {font-size: 16px;line-height: 28px;margin: 0 0 5px;}
.cta-btn {padding: 5px 5px 5px 25px;gap: 15px;font-size: var(--font-16);}
.space-section {padding: 80px 0;}
/* */
.inner-page-banner {min-height: calc(100vh - 76px);}
.inner-banner-common-content h1 {margin: 0 0 15px;}
.inner-banner-common-content p {margin: 0 0 20px;line-height: 24px;}
.inner-banner-common-content .tags {row-gap: 10px;-moz-column-gap: 10px;column-gap: 10px;}
.tags li {font-size: 16px;padding: 10px 28px 9px 40px;}
.tags li::before {left: 10px;}
.banner-wrapper-block {padding: 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 .wrapperimg {width: 99px;height: 99px;}
.banner-wrapper-block .banner-wrapper-img .banner-wrapper-box {width: calc(100% - 99px);}
.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;}
/**/
.leading-platforms-left .tag-line {padding: 8px 20px;font-size: 16px;}
.cta-bg p {max-width: 563px;font-size: 16px;line-height: 24px;}
.cta-bg .cta-text {width: calc(100% - 221px);}
.leading-platforms-list {padding: 80px 0 0;}
.leading-platforms-list ul li a {min-height: 170px;}
/* */
.excellence-sec {padding: 80px 0;}
.excellence-sec .satisafctions-quetions h3 {font-size: 22px;}
.excellence-sec .section-inner-discription {margin: 20px 0 0px;}
.excellence-sec .section-inner-discription p {line-height: 24px;}
.excellence-sec .cta-btn {margin: 10px 0 0;}
.excellence-links a {padding: 20px 15px;font-size: 16px;line-height: 24px;}
/* */
.top-features .section-inner-head {margin: 0 auto 30px;}
.top-features-grid {gap: 20px;}
.features-grid-col h3 {font-size: 20px;}
/* */
.technologies-main-outer {width: calc(50% + 585px);margin-top: 40px;}
.technologies-main .swiper-slide {padding: 30px;}
.technologies-main .slider-btn-next {gap: 15px;}
.technologies-main .swiper-slide .marge-icon {padding: 10px 20px;margin: 0 0 20px;}
.technologies-main .swiper-slide h3 {font-size: 22px;line-height: 24px;margin: 0 0 10px;}
.slider-btn-outer {margin-top: 30px;padding-right: 20px;max-width: 1170px;}
.slider-btn-outer:before {width: calc(100% - 145px);}
.technologies-main .slider-btn-next .swiper-btn {height: 44px;width: 44px;}
.technologies-main .slider-btn-next .swiper-btn svg {max-width: 20px;}
/* */
.business-list-box .business-list .business-list-top {font-size: 40px;line-height: 41px;margin: 0 0 15px;}
.business-list-box {margin: 40px 0 0;gap: 60px;}
.business-list-box .business-list:not(:last-child)::after {right: -30px;}
.business-list-box .business-list h3 {margin: 0 0 10px;}
/* top-features */
.top-features .section-inner-head.max-1070 {max-width: 880px;}
.top-features-grid.top-features-list .features-grid-col {padding: 25px 30px 25px 67px;}
.top-features-grid.top-features-list .features-grid-col::before {width: 28px;height: 28px;left: 20px;}
/* hiring-plans-sec */
.hiring-plans-sec {padding: 80px 0 0;}
.hiring-plans-grid {gap: 24px;margin: 40px 0 -152px;}
.hiring-plans-grid .hiring-plans-col {padding: 30px;}
.hiring-plans-grid .hiring-plans-col img {max-width: 64px;margin: 0 auto 15px;}
.hiring-plans-grid .hiring-plans-col h3 {margin: 0 0 15px;}
.hiring-plans-grid .hiring-plans-col .price {font-size: 45px;line-height: 41px;margin: 0 0 15px;}
/* */
.cuide-development-sec {padding: 260px 0 80px;background: #fff;}
.hiring-developer-outer .hiring-developer-text h2 {line-height: 40px;margin: 0 0 20px;}
.cuide-development-main-sec .list-group .cuide-development-link {padding: 15px;border-left: solid 2px transparent;}
/* 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 a:not(:last-child) {margin: 0 0 15px;}
.contact-details a {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;}
/* */
.leading-platforms-left {padding: 40px 30px 0 0;width: 493px;}
.leading-platforms-right {width: calc(100% - 493px);padding: 23px 0 40px 40px;}
.leading-platforms-right ul div {font-size: 55px;}
.leading-platforms-right ul p {line-height: 28px;font-size: 18px;max-width: 140px;}
.leading-platforms-right ul li:not(:last-child)::after {right: -39px;}
.technologies-faq .accordion-button {padding: 20px;font-size: 20px;}
.technologies-faq .frequently-asked-questions .accordion-body::before {width: calc(100% - 40px);}
.technologies-faq .frequently-asked-questions .accordion-body{padding: 20px; }
/* */
.create-react-grid {
gap: 24px;
}
.create-react-grid .create-react-col .create-react-icon {
width: 48px;
}
.create-react-grid .create-react-col .create-react-text {
width: calc(100% - 48px);
padding-left: 15px;
}
.create-react-grid .create-react-col {
padding: 20px 10px 20px 20px;
}
.create-react-grid .create-react-col .create-react-text h3 {
font-size: 22px;
line-height: 24px;
margin: 0 0 8px;
}
.create-react-grid .create-react-col .create-react-text p {
line-height: 24px;
}
/* */
.next-gen-grid {
gap: 24px;
}
.next-gen-grid .next-gen-col {
padding: 20px;
}
.next-gen-grid .next-gen-col .next-gen-icon {
height: 60px;
width: 60px;
padding: 15px;
}
.next-gen-grid .next-gen-col h3 {
font-size: 22px;
line-height: 32px;
}
/* */
.development-partner-sec .section-inner-head,
.next-gen-sec .section-inner-head {
margin: 0 auto 40px;
}
.development-partner-grid {
gap: 24px;
}
.development-partner-grid .development-partner-col {
padding: 24px;
}
.development-partner-grid .development-partner-col .development-partner-icon {
width: 54px;
height: 54px;
margin: 0 0 15px;
}
.development-partner-grid .development-partner-col h3 {
font-size: 22px;
line-height: 24px;
margin: 0 0 10px;
}
}
@media only screen and (max-width:1199px){
.inner-page-banner {min-height: 20px;background-size: 37%;}
.leading-platforms-left {width: 420px;}
.leading-platforms-right {width: calc(100% - 420px);}
.leading-platforms-right ul li:not(:last-child)::after {right: -20px;}
.technologies-main-outer {width:100%;}
/* business */
.business-list-box .business-list h3{white-space: wrap;}
.business-list-box {margin: 30px 0 0;gap: 50px;}
.business-list-box .business-list:not(:last-child)::after {right: -25px;}
.business-breakthrough-sec .button-group {margin: 40px 0 0;}
/* */
.hiring-developer-outer .hiring-developer-img {width: 50%;}
.hiring-developer-outer .hiring-developer-img img {height: 100%;object-fit: cover;}
.hiring-developer-outer .hiring-developer-text {width: 50%;padding: 40px;}
.contact-seprator {display: none;}
.frequently-asked-questions {margin: 30px 0 0;}
/* contact */
.contact-seprator{display: none;}
}
@media only screen and (max-width:991px){
.banner-wrapper-block{margin-top: 40px;}
.inner-banner-common-content {text-align: center;}
.inner-banner-common-content .tags {justify-content: center;text-align: left;}
.leading-platforms-head {flex-wrap: wrap;}
.leading-platforms-left:after{display: none;}
.leading-platforms-right:after{display: none;}
.leading-platforms-left {padding: 60px 0 40px 0;width:100%;text-align: center;}
.leading-platforms-left h2 {margin: 0 auto 20px;}
.leading-platforms-right {width: 100%;padding: 10px 0 20px;border-radius: 10px;background: transparent;text-align: center;}
.leading-platforms-right ul {gap: 0;}
.leading-platforms-right ul li {position: relative;width: 33.33%;}
.leading-platforms-right ul div {line-height: 55px;}
.leading-platforms-right ul p {color: #fff;margin: 0 auto;}
.leading-platforms-right ul li:not(:last-child)::after {right: 0;box-shadow: none; background: #405d95;}
.leading-platforms-list {padding: 50px 0 0;}
.leading-platforms-list ul {gap: 20px;}
.leading-platforms-list ul li a {min-height: 120px;}
/* */
.hiring-plans-grid {margin: 10px 0 -152px;}
.hiring-plans-grid .hiring-plans-col {padding: 30px 15px;}
/* */
.excellence-links {margin: 20px 0 0;}
/* */
.business-list-box {flex-wrap: wrap;}
.business-list-box .business-list {position: relative;width: calc(50% - 25px);}
.business-list-box .business-list:nth-child(2)::after{display: none;}
.business-list-box .business-list:last-child{width:100%;}
.business-list-box .business-list:after {content: "";position: absolute;right: 0;height: 1px;width: 100%;background: #43577E;top: -25px;}
/* */
.cta-bg {padding: 30px;}
/* contact-sec */
.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;}
.row-gap{row-gap: 20px;}
.hiring-plans-grid .hiring-plans-col .price {font-size: 35px;line-height: 31px;margin: 0 0 10px;}
.hiring-plans-grid .hiring-plans-col h3 {font-size: 18px;}
.excellence-sec .satisafctions-quetions {padding: 23px 40px 23px 53px;}
/* */
.leading-platforms-list ul li {min-height: 150px;}
.create-react-grid,
.next-gen-grid {
grid-template-columns: 1fr 1fr;
}
}
@media only screen and (max-width:767px){
.cta-bg {flex-wrap: wrap;gap: 30px;}
.cta-bg .cta-text {width: 100%;padding-right: 0;}
.excellence-links {flex-wrap: wrap;}
.excellence-links a:nth-child(2) {border-right: none;}
.excellence-links a:nth-last-child(-n + 2) {border-top: solid 1px var(--color-green);}
.excellence-links a {flex: 50%;}
.hiring-plans-grid {grid-template-columns: 1fr 1fr;}
a.clutch-img{display: none;}
.row-gap{row-gap: 20px;}
/* */
.business-list-box .business-list .business-list-top {font-size: 30px;line-height: 31px;margin: 0 0 10px;}
.business-list-box .business-list h3 {font-size: 20px;}
.business-list-box .business-list {width: 100%;}
.business-list-box .business-list:first-child::after{display: none;}
.business-list-box .business-list:not(:first-child):after {content: "";position: absolute;right: 0;height: 1px;width: 100%;background: #43577E;top: -25px;display: inline;}
/* */
.top-features-grid {grid-template-columns: 1fr;}
.top-features-grid.top-features-list .features-grid-col {padding: 20px 20px 20px 60px;}
.technologies-faq .accordion-button {padding: 15px 20px;font-size: 18px;}
.hiring-developer-outer .hiring-developer-img {width: 100%;}
.hiring-developer-outer{flex-wrap: wrap;}
.hiring-developer-outer .hiring-developer-text {width: 100%;padding: 20px;}
.contact-form-home .button-group button {margin: 25px 0 0;}
.excellence-sec .satisafctions-quetions{display: none;}
.excellence-sec .section-inner-discription {margin: 0px 0 40px;}
.leading-platforms-right ul div {font-size: 45px;line-height: 45px;}
.leading-platforms-right ul p {line-height: 24px;font-size: 16px;}
.leading-platforms-list {padding: 30px 0 0;}
.leading-platforms-list ul {flex-wrap: wrap;}
.leading-platforms-list ul li {flex: calc(50% - 20px);}
.leading-platforms-right ul {justify-content: center;row-gap: 35px;}
.leading-platforms-right ul li {width: calc(50% - 20px);}
/* contact-sec */
.contact-sec .section-inner-head {margin: 0 0 30px;}
.contact-form-home .button-group button {margin: 25px 0 0;}
.create-react-grid,
.next-gen-grid,.development-partner-grid {
grid-template-columns: 1fr;
}
}
@media only screen and (max-width:675px){
.inner-subtitle {letter-spacing: 2.66px;}
.leading-platforms-list ul li a {padding: 10px;}
.top-features-grid .features-grid-col,
.technologies-main .swiper-slide{padding: 20px 15px;}
/* 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 only screen and (max-width:575px){
.hiring-plans-grid {grid-template-columns: 1fr;}
.banner-wrapper-block {padding: 25px 15px;}
.banner-wrapper-block .banner-wrapper-img .wrapperimg {width: 69px;height: 69px;}
.banner-wrapper-block .banner-wrapper-img .banner-wrapper-box {width: calc(100% - 69px);}
.leading-platforms-right ul {flex-direction: column;row-gap: 20px;}
.leading-platforms-right ul li:not(:last-child)::after {display: none;}
.leading-platforms-right ul li:not(:last-child){padding-bottom: 20px;border-bottom: solid 1px #405d95;}
.leading-platforms-right ul li {width: 100%;}
}
@media only screen and (max-width:480px){
/* contact */
.contact-data-inner p{display: none;}
.contact-details a .contact-icon img {max-width: 24px;}
.contact-details a .contact-data-inner {padding-left: 10px;font-size: 16px;}
.contact-get-right {flex-direction: column;}
.contact-get-right .contact-get-col{width: 100%;}
}
@media only screen and (max-width:375px){
.leading-platforms-list ul li {flex: 100%;}
/* contact */
.contact-details a {padding: 15px;gap: 10px;flex-direction: column;}
.contact-details a .contact-data-inner {padding-left: 0;}
}