.error404 .our_global_clients.affiliation,
.footerbox_right .our_services .right-bar-menu h3:after,
.our_services .service-menus>.right>h3:after,
.page-template-blog .our_global_clients.affiliation,
.page-template-methodologies-and-Processes .our_global_clients.affiliation,
.page-template-thankyou .our_global_clients.affiliation,
.top_footer:before,
body.single-post .our_global_clients.affiliation,
.page-template-lift-service section.our_global_clients.affiliation,
.single-ficode-work section.our_global_clients.affiliation,
.single-industry section.our_global_clients.affiliation {
    display: none !important;
}

.text-danger,
a.text-danger:focus,
a.text-danger:hover {
    color: #1F53B5 !important;
}

.textLightBlue,
a.textLightBlue:focus,
a.textLightBlue:hover {
    color: #3585D0 !important;
}

.technologies_bg_color {
    background: #f1f4f9;
}

.beyond_code,
.methodologies,
.methodologies .methodologies-box {
    background-size: cover;
    background-repeat: no-repeat;
}

.technologies h2,
.technologies strong {
    font-family: 'Hanken Grotesk' !important;
    font-size: 35px;
    font-weight: 500;
    line-height: 42px;
    letter-spacing: 0;
    text-align: left;
    color: #444;
}

.technologies h1 strong,
.technologies h2 strong {
    font-weight: 600;
    color: #000;
}

.technologies a,
.technologies p {
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0;
    text-align: left;
    text-decoration: none;
}

.technologies p a {
    color: #3585D0 !important;
}

.beyond_code {
    background-image: url('https://www.ficode.com/wp-content/uploads/2023/09/testimonial_bg-1.png');
}

.blogCtaMain {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.blogCtaMain h2 {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 15px;
    font-family: 'Hanken Grotesk' !important;
    color: #fff;
    line-height: 1.5;
}

.blogCtaMain img {
    width: 100%;
    max-width: 150px;
}


/*CAFM pages css starts here*/
.cafmHeroSec {
    background-image: url(/wp-content/themes/ficode/images/banner.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    font-family: 'Hanken Grotesk' !important;
}

.cafmHeroSec h1 {
    font-size: 44px;
    font-weight: 600;
    color: #fff;
    line-height: normal;
}

.cafmHeroSec p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    line-height: normal;
}

.cafmHeroSec div>.ficode-btn:last-child {
    background: #fff !important;
}

.cafmHeroSec div>.ficode-btn:last-child a span {
    color: #1B38AD !important;
}

.cafmHeroSec div>.ficode-btn:last-child a:before {
    background: #3585D0 !important;
}

.cafmHeroSec div>.ficode-btn:last-child:hover a span {
    color: #fff !important;
}

.cafmFacilitySec p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    font-family: 'Hanken Grotesk' !important;
    line-height: normal;
}

.cafmTitle {
    font-size: 38px;
    font-weight: 700;
    color: #000;
    font-family: 'Hanken Grotesk' !important;
    line-height: normal;
    text-transform: capitalize;
}

.cafmSubTitle {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    font-family: 'Hanken Grotesk' !important;
    line-height: normal;
}

.cafmBenefitSec {
    background-color: #F1F4F9;
    font-family: 'Hanken Grotesk' !important;
}

.cafmBenefitSec div .benefitsBox {
    margin-bottom: 20px;
}

.cafmBenefitSec div .benefitsBox:last-child {
    margin-bottom: 0;
}

.cafmBenefitSec .benefitsBox .left {
    width: 70px;
    padding-top: 6px;
}

.cafmBenefitSec .benefitsBox .right {
    width: calc(100% - 70px);
    padding-left: 25px;
}

.cafmBenefitSec .benefitsBox .right h3 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    line-height: normal;
    margin-bottom: 6px;
}

.cafmBenefitSec .benefitsBox .right p {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: normal;
}

.cafmCTASec {
    background-color: #080b2b;
    font-family: 'Hanken Grotesk' !important;
}

.cafmCTASec .left {
    width: 65px;
}

.cafmCTASec .right {
    width: calc(100% - 65px);
    padding-left: 25px;
}

.cafmCTASec .right h2 {
    font-size: 30px;
    color: #fff;
    line-height: normal;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.cafmCTASec .right h2 span {
    font-weight: 100;
}

.cafmCTASec .right h2 b {
    font-weight: 700;
}

.cafmCTASec .right p {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    line-height: normal;
    font-family: 'Varela Round' !important;
}

.cafmCTASec .ficode-btn {
    border: none !important;
    box-shadow: 0px 5px 15px rgb(0 0 0 / 50%) !important;
}

.cafmCTASec .ficode-btn a:before {
    background-color: #ffffff !important;
}

.cafmCTASec .ficode-btn a span {
    color: #ffffff !important;
}

.cafmCTASec .ficode-btn:hover a span {
    color: #1518A3 !important;
}

.cafmIntegrationSec {
    background-color: #F1F4F9;
    font-family: 'Hanken Grotesk' !important;
}

.cafmIntegrationSec .cafmSubTitle {
    font-weight: 400;
}

.cafmIntegrationBox {
    border-radius: 30px;
    overflow: hidden;
    border: 1px solid rgb(84 84 84 / 50%);
    background: #fff;
}

.cafmIntegrationBox>.left {
    background: #3585D0;
    width: 50%;
}

.cafmIntegrationBox .left>ul {
    border: none;
}

.cafmIntegrationBox .left>ul>li {
    width: 100%;
    margin-bottom: 15px;
}

.cafmIntegrationBox .left li a {
    font-size: 22px;
    font-weight: 400;
    color: #d5d5d5;
    padding: 12px 0;
    display: block;
    line-height: 38px;
    width: calc(100% - 45px);
    border-bottom: 1px solid rgb(255 255 255 / 40%);
    position: relative;
    margin-left: 45px;
    text-transform: capitalize;
}

.cafmIntegrationBox .left ul>li:last-child a {
    border-bottom: none;
}

.cafmIntegrationBox .left li a span {
    font-size: 24px;
    font-weight: 500;
    color: #d5d5d5;
    padding: 12px 0;
    display: block;
    line-height: 38px;
    width: 45px;
    position: absolute;
    left: -45px;
    top: 0;
}

.cafmIntegrationBox .left li a:hover,
.cafmIntegrationBox .left li a:hover span,
.cafmIntegrationBox .left li a.active,
.cafmIntegrationBox .left li a.active span {
    color: #fff !important;
    font-weight: 600;
}

.cafmIntegrationBox>.right {
    width: 50%;
}

.cafmIntegrationBox>.right .tab-content .left {
    width: 65px;
}

.cafmIntegrationBox>.right .tab-content .right {
    width: calc(100% - 65px);
    padding-left: 25px;
}

.cafmIntegrationBox>.right h3 {
    font-size: 22px;
    font-weight: 700;
    text-transform: capitalize;
}

.cafmIntegrationBox>.right p {
    font-size: 15px;
    font-weight: 500;
    color: #000;
    line-height: 25px;
}


.cafmSoftwareSec {
    font-family: 'Hanken Grotesk' !important;
}

.cafmSoftwareSec .left {
    width: 100px;
}

.cafmSoftwareSec .right {
    width: calc(100% - 100px);
    padding-left: 25px;
}

.cafmSoftwareSec .right h3 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    line-height: normal;
    margin-bottom: 6px;
}

.cafmSoftwareSec .right p {
    font-size: 16px;
    font-weight: 400;
    color: #444444;
    line-height: normal;
}

.cafmNetworkSec div img {
    max-width: 280px;
    margin: auto;
}

.cafmSliderSec {
    background-color: #F1F4F9;
    font-family: 'Hanken Grotesk' !important;
}

.cafmSliderSec .item {
    padding: 12px;
}

.cafmSliderSec .cafmSliderCard {
    background-color: #fff;
    padding: 18px 18px 25px;
    border-radius: 15px;
    text-align: center;
    box-shadow: 0px 0px 13px 0px #00000014;
    min-height: 395px;
    display: block;
    border: 1px solid #fff;
}

.cafmSliderSec .cafmSliderCard:hover {
    border-color: rgb(176 12 37 / 60%);
    box-shadow: 0px 0px 13px 0px #00000057;
}

.cafmSliderSec .cafmSliderCard figure {
    width: 100%;
    height: 225px;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    border-radius: 10px;
}

.cafmSliderSec .cafmSliderCard h3 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    line-height: normal;
    margin-bottom: 5px;
}

.cafmSliderSec .cafmSliderCard p {
    font-size: 15px;
    font-weight: 400;
    color: #444;
    line-height: normal;
}

.cafmSliderSec .owl-dots {
    text-align: center;
    padding: 20px 0 0;
}

.cafmSliderSec button.owl-dot {
    width: 21px !important;
    height: 21px !important;
    border: 1px solid #E11F39 !important;
    margin: 5px !important;
    border-radius: 11px !important;
    background: #f1f4f9 !important;
}

.cafmSliderSec button.owl-dot.active {
    background: #E11F39 !important;
}

.cafmNetworkSec .owl-item {
    height: 0px;
    max-height: 116px !important;
}

.cafmNetworkSec .owl-item.active {
    height: auto;
}

/* FAQ */

.cafm_faq_Sec {
    font-family: 'Hanken Grotesk' !important;
}

.cafm_faq_Sec .card {
    border-radius: 0px !important;
}

.cafm_faq_Sec .card-header {
    padding: 0;
    border: 0 !important;
}

.cafm_faq_Sec .card-header button.btn {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    text-transform: unset;
    padding: 12px 12px 12px 75px;
    position: relative;
    width: 100%;
    text-align: left;
    background-color: #fff !important;
    font-family: 'Hanken Grotesk' !important;
}


.cafm_faq_Sec .card-header button.btn span:first-child {
    width: 60px;
    height: 100%;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    background: #080b2b;
    color: #fff;
    font-size: 34px;
    font-weight: 400;
    align-items: center;
    justify-content: center;
}

.cafm_faq_Sec .card-header button.btn span:first-child:before {
    width: 60px;
    height: 100%;
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    background: #080b2b;
    color: #fff;
    font-size: 37px;
    font-weight: 400;
    align-items: center;
    justify-content: center;
    content: "-";
    visibility: hidden;
}

.cafm_faq_Sec .card-header button.btn[aria-expanded="true"] span:first-child:before {
    visibility: visible;
}

.cafm_faq_Sec .card-header button.btn span:last-child {
    font-weight: 600;
    white-space: pre-line;
}

.cafm_faq_Sec .card-body {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    border-top: 1px solid #d2d2d2;
}

.cafm_faq_Sec .card-body ul {
    padding-left: 18px;
}

.cafm_faq_Sec .card-body ul li {
    list-style-type: disc;
    margin-bottom: 12px;
}

/* FAQ end */


section.home_contact .getin_touch_left h3 {
    font-size: 36px !important;
}

section.home_contact .getin_touch_left h4 {
    font-size: 20px !important;
    font-weight: 300 !important;
}

.getin_touch_left div img {
    min-width: 50px;
    width: 50px;
}

.getin_touch_left div p {
    font-size: 22px;
    color: #fff;
    padding-left: 20px;
}

.getin_touch_left div p a {
    font-size: 22px;
    color: #fff !important;
}

/*CAFM pages css ends here*/

/*Flutter page Css starts here*/
.single-technology.postid-16369 section.ficode_web_company.benifit-skill,
.single-technology.postid-16369 section.hire_expert,
.single-technology.postid-16369 section.technology-use,
.single-technology.postid-16369 section.section-slider.technology-use.other-services {
    display: none !important;
}

.apiIntiHeroSec {
    background-color: #F7F9FD;
    font-family: 'Hanken Grotesk' !important;
}

.apiIntiHeroSec h1 {
    font-size: 46px;
    font-weight: 600;
    color: #000;
    line-height: 1.2;

}

.apiIntiHeroSec p,
.apiIntiSubTitle {
    font-size: 16px;
    font-weight: 400;
    color: #000;
    line-height: normal;
}

section.individual_service_banner {
    background-size: cover;
}

.apiIntiHeroSec div>.ficode-btn:last-child,
.techHeroSec div>.ficode-btn:last-child,
.individual_service_banner .banner_buttons li:nth-child(2) a {
    background: #ffffff !important;
}

.apiIntiHeroSec div>.ficode-btn:last-child a span,
.techHeroSec div>.ficode-btn:last-child a span,
.individual_service_banner .banner_buttons li:nth-child(2) a span {
    color: #1B38AD !important;
}

.apiIntiHeroSec div>.ficode-btn:first-child a:before,
.techHeroSec div>.ficode-btn:first-child a:before {
    background-color: #F7F9FD !important;
}

.apiIntiHeroSec div>.ficode-btn:last-child a:before,
.techHeroSec div>.ficode-btn:last-child a:before,
.individual_service_banner .banner_buttons li:nth-child(2) a:before {
    background: #3585D0 !important;
}

.apiIntiHeroSec div>.ficode-btn:last-child:hover a span,
.techHeroSec div>.ficode-btn:last-child:hover a span,
.individual_service_banner .banner_buttons li:nth-child(2) a:hover span {
    color: #fff !important;
}

.apiIntiTitle,
.techPageTitle {
    font-size: 38px;
    font-weight: 700;
    color: #000;
    font-family: 'Hanken Grotesk' !important;
    line-height: 1.3;
    text-transform: capitalize;
}

.techChooseSec {
    font-family: 'Hanken Grotesk' !important;
}

.techChooseSec .container>p {
    font-size: 20px;
    font-weight: 400;
    color: #000;
    line-height: normal;
}

.techChooseBox {
    box-shadow: 0px 0px 4px 0px #00000033;
    border-radius: 8px;
    border: 1px solid #fff;
    background: #fff;
    height: 100%;
}

.techChooseBox figure {
    min-width: 67px;
    width: 67px;
    height: 67px;
    box-shadow: 0px 0px 4px 0px #00000033;
    background: #fff;
    border-radius: 35px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -42px;
}

.techChooseBox figure img {
    width: 38px !important;
    height: 38px !important;
    filter: brightness(0.3);
}

.techChooseBox:hover {
    border: 1px solid #1518A3;
}

.techChooseBox:hover figure {
    background: #3585D0;
}

.techChooseBox:hover figure img {
    filter: none;
}

.techChooseBox h3 {
    font-size: 20px;
    font-weight: 600;
    color: #000;
    line-height: normal;
}

.techChooseBox p {
    font-size: 15px;
    font-weight: 400;
    color: #000;
    line-height: normal;
}

.techCTASec {
    background-color: #080b2b;
    font-family: 'Hanken Grotesk' !important;
}

.techCTASec .left {
    width: 65px;
}

.techCTASec .right {
    width: calc(100% - 65px);
    padding-left: 25px;
}

.techCTASec .right h2 {
    font-size: 34px;
    color: #fff;
    line-height: normal;
    margin-bottom: 10px;
    text-transform: capitalize;
}

.techCTASec .right h2 span {
    font-weight: 100;
    font-size: 26px;
    line-height: 40px;
    display: block;
}

.techCTASec .right h2 b {
    font-weight: 700;
}

.techCTASec .right p {
    font-size: 22px;
    font-weight: 400;
    color: #fff;
    line-height: normal;
    font-family: 'Varela Round' !important;
}

.techCTASec .ficode-btn a:before {
    background-color: #ffffff !important;
}

.techCTASec .ficode-btn a span {
    color: #fff !important;
}

.techCTASec .ficode-btn:hover a span {
    color: #1518A3 !important;
}

.single-technology.postid-16369 .skillsSecondBanner h2,
.single-technology.postid-16369 .font-bold-span span {
    font-size: 38px !important;
    font-weight: 700 !important;
    color: #000 !important;
}

.single-technology.postid-16369 .individual_service_banner .left p {
    color: #000 !important;
    font-size: 16px !important;
}

.skill-service .expertise_box .expertise_box_inner {
    border: 1px solid #fff !important;
    border-width: 0px 1px 1px 0px !important;
}

.skill-service .expertise_box .expertise_box_inner:hover {
    border-color: #1519a3 !important;
    box-shadow: 5px 5px 15px rgb(0 0 0/30%) !important;
}

/*Flutter page Css ends here*/

/*Reactjs page Css starts here*/
.single-technology.postid-16097 .hire_expert {
    display: none !important;
}

.single-technology.postid-16097 .techCTASec .right h2 {
    font-size: 27px !important;
}

.single-technology.postid-16097 section.section-slider.technology-use.other-services {
    background: #F7F9FD !important;
    padding-top: 48px !important;
}

/*Reactjs page Css ends here*/

/*API Integration page Css starts here*/
.apiIntiHeroSec h1 {
    font-weight: 700 !important;
}

.apiWhyChoseSec,
.apiIntigratnSec {
    font-family: 'Hanken Grotesk' !important;
}

.apiWhyChoseSec>.container>p {
    font-size: 16px;
    font-weight: 400;
}

.apiWhyChoseBox .left {
    width: 100px;
}

.apiWhyChoseBox .right {
    width: calc(100% - 100px);
    padding-left: 25px;
}

.apiWhyChoseBox .right h3 {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    line-height: normal;
    margin-bottom: 6px;
}

.apiWhyChoseBox .right p {
    font-size: 16px;
    font-weight: 400;
    color: #444;
    line-height: normal;
}

.apiIntiCtaSec {
    background-color: #080b2b;
    font-family: 'Hanken Grotesk' !important;
}

.apiIntiCtaSec .left {
    width: 65px;
}

.apiIntiCtaSec .right {
    width: calc(100% - 65px);
    padding-left: 25px;
}

.apiIntiCtaSec .right h2 {
    font-size: 30px;
    color: #fff;
    line-height: normal;
    text-transform: capitalize;
}

.apiIntiCtaSec .right h2 span {
    font-weight: 100;
    font-size: 24px;
    line-height: 40px;
    display: block;
}

.apiIntiCtaSec .ficode-btn {
    border: 1px solid #1518A3 !important;
    background-color: #fff !important;
    color: #000 !important;
    box-shadow: 0px 5px 15px rgb(0 0 0/50%) !important;
}

.apiIntiCtaSec .ficode-btn a:before {
    background-color: #ffffff !important;
}

.apiIntiCtaSec .ficode-btn a span {
    color: #fff !important;
}

.apiIntiCtaSec .ficode-btn:hover a span {
    color: #1B38AD !important;
}

.apiIntigratnSec p {
    font-size: 16px;
    font-weight: 400;
}

.apiIntigratnSec li {
    width: 100%;
    display: block;
    font-size: 20px;
    font-weight: 700;
    position: relative;
    padding-left: 40px;
}

.apiIntigratnSec li:before {
    width: 24px;
    height: 24px;
    position: absolute;
    content: "";
    background-image: url(../images/light-tick-icon.svg);
    background-size: 100% 100%;
    background-repeat: no-repeat;
    left: 0;
    top: 4px;
}

.apiIntiKindSec {
    background-color: #F1F4F9;
}

.apiIntiTabingSec {
    background-color: #3585D0;
}

.apiIntiTabingSec {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

.apiIntiTabingSec ul {
    border-bottom: 0;
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    gap: 10px;
    padding: 0;
    list-style: none;
    justify-content: center;
    width: 90vw;
    margin: auto;
}

.apiIntiTabingSec ul::-webkit-scrollbar {
    height: 6px;
    /* Height for horizontal scroll */
}

.apiIntiTabingSec ul::-webkit-scrollbar-track {
    background: #f0f0f0;
    border-radius: 10px;
}

.apiIntiTabingSec ul::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 10px;
}

.apiIntiTabingSec ul::-webkit-scrollbar-thumb:hover {
    background: #555;
}

@media (max-width: 991px) {
    .apiIntiTabingSec ul {
        overflow-x: hidden;
        overflow-y: hidden;
    }
}

.apiIntiTabingSec ul li a {
    font-size: 16px;
    color: rgb(255 255 255 / 80%);
    padding: 5px;
    display: block;
    position: relative;
}

.apiIntiTabingSec ul li a.active,
.apiIntiTabingSec ul li a:hover {
    color: #fff;
}

.apiIntiTabingSec ul li a:before {
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-top: 12px solid #fff;
    left: 50%;
    top: 100%;
    transform: translateX(-50%);
    visibility: hidden;
}

.apiIntiTabingSec ul li a.active:before {
    visibility: visible;
}

.apiIntiTabingSec .item {
    width: 100%;
    max-width: 165px;
    border-radius: 7px;
    overflow: hidden;
}

.apiApproachSec {
    background-image: url(../images/APIOurApproach-bg.webp);
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    font-family: 'Hanken Grotesk' !important;
}

.apiApproachHeadingBox {
    background-color: #fff;
    border-radius: 16px;
    overflow: hidden;
    box-shadow: 0px 7px 81px 0px #00000017;
}

.apiApproachHeadingBox p {
    font-size: 16px;
    font-weight: 400;
}

.apiApproachSec ul {
    display: flex;
    justify-content: space-between;
}

.apiApproachSec ul li {
    width: 20%;
    padding: 0 10px 10px 10px;
}

.apiApproachSec .apiApproachCard {
    width: 100%;
    padding: 30px 10px 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    border-radius: 6px;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 20%);
    min-height: 175px;
    background: #fff;
    position: relative;
}

.apiApproachSec .apiApproachCard::before {
    content: "1";
    color: rgb(52 227 226 / 15%);
    position: absolute;
    font-size: 80px;
    line-height: 1;
    font-weight: 500;
    left: 15px;
    top: 10px;
}

.apiApproachSec ul li:nth-child(2) .apiApproachCard::before {
    content: "2";
}

.apiApproachSec ul li:nth-child(3) .apiApproachCard::before {
    content: "3";
}

.apiApproachSec ul li:nth-child(4) .apiApproachCard::before {
    content: "4";
}

.apiApproachSec ul li:nth-child(5) .apiApproachCard::before {
    content: "5";
}

.apiApproachSec .apiApproachCard img {
    width: 45px;
}

.apiApproachSec .apiApproachCard h3 {
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.apiApproachSec .apiApproachCard p {
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.6s ease;
    margin: 0;
}

.apiApproachCard:hover p {
    max-height: 500px;
    opacity: 1;
}

#apiServiceslider .apiServicesliderCard {
    background: #fff;
    border-radius: 12px;
    padding: 24px;
    font-family: 'Hanken Grotesk' !important;
    height: 100%;
    position: relative;
    text-align: left;
    min-height: 335px;

}

.apiServiceSec {
    background: #f5f5f5;
}

#apiServiceslider .apiServicesliderCard:hover {
    box-shadow: 0px 20px 25px rgba(22, 22, 22, 0.15);
}

#apiServiceslider .apiServicesliderCard figure {
    width: 65px;
}

#apiServiceslider .apiServicesliderCard p {
    font-size: 14px;
    font-weight: 400;
}

#apiServiceslider .item {
    padding: 10px 10px 20px;
}

#apiServiceslider .owl-stage-outer {
    margin-bottom: 0px !important;
}

#apiServiceslider .owl-nav {
    position: relative;
    display: flex;
    height: auto;
    justify-content: center;
    top: unset;
    gap: 20px;
    padding-top: 20px;
}

#apiServiceslider .owl-nav button {
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-image: url(https://www.ficode.com/wp-content/uploads/2025/08/api-slider-arrow.png) !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}


/* .page-template-aws #apiServiceslider .owl-nav button {
    background-image: url(../images/api-slider-arrow.png) !important;
} */

#apiServiceslider .owl-nav button * {
    display: none !important;
}

#apiServiceslider .owl-nav button.owl-next {
    transform: rotate(180deg);
}

.single-ficode-services.postid-13940 .apiEstimationSec {
    display: block !important;
}

.apiEstimationSec p.bottomMsg {
    color: #fff;
}

.apiEstimationSec form input,
.apiEstimationSec form textarea {
    padding: 15px !important;
    height: auto !important;
    border: none !important;
    box-shadow: 0px 5px 10px rgb(0 0 0 / 30%) !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #000 !important;
    max-height: 90px !important;
    font-family: 'Hanken Grotesk' !important;
}

.apiEstimationSec form .form-control::-webkit-input-placeholder,
.apiEstimationSec form textarea::-webkit-input-placeholder {
    color: #000 !important;
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.apiEstimationSec form .form-control::-moz-placeholder,
.apiEstimationSec form textarea::-moz-placeholder {
    color: #838383 !important;
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.apiEstimationSec form .form-control:-ms-input-placeholder,
.apiEstimationSec form textarea:-ms-input-placeholder {
    color: #838383 !important;
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px !important;
    font-weight: 500 !important;
}

.apiEstimationSec form input[type="submit"] {
    background-color: #ffffff !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    width: 100% !important;
    max-width: 270px !important;
    border-radius: 40px !important;
    border: 1px solid #ffffff !important;
    color: #000 !important;
}

.apiEstimationSec form input[type="submit"]:hover {
    background: #3585D0 !important;
    color: #fff !important;
    border: 1px solid #1B38AD !important;
}

.apiEstimationSec span.wpcf7-not-valid-tip {
    font-size: 14px !important;
}

.apiEstimationSec .wpcf7-response-output {
    margin-top: 15px !important;
}

span.country-name {
    color: #000 !important;
}

/*API Integration page Css ends here*/



/*Ficode PPC Page CSS Starts Here*/
body.page-template-ficode-PPC header#masthead,
body.page-template-ficode-PPC .our_global_clients,
body.page-template-ficode-PPC-full-page header#masthead,
body.page-template-ficode-PPC-full-page .our_global_clients {
    display: none !important;
}

body.page-template-ficode-PPC main#mainContent,
body.page-template-ficode-PPC-full-page main#mainContent {
    margin-top: 0px !important;
}

header.ppc_header {
    background: rgb(0 0 0 / 30%) !important;
    position: fixed;
    font-family: 'Hanken Grotesk' !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

body.page-template-ficode-PPC-full-page header.ppc_header {
    background: rgb(0 0 0 / 80%) !important;
}

header.ppc_header a.nav-link {
    color: #fff;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    padding: 10px 20px;
}

header.ppc_header button.btn {
    background-color: rgba(225, 29, 59, 1);
    color: #fff;
    border-radius: 0;
    padding: 8px 16px;
    border: 1px solid rgba(225, 29, 59, 1);
    box-shadow: none;
    outline: none;
    font-size: 16px;
}

header.ppc_header button.btn svg {
    margin: -3px 0px 0px 6px;
}

header.ppc_header button.btn:hover {
    background-color: transparent;
}

header.ppc_header .navbar-toggler-icon i {
    color: #000 !important;
    font-size: 30px !important;
}

.ppc_HeroSec {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Hanken Grotesk' !important;
    padding-top: 150px !important;
    position: relative;
}

.ppc_HeroSec:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 45%);
    display: block;
    position: absolute;
    top: 0;
    left: 0;
}

.ppc_HeroSec small {
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.ppc_HeroSec h1 {
    color: #fff;
    font-size: 40px;
    font-weight: 700;
    text-transform: uppercase;
}

.ppc_HeroSec p {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}

.ppc_HeroSec h2 {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
}

.ppc_contactForm {
    background-color: #fff;
    padding: 30px 20px 25px 20px;
    border-radius: 5px;
    margin-bottom: -50px;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 30%);
}

.ppc_contactForm .form-control,
.ppc_contactForm input[type=text],
.ppc_contactForm input[type=email],
.ppc_contactForm input[type=tel] {
    outline: 0 !important;
    background-color: #fff !important;
    border-radius: 0;
    height: 45px;
    line-height: normal;
    border: 1px solid #000 !important;
    padding: 0 15px;
    color: #000 !important;
    font-size: 16px;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 400;
    outline: none !important;
    box-shadow: none !important;
}

.ppc_contactForm textarea.form-control {
    height: 90px;
    padding: 10px 15px;
}

.ppc_contactForm input:-webkit-autofill,
.ppc_contactForm input:-webkit-autofill:hover,
.ppc_contactForm input:-webkit-autofill:focus,
.ppc_contactForm input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000;
    transition: background-color 5000s ease-in-out 0s;
}

.ppc_contactForm select.form-control {
    background-image: url(https://www.ficode.com/wp-content/themes/ficode/images/down-arrow.png) !important;
    background-size: 14px !important;
    font-weight: 400 !important;
    background-repeat: no-repeat !important;
    background-position: 95% 50% !important;
    padding-right: 30px;
}

.ppc_contactForm .form-control::-webkit-input-placeholder,
.ppc_contactForm .form-group textarea::-webkit-input-placeholder {
    color: #acacac;
    font-family: 'Hanken Grotesk' !important;
}

.ppc_contactForm .form-control::-moz-placeholder,
.ppc_contactForm .form-group textarea::-moz-placeholder {
    color: #acacac;
    font-family: 'Hanken Grotesk' !important;
}

.ppc_contactForm .form-control:-ms-input-placeholder,
.ppc_contactForm .form-group textarea:-ms-input-placeholder {
    color: #acacac;
    font-family: 'Hanken Grotesk' !important;
}

.ppc_contactForm input[type=checkbox] {
    display: none !important;
}

.ppc_contactForm .fc_checkbox .wpcf7-checkbox label .wpcf7-list-item-label {
    color: #000;
}

.ppc_contactForm .fc_checkbox .wpcf7-checkbox label .wpcf7-list-item-label:before {
    background: transparent;
    border: 2px solid #000;
}

.ppc_contactForm .fc_checkbox .wpcf7-checkbox label input[type=checkbox]:checked+.wpcf7-list-item-label:before {
    background: #000;
}

.ppc_contactForm input[type=submit] {
    width: 100%;
    height: 50px;
    background-color: rgba(225, 29, 59, 1) !important;
    color: #fff !important;
    margin-top: 0;
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid #fff !important;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 600;
    font-size: 22px;
    border-radius: 0;
    transition: .5s ease-in-out;
    cursor: pointer;
    padding: 0;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
}

.ppc_contactForm input[type=submit]:hover,
.ppc_contactForm input[type=submit]:focus {
    background-color: #ffffff !important;
    color: #000 !important;
    border: 1px solid #000 !important;
}

.ppc_contactForm .wpcf7-spinner {
    display: none !important;
}

span.wpcf7-not-valid-tip {
    font-weight: 500 !important;
    font-size: 12px !important;
    color: #ff0000 !important;
}

section.ppc_SoftwareSec {
    font-family: 'Hanken Grotesk' !important;
    background: rgba(225, 29, 59, 0.05);
}

.ppc_SoftwareSec h2 {
    color: #000;
    font-size: 42px;
    font-weight: 700;
    text-transform: uppercase;
}

.ppc_SoftwareSec p {
    color: #000;
    font-size: 16px;
}

.ppc_SoftwareIconList {
    display: flex;
    flex-wrap: wrap;
}

.ppc_SoftwareIconList li {
    width: 20%;
}

.ppc_SoftwareBox {
    background-color: #fff;
    border: 1px dashed #000;
    border-radius: 15px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ppc_SoftwareSec a.btn {
    background-color: rgba(225, 29, 59, 1);
    color: #fff;
    border-radius: 0;
    padding: 8px 16px;
    border: 1px solid rgba(225, 29, 59, 1);
    box-shadow: none;
    outline: none;
    font-size: 16px;
}

.ppc_SoftwareSec a.btn:hover,
.ppc_SoftwareSec a.btn:focus {
    background-color: transparent;
    color: #000;
}

.ppc_TrustedSec {
    background-color: rgba(225, 29, 59, 0.18);
    font-family: 'Hanken Grotesk' !important;
}

.ppc_TrustedSec h2 {
    color: rgba(19, 21, 23, 1);
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
}

.ppc_TrustedSec .left {
    width: 400px;
}

.ppc_TrustedSec .right {
    width: calc(100% - 400px);
}

#ppc_TrustedCarousel .owl-stage {
    display: flex;
    align-items: center;
}

#ppc_TrustedCarousel .owl-item {
    max-height: 120px;
}

.ppc_TrustedSec .right .item img {
    width: 100%;
    max-width: 100px;
    max-height: 100px;
}

.ppc_TrustedSec .owl-carousel .owl-stage-outer {
    margin: 0px !important;
}

.ppc_ServiceSec {
    background-color: #fff;
    font-family: 'Hanken Grotesk' !important;
}

.ppc_ServiceSec h2 {
    color: #000;
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
}

.ppc_ServiceBox {
    position: relative;
    border-radius: 8px;
    box-shadow: 0px 5px 15px #c4c4c4;
    overflow: hidden;
    padding: 0px 40px 35px 30px;
    height: 100%;
}

.ppc_ServiceBox figure {
    background: linear-gradient(114.64deg, #E11D3B 22.45%, #A20A21 83.48%);
    padding: 63px 35px 12px;
    display: inline-block;
    float: right;
    border-radius: 100px;
    margin-top: -55px;
}

.ppc_ServiceBox figure svg {
    max-width: 80px;
    max-height: 75px;
}

.ppc_ServiceBox h3 {
    color: #000;
    font-size: 28px;
    font-weight: 700;
    text-transform: capitalize;
}

.ppc_ServiceBox p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.ppc_ServiceBox:hover {
    background: linear-gradient(114.64deg, #E11D3B 22.45%, #A20A21 83.48%);
}

.ppc_ServiceBox:hover figure {
    background: #fff;
}

.ppc_ServiceBox:hover figure svg path {
    fill: #e11d3b !important;
}

.ppc_ServiceBox:hover h3,
.ppc_ServiceBox:hover p {
    color: #fff;
}

.ppc_AboutusSec {
    background-image: url(https://www.ficode.com/wp-content/uploads/2024/06/About-usBG.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Hanken Grotesk' !important;
}

.ppc_AboutusSec h2 {
    color: #000;
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
}

.ppc_AboutusSec p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

.ppc_AboutusList {
    background-color: rgba(231, 240, 247, 1);
    display: flex;
    justify-content: space-around;
    padding: 45px 100px;
    border-radius: 20px 20px 130px 130px;
    box-shadow: 0px 20px 30px #bcbcbc;
}

.ppc_AboutusList h3 {
    color: #000;
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
}

.ppc_AboutusList h3 span {
    color: #000;
    font-size: 20px;
    font-weight: 500;
    display: block;
    margin-top: 10px;
    padding-top: 15px;
    border-top: 1px solid #000;
}

.ppc_IndustrieSec {
    background-image: url(https://www.ficode.com/wp-content/uploads/2024/06/industry-bg.png);
    background-color: #fff;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Hanken Grotesk' !important;
}

.ppc_IndustrieSec h2 {
    color: #000;
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
}

.ppc_IndustrieSec ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

.ppc_IndustrieSec li a {
    display: block;
    border: 1px solid #fff;
    border-radius: 5px;
    box-shadow: 5px 5px 10px #cdcdcd;
}

.ppc_IndustrieSec li a img {
    width: 100%;
    max-width: 250px;
    filter: grayscale(1);
}

.ppc_IndustrieSec li a:hover {
    border-color: rgba(225, 29, 59, 1);
}

.ppc_IndustrieSec li a:hover img {
    filter: none;
}

.ppc_TestimonialSec {
    background-image: url(https://www.ficode.com/wp-content/uploads/2024/06/OurClientsSay-BG.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Hanken Grotesk' !important;
}

.ppc_TestimonialSec h2 {
    color: #fff;
    font-size: 50px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 1.4;
}

.ppc_TestimonialSec .left {
    width: 300px;
    background-color: rgba(225, 29, 59, 1);
    display: flex;
    align-items: center;
    justify-content: center;
}

.ppc_TestimonialSec .right {
    width: calc(100% - 300px);
}

#ppc_testimonialsCarousal .author_info h4 {
    color: #fff;
    font-size: 28px;
    font-weight: 700;
}

#ppc_testimonialsCarousal .author_info span {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
}

#ppc_testimonialsCarousal .item .d-flex img {
    width: 100%;
    max-width: 70px;
    margin-right: 15px;
    opacity: 0.4;
}

#ppc_testimonialsCarousal .item .d-flex p {
    color: #fff;
    font-size: 16px;
    font-weight: 400;
}

/*Ficode PPC Page CSS ends Here*/


/* API Integration Services Page CSS Starts Here */
body.page-template-api-integration-services header#masthead,
body.page-template-api-integration-services .our_global_clients {
    display: none !important;
}

body.page-template-api-integration-services header.ppc_header {
    /* background-image: url(/wp-content/themes/ficode/images/banner-bg.webp) !important; */
}

body.page-template-api-integration-services main#mainContent {
    margin-top: 0px !important;
}

body.page-template-api-integration-services .ppc_contactForm {
    margin-bottom: 0px !important;
}

body.page-template-api-integration-services .ppc_HeroSec {
    background: #fff !important;
}

body.page-template-api-integration-services .ppc_HeroSec h1,
body.page-template-api-integration-services .ppc_HeroSec p {
    color: #000 !important;
}

body.page-template-api-integration-services .ppc_HeroSec h1 span {
    color: #e11d3b;
    font-weight: 700;
}

body.page-template-api-integration-services .ppc_HeroSec:before {
    display: none !important;
}

.api_reviewSecBox {
    position: relative;
    display: flex;
    align-items: center;
    font-family: 'Hanken Grotesk' !important;
    width: 100%;
    max-width: 1000px;
}

.api_reviewSecBox:before {
    content: '';
    position: absolute;
    width: 60%;
    height: calc(100% + 60px);
    border: 2px solid #e11d3b;
    border-radius: 50px;
    left: 65px;
    z-index: 0;
}

.api_reviewSecBox .left {
    width: 160px;
    z-index: 9;
    background: #fff;
}

.api_reviewSecBox .left p {
    color: #e11d3b;
    font-size: 16px;
    font-weight: 600;
}

.api_reviewSecBox .right {
    width: calc(100% - 160px);
    background-color: #eef4f9;
    padding: 45px 30px;
    border-radius: 50px;
    z-index: 9;
}

.api_reviewSecBox .right p {
    font-size: 22px;
    font-weight: 400;
}

.api_reviewSecBox .right p img {
    width: 30px;
}

.api_reviewSecBox .right h3 {
    font-size: 16px;
    font-weight: 400;
}

@-webkit-keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-140px * 10));
    }
}

@keyframes scroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(calc(-140px * 10));
    }
}

@-webkit-keyframes scrollLeftToRight {
    0% {
        transform: translateX(calc(-140px * 10));
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes scrollLeftToRight {
    0% {
        transform: translateX(calc(-140px * 10));
    }

    100% {
        transform: translateX(0);
    }
}

.api_auto_slider {
    margin: auto;
    overflow: hidden;
    position: relative;
    width: 100%;
}

.api_auto_slider .api_autoSlide-track {
    -webkit-animation: scroll 40s linear infinite;
    animation: scroll 40s linear infinite;
    display: flex;
    width: calc(140px * 20);
}

.api_auto_slider.leftToRight .api_autoSlide-track {
    -webkit-animation: scrollLeftToRight 40s linear infinite;
    animation: scrollLeftToRight 40s linear infinite;
}

.api_auto_slider .api_auto_slide {
    width: 140px;
    padding: 20px;
}

.api_autoSliderSec {
    background-color: rgb(231 240 247 / 70%);
    font-family: 'Hanken Grotesk' !important;
}

.api_autoSliderSec h2 {
    color: #000;
    font-size: 42px;
    font-weight: 700;
    text-transform: capitalize;
}

.api_autoSliderSec p {
    color: #000;
    font-size: 16px;
    font-weight: 400;
}

/* API Integration Services Page CSS ends Here */


/*Ficode Integration Page CSS Starts Here*/
body.page-template-ficode-integration header#masthead,
body.page-template-ficode-integration .our_global_clients {
    display: none !important;
}

body.page-template-ficode-integration main#mainContent {
    margin-top: 0px !important;
}

header.fci_header,
header.fci_header.fixed {
    background: #fff !important;
    font-family: 'Hanken Grotesk' !important;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);
}

header.fci_header ul li svg {
    margin-right: 5px;
    position: relative;
    top: 0;
    width: 22px;
    height: 22px;
    fill: #000;
}

header.fci_header ul li a {
    display: inline-block;
    color: #000;
    font-size: 16px;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 500;
}

header.fci_header .navbar-brand img {
    min-width: 150px !important;
}

body.page-template-ficode-integration footer.site-footer .service-menus {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column-reverse;
}

body.page-template-ficode-integration footer.site-footer .service-menus>h3,
body.page-template-ficode-integration footer.site-footer .service-menus>.menu-footer-menu-container {
    display: none !important;
}

#fci_footer a {
    box-shadow: none !important;
}

#fci_footer img {
    width: 100%;
    max-width: 110px;
}

.fci_HeroSec {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    font-family: 'Hanken Grotesk' !important;
    position: relative;
    background-image: url(../images/fci-sec-bg.png);
}

.fci_HeroSec h1 {
    color: #000;
    font-size: 44px;
    font-weight: 700;
    text-transform: capitalize;
}

.fci_HeroSec p {
    color: #000;
    font-size: 20px;
    font-weight: 400;
}

.fci_contactForm {
    background-color: #F1F4F9;
    width: 100%;
    max-width: 500px;
}

.fci_contactForm h2 {
    color: #000;
    font-size: 26px;
    font-weight: 700;
    text-transform: capitalize;
}

.fci_contactForm>.ppc_contactForm {
    background-color: transparent;
    padding: 0;
    border-radius: 0;
    margin-bottom: 0;
    box-shadow: none;
}

.fci_contactForm>.ppc_contactForm .form-control,
.fci_contactForm>.ppc_contactForm input[type=text],
.fci_contactForm>.ppc_contactForm input[type=email],
.fci_contactForm>.ppc_contactForm input[type=tel] {
    border: 1px solid rgb(0 0 0 / 40%) !important;
}

.fci_contactForm>.ppc_contactForm input[type=submit] {
    background-color: #080b2b !important;
    box-shadow: 0px 3px 2px 0px #00000040 !important;
    border: 1px solid #080b2b !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu {
    border: 1px solid #ccc !important;
}

.fci_contactForm>.ppc_contactForm input[type=submit]:focus,
.fci_contactForm>.ppc_contactForm input[type=submit]:hover {
    background-color: #fff !important;
    border: 1px solid #000 !important;
}

.fci_trustedSec>.top {
    background-color: #080b2b;
}

.fci_trustedSec h2 {
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    text-transform: capitalize;
}

.fci_trustedSec>.bottom {
    background-color: #1D272F;
}


/*Ficode Integration Page CSS Ends Here*/


@media (max-width:1024px) {
    .ppc_HeroSec h1 {
        font-size: 46px;
    }

    .technologies p {
        margin-bottom: 30px;
    }

    .technologies h2,
    .technologies strong {
        font-size: 25px;
        line-height: 35px;
    }

    .technologies_section .col-md-6,
    .technologies_section .container {
        padding-top: 0 !important;
    }


}

.owl-carousel.global-client-carousel .owl-item img {
    max-height: 129px;
}

.service-menus .right p {
    font-family: 'Hanken Grotesk' !important;
    font-weight: 300;
    color: #fff;
    line-height: 1.75;
}

section.methodologies-bg.home-whoweare-sec p {
    font-weight: 500;
    color: #000;
}

.methodologies {
    background-image: url(../images/methodoges-bg.png);
    background-position: center;
}

.methodologies .methodologies-box {
    background-position: center;
    position: relative;
    height: 100%;
    background-color: #fff;
}

.methodologies-box .bottom-image {
    position: absolute;
    transform: translate(-50%, -50%);
    top: 100%;
    left: 50%
}

.methodologies-bg {
    background-color: #f7f9fd;
}

.methodologies-box h3 {
    font-family: 'Hanken Grotesk' !important;
    font-size: 20px;
    font-weight: 700;
    line-height: 24px;
    letter-spacing: 0;
}

.methodologies-box p {
    font-family: 'Hanken Grotesk' !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0;
}

.influence-box h3,
.influence-box p {
    line-height: 24px;
    letter-spacing: 0;
    font-family: 'Hanken Grotesk' !important;
}

.all-methodologies-box .box-one:first-child,
.all-methodologies-box .box-one:nth-child(2),
.all-methodologies-box .box-one:nth-child(3),
.all-methodologies-box .box-one:nth-child(4) {
    margin-top: 0;
}

.all-methodologies-box .box-one {
    margin-top: 80px;
}

.influence-box img {
    width: 100%;
    max-width: 45px;
    min-height: 45px;
}

.influence-box h3 {
    font-size: 20px;
    font-weight: 600;
}

.influence-box p {
    font-size: 17px;
    font-weight: 400;
}

.methodologies-header h2 {
    font-family: 'Hanken Grotesk' !important;
    font-size: 38px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0;
    text-align: center;
    color: #fff;
}

.methodologies-header p {
    color: #fff;
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px;
    font-weight: 400;
    line-height: 25px;
    letter-spacing: 0;
    text-align: center;
}

.methodologies-header h4,
.software-Processes h4 {
    font-family: 'Hanken Grotesk' !important;
    font-weight: 600;
    line-height: 27px;
    letter-spacing: 0;
}

.methodologies-header h4 {
    font-size: 24px;
    text-align: center;
    color: #fff;
}

.software-Processes h4 {
    font-size: 21px;
    color: #000;
}

.ensure-success .influence-box .header img {
    width: auto;
    max-width: initial;
    min-height: auto;
}

.ensure-success .left-border {
    border-left: 10px solid #1e4ab3;
    width: 500px;
}

.process-icn-left,
.process-icn-right,
.software_development {
    position: relative;
}

.software-development .das-border {
    border: 1px dashed #555;
    width: 100%;
    max-width: 127px;
    position: absolute;
    top: 50%;
    left: 100%
}

.process-icn-left .das-border {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translate(-100%, -50%);
}

.software-development .middle-img {
    position: relative;
    z-index: 1;
}

.software_development:after,
.software_development:before {
    content: " ";
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
    border: 2px solid #000;
}

.software_development:before {
    top: 50%;
    width: 2px;
    height: 100%
}

.software_development:after {
    bottom: 99%;
    width: 15px;
    height: 15px;
    border-radius: 10px;
    background-color: #000;
}

.affiliationInner .cstm_item {
    padding: 20px;
    width: 100% !important;
    text-align: center;
}

.affiliationInner .cstm_item a {
    display: block;
    text-align: center;
}

.affiliationInner .cstm_item a img {
    display: inline-block;
    width: 100% !important;
    max-width: 260px !important;
    height: auto !important;
    max-height: unset !important;
    box-shadow: 0 0 7px rgba(0, 0, 0, .15);
    border-radius: 16px;
}

.top_footer {
    padding: 50px 0 20px !important;
}

.site-footer {
    background-color: #161616 !important;
}

.footer_contact .left .email a,
.footer_contact .left .telephone a,
.footerbox_right .our_services ul li a,
.right-bar-menu .email a,
.right-bar-menu .telephone a {
    color: #fff !important;
    font-size: 16px !important;
    opacity: .7 !important;
    transition: .3s ease-in-out;
}

.footer_contact .left .email a:hover,
.footer_contact .left .telephone a:hover,
.footerbox_right .our_services ul li a:hover,
.right-bar-menu .email a:hover,
.right-bar-menu .telephone a:hover {
    color: #fff !important;
    opacity: 1 !important;
    padding-left: 0 !important;
}

.copyright {
    padding: 20px 0 0 !important;
    border-top: 1px solid #ffffff78 !important;
}

.top_footer .footerbox_right {
    padding-bottom: 40px !important;
}

.footerbox_right .our_services h3,
.fotr_testimonial_left p {
    font-size: 16px !important;
}

.our_services .service-menus>h3:after {
    width: 55% !important;
}

.top_footer .footerbox_right:before {
    top: -50px !important;
}

.follow_us ul li a {
    transition: .3s ease-in-out;
    width: 40px !important;
    height: 40px !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-megamenu>ul.mega-sub-menu li.mega-menu-column>ul.mega-sub-menu>li.mega-menu-item>a.mega-menu-link:hover {

    color: #3585D0 !important;
}

.service-menus .right p {
    font-size: 16px !important;
    margin-bottom: 5px;
}

.clutch-widget-main iframe,
.footerbox_right .our_services .right-bar-menu h3,
.our_services .service-menus>.right>h3 {
    margin: 0 !important;
}


section.fotr_testimonial {
    padding: 0 !important;
    position: relative !important;
    overflow: hidden;
}

section.fotr_testimonial .our_testimonials {
    overflow: hidden !important;
    padding: 20px 0 0 20px !important;
    margin-bottom: 40px !important;
}

section.fotr_testimonial .fotr_testimonial_left h3 {
    font-size: 38px !important;
    text-align: center !important;
}

.clutch-widget-main {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.clutch-widget {
    z-index: 9;
}

section.home_contact .getin_touch_left h3 {
    font-size: 38px !important;
    font-weight: 700 !important;
}

.innovation_services_section h2 {
    font-size: 38px;
    text-align: center;
    color: #000;
    font-weight: 700;
    font-family: 'Hanken Grotesk' !important;
}

.innovation_services_section p {
    font-size: 16px;
    font-family: 'Hanken Grotesk' !important;
}


section.home_portfolio {
    background: #f5f5f5;
}

.homeNewsSec img {
    border-radius: 24px;
}

.work-content p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.work-title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    /* number of lines to show */
    line-clamp: 2;
    -webkit-box-orient: vertical;
}

.our_testimonials_carousal #our_testimonials_carousal .owl-stage {
    display: flex !important;
    align-items: center !important;
}

.our_testimonials_carousal #our_testimonials_carousal .owl-item {
    padding: 0 5px;
}

li#mega-menu-item-16926>ul.mega-sub-menu {
    /* height: calc(100vh - 120px)!important; */
    overflow-y: auto !important;
}

/** Starts Here Your GP Portfolio **/
.single-ficode-work.postid-18244 .portfolio_outcome_left {
    width: 100% !important;
    max-width: 100% !important;
    flex: 100%;
    padding-left: 15px !important;
    padding-right: 15px !important;
    padding-bottom: 15px !important;
    flex-direction: unset !important;
}

.single-ficode-work.postid-13214 .client-need,
.single-ficode-work.postid-16825 .the-result h3,
.single-ficode-work.postid-18244 .portfolio_outcome_right,
.single-ficode-work.postid-18244 .the-result .col-md-12.text-start,
.single-ficode-work.postid-17448 .the-result .col-md-12.text-start,
.single-ficode-work.postid-17372 .the-result .col-md-12.text-start,
.single-ficode-work.postid-16825 .the-result .col-md-12.text-start,
.single-ficode-work.postid-17419 .the-result .col-md-12.text-start {
    display: none !important;
}

.single-ficode-work.postid-18244 .portfolio_outcome_left .port-title {
    width: 100%;
    margin-bottom: 40px !important;
}

.single-ficode-work.postid-18244 .portfolio_outcome_left .outcome-box,
.single-ficode-work.postid-18244 .portfolio_outcome_left .outcome-box:last-child {
    align-items: center;
    width: 50%;
    padding-right: 15px;
    margin-bottom: 40px !important;
}

.single-ficode-work.postid-18244 .result-sec {
    width: 50% !important;
    float: left;
    padding-right: 15px;
}

.single-ficode-work.postid-18244 .the-result span img {
    margin-right: 30px;
    max-width: 56px;
}

.single-ficode-work.postid-18244 .portfolio_outcome_left:before {
    right: -50% !important;
}

/** Ends here Your GP Portfolio **/

.question_services .left h3 {
    font-size: 24px !important;
}

/*Ed-Tech Software Development style*/

.portfolio_form_sec .industry_Subtitle {
    font-size: 16px !important;
}

.lightgery_bg {
    background: #F7F9FD !important;
}

.services-prodive-lists .lists-icn {
    width: 100%;
    max-width: 24px;
    max-height: 24px;
    background-color: #F7F9FD;
    border-radius: 15px;
}

.industry-challenges-section .industry-challenges-box {
    border-radius: 15px;
    background-color: #fff;
    box-shadow: 0px 4px 30px 0px #0000000D;
}

.industry-box-header .industry-box-img img {
    width: 100%;
    max-width: 76px;
    border-radius: 15px;
    margin: auto;
}

.industry-challenges-content .industry_p {
    font-size: 14px;
}

.choose-ficode-section .choose-ficode-img {
    min-width: 78px;
    max-width: 78px;
    text-align: center;
}

.choose-ficode-section .choose-ficode-content {
    width: calc(100% - 118px);
}

.technology-services-img {
    width: 100%;
    max-width: 117px;
    max-height: 117px;
}

.technology-services-section .technology-front-heading {
    border-left: 7px solid #E11D3B;
}

.technology-services-section .technology-back-heading {
    border-left: 7px solid #D6D6D6;
}

.industry-challenges-section .industry-challenges-box {
    min-height: 414px;
}

.single-industry.postid-18372 .industry-challenges-section .industry-challenges-box {
    min-height: 425px;
}

body.single-industry .capabilitie-carousel {
    padding-bottom: 30px !important;
}

body.single-industry .capabilitie-carousel .owl-stage {
    padding-bottom: 25px !important;
}

.question_services_inner .right .contact_btn {
    width: 180px !important;
}

.single-industry section.fotr_testimonial {
    padding-top: 40px !important;
}

.single-industry.postid-18416 section.technology-services-section,
.single-industry.postid-18427 section.technology-services-section {
    background-color: #f7f9fd !important;
}

.single-industry.postid-18416 section.php_development_works,
.single-industry.postid-18427 section.php_development_works {
    background: none !important;
}


.quiz-container-box section.quiz-container button.btn.next,
.quiz-container-box section.quiz-container button.btn.back {
    border-radius: 23px !important;
}


.pdf_form {
    background-color: #080b2b;
    padding: 25px;
}

.pdf_form .fc_checkbox .wpcf7-checkbox label .wpcf7-list-item-label:before {
    border: 2px solid #fff;
}

.pdf_form .fc_checkbox .wpcf7-checkbox label input[type=checkbox]:checked+.wpcf7-list-item-label:before {
    color: #1518a3 !important;
    background: #fff;
}

.single-industry .pdf_form {
    padding: 30px;
    border-radius: 24px;
}

.pdf_form input[type="checkbox"] {
    display: none !important;
}

.pdf_form h3 {
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    line-height: normal !important;
    color: #fff !important;
}

.pdf_form .wpcf7-response-output {
    margin: 20px 0 0 !important;
    color: #fff !important;
    font-family: 'Hanken Grotesk' !important;
    font-size: 14px !important;
}

.single-ficode-work.postid-17419 .benefits_box_inner {
    min-height: 395px;
}



@media (min-width:768px) and (max-width: 1199px) {
    .single-industry .php_development_works .box_cover .left h5 {
        padding-right: 115px !important;
    }
}

@media (max-width: 991px) {
    header.ppc_header .navbar-collapse {
        padding: 0 10px 5px;
    }

    header.ppc_header .navbar-nav {
        margin: 14px 0;
    }

    header.ppc_header a.nav-link {
        padding: 10px 0px;
    }

    .ppc_HeroSec {
        padding-top: 160px !important;
    }

    .ppc_HeroSec h1,
    .ppc_TrustedSec h2,
    .ppc_ServiceSec h2,
    .ppc_AboutusList h3,
    .ppc_AboutusSec h2,
    .ppc_IndustrieSec h2,
    .ppc_TestimonialSec h2,
    .ppc_SoftwareSec h2 {
        font-size: 36px;
    }

    .ppc_HeroSec p {
        font-size: 26px;
    }

    .ppc_TrustedSec .left {
        width: 250px;
    }

    .ppc_TrustedSec .right {
        width: calc(100% - 250px);
    }

    .ppc_AboutusList {
        padding: 45px 40px;
    }

    .ppc_TestimonialSec .left {
        width: 200px;
    }

    .ppc_TestimonialSec .right {
        width: calc(100% - 200px);
    }

    .ppc_IndustrieSec li a img {
        max-width: 200px;
    }

    .page-template-ficode-PPC .apiIntiCtaSec .right h2 {
        font-size: 26px;
    }

    .page-template-ficode-PPC .apiIntiCtaSec .right h2 span {
        font-size: 20px;
        line-height: normal;
    }

    .apiIntiHeroSec h1,
    .cafmHeroSec h1,
    .cafmTitle,
    .apiIntiTitle,
    .techHeroSec h1,
    .skillsSecondBanner h2,
    .ficode_web_company h2,
    .techPageTitle,
    .php_development_works h3,
    .single-technology.postid-16369 .skillsSecondBanner h2,
    .single-technology.postid-16369 .font-bold-span span {
        font-size: 26px !important;
        font-weight: 700 !important;
    }

    .apiWhyChoseSec>.container>p,
    .apiServiceSec>.container>p,
    .apiApproachSec .apiApproachCard h3,
    .apiApproachHeadingBox p,
    .apiIntigratnSec p,
    .cafmSubTitle,
    .apiIntiHeroSec p,
    .cafmHeroSec p,
    .cafmFacilitySec p,
    .techHeroSec p,
    .ficode_web_company p,
    .techChooseSec .container>p {
        font-size: 16px !important;
    }

    .techChooseBox h3,
    .apiIntigratnSec li,
    .apiWhyChoseBox .right h3,
    .cafmBenefitSec .benefitsBox .right h3,
    .cafmSoftwareSec .right h3,
    .cafmIntegrationBox .left li a,
    .cafmIntegrationBox>.right h3 {
        font-size: 16px !important;
    }

    .cafmIntegrationBox .left li a span {
        font-size: 20px !important;
    }

    .apiIntiCtaSec .right h2,
    .cafmCTASec .right h2,
    .techCTASec .right h2,
    .techCTASec .right h2 span {
        font-size: 22px;
        line-height: 34px;
    }

    .cafmIntegrationBox .left>ul>li {
        margin-bottom: 0px;
    }

    section.services-provide-section .container>.row>.col-lg-6:first-child {
        order: 2;
    }

    section.services-provide-section .container>.row>.col-lg-6:last-child {
        order: 1;
        margin-bottom: 35px;
    }

    .choose-ficode-section .choose-ficode-img {
        min-width: 90px;
        max-width: 90px;
    }

    .choose-ficode-section .choose-ficode-content {
        width: calc(100% - 90px);
    }

    .single-industry #php_development_works_carousal .owl-dots {
        display: none !important;
    }

    .single-industry .industryPages ul.implement_section_left_list_wrap li:before,
    .single-industry .industryPages ul.implement_section_right_list_wrap li:before {
        display: none !important;
    }
}



@media (max-width:767px) {
    .api_reviewSecBox {
        flex-wrap: wrap;
        justify-content: center;
    }

    .api_reviewSecBox:before {
        display: none;
    }

    .api_reviewSecBox .right {
        width: 100%;
        padding: 30px 20px;
    }

    .api_autoSliderSec h2,
    .fci_HeroSec h1 {
        font-size: 26px;
    }

    .fci_HeroSec p {
        font-size: 16px;
    }

    header.fci_header ul li a {
        font-size: 14px;
    }

    header.ppc_header .navbar-brand img {
        max-width: 150px;
    }

    header.ppc_header button.btn {
        padding: 6px 10px;
        font-size: 14px;
    }

    .ppc_HeroSec h1,
    .ppc_HeroSec h2,
    .ppc_TrustedSec h2,
    .ppc_ServiceSec h2,
    .ppc_AboutusList h3,
    .ppc_AboutusSec h2,
    .ppc_IndustrieSec h2,
    .ppc_TestimonialSec h2,
    .ppc_SoftwareSec h2 {
        font-size: 28px;
    }

    .ppc_ServiceBox h3 {
        font-size: 24px;
    }

    .ppc_HeroSec p {
        font-size: 16px;
    }

    .ppc_AboutusSec p,
    .ppc_ServiceBox p {
        font-size: 16px;
    }

    .ppc_HeroSec {
        padding-top: 110px !important;
    }

    .ppc_HeroSec a {
        width: 100%;
        max-width: 160px;
    }

    .ppc_contactForm {
        padding: 20px 15px 20px 15px;
    }

    .ppc_TrustedSec .left {
        width: 100%;
        text-align: center;
    }

    .ppc_TrustedSec .right {
        width: 100%;
    }

    .ppc_AboutusList {
        padding: 15px 15px 40px;
        flex-wrap: wrap;
    }

    .ppc_AboutusList li {
        width: 50%;
    }

    .ppc_TestimonialSec .left {
        width: 100%;
        background: none;
    }

    .ppc_TestimonialSec .right {
        width: 100%;
    }

    #ppc_testimonialsCarousal .author_info h4 {
        font-size: 24px;
    }

    #ppc_testimonialsCarousal .author_info span {
        font-size: 16px;
    }

    #ppc_testimonialsCarousal .item .d-flex img {
        max-width: 40px;
    }

    .ppc_IndustrieSec li a img {
        max-width: 140px;
    }

    .ppc_SoftwareIconList li {
        width: 33.3%;
    }

    .apiApproachSec ul {
        flex-wrap: wrap;
        justify-content: center;
    }

    .apiApproachSec ul li {
        width: 50%;
    }

    .apiIntiTabingSec ul {
        justify-content: space-around;
        padding-bottom: 12px;
    }

    .apiIntiTabingSec ul li a {
        line-height: 28px;
    }

    .apiIntiTabingSec ul li a:before {
        display: none;
    }

    .apiIntiTabingSec ul li a.active,
    .apiIntiTabingSec ul li a:hover {
        font-weight: 700;
    }

    .apiIntiHeroSec div>.ficode-btn:last-child,
    .techHeroSec div>.ficode-btn:last-child {
        min-width: fit-content;
    }

    .cafm_faq_Sec .card-header button.btn {
        font-size: 16px;
    }

    .cafmIntegrationBox {
        flex-wrap: wrap;
    }

    .cafmIntegrationBox>.left,
    .cafmIntegrationBox>.right {
        width: 100%;
    }

    .apiIntiCtaSec .left,
    .techCTASec .left,
    .cafmCTASec .left,
    .apilanding_ctaSec .left {
        display: none;
    }

    .apiIntiCtaSec .right,
    .techCTASec .right,
    .cafmCTASec .right,
    .apilanding_ctaSec .right {
        width: 100% !important;
        padding-left: 0 !important;
    }

    .apiIntiCtaSec .right h2 *,
    .techCTASec .right h2 *,
    .cafmCTASec .right h2 * {
        display: contents !important;
        font-weight: 700 !important;
        font-size: 22px !important;
        line-height: 34px !important;
    }

    .the-result .result-sec span {
        flex-wrap: wrap;
        flex-direction: column;
        align-items: flex-start;
        font-size: 16px !important;
    }

    .the-result .result-sec span img {
        margin-bottom: 15px;
    }

    .the-result .result-sec p {
        padding-left: 0px !important;
        margin-bottom: 25px !important;
    }



    body.single-industry .capabilitie-carousel {
        padding-bottom: 0px !important;
    }

    .development-process .middle-img,
    .software-development .das-border,
    .software_development:after,
    .software_development:before {
        display: none;
    }

    .development-process .software-development {
        position: relative;
    }

    .methodologies .methodologies-box {
        height: auto;
        margin-bottom: 70px;
    }

    .methodologies-box {
        text-align: center !important;
    }

    .cloud-hero img,
    .influence-box {
        margin-top: 30px;
    }

    .choose-us .methodologies-box {
        height: auto !important;
    }

    .benefits-section .what-benefit {
        padding-left: 0 !important;
    }

    .cloud-hero .ficode-btn {
        margin-top: 20px;
    }

    .single-ficode-work.postid-18244 .portfolio_outcome_left .outcome-box,
    .single-ficode-work.postid-18244 .portfolio_outcome_left .outcome-box:last-child {
        width: 100%;
    }

    .single-ficode-work.postid-18244 .result-sec {
        width: 100% !important;
    }
}

.benefits-section {
    background-color: #0A0824;
}

.benefits-section h2,
.benefits-section p {
    color: #fff !important;
}

.benefits-section .header img {
    width: 100%;
    max-width: 20px;
    min-height: 20px;
}

.we-deliver .header img {
    width: 100%;
    max-width: 17px;
    min-height: 17px;
}

.choose-us .methodologies-box {
    background-color: #fff;
    height: 100%;
    box-shadow: 0 0 7px 0 #0000001A;
}

.cloud-hero {
    position: relative;
    overflow: hidden;
}

.cloud-hero img {
    display: inline-block;
    width: auto;
    max-width: 100%;
    max-height: 400px;
}

.single-cloud-services header#masthead {
    position: relative;
    background-color: #fff;
}

@media (min-width:768px) and (max-width:1199px) {

    .all-methodologies-box .box-one:first-child,
    .all-methodologies-box .box-one:nth-child(2),
    .analysis-box.methodologies-box.text-left,
    .planning-box.methodologies-box.text-right {
        margin-top: 0 !important;
    }

    .software-development .das-border {
        max-width: 100px;
    }

    .all-methodologies-box .box-one {
        margin-top: 80px !important;
    }

    .home-hero .feed-images .feed-img {
        margin: 0 !important;
    }

    .home-hero {
        max-height: fit-content !important;
    }
}

.projects_count .count_box .count_box_inner {
    text-align: center;
}

.home-hero .feed-images {
    flex-wrap: wrap;
    gap: 40px;
}

.methodologies-bg h1 {
    font-size: 38px;
    font-weight: 700;
    font-family: 'Hanken Grotesk' !important;
}

.header_contact_info ul li a.request_quote:before {
    border-radius: 15px !important;
}

/*Service Lift Industry style*/

.service-lift h1,
.service-lift h2 {
    font-family: 'Hanken Grotesk' !important;
    font-size: 38px;
    line-height: normal;
    text-align: left;
    font-weight: 700;
}

.lift-industry-section h2,
.lift-Industry h2 {
    font-family: 'Hanken Grotesk' !important;
    font-size: 38px;
    font-weight: 700;
}

.lift-Industry p {
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px;
    font-weight: 400;
}

.lift-industry-boxes h2 {
    font-family: 'Hanken Grotesk' !important;
    font-size: 38px;
    font-weight: 600;
    text-align: left;
    color: #fff;
}

.lift-industry-boxes p {
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px;
    font-weight: 400;
    text-align: left;
    color: #fff;
    line-height: normal;
}

.industry-box-list h3 {
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px;
    font-weight: 600;
    line-height: normal;
    text-align: left;
    color: #fff;
}

.lift-box-content {
    background-color: #1D272F;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.service-lift,
.lift-industry-boxes .lift-imges-bg {
    background-color: #F7F9FD;
}

.lift-box-img {
    text-align: center;
}

.page-template-lift-service .question_services_inner .left h3 {
    font-size: 22px !important;
    font-weight: 500 !important;
}

.page-template-lift-service .ficode_web_company.industryPages {
    padding: 0px 0px 50px !important
}

.page-template-lift-service .ficode_web_company.industryPages .container>h2,
.page-template-lift-service .ficode_web_company.industryPages .container>p {
    display: none !important;
}

.page-template-lift-service #industry_list_carousal .owl-dots {
    display: none !important;
}

.page-template-lift-service .question_services {
    background-color: #3585D0 !important;
}

@media (max-width:1023px) {
    .lift-industry-boxes .reverse-column {
        display: flex;
        flex-direction: column-reverse;
    }

    .page-id-8 .home-hero {
        padding: 130px 0 50px;
    }
}

@media (min-width: 481px) and (max-width: 768px) {
    .page-template-services section.home-whoweare-sec.py-4.py-md-5 img {
        display: block !important;
    }
}


@media (min-width:992px) and (max-width:1366px) {
    section.technologies_section.tech-gallery-img img {
        width: 100%;
        max-width: 100px !important;
    }
}

@media (min-width:768px) and (max-width:1023px) {
    .page-id-8 .home-hero {
        padding: 100px 0 50px !important;
    }

    .page-id-8 .home-hero h1 {
        font-size: 25px !important;
    }


    .page-id-12 .page-template-services section.home-whoweare-sec img {
        display: block !important;
    }

    .page-id-12 section.home-hero h1 {
        font-size: 30px !important;
    }

    .page-id-12 .home-whoweare-sec h2 {
        font-size: 30px !important;
        text-align: start;
    }

    .page-id-12 .home-whoweare-sec p {
        font-size: 16px;
        text-align: start;
    }

    section.technologies_section.technologies_hero .row {
        flex-direction: column-reverse;
    }

    section.technologies_section.technologies_hero .row .tab_revers {
        display: flex;
        justify-content: center !important;
        margin-bottom: 30px !important;
    }

    .single-industry .owl-carousel .owl-stage-outer {
        margin-bottom: 0px !important;
    }

    .industry-challenges-section .industry-challenges-box {
        min-height: 432px !important;
    }
}




.aws_service_box {
    background-color: #fff;
    padding: 20px;
    min-height: 415px;
    box-shadow: 0px 0px 10px #dedede;
}

.aws_service_box img {
    max-width: 120px;
    margin: 0 auto 15px;
}

.aws_service_box h3 {
    font-size: 20px;
    font-weight: 600;
    font-family: 'Hanken Grotesk' !important;
    text-align: center;
    margin: 0 auto 15px;
}

.aws_service_box p {
    font-weight: 400 !important;
    font-family: 'Hanken Grotesk' !important;
    text-align: center;
    margin: 0 auto 15px;
}

.postid-17621 .capabilitie-carousel .owl-dots {
    display: none !important;
}

.postid-17621 .owl-carousel.capabilitie-carousel {
    padding-bottom: 0px !important;
}

.owl-stage-outer .owl-stage .owl-item .benefits_box_inner figure img {
    display: block;
    width: 100%;
    max-width: 100px !important;
}

.owl-stage-outer .owl-stage .owl-item .benefits_box_inner figure {
    margin: 0;
    width: 100%;
    display: flex;
    justify-content: center;
}

.bg-none {
    background: none !important;
}

.bgDarkBlue {
    background-color: #3585D0 !important;
}


.fc-title,
.fc-title strong {
    font-size: 38px !important;
    font-weight: 700 !important;
    font-family: 'Hanken Grotesk' !important;
    color: #000 !important;
    line-height: 1.2;
}

.fc-subtitle {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: 'Hanken Grotesk' !important;
    color: #000 !important;
    line-height: normal;
}



.page-template-services section.home-hero h1 {
    padding-bottom: 0px !important;
    font-weight: 600 !important;
    color: #fff !important;
    font-size: 48px !important;
}

.page-template-services-category .home-hero .container .row,
.page-template-services .home-hero .container .row {
    flex-direction: unset !important;
}

.page-template-services-category section.home-hero h1 {
    font-weight: 700 !important;
    font-size: 38px !important;
}

.page-template-services-category .question_services_inner .right .contact_btn {
    width: 200px !important;
}


.single-technology .ficode_web_company p,
.single-technology .technology-use .feature_web_para,
.single-technology .skillsSecondBanner p {
    font-size: 16px !important;
}

.single-technology .benifit-skill .right_box .cover_box .left {
    width: 45px !important;
    margin: 0 0 0 0 !important;
    padding-top: 5px;
}

.single-technology .benifit-skill .right_box .cover_box .right {
    width: calc(100% - 45px) !important;
    padding-left: 15px !important;
    margin: 0 0 0 0 !important;
}

.single-technology section.ficode_web_company.industryPages.skillpage-ind p {
    margin-bottom: 30px;
}





.digital_hero_sec {
    /* background-image: url(../images/digital-transformation-banner-bg.png); */
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #08061c;
}

.digital_hero_sec h1 {
    color: #fff !important;
    font-size: 46px !important;
}

.digital_hero_sec img {
    width: 100%;
    max-width: 450px;
}

.digital_hero_sec .ficode-btn a span {
    font-size: 16px !important;
    white-space: pre;
}

.digital_transformation_concepts_sec {
    background-color: #F1F4F9;
}

.digital_transformation_concepts_sec img {
    width: 100%;
    max-width: 500px;
}

.digital_transformation_concepts_sec h3 {
    font-size: 32px !important;
    font-weight: 700 !important;
    font-family: 'Hanken Grotesk' !important;
    color: #000 !important;
    line-height: normal;
}

.digital_transformation_concepts_sec p {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: 'Hanken Grotesk' !important;
    color: #000 !important;
    line-height: normal;
}

.digital_transformation_concepts_sec h4 {
    font-size: 22px !important;
    font-weight: 600 !important;
    font-family: 'Hanken Grotesk' !important;
    color: #000 !important;
    line-height: 1.5;
}

.benefits_digital_sec .benefits_box {
    /*    background-image: url(https://www.ficode.com/wp-content/uploads/2023/12/benefits-bg.png);*/
    background-color: #f1f4f9;
    position: relative;
    overflow: hidden;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    padding: 15px 25px 15px 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: 180px;
    border-radius: 90px;
}

.benefits_digital_sec .benefits_box_border {
    position: relative;
}

.benefits_digital_sec .benefits_box_border:before {
    content: '';
    position: absolute;
    left: 15px;
    top: 10px;
    width: 100%;
    height: 100%;
    background: linear-gradient(white, white) padding-box, #3585D0 border-box;
    border-radius: 90px;
    border: 2px solid transparent;
}

.benefits_digital_sec .benefits_box img {
    position: absolute;
    left: 25px;
    top: 50%;
    transform: translateY(-50%);
    width: 90px;
    max-width: 90px;
}

.benefits_digital_sec .benefits_box p {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: 'Hanken Grotesk' !important;
    color: #000 !important;
    line-height: normal;
}


.step_process_sec {
    background: #080b2b;
    color: #fff;
    text-align: center;
}

.step_process_sec .fc-title {
    color: #fff !important;
}

.step_process_sec .step_process_container {
    width: 100% !important;
    max-width: 1250px !important;
    padding-left: 15px;
    padding-right: 15px;
    margin: auto;
}

.step_process_sec .step_process_container .row .col-12.col-md-3:first-child {
    margin-top: -78px;
}

.step_process_sec .step_process_container .row .col-12.col-md-3:nth-child(2) {
    margin-top: -76px;
}

.step_process_sec .step_process_container .row .col-12.col-md-3:nth-child(3) {
    margin-top: -108px;
}

.step_process_sec .step_process_container .row .col-12.col-md-3:last-child {
    margin-top: -25px;
}

.step_process_sec .step_process_box {
    text-align: center;
    position: relative;
    padding-top: 45px;
}

.step_process_sec .step_process_box:before {
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: #fff;
    content: '';
    left: 0;
    top: 6px;
    right: 0;
    margin: auto;
}

.step_process_sec .step_process_box:after {
    position: absolute;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    background: rgba(255, 255, 255, 0.5);
    content: '';
    left: 0;
    top: 0px;
    right: 0;
    margin: auto;
}

.step_process_sec .step_process_box h3 {
    font-size: 16px !important;
    font-weight: 700 !important;
    font-family: 'Hanken Grotesk' !important;
    line-height: normal;
}

.step_process_sec .step_process_box p,
.step_process_sec .step_process_box li {
    font-size: 15px !important;
    font-weight: 400 !important;
    font-family: 'Hanken Grotesk' !important;
    line-height: normal;
}

.step_process_sec .step_process_box b {
    position: absolute;
    top: -5px;
    left: 0px;
    bottom: unset;
    right: 0;
    margin: auto;
    height: 30px;
    width: 30px;
    background: #fff;
    border-radius: 50%;
    opacity: .5;
    -webkit-animation: loader-6-1 2s infinite;
    animation: loader-6-1 2s infinite;
}

@keyframes loader-6-1 {
    0% {
        -webkit-transform: translate3d(0, 0, 0) scale(0);
        transform: translate3d(0, 0, 0) scale(0);
        opacity: 1;
    }

    100% {
        -webkit-transform: translate3d(0, 0, 0) scale(1.8);
        transform: translate3d(0, 0, 0) scale(1.8);
        opacity: 0;
    }
}

.step_process_sec .step_process_box ul {
    padding-left: 15px;
}

.step_process_sec .step_process_box li {
    position: relative;
    padding-left: 25px;
    padding-bottom: 4px;
    text-align: left;
}

.step_process_sec .step_process_box li:before {
    content: '';
    width: 16px;
    height: 14px;
    position: absolute;
    left: 0;
    top: 4px;
    background-image: url(../images/digital-right-icon.svg);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}

.digital_assessment_sec {
    /* background-image: url(../images/digital-assessment-bg.webp); */
    background-size: 100%;
    background-position: right top;
    background-repeat: no-repeat;
    color: #fff;
    text-align: center;
}

.digital_assessment_sec h3 {
    font-size: 22px !important;
    font-weight: 600 !important;
    font-family: 'Hanken Grotesk' !important;
    color: #000 !important;
    line-height: 1.5;
}

.digital_assessment_sec p {
    font-size: 16px !important;
    font-weight: 400 !important;
    font-family: 'Hanken Grotesk' !important;
    color: #000 !important;
    line-height: normal;
    text-align: left;
}

.assessment_list {
    display: flex;
    border: 1px solid #B0B0B0;
}

.assessment_box {
    width: 33.3%;
    position: relative;
    border-right: 1px solid #B0B0B0;
    padding: 25px 15px;
    text-align: center;
    display: block;
}

.assessment_box:hover {
    border-radius: 6px;
    border: 1px solid #1518a3 !important;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.50);
    transform: scale(1.02);
}

.assessment_list>.assessment_box:last-child {
    border-right: 0;
}

.assessment_box:after {
    content: '';
    width: 20px;
    height: 20px;
    position: relative;
    display: block;
    left: 50%;
    transform: translateX(-50%);
    background-image: url(../images/digital-right-arrow.png);
    background-size: 100% auto;
    background-repeat: no-repeat;
    background-position: center;
}

.assessment_box h4 {
    font-size: 20px !important;
    font-weight: 700 !important;
    font-family: 'Hanken Grotesk' !important;
    color: #000 !important;
    line-height: normal;
}

.assessment_box p {
    font-size: 15px !important;
    font-weight: 400 !important;
    font-family: 'Hanken Grotesk' !important;
    color: #000 !important;
    line-height: normal;
}

.assessment_box img {
    width: 100%;
    max-width: 90px;
}

.page-template-digital_transformation section.our_global_clients.affiliation {
    display: none !important;
}

.mega-menu-item-19244 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background-color: #fff !important;
    color: #464d57 !important;
    font-family: inherit !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 35px;
}

.mega-menu-item-19244 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
.mega-menu-item-19244 ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus {
    font-weight: 600 !important;
    background-color: #fff !important;
}



.single.single-post section.portfolio_form_sec .port-title {
    font-size: 28px !important;
}

.page.page-id-18982 a {
    text-decoration: none !important;
}

.owl-carousel.home_industry_list_carousal .industry_list_box img {
    min-height: 400px;
    max-height: 400px;
}

.single-industry.postid-14967 section.portfolio_form_sec {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}


.checkbox-d-none input {
    display: none !important;
}

.postid-15073 .php_development_works.industryPages {
    display: none !important;
}

.postid-15067 .php_development_works.industryPages {
    display: none !important;
}

.postid-15072 .php_development_works.industryPages {
    display: none !important;
}

.postid-15071 .php_development_works.industryPages {
    display: none !important;
}

@media (max-width: 1200px) {
    .step_process_sec .step_process_container>img {
        display: none !important;
    }

    .step_process_sec .step_process_container .row .col-12.col-md-3 {
        margin-top: 0 !important;
    }

    .step_process_sec .step_process_box {
        padding-top: 0px;
    }

    .step_process_sec .step_process_box:before,
    .step_process_sec .step_process_box:after,
    .step_process_sec .step_process_box b {
        display: none !important;
    }
}

@media (max-width: 767px) {
    .single-industry .pdf_form {
        padding: 15px 15px 20px;
    }

    .single-industry.postid-14967 section.portfolio_form_sec {
        padding-top: 25px !important;
    }

    .single-ficode-work.postid-18244 .portfolio_outcome_left .port-title {
        margin-bottom: 25px !important;
    }

    .service-lift h2 {
        text-align: center;
    }

    .service-lift h2,
    .the-result h3,
    .lift-industry-section h2,
    .lift-Industry h2 {
        font-size: 26px !important;
    }

    .lift-Industry p {
        font-size: 16px;
    }

    .lift-industry-boxes h2 {
        font-size: 26px;
    }

    .lift-industry-boxes p {
        font-size: 16px;
    }

    .industry-box-list h3 {
        font-size: 16px;
    }


    .single.single-post section.portfolio_form_sec .port-title {
        font-size: 20px !important;
    }

    .digital_transformation_concepts_sec h3 {
        font-size: 24px !important;
    }

    .digital_transformation_concepts_sec p,
    .digital_assessment_sec p {
        font-size: 16px !important;
    }

    .digital_transformation_concepts_sec h4 {
        font-size: 20px !important;
    }

    .benefits_digital_sec .benefits_box {
        padding: 25px;
        border-radius: 60px;
    }

    .benefits_digital_sec .benefits_box_border:before {
        border-radius: 60px;
    }

    .benefits_digital_sec .benefits_box img {
        position: relative;
        left: 0;
        top: unset;
        transform: none;
        width: 70px;
        max-width: 70px;
        margin-bottom: 10px;
    }

    .assessment_list {
        flex-wrap: wrap;
    }

    .assessment_box {
        border-right: 0;
        border-bottom: 1px solid #B0B0B0;
        padding: 15px;
        width: 100%;
    }

    .assessment_list>.assessment_box:last-child {
        border-right: 0;
        border-bottom: 0;
    }

    .step_process_sec .step_process_container .row .col-12.col-md-3:last-child {
        margin-bottom: 0 !important;
    }

    .digital_transformation_concepts_sec .container>.row:nth-child(3) {
        flex-direction: column-reverse;
    }



    .digital_hero_sec .ficode-btn {
        padding: 0 5px;
    }

    .digital_hero_sec .ficode-btn a span {
        font-size: 14px !important;
    }

    .fc-subtitle,
    .concepts_box p {
        font-size: 16px !important;
    }

    .concepts_box h3 {
        font-size: 24px !important;
    }

    .digital_assessment_sec h3 {
        font-size: 20px !important;
    }


    .page-template-services section.home-whoweare-sec .row>.col-md-7 {
        order: 1 !important;
    }

    .page-template-services section.home-whoweare-sec .row>.col-md-5 {
        order: 2 !important;
    }

    .page-template-services-category section.home-hero div>img,
    .page-template-services section.home-hero div>img {
        display: block !important;
    }

    .page-template-services-category section.home-hero h1 {
        font-size: 30px !important;
    }


    .fc-title,
    .fc-title strong {
        font-size: 26px !important;
    }

    .single-technology .ficode_web_company p,
    .single-technology .technology-use .feature_web_para,
    .single-technology .skillsSecondBanner p,
    .page-template-Technology-Main-Page .technologies p {
        font-size: 16px !important;
    }

    .single-technology .individual_service_banner_cover {
        flex-direction: column !important;
    }

    .single-technology .individual_service_banner .right {
        padding: 20px 0 0 0 !important;
    }

    .single-technology .individual_service_banner_cover img {
        display: block !important;
    }

    .single-technology .benifit-skill .right_box .cover_box .left {
        width: 45px !important;
        margin: 0 0 0 0 !important;
        padding-top: 5px;
    }

    .single-technology .benifit-skill .right_box .cover_box .right {
        width: calc(100% - 45px) !important;
        padding-left: 15px !important;
        margin: 0 0 0 0 !important;
    }

    .single-technology section.ficode_web_company.industryPages.skillpage-ind p {
        margin-bottom: 10px;
    }

    .single-technology section.ficode_web_company.industryPages.skillpage-ind {
        padding-bottom: 20px;
    }

    .single-cloud-services .methodologies-bg h1 {
        font-size: 26px !important;
    }
}

@media (min-width: 320px) and (max-width: 480px) {

    .page-template-services-category .home-hero,
    .page-template-services .home-hero {
        padding: 40px 0 30px !important;
    }

    .page-template-services section.home-hero h1 {
        font-size: 36px !important;
    }

    .page-template-services section.home-whoweare-sec img {
        display: block !important;
    }

    .single-ficode-services section.individual_service_banner ul.banner_buttons a.services_request_quote {
        min-width: 110px !important;
    }
}










/***************** New Ficode CSS Starts Here *****************/
/* header#masthead {
    height: auto !important;
    background-image: none !important;
    background-color: #080b2b !important;
}
header#masthead.fixed {
    background-image: none !important;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background: #080b2b !important;
}
header#masthead .site-header-main > .logo {
    width: 150px !important;
    top: unset;
}
header#masthead .site-header-main > .navigations_bar {
    width: calc(100% - 150px) !important;
    padding-left: 15px !important;
    display: flex !important;
    justify-content: end !important;
    align-items: center;
    font-family: 'Hanken Grotesk' !important;
}
header#masthead .mega-menu-wrap {
    background: none;
}
header#masthead #mega-menu-primary>li.mega-menu-item {
    margin: 0 25px 0 0;
}
header#masthead #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
    color: #fff !important;
    font-size: 16px;
    font-weight: 400 !important;
    text-transform: capitalize;
    position: relative;
    outline-offset: initial;
    outline: 0;
    padding: 0;
    font-family: 'Hanken Grotesk' !important;
}
header#masthead .navigations_bar .headerBtn {
    background: #C8112D;
    border:  1px solid #C8112D;
    color: #fff !important;
    font-weight: 600;
    font-size: 16px;
    border-radius: 5px;
    padding: 10px 15px !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
    margin-left: 25px;
    width: auto;
    min-width: 175px;
}
header#masthead .navigations_bar .headerBtn:hover {
    border: 1px solid #fff;
    background: transparent;
}
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner, 
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::before, 
#mega-menu-wrap-primary .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-inner::after {
    background-color: #fff;
}
#mega-menu-wrap-primary .mega-menu-toggle {
    margin-top: 4px;
}

main#mainContent {
    margin-top: 70px !important;
}

header#masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    color: #000;
    font-weight: 500;
    background: #ffffff;
}
header#masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover, 
header#masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:focus,
header#masthead #mega-menu-wrap-primary #mega-menu-primary > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item a.mega-menu-link {
    background: #C8112D;
    font-weight: 500;
    color: #fff;
} */



div#site-header-menu .mega-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item:(.widget_custom_html) a:hover,
div#site-header-menu .mega-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item a:focus,
div#site-header-menu .mega-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item a {
    color: #3585D0 !important;
}

body .textwidget.custom-html-widget a.mega-menu-link:hover {
    color: #000 !important;
}

div#site-header-menu .mega-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item ul.mega-sub-menu li.mega-menu-item a {
    color: #000 !important;
    font-weight: 400 !important;
}

div#site-header-menu .mega-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item ul.mega-sub-menu li.mega-menu-item a:hover,
div#site-header-menu .mega-menu li.mega-menu-item ul.mega-sub-menu li.mega-menu-item.mega-current-menu-item ul.mega-sub-menu li.mega-menu-item a:focus {
    color: #3585D0 !important;
}


.fiCustombBtn {
    position: relative !important;
    padding: 18px !important;
    border: none !important;
    cursor: pointer !important;
    display: inline-block !important;
}

.fiCustombBtn span {
    border: 2px solid #ffffff !important;
    background: #fff !important;
    width: 65px !important;
    height: 65px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    border-radius: 35px !important;
    padding: 5px 0px 5px 18px !important;
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    text-align: left !important;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease !important;
}

.fiCustombBtn span img {
    width: 25px !important;
}

/* .fiCustombBtn::before {  
    content: '' !important;
    width: 65px !important;
    height: 65px !important;
    border: 1px solid #fff !important;
    left: 5px !important;
    top: -1px !important;
    position: absolute !important;
    border-radius: 35px !important;
} */
.fiCustombBtn p {
    font-size: 20px !important;
    font-weight: 600 !important;
    margin-left: 75px !important;
    color: #fff !important;
    z-index: 1 !important;
    position: relative !important;
    -webkit-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    transition: all 0.4s ease !important;
    white-space: nowrap;
    line-height: 1.6;
}

.fiCustombBtn:hover span {
    width: 100% !important;
}

.fiCustombBtn:hover::before {
    display: none !important;
}

.fiCustombBtn:hover p {
    color: #c8112d !important;
    margin-left: 45px !important;
}

.fiCustombBtn.btnDark span {
    border: 2px solid #1F53B5 !important;
    background: #1F53B5 !important;
    box-shadow: 1px 2px 0px 1px #30c7d9 !important;
}

.fiCustombBtn.btnDark span img {
    filter: brightness(20) !important;
}

.fiCustombBtn.btnDark::before {
    border: 1px solid #E11D3B !important;
}

.fiCustombBtn.btnDark p {
    color: #1B38AD !important;
}

.fiCustombBtn.btnDark:hover span {
    border: 2px solid #1F53B5 !important;
    background: #ffffff !important;
    box-shadow: none !important;
}

.fiCustombBtn.btnDark:hover span img {
    filter: unset !important;
}

.fiCustombBtn.btnDark:hover p {
    color: #1B38AD !important;
}

.fiCustombBtn.sizeSmall {
    padding: 8px 10px !important;
}

.fiCustombBtn.sizeSmall span {
    width: 40px !important;
    height: 40px !important;
    padding: 5px 0px 5px 9px !important;
}

.fiCustombBtn.sizeSmall:hover span {
    width: 100% !important;
}

.fiCustombBtn.sizeSmall span img {
    width: 18px !important;
}

.fiCustombBtn.sizeSmall::before {
    width: 40px !important;
    height: 40px !important;
    left: 3px !important;
}

.fiCustombBtn.sizeSmall p {
    font-size: 16px !important;
    margin-left: 45px !important;
    line-height: 1.7;
}

.fiCustombBtn.sizeSmall:hover p {
    margin-left: 30px !important;
}

.maxWidth-380 {
    width: 380px;
}

.fiSimpleBtn {
    display: inline-block;
    padding: 15px 15px 13px;
    color: #fff;
    background-color: #c8112d;
    border: 2px solid #c8112d;
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px;
    font-weight: 700;
    line-height: normal;
    border-radius: 5px;
}

.fiSimpleBtn:hover,
.fiSimpleBtn:focus {
    color: #000;
    background-color: #fff;
    border: 2px solid #c8112d;
}

header#masthead {
    background: #080b2b !important;
}

.modal.bookaDemoModal {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.modal.bookaDemoModal .modal-dialog {
    width: 100%;
    max-width: 1010px;
    font-family: 'Hanken Grotesk' !important;
    margin: 10px auto !important;
}

.modal.bookaDemoModal .modal-content {
    background: #ffffff;
    color: #000000 !important;
    font-family: 'Hanken Grotesk' !important;
    border-radius: 20px;
}

.modal.bookaDemoModal .modal-header .close {
    background-image: url(../images/modal-close-icon.svg) !important;
    width: 25px;
    height: 25px;
    background-size: 100% 100%;
    background-color: #fff;
    right: 10px;
    top: 10px;
    cursor: pointer;
    z-index: 9;
}

.modal.bookaDemoModal .modal-content .left {
    background-image: url(../images/bookademo-img.png);
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    width: 50%;
}

.modal.bookaDemoModal .modal-content .left h2 {
    font-size: 26px;
    font-weight: 700;
    color: #000;
}

.modal.bookaDemoModal .modal-content .left p {
    font-size: 16px;
    font-weight: 400;
    color: #000;
}

.modal.bookaDemoModal .modal-content .right {
    width: 50%;
}

.modal.bookaDemoModal .right .form-group .form-control {
    box-shadow: none;
    outline: 0;
    background-color: #fff;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    border: 1px solid transparent;
    border-bottom: 1px solid #5A5A5A;
    padding: 0;
    color: #000000;
    font-size: 14px;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 400;
    padding-top: 3px;
}

.modal.bookaDemoModal .right .form-group textarea {
    width: 100%;
    box-shadow: none;
    outline: 0;
    background-color: #fff;
    border-radius: 0;
    height: 85px;
    border: 1px solid transparent;
    border-bottom: 1px solid #5A5A5A;
    padding: 8px 0 0;
    color: #000000;
    font-size: 14px;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 400;
    resize: none;
}

.modal.bookaDemoModal .right .fc_checkbox .wpcf7-checkbox label .wpcf7-list-item-label {
    color: #000;
    font-size: 14px;
    padding-top: 4px;
    font-weight: 400;
    z-index: 1;
}

.modal.bookaDemoModal .right .form-control::-webkit-input-placeholder,
.modal.bookaDemoModal .right textarea::-webkit-input-placeholder {
    color: #000 !important;
    font-family: 'Hanken Grotesk' !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.modal.bookaDemoModal .right .form-control::-moz-placeholder,
.modal.bookaDemoModal .right textarea::-moz-placeholder {
    color: #000 !important;
    font-family: 'Hanken Grotesk' !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.modal.bookaDemoModal .right .form-control:-ms-input-placeholder,
.modal.bookaDemoModal .right textarea:-ms-input-placeholder {
    color: #000 !important;
    font-family: 'Hanken Grotesk' !important;
    font-size: 14px !important;
    font-weight: 400 !important;
}

.modal.bookaDemoModal .right form input[type=submit] {
    width: 100%;
    height: 40px;
    background: #3585D0;
    color: #fff;
    text-transform: capitalize;
    box-shadow: none;
    outline: 0;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 500;
    font-size: 16px;
    border-radius: 30px;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    cursor: pointer;
    padding: 0;
    display: inline-block;
    text-align: center;
}

.modal.bookaDemoModal .right p.bottomMsg {
    font-size: 12px;
}

.modal.bookaDemoModal .right .wpcf7-spinner {
    display: none !important;
}

.modal.bookaDemoModal .right form .wpcf7-response-output {
    margin: .5em 1em 1em;
    font-size: 14px;
}


/* Footer CSS starts here */
footer.site-footer {
    padding-top: 100px;
    color: #fff;
}

footer .foteraboutCompany a img {
    width: 100%;
    max-width: 190px;
}

footer .foteraboutCompany p,
footer .foterCompanyAdres p {
    color: #fff;
    font-size: 16px;
}

footer .foterCompanyAdres h3,
footer .foterServiceMenu h3,
footer .foterMailBox h3,
footer .follow_us h3 {
    color: #fff;
}

footer .foterServiceMenu .menu-item {
    margin-bottom: 15px;
    width: 100% !important;
}

footer .foterServiceMenu .menu-item a,
footer .foterMailBox a {
    color: #fff;
    font-size: 16px;
}

footer .foterMailBox a:hover,
footer .foterMailBox a:focus,
footer .foterServiceMenu .menu-item a:hover,
footer .foterServiceMenu .menu-item a:focus,
footer .foterServiceMenu .menu-item.current-menu-item a {
    color: #3585D0;
}


footer .foterBottomPart .badges img {
    width: auto;
    max-width: 100%;
    max-height: 100px;
}

/* Footer CSS ends here */


/* Home Page CSS starts here */
body.homePage header#masthead {
    background-color: transparent !important;
}

body.homePage header#masthead.fixed {
    background: #0A072A !important;
}

body.page-home main#mainContent {
    overflow: visible;
}

.homeCertificationListSec {
    background-color: #000;
    width: 100%;
    padding: 10px;
}

.homeHeroSec {
    background-image: url(https://www.ficode.com/wp-content/uploads/2025/08/Frame-427319435.webp);
    font-family: 'Hanken Grotesk' !important;
    padding-top: 130px;
    background-position: top center;
    background-repeat: no-repeat;
    background-color: #050412;
    background-size: cover;
    overflow: hidden;
}

.client-sec div {
    border-right: 1px solid #ccc;
}

.client-sec div:last-child {
    border-right: none;
}

.icon-inner {
    display: block;
    border-radius: 15px;
}

.icon-inner:hover {
    box-shadow: 0px 20px 25px 0px #16161626;

}

.homeWhoWeSec .inner-columns {
    color: #3585D0;
    font-size: 28px;
    font-weight: 600;
}

.homeWhoWeSec .inner-columns p {
    color: #000;
}

.homeHeroSec li {
    position: relative;
    font-size: 22px;
    font-weight: 400;
    color: #ffffff;
    padding-left: 35px;
}

.homeHeroSec li::before {
    content: '';
    position: absolute;
    background-image: url(../images/heroTickIcon.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 22px;
    height: 20px;
    left: 0px;
    top: 4px;
}

.homeHeroSec .d-flex a {
    padding: 23px 10px 21px;
    border: 1px solid #fff;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    background-color: #fff;
    width: 90px;
    display: block;
    white-space: unset;
    border-radius: 50%;
    text-transform: uppercase;
    text-align: center;
    line-height: 1.2;
}

.homeHeroSec .d-flex a:hover,
.homeHeroSec .d-flex a:focus {
    background-color: transparent;
    color: #fff;
    border: 1px solid #C00F0C;
}

/*
.homeHeroSec div > a:last-child {
    background-color: transparent;
    color: #fff;
    border: 1px solid #C00F0C;
}
.homeHeroSec div > a:last-child:hover,
.homeHeroSec div > a:last-child:focus {
    background-color: #fff;
    color: #000;
    border: 1px solid #fff;
}

*/

.homeCertificationListSec {
    background-color: #000;
}

.homeCertificationListSec img {
    width: auto;
    max-width: 100%;
    max-height: 100px;
}

.homeCertificationListSec .row>.box {
    border-right: 1px solid #3f3f3f;
}

.homeCertificationListSec .row>.box:last-child {
    border-right: none;
}

.homeIntegrateSec {
    background-color: #f3f6f9;
    font-family: 'Hanken Grotesk' !important;
}

.homeIntegrateSec .innerWrap {
    width: 100%;
    max-width: 840px;
}

.homeIntegrateSec h2 {
    font-size: 40px;
    font-weight: 700;
    color: #000;
}

.homeIntegrateSec p {
    font-size: 20px;
    font-weight: 400;
    color: #000;
}

.homeTrustedSec {
    background: #f5f5f5;
}

.homeTrustedSlider .owl-dots {
    display: none !important;
}

a.awesome_work_box:hover {
    box-shadow: 0px 20px 25px 0px #16161626;
}


.homeDetailsListSec ul {
    background-color: #060725;
    font-family: 'Hanken Grotesk' !important;
}

.homeDetailsListSec ul li {
    color: #fff;
    width: 25%;
    padding: 30px;
}

.homeDetailsListSec ul li .left img {
    min-width: 55px;
    max-width: 55px;
    max-height: 50px;
}

.homeDetailsListSec ul li .right {
    width: auto;
    padding-left: 15px;
    font-size: 50px;
    font-weight: 700;
}

.homeDetailsListSec ul li .right span {
    font-size: 16px;
    font-weight: 300;
    display: block;
}

.homeDetailsListSec ul li:nth-child(even) {
    background-color: #0A1243;
}

.homeProcessSec {
    background-image: url(https://www.ficode.com/wp-content/uploads/2025/08/Frame-427319363.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.homeProcessSec .innerWrap {
    width: 100%;
    max-width: 950px;
}



.homeProcessSec .innerBox {
    position: relative;
}

.homeProcessSec .innerBox::before {
    position: absolute;
    content: '';
    top: 30px;
    left: 50%;
    width: 100%;
    height: 1px;
    border-top: 1px dashed #fff;
    z-index: 0;
}

.homeProcessSec .row>.col-12.col-md-6:last-child .innerBox::before {
    display: none !important;
}

.homeProcessSec .innerBox .icon {
    z-index: 9;
    position: relative;
    width: 60px;
    padding: 2px;
    height: 60px;
    object-fit: contain;
    object-position: center;
    border-radius: 31px;
    box-shadow: 0px 0 12px 0px #0000001a;
    display: flex;
    align-items: center;
}

.homeVideoSec {
    background-color: #fff;
    font-family: 'Hanken Grotesk' !important;
    position: relative;
}

.homeVideoSec video {
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    max-height: 600px;
}

.homeVideoSec video.play+.innerBox {
    display: none;
}

.homeVideoSec .innerBox {
    background-image: url(../images/videoFrameImg.webp);
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-color: #fff;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.homeVideoSec .innerBox::before {
    background-color: rgb(3 25 82 / 60%);
    position: absolute;
    content: '';
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.homeVideoSec .innerBox button {
    background: none;
    width: 100px;
    z-index: 9;
}

.homeVideoSec .innerBox h2 {
    font-size: 34px;
    font-weight: 700;
    color: #fff;
    z-index: 9;
}

.homeVideoSec .innerBox p {
    font-size: 32px;
    font-weight: 300;
    color: #fff;
    z-index: 9;
}

.homeTestimonialSec {
    position: relative;
    overflow: hidden;
}


.homeTestimonialSlider .innerBox {
    background-color: #fff;
    background-repeat: no-repeat;
    background-size: 110px;
    background-position: 25px 25px;
    border: 1px solid #0000001f;
    border-radius: 24px;
    height: 100% !important;
}

.homeTestimonialSlider .owl-stage {
    display: flex;
}

.homeTestimonialSlider .item {
    height: 100% !important;
}

.homeTestimonialSlider .innerBox:hover {
    box-shadow: 0px 10px 15px 0px #16161626;
}

.homeTestimonialSlider .innerBox>p {
    margin: 0px;
}

.readMoreTestimonialBtn {
    background: none;
    padding: 0;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    font-family: 'Hanken Grotesk' !important;
}

.readMoreTestimonialBtn:hover,
.readMoreTestimonialBtn:focus {
    background: none !important;
}

.readMoreTestimonialMoreBtn {
    display: none;
}

.homeTestimonialSlider .owl-stage-outer {
    margin: 0px !important;
}

.homeTestimonialSlider .owl-dots {
    display: none !important;
}

.homeTestimonialSlider .owl-nav {
    top: 40%;
}

.homeTestimonialSlider button.owl-prev,
.homeTestimonialSlider button.owl-next {
    background: none !important;
}

.homeTestimonialSlider button.owl-next span,
.homeTestimonialSlider button.owl-prev span {
    font-size: 0px !important;
    color: transparent !important;
    padding: 0 10px;
    width: 42px;
    height: 42px;
    line-height: unset;
    display: block;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 100;
    background-size: 100% 100%;
}

.homeTestimonialSlider button.owl-next span {
    background-image: url(../images/right_arrow.svg);
}

.homeTestimonialSlider button.owl-prev span {
    background-image: url(../images/left_arrow.svg);
}

.homeServiceSec .innerBox {
    background: #ffffff;
    border-radius: 24px;
    height: 100%;
    border: 1px solid #0000001f;
}

.homeServiceSec .innerBox figure {
    background: none;
    min-width: 40px;
    height: 40px;
    text-align: center;
    padding: 0;
    border-radius: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.homeServiceSec .innerBox h3 {
    color: #000000;
}

.homeServiceSec .innerBox p {
    min-height: 72px;
}

.homeServiceSec .innerBox a {
    color: #0087d0;
}

/* .homeServiceSec .innerBox:hover {
    background: linear-gradient(270deg, #30C7D9 0%, #1A34AC 100%);
    border: none;
    box-shadow: 0px 20px 25px rgba(22, 22, 22, 0.15);

}

.homeServiceSec .innerBox:hover figure {
    background: #fff;
}

.homeServiceSec .innerBox:hover figure img {
    filter: unset;
}

.homeServiceSec .innerBox:hover h3,
.homeServiceSec .innerBox:hover p {
    color: #fff;
}

.homeServiceSec .innerBox:hover .fiCustombBtn span,
.homeServiceSec .innerBox:hover .fiCustombBtn::before {
    border-color: #ffffff !important;
}

.homeServiceSec .innerBox:hover .fiCustombBtn p {
    color: #ffffff !important
}

.homeServiceSec .innerBox .fiCustombBtn:hover p {
    color: #1B38AD !important
} */


body.homePage .site-footer,
.page-template-data-management .site-footer,
.page-template-api-integration .site-footer,
.page-template-software-system-integration .site-footer {
    padding-top: 100px;
}



.site-footer .top_footer .footerbox_right:before,
.site-footer .footerbox_right .our_services h3:after {
    display: none !important;
}

.site-footer .footerbox_left .about_company p {
    line-height: 1.6 !important;
    font-size: 16px !important;
}

.site-footer .foterCertificationList img {
    width: 100%;
}

.site-footer .foterReviewList img {
    width: auto;
    max-height: 130px;
}

body.homePage .our_global_clients.affiliation,
.page-template-data-management .our_global_clients.affiliation {
    display: none !important;
}

.homeTalkFormBox .form-group .form-control {
    box-shadow: none;
    outline: 0;
    background-color: transparent;
    border-radius: 0;
    height: 45px;
    line-height: 45px;
    border: 1px solid transparent;
    border-bottom: 1px solid #fff;
    padding: 0;
    color: #fff;
    font-size: 16px;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 400;
    padding-top: 3px;
}

.homeTalkFormBox .form-group textarea {
    width: 100%;
    box-shadow: none;
    outline: 0;
    background-color: transparent;
    border-radius: 0;
    height: 100px;
    border: 1px solid transparent;
    border-bottom: 1px solid #fff;
    padding: 10px 0 0;
    color: #fff;
    font-size: 16px;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 400;
    resize: none;
}

.homeTalkFormBox .fc_checkbox .wpcf7-checkbox label .wpcf7-list-item-label:before {
    border: 2px solid #fff;
}

.homeTalkFormBox .fc_checkbox .wpcf7-checkbox label input[type=checkbox]:checked+.wpcf7-list-item-label:before {
    background: #fff;
    color: #000000 !important;
}

.homeTalkFormBox .fc_checkbox .wpcf7-checkbox label .wpcf7-list-item-label {
    color: #fff;
    font-size: 14px;
    padding-top: 4px;
    font-weight: 400;
}

.homeTalkFormBox .form-control::-webkit-input-placeholder,
.homeTalkFormBox textarea::-webkit-input-placeholder {
    color: #fff !important;
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.homeTalkFormBox .form-control::-moz-placeholder,
.homeTalkFormBox textarea::-moz-placeholder {
    color: #fff !important;
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.homeTalkFormBox .form-control:-ms-input-placeholder,
.homeTalkFormBox textarea:-ms-input-placeholder {
    color: #fff !important;
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.homeTalkFormBox form input[type=submit] {
    width: 100%;
    height: 40px;
    background: #3585D0;
    color: #fff;
    text-transform: capitalize;
    box-shadow: none;
    outline: 0;
    border: 1px solid #1B38AD;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 500;
    font-size: 16px;
    border-radius: 30px;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    cursor: pointer;
    padding: 0;
    display: inline-block;
    text-align: center;
}

.homeTalkFormBox p.bottomMsg {
    font-size: 14px;
    color: #fff;
}

.homeTalkFormBox .wpcf7-spinner {
    display: none !important;
}

.homeTalkFormBox form .wpcf7-response-output {
    margin: .5em 1.2em 1em !important;
    font-size: 14px;
    color: #fff;
}

.homeTalkFormBox form .intl-tel-input .selected-flag .iti-arrow {
    border-top-color: #fff;
}

.homeTalkFormBox form .intl-tel-input.separate-dial-code .selected-dial-code {
    color: #fff;
}


/* Home Page Css ends here */


/* Data Management Page CSS Starts Here */
.page-template-data-management main#mainContent {
    overflow: visible;
}

.DmHeroSec {
    background-image: url(https://www.ficode.com/wp-content/uploads/2024/08/dm-hero-bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #080715;
    font-family: 'Hanken Grotesk' !important;
}

.DmHeroSec h1 {
    font-size: 46px;
    font-weight: 700;
    color: #fff;
}

.DmHeroSec p {
    font-size: 20px;
    font-weight: 400;
    color: #fff;
}

.DmHeroSec p b {
    color: #E11D3B;
}



.DmCommonDarkSec {
    background-color: #f5f5f5;
}


/* Data Management Page CSS Ends Here */



/* Update API Integration Page CSS Starts Here */
.page-template-api-integration main#mainContent,
.page-template-software-system-integration main#mainContent {
    overflow: visible;
}

section.apiIntiHeroSec {
    background-image: url(../images/api-hero-bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #08061c;
    font-family: 'Hanken Grotesk' !important;
}

.apiIntiHeroSec h1 {
    color: #fff;
}

.apiIntiHeroSec p {
    color: #fff;
}

section.our_global_clients.affiliation {
    display: none !important;
}

/* Update API Integration Page CSS Ends Here */


/* Software Development Page CSS Starts Here */
.page-software-development .home-hero {
    background-image: url(../images/sd-hero-banner.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #080715;
}

.page-template-services-category.page-software-development section.home-hero h1 {
    font-size: 46px !important;
}

/* Software Development Page CSS Ends Here */

/* About Us Page CSS Starts Here */
.inner-banner {
    background-image: url(../images/aboutus-bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #080715;
    font-family: 'Hanken Grotesk' !important;
}

.inner-banner p,
.inner-banner h1 {
    color: #fff;
}

.inner-banner p {
    font-size: 20px !important;
}



.aboutusWhySec p {
    font-size: 16px;
    color: #000;
}

.aboutusWhySec .owl-stage-outer {
    margin: 0 !important;
}

body.page-template-about .our_global_clients.affiliation {
    display: block !important;
    padding: 0px !important;
}

body.page-template-about .our_global_clients.affiliation h3 {
    display: none !important;
}

/* body.page-template-about .our_global_clients.affiliation .container {
    padding: 0px !important;
    max-width: 100% !important;
} */
/* About Us Page CSS Ends Here */


/* Contact Us Page Css starts here */
.newContactBanner {
    /* background-image: url(https://www.ficode.com/wp-content/uploads/2024/08/home-new-bg.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; */
    background-color: #fff;
    font-family: 'Hanken Grotesk' !important;
}

.newContactBanner h1 {
    font-size: 46px;
    color: #000;
    font-weight: 700;
}

.newContactBanner .subtitle {
    font-size: 20px;
    color: #000;
    font-weight: 400;
}

.newContactBanner .iconBox {
    min-width: 70px;
    width: 70px;
}

.newContactBanner .iconBox img {
    width: 100%;
    filter: brightness(0);
}

.newContactBanner .textBox span,
.newContactBanner .textBox a {
    font-size: 16px;
    color: #000;
    font-weight: 400;
}

.newContactBanner .textBox a:hover,
.newContactBanner .textBox a:focus {
    color: #1518a3;
}

.newContactBanner .form-group .form-control {
    box-shadow: none;
    outline: 0;
    background-color: transparent;
    border-radius: 0;
    height: 40px;
    line-height: 40px;
    border: 1px solid transparent;
    border-bottom: 1px solid #000;
    padding: 0;
    color: #000;
    font-size: 16px;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 400;
    padding-top: 3px;
}

.newContactBanner .form-group textarea {
    width: 100%;
    box-shadow: none;
    outline: 0;
    background-color: transparent;
    border-radius: 0;
    height: 100px;
    border: 1px solid transparent;
    border-bottom: 1px solid #000;
    padding: 10px 0 0;
    color: #000;
    font-size: 16px;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 400;
    resize: none;
}

.newContactBanner .fc_checkbox .wpcf7-checkbox label .wpcf7-list-item-label:before {
    border: 2px solid #1518a3;
}

.newContactBanner .fc_checkbox .wpcf7-checkbox label input[type=checkbox]:checked+.wpcf7-list-item-label:before {
    background: #1518a3;
}

.newContactBanner .fc_checkbox .wpcf7-checkbox label .wpcf7-list-item-label {
    color: #000;
    font-size: 14px;
    padding-top: 4px;
    font-weight: 400;
}

.newContactBanner .form-control::-webkit-input-placeholder,
.newContactBanner textarea::-webkit-input-placeholder {
    color: #000 !important;
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.newContactBanner .form-control::-moz-placeholder,
.newContactBanner textarea::-moz-placeholder {
    color: #000 !important;
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.newContactBanner .form-control:-ms-input-placeholder,
.newContactBanner textarea:-ms-input-placeholder {
    color: #000 !important;
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.newContactBanner form input[type=submit] {
    width: 100%;
    height: 40px;
    background: #3585D0;
    color: #fff;
    text-transform: capitalize;
    box-shadow: none;
    outline: 0;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 500;
    font-size: 16px;
    border-radius: 30px;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    cursor: pointer;
    padding: 0;
    display: inline-block;
    text-align: center;
}

.newContactBanner p.bottomMsg {
    font-size: 14px;
    color: #000;
}

.newContactBanner .wpcf7-spinner {
    display: none !important;
}

.newContactBanner form .wpcf7-response-output {
    margin: .5em 1.2em 1em !important;
    font-size: 14px;
    color: #000;
}

.newContactBanner form .intl-tel-input .selected-flag .iti-arrow {
    border-top-color: #000;
}

.newContactBanner form .intl-tel-input.separate-dial-code .selected-dial-code {
    color: #000;
}

.intl-tel-input.separate-dial-code .selected-flag {
    background: none !important;
}

.intl-tel-input.separate-dial-code .selected-dial-code {
    font-size: 14px;
    padding-top: 4px;
}

.newContactBanner form p.bottomMsg.text-center a.text-danger,
.modal.bookaDemoModal .modal-content .right form p.bottomMsg.text-center a.text-danger {
    color: #1F53B5 !important;
}




.newContactIntegrat {
    background-color: #fff;
    font-family: 'Hanken Grotesk' !important;
}

.newContactIntegrat h2 {
    font-size: 46px;
    color: #000;
    font-weight: 700;
}

.newContactIntegrat h3 {
    font-size: 26px;
    color: #000;
    font-weight: 500;
}

.newContactIntegrat ul li {
    position: relative;
    padding: 0px 0px 10px 40px;
    font-size: 16px;
    color: #000;
}

.newContactIntegrat ul li::before {
    position: absolute;
    content: '';
    width: 25px;
    height: 25px;
    background-image: url(../images/dark-check.svg);
    left: 0;
    top: 2px;
}

.newContactIntegrat p {
    font-size: 16px;
    color: #000;
}

.newContactTopCompanies {
    background-color: #181922;
    font-family: 'Hanken Grotesk' !important;
}

.newContactTopCompanies h2 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
    line-height: 1.5;
}


.newContactExpectations {
    background-color: #fff;
    font-family: 'Hanken Grotesk' !important;
}

.newContactExpectations h2 {
    font-size: 46px;
    color: #000;
    font-weight: 700;
    line-height: 1.5;
}

.newContactExpectations img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 115px;
}


.newContactDetailsSec {
    background-color: #fff;
    font-family: 'Hanken Grotesk' !important;
}

.newContactDetailsSec h3 {
    font-size: 28px;
    color: #000;
    font-weight: 700;
}

.newContactDetailsSec a,
.newContactDetailsSec p {
    font-size: 16px;
    color: #000;
    font-weight: 500;
}

.page-contact-us .our_offices {
    display: none !important;
}

/* Contact Us Page Css ends here */




/* FAQ Page Css Starts here */
.faqHeroSec {
    background-image: url(https://www.ficode.com/wp-content/uploads/2024/09/faq_banner.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #080715;
    font-family: 'Hanken Grotesk' !important;
}

.faqHeroSec h1 {
    font-size: 40px;
    color: #fff;
    font-weight: 700;
}

.page-template-faq section.home-globalclient {
    display: none !important;
}

/* FAQ Page Css ends here */

/* blog Page Css Starts here */
.blogHeroBanner {
    background-image: url(../images/blog-bg-banner.png);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #080715;
    font-family: 'Hanken Grotesk' !important;
}


/* blog Page Css ends here */




/* cloud Page Css Starts here */
.cloudHeroSec {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #080715;
    font-family: 'Hanken Grotesk' !important;
}

.cloudHeroSec h1 {
    font-size: 46px;
    color: #fff;
    font-weight: 700;
}

.cloudHeroSec p {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
}

/* cloud Page Css ends here */

/* service Page Css Starts here */
.individual_service_banner,
.techHeroSec {
    background-size: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #080715;
    font-family: 'Hanken Grotesk' !important;
}

.individual_service_banner h1,
.techHeroSec h1 {
    font-size: 46px;
    color: #fff;
    font-weight: 700;
}

.individual_service_banner p,
.techHeroSec p {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
}

section.individual_service_banner.techSecondBanner.industryPages .individual_service_banner_cover p {
    color: #000000 !important;
}

/* service Page Css ends here */

.page-template-methodologies-and-Processes main>section.methodologies-bg.home-whoweare-sec:first-child {
    background-size: inherit;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #080715;
    font-family: 'Hanken Grotesk' !important;
}

.page-template-methodologies-and-Processes main>section.methodologies-bg.home-whoweare-sec:first-child h1 {
    font-size: 46px;
    color: #fff;
    font-weight: 700;
}

.page-template-methodologies-and-Processes main>section.methodologies-bg.home-whoweare-sec:first-child p {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
}


.page-template-portfolio section.portfolio_book_consultation,
.page-template-portfolio section.why-section,
.page-template-portfolio section.projects_count,
.single-ficode-services section.looking_php_developer,
.single-ficode-services section.why-section,
.single-ficode-services section.cafm_faq_Sec,
.single-ficode-services section.php_development_works,
.single-ficode-services .cafmContactSec,
.single-ficode-services section.home-globalclient,
section.fotr_testimonial,
.single-technology section.ficode_web_company.industryPages.skillpage-ind,
.single-technology section#singleHomeContact,
.single-technology section.php_development_works,
.single-technology section.home-globalclient.py-4,
.single-industry #singleHomeContact,
.single-industry section.php_development_works.industryPages,
.single-industry section.ficode_web_company.industryPages,
.single-industry section.individual_service_banner.techSecondBanner.industryPages::before {
    display: none !important;
}

.max-450 {
    width: 450px;
    max-width: 100%;
}


.text-red {
    color: #ff0000 !important;
}

/** API Landing Page CSS Starts Here **/
body.page-template-api-landing-page header#masthead,
body.page-template-api-landing-page .our_global_clients,
body.page-template-api-landing-page footer.site-footer>.container,
body.page-template-cloud-computing header#masthead,
body.page-template-cloud-computing .our_global_clients,
body.page-template-cloud-computing footer.site-footer>.container {
    display: none !important;
}

body.page-template-api-landing-page main#mainContent,
body.page-template-cloud-computing main#mainContent {
    margin-top: 0px !important;
}

header.apilanding_header {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #181A22 0.01%, rgba(7, 9, 26, 0.23) 100%) !important;
    font-family: 'Hanken Grotesk' !important;
    box-shadow: 0px 0px 20px rgb(0 0 0 / 15%);
    position: fixed !important;
    left: 0;
    top: 0;
}

header.apilanding_header.fixed {
    background: #080b2b !important;
}

.postid-1394 section.newServiceAdvancedSec.pt-2.pb-4.pb-md-5 {
    padding-top: 60px !important;
}

header.apilanding_header ul li svg {
    margin-right: 5px;
    position: relative;
    top: 0;
    width: 22px;
    fill: #fff;
    vertical-align: middle;
}

header.apilanding_header ul li a {
    color: #fff;
    font-size: 16px;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 500;
}

header.apilanding_header .navbar-brand img {
    min-width: 150px !important;
}

header.apilanding_header .navbar .ficode-btn {
    height: 34px !important;
    line-height: 30px !important;
    border-radius: 100px !important;
    min-width: 150px;
    margin: 0 !important;
}

header.apilanding_header .navbar .ficode-btn span {
    font-size: 16px;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 500;
}

body.page-template-api-landing-page .text-danger {
    color: #080b2b !important;
}

.apilanding_heroSec {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #080715;
    font-family: 'Hanken Grotesk' !important;
    padding-top: 80px;
}

.apilanding_heroSec h1 {
    font-size: 46px;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
}

.apilanding_heroSec h1 .text-danger {
    color: #3585D0 !important;
}

.apilanding_heroSec p {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
}

.apilanding_heroFormBox {
    background-color: #fff;
    border-radius: 10px;
    box-shadow: 0px 5px 20px rgb(0 0 0 / 30%);
}

.apilanding_heroFormBox .left {
    width: 125px;
}

.apilanding_heroFormBox .right {
    width: calc(100% - 125px);
}

.apilanding_heroFormBox label {
    font-size: 16px;
    color: #000;
    margin: 0px;
}

.apilanding_heroFormBox p {
    margin: 0px !important;
}

.apilanding_heroFormBox h2 {
    font-size: 26px!important;
    color: #252B42;
    font-weight: 700;
}

.apilanding_heroFormBox .form-control {
    outline: 0 !important;
    background-color: #fff !important;
    border-radius: 5px;
    height: 40px;
    line-height: normal;
    border: 1px solid #a5a5a5 !important;
    padding: 4px 15px 0px;
    color: #737373 !important;
    font-size: 16px;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 400;
    outline: none !important;
    box-shadow: none !important;
}

.apilanding_heroFormBox textarea.form-control {
    height: 75px;
    padding: 10px 15px;
}

.apilanding_heroFormBox input:-webkit-autofill,
.apilanding_heroFormBox input:-webkit-autofill:hover,
.apilanding_heroFormBox input:-webkit-autofill:focus,
.apilanding_heroFormBox input:-webkit-autofill:active {
    -webkit-background-clip: text;
    -webkit-text-fill-color: #000;
    transition: background-color 5000s ease-in-out 0s;
}

.apilanding_heroFormBox .form-control::-webkit-input-placeholder,
.apilanding_heroFormBox .form-group textarea::-webkit-input-placeholder {
    color: #737373;
    font-family: 'Hanken Grotesk' !important;
}

.apilanding_heroFormBox .form-control::-moz-placeholder,
.apilanding_heroFormBox .form-group textarea::-moz-placeholder {
    color: #737373;
    font-family: 'Hanken Grotesk' !important;
}

.apilanding_heroFormBox .form-control:-ms-input-placeholder,
.apilanding_heroFormBox .form-group textarea:-ms-input-placeholder {
    color: #737373;
    font-family: 'Hanken Grotesk' !important;
}

.apilanding_heroFormBox input[type=checkbox] {
    display: none !important;
}

.apilanding_heroFormBox .fc_checkbox .wpcf7-checkbox label .wpcf7-list-item-label {
    color: #000;
}

.apilanding_heroFormBox .fc_checkbox .wpcf7-checkbox label .wpcf7-list-item-label:before {
    background: transparent;
    border: 2px solid #000;
}

.apilanding_heroFormBox .fc_checkbox .wpcf7-checkbox label input[type=checkbox]:checked+.wpcf7-list-item-label:before {
    background: #000;
}

.apilanding_heroFormBox input[type=submit] {
    width: 100%;
    height: 50px;
    background-color: #080b2b !important;
    color: #fff !important;
    margin-top: 0;
    box-shadow: none !important;
    outline: none !important;
    border: 1px solid #fff !important;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 600;
    font-size: 20px;
    border-radius: 5px;
    transition: .5s ease-in-out;
    cursor: pointer;
    padding: 0;
    display: inline-block;
    text-align: center;
    text-transform: capitalize;
}

.apilanding_heroFormBox input[type=submit]:hover,
.apilanding_heroFormBox input[type=submit]:focus {
    background-color: #ffffff !important;
    color: #000 !important;
    border: 1px solid #080b2b !important;
}

.apilanding_heroFormBox .wpcf7-spinner {
    display: none !important;
}

.apilanding_heroFormBox p.bottomMsg {
    font-size: 14px;
    color: #000000;
}

.apilanding_heroFormBox .wpcf7-response-output {
    margin: 0px 15px 15px !important;
}

.apilanding_trustedSec {
    background-color: #fff;
    font-family: 'Hanken Grotesk' !important;
}

.page-id-21592 .apilanding_trustedSec h2 {
    font-size: 32px!important;
    color: #000;
    font-weight: 700;
    line-height: 1.5;
    text-transform: capitalize;
}

.apilanding_trustedSec .apiRatingBoxWrap {
    width: 100%;
    max-width: 590px;
}

.apilanding_trustedSec .apiRatingBox {
    max-width: 200px;
}

.apilanding_trustedSec .box {
    width: 25%;
    text-align: center;
}

.apilanding_trustedSec .box img {
    width: 100%;
    max-width: 100px;
}

.apilanding_solutionSec {
    background-color: #F6F7F8;
    font-family: 'Hanken Grotesk' !important;
}

.page-id-21592 .apilanding_solutionSec h2 {
    color: #000;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
}

.page-id-21592 footer.site-footer {
    padding-top: 0px !important;
}

.apilanding_solutionSec .box {
    box-shadow: 0px 1px 4px 0px #00000029;
    background-color: #fff;
}

.apilanding_solutionSec .box img {
    width: 100%;
    max-width: 85px;
}

.page-id-21592 .apilanding_solutionSec .box h3 {
    font-size: 24px!important;
    color: #000;
    font-weight: 700;
}

.apilanding_solutionSec .box p {
    font-size: 16px;
    color: #3D3D3D;
    font-weight: 400;
}

.apilanding_trackSec {
    background-color: #fff;
    font-family: 'Hanken Grotesk' !important;
}

.apilanding_trackSec .imgBox img {
    width: 100%;
    max-width: 600px;
}

.page-id-21592 .apilanding_trackSec h2 {
    font-size: 32px!important;
    color: #000;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
}

.apilanding_trackSec li img {
    width: 100%;
    min-width: 70px;
    max-width: 70px;
    border-radius: 35px;
    box-shadow: 0px 5px 20px #cccccc;
}

.page-id-21592 .apilanding_trackSec li p {
    font-size: 24px!important;
    color: #3D3D3D;
    font-weight: 400;
}
.page-id-21592 .testimonialInnerBox h3 {
    font-size: 24px !important;
}
.page-id-21592 .testimonialInnerBox h3 span{
    font-size: 20px !important;
    font-weight: 500!important;
}
.apilanding_trackSec .ficode-btn {
    overflow: hidden;
    border-radius: 10px !important;
    width: 100%;
    max-width: 450px;
    height: auto !important;
    padding: 5px 10px 3px;
}

.apilanding_trackSec .ficode-btn span {
    font-size: 24px !important;
    font-weight: 600 !important;
}

.apilanding_trackSec .ficode-btn a::before {
    border-radius: 10px !important;
}

.apilanding_integrateSec,
.apilanding_testimonialSec {
    background-color: #F6F7F8;
    font-family: 'Hanken Grotesk' !important;
}

.apilanding_integrateSec h2,
.apilanding_testimonialSec h2 {
    font-size: 36px;
    color: #000;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
}

.apilanding_integrateSec p {
    font-size: 20px;
    color: #626167;
    font-weight: 400;
}

.apilanding_CarouselContainer {
    width: 100%;
    overflow: hidden;
    position: relative;
    max-width: 1740px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

.apilanding_carousel {
    display: flex;
    width: 100%;
    animation: apirightleftscroll 20s linear infinite;
}

.apilanding_carousel_leftToRight {
    display: flex;
    width: 100%;
    animation: apileftrightscroll 20s linear infinite;
}

.apilanding_carouselTrack {
    display: flex;
    width: 100%;
}

.apilanding_carouselSlide {
    width: 10%;
    box-sizing: border-box;
    padding: 20px;
    flex-shrink: 0;
    text-align: center;
}

.apilanding_carouselSlide img {
    width: 100%;
}

@keyframes apirightleftscroll {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes apileftrightscroll {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

@media (max-width:767px) {
    .apilanding_carouselSlide {
        width: 20%;
        padding: 10px;
    }

    @keyframes apirightleftscroll {
        0% {
            transform: translateX(0);
        }

        100% {
            transform: translateX(-200%);
        }
    }

    @keyframes apileftrightscroll {
        0% {
            transform: translateX(-200%);
        }

        100% {
            transform: translateX(0);
        }
    }
}


.apilanding_serviceSec,
.apilanding_procesSec {
    background-color: #fff;
    font-family: 'Hanken Grotesk' !important;
}

.apilanding_serviceSec .imgBox img {
    width: 100%;
    max-width: 550px;
}

.apilanding_serviceSec h2,
.apilanding_procesSec h2 {
    font-size: 36px;
    color: #000;
    font-weight: 700;
    line-height: 1.4;
    text-transform: capitalize;
}

.page-id-21592 .apilanding_serviceSec h3,
.page-id-21592 .apilanding_serviceSec li p {
    font-size: 16px!important;
    color: #3D3D3D;
    font-weight: 400!important;
}

.apilanding_serviceSec li img {
    width: 100%;
    min-width: 70px;
    max-width: 70px;
    border-radius: 35px;
    box-shadow: 0px 5px 20px #cccccc;
}

.apilanding_serviceSec li h4 {
    font-size: 28px;
    color: #000;
    font-weight: 700;
}


.apilanding_procesSec .apiProcesCard {
    box-shadow: 7px 7px 15px rgb(0 0 0 / 16%);
    border-radius: 6px;
    position: relative;
    padding: 35px 25px;
    background: #fff;
    height: 100%;
}

.apilanding_procesSec .apiProcesCard::before {
    content: "1";
    color: #1F57B6;
    opacity: 6%;
    position: absolute;
    font-size: 100px;
    line-height: 1;
    font-weight: 700;
    left: 30px;
    top: 12px;
}

.apilanding_procesSec>.container>.row>.col-md-4:nth-child(2) .apiProcesCard::before {
    content: "2";
}

.apilanding_procesSec>.container>.row>.col-md-4:nth-child(3) .apiProcesCard::before {
    content: "3";
}

.apilanding_procesSec>.container>.row>.col-md-4:nth-child(4) .apiProcesCard::before {
    content: "4";
}

.apilanding_procesSec>.container>.row>.col-md-4:nth-child(5) .apiProcesCard::before {
    content: "5";
}

.apilanding_procesSec>.container>.row>.col-md-4:nth-child(6) .apiProcesCard::before {
    content: "6";
}

.apilanding_procesSec .apiProcesCard img {
    max-width: 70px;
}

.page-id-21592 .apilanding_procesSec .apiProcesCard h3 {
    font-size: 20px!important;
    font-weight: 700;
}

.apilanding_procesSec .apiProcesCard span {
    font-size: 14px;
    display: block;
}

.apilanding_procesSec .apiProcesCard:hover {
    background: linear-gradient(270deg, #30C7D9 0%, #1A34AC 100%);
}

.apilanding_procesSec .apiProcesCard:hover::before {
    color: #ffffff;
    opacity: 50%;
}

.apilanding_procesSec .apiProcesCard:hover img {
    filter: brightness(10);
}

.apilanding_procesSec .apiProcesCard:hover h3 {
    color: #fff;
}

.apilanding_procesSec .apiProcesCard:hover span {
    color: #ffffff;
}

.apilanding_ctaSec {
    background-color: #080b2b;
    font-family: 'Hanken Grotesk' !important;
}

.apilanding_ctaSec .left {
    width: 65px;
}

.apilanding_ctaSec .right {
    width: calc(100% - 65px);
    padding-left: 25px;
}

.apilanding_ctaSec .right h2 {
    font-size: 32px!important;
    color: #fff;
    font-weight: 700;
    text-transform: capitalize;
}

.apilanding_ctaSec .right p {
    font-size: 16px;
    color: #fff;
    line-height: normal;
}


/** API Landing Page CSS Ends Here **/


/* Software System Integration page css starts here */
.page-template-software-system-integration .apiIntiCtaSec .right h2 span {
    font-size: 22px;
    line-height: 1.6;
}

.page-template-software-system-integration section.apiIntiHeroSec {
    background-size: cover !important;
}

.page-template-api-integration .apiEstimationSec form input[type="submit"],
.page-template-software-system-integration .apiEstimationSec form input[type="submit"] {
    max-width: 400px !important;
    margin-left: auto;
    margin-right: auto;
    margin-top: -10px;
    display: block;
}

/* Software System Integration page css ends here */

.iti-mobile .intl-tel-input.iti-container {
    z-index: 999999 !important;
}

.single-ficode-work.postid-17372 .owl-carousel.capabilitie-carousel {
    display: none !important;
}

#mega-menu-wrap-primary #mega-menu-primary li.mega-menu-item-has-children>a.mega-menu-link>span.mega-indicator {
    margin: 0px !important;
}

#mailchimp-form .error-message {
    font-size: 12px;
}

form p.bottomMsg.text-center a.text-danger {
    color: #3585D0 !important;
}


.apiEstimationSec .fc_checkbox .wpcf7-checkbox label .wpcf7-list-item-label:before {
    border: 2px solid #ffffff !important;
}

.apiEstimationSec .fc_checkbox .wpcf7-checkbox label input[type=checkbox]:checked+.wpcf7-list-item-label:before {
    color: #1518a3 !important;
    background: #ffffff !important;
}

.archive.category section.home-globalclient,
.archive.category .home_contact,
.archive.category .innovation_services_section {
    display: none !important;
}

.lessons-learnt .the_solution p.text-right {
    text-align: right !important;
}

body.single-ficode-services .apiEstimationSec .wpcf7 form .wpcf7-response-output,
body.page-api-integration .wpcf7 form .wpcf7-response-output {
    color: #fff !important;
}

.btnTxtCenter {
    display: flex;
    justify-content: center;
    align-items: center;
}

section.technologies_section.technologies_hero .technologies .fc-title,
section.technologies_section.technologies_hero .technologies p,
.page-template-lift-service .service-lift h1 {
    color: #fff !important;
}


.page-template-services.page-id-12 .home-globalclient,
.page-template-services.page-id-12 .home_contact {
    display: none !important;
}

.page-template-services.page-id-12 .col-md-6.mb-3.mb-md-0 {
    margin: 0px !important;
}

.page-template-services.page-id-12 .home-hero h1,
.page-template-lift-service .service-lift h1 {
    margin: 70px 0px !important;
    font-weight: 700 !important;
}


/**************** Career page css starts here ****************/
.job-section {
    font-family: 'Hanken Grotesk' !important;
}

.job-sec-heading {
    color: #fff !important;
    font-size: 60px;
    line-height: 1.2;
    font-weight: 700;
    text-shadow: -1px -1px 0 #30343D, 1px -1px 0 #30343D, -1px 1px 0 #30343D, 1px 1px 0 #30343D;
}

.job-sec-heading span {
    color: #30343D;
    text-shadow: none !important;
    display: block;
    font-weight: 700;
}

.job_box {
    width: 100%;
    background: #fff;
    box-shadow: 0px 10px 25px 0px rgb(0 0 0 / 10%);
}

.job_box_inner {
    width: 100%;
    border-bottom: 1px solid #c6c6c6;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.job_box .job_box_inner:last-child {
    border-bottom: none;
}

.job_box_head {
    width: 50%;
}

.job_box_head .job_box_head_left h4 {
    font-size: 26px;
    font-weight: 700;
    color: #262626;
    text-transform: capitalize;
}

.job_box_head .job_box_head_left p {
    font-size: 16px;
    font-weight: 500;
    color: #616161;
    width: 49%;
    max-width: 49%;
    display: inline-block;
}

.job_box_head .job_box_head_left p span {
    font-size: 20px;
    font-weight: 600;
    color: #262626;
    display: block;
}

.job_description * {
    font-size: 16px;
    font-weight: 500;
}

.job_description ul {
    padding-left: 20px;
}

.job_description ul li {
    margin-bottom: 10px;
    list-style-type: disc !important;
}

.job_description ul>li:last-child {
    margin-bottom: 0;
}

.job_box_foter h5 {
    font-size: 22px;
    font-weight: 700;
    line-height: 1.5;
}

.job_box_foter h6 p {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 5px;
}

.fi-btn {
    height: 48px;
    line-height: 48px;
    border-radius: 100px;
    min-width: 160px;
    cursor: pointer;
    padding: 0 20px;
    background: #3585D0;
    position: relative;
    text-align: center;
}

.fi-btn span {
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    font-size: 16px;
    font-family: 'Hanken Grotesk';
    position: relative;
    z-index: 2;
}

.fi-btn::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    color: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: all .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    border-radius: 100px;
    border: 1px solid #151aa3;
}

.fi-btn:hover::before,
.fi-btn:focus::before {
    width: 100%;
    opacity: 1;
    visibility: visible;
}

.fi-btn:hover span,
.fi-btn:focus span {
    color: #1B38AD;
}

.fi-link {
    color: #3585D0 !important;
}

.fi-link:hover {
    color: #080b2b !important;
}

/**************** Career page css close here ****************/

.bubble-container .agentDetailsText .agentDetailsName,
.bubble-container .agentDetailsText .agentDetailsContent {
    color: #000000 !important;
}


#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    background: #ffffff !important;
    font-size: 15px !important;
    line-height: 38px !important;
    padding: 1px 15px !important;
}



@media (min-width: 1400px) {
    header#masthead #mega-menu-primary>li.mega-menu-item>a.mega-menu-link {
        font-size: 20px !important;
    }
}

@media (max-width: 991px) {
    .container {
        padding-right: 20px !important;
        padding-left: 20px !important;
    }

    .homeDetailsListSec ul {
        flex-wrap: wrap;
    }

    .homeDetailsListSec ul li {
        width: 50%;
    }

    .homeDetailsListSec ul li:nth-child(even) {
        background-color: transparent;
    }

    .homeDetailsListSec ul li:nth-child(1),
    .homeDetailsListSec ul li:nth-child(4) {
        background-color: #0A1243;
    }

    .homeProcessSec .innerBox::before {
        display: none;
    }

    .job_box_head {
        width: calc(100% - 180px);
    }
}

@media (max-width: 991px) {
    header#masthead .site-header-main>.logo {
        width: 130px !important;
    }

    #mega-menu-wrap-primary .mega-menu-toggle+#mega-menu-primary {
        background: #222 !important;
        padding: 0px 0px 0px 0px !important;
        display: none !important;
    }

    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open+#mega-menu-primary {
        display: block !important;
    }

    header#masthead .navigations_bar .headerBtn {
        padding: 6px 8px !important;
        margin-left: 0;
        margin-right: 45px;
        min-width: 140px;
        font-size: 14px;
    }

    .mega-sub-menu li#mega-menu-16926-0-0 {
        display: none !important;
    }

    .homeHeroSec {
        padding-top: 120px;
    }

    .apiIntiTabingSec ul li a {
        font-size: 16px;
    }
}

@media (max-width: 767px) {

    .homeHeroSec span,
    .homeHeroSec p {
        font-size: 16px;
    }

    .homeHeroSec h1,
    .aboutMainBanner h1,
    .apilanding_heroSec h1 {
        font-size: 30px;
    }

    .apilanding_heroSec p,
    .apilanding_solutionSec .box p,
    .apilanding_integrateSec p,
    .apilanding_serviceSec h3,
    .apilanding_serviceSec li p,
    .apilanding_integrateSec p {
        font-size: 16px;
    }

    .apilanding_trackSec li p,
    .apilanding_serviceSec li h4 {
        font-size: 20px;
    }

    .fiCustombBtn {
        padding: 8px 10px !important;
    }

    .fiCustombBtn span {
        width: 40px !important;
        height: 40px !important;
        padding: 5px 0px 5px 9px !important;
    }

    .fiCustombBtn:hover span {
        width: 100% !important;
    }

    .fiCustombBtn span img {
        width: 18px !important;
    }

    /* .fiCustombBtn::before {
        width: 40px !important;
        height: 40px !important;
        left: 3px !important;
    } */
    .fiCustombBtn p {
        font-size: 16px !important;
        margin-left: 45px !important;
    }

    .fiCustombBtn:hover p {
        margin-left: 30px !important;
    }

    .api_auto_slider .api_auto_slide {
        padding: 10px;
    }

    .homeDetailsListSec ul li {
        padding: 15px;
    }

    .homeDetailsListSec ul li .left img {
        min-width: 40px;
        max-width: 40px;
        max-height: 35px;
    }

    .homeDetailsListSec ul li .right {
        padding-left: 10px;
        font-size: 26px;
    }



    .homeVideoSec .innerBox button {
        width: 60px;
    }

    .homeVideoSec .innerBox h2,
    .homeServiceSec .innerBox h3,
    .homeProcessSec .innerBox h3,
    .apilanding_solutionSec .box h3 {
        font-size: 24px;
        min-height: unset;
    }

    .homeVideoSec .innerBox p,
    .homeTestimonialSlider .innerBox h3,
    .homeHeroSec li {
        font-size: 16px;
    }

    .DmHeroSec h1 {
        font-size: 38px;
    }

    .DmHeroSec p,
    .aboutMainBanner p,
    .aboutusWhySec h3,
    .newContactIntegrat h3,
    .newContactBanner .textBox h3,
    .apilanding_heroFormBox h2 {
        font-size: 22px;
    }

    .page-template-services-category.page-software-development section.home-hero h1,
    .digital_hero_sec h1,
    .blogHeroBanner h1,
    .blogHeroBanner h1 p {
        font-size: 36px !important;
        text-align: left !important;
    }

    .newContactBanner h1 {
        font-size: 32px;
    }

    .modal.bookaDemoModal .modal-content .left,
    .modal.bookaDemoModal .modal-content .right {
        width: 100%;
    }

    .apilanding_heroSec {
        padding-top: 120px;
    }

    .homeTestimonialSlider button.owl-next span,
    .homeTestimonialSlider button.owl-prev span {
        width: 35px;
        height: 35px;
    }

    .quiz-container-box .graybg {
        padding: 15px 5px 20px !important;
    }

    .quiz-container .quesMainBox {
        flex-wrap: wrap;
    }

    .quiz-container .quesMainBox .left {
        width: 100%;
    }

    .quiz-container .quesMainBox .left .quiz-title {
        margin-bottom: 5px;
    }

    footer .foterBottomPart .badgesRow {
        display: none !important;
    }

    footer .foterBottomPart .footer_contact {
        margin: 0px !important;
    }



    .job-sec-heading {
        font-size: 45px;
    }

    .job_box_head {
        width: 100%;
    }

    .job_box_head .job_box_head_left h4 {
        font-size: 22px;
    }
}

/***************** New Ficode CSS Ends Here *****************/


/***************** New API Intigration page css starts Here *****************/


.heroInnerList li {
    position: relative;
    font-size: 20px;
    font-weight: 400;
    color: #ffffff;
    padding-left: 35px;
}

.heroInnerList li::before {
    content: '';
    position: absolute;
    background-image: url(../images/heroTickIcon.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 22px;
    height: 20px;
    left: 0px;
    top: 4px;
}

.fiCstmBtn {
    height: 45px;
    line-height: normal;
    border-radius: 100px;
    min-width: 160px;
    color: #fff;
    text-transform: capitalize;
    text-align: center;
    font-weight: 500;
    /* border: 1px solid #1B38AD; */
    cursor: pointer;
    padding: 0 20px;
    background: #3585D0;
    font-size: 16px;
    font-family: 'Hanken Grotesk' !important;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 0 20px;
    position: relative;
}

.fiCstmBtn span {
    font-weight: 600;
}

.fiCstmBtn::before {
    content: "";
    position: absolute;
    bottom: 0;
    width: 0;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    background-color: #fff;
    color: #fff;
    top: 50%;
    left: 50%;
    -webkit-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -ms-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    transition: all .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    border-radius: 100px;
    border: 2px solid #3585D0;
}

.fiCstmBtn:hover::before {
    width: calc(100% + 2px);
    opacity: 1;
    visibility: visible;
}

.fiCstmBtn:hover span {
    color: #3585D0;
    position: relative;
}

.fiCstmBtn.lightEffect {
    border: 1px solid #ffffff;
    background: #08061c;
}

.fiCstmBtn.lightEffect:hover {
    border: 1px solid #08061c;
}

.fiCstmBtn.lightEffect::before {
    background: #3585D0;
    border: 1px solid #1B38AD;
}

.fiCstmBtn.lightEffect:hover span {
    color: #ffffff;
}

.fiCstmBtn2 {
    display: flex;
    gap: 8px;
    align-items: center;
    border: 2px solid #3585D0;
    padding: 6px 16px;
    border-radius: 100px;
    position: relative;
    color: #fff;
    background-color: #3585D0;
    font-family: 'Hanken Grotesk' !important;
}

.fiCstmBtn2 span {
    font-size: 16px;
    font-weight: 500;
}

.fiCstmBtn2::after {
    position: relative;
    content: '';
    background-image: url(../images/fibtn-arrow.svg);
    width: 26px;
    height: 26px;
    background-size: 100% 100%;
    filter: brightness(10);
}

.fiCstmBtn2:hover {
    color: #1F53B5;
    background-color: #ffffff;
}

.fiCstmBtn2:hover::after {
    filter: unset;
}


.apiIntigrationHeroSec {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #08061c;
    font-family: 'Hanken Grotesk' !important;
}

.apiIntigrationWhySec {
    font-family: 'Hanken Grotesk' !important;
}

.apiIntigrationWhySecTab>.nav.nav-tabs {
    width: 100%;
    max-width: 380px;
    padding-right: 30px;
    border: 0;
}

.apiIntigrationWhySecTab>.nav.nav-tabs li a {
    display: flex;
    align-items: center;
    color: #1F53B5;
    padding: 8px;
    gap: 8px;
    filter: saturate(0.5);
    opacity: .7 !important;
}

.apiIntigrationWhySecTab>.nav.nav-tabs li a img {
    width: 100%;
    max-width: 32px;
}

.apiIntigrationWhySecTab>.nav.nav-tabs li a span {
    font-size: 20px;
    font-weight: 500;
}

.apiIntigrationWhySecTab>.nav.nav-tabs li a.active,
.apiIntigrationWhySecTab>.nav.nav-tabs li a:hover {
    filter: none;
    opacity: 1 !important;
    background-color: #E8F1FF;
    border-radius: 12px;
}

.apiIntigrationWhySecTab>.nav.nav-tabs li a.active span,
.apiIntigrationWhySecTab>.nav.nav-tabs li a:hover span {
    font-weight: 700;
}

.apiIntigrationWhySecTab>.tab-content {
    width: 100%;
    max-width: calc(100% - 390px);
}

.apiIntigrationWhySecTab .tab-content-left {
    width: 100%;
}

.apiIntigrationWhySecTab .tab-content-right {
    padding-left: 30px;
    width: 100%;
    max-width: 380px;
    font-size: 18px;
    font-weight: 400;
}



.apiIntigrationCtaSec {
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    background-color: #08061c;
    font-family: 'Hanken Grotesk' !important;
}

.apiIntigrationCtaSec h2 {
    font-size: 32px;
    font-weight: 700;
}

.apiIntigrationTransformSec {
    font-family: 'Hanken Grotesk' !important;
    background-color: #F2F2F2;
}

.apiIntigrationTransformSec ul li img {
    width: 26px;
    min-width: 24px;
}

.advancedSecbox h3 {
    position: relative;
}

.apiIntigrationKindSec.bg-white {
    background-color: #ffffff;
    background-image: none;
}

.apiIntigrationKindSec .fiFlipBox {
    position: relative;
    height: 300px;
}

.apiIntigrationKindSec .fiFlipBox .fiFlipInner {
    position: relative;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden;
}

.apiIntigrationKindSec .fiFlipBox .cardfront {
    transform: rotateY(0);
    transform-style: preserve-3d;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    min-height: 300px;
    /* background: transparent linear-gradient(212deg, #39aafa 0, #65e3fa 100%) 0 0 no-repeat; */
    background-size: cover;
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    backface-visibility: hidden;
    background-size: cover;
}

@media (max-width: 767px) {
    .apiIntigrationKindSec .fiFlipBox {
        position: relative;
        perspective: 1000px;
    }

    .apiIntigrationKindSec .fiFlipBox .cardfront,
    .apiIntigrationKindSec .fiFlipBox .cardback {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-radius: 15px;
        backface-visibility: hidden;
    }

    .apiIntigrationKindSec .fiFlipBox .cardfront {
        animation: flipFront 6s infinite;
    }

    .apiIntigrationKindSec .fiFlipBox .cardback {
        transform: rotateY(180deg);
        animation: flipBack 6s infinite;
    }

    @keyframes flipFront {

        0%,
        45% {
            transform: rotateY(0);
        }

        55%,
        100% {
            transform: rotateY(180deg);
        }
    }

    @keyframes flipBack {

        0%,
        45% {
            transform: rotateY(-180deg);
        }

        55%,
        100% {
            transform: rotateY(0);
        }
    }
}

.apiIntigrationKindSec .fiFlipBox .fiFlipInner .cardfront::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.4;
    border-radius: 15px;
    background-color: inherit;
    backface-visibility: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.apiIntigrationKindSec .fiFlipBox .innercontent {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 20px;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%) translateZ(60px) scale(0.94);
}

.apiIntigrationKindSec .fiFlipBox .cardfront:after {
    position: absolute;
    content: "";
    background: #000;
    inset: 0;
    margin: auto;
    border-radius: 15px;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}

.apiIntigrationKindSec .fiFlipBox .innercontent {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 20px;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%) translateZ(60px) scale(0.94);
}

.apiIntigrationKindSec .fiFlipBox .innercontent h3 {
    color: #fff;
    text-align: center;
    font-weight: 700;
    width: 100%;
    max-width: 295px;
    margin: auto;
}

.apiIntigrationKindSec .fiFlipBox .innercontent p {
    font-size: 14px;
    font-weight: 400;
}

.apiIntigrationKindSec .fiFlipBox .cardback {
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    min-height: 300px;
    background: #3585D0;
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    backface-visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: rotateY(180deg);
    transform-style: preserve-3d;
    color: #fff !important;
}

.apiIntigrationKindSec .cstmsftwr_indstrs_sc .fiFlipBox .cardback {
    background: #126bfb;
}

.apiIntigrationKindSec .fiFlipBox:hover .cardfront {
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
}

.apiIntigrationKindSec .fiFlipBox:hover .cardback {
    transform: rotateY(0);
    transform-style: preserve-3d;
}

.apiIntigrationFaqSec #accordionExample {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: flex-start;
}

.apiIntigrationFaqSec .faq_accordion_box {
    width: calc(50% - 10px);
    background-color: #F2F2F2;
    border-radius: 12px;
    padding: 20px 50px 20px 20px;
}

.apiIntigrationFaqSec .faq_accordion_btn:before {
    background: none !important;
    color: #000000 !important;
    padding: 0 !important;
    left: unset !important;
    right: 18px !important;
    font-size: 16px !important;
    width: 28px !important;
    height: 28px !important;
}

.apiIntigrationFaqSec .faq_accordion_btn[aria-expanded=true]:after {
    display: none;
}

.apiIntigrationFaqSec .faq_accordion_box button span.heading-content {
    width: 100%;
    font-size: 16px;
    font-weight: 600;
}

.apiIntigrationFaqSec .faq_accordion_box p {
    color: #000000;
    font-size: 16px;
    line-height: 1.5;
    padding-top: 15px;
}



.fotrFeaturedBlogList {
    display: grid;
    grid-template-columns: auto auto;
    gap: 15px;
}

.fotrFeaturedBlogBox {
    background-color: #5791FF24;
    border-radius: 12px;
}

body.homePage .fotrFeaturedBlogBox {
    width: 100%;
    max-width: 720px;
}

.fotrFeaturedBlogList>div:nth-child(1) {
    grid-column: 1;
}

.fotrFeaturedBlogList>div:nth-child(2) {
    grid-column: 2;
    grid-row: 1 / span 2;
}

.fotrFeaturedBlogList>div:nth-child(3) {
    grid-column: 1;
}

.fotrFeaturedBlogBox .left img {
    width: 200px;
    height: 180px;
    object-fit: cover;
    border-radius: 12px;
}

.fotrFeaturedBlogBox .right {
    width: calc(100% - 220px);
    font-family: 'Hanken Grotesk' !important;
}

.fotrFeaturedBlogBox .right h3,
.fotrFeaturedBlogBox .right h3 span,
.fotrFeaturedBlogBox .right h3 a {
    font-size: 18px;
    color: #1F53B5;
    font-weight: 500;
}

.fotrFeaturedBlogBox .right small {
    font-size: 16px;
    color: #4D689A;
    font-weight: 500;
}

.fotrFeaturedBlogList>div:nth-child(2) .left,
.fotrFeaturedBlogList>div:nth-child(2) .left img {
    width: 100%;
    height: 240px;
    order: 2;
}

.fotrFeaturedBlogList>div:nth-child(2) .right {
    width: 100%;
    order: 1;
    padding: 0 0 20px !important;
}


.fotrContactFormSec {
    background: #3585D0;
}

.fotrContactFormSec .position-sticky {
    top: 100px;
}

.fotrContactFormSec ul>li>svg {
    width: 22px;
    fill: #fff;
    vertical-align: bottom;
}

.fotrContactFormSec ul>li>a {
    font-size: 16px;
    font-weight: 500;
}

.fotrContactFormSec h3 {
    font-size: 24px;
    font-weight: 600;
}

.fotrContactFormBox form p {
    margin: 0 !important;
}

.fotrContactFormBox .form-group .form-control {
    box-shadow: none;
    outline: 0;
    background-color: rgb(210 210 210 / 25%);
    border-radius: 5px;
    height: 48px;
    line-height: 1.9;
    border: 1px solid rgb(255 255 255 / 20%);
    padding: 6px 16px;
    color: #fff;
    font-size: 16px;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 400;
}

.fotrContactFormBox .form-group textarea {
    box-shadow: none;
    outline: 0;
    background-color: rgb(210 210 210 / 25%);
    border-radius: 5px;
    height: 138px;
    line-height: 1.9;
    border: 1px solid rgb(255 255 255 / 20%);
    padding: 6px 16px;
    color: #fff;
    font-size: 16px;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 400;
    resize: none;
}

.fotrContactFormBox .fc_checkbox .wpcf7-checkbox label .wpcf7-list-item-label:before {
    border: 2px solid #fff;
    border-radius: 4px;
    font-size: 14px !important;
    padding: 1px 0 0 1px !important;
}

.fotrContactFormBox .fc_checkbox .wpcf7-checkbox label input[type=checkbox]:checked+.wpcf7-list-item-label:before {
    background: #fff;
    color: #000000 !important;
}

.fotrContactFormBox .fc_checkbox .wpcf7-checkbox label .wpcf7-list-item-label {
    color: #fff;
    font-size: 16px;
    padding-top: 2px;
    font-weight: 500;
}

.become-partner .form-group.col-12.mb-0.px-2 label {
    font-weight: 500;
}

.fotrContactFormBox .form-control::-webkit-input-placeholder,
.fotrContactFormBox textarea::-webkit-input-placeholder {
    color: #fff !important;
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.fotrContactFormBox .form-control::-moz-placeholder,
.fotrContactFormBox textarea::-moz-placeholder {
    color: #fff !important;
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.fotrContactFormBox .form-control:-ms-input-placeholder,
.fotrContactFormBox textarea:-ms-input-placeholder {
    color: #fff !important;
    font-family: 'Hanken Grotesk' !important;
    font-size: 16px !important;
    font-weight: 400 !important;
}

.fotrContactFormBox form input[type=submit] {
    width: 100%;
    height: 48px;
    background: #3585D0;
    color: #fff;
    text-transform: uppercase;
    box-shadow: none;
    outline: 0;
    border: 0;
    font-family: 'Hanken Grotesk' !important;
    font-weight: 600;
    font-size: 16px;
    border-radius: 5px;
    transition: .5s ease-in-out;
    -webkit-transition: .5s ease-in-out;
    -moz-transition: .5s ease-in-out;
    -ms-transition: .5s ease-in-out;
    cursor: pointer;
    padding: 0;
    display: inline-block;
    text-align: center;
}

.fotrContactFormBox .wpcf7-spinner {
    display: none !important;
}

.fotrContactFormBox form .wpcf7-response-output {
    margin: 0 !important;
    font-size: 14px;
    color: #fff;
}

.fotrContactFormBox form .intl-tel-input .selected-flag .iti-arrow {
    border-top-color: #fff;
}

.fotrContactFormBox form .intl-tel-input.separate-dial-code .selected-dial-code {
    color: #fff;
}

/***************** New API Intigration page css ends Here *****************/

/***************** New Services Page css starts Here *****************/


.newServiceHeroSec {
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-color: #08061c;
    font-family: 'Hanken Grotesk' !important;
    min-height: 100vh;
    display: flex;
    align-items: center;
}



.newServiceComprehensiveSec {
    background-color: #F9F9F9;
}

.newServiceCtaSec {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-color: #08061c;
    font-family: 'Hanken Grotesk' !important;
}

.newServiceKindSec {
    font-family: 'Hanken Grotesk' !important;
    background-color: #08061c;
}

.newServiceKindSec .fiFlipBox {
    position: relative;
    height: 300px;
}

.newServiceKindSec .fiFlipBox .fiFlipInner {
    position: relative;
    width: 100%;
    height: 100%;
    backface-visibility: hidden;
    transform-style: preserve-3d;
    perspective: 1000px;
    -ms-transform-style: preserve-3d;
    -webkit-transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -webkit-backface-visibility: hidden;
}

.newServiceKindSec .fiFlipBox .cardfront {
    transform: rotateY(0);
    transform-style: preserve-3d;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.newServiceKindSec .fiFlipBox .cardfront {
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    min-height: 300px;
    /* background: transparent linear-gradient(212deg, #39aafa 0, #65e3fa 100%) 0 0 no-repeat; */
    background-size: cover;
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    backface-visibility: hidden;
    background-size: cover;
}

.newServiceKindSec .fiFlipBox .fiFlipInner .cardfront::before {
    content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    opacity: 0.4;
    border-radius: 15px;
    background-color: inherit;
    backface-visibility: hidden;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -ms-border-radius: 15px;
    -o-border-radius: 15px;
}

.newServiceKindSec .fiFlipBox .innercontent {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 20px;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%) translateZ(60px) scale(0.94);
}

.newServiceKindSec .fiFlipBox .cardfront:after {
    position: absolute;
    content: "";
    background: #000;
    inset: 0;
    margin: auto;
    border-radius: 15px;
    opacity: 0.5;
    width: 100%;
    height: 100%;
}

.newServiceKindSec .fiFlipBox .innercontent {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 20px;
    outline: 1px solid transparent;
    -webkit-perspective: inherit;
    perspective: inherit;
    z-index: 2;
    top: 50%;
    transform: translateY(-50%) translateZ(60px) scale(0.94);
}

.newServiceKindSec .fiFlipBox .innercontent h3 {
    color: #fff;
    font-size: 28px;
    text-align: center;
    font-weight: 700;
    width: 100%;
    max-width: 295px;
    margin: auto;
}

.newServiceKindSec .fiFlipBox .innercontent p {
    font-size: 14px;
    font-weight: 400;
}

.newServiceKindSec .fiFlipBox .cardback {
    background-size: cover;
    background-position: center;
    border-radius: 15px;
    width: 100%;
    height: 100%;
    min-height: 300px;
    background: transparent linear-gradient(212deg, #39aafa 0, #65e3fa 100%) 0 0 no-repeat;
    transition: transform 0.7s cubic-bezier(0.4, 0.2, 0.2, 1);
    backface-visibility: hidden;
}

.newServiceKindSec .fiFlipBox .cardback {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transform: rotateY(180deg);
    transform-style: preserve-3d;
}

.newServiceKindSec .cstmsftwr_indstrs_sc .fiFlipBox .cardback {
    background: #126bfb;
}

.newServiceKindSec .fiFlipBox:hover .cardfront {
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
}

.newServiceKindSec .fiFlipBox:hover .cardback {
    transform: rotateY(0);
    transform-style: preserve-3d;
}




.newServiceAdvancedSec .advancedSecbox {
    background-size: cover;
    background-position: center right;
    background-repeat: no-repeat;
    background-color: #08061c;
    font-family: 'Hanken Grotesk' !important;
    border-radius: 12px;
    min-height: 285px;
    transition: all 0.6s ease;
    position: relative;
}

.newServiceAdvancedSec .advancedSecbox::before {
    content: '';
    background-color: transparent;
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
    transition: all 0.6s ease;
}

.newServiceAdvancedSec .advancedSecbox:hover::before {
    background-color: rgb(0 0 0 / 40%);
    transition: all 0.6s ease;
}

.newServiceAdvancedSec .advancedSecbox p {
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.6s ease;
    margin: 0;
    padding: 0;
    position: relative;
}

.newServiceAdvancedSec .advancedSecbox:hover p {
    max-height: 300px;
    opacity: 1;
    padding-top: 10px;
}

.page-template-digital_transformation .newServiceHeroSec,
.single-ficode-services.postid-13940 .newServiceHeroSec {
    padding-bottom: 100px !important;
}


.page-template-digital_transformation .counter-content {
    margin-bottom: -100px;
}

.counter-content {
    background: #3585D0;
    padding: 22px 32px;
    border-radius: 12px;
    font-family: 'Hanken Grotesk' !important;
    margin-top: -90px;
    z-index: 9;
    position: relative;
}

.counter-content .box {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.counter-content .numberCounterBox {
    font-size: 64px;
    font-weight: 600;
}

/* api develpoment section style starts */
.newServiceHoverTabingSec {
    background: #09193D !important;
}

.newServiceHoverTabingSec>* {
    position: relative;
    z-index: 1;
}

.newServiceHoverTabingSec .left {
    border: 1px solid #FFFFFF5E;
    border-radius: 12px;
    height: 608px;
}

.newServiceHoverTabingSec .steps-container {
    display: flex;
    flex-direction: row;
    gap: 8px;
    min-height: 612px;
    max-height: 612px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 12px;
}

.newServiceHoverTabingSec .steps-container .steps {
    display: grid;
    grid-template-columns: 32px 1fr;
    column-gap: 18px;
    align-items: center;
    border: 1px solid #FFFFFF5E;
    border-radius: 6px;
    padding: 24px;
    max-height: 115px;
    min-height: 115px;
    background-color: rgb(255 255 255 / 10%);
    min-width: 100%;
}

.newServiceHoverTabingSec .steps span {
    background: rgb(255 255 255 / 20%);
    color: #ffffff;
    height: 36px;
    width: 36px;
    border-radius: 36px;
    font-size: 16px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
}

.newServiceHoverTabingSec .steps p {
    font-size: 20px;
    font-weight: 600;
}

.newServiceHoverTabingSec .textContainer {
    padding: 28px 42px;
    display: flex;
    flex-direction: column;
    gap: 32px;
    height: 100%;
    justify-content: center;
    background-color: rgb(255 255 255 / 10%);
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
}

.newServiceHoverTabingSec .textContainer .stepNo button {
    background-color: #1F53B5;
    color: white;
    font-size: 24px;
    padding: 10px 16px;
    border-radius: 100px;
    font-weight: 600;
    text-transform: capitalize;
}

.newServiceHoverTabingSec .stepDescription ul li {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    padding-left: 30px;
    padding-bottom: 10px;
    list-style-type: none;
    position: relative;
}

.newServiceHoverTabingSec .stepDescription ul li::before {
    content: '';
    left: 0;
    top: 2px;
    position: absolute;
    width: 18px;
    height: 18px;
    background-image: url(../images/check-icon.png);
    background-size: 100% 100%;
    background-repeat: no-repeat;
}

.newServiceHoverTabingSec .left img {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    object-fit: cover !important;
}

.newServiceHoverTabingSec .nav-pills .nav-link.active {
    background-color: #1F53B5;
}

.newServiceHoverTabingSec .steps.nav-link.active span {
    background-color: #ffffff;
    color: #1F53B5;
}

.newServiceHoverTabingSec .nav-pills .nav-link:hover {
    background-color: #3585D0 !important;
}

.newServiceHoverTabingSec .steps-container::-webkit-scrollbar {
    width: 6px;
    margin-right: 12px;
}

.newServiceHoverTabingSec .steps-container::-webkit-scrollbar-track {
    background: rgba(21, 32, 74, 0.5);
}

.newServiceHoverTabingSec .steps-container::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 4px;
}

.newServiceHoverTabingSec .steps-container::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.6);
}

/* api develpoment section style ends */

/* client section stylng starts */
.newServiceWeBuiltSec .items {
    display: flex;
    flex-direction: column;
    gap: 28px;
    font-family: 'Hanken Grotesk' !important;
}

.newServiceWeBuiltSec .items .box {
    display: grid;
    grid-template-columns: 50px 1fr;
    gap: 18px;
    border: 1px solid #1F53B53D;
    border-radius: 6px;
    padding: 24px;
    align-items: center;
    transition: 0.4s;
}

.newServiceWeBuiltSec .items .box:hover {
    box-shadow: 1px 3px 8px rgba(31, 83, 181, 0.3);
    cursor: pointer;
}

.newServiceWeBuiltSec .items .box p {
    font-size: 20px;
    font-weight: 500;
}

.newServiceWeBuiltSec .imgContainer img {
    object-fit: cover;
    border-radius: 12px;
}

/* client section stylng ends */




.newServiceTechSliderSec {
    background: #f5f5f5;
}


.newServiceTechSliderSec .item button {
    border-bottom: 5px solid #1F53B5;
    width: 100%;
    background: none;
    font-size: 16px;
    font-weight: 600;
    text-align: center;
    color: #1F53B5;
    opacity: 50%;
    filter: grayscale(.5);
    border-radius: 0;
    min-height: 175px;
}

.newServiceTechSliderSec .item button img {
    width: 50px;
    height: 50px;
}

.newServiceTechSliderSec .item button:hover,
.newServiceTechSliderSec .item.active button {
    opacity: 1;
    filter: none;
}

.newServiceTechSliderSec .tab-content-box {
    display: none;
}

.newServiceTechSliderSec .tab-content-box.active {
    display: block;
}

.newServiceTechSliderSec .tab-inner-content>div {
    background-color: #ffffff;
    width: 190px;
    height: 120px;
    border-radius: 60px;
    box-shadow: 0px 10px 15px rgb(0 0 0 / 15%);
    display: flex;
    justify-content: center;
    align-items: center;
}

.newServiceTechSliderSec .tab-inner-content>div img {
    max-width: 95px;
    max-height: 100%;
}

#newServiceTechSlider .owl-nav {
    top: 35%;
}


.newServiceWhyChooseSec {
    background-color: #ffffff;
    font-family: 'Hanken Grotesk' !important;
}

.newServiceWhyChooseSec #whyChooseFaq .card {
    border: 0;
    border-bottom: 1px solid #484848;
}

.newServiceWhyChooseSec #whyChooseFaq .card:last-child {
    border-bottom: none;
}

.newServiceWhyChooseSec #whyChooseFaq .card .card-header {
    border: 0;
    border-radius: 2px;
    padding: 0;
}

.newServiceWhyChooseSec #whyChooseFaq .card .card-header .btn-header-link {
    color: #000000;
    display: block;
    text-align: left;
    padding: 20px 45px 20px 0px;
    font-size: 24px;
    font-weight: 700;
    background-color: white !important;
    white-space: normal;
}

.newServiceWhyChooseSec #whyChooseFaq .card .card-header .btn-header-link.collapsed {
    color: #000000;
}

.newServiceWhyChooseSec #whyChooseFaq .card .card-body {
    font-size: 16px;
    font-weight: 400;
    padding: 0px;
    padding-bottom: 14px;
}

.newServiceWhyChooseSec #whyChooseFaq .card .btn:focus {
    box-shadow: none;
}

.newServiceWhyChooseSec #whyChooseFaq .card .collapse {
    border: 0;
}

.newServiceWhyChooseSec #whyChooseFaq .card .card-header .btn-header-link::after {
    content: "";
    display: inline-block;
    width: 36px;
    height: 36px;
    background-image: url(../images/top-arrow-icon.svg);
    background-size: 14px 14px;
    background-repeat: no-repeat;
    background-position: center;
    background-color: black;
    position: absolute;
    right: 0;
    top: 20px;
    transform: rotate(180deg);
    transition: all 0.6s ease;
}

.newServiceWhyChooseSec #whyChooseFaq .card .card-header .btn-header-link.collapsed::after {
    transform: rotate(0deg);
}



.newServiceOurExpertiseSec {
    font-family: 'Hanken Grotesk' !important;
}

.newServiceOurExpertiseSec .item .box {
    position: relative;
    overflow: hidden;
}

.newServiceOurExpertiseSec .item .box>span {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 50px;
    background-color: #1F53B5;
    border-radius: 70px;
    color: #ffffff;
    font-size: 26px;
    font-weight: 600;
}

.newServiceOurExpertiseSec .item .box>span::after {
    content: '';
    position: absolute;
    left: 76px;
    top: 50%;
    transform: translateY(-50%);
    height: 6px;
    width: 100vw;
    background-color: #1F53B5;
}

.newServiceOurExpertiseSec .item .box p {
    font-size: 16px;
    font-weight: 400;
}

.newServiceOurExpertiseSec .owl-nav {
    position: relative;
    display: flex;
    height: auto;
    justify-content: start;
    top: unset;
    gap: 10px;
    padding-top: 20px;
}

.newServiceOurExpertiseSec .owl-nav button {
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-image: url(../images/api-slider-arrow.png) !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    filter: brightness(0);
    margin: 0 !important;
}

.newServiceOurExpertiseSec .owl-nav button * {
    display: none !important;
}

.newServiceOurExpertiseSec .owl-nav button.owl-next {
    transform: rotate(180deg);
}








.newServiceOngoingSupportSec .innerBox {
    font-family: 'Hanken Grotesk' !important;
    background-color: #F6F6F6;
    border-radius: 12px;
    transition: all 0.6s ease;
    position: relative;
    align-items: center;
}

.newServiceOngoingSupportSec .innerBox img {
    min-width: 50px;
    max-width: 50px;
}



.newServiceOngoingSupportSec .innerBox p {
    font-size: 16px;
    font-weight: 400;
    color: #ffffff;
    max-height: 0;
    opacity: 0;
    overflow: hidden;
    transition: all 0.6s ease;
    margin: 0;
    padding: 0;
    position: relative;
}

.newServiceOngoingSupportSec .innerBox:hover {
    background-color: #1F53B5;
    align-items: start;
}

.newServiceOngoingSupportSec .innerBox:hover img {
    filter: brightness(10);
}

.newServiceOngoingSupportSec .innerBox:hover h3 {
    color: #ffffff;
}

.newServiceOngoingSupportSec .innerBox:hover p {
    max-height: 400px;
    opacity: 1;
    padding-top: 10px;
}


.newServiceHoverTabingSec2 {
    background-color: #0A0824;
    position: relative;
    font-family: 'Hanken Grotesk' !important;
}

.newServiceHoverTabingSec2>* {
    position: relative;
    z-index: 1;
}

.newServiceHoverTabingSec2 .left {
    border: 1px solid #FFFFFF5E;
    border-radius: 12px;
    min-height: 550px;
    background-color: rgb(255 255 255 / 10%);
    padding: 24px 40px;
    display: flex;
    align-items: center;
}

.newServiceHoverTabingSec2 .steps-container {
    display: flex;
    flex-direction: row;
    gap: 8px;
    min-height: 550px;
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 12px;
}

.newServiceHoverTabingSec2 .steps-container .steps {
    display: flex;
    align-items: center;
    border: 1px solid #FFFFFF5E;
    border-radius: 6px;
    padding: 24px;
    min-height: 100px;
    background-color: rgb(255 255 255 / 10%);
    min-width: 100%;
}

.newServiceHoverTabingSec2 .steps p {
    font-size: 22px;
    font-weight: 500;
}

.newServiceHoverTabingSec2 .textContainer {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.newServiceHoverTabingSec2 .stepTitle h3 {
    font-size: 28px;
    font-weight: 700;
    line-height: 1.5;
}

.newServiceHoverTabingSec2 .stepDescription {
    font-size: 16px;
    font-weight: 400;
}

.newServiceHoverTabingSec2 .left img {
    width: 65px;
}

.newServiceHoverTabingSec2 .nav-pills .nav-link.active {
    background-color: #1F53B5;
}

.newServiceHoverTabingSec2 .steps.nav-link.active span {
    background-color: #ffffff;
    color: #1F53B5;
}

.newServiceHoverTabingSec2 .nav-pills .nav-link:hover {
    background-color: #1F53B5 !important;
}

.newServiceHoverTabingSec2 .steps-container::-webkit-scrollbar {
    width: 6px;
    margin-right: 12px;
}

.newServiceHoverTabingSec2 .steps-container::-webkit-scrollbar-track {
    background: rgba(21, 32, 74, 0.5);
}

.newServiceHoverTabingSec2 .steps-container::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 4px;
}

.newServiceHoverTabingSec2 .steps-container::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.6);
}









/* iot expertise section styling starts */
.newServiceIotDevSec {
    position: relative;
    background: #f5f5f5;
}

.newServiceIotDevSec img {
    filter: brightness(0);
}

.newServiceIotDevSec .box {
    display: grid;
    grid-template-columns: 40px 1fr;
    gap: 16px;
    padding: 24px 0px;
    border-top: 3px solid #09193D;
    border-image-slice: 1;
}

.home-whoweare-sec img {
    width: 100%;
}

.newServiceIotDevSec .box .icon img {
    width: 25px;
}

.newServiceIotDevSec .box h3 {
    color: #3585D0;
}

.newServiceIotDevSec .box p {
    font-size: 16px;
    font-weight: 500;
}

/* iot expertise section styling starts */


.newServiceIotDevProceSec .nav-item {
    list-style: none;
    width: 100%;
    max-width: 33.33%;
    font-family: 'Hanken Grotesk' !important;
}

.newServiceIotDevProceSec .box {
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    transition: 0.4s;
    padding: 15px;
    gap: 5px;
}

.newServiceIotDevProceSec .box .icon img {
    width: 50px;
}

.newServiceIotDevProceSec .box .boxTitle {
    font-size: 16px;
    font-weight: 600;
    line-height: 1.3;
    color: #000000;
}

.newServiceIotDevProceSec .nav-link.box:hover,
.newServiceIotDevProceSec .nav-link.box.active {
    color: black !important;
    background-color: transparent !important;
    border: 1px solid rgb(21 24 163 / 50%);
    cursor: pointer;
}

.newServiceIotDevProceSec .tab-pane .textbox {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 40px 14px 14px;
    min-height: 520px;
    display: flex;
    align-items: end;
    font-family: 'Hanken Grotesk' !important;
}

.newServiceIotDevProceSec .tab-pane .textbox p {
    font-size: 14px;
    font-weight: 400;
    background-color: rgb(255 255 255 / 90%);
    border-radius: 6px;
    padding: 20px;
    margin: 0;
}

.faq_accordion_box button {
    text-decoration: none !important;
}

/***************** New Services Page css ends Here *****************/



.dtPageWhySec {
    background: #f5f5f5;
}

.dtPageWhySec #apiServiceslider .apiServicesliderCard {
    padding: 150px 24px 24px;
    background-size: 100% 100%;
    background-position: center bottom;
    min-height: 492px;
    position: relative;
}

.dtPageWhySec #apiServiceslider .apiServicesliderCard:after {
    content: '';
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 22%, rgba(53, 133, 208, 0.4) 67%);
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    z-index: 0;
    border-radius: 11px;
}

.dtPageWhySec #apiServiceslider .apiServicesliderCard img,
.dtPageWhySec #apiServiceslider .apiServicesliderCard p,
.dtPageWhySec #apiServiceslider .apiServicesliderCard h3 {
    position: relative;
    z-index: 999;
}




body.page-template-digital_transformation {
    overflow-x: hidden !important;
}

.page-template-digital_transformation main#mainContent,
.page-template-azure main#mainContent,
.page-template-cloud-computing main#mainContent {
    overflow: visible !important;
}

.dtAssesmentSec .dtNewCard {
    background-color: rgb(23, 38, 79);
    border-radius: 12px;
    padding: 30px 20px;
    display: flex;
    flex-direction: row;
    position: sticky;
    top: 130px;
    transition: background-color 0.5s ease;
    min-height: 300px;
    overflow: hidden;
    align-items: center;
}

.dtAssesmentSec .dtNewCard:hover {
    background-color: #3585D0;
    cursor: pointer;
}

.dtNewCardIcon {
    width: 70px;
}

.dtAssesmentSec .dtNewCard .imgContainer img {
    opacity: 0;
    transform: translateX(100px);
    transition: all 0.8s ease-out;
    object-fit: cover;
    height: 100%;
    border-radius: 12px;
    object-fit: cover;
}

.dtAssesmentSec .dtNewCard .imgContainer img.active {
    opacity: 1;
    transform: translateX(0);
}

.dtSlideSliderWrapper {
    position: relative;
    height: 250vh;
    /* 3 slides x 100vh */
}

.dtSlideSliderWrapper .dtSlideSlider {
    position: sticky;
    top: 0;
    height: 100vh;
    width: 100vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.dtSlideSliderWrapper .slide {
    position: absolute;
    top: 0;
    left: 100%;
    width: 100%;
    height: 100%;
    padding: 120px 25px 80px;
    display: flex;
    align-items: center;
    justify-content: space-around;
    opacity: 0;
    transition: all 0.8s ease-in-out;
}

.dtSlideSliderWrapper .slide.active {
    left: 0;
    opacity: 1;
}

.dtSlideSliderWrapper .dots {
    position: absolute;
    bottom: 40px;
    display: flex;
    gap: 10px;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    background: rgba(72, 121, 212, 0.5);
    height: 5px;
}

.dtSlideSliderWrapper .dot {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #0087d0 !important;
    transition: background-color 0.3s;
    display: flex;
    justify-content: center;
    align-items: center;
}

.dtSlideSliderWrapper .dot.active {
    box-shadow: 0 0 35px -4px rgb(51 223 224 / 100%);
}













.digitalStepSlider.scroll-wrapper {
    position: relative;
    height: 250vh;
    font-family: 'Hanken Grotesk' !important;
    background: #F6F6F6;
}

.digitalStepSlider .sticky-container {
    position: sticky;
    top: 0;
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F6F6F6;
    z-index: 10;
}

.digitalStepSlider .circle {
    width: 350px;
    height: 350px;
    border: 5px solid rgb(31 83 181 / 60%);
    border-radius: 350px;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 25px;
}

.digitalStepSlider .dot {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 50%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #1F53B5;
    transition: all 0.3s ease;
    font-size: 16px;
    font-weight: 600;
    box-shadow: 0 0 15px rgb(31 83 181 / 20%);
}

.digitalStepSlider .dot[data-step="1"] {
    top: -22px;
    left: 50%;
    transform: translateX(-50%);
}

.digitalStepSlider .dot[data-step="2"] {
    top: 50%;
    right: -22px;
    transform: translateY(-50%);
}

.digitalStepSlider .dot[data-step="3"] {
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
}

.digitalStepSlider .dot[data-step="4"] {
    top: 50%;
    left: -22px;
    transform: translateY(-50%);
}

.digitalStepSlider .dot.active {
    background: #3585D0;
    color: #fff;
    border: none;
    width: 50px;
    height: 50px;
    font-size: 22px;
    box-shadow: 0 0 15px rgb(31 83 181 / 40%);
}

.digitalStepSlider .dot.active[data-step="1"] {
    top: -27px;
    left: 50%;
    transform: translateX(-50%);
}

.digitalStepSlider .dot.active[data-step="2"] {
    top: 50%;
    right: -27px;
    transform: translateY(-50%);
}

.digitalStepSlider .dot.active[data-step="3"] {
    bottom: -27px;
    left: 50%;
    transform: translateX(-50%);
}

.digitalStepSlider .dot.active[data-step="4"] {
    top: 50%;
    left: -27px;
    transform: translateY(-50%);
}

.digitalStepSlider .right-cards {
    width: calc(100% - 330px);
    max-width: 650px;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 20px;
    padding-left: 40px;
}

.digitalStepSlider .step {
    opacity: 0;
    transform: translateY(20px);
    /* transition: all 0.5s ease; */
    background: #ffffff;
    border-radius: 18px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 20%);
    padding: 0;
    display: none;
    overflow: hidden;
    width: calc(100% - 30px);
    margin-left: auto;
    margin-right: auto;
}

.digitalStepSlider .step.active {
    opacity: 1;
    transform: translateY(0);
    display: block;
    width: 100%;
}

.digitalStepSlider .step.disabled {
    opacity: 0.4;
    filter: grayscale(50%);
    transform: translateY(0);
    display: block;
}

.digitalStepSlider .step .innerBox>div:first-child {
    border-bottom: 1px solid #CFCFCF;
}

.digitalStepSlider .step .innerBox>div:first-child img {
    width: 48px;
}

.digitalStepSlider .step .innerBox>div:first-child span {
    font-size: 40px;
    font-weight: 700;
    line-height: 1.3;
    color: #6f6f6f;
}

.digitalStepSlider .step.active .innerBox>div:first-child span {
    background: #3585D0;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
}

.digitalStepSlider .step p {
    font-size: 15px;
    color: #000000;
}







/* web development services page */
.webDevelopmentServiceTitle {
    font-size: 40px;
    font-weight: 700;
    line-height: 46px;
    font-family: 'Hanken Grotesk' !important;
}

.webDevelopmentServiceDesc {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    font-family: 'Hanken Grotesk' !important;
}

/* bring you vision style starts here */
.bringYourVisionSec .cardTitle {
    font-size: 22px;
    color: #fff;
    font-family: 'Hanken Grotesk' !important;
}

.bringYourVisionSec .cardTitle.before {
    padding: 12px;
    padding-bottom: 40px;
    z-index: 10;
}

.bringYourVisionSec .leftImageContainer {
    height: 100% !important;
}

.bringYourVisionSec .leftImageContainer img {
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
    width: 100%;
}

.bringYourVisionSec .hoverContent p {
    font-size: 16px;
}

.bringYourVisionRightTop {
    flex: 0;
}

.bringYourVisionRightBottom {
    display: flex;
    flex-grow: 1;
}

.bringYourVisionSec .bringYourVisionImgs {
    display: flex;
    gap: 16px;
    flex-direction: row;
    width: 100%;
    transition: all 0.3s ease;
}

.bringYourVisionSec .bringYourVisionImgs .imgContainer {
    flex: 1;
    min-width: 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 12px;
    display: flex;
    justify-content: center;
    align-items: flex-end;
    position: relative;
    overflow: hidden;
    transition: flex 0.3s ease;
    overflow: hidden;
}

.bringYourVisionSec .imgContainer::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: linear-gradient(to top, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0));

    pointer-events: none;
}

.bringYourVisionSec .bringYourVisionImgs .imgContainer:hover {
    flex: 2;
    z-index: 2;
    cursor: pointer;
}

.bringYourVisionSec .bringYourVisionImgs .imgContainer:hover .cardTitle.before {
    display: none;
}

.bringYourVisionSec .hoverContent {
    position: absolute;
    color: white;
    padding: 18px 28px;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition: opacity 0.3s ease;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: start;
    overflow-x: hidden;
    overflow-y: auto;
}

.bringYourVisionSec .hoverContent::-webkit-scrollbar {
    display: none;
}

.bringYourVisionSec .hoverContent p {
    font-family: 'Hanken Grotesk' !important;
}

.bringYourVisionSec .imgContainer:hover .hoverContent {
    opacity: 1;
}

/* bring you vision style ends here */

/* future ready section style starts */
.futureReadySec {
    background-color: #f5f5f5;
    position: relative;
}


.futureReadySec>* {
    position: relative;
    z-index: 1;
}

.futureReadySec .futureReadyRightCol {
    flex-grow: 1;
}

.futureReadySec .futureReadyRightContent {
    border: 1px solid #FFFFFF5E;
    border-radius: 12px;
    background-color: white;
}

.futureReadySec .futureReadyTabsContainer {
    display: flex;
    flex-direction: row;
    gap: 4px;
    justify-content: space-between;
    overflow-x: hidden;
    /* overflow-y: scroll; */
}

.tabImage.mb-2 {
    margin: .8rem 0 !important;
}

.futureReadySec .futureReadyTabsContainer .tabs {
    display: flex;
    align-items: center;
    column-gap: 8px;
    align-items: center;
    border: 1px solid #0000001f;
    border-radius: 6px;
    padding: 4px 16px;
    min-width: 100%;
}

.futureReadySec .tabs p {
    font-size: 16px;
    font-weight: 600;
    color: rgba(76, 91, 119, 1);
    font-family: 'Hanken Grotesk' !important;
}

.futureReadyRightContent .imgContainer img {
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    object-fit: cover;
    width: 100%;
}

.futureReadySec .futureReadyTextContainer {
    padding: 28px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 100%;
    justify-content: center;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    max-height: 580px;
    overflow-x: hidden;
    overflow-y: auto;
}

.futureReadySec .futureReadyTextContainer::-webkit-scrollbar {
    display: none;
}

.futureReadySec .title {
    font-size: 28px;
    font-weight: 600;
    line-height: 38px;
    font-family: 'Hanken Grotesk' !important;
}

.futureReadySec .desc {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hanken Grotesk' !important;
}

.futureReadySec .listItems {
    list-style: none;
    padding-left: 0px;
    list-style-position: inside;
}

.futureReadySec .listItems li {
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 4px;
    list-style-image: url(https://www.ficode.com/wp-content/uploads/2025/08/future-ready-check-icon.png);
    font-family: 'Hanken Grotesk' !important;
    list-style-position: inside;
}

.futureReadySec .nav-pills .nav-link.active {
    background-color: transparent;
}

.futureReadySec .nav-pills .nav-link:hover {
    background-color: transparent !important;
}

.futureReadySec .tabImage img {
    min-width: 40px;
    height: 40px;
    object-fit: cover;
}

.futureReadySec .tabs.active p {
    color: rgba(0, 0, 0, 1) !important;
}

.futureReadySec .futureReadyTabsContainer::-webkit-scrollbar {
    width: 6px;
    margin-right: 12px;
}

.futureReadySec .futureReadyTabsContainer::-webkit-scrollbar-track {
    background: rgba(21, 32, 74, 0.5);
}

.futureReadySec .futureReadyTabsContainer::-webkit-scrollbar-thumb {
    background-color: rgba(255, 255, 255, 1);
    border-radius: 4px;
}

.futureReadySec .futureReadyTabsContainer::-webkit-scrollbar-thumb:hover {
    background-color: rgba(255, 255, 255, 0.6);
}

/* future ready section style ends */

/* webDevelopmentProcessSec style starts */
.webDevelopmentProcessSec .webDevelopmentServiceDesc {
    width: 80%;
    margin: auto;
}

.webDevelopmentProcessSec .developmentProcessCards {
    gap: 12px;
    flex-wrap: wrap;
}

.webDevelopmentProcessSec .developmentProcessCards .processCard {
    flex: 1;
    position: relative;
    /* padding: 18px; */
    padding: 4px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: flex 0.7s ease;
    min-width: 0;
    overflow: hidden;
    height: 206px;
    flex: 1 1 0;

}

.webDevelopmentProcessSec .processCard .cardContentLeft {
    padding: 8px;
}

.webDevelopmentProcessSec .developmentProcessCards .processCard:hover {
    flex: 4;
    cursor: pointer;
}

/* .developmentProcessCards:hover .processCard .cardTitle {
    font-size: 14px;
    font-family: 'Hanken Grotesk' !important;
} */


.webDevelopmentProcessSec .processCard .hoverContent {
    display: none;
    max-width: 0;
    transition: opacity 0.3s ease, max-width 0.3s ease;
    white-space: wrap;
    overflow: hidden;
    font-size: 16px;
    padding: 0px 0px 0px 22px;
}

.webDevelopmentProcessSec .processCard .hoverContent p {
    font-family: 'Hanken Grotesk' !important;
}

.webDevelopmentProcessSec .processCard:hover .hoverContent {
    display: block;
    max-width: 500px;
}

.webDevelopmentProcessSec .processCard::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 2px;
    height: 100%;
    background: linear-gradient(to bottom,
            rgba(31, 83, 181, 0),
            rgba(31, 83, 181, 1),
            rgba(31, 83, 181, 0));
}

.webDevelopmentProcessSec .processCard:last-child::after {
    display: none;
}

.webDevelopmentProcessSec .cardNumber {
    font-size: 50px;
    font-weight: 500;
    color: rgba(31, 83, 181, 1);
    font-family: 'Hanken Grotesk' !important;
}

.webDevelopmentProcessSec .cardTitle {
    font-size: 16px !important;
    font-weight: 500;
}

/* webDevelopmentProcessSec style ends */

.digitalSuccessSec {
    background-position: center;
    position: relative;
    z-index: 0;
    background: #f5f5f5;
}

.digitalSuccessSec .webDevelopmentServiceTitle {
    width: 78%;
    margin: auto;
}

.digitalSuccessSec .digitalSuccessSubTitle {
    font-size: 28px;
    font-weight: 600;
    line-height: 30px;
    font-family: 'Hanken Grotesk' !important;
}


.digitalSuccessSecCards {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 12px;
}

.digitalSuccessSecCards .card {
    border: 1px solid rgba(255, 255, 255, 0.26);
    border-radius: 6px;
    background-color: #3585D0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 36px 12px;
    color: white;
    transition: background-color 0.6s ease;
}

.digitalSuccessSecCards .card:hover {
    background-color: #09193D;
    cursor: pointer;
}

.digitalSuccessSecCards .card p {
    margin-bottom: 0px;
}

.digitalSuccessSecCards .cardTitle {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hanken Grotesk' !important;
}

.digitalSuccessSec .fiCstmBtn:hover::after {
    filter: brightness(1);
}

/* digitalSuccessSec style ends */

/* web development expertise style starts */

.webDevelopmentExpertiseSec .webDevelopmentServiceDesc {
    width: 80%;
    margin: auto;
}

.expertiseCardsContainer {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 6px;
}

.expertiseCardsContainer .expertiseCard {
    height: 278px;
    position: relative;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.expertiseCardsContainer .expertiseCard .expertiseCard_title {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Hanken Grotesk' !important;
}

.expertiseCardsContainer .expertiseCard::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    /* background-color: rgba(0, 0, 0, 0.6); */
    z-index: 1;
}

/* Shared transition style */
.expertiseCardsContainer .beforeHoverContent,
.expertiseCardsContainer .afterHoverContent {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px;
    text-align: center;
    transition: opacity 0.4s ease, transform 0.4s ease;
    overflow-x: hidden;
    overflow-y: auto;
}

.expertiseCardsContainer .afterHoverContent::-webkit-scrollbar {
    display: none;
}

/* Initial state: show before content */
.expertiseCardsContainer .beforeHoverContent {
    opacity: 1;
    transform: translateY(0);
}

/* Initial state: hide after content */
.expertiseCardsContainer .afterHoverContent {
    opacity: 0;
    transform: translateY(20px);
}

.expertiseCardsContainer .afterHoverContent p {
    font-family: 'Hanken Grotesk' !important;
}

/* Hover: hide before content */
.expertiseCardsContainer .expertiseCard:hover .beforeHoverContent {
    opacity: 0;
    transform: translateY(-20px);
    cursor: pointer;
}

/* Hover: show after content */
.expertiseCardsContainer .expertiseCard:hover .afterHoverContent {
    opacity: 1;
    transform: translateY(0);
    cursor: pointer;
    background-color: rgba(0, 0, 0, 0.6);
}

/* web development expertise style ends */

/* whyChooseSec style starts */

.whyChooseSec {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

.whyChooseSec::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 0;
}

.whyChooseSec>* {
    position: relative;
    z-index: 1;
}

.whyChooseSec .whyChooseCardsContainer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.whyChooseSec .whyChooseCardsContainer .whyChooseCard {
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    padding: 24px;
    background-color: rgba(244, 244, 244, 0.1);
}

.whyChooseSec .whyChooseCard .whyChooseCard_iconContainer {
    height: 60px;
    width: 60px;
    object-fit: cover;
}

.whyChooseSec .whyChooseCard .whyChooseCard_iconContainer img {
    object-fit: cover;
    filter: brightness(0);
}

.whyChooseSec .whyChooseCard:hover {
    box-shadow: 2px 2px 12px rgb(255 255 255 / 40%);
    cursor: pointer;
}

/* whyChooseSec style ends */



/* AI developemnt CSS Starts Here */
.trustedpartner_section_ai,
.AI_to_Accelerate_Business_Transformation {
    background-color: #f5f5f5;
}

.trustedpartner_section_ai .partner-box {
    padding: 44px 32px;

}

.trustedpartner_section_ai .partner-logo img {
    max-width: 152px;
    width: 100%;
    object-fit: contain;
}

.trustedpartner_section_ai .sectionTitle {
    font-size: 28px;
    font-weight: 600;
}

.AI_to_Accelerate_Business_Transformation .newServiceSubTitle {
    max-width: 85%;
    font-size: 16px;
}

.trustedpartner_section_ai .partner-box {
    box-shadow: 115px 112px 45px 0px rgba(12, 60, 157, 0);
}

.future-Ready_AI_Solutions h2 {
    font-size: 36px;
    font-weight: 600;
    font-family: 'Hanken Grotesk';
    letter-spacing: 0;
    line-height: normal;
}

.Meet-Our-Team-of-AI-Experts .card-body.text-center {
    min-height: 13.104rem;
}

.future-Ready_AI_Solutions p {
    font-size: 16px;
    font-family: 'Hanken Grotesk';
}

.future-Ready_AI_Solutions .service-card {
    position: relative;
    background-size: cover;
    background-position: center;
    height: 300px;
    color: white;
    overflow: hidden;
}

.future-Ready_AI_Solutions .service-card .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 1rem;
    text-align: center;
    background-color: transparent;
    transition: opacity 1s ease;
}

.future-Ready_AI_Solutions .custom-cards-block:hover .service-card .overlay {
    background-color: #1F53B5;
    /* blue */


}


.future-Ready_AI_Solutions .service-card:hover .overlay {
    opacity: 1;
}

.future-Ready_AI_Solutions .service-card:hover .overlay p {
    display: block;
}

.future-Ready_AI_Solutions .custom-cards-block:hover .overlay h5 {
    font-size: 20px;
}

.future-Ready_AI_Solutions .service-card .overlay h5 {
    font-weight: 500;
    font-size: 22px;
    font-family: 'Hanken Grotesk';
}

.future-Ready_AI_Solutions .service-card p {
    font-size: 16px;
    font-family: 'Hanken Grotesk';
    font-weight: 400;
    display: none;
}

.future-Ready_AI_Solutions .custom-cards-block {
    padding: 2px;
}

.future-Ready_AI_Solutions .custom-cards-block:first-child,
.future-Ready_AI_Solutions .custom-cards-block:nth-child(4) {
    padding-left: 0;
}

.future-Ready_AI_Solutions .custom-cards-block:nth-child(3),
.future-Ready_AI_Solutions .custom-cards-block:last-child {
    padding-right: 0;
}

.future-Ready_AI_Solutions .solution-btn .fiCstmBtn.lightEffect {
    background-color: #fff;
    color: rgba(31, 83, 181, 1);
    border: 2px solid rgba(31, 83, 181, 1);
}

.future-Ready_AI_Solutions .solution-btn:hover .fiCstmBtn.lightEffect {
    border: 2px solid #fff;
}

.future-Ready_AI_Solutions .bring_your_AI p {
    max-width: 70%;
}

.page-template-ai-development .main-p {
    font-size: 16px;
    font-family: 'Hanken Grotesk';
    text-align: center;
}

.page-template-ai-development .Our_Expertise_img img {
    max-width: 60px;
    width: 100%;

}

.page-template-ai-development .nav-link.box:hover {
    border: none;
    background-color: #1f53b5 !important;
    color: #fff !important;
}

.page-template-ai-development .box:hover .Our_Expertise_img img {
    transition: filter 0.4s ease;
    filter: brightness(0) saturate(100%) invert(100%);
}

.page-template-ai-development .nav-pills .nav-link.active {
    border: unset !important;
    background-color: #0059e1 !important;
}

.page-template-ai-development .nav-pills .nav-link.active img {
    transition: filter 0.4s ease;
    filter: brightness(0) saturate(100%) invert(100%);

}

.page-template-ai-development .nav-pills .nav-link.active {
    background-color: #1f53b5 !important;
    color: #fff !important;

}

.page-template-ai-development .Our_Expertise_in_AI_Development .fiCstmBtn {
    background-color: #fff;
    color: rgba(31, 83, 181, 1);
    border: 2px solid rgba(31, 83, 181, 1);
    margin-left: 20px;
    margin-right: auto;
}

.page-template-ai-development .fiCstmBtn img {
    max-width: 24px;
}

.page-template-ai-development .Our_Expertise_in_AI_Development .fiCstmBtn span {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.page-template-ai-development .fiCstmBtn:hover img {
    transition: filter 0.4s ease;
    filter: brightness(0) saturate(100%) invert(100%);
}

.page-template-ai-development .fiCstmBtn.lightEffect:hover {
    border: 2px solid #08061c;
    border-color: #fff;
}


.Industry_Use_Cases_sec #stepTabsContent2 {
    padding: 0;
}

.Industry_Use_Cases_sec .textContainer {
    display: flex;
    flex-direction: row;
    gap: 20px;
    align-items: center;
}

.Industry_Use_Cases_sec .left img {
    height: 100%;
    width: auto;
}

.Industry_Use_Cases_sec .left {
    min-height: auto;
}

.Industry_Use_Cases_sec .spe-tab-content p {
    font-size: 16px;
    font-weight: 500;
}

.Meet-Our-Team-of-AI-Experts {
    font-family: 'Hanken Grotesk';
    background-color: #F8F8F8;
}

.Meet-Our-Team-of-AI-Experts .item .box {
    position: relative;
    overflow: hidden;
}

.Meet-Our-Team-of-AI-Experts .card-img-top {
    max-width: 160px;
}

.Meet-Our-Team-of-AI-Experts h5 {
    color: rgba(31, 83, 181, 1);
    font-size: 22px;
    font-weight: 700;
}

.Meet-Our-Team-of-AI-Experts .card-text {
    font-size: 16px;
    color: rgba(0, 0, 0, 1);
    font-weight: 500;
}

.Meet-Our-Team-of-AI-Experts span {
    font-weight: 400;
    font-size: 16px;
    color: rgba(0, 0, 0, 1);
}

.Meet-Our-Team-of-AI-Experts .item .box p {
    font-size: 16px;
    font-weight: 400;
}

.Meet-Our-Team-of-AI-Experts .card {
    background-color: #ffffff;
    padding: 24px;
    border: 1px solid #1F53B533;
    border-radius: 12px;
}

.Meet-Our-Team-of-AI-Experts .owl-carousel .owl-nav button.owl-prev,
.Meet-Our-Team-of-AI-Experts .owl-carousel .owl-nav button.owl-next {
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-position: center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    margin: 0 !important;
}

.Meet-Our-Team-of-AI-Experts .owl-nav button {
    filter: unset;

}

.Meet-Our-Team-of-AI-Experts .owl-nav {
    position: absolute;
    top: 45%;
    display: flex;
    justify-content: space-between;
    left: 0;
    width: 100%;
    height: auto;
    gap: 10px;
    padding-top: 20px;
}

/* .owl-carousel,
.owl-carousel .owl-stage-outer,
.owl-carousel .owl-stage,
.owl-carousel .owl-item,
.owl-carousel .item {
    height: 100%;
} */

.full-height-carousel {
    height: 100%;
    /* or any specific height you want */
}

.Our_Expertise_in_AI_Development .newServiceTitle {
    font-size: 40px;
    font-weight: 700;
    text-transform: capitalize;
    font-family: 'Hanken Grotesk' !important;
}

.page-template-ai-development .Our_Expertise_in_AI_Development .main-p {
    font-size: 16px;
    font-family: 'Hanken Grotesk';
    text-align: center;
}

.Our_Expertise_in_AI_Development .nav-item {
    list-style: none;
    width: 100%;
    max-width: 33.33%;
    font-family: 'Hanken Grotesk' !important;
}

.Our_Expertise_in_AI_Development .box {
    min-height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
    transition: 0.4s;
    padding: 15px;
    gap: 5px;
}

.Our_Expertise_in_AI_Development .tab-pane .textbox {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
    padding: 40px 14px 14px;
    min-height: 520px;
    display: flex;
    align-items: end;
    font-family: 'Hanken Grotesk' !important;
}

.Our_Expertise_in_AI_Development .tab-pane .textbox p {
    font-size: 14px;
    font-weight: 400;
    background-color: rgb(255 255 255 / 90%);
    border-radius: 6px;
    padding: 20px;
    margin: 0;
}

/* AI developemnt CSS Ends Here */


/* cloud developemnt CSS starts Here */

.dtPageWhySecslide .kkapiServicesliders {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 10px 20px 20px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.dtPageWhySecslide .custom-padding {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.dtPageWhySecslide .tab-pane .owl-stage-outer:before {
    border: unset;
}

.dtPageWhySecslide .owl-prev img {
    max-width: 30px;
}

.dtPageWhySecslide .owl-next img {
    max-width: 30px;
    margin-right: -20px !important;
}

.dtPageWhySecslide .step-number {
    font-size: 49px;
    font-weight: 500;
    color: rgba(31, 83, 181, 1);
    margin-bottom: 5px;
    font-family: 'Hanken Grotesk';
}

.dtPageWhySecslide .step-title {
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 8px;
    color: rgba(0, 0, 0, 1);
    font-family: 'Hanken Grotesk';
}

.dtPageWhySecslide .step-description {
    font-size: 16px;
    color: rgba(0, 0, 0, 1);
    font-family: 'Hanken Grotesk';
}

.dtPageWhySecslide #myTab {
    max-width: max-content;
    display: block;
    margin: auto;
}

.dtPageWhySecslide .nav-tabs .nav-link.active {
    color: rgba(0, 0, 0, 1) !important;
    font-weight: 600;
    border-bottom: 2px solid rgba(31, 83, 181, 1) !important;
}

.dtPageWhySecslide .nav-tabs .nav-link {
    color: rgba(116, 116, 116, 1);
    font-size: 20px;
    border: unset;
    font-family: "Montserrat";
}

.dtPageWhySecslide .nav-tabs .nav-link:focus,
.dtPageWhySecslide .nav-tabs .nav-link:hover {
    border-color: unset;
    border: unset;
}

.dtPageWhySecslide .owl-carousel .owl-stage {
    display: flex;
}

.dtPageWhySecslide .owl-carousel .owl-item {
    display: flex;
    height: auto;
    /* Let the content decide */
}

.dtPageWhySecslide .custom-slide.kkapiServicesliders {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: start;
    /* Optional: Space content nicely */
    height: 100%;
}

.dtPageWhySecslide .owl-carousel .owl-stage-outer {
    padding: 10px;
}

.dtPageWhySecslide .owl-nav {
    position: absolute;
    top: 45%;
    width: 100%;
    height: 1px;
}



.Infinite_Potential_section {
    font-family: 'Hanken Grotesk', sans-serif;

}

.Infinite_Potential_section h2 {
    font-weight: 700;
    font-size: 36px;
    text-align: center;
    max-width: 903px;
    margin: 0 auto 80px;
    font-weight: 600;
}

.Infinite_Potential_section .stat-box {
    text-align: left;
}

.Infinite_Potential_section .stat-number {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 5px;
    position: relative;
    display: inline-block;
}

.Infinite_Potential_section .stat-number::after {
    content: '';
    display: block;
    width: 24px;
    height: 3px;
    background-color: rgba(31, 83, 181, 1);
    margin-top: 4px;
}

.Infinite_Potential_section .stat-description {
    font-size: 16px;
    color: #333;
    margin-top: 10px;
}


/* cloud developemnt CSS ends Here */

/* aws page CSS starts Here */

.awsnewServiceHoverTabingSec {
    position: relative;
    font-family: 'Hanken Grotesk' !important;
}

.awsnewServiceHoverTabingSec>* {
    position: relative;
    z-index: 1;
}

.awsnewServiceHoverTabingSec .steps-container .steps {
    display: flex;
    align-items: center;

}

.awsnewServiceHoverTabingSec .left {
    border: 1px solid #FFFFFF5E;
    border-radius: 12px;
    min-height: 558px;
    background-color: rgb(255 255 255 / 10%);
    padding: 8px 36px;
    display: flex;
    align-items: center;
}

.awsnewServiceHoverTabingSec .textContainer {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.awsnewServiceHoverTabingSec {
    background-color: #fff;
}

.awsFutureReadySec .imgContainer img {
    width: 100%;
}

.page-template-ai-development .awsnewServiceHoverTabingSec .nav-pills .nav-link.active {
    background-color: #fff !important;
    color: rgba(0, 0, 0, 1) !important;
}

.page-template-ai-development .awsnewServiceHoverTabingSec .nav-pills .nav-link {
    border-left: 3px solid #fff;
    border-radius: 0;
}

.page-template-ai-development .awsnewServiceHoverTabingSec .nav-pills .nav-link.active {
    border-left: 3px solid rgba(31, 83, 181, 1) !important;
    border-radius: 0;
}

.awsnewServiceHoverTabingSec .steps {
    max-width: 241px;
}

.awsnewServiceHoverTabingSec .steps p {
    font-size: 20px;
    font-weight: 500;
    color: rgba(0, 0, 0, 1);
}

.awsnewServiceHoverTabingSec .left img {
    width: 100%;
    max-width: 100%;
}


.awswhychooseus {
    position: relative;
    background-image: url(https://www.ficode.com/wp-content/uploads/2025/08/Rectangle-45048.png);
    background-position: center;
    background-repeat: no-repeat;
    color: #ffffff;
    background-size: cover;
    font-family: 'Hanken Grotesk' !important;
}

.awswhychooseus .box {
    padding: 30px 26px;
    border-top: 3px solid;
    border: 1px solid rgba(255, 255, 255, 0.3);
    border-radius: 12px;
    display: flex;
    flex-direction: column;
    min-height: 100%;
}

.awswhychooseus .box .icon img {
    max-width: max-content;
    object-fit: contain;
    max-height: 60px;
    height: 100%;
    width: 100%;
}

.awswhychooseus .box h3 {
    font-size: 22px;
    font-weight: 700;
}

.awswhychooseus .newServiceSubTitle {
    font-size: 16px;
    max-width: 1057px;
    margin: auto;
}

.awsCertifiedDeliverySec .leftSec {
    background-color: #1F53B5;
    border-radius: 8px;
    font-family: 'Hanken Grotesk' !important;
}

.awsCertifiedDeliverySec .leftSec h4 {
    font-size: 24px;
    font-weight: 600;
    font-family: 'Hanken Grotesk' !important;
}

.awsCertifiedDeliverySec .leftSec p {
    font-size: 16px;
    font-family: 'Hanken Grotesk' !important;
}

.awsCertifiedDeliverySec .rightSec {
    background-image: url(../images/bg-sec2.png);
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    font-family: 'Hanken Grotesk' !important;
}

.awsCertifiedDeliverySec .rightSec .imgContainer {
    background-color: rgba(198, 241, 255, 1);
    display: flex;
    justify-content: center;
    align-items: center;
}


.awsCertifiedDeliverySec #cerified-slider .p-img img {
    height: 124px;
    width: 124px;
    object-fit: cover;
    object-position: top;
}

.awsCertifiedDeliverySec #cerified-slider {
    position: relative;
}

.awsCertifiedDeliverySec #cerified-slider .owl-nav {
    left: 6%;
    position: relative;
    display: flex;
    height: auto;
    justify-content: start;
    top: unset;
    gap: 20px;
}

.awsCertifiedDeliverySec .sliderContent .imgSec {
    width: 128px;
    height: 128px;
}

.awsCertifiedDeliverySec .sliderContent .imgSec img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
    object-position: top;
}

.awsCertifiedDeliverySec .sliderContent .name {
    font-size: 22px !important;
    font-weight: 700;
    color: #1F53B5;
    font-family: 'Hanken Grotesk' !important;
}

.awsCertifiedDeliverySec .sliderContent .designation {
    font-size: 16px;
    font-weight: 500;
    font-family: 'Hanken Grotesk' !important;
}

.awsCertifiedDeliverySec .sliderContent .desc {
    font-size: 16px;
    font-weight: 400;
    font-family: 'Hanken Grotesk' !important;
}

/* aws page CSS ends Here */


/* cloud computing ads CSS starts Here */

.page-template-cloud-computing header.apilanding_header {
    background: #080b2b !important;
}

.cloudServicesSection {
    font-family: 'Hanken Grotesk' !important;
    padding-top: 80px !important;
}

.cloudServicesSection .custom-box {
    background: #f8f9fa;
    border: 1px solid #e1e1e1;
    border-radius: 12px;
    padding: 15px;
    width: calc(50% - 1rem);
    font-size: 0.9rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
    gap: 1rem;
}

.cloudServicesSection .custom-icon-block {
    gap: 1rem;
}

.cloudServicesSection h2 {
    font-size: 36px;
    font-weight: 600;
}

.cloudServicesSection p {
    font-size: 16px;
    padding-right: 4.5rem;
}

.cloudServicesSection .cloud-service-box-div {
    color: rgba(0, 0, 0, 1);
    display: flex;
    gap: 10px;
    font-weight: 500;
}

.cloudServicesSection h4 {
    font-size: 28px;
    font-weight: 600;
}

.cloudServicesSection .cloud-h6 {
    color: rgba(31, 83, 181, 1);
    font-size: 20px;
    font-weight: 600;
}

.cloudServicesSection .inner-box-content {
    font-size: 14px;
}

.cloudServicesSection.inner-box-content strong {
    font-size: 16px;
}

.cloudServicesSection .cloud-service-box-div img {
    max-width: 24px;
    width: 100%;
}

.apilanding_integrateSec.aDarkSec {
    background-color: #00041D;
}



.cloudComputingForm.fotrContactFormBox {
    background-color: rgb(255 255 255 / 5%);
    padding: 20px;
    border-radius: 12px;
}

.cloudComputingForm.fotrContactFormBox>h3 {
    font-size: 32px;
    font-weight: 700;
}

.cloudComputingForm.fotrContactFormBox .form-group label {
    font-size: 16px;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 2px;
}

.cloudComputingForm.fotrContactFormBox .form-group .form-control {
    height: 38px;
    padding: 5px 14px;
    border: 1px solid rgb(255 255 255 / 15%);
    background-color: rgb(255 255 255 / 15%);
    line-height: 1.5;
}

.cloudComputingForm.fotrContactFormBox .form-group .form-control option {
    color: #000000 !important;
}

.cloudComputingForm.fotrContactFormBox .form-group textarea {
    height: 100px;
    border: 1px solid rgb(255 255 255 / 15%);
    background-color: rgb(255 255 255 / 15%);
    padding: 5px 14px
}

.cloudComputingForm.fotrContactFormBox .form-group .form-control+span.wpcf7-not-valid-tip {
    margin-top: 5px;
}

/* cloud computing ads CSS ends Here */
.AIFutureReadySec .apiIntigrationSubTitle {
    max-width: 1062px;
    margin: auto;
}

.AIHoverTabingSec .steps-container .steps {
    grid-template-columns: 1fr;
}

.AIHoverTabingSec .left-wrapper .stepDescription p {
    color: #fff !important;
    font-size: 16px;
    font-weight: 500;
    padding-bottom: 34px;
}

.AIHoverTabingSec .textContainer {
    gap: 14px !important;
}

.AIExpertiseSec .subTitle {
    max-width: 845px;
    margin: auto;
}

.AIExpertiseSec .fiCstmBtn img {
    filter: brightness(0) saturate(100%) invert(100%);
    /* margin-top: 12px; */
    margin-right: 6px;
    vertical-align: middle;
}

.AIExpertiseSec .fiCstmBtn:hover img {
    filter: none !important;
}

.Meet-Our-Team-of-AI-Experts .card {
    padding: 18px !important;
}

.newServiceHoverTabingSec .steps-container {
    padding: 0px 8px !important;
}

.AIExpertiseSec .nav-link.box:hover,
.AIExpertiseSec .nav-link.box.active {
    border: none;
    background-color: #1f53b5 !important;
    color: #fff !important;
    cursor: pointer;
}

.AIExpertiseSec .box:hover img {
    transition: filter 0.4s ease;
    filter: brightness(0) saturate(100%) invert(100%);
}

.AIExpertiseSec .nav-link.box.active img {
    filter: brightness(0) saturate(100%) invert(100%);
}

.Meet-Our-Team-of-AI-Experts.meetOurTeamAISec .card .card-text {
    font-weight: 500;
}

.AIExpertiseSec .subTitle {
    font-family: 'Hanken Grotesk' !important;
}

.AIExpertiseSec .subTitle {
    max-width: 944px;
}

.AIHoverTabingSec {
    background-color: #00021C !important;
    background-image: none !important;
}

.AIExpertiseSec .tab-pane .textbox p {
    font-size: 16px;
    padding: 24px;
}

/* aws page css */
.awsnewServiceHoverTabingSec .steps-container {
    display: flex;
    flex-direction: row;
    height: 558px;
    overflow-y: auto;
    overflow-x: hidden;
    padding-right: 12px;
}

.awsnewServiceHoverTabingSec .steps-container .steps {
    display: flex;
    align-items: center;
    padding: 8px 16px;
    min-height: 84px;
    min-width: 100%;
    border-left: 3px solid #cacaca;
    border-radius: 0;
}

.awsnewServiceHoverTabingSec .nav-pills .nav-link.active,
.awsnewServiceHoverTabingSec .nav-pills .show>.nav-link {
    background-color: #fff;
    border-left: 3px solid #1F53B5;
}

.awsnewServiceHoverTabingSec .steps-container::-webkit-scrollbar {
    width: 3px;
    margin-right: 12px;
}

.awsnewServiceHoverTabingSec .steps-container::-webkit-scrollbar-track {
    background: #0000000F;
}

.awsnewServiceHoverTabingSec .steps-container::-webkit-scrollbar-thumb {
    background-color: #9C9C9C;
    border-radius: 3px;
}

.awsnewServiceHoverTabingSec .steps-container::-webkit-scrollbar-thumb:hover {
    background-color: #0000000F;

}

/* azure page styling */
.azureCloudservicesSec {
    background-color: #fff;
}

.azureCloudservicesSec .dtNewCard {
    background-color: #F4F4F4;
}

.azureCloudservicesSec .dtNewCard:hover h3,
.azureCloudservicesSec .dtNewCard:hover p {
    color: #fff;
}

.azureCloudservicesSec .dtNewCard:hover .dtNewCardIcon {
    filter: brightness(0) invert(1);
}

.azureCLoudMigrationSec {
    background-color: #fff;
    background-image: none;
}

#cloudMigrationSlider .owl-stage-outer {
    margin-bottom: 0px !important;
}

#cloudMigrationSlider .item {
    padding: 10px 10px 20px;
}

#cloudMigrationSlider .apiServicesliderCard {
    background: rgb(255 255 255 / 20%);
    border-radius: 12px;
    font-family: 'Hanken Grotesk' !important;
    height: 100%;
    position: relative;
    text-align: left;
    padding: 150px 24px 24px;
    background-size: 100% 100%;
    background-position: center bottom;
    min-height: 465px;
}

#cloudMigrationSlider .apiServicesliderCard figure {
    width: 65px;
}

#cloudMigrationSlider .apiServicesliderCard p {
    font-size: 14px;
    font-weight: 400;
}

#cloudMigrationSlider .owl-nav {
    position: relative;
    display: flex;
    height: auto;
    justify-content: center;
    top: unset;
    gap: 20px;
    padding-top: 20px;
}

#cloudMigrationSlider .owl-nav button {
    border: none;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-image: url(../images/left-arrow-slider.svg) !important;
    background-position: center !important;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
}

#cloudMigrationSlider .owl-nav button.owl-next {
    transform: rotate(180deg);
}

#cloudMigrationSlider .owl-nav button * {
    display: none !important;
}


/* Cloud Main page css starts here */

.cloudMainInfinitePotentialSec {
    font-family: 'Hanken Grotesk' !important;
}


.cloudMainInfinitePotentialSec h3::after {
    content: '';
    position: absolute;
    width: 44px;
    height: 6px;
    background-color: #3585D0;
    border-radius: 6px;
    left: 0;
    bottom: 0;
}

.cloudMainProcessTabingSec {
    font-family: 'Hanken Grotesk' !important;
}

.cloudMainProcessTabingSec .kkapiServicesliders {
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    padding: 10px 20px 20px;
    background-color: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05);
}

.cloudMainProcessTabingSec .tab-pane .owl-stage-outer:before {
    border: unset;
}

.cloudMainProcessTabingSec .owl-prev img {
    max-width: 30px;
}

.cloudMainProcessTabingSec .owl-next img {
    max-width: 30px;
    margin-right: -20px !important;
}

.cloudMainProcessTabingSec .step-number {
    font-size: 49px;
    font-weight: 500;
    color: rgba(31, 83, 181, 1);
    margin-bottom: 5px;
    font-family: 'Hanken Grotesk';
}

.cloudMainProcessTabingSec .step-title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 8px;
    color: rgba(0, 0, 0, 1);
    font-family: 'Hanken Grotesk';
}

.cloudMainProcessTabingSec .step-description {
    font-size: 16px;
    color: rgba(0, 0, 0, 1);
    font-family: 'Hanken Grotesk';
}

.cloudMainProcessTabingSec #myTab {
    max-width: max-content;
    display: block;
    margin: auto;
}

.cloudMainProcessTabingSec .nav-tabs {
    border-bottom: unset;
}

.cloudMainProcessTabingSec .nav-tabs .nav-link.active {
    color: rgba(0, 0, 0, 1) !important;
    font-weight: 600;
    border-bottom: 2px solid rgba(31, 83, 181, 1) !important;
}

.cloudMainProcessTabingSec .nav-tabs .nav-link {
    font-size: 20px;

}

.cloudMainProcessTabingSec .nav-tabs .nav-link:focus,
.cloudMainProcessTabingSec .nav-tabs .nav-link:hover {
    border-color: unset;
    border: unset;
}

.cloudMainProcessTabingSec .custom-slide.kkapiServicesliders {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    justify-content: start;
    height: 100%;
}

ul#menu-footer-menu {
    padding-left: 0;
}

@media (max-width: 767px) {
    .tab-filter .tab-content a:nth-child(3n) {
        margin-right: 0% !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    h2 {
        font-size: 28px !important;
    }

    .newServiceHeroSec {
        min-height: auto;
        height: auto;
    }



    .benefits_digital_sec .benefits_box_border {
        height: 100%;
    }

    .benefits_digital_sec .benefits_box {
        padding: 45px;
        height: 100%;
    }

    .benefits_digital_sec .benefits_box img {
        left: unset;
        top: unset;
        transform: none;
        width: 90px;
        max-width: 90px;
        display: block;
        position: relative;
        margin-bottom: 10px;
    }
}

.homeHeroSec {
    position: relative;
}

.homeHeroSec .bg-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
    opacity: 0;
    animation: fadeSlide 20s infinite ease-in-out;
    /* long duration; each div controls delay */
    z-index: 0;
}

@keyframes fadeSlide {
    0% {
        opacity: 0;
    }

    10% {
        opacity: 1;
    }

    30% {
        opacity: 1;
    }

    40% {
        opacity: 0;
    }

    100% {
        opacity: 0;
    }
}

.homeHeroSec>.container {
    position: relative;
    z-index: 1;
}

@media (min-width: 992px) {
    section.homeHeroSec {
        min-height: 100vh;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 991px) {
    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open+#mega-menu-primary {

        height: calc(100vh - 110px);
    }

    button.mega-close,
    #mega-menu-wrap-primary .mega-menu-toggle.mega-menu-open:after {
        display: none !important;
    }

}

.gap {
    gap: 20px;
}

.cards-address {
    background: #ffffff;
    box-shadow: 0px 0 12px 0px #00000040;
    border-radius: 30px;
    height: 100%;
    padding: 20px 15px;
    /* min-height: 235px; */
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.page-id-26490 {
    font-family: 'Hanken Grotesk';
}

.banner-section p {
    font-size: 20px;
    font-weight: 500;
}

.inner-content p {
    font-weight: 500;
    font-size: 18px;
    line-height: 28px;
}

.become-partner .fotrContactFormBox {
    background: #FFFFFF;
    padding: 25px 15px;
    border-radius: 12px;
    box-shadow: 0px 3.64px 32.39px 0px #0B2A6526;
}

.become-partner .fotrContactFormBox textarea,
.become-partner .fotrContactFormBox input {
    background-color: #EEF0F4 !important;
    color: #000 !important;
}

.partners-section,
.why-partner {
    background-color: #F9FAFB;
}

.become-partner .wpcf7-checkbox label .wpcf7-list-item-label {
    color: #000 !important;
}

.become-partner .wpcf7-form-control::placeholder,
.become-partner form .intl-tel-input.separate-dial-code .selected-dial-code {
    color: #5A6477 !important;
}

.become-partner form .intl-tel-input .selected-flag .iti-arrow {
    border-top-color: #5A6477 !important;
}

.become-partner form input[type=submit] {
    border-radius: 50px !important;
    color: #fff !important;
}

.become-partner form input[type=submit]:hover {
    color: #1B38AD !important;
}

.become-partner .fc_checkbox .wpcf7-checkbox label .wpcf7-list-item-label:before {
    border: 2px solid #D9D9D9 !important;
}

.become-partner select {
    appearance: auto;
    text-shadow: none;
    color: #838383 !important;
    background-color: #EEF0F4 !important;
}

.become-partner span.wpcf7-list-item {
    padding-right: 10px !important;
}

.fotrContactFormBox .fc_checkbox .wpcf7-checkbox label .wpcf7-list-item-label {
    margin: 0 15px 10px 0;
}

.logo-box {
    padding: 23px;
    background: #fff;
    border: 0.5px solid #21314E63;
    border-radius: 12px;
    transition: all ease-in-out 0.5s;
    margin-bottom: 23px;
    max-height: 150px;
}

.logo-box:hover {
    box-shadow: 0px 3.64px 14.1px 0px #0B2A652E;
    border-color: transparent !important;
    transition: all ease-in-out 0.5s;

}

body .fiCstmBtn:hover svg path {
    stroke: #1B38AD !important;
    transition: all ease-in-out 0.5s;
}

.inner-container {
    box-shadow: 0px 3.64px 32.39px 0px #0B2A6526;
    border-radius: 12px;
    background-color: #fff;
}


.icon-box {
    box-shadow: 0px 3.64px 32.39px 0px #0B2A6526;
    border-radius: 12px;
    text-align: center;
    height: 100%;
    background-color: #fff;
}

.box-title {
    font-weight: 500;
    font-size: 20px;
    line-height: 30px;
    margin: 10px 0;
}



.approach-section h3 {
    font-weight: 600;
    font-size: 28px;
    line-height: 30px;
}

.list-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    margin-bottom: 10px;
}

@media(min-width:1366px) {
    .banner-section {
        min-height: calc(100vh - 100px);
        padding: 100px 0;
        display: flex;
        align-items: center;
    }
}

@media (max-width: 767px) {


    br {
        display: none;
    }

    .cta-section {
        background-position: center !important;
    }

    h1 {
        line-height: normal !important;
    }

    .page-id-26490 h2 {
        font-size: 26px;
        line-height: 36px;
    }

    .approach-section h3 {
        font-size: 22px;
    }

}

@media (max-width: 1024px) {
    br {
        display: none;
    }

    .cta-section {
        background-position: center !important;
    }
}

.why-partner .col-md-6,
.why-partner .col-lg-4 {
    padding: 0 12px !important;
}

.fotrContactFormSec .fotrContactFormBox {
    box-shadow: 0px 3.64px 32.39px 0px #0B2A6526;
    background: #fff;
    padding: 30px;
    border-radius: 24px;
}

.fotrContactFormSec .fotrContactFormBox textarea::placeholder {
    color: #000 !important;
}

html body .fotrContactFormSec .fotrContactFormBox .form-control::placeholder {
    color: #000 !important;
}

.fotrContactFormSec .fotrContactFormBox form .intl-tel-input.separate-dial-code .selected-dial-code {
    color: #000 !important;
}

.fotrContactFormSec .fotrContactFormBox form .intl-tel-input .selected-flag .iti-arrow {
    border-top-color: #000;
}

section.homeTalkFormSec {
    background: #f5f5f5;
}

.page-template-aws #apiServiceslider .apiServicesliderCard {
    background-color: #f5f5f5;
}

.whyChooseSec::before {
    display: none;
}

.whyChooseSec .whyChooseCardsContainer .whyChooseCard {
    border: 1px solid rgb(0 0 0 / 30%);
    background-color: #f5f5f5;
}

.offer_php_services p a {
    color: #000;
    text-decoration: underline;
}

.individual_service_banner p a {
    color: #fff !important;
    text-decoration: underline;
}

@media (max-width:767px) {
    .contactForm.row {
        margin-left: 0 !important;
    }
}

@media (min-width: 992px) {

    .apiIntigrationHeroSec,
    .DmHeroSec,
    section.individual_service_banner.py-5.industryPages {
        min-height: calc(100vh - 70px);
        display: flex;
        align-items: center;
    }
}

.DmHeroSec p {
    font-size: 20px !important;
}

input.wpcf7-form-control.wpcf7-submit {
    border-radius: 50px !important;
}

.industry-healthcare-app-development .individual_service_banner.techSecondBanner .left a,
.industry-utility-app-development .individual_service_banner.techSecondBanner .left a {
    color: #1F53B5 !important;
    text-decoration: none !important;
}

.page-template-partnership .fotrContactFormSec .fotrContactFormBox .wpcf7-submit {
    background-color: #3585D0 !important;
}

.page-template-partnership .fotrContactFormSec .fotrContactFormBox .wpcf7-submit:hover {
    background-color: transparent !important;
    color: #3585D0 !important;
}

.single-ficode-work #mainContent {
    margin-top: 0px !important;
}

.techHeroSec .ficode-btn {
    background: #3585D0 !important;
    margin: 0px 12px 4px 0px !important;
}

.techCTASec .ficode-btn,
.hire_expert .ficode-btn,
.individual_service_banner .ficode-btn,
.hire_expert .contact_btn {
    background: #3585D0 !important;
}

section.ficode_web_company.benifit-skill h2,
section.ficode_web_company.skill-service h2 {
    margin-bottom: 12px !important;
}

.individual_service_banner .individual_service_banner_cover a,
.individual_service_banner p a {
    color: #0087d0 !important;
}

.page-template-api-integration .apiServiceSec .apiServicesliderCard h3 {
    font-size: 24px !important;
}

.fotrContactFormSec .wpcf7 form.invalid .wpcf7-response-output {
    color: #000 !important;
    text-align: center !important;
}

#mega-menu-wrap-primary #mega-menu-primary>li.mega-menu-flyout ul.mega-sub-menu li.mega-current-menu-item a.mega-menu-link {
    color: #0087d0 !important;
    background-color: red;
}

@media (max-width:767px) {

    .individual_service_banner,
    .newServiceHeroSec {
        position: relative;
    }

    .individual_service_banner:before,
    .newServiceHeroSec:before {
        position: absolute;
        height: 100%;
        width: 100%;
        content: '';
        left: 0;
        top: 0;
        background-color: #09193d94;

    }

    .individual_service_banner .container .row>*,
    .newServiceHeroSec .container .row>* {
        postion: relative;
        z-inde: 99 !important;
    }

    .webDevelopmentProcessSec .processCard .hoverContent {
        display: block !important;
        max-width: unset;
        padding: 0;
    }

    .webDevelopmentProcessSec .developmentProcessCards .processCard {
        display: block;
    }

    .digitalStepSlider .sticky-container {
        height: auto;
    }

    .apiApproachSec .apiApproachCard p,
    .newServiceAdvancedSec .advancedSecbox p {
        opacity: 1;
        max-height: unset;
    }

    .cloudMainProcessTabingSec .nav-tabs .nav-link.active {
        background: #f2f2f2;
    }

    .newServiceIotDevProceSec .nav-link {
        width: 170px;
    }

    .newServiceIotDevProceSec ul.nav {
        display: flex !important;
        flex-wrap: nowrap;
        overflow: scroll;
    }

    .bringYourVisionSec .cardTitle.before {
        display: none;
    }

    .bringYourVisionSec .hoverContent {
        opacity: 1 !important;
    }

    .futureReadySec .futureReadyTabsContainer .tabs {
        width: 200px;
        max-width: unset;
        min-width: auto;
    }

    .futureReadySec .futureReadyTabsContainer {
        flex-direction: unset !important;
        overflow-x: scroll;
        display: flex !important;
        flex-wrap: nowrap;
        overflow-y: hidden;
    }

    .home-hero p {
        text-align: left !important;
    }

    .fotrFeaturedBlogList .left img {
        max-height: 170px !important;
        height: 170px !important;
    }

    .fotrFeaturedBlogList>div:nth-child(2) .left,
    .fotrFeaturedBlogList>div .left {
        height: auto !important;
    }

    ul#menu-quick-links {
        padding: 0;
    }

    .apilanding_header .navbar > ul {
        gap: 10px !important;
    }
    .apilanding_header .navbar a.fiCstmBtn {
        height: 35px !important;
    }
}

.page-id-21592 h1 + p{
    font-size: 20px!important;
}
.page-id-21592 header#header{
    display: none!important;
}


header .top-bar {
    background-color: #050e23;
}
header .top-bar a.head-contact {
    color: #fff;   
    display: inline-block;
}
header .top-bar a.head-contact img {
    width: 24px;
    margin-right: 10px;
    vertical-align: middle;
    filter: invert(1);
}