.section-spacing{padding: 120px 0;}
.inner-subtitle {font-size: 18px;text-transform: uppercase;line-height: 33px;margin: 0;font-weight: var(--fw-500);color: var(--color-green);letter-spacing: 4.66px;font-family: var(--font-sfprodisplay);}
.section-inner-head h2 {margin: 0 0 20px;}
/**/
.inner-page-banner {overflow: hidden;position: relative;padding: 80px 0;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 h1{text-transform: capitalize;margin: 0 0 25px;}
.inner-banner-common-content h1 span {color: var(--color-green);}
.inner-banner-common-content p {margin: 0 0 40px;}
.inner-banner-common-content .cta-btn {border: solid 1px var(--color-green);}
.inner-banner-common-content .cta-btn:hover {border: solid 1px #000;}
.subscribe-form {position: relative;}
.subscribe-form input.form-control {border-radius: 60px;height: 73px;border: 0;padding: 0 240px 0 30px;font-weight: 500;color: #000000;box-shadow: 6px 8px 36px 0px rgb(37 57 92 / 14%);}
.subscribe-form >button.cta-btn {position: absolute;top: 5px;right: 5px;color: var(--color-white);}
.subscribe-form >.cta-btn .green-icon {background-position: top 11px left 16px !important;background-color: var(--color-white) !important;border-color: var(--color-white);}
.subscribe-form >.cta-btn:hover .green-icon {background-position: top 11px left -27px !important;background-color: var(--color-green) !important;border-color: var(--color-green);}
.subscribe-form >button.cta-btn:hover{color: var(--color-black) !important;}
.subscribe-form >button.cta-btn::before {width: 0%;right: 0;}
.subscribe-form >button.cta-btn::after {width: 100%;left: 0;}
.subscribe-form >button.cta-btn:hover::before {width: 0;right: 0;}
.subscribe-form >button.cta-btn:hover::after {width: 0;left: 0;}
.subscribe-form-outer p {margin: 25px 0 0;}
/**/
.option-position-sec{background-color: #F2F5F7;}
.option-position-sec .section-inner-head {text-align: center;margin: 0 0 60px;}
.open-postions-block:not(:last-child) {margin-bottom: 25px;}
.open-postions-block {padding: 15px 30px 15px 15px;background: var(--color-white);box-shadow: 7px 8px 30px rgba(23,22,71,.05);border-radius: 10px;display: flex;align-items: center;flex-wrap: wrap;justify-content: space-between;}
.open-postions-block .headingwithicon {display: flex;align-items: center;max-width: 35%;flex: 35%;}
.open-postions-block .headingwithicon .icon {margin-right: 22px;display: flex;min-width: 74px;max-width: 74px;height: 74px;background: #F6F6F6;border-radius: 10px;align-items: center;justify-content: center;}
.open-postions-block .headingwithicon .title {margin: 0;line-height: 24px;color: var(--color-black);font-size: 22px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.experience {padding-right: 49px;border-right: 1px solid #D7E4EC;max-width: 25%;flex: 25%;}
.text-color-block {background: #F6F6F6;font-size: 16px;line-height: 27px;color: #000;border-radius: 35px;text-align: center;padding: 4px 20px;display: block;font-weight: 500;}
.btn-link-outer {position: relative;z-index: 1;}
.open-postions-block .btn-link-arrow {color: var(--color-black);}
/**/
.step-round .section-inner-head {text-align: center;margin: 0 0 60px;}
.interview-step {padding: 30px;background: #F2F5F7;height: 100%;border-radius: 10px;transition: var(--ease-in-out);position: relative;}
.interview-step h3 {font-size: 25px;margin: 0 0 12px;color: var(--color-black);font-weight: var(--fw-700);transition: var(--ease-in-out);}
.stepicon {display: flex;justify-content: space-between;align-items: flex-start;}
.stroke-title {color: var(--color-white);font-weight: 800;font-size: 18px;line-height: 23px;text-transform: uppercase;width: -moz-fit-content;width: fit-content;-webkit-text-fill-color: #fff;-webkit-text-stroke: 1px rgba(0,0,0,.17);margin: 0;background: #02a738;padding: 5px 14px;border-radius: 35px;transition: var(--ease-in-out);}
.interview-step .icon {margin: 0 0 35px;}
.interview-step .icon img{position: relative;transition: var(--ease-in-out);}
.interview-step .icon:after {content: "";height: 28px;width: 28px;background: #02A738;display: inline-block;vertical-align: bottom;border-radius: 50%;transition: var(--ease-in-out);margin-left: -26px;}
.interview-step:hover{background: var(--color-green);color: var(--color-white);}
.interview-step:hover h3{color: var(--color-white);}
.interview-step:hover .icon img{filter: brightness(0) invert(1);}
.interview-step:hover .icon:after{background: var(--color-black);margin-left: -16px;}
.interview-step:hover .stroke-title{background-color: var(--color-white);color: var(--color-green);-webkit-text-fill-color: var(--color-green);-webkit-text-stroke:1px var(--color-green);}
/*  */
.excellence-sec-2 {background: #F8F7F3;}
.excellence-sec-2 .section-inner-head {max-width: 570px;}
.hire-developer-main {margin-top: 60px;display: grid;grid-template-columns: 1fr 1fr 1fr;gap: 30px;}
.hire-developer-main .hire-developer-box {height: auto;background: #fff;padding: 40px;transition: var(--ease-in-out);box-shadow: 7px 5px 53px rgb(25 32 40 / 6%);border-radius: 10px;}
.hire-developer-main .hire-developer-box:hover {background: var(--color-green);color: var(--color-white);}
.hire-developer-main .hire-developer-box:hover h3{color: var(--color-white);}
.hire-developer-main .hire-developer-box .marge-icon {margin: 0 0 30px;transition: var(--ease-in-out);}
.hire-developer-main .hire-developer-box .marge-icon img{position: relative;transition: var(--ease-in-out);}
.hire-developer-main .hire-developer-box:hover .marge-icon img{filter: brightness(0) invert(1);}
.hire-developer-main .hire-developer-box .marge-icon:after {content: "";height: 28px;width: 28px;transition: var(--ease-in-out);background: #02A738;display: inline-block;vertical-align: bottom;border-radius: 50%;margin-left: -26px;}
.hire-developer-main .hire-developer-box:hover .marge-icon:after {background: var(--color-yellow);}
.hire-developer-main .hire-developer-box h3 {color: var(--color-black);font-size: 25px;line-height: 28px;margin: 0 0 15px;transition: var(--ease-in-out);}
/**/
.hire-team-main {position: relative;padding: 50px 40px 0 40px;}
.hr-department:before, .hire-team-main:before {content: "";position: absolute;left: 0;top: 0;}
.hr-department > *{position: relative;z-index: 1;}
.hire-team-main:before {right: 0;border-radius: 50px;background:#F2F5F7;height: 405px;max-width: 100%;margin: 0 auto;background-repeat: no-repeat;background-position: top right;background-size: cover;}
.hr-department {padding: 30px;box-shadow: 7px 8px 30px rgba(23,22,71,.05);border-radius: 10px;background: var(--color-white);margin-top: 60px;position: relative;}
.hr-department:before {background: url(../images/blog/bannerbg.webp);max-width: 100%;height: 340px;opacity: 1;width: 100%;background-size: cover;background-repeat: no-repeat;}
.hr-img-block {margin: 0 auto 20px;position: relative;text-align: center;}
.hr-img-block img {max-width: 162px;min-width: 162px;height: 162px;-o-object-fit: cover;object-fit: cover;border-radius: 100%;border: 10px solid #f2f5f7;}
.hr-department h3 {text-align: center;line-height: 27px;margin-bottom: 19px;font-size:25px;color: var(--color-black);}
.hr-department .designation {padding: 10px 15px;background:#F8F7F3;border-radius: 31px;text-transform: capitalize;font-weight: 500;font-size: 14px;line-height: 15px;max-width: -moz-fit-content;max-width: fit-content;margin: 0 auto;color: #000;}
.department-contact {margin-top: 42px;background: #f2f5f7;border-radius: 10px;padding: 20px 30px;}
.department-contact>*:not(:last-child) {margin-bottom: 20px;}
.department-contact>* {display: flex;align-items: center;-moz-column-gap: 12px;column-gap: 12px;}
.department-contact .icon {box-shadow: 7px 9px 21px rgba(14,184,255,.26);border-radius: 10px;width: 42px;min-width: 42px;height: 42px;background: var(--color-green);display: flex;align-items: center;justify-content: center;}
.department-contact>* .txt {display: block;font-weight: 500;line-height: 20px;font-size: 16px;word-break: break-all;}
/*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% - 200px);padding-right: 50px;}
.cta-bg  h2 {margin: 0 0 14px;}
.cta-bg  p {max-width: 673px;margin: 0;font-size: 19px;line-height: 30px;}
/*blog-sec*/
.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;}


@media only screen and (max-width:1441px){
    .section-spacing {padding: 80px 0;}
    /*    */
    .step-round .section-inner-head,
    .option-position-sec .section-inner-head{margin: 0 0 40px;}
    .interview-step h3,
    .hire-developer-main .hire-developer-box h3{font-size: 20px;}
    /*    */
    .hire-developer-main {margin-top: 40px;gap: 20px;}
    .hire-developer-main .hire-developer-box .marge-icon {margin: 0 0 20px;}
    .hire-developer-main .hire-developer-box {padding: 25px;}
    /*    */
    .hr-department {padding: 25px 15px;margin-top: 40px;}
    .hr-img-block img {max-width: 112px;min-width: 112px;height: 112px;border: 5px solid #f2f5f7;}
    .hr-department h3 {line-height: 25px;margin-bottom: 15px;font-size: 20px;}
    .department-contact {margin-top: 30px;border-radius: 10px;padding: 15px;}
    /* blog-sec   */
    .blog-sec .section-inner-head {margin: 0 0 30px;}
}   

@media only screen and (max-width:1199px){
    .experience {max-width: 33%;flex: 33%;}
    .stroke-title {font-size: 14px;line-height: 18px;}
}
@media only screen and (max-width:991px){
    .cta-btn {padding: 5px 5px 5px 20px;gap: 10px;line-height: 18px;font-size: var(--font-16);} 
    .inner-banner-common-content {text-align: center;margin: 0 0 40px;}
    .subscribe-form-outer {max-width: 650px;margin: 0 auto;}
    .blog-card h3 {font-size: 18px;line-height: 28px;margin-top: 10px;}
    .row-gap{row-gap: 30px;}
    .open-postions {display: grid;grid-template-columns: 1fr 1fr;row-gap: 24px;column-gap: 24px;}
    .experience{border: none;}
    .open-postions-block {height: 100%;padding: 30px;}
    .open-postions-block:not(:last-child) {margin-bottom: 0;}
    .open-postions-block .headingwithicon {display: block;margin: 0 0 20px;}
    .open-postions-block .headingwithicon .icon {margin: 0 auto 20px;}
    .open-postions-block .headingwithicon .title {font-size: 20px;}
    .open-postions-block>* {text-align: center;max-width: 100% !important;margin: 8px auto !important;padding: 0;flex: 100% !important;}
    .open-postions-block .btn-link-outer {margin: 25px 0 0 !important;}
    .step-round .section-inner-head {margin: 0 0 10px;}
    .hire-developer-main {grid-template-columns: 1fr 1fr;}
    .excellence-sec-2 .section-inner-discription {margin: 20px 0 0;}
    .hr-department {margin-top: 24px;}
    .inner-page-banner {padding: 80px 0 0;}
}
@media only screen and (max-width:767px){ 
    .cta-bg {flex-wrap: wrap;gap: 30px;padding: 30px 20px;}
    .cta-bg .cta-text {width: 100%;padding-right: 0;}
}
@media only screen and (max-width:675px){ 
    .hire-developer-main,
    .open-postions  {grid-template-columns: 1fr;}
    .open-postions-block {padding: 30px 15px;}
}

@media only screen and (max-width:575px){
    .subscribe-form >button.cta-btn span.position-relative.z-1 {display: none;}
    .subscribe-form >button.cta-btn {padding: 10px;}
    .subscribe-form input.form-control {height: 73px;padding: 0 80px 0 30px;}
}