@font-face {
    font-family: Jost-Bold;
    src: url(../../../../../../../../../../../themes/Technource/asset/fonts/Jost-SemiBold.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Jost-Regular;
    src: url(../../../../../../../../../../../themes/Technource/asset/fonts/Jost-Regular.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Jost-Medium;
    src: url(../../../../../../../../../../../themes/Technource/asset/fonts/Jost-Medium.ttf);
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../../../../../../../../../../../themes/Technource/asset/fonts/Poppins-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../../../../../../../../../../../themes/Technource/asset/fonts/Poppins-Light.woff2) format("woff2");
    font-weight: 200;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../../../../../../../../../../../themes/Technource/asset/fonts/Poppins-SemiBold.woff2) format("woff2");
    font-weight: 600;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../../../../../../../../../../../themes/Technource/asset/fonts/Poppins-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Poppins;
    src: url(../../../../../../../../../../../themes/Technource/asset/fonts/Poppins-ExtraBold.woff2) format("woff2");
    font-weight: 900;
    font-style: normal;
    font-display: swap
}

.clients-marquee .owl-dots {
    display: none
}

body {
    font-size: 17px;
    color: #000;
    font-family: Jost-Regular !important;
    line-height: 1.4;
    transition: 0.6s all ease;
    padding-top: 90px;
    overflow: visible !important
}

b {
    font-family: "Jost-Bold" !important;
    font-weight: 600
}

strong {
    font-weight: 600
}

span.author_fb_icon {
    float: left;
    width: 31px;
    height: 30px;
    background: var(--wpr-bg-6229658d-878d-4b59-970c-3d7a9bc915d6)-70px 2px
}

span.author_twitter_icon {
    float: left;
    width: 31px;
    height: 30px;
    background: var(--wpr-bg-5dd228ed-8337-48ae-9a18-43fbdc5747b6)-93px 2px
}

span.author_linkedin_icon {
    float: left;
    width: 31px;
    height: 30px;
    background: var(--wpr-bg-81453acc-1e4c-465b-a79a-b14cc522ffd0)-46px 2px
}

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

.btn-check:focus+.btn,
.btn:focus {
    box-shadow: none
}

.form-control:focus {
    box-shadow: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Jost-Bold
}

.btn-bluetheme,
.readmore_btn,
.theme_btn {
    font-family: Jost-Medium
}

.Home_banner_right {
    background-image: var(--wpr-bg-ebab69f9-9322-4b4e-bbf4-e2f202d8e281);
    width: 100%;
    height: 350px;
    background-repeat: no-repeat;
    background-size: contain
}

.navbar .navbar-nav .nav-link:hover {
    color: #efb32c
}

.dropdown-toggle::after {
    display: none
}

.navbar .dropdown .dropdown-menu:hover,
.navbar .dropdown:hover .dropdown-menu {
    display: block;
    visibility: visible;
    opacity: 1;
    height: auto
}

.navbar .dropdown .dropdown-menu {
    height: 0;
    opacity: 0
}

.navbar .dropup,
.navbar .dropend,
.navbar .dropdown,
.navbar .dropstart {
    position: unset !important
}

.navbar .dropdown-menu {
    border-radius: 0;
    box-shadow: 0 50px 100px -20px rgb(50 50 93 / 25%), 0 30px 60px -30px rgb(0 0 0 / 30%), 0 -18px 60px -10px rgb(0 0 0 / 3%);
    width: 100%;
    border: #ffdead;
    left: 0;
    right: 0;
    padding: 0
}

.col_inner {
    float: left;
    width: 33%
}

.medium-one .col_inner,
.small-one .col_inner {
    width: 50%
}

.reliable_development_img {
    object-fit: scale-down
}

.mr-1 {
    margin-right: 0.25rem !important
}

.mr-2 {
    margin-right: 0.5rem !important
}

.dropdown-menu .row a {
    display: flex
}

a.title {
    font-size: 16px !important;
    color: #21407d !important;
    font-family: Jost-Bold
}

.dropdown-menu .row span {
    margin-right: 4px
}

a {
    outline: none;
    text-decoration: none !important;
    transition: 0.6s all ease !important
}

.dropdown-menu .row a:hover {
    color: #efb32c
}

.bold-li li {
    display: flex;
    align-items: center;
    margin-bottom: 8px
}

.bold-li li a {
    font-family: Jost-Medium
}

.trusted_by_title.section_title {
    text-align: start
}

.mainsubtitle b {
    font-size: 28px
}

.reasons_for_choose p {
    line-height: 28px
}

.mainsubtitle {
    line-height: 50px
}

.home_banner {
    padding: 80px 30px 80px !important
}

.home_banner:before {
    content: "" !important;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: -1;
    background: #22165a !important
}

.home_banner .sub_title {
    font-size: 56px;
    font-family: "Jost-Bold" !important;
    text-transform: uppercase;
    line-height: 50px
}

.home_banner h3 {
    text-transform: uppercase;
    font-size: 28px
}

.home_banner p {
    font-size: 20px
}

.trusted_by_title {
    text-align: center;
    padding-top: 26px
}

.main_page_title strong {
    color: #FFC300;
    transition: 0.5s
}

.main_page_title a strong:hover {
    color: #2d5ae7
}

.readmore_btn,
.theme_btn {
    padding: 7px 11px 4px;
    background: #efb31b !important;
    color: #fff;
    text-transform: uppercase;
    display: inline-block;
    border-radius: 0
}

.readmore_btn:hover,
.theme_btn:hover {
    color: #000
}

.home_banner img {
    width: 76%;
    height: auto
}

.section {
    padding: 40px 0 !important
}

.clients-marquee {
    background: #e8e5ef;
    padding: 0
}

.owl-carousel {
    width: 100%;
    -webkit-tap-highlight-color: #fff0;
    z-index: 1
}

.owl-carousel .owl-stage {
    -ms-touch-action: pan-Y;
    touch-action: manipulation;
    -moz-backface-visibility: hidden
}

.owl-carousel .owl-stage:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.owl-carousel .owl-stage-outer {
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0)
}

.owl-carousel .owl-item {
    min-height: 1px;
    float: left;
    -webkit-tap-highlight-color: #fff0;
    -webkit-touch-callout: none;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-item img {
    display: block;
    width: 100%
}

.owl-carousel .owl-nav .owl-next,
.owl-carousel .owl-nav .owl-prev {
    cursor: pointer;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-prev,
.owl-carousel button.owl-dot {
    background: 0 0;
    border: none;
    padding: 0 !important;
    font: inherit;
    font-size: 50px;
    color: #282828;
    position: absolute;
    top: 0;
    line-height: normal;
    height: 100%;
    outline: none
}

.owl-carousel .owl-nav button.owl-prev {
    left: 0
}

.owl-carousel .owl-nav button.owl-next {
    right: 0
}

.bg-Hatch_black_logo {
    width: 129px;
    height: 51px;
    background: var(--wpr-bg-449e63ee-3440-4942-a5ad-f8acbeddc8d2) 6px -1px;
    background-size: 1482px;
    background-repeat: no-repeat
}

.bg-Hatch_logo {
    width: 129px;
    height: 51px;
    background: var(--wpr-bg-2aa9c6b6-d446-4911-a376-da2902b2150c) -129px -1px;
    background-size: 1482px;
    background-repeat: no-repeat
}

.bg-Tuitment_black_logo {
    width: 153px;
    height: 51px;
    background: var(--wpr-bg-4f2e04e6-c63e-4dbe-a4f0-58c43bfb9228) -1170px -1px;
    background-size: 1482px;
    background-repeat: no-repeat
}

.bg-Hommati_black_logo {
    width: 140px;
    height: 51px;
    background: var(--wpr-bg-946aedb8-7534-4ebc-a6cf-4cff9abcf455) -612px -1px;
    background-size: 1482px;
    background-repeat: no-repeat
}

.bg-Hommati_color_logo {
    width: 140px;
    height: 51px;
    background: var(--wpr-bg-2cdc33c3-46e1-4594-88dd-f799c177b229) -761px -1px;
    background-size: 1482px;
    background-repeat: no-repeat
}

.bg-RealtyPort_color_logo {
    width: 62px;
    height: 51px;
    background: var(--wpr-bg-2a1e7e38-521e-466e-a3a7-9eeb97ebb3eb) -588px -1px;
    background-size: 1569px;
    background-repeat: no-repeat
}

.bg-RealtyPort_logo {
    width: 62px;
    height: 51px;
    background: var(--wpr-bg-c1564086-4067-443e-aea6-13c36fe70430) -539px -1px;
    background-size: 1569px;
    background-repeat: no-repeat
}

.bg-TojarCom_color_logo {
    width: 129px;
    height: 51px;
    background: var(--wpr-bg-5f5eed51-b01b-4179-b813-80e534f60228) -390px -1px;
    background-size: 1482px;
    background-repeat: no-repeat
}

.bg-TojarCom_logo {
    width: 129px;
    height: 51px;
    background: var(--wpr-bg-942a9a32-da5e-4eec-b2d3-d4a935f05229) -263px -1px;
    background-size: 1482px;
    background-repeat: no-repeat
}

.bg-Staffelyi_logo {
    width: 129px;
    height: 51px;
    background: var(--wpr-bg-29ef2e86-6893-4e38-904b-f895ba5ef887) -909px -1px;
    background-size: 1482px;
    background-repeat: no-repeat
}

.bg-Staffely_color_logo {
    width: 129px;
    height: 51px;
    background: var(--wpr-bg-a8e297ff-066b-4e56-aea4-ea89c5d04cd5) -1038px -1px;
    background-size: 1482px;
    background-repeat: no-repeat
}

.bg-Tuitment_green_logo_2 {
    width: 153px;
    height: 51px;
    background: var(--wpr-bg-9dfda26a-5e4e-48c7-8b7e-23e04ba13435) -1332px -1px;
    background-size: 1482px;
    background-repeat: no-repeat
}

.client_img_box .on-hover-logo {
    display: none
}

.client_img_box:hover .on-hover-logo {
    display: block;
    transition: display 1s ease-out
}

.client_img_box:hover .default-logo {
    display: none;
    transition: display 1s ease-out
}

.client_img_box {
    height: 100px;
    margin: 15px 0 12px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    transition: 0.4s
}

.owl-carousel .owl-nav {
    display: none
}

.section_title {
    font-size: 28px;
    font-family: "Jost-Bold" !important;
    line-height: 40px
}

.section_title:after {
    content: "";
    border-bottom: 3px solid #efb32d;
    width: 120px;
    display: block
}

.section_title_wid:after {
    width: 200px;
    margin: 8px auto
}

.section_title_auto:after {
    margin: auto
}

.talk_expert p {
    text-align: justify
}

.box_white {
    background: #fff;
    box-shadow: 10px 12px 44px 0 rgb(0 0 0 / 10%);
    padding: 15px 30px;
    margin-top: 5px;
    margin-bottom: 16px;
    transition: 0.4s;
    border-radius: 10px;
    overflow: hidden
}

.box_white h3 {
    font-size: 20px
}

.reduce-font-size {
    font-size: 1.4em;
    white-space: nowrap
}

.box_white:hover {
    box-shadow: none;
    transition: 0.4s
}

.css-sprite-homeic_years {
    background: var(--wpr-bg-2e7fe4f7-3fd8-4577-aff2-8aef6e6ba1b8) -1435px -63px
}

.css-sprite-homeic_developers {
    background: var(--wpr-bg-16a46838-64dd-4fe8-b528-bfba98654830) -205px -63px
}

.css-sprite-homeic_slients_served {
    background: var(--wpr-bg-c50fafe0-9086-48f7-b9c1-da1334779034) -1125px -63px
}

.css-sprite-homeic_projects {
    background: var(--wpr-bg-757de90e-fa07-45ec-a9c6-add4b262b71b) -1015px -63px
}

.css-sprite-homeic_locations {
    background: var(--wpr-bg-868d7296-935e-4eaa-9460-b8b096b43c0b) -705px -63px
}

.css-sprite-homeic_clients {
    background: var(--wpr-bg-aeb78e25-35d8-4df1-ab27-85fa615593d5) -155px -63px
}

.cta_gradient {
    background: linear-gradient(45deg, #dbdaf0, #d7bae4)
}

.make-center {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    justify-content: center;
    text-align: left
}

.cta_gradient p {
    font-size: 24px;
    line-height: 35px !important
}

.core-services h2.section_title {
    margin-bottom: 18px
}

.Specialization_box,
.we_serve_box {
    background: #fff;
    box-shadow: 10px 12px 44px 0 rgb(0 0 0 / 10%);
    margin: 15px 0;
    transition: 0.4s;
    border-radius: 10px
}

.Specialization_box a {
    padding: 70px;
    display: block
}

.Specialization_box:hover,
.we_serve_box:hover {
    background: #dde4ff
}

.Specialization_box h3,
.we_serve_box h3 {
    font-size: 16px;
    color: #000;
    margin: 10px 0 0
}

.css_sprite_core {
    width: 100px;
    height: 100px;
    display: inline-block
}

.css-sprite-homeic_webdevelopment {
    background: var(--wpr-bg-3a78aa9d-9a1e-4000-91ae-2ab1aea3a393) -1335px -13px
}

.css-sprite-homeic_mobile_app {
    background: var(--wpr-bg-d73e25ad-d2e4-46f0-90e0-01308e80a721) -815px -13px
}

.css-sprite-homeic_solution {
    background: var(--wpr-bg-d8b89b60-e911-4f26-9213-0ba5ccb0789c) -1175px -13px
}

.css-sprite-homeic_ecommerce {
    background: var(--wpr-bg-555d0932-a48f-48d0-910b-60b4a359c137) -326px -29px
}

.css-sprite-homeic_ai {
    background: var(--wpr-bg-3ccf38cf-ea86-4acf-b358-1645f64bad80) 0 -13px;
    width: 95px
}

.css-sprite-homeic_hire {
    background: var(--wpr-bg-d0d43a87-2c52-4b76-9602-73344992aa6e) -546px -14px
}

.box-container {
    background: #e6f6fa;
    padding: 50px 80px
}

.box-container .section_title {
    margin-bottom: 40px
}

.certificate_container {
    margin: 0 -7px
}

.single_certificate_container {
    display: inline-block;
    width: calc(32% - 14px);
    vertical-align: middle;
    background: #fff;
    box-shadow: 10px 12px 44px 0 rgb(0 0 0 / 10%);
    padding: 20px 0;
    margin: 10px 7px;
    transition: 0.4s;
    border-radius: 10px
}

.single_certificate {
    width: 92px;
    height: 75px;
    display: inline-block
}

.single_certificate1 {
    background-image: var(--wpr-bg-bc72259e-2350-4603-a8a7-3f3a264330f6);
    background-position: -811px -510px;
    background-size: 1362px
}

.single_certificate2 {
    background-image: var(--wpr-bg-bb37efd0-720b-4bf3-972e-a5f4735aee4b);
    background-position: -504px -445px;
    background-size: 1200px
}

.single_certificate3 {
    background-image: var(--wpr-bg-77b65078-847d-4cd7-b932-b75cd2517dc0);
    background-position: -1080px -521px;
    background-size: 1422px
}

.single_certificate5 {
    background-image: var(--wpr-bg-ca61f751-407f-41d7-9691-b16967aecdd8);
    background-position: -788px -49px;
    background-size: 1052px
}

.single_certificate6 {
    background-image: var(--wpr-bg-dc5d3111-f7ac-4ab4-9466-1560d011b49e);
    background-position: -493px -758px;
    background-size: 1200px
}

.single_certificate7 {
    background-image: var(--wpr-bg-eeb011ae-96e7-4e5e-aa51-443858b201f7);
    background-position: -709px -748px;
    background-size: 1200px
}

.mfp-close-btn-in .mfp-close {
    color: #fff !important;
    opacity: 1 !important
}

.we_serve_section {
    background: #f8f8fa;
    padding: 100px 0
}

.we_serve_mobile {
    display: none
}

.col-content {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center
}

.col1 {
    top: 200px
}

.col2 {
    top: 100px
}

.we_serve_box a {
    padding: 40px 0;
    display: block
}

.css_sprite_industries {
    width: 60px;
    height: 60px;
    display: inline-block
}

.css-sprite-homeic_real_estate {
    background: var(--wpr-bg-919a5477-8615-47bf-b049-777317fd14d7) -1065px -53px
}

.css-sprite-homeic_health_care {
    background: var(--wpr-bg-89da558d-a832-45d6-9f92-b3561bfb0c03) -486px -53px
}

.css-sprite-homeic_ecommerce_serve {
    background: var(--wpr-bg-f197e745-ceb5-4d1e-ac48-7166a4d63d19) -255px -53px;
    width: 71px
}

.css-sprite-homeic_travel {
    background: var(--wpr-bg-8366bea2-6f27-44c4-b818-4a49c72cc84e) -1275px -53px
}

.css-sprite-homeic_education {
    background: var(--wpr-bg-ab4004c8-122c-4869-a81c-4d7d4c82c05e) -426px -53px
}

.css-sprite-homeic_hospitality {
    background: var(--wpr-bg-b2dec0fc-8896-454b-b569-f5adddcd316d) -645px -53px
}

.css-sprite-homeic_manufacturing {
    background: var(--wpr-bg-0155da22-f411-47bd-9d39-43ca6e6cc86b) -755px -53px
}

.css-sprite-homeic_beverage {
    background: var(--wpr-bg-46c550e3-6f67-4550-bdee-76821767eaba) -95px -53px
}

.casestudy_section {
    background-attachment: fixed
}

.title {
    font-size: 29px;
    color: #2c2e30
}

.case_study_banner {
    min-height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #111;
    flex-direction: column;
    gap: 10px
}

.case_study_banner .page_banner_main_title {
    font-size: 66px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    position: relative;
    z-index: 1;
    margin-bottom: 20px;
    font-family: "Poppins" !important
}

.case_study_banner .page_banner_sub_title {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    margin: 0;
    font-family: "Poppins" !important
}

.case_study_banner .page_banner_desc {
    font-size: 22px;
    font-weight: 400;
    color: #f5f5f5;
    max-width: 80%;
    text-align: center;
    font-family: "Poppins" !important
}

@media screen and (max-width:768px) {
    .case_study_banner {
        min-height: 300px
    }

    .case_study_banner .page_banner_main_title {
        font-size: 36px
    }

    .case_study_banner .page_banner_main_title::before {
        width: 60px;
        left: 20px
    }

    .case_study_banner .page_banner_sub_title {
        font-size: 20px
    }

    .case_study_banner .page_banner_desc {
        font-size: 16px;
        max-width: 100%;
        padding: 0 10px
    }
}

.gradient_box_casestudy {
    border-radius: 8px;
    min-height: 315px;
    overflow: hidden;
    margin-top: 30px !important;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    padding: 20px;
    border-radius: 30px
}

.gradient_box_casestudy:hover {
    transform: translate(3px, -3px)
}

.gradient_box_casestudy .equal_height_container {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    overflow: hidden;
    min-height: 352px;
    flex-shrink: 1
}

.image_wrapper_box {
    background-color: #fff
}

.image_wrapper_box .casestudy_featured_image {
    height: 90%;
    width: 90%;
    object-fit: contain
}

.casestudy_pr {
    padding-right: 4px
}

.casestudy_pl {
    padding-left: 4px
}

.content-bg-white {
    background: rgb(255 255 255 / 30%)
}

.casestudy-left-section {
    padding: 0 30px 0 40px
}

img.company_image {
    max-height: 40px
}

.gradient_box_casestudy .casestudy-title {
    margin: 28px auto;
    margin-top: 0;
    font-size: 22px;
    text-align: center;
    position: relative;
    font-family: "Poppins" !important
}

.gradient_box_casestudy .casestudy-title::after {
    content: attr(data-title);
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: 40px;
    opacity: .06;
    font-weight: 600;
    font-family: "Poppins" !important;
    white-space: nowrap
}

.case_subtitle {
    font-size: 26px;
    font-weight: 600;
    font-family: "Poppins" !important
}

.view_case_btn {
    border: none;
    border-radius: 7px;
    min-height: 32px;
    padding: 7px 8px;
    width: fit-content;
    display: flex;
    align-items: center;
    gap: 7px;
    color: #fff;
    font-family: "Poppins" !important
}

.view_case_btn img {
    height: 20px;
    width: 20px
}

.gradient_box_casestudy.green .view_case_btn {
    background-color: #699C6A
}

.gradient_box_casestudy.blue .view_case_btn {
    background-color: #4D7998
}

.gradient_box_casestudy.brown .view_case_btn {
    background-color: #FFB766
}

.gradient_box_casestudy.pink .view_case_btn {
    background-color: #E7A1FF
}

.gradient_box_casestudy .case_study_stats {
    width: 50%
}

.gradient_box_casestudy .case_study_stats h4 {
    font-size: 26px;
    color: #333;
    font-weight: 600;
    margin: 0;
    font-family: "Poppins" !important
}

.gradient_box_casestudy .case_study_stats p {
    font-size: 12px;
    color: #333;
    font-weight: 400;
    font-family: "Poppins" !important
}

.case_desc {
    font-size: 12px;
    color: #333;
    font-weight: 400;
    font-family: "Poppins" !important
}

.grey_bg {
    background: #f8f8fa
}

.testimonial_section .sub_title {
    font-size: 20px;
    margin: 15px 0 35px !important
}

.video_container {
    cursor: pointer
}

.testimonial_section .readmore_btn {
    padding: 8px 35px
}

.client_video_thumb {
    border-radius: 8px
}

.video_icon {
    max-height: 50px;
    top: 10px;
    left: 60px
}

.page-custom-icons img {
    width: 115px !important;
    object-fit: scale-down
}

.page-custom-icons:hover img {
    transform: scale(1.2)
}

.leader_video_text_color {
    width: 100%;
    text-align: left;
    padding-left: 50px;
    bottom: 30px;
    font-size: 28px;
    text-shadow: 3px 2px 10px #000
}

.modal_testimonial_area iframe {
    width: 100%;
    height: 510px
}

.modal_testimonial_area .modal-dialog {
    max-width: 907px
}

.modal_testimonial_area .btn-close {
    position: absolute;
    right: -30px;
    opacity: 1;
    box-shadow: none
}

.modal_testimonial_area .modal-content {
    border-radius: 0;
    border: none;
    background: #fff0
}

.latest_blog.section {
    padding-bottom: 0
}

.latest_blog_main_box {
    overflow: hidden;
    display: block;
    border-radius: 15px
}

.latest_blog_main_box .img_blog {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transform: scale(1);
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    width: 100%;
    height: 185px;
    object-fit: cover;
    display: block
}

.latest_blog .sub_title {
    font-size: 20px;
    font-family: "Jost-Regular" !important;
    margin: 15px 0 35px
}

.sub_title {
    font-size: 20px;
    font-family: "Jost-Regular" !important;
    margin: 15px 0 35px
}

.img_blog {
    background-size: cover;
    background-position: center center
}

.latest_blog_main_box .latest_blog_main_blogContent {
    bottom: 5px;
    z-index: 9;
    padding: 15px;
    width: 100%;
    transform: translate(0, 3px);
    -webkit-transform: translate(0, 3px);
    -ms-transform: translate(0, 3px);
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    overflow: hidden
}

.latest_blog_main_box:after {
    content: "";
    width: 100%;
    height: 100%;
    display: block;
    background: linear-gradient(180deg, #fff0 21.88%, #000000 100%);
    position: absolute;
    left: 0;
    top: 0
}

.latest_blog_main_box .latest_blog_main_blogContent span {
    font-size: 18px;
    line-height: normal;
    transition: all 0.2s ease-in
}

.latest_blog_main_box .latest_blog_main_blogContent b {
    display: flex;
    align-items: center;
    margin-top: 5px;
    color: #fff
}

svg.svg-inline--fa.fa-long-arrow-alt-right.fa-w-14 {
    margin-left: 5px !important;
    margin-bottom: -5px
}

.latest_blog_main_box:hover .latest_blog_main_blogContent {
    transform: translate(0, -20px);
    -webkit-transform: translate(0, -20px);
    -ms-transform: translate(0, -20px)
}

.video_play_box {
    height: 185px;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 15px
}

.video_overlay {
    background: rgb(0 0 0 / .4);
    width: 100%;
    height: 100%;
    z-index: 1;
    border-radius: 15px;
    display: flex;
    justify-content: center;
    align-items: center
}

.video_overlay img {
    height: 50px
}

.latest_blog_main_box:hover .latest_blog_main_blogContent b {
    color: #007bff
}

.latest_blog_main_blogContent:hover .default-logo {
    display: none;
    transition: display 1s ease-out
}

.who_text {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%);
    border-radius: 5px;
    padding: 50px 30px
}

p.form_sub_title {
    font-size: 18px;
    text-align: center;
    margin: 22px 0 44px
}

.theme_row .form-control {
    height: 44px;
    border: 1px solid #c2c2c2;
    margin-bottom: 18px;
    padding: 10px 5px;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto
}

.theme_row textarea {
    max-height: 60px;
    height: auto !important;
    resize: none
}

.theme_row input[type="submit"] {
    background: #efb31b;
    font-size: 20px;
    text-transform: uppercase;
    padding: 5px 35px;
    border: none
}

.bg-light {
    background: #f9f7fe
}

.malaysia_office_img {
    background: var(--wpr-bg-360a354d-40aa-4e94-a722-c3a594b8dbc1) -1555px -2px;
    width: 49px;
    height: 50px
}

.section_title_auto:hover {
    color: #2d5ae7
}

.zoom:hover {
    transform: scale(1.5)
}

.single_certificate_container:hover {
    transform: translate(0, -3px);
    box-shadow: 0 2px 8px rgb(0 0 0 / 30%)
}

.innerpagebtn a {
    background-color: #efb31b !important;
    font-size: 16px !important;
    color: #fff !important;
    text-transform: uppercase;
    font-family: "Jost-Regular";
    font-weight: bolder;
    padding: 8px 10px !important;
    display: inline-block !important;
    border-radius: 0 !important;
    border: none !important;
    background-image: none !important;
    text-align: center !important
}

.innerpagepoints:hover {
    color: #2d5ae7
}

.innerpagepoints:hover strong {
    color: #2d5ae7 !important
}

.innerpagebtn a:hover {
    color: black !important
}

a {
    color: #000
}

.question {
    padding: 10px 10px 10px 10px
}

p.que {
    font-size: 18px !important;
    font-weight: 400 !important;
    color: #0d0d0d
}

.answer {
    background: #fff;
    border-radius: 10px 10px 10px 10px
}

.scrollsections .answer {
    padding: 12px 45px 15px 45px;
    border-radius: 0 0 8px 8px;
    border-top: 1px solid #9d9d9d;
    background: #fff;
    font-size: 16px
}

.all_faq.Active img.faq_icon {
    margin-top: 23px !important
}

.faq_icon {
    float: left !important;
    margin-right: 10px !important;
    margin-top: 14px !important;
    width: 18px !important;
    height: auto !important;
    margin-left: 12px !important
}

.all_faq {
    border: 1px solid #9d9d9d;
    border-radius: 8px;
    margin: 0 0 20px 0;
    background: #f8f8f8
}

.block_creation {
    background-attachment: fixed;
    background-repeat: repeat;
    background-color: #f8f8fa
}

.section_gradient {
    background-image: linear-gradient(135deg, #667eea 0, #764ba2 100%);
    padding: 23px 0;
    margin-bottom: 60px
}

.static_img img {
    max-height: 230px;
    position: absolute;
    top: -22px;
    left: 0
}

.tabs-image {
    text-align: center;
    background: #fff;
    box-shadow: 10px 12px 44px 0 rgb(0 0 0 / 10%)
}

.tabs-ulsection {
    position: relative;
    width: 100%;
    background: #f6f6f6;
    padding: 20px;
    margin-bottom: 20px
}

.tabs-image .tab-content {
    padding: 20px 20px 40px
}

.tabs-image .tabs-ulsection ul {
    justify-content: center;
    display: flex;
    justify-content: space-around;
    align-items: center
}

.tabs-image .tabs-ulsection .nav-link.active img.black {
    display: none
}

.tabs-image .tabs-ulsection .nav-link img.black {
    display: block
}

.tabs-image .tabs-ulsection .nav-link img.color {
    display: none
}

.tabs-image .tabs-ulsection .nav-link.active img.color {
    display: block
}

.tabs-image .tabs-ulsection .nav-link {
    background-color: #e2e2e2;
    border-radius: 10px;
    height: 70px;
    width: 70px;
    display: flex;
    justify-content: center;
    align-items: center
}

.tabs-ulsection ul {
    border-bottom: none
}

.section_gradient .innerpagebtn {
    margin-right: 5px
}

.techno-box-outer .vc_column-inner {
    background: #fff;
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
    transition: 0.4s linear;
    padding: 0 10px;
    margin: 0 10px;
    padding-bottom: 15px
}

.techno-box {
    background: #fbeecc;
    border-radius: 2px;
    display: inline-block;
    margin: 20px 10px 20px 0;
    padding: 10px;
    width: 50px;
    height: 50px;
    text-align: center !important
}

.wpb_button,
.wpb_content_element,
ul.wpb_thumbnails-fluid>li {
    margin-bottom: 35px
}

.techno-box-outer .vc_column-inner::after {
    content: " ";
    position: absolute;
    background: #e7edff;
    width: 20px;
    height: 20px;
    right: 10px;
    bottom: 0;
    z-index: 1
}

.techno-box-outer .vc_column-inner::before {
    content: " ";
    position: absolute;
    background: #2f5bea;
    width: 10px;
    height: 10px;
    right: 10px;
    bottom: 0;
    z-index: 2
}

.custom-shadow {
    background: #fff;
    box-shadow: 10px 12px 44px 0 rgb(0 0 0 / 10%);
    padding: 20px;
    margin: 0 0 20px
}

.ul-img ul li h3 {
    font-size: 16px;
    font-family: "Jost-Regular" !important;
    font-weight: 400;
    line-height: 1.8
}

p {
    font-family: "Jost-Regular" !important
}

.service-box {
    background: #fff;
    box-shadow: 10px 12px 44px 0 rgb(0 0 0 / 10%);
    min-height: 300px;
    height: 100% !important
}

.service-box-header {
    display: flex;
    justify-content: left;
    align-items: center;
    background: #f8f8fa;
    height: 70px
}

.service-box-body {
    padding: 15px;
    font-size: 16px;
    line-height: 1.4
}

.service-box-header .imgbox {
    background: #e2e2e2;
    padding: 10px 10px;
    width: 70px;
    height: 70px;
    display: flex;
    justify-content: center;
    align-items: center
}

.service-box-header h4,
.service-box-header h3 {
    font-size: 18px;
    color: #4a4a4a;
    padding: 20px
}

.heading-app-development {
    font-size: 20px
}

.cta_gradient h3 span {
    -webkit-text-stroke: 1px #000;
    color: #d9c8e9;
    font-size: 40px
}

.services-box:hover {
    box-shadow: 10px 12px 44px 0 rgb(0 0 0 / 10%);
    background: #fff;
    transition: 0.4s linear
}

.services-box {
    padding: 20px 0 20px 0
}

.section_yellow {
    background: #efb32d;
    padding: 43px 0 20px 0
}

.section_yellow h2:after {
    content: "";
    border-bottom: 3px solid #1c1c1c;
    width: 175px;
    display: block;
    text-align: center;
    margin: 8px auto
}

.specialist .specialists_heading {
    font-family: "Jost-Bold" !important;
    font-size: 42px !important;
    -webkit-text-stroke: 1px #fff !important;
    color: #000 !important
}

.specialists_btn a {
    background: #efb32d !important;
    border-radius: 10px !important;
    color: #fff !important;
    font-size: 22px !important;
    padding: 15px !important;
    font-weight: 500 !important;
    border: none !important;
    width: fit-content !important
}

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

ul.timeline-list {
    position: relative;
    margin: 0;
    padding: 0
}

ul.timeline-list:before {
    position: absolute;
    content: "";
    width: 1px;
    background-color: #979797;
    left: 50%;
    transform: translateX(-50%);
    border: 2px solid #0d0d0d;
    height: 100%
}

ul.timeline-list li {
    position: relative;
    clear: both;
    display: table;
    width: 100%
}

.timeline_content.round_top:after {
    transform: translateY(-16px)
}

.timeline_content:after {
    content: "";
    display: inline-block;
    position: absolute;
    transition: 0.4s linear;
    transition-property: all;
    transition-duration: 0.4s;
    transition-timing-function: linear;
    transition-delay: 0s;
    overflow: hidden;
    background-color: #fff;
    border: 3px solid #0d0d0d;
    left: -69px;
    top: 139px;
    height: 30px;
    width: 30px;
    border-radius: 100%
}

ul.timeline-list.with-img .timeline_content.round_top {
    box-shadow: none
}

.timeline_content {
    width: 45%;
    position: relative;
    transition: 0.4s linear;
    font-size: 16px;
    float: right
}

ul.timeline-list li:nth-child(2n) .timeline_content {
    float: left
}

ul.timeline-list li:nth-child(2n) .timeline_content:after {
    left: auto;
    transform: translateY(-40px);
    top: 55%;
    right: -69px !important
}

ul.timeline-list.with-img .timeline_des.wow.zoomIn {
    background: #fff0;
    box-shadow: none;
    margin: 0 0 16px 0
}

.timeline_des {
    padding: 10px 15px 20px
}

ul.timeline-list .timeline_des.wow.zoomIn:hover {
    box-shadow: 10px 3px 13px 9px rgb(94 70 18 / 8%)
}

.timeline_content .timeline-box .wpb_single_image {
    background: #fff0;
    padding: 0;
    margin-bottom: 30px;
    width: 75px;
    height: auto
}

.reasons_for_choose {
    background-color: #21407d;
    color: #fff;
    border-radius: 11px
}

.reasons_subtitle {
    text-transform: uppercase !important;
    font-size: 20px !important;
    line-height: 32px !important;
    margin: 10px 0 0 0 !important;
    font-family: "Jost-Regular" !important
}

.reasons_title {
    font-size: 28px;
    font-weight: 900 !important;
    line-height: 32px !important;
    font-family: "Jost-Bold" !important
}

li.list-text {
    color: #0d0d0d;
    list-style: disc;
    margin: 10px 0 0 18px
}

.benifits_section ul {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0;
    list-style: none
}

.benifits_section {
    padding-left: 15px !important
}

div#card_bgg .wpb_single_image.wpb_content_element.vc_align_left {
    background: #fff0;
    width: 60px !important;
    height: 70px !important;
    margin-right: 15px !important;
    align-items: center;
    margin-bottom: 18px
}

.back_hello,
.banner_text_ourteam,
.contact_us_back_title,
.hello,
.world_banner_back {
    font-family: Jost-Regular !important;
    font-weight: 700;
    font-size: 156px;
    line-height: 1.3;
    color: rgb(241 178 21 / .3);
    text-align: center !important;
    margin: 0;
    text-transform: capitalize
}

.about_us_color,
.contact_us_back_title {
    padding: 70px 0
}

h1.contact_us_title {
    position: absolute;
    top: 43%;
    left: 0;
    right: 0;
    text-transform: uppercase;
    margin: 0 !important
}

h1.about_title,
h1.contact_us_title,
h1.world_banner_back.main_title {
    color: #323437 !important
}

.vc_row.container {
    margin: 0 auto !important
}

.contact-us-add-box .vc_column-inner>.wpb_wrapper {
    padding: 15px;
    box-shadow: 1px 1px 5px #cfcfcf;
    height: 100%
}

.contact-us-add-subtitle,
.contact-us-add-title {
    font-size: 18px !important;
    line-height: 20px !important;
    font-family: Jost-Regular !important;
    font-weight: 700;
    margin-bottom: 5px
}

.contact-us-add-box .contact-us-add-phone a,
.contact-us-add-email a {
    font-family: Jost-Regular !important;
    font-weight: 700
}

.contact_us_container .wpb_content_element {
    margin: 0 !important
}

a,
a:hover {
    color: #000
}

.contact-us-add-box .contact-us-add-phone,
.contact-us-add-email {
    margin-top: 10px !important
}

.section_title {
    font-size: 28px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 20px !important
}

.timeline_des .section_title {
    font-size: 20px;
    line-height: 40px;
    font-weight: 700;
    margin-bottom: 20px !important
}

.ul-img ul li {
    line-height: 1.8;
    margin-bottom: 10px
}

.development-second-phase .section_title {
    margin-bottom: 8px !important
}

.timeline_content.hire_technology:after {
    transform: translateY(-50px)
}

.timeline_content.hire_technologies:after {
    transform: translateY(-15px) !important
}

.industry-outerbox .vc_column-inner {
    background: #fff;
    box-shadow: 0 10px 30px 0 rgb(0 0 0 / 10%);
    transition: 0.4s linear;
    padding: 0 10px;
    margin: 10px;
    padding-bottom: 15px
}

.industry-box {
    background: #e2e2e2;
    display: flex;
    padding: 15px;
    margin: 20px auto 20px;
    border-radius: 13px;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px
}

.valuable_client_box {
    height: 150px;
    margin: 15px 0 !important;
    background-color: #eeb21c;
    box-shadow: 10px 12px 44px 0 rgb(0 0 0 / 10%);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    transition: 0.4s;
    border-radius: 7px;
    overflow: hidden
}

.testimonial_content_title_location {
    height: auto;
    padding: 30px;
    padding-bottom: 70px;
    background-color: #fff;
    min-height: 250px
}

.testimonial-img-box {
    border: 4px solid #fff;
    border-radius: 100%;
    width: 100px;
    height: 100px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: -50px;
    display: inline-flex;
    justify-content: center;
    align-items: center
}

.testimonial_name {
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    padding: 20px
}

.testimonial_image_name.clearfix {
    text-align: center
}

.testimonial {
    box-shadow: 0 10px 44px 0 rgb(0 0 0 / 10%);
    position: relative;
    width: 100%;
    display: inline-block;
    margin-bottom: 10px;
    background-image: linear-gradient(224deg, #e6aa10 0, #d29805 100%)
}

.testimonial-img-box img {
    max-height: 100px;
    width: auto;
    height: auto
}

.case-study-banner>.vc_column-inner,
.service_banner_image>.vc_column-inner {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    height: 100% !important;
    width: 100% !important;
    display: inline-block;
    padding: 18% 0 !important
}

.case-study-banner h1 {
    color: #fff !important;
    line-height: 50px !important;
    font-size: 44px !important;
    margin-bottom: 0 !important
}

.iconbg_color {
    height: 65px;
    background: #fdeab9;
    width: 65px;
    background-repeat: no-repeat;
    background-size: initial;
    border-radius: 15px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto 20px
}

.industry_specialization_box .Specialization_box {
    padding: 20px 30px !important
}

.custom_subtitle {
    margin-top: -33px;
    font-family: Jost-Bold !important
}

.custom_maintitle {
    line-height: 50px
}

.confidentiality_banner>div,
.terms_banner>div {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: cover !important;
    height: 100% !important;
    width: 100% !important;
    display: inline-block;
    padding: 18% 0 !important
}

.confidentiality_banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(156 156 156 / .2)
}

.confidentiality_banner h1,
.terms_banner h1 {
    color: #fff !important;
    text-align: center;
    font-weight: 400;
    line-height: 50px !important;
    font-size: 44px !important;
    margin-bottom: 0 !important
}

ul.sitemap-list.clearfix {
    column-count: 3
}

.terms_banner:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgb(121 112 112 / .49)
}

.terms_banner h1 {
    position: relative
}

.partner_btn h3 {
    color: #323437 !important;
    width: 334px !important;
    line-height: 65px !important;
    background-color: #efb31b !important;
    text-align: center
}

.blog_banner_img {
    background: #f9f7fe;
    padding: 4% 0 4% 0 !important;
    width: 100%
}

.blog_list_content {
    padding: 30px 0 50px
}

.blog_list_page .comment.more,
.search_page .comment.more {
    margin: 15px 0
}

.comment {
    background-color: #f4f4f4
}

.blog_featured_image_box {
    padding: 0;
    background-color: #efb31b
}

.blog_right_section_image {
    position: relative
}

.blog_img {
    padding: 23% 0;
    background-size: cover;
    height: 100%;
    vertical-align: bottom;
    background-position: center;
    background-repeat: no-repeat
}

.middle {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    background-color: rgb(0 0 0 / .47);
    color: #fff;
    opacity: 0;
    transition: 0.6s
}

.blog_content {
    padding: 10px 15px;
    font-size: 16px;
    line-height: 20px;
    height: 133px
}

.blog_title,
.readmore_btn {
    margin-bottom: 10px
}

.blog_right_section_image:hover .middle {
    opacity: 1
}

.middle_content span.date {
    color: #fff;
    font-weight: 700
}

.blogpage_title {
    font-size: 56px;
    line-height: normal
}

.blog_banner_img {
    background: #f9f7fe;
    padding: 4% 0 4% 0 !important;
    width: 100%
}

.post-meta {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 1rem 0;
    padding: 0
}

.post-meta>li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    font-size: 16px;
    color: #a9a9a9
}

.meta-author {
    display: block !important;
    line-height: 1.4;
    word-break: break-word;
    white-space: normal
}

.meta-author .author {
    display: inline;
    white-space: normal;
    word-break: break-word
}

.post-meta>li:not(:last-child):after {
    content: "";
    margin-left: 20px
}

.blog_title a {
    font-size: 18px;
    font-family: "Jost-Medium"
}

.post-meta a,
.post-meta .author a {
    color: #a9a9a9
}

.blog_title a:hover {
    color: #1d73f8 !important
}

.blog_img,
.middle_content,
.pagecount {
    width: 100%;
    display: inline-block
}

.middle_content {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    position: absolute;
    font-size: 16px
}

.pagecount {
    margin: 0 auto;
    text-align: center
}

.blog_list .pagecount {
    margin-top: 30px;
    padding: 0
}

.blog_list a.next,
.blog_list a.prev,
a.page-numbers,
span.page-numbers.current {
    position: relative;
    display: inline-block;
    border-radius: 0;
    box-shadow: none;
    height: 40px;
    width: 40px;
    color: #6f6f6f;
    margin: 0 3px;
    text-align: center;
    border: 1px solid #eee;
    cursor: pointer;
    padding: 5px;
    line-height: 27px
}

.blog_list .pagecount a.next.page-numbers,
.blog_list .pagecount a.prev.page-numbers {
    font-size: 0;
    left: 0;
    right: 0
}

.blog_list .pagecount a.next.page-numbers::after {
    content: attr(title) ">>";
    font-size: 16px
}

a.page-numbers:hover,
span.page-numbers.current {
    border: 1px solid #333 !important;
    color: #333 !important
}

.blog_list .pagecount a.prev.page-numbers::after {
    content: attr(title) "<<";
    font-size: 16px
}

.searchbox {
    position: absolute;
    top: 20px;
    right: 30px;
    min-width: 50px;
    width: 0%;
    height: 50px;
    float: right;
    overflow: hidden;
    z-index: 999;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s
}

.searchbox-icon,
.searchbox-input,
.searchbox-submit {
    height: 50px;
    top: 0;
    margin: 0;
    border: 0;
    color: #323437;
    outline: 0
}

.searchbox-input {
    right: 0;
    background: 0 0;
    width: 100%;
    padding: 0 55px 0 20px;
    font-size: 18px
}

.searchbox-icon,
.searchbox-submit {
    width: 50px;
    position: absolute;
    font-size: 22px;
    right: 0;
    padding: 0;
    line-height: 50px;
    text-align: center;
    background-color: #fff
}

form.searchbox.searchbox-open input.searchbox-input {
    background-color: rgb(255 255 255 / .5490196078431373);
    border-bottom: 1px solid #918989;
    border-radius: 25px
}

.searchbox-open {
    width: 330px !important
}

.searchbox {
    position: absolute;
    top: 20px;
    right: 30px;
    min-width: 50px;
    width: 0%;
    height: 50px;
    float: right;
    overflow: hidden;
    z-index: 999;
    -webkit-transition: width 0.3s;
    -moz-transition: width 0.3s;
    -ms-transition: width 0.3s;
    -o-transition: width 0.3s;
    transition: width 0.3s
}

.listpagesidebar li {
    list-style: none
}

.sidebarsubheading {
    font-weight: 600;
    color: #333;
    font-size: 20px
}

input.searchbox-input {
    border: 1px solid #77767a;
    border-radius: 5px
}

.blogpageabout:after {
    content: "";
    border-bottom: 3px solid #efb32d !important;
    width: 85px !important;
    display: block;
    margin-bottom: 15px
}

li#categories-3 .postform {
    border: 1px solid #fff0;
    border-radius: 4px;
    padding: 6px 8px;
    width: 100%
}

.blogpage-tabs ul {
    justify-content: space-between
}

.post-blog-title h3 {
    font-size: 15px;
    margin: 6px 0 6px;
    font-family: "Jost-Regular" !important
}

.blog-post-img {
    float: left;
    width: 100px;
    margin-right: 10px
}

.tabs-section li a {
    font-size: 18px;
    color: #8b8686 !important;
    font-family: "Jost-Bold"
}

.tabs-section li .active {
    font-size: 18px;
    color: black !important;
    font-family: "Jost-Bold"
}

.tabs-section li .active:after {
    content: "";
    border-bottom: 3px solid #efb32d !important;
    width: 85px !important;
    display: block
}

.portfolio_btn {
    position: relative;
    padding: 9px;
    background-color: #efb31b;
    border-radius: 10px;
    color: #fff;
    right: -30%;
    border: none;
    top: -86px;
    z-index: 99
}

.casestudy_btn {
    position: relative;
    padding: 9px;
    background-color: #efb31b;
    border-radius: 10px;
    color: #fff;
    right: -36%;
    border: none;
    top: -86px;
    z-index: 99
}

.estimate_blog {
    text-align: center;
    background-color: #f1f1f1;
    padding: 43px
}

.widget_categories {
    margin-top: 20px
}

button.estime_blog_btn {
    background-color: #efb31b;
    color: #fff;
    font-size: 16px;
    padding: 12px 24px;
    border: none;
    cursor: pointer;
    border-radius: 5px;
    text-align: center
}

.blog_chat_text p {
    font-size: 23px;
    padding: 26px;
    font-family: "Jost-Medium" !important
}

.blog-page-contact {
    background-color: #f1f1f1
}

.blog-page-contact {
    padding: 33px;
    margin-top: 27px
}

.estime_blog_btn a:hover {
    color: black !important
}

button.portfolio_btn a:hover {
    color: black !important
}

button.casestudy_btn a:hover {
    color: black !important
}

.author_main_box {
    margin-top: 20px;
    border-radius: 12px
}

.author_main_box {
    border: 1px solid #ccc;
    background-color: #f3f3f3
}

.tn_author_image {
    width: 150px;
    height: 150px;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    -ms-border-radius: 100%;
    border-radius: 100%;
    overflow: hidden;
    border: 2px solid #223e7d;
    margin: 20px;
    margin-top: 25px !important
}

.banner_img img {
    max-height: 400px
}

.tn_author_image img {
    margin: 0 0 0 -4px;
    max-width: unset;
    width: 150px
}

span.author_name {
    padding-left: 32px;
    font-family: "Jost-Bold" !important
}

.author_name {
    font-size: 22px;
    color: #21407d;
    text-transform: uppercase;
    margin-top: 40px
}

.tn_author_desc {
    margin-left: 20px !important;
    padding-bottom: 40px;
    margin-top: 10px;
    font-size: 16px;
    margin-right: 20px
}

.tn_author_desc a {
    font-family: "Jost-Medium"
}

.tn_social_icon {
    margin-top: 30px;
    display: flex;
    justify-content: end
}

.tn_social_icon span {
    border: 1px solid #21407d;
    padding: 6px;
    border-radius: 10px;
    text-align: center;
    margin: 0 10px 0 auto
}

.digital_portfolio_table,
.google_ppc_section,
.optimization_section {
    width: 80% !important;
    margin: 40px auto 0 !important;
    float: none !important
}

.digital_portfolio_table table thead tr {
    background-color: #292b2c;
    color: #fff
}

.digital_portfolio_table tr.sales_title td {
    background-color: #5d5e5f !important;
    color: #fff !important;
    font-size: 18px !important
}

.back_image_container.agile_banner_padd .vc_column-inner {
    padding: 8% 0 8% !important
}

.back_image_container .vc_column-inner {
    padding: 14% 0 3% !important;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover
}

.technource_world .world_banner_text h1 {
    line-height: 50px !important;
    font-size: 44px !important;
    margin-bottom: 0 !important
}

.technource_world .world_banner_back {
    padding: 0;
    font-size: 130px !important;
    line-height: 132px !important
}

.ourwork_list .projects-image-container:nth-child(4n+1) {
    display: inline-block;
    clear: both
}

.ourwork_list .projects-image-container {
    width: calc(25% - 20px) !important;
    height: 165px !important;
    transition: 0.6s;
    -webkit-transition: 0.6s;
    -o-transition: 0.6s;
    -moz-transition: 0.6s;
    margin: 10px;
    box-shadow: 3px 3px 10px #a5a2a2;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center
}

.ourwork_list .projects-image-container img.projects-image {
    height: auto !important;
    width: auto !important;
    max-width: 100%;
    filter: none !important
}

.ourwork_list .projects-image-container .individual-projects-data {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    width: 100%
}

.projects-image-container:focus img.projects-image,
.projects-image-container:hover img.projects-image {
    opacity: .2
}

img#projects_image {
    height: auto;
    width: auto;
    max-width: 100%;
    max-height: 65px
}

.ourwork_list .projects-image-container .individual-projects-data .type {
    color: #000 !important;
    font-style: italic;
    text-transform: capitalize;
    margin-top: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.ourwork_list .projects-image-container .individual-projects-data .type.technology,
.value_name {
    color: #000;
    font-size: 16px !important;
    line-height: 21px
}

.ourwork_list .projects-image-container .individual-projects-data .type.technology,
.value_name {
    color: #000;
    font-size: 16px !important;
    line-height: 21px
}

.ourwork_list .projects-image-container .individual-projects-data .type {
    color: #000 !important;
    font-style: italic;
    text-transform: capitalize;
    margin-top: 15px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.ourwork_list .projects-image-container:focus,
.ourwork_list .projects-image-container:hover {
    background: #f1b215
}

.projects-image-container:focus .individual-projects-data,
.projects-image-container:hover .individual-projects-data {
    display: inline-block !important
}

section.cover {
    display: none !important
}

.back_hello,
.banner_text_ourteam,
.contact_us_back_title,
.hello,
.world_banner_back {
    font-size: 156px;
    line-height: 1.3;
    color: rgb(241 178 21 / .3);
    text-align: center !important;
    margin: 0;
    text-transform: capitalize
}

.banner_text2_ourteam {
    line-height: 50px !important;
    font-size: 44px !important;
    margin-bottom: 0 !important;
    color: #323437 !important;
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    width: 100%
}

.ceo-left-container {
    float: left;
    width: 40%
}

.ceo-data {
    margin-bottom: 40px
}

.ceo-right-container {
    float: left;
    width: 60%
}

.ceo-name {
    color: #efb31b !important;
    line-height: 24px !important;
    font-size: 18px !important;
    margin-bottom: 10px
}

.department-head-links {
    width: 100%;
    height: 30px
}

h4.department_head_section {
    margin-bottom: 40px !important
}

.banner_container {
    padding: 60px 0;
    position: relative
}

.department-head-data.slider-departmenthead {
    text-align: center
}

.department-head-element-container {
    cursor: pointer
}

.department-head-element-container {
    display: inline-block;
    vertical-align: top
}

.head-slider-container {
    padding: 0 10px
}

img.head-image {
    max-height: 200px
}

.department-head-title .name {
    margin: 10px 0 5px
}

.department-head-title .designation {
    color: #000;
    font-size: 16px;
    line-height: 20px
}

.sec_apptext_bg {
    background: #fff;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    padding: 22px 30px;
    transform: translateX(-60px)
}

.sec_gray_bg.question_icon {
    margin: 0 0 0 50px;
    padding: 25px 50px 25px 25px
}

.sec_gray_bg {
    background: #fafafa;
    position: relative;
    display: inline-block;
    width: auto;
    margin-left: 50px;
    padding: 25px 25px 25px 50px
}

.sec_gray_bg::before {
    width: calc(30% + 30px + 1px - 40px);
    height: calc(28% + -10px);
    bottom: 0;
    left: 87%;
    transform: translateX(-50%);
    z-index: 0;
    border-right: 5px solid #2a49ab;
    border-bottom: 5px solid #2a49ab
}

.sec_gray_bg::after,
.sec_gray_bg::before {
    content: "";
    position: absolute;
    background: #fafafa;
    z-index: 0
}

.sec_gray_bg::after,
.sec_gray_bg::before {
    content: "";
    position: absolute;
    background: #fafafa;
    z-index: 0
}

.sec_gray_bg::after {
    width: calc(30% + 30px + 1px - 40px);
    height: calc(28% + 0px);
    top: 0;
    left: 13%;
    transform: translateX(-50%);
    z-index: 0;
    border-left: 5px solid #2a49ab;
    border-top: 5px solid #2a49ab
}

.about_container .about_description {
    text-transform: none;
    color: #292b2c;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 25px
}

.sec_package {
    padding: 70px 0 70px
}

.sec_gray_bg.question_icon:hover {
    box-shadow: 0 10px 10px rgb(0 0 0 / 18%);
    transition: all 0.3s
}

.ourworkDigitalMarketing_list .wpb_column.vc_column_container.vc_col-sm-10 {
    float: right !important;
    width: 80%
}

.ourworkDigitalMarketing_list .client_hover {
    display: block;
    opacity: 0;
    transform: scale(0)
}

.client_hover {
    bottom: 0;
    display: none;
    left: 0;
    padding: 20px 15px;
    position: absolute;
    right: 0;
    top: 0;
    transition: all 0.3s linear 0s
}

.client_picture.client_portfolio {
    width: 17%
}

.ourworkDigitalMarketing_list .client_picture:hover .client_hover {
    display: block;
    transition: all 0.3s linear;
    background: rgb(239 179 27 / .8);
    opacity: 1;
    transform: scale(1)
}

.client_picture {
    height: 170px;
    padding: 10px
}

.about_technource .section3_container {
    padding: 40px 0 !important;
    background-color: #fff
}

.about_technource>.vc_row,
.back_image_container .vc_row {
    margin: 0 !important
}

.about_technource .section3_container .Our_Vision_Container {
    background-color: #f3f3f3 !important
}

.our_vision {
    padding: 55px 40px !important;
    text-align: left
}

.section_3_left_text p {
    font-size: 18px;
    line-height: 1.4
}

.Our_Vision_Container {
    background-color: #e9e9e9 !important
}

.about_logo.single_certificate_container {
    width: calc(16% - 10px);
    vertical-align: middle
}

.single_certificate_container {
    display: inline-block;
    width: calc(32% - 14px);
    vertical-align: middle;
    background: #fff;
    box-shadow: 10px 12px 44px 0 rgb(0 0 0 / 10%);
    padding: 20px 0;
    margin: 10px 7px;
    transition: 0.4s;
    text-align: center;
    border-radius: 10px
}

.certificate_container {
    text-align: center;
    margin: 0 -7px
}

.agile_method .timeline_des {
    margin-top: 50px
}

div#video_section .who_text.container {
    margin: 30px auto !important
}

.video_icon {
    height: auto;
    width: auto;
    max-height: 50px;
    max-width: 100%;
    position: absolute;
    top: 30px;
    left: 60px;
    margin: 0
}

.img.client_video_thumb {
    border-radius: 8px
}

.client_thumb {
    margin: 15px 0
}

.clients_speak_desc.title,
.clients_speak_desc.title p,
.our_mission_title,
.our_vision_title {
    color: #000 !important
}

.clients_speak_desc.title,
.clients_speak_desc.title p {
    width: 60%;
    margin: 50px auto !important
}

.clients_speak_desc.title,
.clients_speak_desc.title p {
    font-size: 18px;
    line-height: 25px
}

.clients_review .review:nth-child(3n+2) {
    margin-top: 50px;
    float: left
}

.clients_review .review,
a.arrow_container_a {
    display: inline-block
}

.clients_review .review:nth-child(3n+1) {
    float: right;
    margin-right: 15%
}

.clients_review .right_container .client_img {
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto
}

.clients_review .left_container {
    float: left;
    width: 80%;
    text-align: right
}

.clients_review .left_container .client_designation,
.testimonial_image_name .testimonial_designation {
    font-size: 12px;
    line-height: 18px
}

.clients_review .client_content,
.testimonial_content {
    color: #8b8b8b
}

.review {
    width: 344px !important;
    height: auto;
    border-radius: 7px;
    background-color: #fff;
    border: 1px solid #efb31b;
    padding: 10px
}

.all_review_container .tabcontent {
    font-size: 14px;
    color: #000;
    width: 1000px !important;
    margin: 0 auto
}

.clients_review .right_container {
    float: right;
    height: 50px;
    width: 50px;
    text-align: center;
    font: 0/0 a;
    display: inline-block
}

.clients_review .review:nth-child(3n+0) {
    margin-top: 35px;
    margin-right: 28%;
    margin-bottom: 35px;
    margin-left: 30px
}

.video_testimonial {
    padding: 30px
}

.detail_box .vc_column-inner {
    padding: 0px !important
}

.blog_details_main_wrapper_column {
    background: #f8f8f8;
    padding: 25px
}

.blog_details_main_wrapper_column .blog_app-info-L {
    display: flex;
    flex: 1;
    padding-right: 35px
}

.blog_details_main_wrapper_column .blog_app-review-info {
    padding: 0;
    display: flex
}

.blog_details_main_wrapper_column .blog_app-review-info>li {
    list-style: none;
    margin-right: 30px;
    display: flex;
    align-items: center
}

.blog_details_main_wrapper_column .blog_app-review-info>li>figure {
    margin-right: 10px;
    margin-bottom: 10px
}

.blog_details_main_wrapper_column .blog_app-review-info>li>figcaption h4 {
    font-size: 18px;
    margin: 0
}

.blog_details_main_wrapper_column .app-text {
    margin-bottom: 20px
}

.blog_details_main_wrapper_column .blog_app-review-info>li>figure>img {
    width: 36px
}

.blog_details_main_wrapper_column .blog_app-info-R br {
    display: none
}

.author_name a {
    color: #21407d
}

.inner_blog_details {
    padding: 0 55px
}

h1.blog_main_title {
    font-size: 36px;
    font-weight: 600;
    color: #333
}

.blog_head_section {
    margin-bottom: 20px
}

.sticky-top {
    top: 90px;
    position: sticky;
    z-index: 1020
}

.widget.ez-toc {
    border: 1px solid #aaa;
    border-radius: 4px;
    padding: 10px;
    list-style: none;
    overflow: auto;
    max-height: 500px
}

.blog_date {
    color: #000;
    font-size: 18px;
    font-family: "Jost-Medium" !important
}

.app-info-btn {
    display: block;
    height: 25px
}

.blog_detail img {
    display: block;
    margin: 0 auto
}

@media (max-width:767px) {
    .blog_detail img:not(.faq_icon) {
        width: 100% !important;
        height: auto !important
    }
}

.blog_detail h2 {
    font-size: 30px;
    color: #333;
    font-weight: 600;
    padding: 25px 0;
    margin: 0
}

.blog_detail h3 {
    font-size: 25px;
    color: #333;
    font-weight: 600;
    padding: 25px 0 20px;
    margin: 0
}

.blog_detail h4 {
    font-size: 20px;
    color: #333;
    font-weight: 600;
    padding: 15px 0;
    margin: 0
}

.blog_detail p {
    font-size: 18px;
    font-weight: 400;
    margin-bottom: 22px;
    line-height: 1.8
}

span.ez-toc-title-toggle {
    display: none
}

.widget.ez-toc h2.widgettitle {
    font-size: 24px;
    margin-bottom: 0 !important
}

div.ez-toc-widget-container ul.ez-toc-list {
    padding: 0
}

div.ez-toc-widget-container ul.ez-toc-list li a {
    font-size: 17px;
    padding-bottom: 15px !important;
    display: block
}

div.ez-toc-widget-container ul.ez-toc-list li {
    line-height: normal
}

div.ez-toc-widget-container ul.ez-toc-list li ul.ez-toc-list-level-3 {
    margin-left: .7rem;
    padding-left: 5px
}

.widget.ez-toc::-webkit-scrollbar {
    width: 2px
}

.widget.ez-toc::-webkit-scrollbar-thumb {
    background-color: #21407d !important
}

body {
    overflow: visible !important
}

.ez-toc-list li {
    list-style: none !important
}

.sec_white_bg {
    background: #fff;
    position: relative;
    display: inline-block;
    width: auto;
    margin-right: 50px;
    padding: 25px 50px 25px 25px
}

.sec_apptext_bg.pack_trans {
    background: #fff;
    box-shadow: 0 0 15px 0 rgb(0 0 0 / 10%);
    border-radius: 6px;
    padding: 22px 30px;
    transform: translateX(50px)
}

.sec_white_bg::after,
.sec_white_bg::before {
    content: "";
    position: absolute;
    background: #fff
}

.sec_white_bg::after {
    width: calc(30% + 30px + 1px - 40px);
    height: calc(28% + 0px);
    top: 0;
    left: 13%;
    transform: translateX(-50%);
    z-index: 1;
    border-left: 5px solid #2a49ab;
    border-top: 5px solid #2a49ab
}

.sec_white_bg::before {
    width: calc(30% + 30px + 1px - 40px);
    height: calc(28% + -10px);
    bottom: 0;
    left: 87%;
    transform: translateX(-50%);
    z-index: 0;
    border-right: 5px solid #2a49ab;
    border-bottom: 5px solid #2a49ab
}

.sec_white_bg::after,
.sec_white_bg::before {
    content: "";
    position: absolute;
    background: #fff
}

.sec_white_bg:hover {
    box-shadow: 0 10px 10px rgb(0 0 0 / 18%);
    transition: all 0.3s
}

.sec_gray_bg:hover {
    box-shadow: 0 10px 10px rgb(0 0 0 / 18%);
    transition: all 0.3s
}

.inner_blog_details .section_title:after {
    border-bottom: none
}

.horizonatl_boxshadow:hover {
    box-shadow: 0 10px 10px rgb(0 0 0 / 18%);
    transition: all 0.3s
}

span.wpcf7-not-valid-tip {
    color: red !important;
    font-weight: 400;
    display: block;
    font-size: 16px;
    text-align: left;
    margin-bottom: 15px
}

div.wpcf7 .screen-reader-response {
    position: absolute;
    overflow: hidden;
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    width: 1px;
    margin: 0;
    padding: 0;
    border: 0
}

.wpcf7-response-output {
    text-align: center
}

.industry_specialization_box .Specialization_box .description {
    font-family: "Jost-Regular" !important
}

.grecaptcha-badge {
    display: none !important
}

h2.section_title {
    text-transform: uppercase
}

body {
    overflow-x: hidden !important
}

.experiences-part .section_title {
    margin-bottom: 5px !important
}

.development_services h3 {
    font-weight: bold !important
}

.section_yellow h3 {
    font-weight: bold !important
}

strong a {
    background: linear-gradient(90deg, #ff558b 0, #736eff 100%);
    background-size: cover;
    background-position: center;
    color: transparent !important;
    background-repeat: no-repeat;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    filter: brightness(1.1)
}

strong a:hover {
    color: transparent !important;
    text-decoration: underline !important;
    text-underline-offset: 2px !important
}

.blog_detail .tabs-image .tabs-ulsection .nav-link {
    width: fit-content;
    color: #000;
    border: 1px solid #000;
    background-color: #fff
}

.tabs-ulsection .active {
    color: white !important;
    background-color: #efb31b !important;
    border: none !important
}

.main_blog_content .sec_package {
    padding: 40px 0 40px
}

.tab-content li {
    text-align: left;
    margin-bottom: 15px
}

.main_blog_content .timeline_content:after {
    left: -56px
}

.main_blog_content ul.timeline-list li:nth-child(2n) .timeline_content:after {
    right: -57px !important
}

.main_blog_content .timeline_des h4 {
    line-height: 25px
}

.blog_detail .we_serve_box {
    padding: 15px;
    text-align: center
}

.blog_detail .theme_pera {
    line-height: 30px;
    margin-bottom: 20px !important;
    margin: 0 20px
}

.blog_detail .meeting_sec_hedtext {
    background-image: linear-gradient(45deg, #e8007e, #4e4fab);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0
}

.blog_detail .meeting_sec_hedtext {
    background-image: linear-gradient(45deg, #e8007e, #4e4fab);
    background-size: 100%;
    background-repeat: repeat;
    -webkit-background-clip: text;
    -webkit-text-fill-color: #fff0;
    -moz-background-clip: text
}

.blog_detail .techno-box-outer .vc_column-inner {
    height: 305px !important;
    margin-bottom: 20px !important
}

ul.ez-toc-list-level-4 {
    padding-left: 0
}

.ez-toc-section {
    padding-top: 100px !important
}

ul.ez-toc-list-level-5 {
    padding-left: 0;
    margin-left: 12px !important
}

.on_demand_class .tabs-ulsection .active {
    color: white !important;
    background-color: #e2e2e2 !important;
    border: none !important
}

.update_date {
    float: right
}

.excerpt_details {
    margin-top: 10px
}

.author-section {
    display: flex;
    align-items: center;
    gap: 1rem
}

.author-img {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover
}

.author-details {
    display: flex;
    flex-direction: column
}

.author-name {
    color: #000;
    font-size: 18px;
    font-family: "Jost-Medium" !important
}

.author-role {
    color: #000;
    font-size: 18px;
    font-family: "Jost-Medium" !important;
    margin-left: .5rem
}

.publish-info {
    color: #000;
    font-size: 18px;
    font-family: "Jost-Medium" !important;
    margin-top: .25rem
}

.divider {
    margin: 0 .5rem;
    color: #999
}

.author a:hover {
    color: #1d73f8
}

.our-team_section {
    display: none
}

.also_read_quote {
    padding: 1rem !important
}

.also_read_quote p {
    margin-bottom: 0;
    font-size: 18px !important;
    font-style: italic
}

.career_openings .tabbing_class {
    background: #fff0;
    box-shadow: unset
}

.career_openings .tabbing {
    background-color: transparent !important
}

.career_openings .tabs-ulsection {
    background: #fff
}

.career_openings .active .dev-text {
    color: #efb31b !important
}

.career_openings .dev-text {
    color: #21407d !important;
    font-size: 20px
}

.career_opening_title {
    border: 1px solid #274481;
    padding: 10px;
    color: #274481;
    border-radius: 10px
}

.career_opening_title:hover {
    border-color: #efb31b;
    color: #efb31b
}

.career_opening_img {
    float: left;
    margin-top: -3px;
    margin-right: 10px
}

.career_opening_text {
    text-align: left
}

.perks_points span {
    margin-top: 18px !important;
    display: flex;
    font-size: 18px;
    font-family: ‘Jost-Bold’
}

.perks_points {
    background-color: #fff;
    border-radius: 15px;
    padding: 0 15px 0 15px
}

.culture_points ul {
    list-style: none
}

.culture_points ul li:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 15px;
    -moz-border-radius: 7.5px;
    -webkit-border-radius: 7.5px;
    border-radius: 7.5px;
    background-color: #efb32d;
    margin-right: 8px;
    border: 2px solid #17376f;
    vertical-align: middle;
    float: left;
    margin-top: 10px
}

.arrow_sing {
    margin-top: 4%
}

span.career_at {
    background-color: #efb31b;
    color: #fff;
    padding: 0 12px 0 10px
}

.our_mission_img img {
    min-height: 215px
}

.quotation_top {
    margin-bottom: 20px
}

.quotation_bottom {
    text-align: right
}

.process_title {
    text-align: center;
    font-family: "Jost-Medium";
    margin-top: 10px;
    font-size: 20px
}

.img-overly_text {
    margin: 50px;
    background-color: #fff;
    position: absolute;
    top: 238px;
    padding: 45px;
    box-shadow: 10px 12px 44px 0 rgb(0 0 0 / 15%)
}

.culture_points ul li h3 {
    color: #254280
}

.culture_points ul li p {
    font-size: 20px;
    margin-top: 8px;
    margin-left: 24px
}

.interview_process {
    grid-gap: 15px
}

.tabbing {
    display: block !important;
    height: auto !important;
    width: auto !important
}

.active .dev-text:after {
    margin-top: 2px;
    content: "";
    border-bottom: 2px solid #efb32d !important;
    width: 85px !important;
    display: block
}

.dev_services_points span {
    font-family: "Jost-Bold"
}

.technology_specialist {
    margin-top: 80px
}

.tabbing {
    display: block !important;
    height: auto !important;
    width: auto !important
}

.tabbing {
    background-color: #f6f6f6 !important
}

.active .dev-text {
    color: #21407d;
    font-weight: 700
}

.dev-text {
    color: #000;
    font-size: 20px;
    font-weight: 700
}

.tabs-image .tabs-ulsection .tabbing.active img.color {
    display: initial
}

.tabs-image .tabs-ulsection .tabbing img.black {
    display: initial
}

.dev-text {
    margin-top: 15px
}

.tabbing_class {
    background: #f6f6f6;
    box-shadow: unset
}

.active .dev-text:after {
    margin-top: 2px;
    content: "";
    border-bottom: 2px solid #efb32d !important;
    width: 85px !important;
    display: block
}

.overly {
    margin-top: 7%
}

.mbimage {
    position: relative;
    top: 40px
}

.dev_services_points ul {
    margin-top: 12px
}

.dev_services p {
    text-align: justify
}

.tabbing_class .tab-content .active {
    animation: fadeInRight 1s ease-in-out
}

.tabbing_class h3 {
    text-align: left;
    margin-left: 25px;
    color: #21407d
}

h3.specialists_title,
h5.specialists_title {
    font-family: "Jost-Bold" !important;
    font-size: 49px !important;
    -webkit-text-stroke: 1px #fff !important;
    color: #fff0
}

.technology_specialist {
    background-repeat: round;
    padding: 15px
}

.competition_class {
    border: 1px solid;
    padding: 12px;
    height: 100%
}

.competition_class .competition_img {
    text-align: center
}

.competition_class .competition_title h3 {
    margin-bottom: 15px;
    margin-top: 15px;
    font-size: 18px
}

.competition_class:hover {
    border-bottom: 1px solid #efb31b !important
}

ul.sprint_list li {
    background-repeat: no-repeat;
    list-style: none;
    font-size: 21px;
    margin-bottom: 12px;
    padding-left: 45px
}

.sprint_section {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%);
    padding: 15px 10px 17px 0;
    border-left: 6px solid #efb31b
}

.competition_class {
    background-color: #f6f6f6
}

.star_class {
    box-shadow: 0 0 30px 0 rgb(0 0 0 / 20%);
    padding-top: 5px
}

.industries_section:hover .static {
    display: none
}

.industries_section .onhoverchange {
    display: none
}

.industries_section:hover .onhoverchange {
    display: block
}

.industries_title h3 {
    font-size: 20px
}

.industries_desc p {
    font-size: 15px;
    text-align: justify
}

.industries_section:hover {
    background-color: #21407d
}

.industries_section {
    padding: 10px !important
}

.industries_section:hover p {
    color: #fff
}

.industries_section:hover h3 {
    color: white !important
}

.industries_title h3:after {
    content: "";
    border-bottom: 3px solid #efb32d;
    width: 68px;
    display: block;
    margin-top: 4px
}

.project_class .nav-tabs .active:after {
    content: "";
    border-bottom: 3px solid #efb32d;
    width: 75px;
    margin-top: 8px;
    display: block
}

.project_class .tabs-ulsection {
    padding: 0
}

.project_class a {
    border: none !important
}

.project_class .tabbing img {
    width: 115px
}

.project_descritpion {
    color: #000;
    text-align: left;
    padding: 15px
}

.project_logo {
    text-align: right
}

.project_class .tab-content {
    padding: 0 0
}

.project_descritpion span {
    font-size: 24px;
    font-family: "Jost-Bold";
    color: #efb31b
}

.project_descritpion p {
    font-size: 15px;
    margin-top: 2px
}

.list_point_section li.list_points::before {
    content: "";
    display: inline-block;
    height: 17px;
    width: 28px;
    background-image: var(--wpr-bg-551ea4d9-205d-444b-9782-edeb37175964);
    background-repeat: no-repeat;
    background-size: 20px
}

.development_section_desinging:before {
    position: absolute;
    width: 138px;
    height: 102px;
    left: -54px;
    z-index: -1;
    top: -3.5%;
    background-repeat: no-repeat
}

.development_section_desinging:after {
    position: absolute;
    width: 138px;
    height: 102px;
    right: -62px;
    z-index: -1;
    bottom: -4%;
    background-repeat: no-repeat
}

.technology-developing:before {
    position: absolute;
    width: 138px;
    height: 102px;
    left: -60px;
    z-index: -1;
    top: 50%;
    background-repeat: no-repeat
}

.technology-developing:after {
    position: absolute;
    width: 138px;
    height: 102px;
    right: -9%;
    z-index: -1;
    top: 18%;
    background-repeat: no-repeat
}

.project_class .tabs-image .tabs-ulsection .tabbing {
    height: 100px !important;
    width: 140px !important;
    margin-left: 10px
}

.industries_section {
    margin-top: 15px;
    height: 95%
}

.dev_services_points h4 {
    font-size: 17px;
    color: #efb31b
}

.carousel-control-prev {
    left: -11%;
    bottom: 30%
}

.carousel-control-next {
    right: -11%;
    bottom: 30%
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    background-color: #efb31b
}

.carousel-control-prev,
.carousel-control-next {
    opacity: 1
}

ul.list_technologies img {
    width: 100px
}

.tabbing_class .active {
    background-color: transparent !important
}

.star_section img {
    width: 8%
}

.tc-logo img {
    height: 150px;
    width: 150px
}

.career-banner-section {
    text-align: center;
    background: linear-gradient(90deg, rgb(8 1 113) 0%, rgb(3 3 138) 35%, rgb(1 100 120) 100%);
    padding: 7rem 0rem;
    color: #fff
}

.details-text {
    padding: .5rem 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    appearance: none;
    border-radius: .25rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out
}

.job-details-label {
    font-size: 20px;
    font-weight: 700;
    margin: 1rem 0rem .3rem .2rem
}

.creer_page_body_container {
    width: 70%;
    margin: 1rem auto
}

.career-apply-btn {
    margin-top: 1rem;
    padding: .5rem 2rem;
    border: 2px solid #fff;
    background-color: #0d0d0d;
    font-weight: 700;
    color: #fff;
    font-size: 20px
}

.connect_with_recruiter_btn_wrapper {
    display: flex;
    justify-content: center
}

.connect_with_recruiter_btn {
    background-color: #086BC9;
    border: none;
    box-shadow: none;
    border-radius: 12px;
    padding: 14px 16px 14px 10px;
    color: #fff;
    font-weight: 700;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 20px;
    width: fit-content;
    transition: all ease 0.3s
}

.connect_with_recruiter_btn .link_icon {
    height: 30px;
    width: 30px;
    object-fit: contain
}

.connect_with_recruiter_btn:hover {
    background-color: #111
}

@media screen and (max-width:767px) {
    .connect_with_recruiter_btn {
        font-size: 12px;
        text-align: left;
        max-width: 80%
    }
}

.connect_with_recruiter_cta_wrapper {
    display: flex;
    justify-content: center;
    margin-bottom: 50px
}

.connect_with_recruiter_cta {
    height: 115px;
    width: auto;
    object-fit: contain
}

@media screen and (max-width:1024px) {
    .connect_with_recruiter_cta {
        height: 80px;
        width: auto
    }
}

.career-openings-number span {
    position: absolute;
    right: 0;
    background: #21407d;
    top: 7%;
    color: #fff;
    padding: 12px;
    border-right: none !important;
    font-size: 18px;
    border-style: dashed
}

.infrastructure-title {
    font-size: 50px;
    position: relative;
    z-index: 1
}

.infra_desc {
    font-size: 20px;
    margin-top: 15px;
    font-weight: 600
}

.infrastructure_banner_section {
    background-color: #fffbf4;
    padding: 3rem
}

.infra-points {
    margin-top: 2rem
}

.infra-points span {
    display: block;
    text-align: center;
    font-size: 28px;
    font-weight: 600;
    background-color: #21407d;
    color: #fff
}

.infra-points ul {
    font-size: 18px;
    padding: 1rem 2rem;
    background-color: #fcfcfc;
    height: 84%
}

.infra-gallary {
    text-align: center
}

.camera-img img {
    width: 20%
}

.infra-gallery-text {
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 2.5rem;
    color: #0f387a
}

.infra-gallery-text span {
    display: inline-block
}

.infra-gallery-text span:after {
    content: "";
    border-bottom: 3px solid #efb32d;
    width: 23%;
    left: 9%;
    margin-top: 10px;
    display: block;
    position: absolute
}

.infra-gallery-text span:before {
    content: "";
    border-bottom: 3px solid #efb32d;
    width: 23%;
    left: 9%;
    margin-top: -10px;
    display: block;
    position: absolute
}

.infrastructure-title:after {
    content: "";
    position: absolute;
    left: 44%;
    right: 0;
    top: 4px;
    width: 80px;
    height: 60px;
    background-color: #efb32c;
    z-index: -1
}

.activity-title {
    text-align: center;
    margin-top: 8px;
    font-weight: 600;
    font-size: 15px
}

.activity-images img {
    width: 60px;
    height: 60px;
    margin: auto;
    display: block
}

.activity-section {
    background: #fff;
    padding: 15px;
    margin: 1rem 0rem;
    border-radius: 15px
}

.technource-activity-section {
    width: 150px;
    height: 150px;
    padding: 15px;
    margin: 0 auto;
    border-radius: 50%;
    color: #fff;
    background-color: #21407d;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center
}

.technource-activity-section-right::before {
    border-left: 2px solid #efb31b;
    content: "";
    height: 61%;
    transform: rotate(90deg);
    border-style: dashed;
    position: absolute;
    right: 39%;
    z-index: -1
}

.technource-activity-section-left::before {
    border-left: 2px solid #efb31b;
    content: "";
    height: 61%;
    transform: rotate(90deg);
    border-style: dashed;
    position: absolute;
    right: 60%;
    z-index: -1
}

.employee-speak-one:before {
    content: "";
    background: var(--wpr-bg-c339c3a5-d211-43bf-820f-47a0cd37a3e1) no-repeat center center/cover !important;
    position: absolute;
    top: 0;
    left: 40%;
    width: 100px;
    height: 100px;
    z-index: -1;
    top: -22%
}

.employee-speak-two:before {
    content: "";
    background: var(--wpr-bg-234f8962-4640-4eba-bff4-ef122e0799f6) no-repeat center center/cover !important;
    position: absolute;
    top: 0;
    left: 40%;
    width: 100px;
    height: 100px;
    top: 74%;
    z-index: -1;
    transform: rotate(90deg)
}

.employee-speak-three:before {
    content: "";
    background: var(--wpr-bg-f8b4f238-0d9b-4c3e-b7a7-4de3282cbc24) no-repeat center center/cover !important;
    position: absolute;
    top: 0;
    left: 85%;
    width: 100px;
    height: 100px;
    top: 30%;
    z-index: -1;
    transform: rotate(90deg)
}

.life-activity-section:before {
    content: "";
    background: var(--wpr-bg-ef6ac921-d609-4781-8bb5-9eeacae71740) no-repeat center center/cover !important;
    position: absolute;
    top: 90%;
    width: 100px;
    height: 100px;
    z-index: 999;
    margin: 0 auto
}

.life-activity-section:after {
    content: "";
    background: var(--wpr-bg-25b08412-1ed1-4974-a511-ec2507368223) no-repeat center center/cover !important;
    position: absolute;
    top: -10%;
    right: 0%;
    width: 100px;
    height: 100px;
    z-index: 999;
    margin: 0 auto
}

.custom-blog-icons {
    display: flex;
    justify-content: space-between
}

.custom-blog-icons strong {
    font-weight: 500
}

.custom-blog-icons img {
    width: 100px;
    margin: .8rem 0.8rem !important;
    height: 100px
}

.related-technology-section h3 {
    font-weight: 700;
    font-size: 18px;
    margin-top: 5px
}

.related-technology-section p {
    font-size: 14px;
    margin-bottom: 0rem
}

.related-technology-section {
    background: #fff;
    border: 2px solid #ededed;
    padding: 25px;
    margin-bottom: 26px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    width: 100%;
    height: 85%
}

.related-technology-section:hover {
    box-shadow: 0 0 25px rgb(0 0 0 / 10%)
}

.related-technology-section:hover h3 {
    color: #22165a
}

.related-technology-section:hover .related-technology-border {
    opacity: 1;
    visibility: visible;
    width: 5rem
}

.related-technology-section .related-technology-border {
    opacity: 0;
    visibility: hidden;
    background-color: #22165a;
    display: block;
    width: 0;
    padding: 1px 0;
    margin: 10px 0;
    transition: 0.6s ease-out
}

.blog-portfolio-img {
    height: 200px
}

.blogpage-tabs {
    min-height: 365px
}

.blog-casestudy-img {
    height: 225px
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: #fff0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: #fff0
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset #fff0
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgb(0 0 0 / .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgb(0 0 0 / .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

.general-technology-section img {
    display: inline-block;
    width: 80px !important;
    height: 80px !important;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border: 1px dashed #0b407b;
    text-align: center;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 0 40px 0 rgb(79 33 185 / 30%);
    -moz-box-shadow: 0 0 40px 0 rgb(79 33 185 / .3);
    box-shadow: 0 0 40px 0 rgb(11 64 123 / 69%);
    object-fit: scale-down
}

.general-technology-section .general-technology-description {
    text-align: justify;
    max-width: 450px;
    margin: 0rem auto 2rem auto
}

.blog-list-items {
    margin-bottom: 20px;
    border: 1px solid #e8e3e3;
    border-radius: 5px;
    padding: 1.5rem 1rem;
    background-color: #f5ffdb;
    box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
    padding-left: 40px;
    line-height: 40px
}

.technource-table {
    font-size: 16px !important;
    box-shadow: 0 5px 20px rgb(0 0 0 / 20%);
    width: 95%;
    background: #fff;
    border-radius: 20px;
    margin: 0 auto
}

.technource-table thead tr {
    background: #d966ba;
    color: #fff
}

.technource-table thead tr th {
    font-weight: 400
}

.technource-table tbody tr {
    border: none !important
}

.technource-table tbody tr:nth-child(odd) {
    background: #f5f5f5
}

.technource-table thead tr th:first-child {
    border-top-left-radius: 15px
}

.technource-table thead tr th:last-child {
    border-top-right-radius: 15px
}

.technource-table tbody tr:last-child td:first-child {
    border-bottom-left-radius: 15px
}

.technource-table tbody tr:last-child td:last-child {
    border-bottom-right-radius: 15px
}

.technource-table tbody tr td {
    border: none !important
}

.technource-table td li {
    padding-left: 25px;
    line-height: 24px;
    position: relative;
    list-style-type: none !important
}

.technource-table td li:before {
    position: absolute;
    height: 10px;
    width: 10px;
    left: 5px;
    top: 8px;
    content: "";
    background: #ffae49;
    border-radius: 50%;
    display: block
}

.technource-table td img:hover {
    transform: scale(1.1)
}

.technource-table .technource-table-item-img {
    width: 85px
}

.landing_page_section {
    position: fixed;
    top: 30vh;
    right: 15px;
    z-index: 999999999 !important;
    max-width: 310px
}

.landing_page_texts .vc_column-inner.vc_custom_1690959769712 {
    padding-top: 0px !important
}

@media (max-width:1299px) {
    .authordetail_page {
        margin-top: 44px
    }
}

@media (min-width:1200px) {
    .container {
        max-width: 1140px
    }
}

@media (max-width:1199px) {
    .tabs-image .tabs-ulsection .nav-link {
        height: 60px;
        width: 60px;
        margin-left: 10px
    }

    .casestudy-left-section {
        padding: 0 25px
    }

    .video_icon {
        top: 10px;
        left: 28px
    }

    .leader_video_text_color {
        padding-left: 18px
    }

    .home_banner .sub_title {
        font-size: 53px
    }

    .trusted_by_title.section_title {
        font-size: 26px
    }
}

@media (max-width:1149px) {

    .col_inner,
    .small-one .col_inner_box {
        width: 50%;
        margin-bottom: 12px
    }
}

@media screen and (max-width:1099px) {
    .box_white {
        padding: 15px 20px;
        font-size: 14px
    }
}

@media (max-width:1024px) {

    .latest_blog_main_box .img_blog,
    .video_play_box {
        height: 136px
    }
}

@media (max-width:991px) {
    .fixed-top {
        display: none
    }

    .development_partner img {
        width: 100%
    }

    .custom-blog-icons {
        display: block
    }

    .custom-blog-icons img {
        margin: auto !important
    }

    .ceo_image_container {
        height: 250px
    }

    .ceo-image img {
        max-height: 250px
    }

    .department-head-image {
        text-align: center !important
    }

    .department_head_hover_right {
        padding: 0 25px 0 25px
    }

    .department-head-image {
        float: unset !important
    }

    .department-head-description1 {
        margin-top: 18px
    }

    .head-slider-container1 {
        width: 100% !important
    }

    .sticky-top {
        margin-bottom: 15px
    }

    .sec_apptext_bg {
        padding: 14px 14px
    }

    .mainpage {
        overflow: hidden
    }

    .update_date {
        float: none
    }

    .blog_content {
        height: 159px
    }

    .blog-portfolio-img {
        height: auto
    }

    .blog-portfolio-section img {
        width: 100%
    }

    .portfolio_btn {
        right: -40%
    }

    .casestudy_btn {
        right: -43%
    }

    .blogpage-tabs {
        height: auto
    }

    .blog-casestudy-img {
        height: auto
    }

    .sec_apptext_bg {
        padding: 14px 14px
    }

    .btn_space button.dept_btn_size,
    .dept_btn button.dept_btn_size {
        width: 240px;
        font-size: 0
    }

    .department_button {
        width: 90% !important
    }

    .btn_space button.dept_btn_size span,
    .dept_btn button.dept_btn_size span {
        font-size: 16px !important
    }

    .ourwork_list .projects-image-container {
        height: 135px !important
    }

    .clients_review .review:nth-child(3n+0),
    .clients_review .review:nth-child(3n+1),
    .clients_review .review:nth-child(3n+2) {
        margin-left: 3% !important;
        margin-right: 4% !important;
        width: 42% !important
    }

    .all_review_container .tabcontent {
        width: auto !important
    }

    .video_testimonial {
        padding: 30px !important
    }

    .video_section {
        margin: 30px 50px !important
    }

    .video_icon {
        top: 24px;
        left: 21px
    }

    .video_icon {
        height: auto;
        width: auto;
        max-height: 36px;
        max-width: 100%;
        position: absolute;
        top: 30px;
        left: 30px;
        margin: 0
    }

    .all_review_container .container {
        padding: 10px
    }

    .landing_page_section {
        right: 8px;
        max-width: 264px
    }

    .trusted_by_title.section_title {
        font-size: 28px
    }

    .tn_author_image {
        margin: 20px auto
    }

    .service-box {
        height: auto !important
    }

    .industries_box {
        width: 50% !important
    }

    .industry-outerbox {
        width: 50% !important
    }

    .industry_section h2 {
        font-size: 25px
    }

    .testimonial_section .equal_height>.equal_height_container {
        display: flex
    }

    .about_logo.single_certificate_container {
        width: calc(32% - 14px)
    }

    .banner_text_ourteam,
    .contact_us_back_title,
    .hello_contact {
        font-size: 136px;
        padding: 30px 0 !important
    }

    .cta_gradient h5 span {
        font-size: 30px
    }

    .social-icon ul {
        margin-top: 15px
    }

    .contact {
        padding: 0 40px
    }

    .tabs-ulsection ul {
        flex-wrap: nowrap;
        overflow-x: auto;
        overflow-y: hidden;
        flex-direction: row;
        flex: 1;
        -webkit-overflow-scrolling: touch;
        justify-content: flex-start !important
    }

    a.title {
        font-weight: 600
    }

    .menu ul ul li {
        display: inline-block;
        width: 49%;
        line-height: normal;
        vertical-align: top
    }

    .menu ul ul li a {
        font-size: 14px !important
    }

    body {
        padding-top: 60px
    }

    .home_banner .sub_title {
        font-size: 45px;
        line-height: 45px
    }

    .home_banner {
        padding: 80px 0 60px !important
    }

    .owl-carousel .owl-nav {
        display: block
    }

    .clients-marquee .client_img_box {
        height: 90px
    }

    .owl-carousel .owl-nav button.owl-next,
    .owl-carousel .owl-nav button.owl-prev,
    .owl-carousel button.owl-dot {
        height: 95%
    }

    .section_title {
        line-height: normal
    }

    .section_title:after {
        margin-top: 10px;
        width: 85px
    }

    .core-services.py-5 {
        padding-bottom: 1rem !important
    }

    .box-container {
        padding: 28px 10px 20px
    }

    .we_serve_section {
        padding: 40px 0
    }

    .col1 {
        top: 130px
    }

    .col2 {
        top: 36px
    }

    .container {
        width: 100% !important;
        max-width: 100%;
        padding: 0 40px
    }

    .Specialization_box a,
    .we_serve_box a {
        padding: 20px 5px
    }

    @media screen and (max-width:991px) {
        .gradient_box_casestudy .equal_height_container {
            min-height: auto
        }
    }

    .casestudy_pr,
    .casestudy_pl {
        padding: 0
    }

    .casestudy-left-section {
        padding: 20px 30px
    }

    .modal_testimonial_area .modal-dialog {
        max-width: 700px
    }

    .modal_testimonial_area iframe {
        height: 394px
    }

    .services p {
        text-align: justify !important
    }

    .innerpagepoints {
        font-size: 18px !important
    }

    .innerpagebtn a {
        font-size: 14px !important
    }

    .mainsubtitle b {
        display: block;
        line-height: 32px
    }

    .development_section_desinging:before,
    .development_section_desinging:after,
    .technology-developing:before,
    .technology-developing:after {
        display: none !important
    }

    .project_class .tabbing {
        height: 70px !important;
        width: 100px !important
    }

    .career-openings-number span {
        top: 3%
    }

    .infrastructure-title:after {
        left: 39.5%;
        right: 0;
        top: 4px;
        width: 78px;
        height: 60px
    }

    .employee-speak-one:before,
    .employee-speak-two:before,
    .employee-speak-three:before,
    .life-activity-section:before,
    .life-activity-section:after {
        display: none
    }

    .contact-us-add-box {
        padding: 0 !important
    }

    .trusted_by_title.section_title {
        font-size: 28px;
        text-align: center !important
    }

    .trusted_by_title.section_title::after {
        margin: 0 auto
    }
}

@media all and (max-width:900px) {
    .mfp-arrow {
        -webkit-transform: scale(.75);
        transform: scale(.75)
    }

    .mfp-arrow-left {
        -webkit-transform-origin: 0 0;
        transform-origin: 0 0
    }

    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%
    }

    .mfp-container {
        padding-left: 6px;
        padding-right: 6px
    }
}

@media (max-width:820px) {
    .service-box-body ul {
        padding-left: 12px
    }

    ul.timeline-list li:nth-child(2n) .timeline_content:after {
        right: -50px !important;
        transform: translateY(-75px)
    }

    .timeline_content:after {
        left: -50px
    }

    .development-second-phase .section_title {
        margin-bottom: 5px !important
    }

    ul.sitemap-list.clearfix {
        column-count: 2 !important
    }
}

@media (max-width:800px) {

    .latest_blog_main_box .img_blog,
    .video_play_box {
        height: 103px
    }
}

@media screen and (max-width:800px) and (orientation:landscape),
screen and (max-height:300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0
    }

    .mfp-img-mobile img.mfp-img {
        padding: 0
    }

    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0
    }

    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px
    }

    .mfp-img-mobile .mfp-bottom-bar {
        background: rgb(0 0 0 / .6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        box-sizing: border-box
    }

    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0
    }

    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px
    }

    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgb(0 0 0 / .6);
        position: fixed;
        text-align: center;
        padding: 0
    }
}

@media (max-width:768px) {

    .latest_blog_main_box .img_blog,
    .video_play_box {
        height: 110px
    }

    .service-box-body ul {
        padding-left: 12px
    }

    .latest_blog_main_box .latest_blog_main_blogContent {
        padding: 10px
    }

    .video_overlay img {
        height: 40px
    }

    ul.timeline-list li:nth-child(2n) .timeline_content:after {
        right: -48px !important
    }

    .timeline_content:after {
        left: -48px
    }

    .img-overly_text {
        margin: 35px;
        background-color: #fff;
        position: absolute;
        top: 100px;
        padding: 22px;
        box-shadow: 10px 12px 44px 0 rgb(0 0 0 / 15%)
    }

    .culture_points ul li h3 {
        font-size: 18px
    }

    .culture_points ul li p {
        font-size: 16px
    }

    .culture_points ul li:before {
        margin-top: 4px
    }

    .perks_points span {
        margin-top: 2px !important;
        font-size: 15px
    }
}

@media (max-width:767px) {
    .home_banner_row {
        gap: 26px
    }

    .bottom_margin_remove .wpb_content_element {
        margin-bottom: 0
    }

    .technource_life_col {
        flex-direction: column-reverse
    }

    .authordetail_page {
        margin-top: 60px
    }

    .contact-us-add-box {
        margin-bottom: 20px !important
    }

    .landing_page_section {
        position: unset;
        max-width: unset;
        padding-left: 15px !important;
        padding-right: 15px !important;
        padding-top: 0px !important
    }

    .home_banner img {
        width: 64%;
        height: auto;
        display: block;
        margin: 0 auto
    }

    .home_banner p {
        font-size: 16px
    }

    .mainsubtitle b {
        font-size: 20px
    }

    .interview_process {
        display: inline-block !important;
        width: 85px
    }

    .portfolio_btn {
        right: -30%
    }

    .casestudy_btn {
        right: -36%
    }

    .interview_section {
        text-align: center
    }

    .arrow_sing {
        transform: rotate(90deg);
        margin: 30px 0 30px 0
    }

    .culture_points ul li p {
        font-size: 18px
    }

    .training {
        margin-top: 50px
    }

    .perks_at_section {
        margin-top: 40%
    }

    .perks_points span {
        display: flex;
        font-size: 20px;
        font-family: ‘Jost-Bold’
    }

    .sec_white_bg {
        padding: 20px !important;
        margin: 0 0 20px 0 !important
    }

    .listpagesidebar {
        margin-top: 15px
    }

    .ceo-data {
        margin-bottom: 0
    }

    .our-team_section {
        display: block
    }

    .list_section {
        text-align: center
    }

    .close_btn_desc img {
        margin-top: 0px !important
    }

    .close_btn_desc {
        text-align: right
    }

    .team-members img {
        margin-top: 30px
    }

    .department-head-data.slider-departmenthead {
        display: none
    }

    .banner_text_ourteam,
    .contact_us_back_title,
    .hello_contact {
        font-size: 94px !important;
        padding: 30px 0 !important
    }

    .banner_text2_ourteam {
        top: 53%;
        letter-spacing: 0;
        font-size: 33px !important
    }

    .blog_content {
        height: auto
    }

    .blog_detail.main_blog_content iframe {
        width: -webkit-fill-available
    }

    .sec_gray_bg {
        padding: 10px;
        margin: 0 0 20px 0
    }

    .sec_gray_bg.question_icon {
        margin: 0
    }

    .sec_app {
        padding: 50px 0 50px;
        text-align: center
    }

    .sec_package {
        padding: 50px 0 50px;
        text-align: center
    }

    .sec_apptext_bg {
        width: 100% !important;
        margin: 20px 0 !important
    }

    .sec_apptext_bg {
        transform: translateX(0) !important
    }

    .technource_world .world_banner_back {
        padding: 0;
        font-size: 70px !important;
        line-height: 100px !important
    }

    .agile_method .timeline_des {
        padding-top: 0
    }

    .sec_apptext_bg {
        transform: translateX(0);
        margin-top: 20px;
        padding: 30px
    }

    .world_banner .wpb_wrapper {
        margin: 20px 0 !important
    }

    .ourwork_list .projects-image-container:nth-child(2n+1) {
        display: inline-block;
        clear: both
    }

    .ourwork_list .projects-image-container {
        width: calc(50% - 14px) !important;
        margin: 7px
    }

    .ourwork_list .projects-image-container {
        height: 105px !important
    }

    .back_image_container .vc_column-inner {
        padding: 34% 0 3% !important
    }

    .clients_review .review:nth-child(3n+0),
    .clients_review .review:nth-child(3n+1),
    .clients_review .review:nth-child(3n+2) {
        float: none !important;
        width: 91% !important;
        margin: 15px 2% !important
    }

    .video_section {
        margin: 0 !important
    }

    .life_side_content_box {
        margin-top: 20px
    }

    .author_name {
        margin-top: 0
    }

    .tn_social_icon {
        margin-top: 10px;
        justify-content: center
    }

    .searchbox-open {
        width: 280px !important
    }

    .industries_box {
        width: 100% !important
    }

    .testimonial {
        margin-top: 25px
    }

    .industry-outerbox {
        width: 100% !important
    }

    .techno-box-outer {
        width: 100% !important;
        margin-bottom: 15px !important
    }

    .banner_text_ourteam,
    .contact_us_back_title,
    .hello_contact {
        font-size: 94px !important;
        padding: 30px 0 !important
    }

    .benifits_section {
        padding-left: 0px !important
    }

    .services_list .section_title {
        text-align: left !important;
        font-size: 17px !important
    }

    .services_list .section_title:after {
        margin: 5px auto 0 78px
    }

    div#card_bgg .wpb_single_image.wpb_content_element.vc_align_left {
        float: left
    }

    .services-box p {
        display: flow-root
    }

    ul.timeline-list:before {
        left: 0%
    }

    .timeline_content {
        width: 96%
    }

    ul.timeline-list li:nth-child(2n) .timeline_content {
        float: right
    }

    .timeline_content:after {
        display: none
    }

    .specialist .specialists_heading {
        font-size: 32px !important;
        text-align: center !important
    }

    .specialist p {
        text-align: center
    }

    .specialist .specialists_btn {
        text-align: center !important;
        display: block !important
    }

    .timeline-list .section_title {
        text-align: left !important
    }

    .timeline-list .section_title:after {
        margin: 10px 0 0px !important
    }

    .technology_logo {
        text-align: center !important
    }

    .development .section_title {
        text-align: left !important
    }

    .development .section_title:after {
        margin: 10px 0 auto
    }

    .desc {
        font-size: 16px !important;
        text-align: center
    }

    .development .decrease-space {
        margin-top: 0.5rem !important
    }

    .development_section {
        margin: 0 0 20px 0
    }

    .development-phases p {
        text-align: center
    }

    .contact {
        padding: 20px !important
    }

    .vc_column_container>.vc_column-inner {
        padding-left: 9px !important;
        padding-right: 9px !important
    }

    .services p {
        text-align: justify !important
    }

    .innerpagepoints {
        font-size: 20px !important
    }

    .innerpagebtn a {
        font-size: 14px !important
    }

    .techno-box-outer {
        margin: 0 0 13px 0
    }

    .section_gradient {
        padding: 60px 0;
        margin-bottom: 0;
        text-align: center
    }

    .static_img {
        display: none
    }

    .industry_section {
        padding: 0 0 0 0px !important
    }

    p.form_sub_title {
        margin: 18px 0 28px;
        line-height: normal
    }

    .who_text {
        padding: 40px 15px
    }

    body {
        padding-top: 60px
    }

    .home_banner .sub_title {
        font-size: 28px
    }

    .section_title:after {
        margin: 10px auto 0
    }

    .section_title {
        text-align: center !important
    }

    .box_white {
        padding: 20px 5px
    }

    .box_white,
    .box_white p {
        line-height: normal;
        text-align: center !important
    }

    .box_white h3 {
        margin: 5px 0 15px
    }

    .talk_expert .col-lg-5.col-xl-6 .col-md-6.col-sm-6.col-6 {
        margin-bottom: 20px
    }

    .make-center {
        text-align: center;
        align-items: center
    }

    .py-5 {
        padding-top: 2rem !important;
        padding-bottom: 2rem !important
    }

    .cta_gradient p {
        line-height: 1.4
    }

    .core-services .col-lg-4.col-md-6.col-sm-6.col-6 {
        margin-bottom: 20px
    }

    .Specialization_box,
    .box_white {
        margin: 0;
        display: grid;
        align-items: center;
        height: 100%;
        align-content: center
    }

    .col-content {
        display: block;
        text-align: center
    }

    .we_serve_mobile {
        display: block
    }

    .we_serve_desktop {
        display: none
    }

    .container {
        padding: 0 15px
    }

    .we_serve_section .col2 .we_serve_box:first-child {
        margin-top: 0
    }

    .we_serve_section .col2 .we_serve_box:last-child {
        margin-bottom: 0
    }

    .we_serve_box {
        width: 44.8%;
        display: inline-block;
        margin: 11px 6px;
        vertical-align: top
    }

    .testimonial_section {
        text-align: center
    }

    .testimonial_section .readmore_btn {
        float: none !important;
        margin-bottom: 25px
    }

    .testimonial_section .sub_title {
        font-size: 20px;
        margin: 0 0 28px
    }

    .client_video_thumb {
        width: 100%
    }

    .modal_testimonial_area .modal-dialog {
        max-width: 500px
    }

    .modal_testimonial_area iframe {
        height: 281px
    }

    .latest_blog_main_box {
        margin-bottom: 25px
    }

    .latest_blog .title,
    .latest_blog .sub_title {
        text-align: center
    }

    .latest_blog_main_box .img_blog,
    .video_play_box {
        height: 260px
    }

    .desktop-view {
        display: none
    }

    ul.sitemap-list.clearfix {
        column-count: 1 !important
    }

    .inner_blog_details {
        padding: 0 12px
    }

    h1.blog_main_title {
        font-size: 24px
    }

    .blog_detail h2 {
        font-size: 20px
    }

    .blog_detail h3 {
        font-size: 18px
    }

    .widget.ez-toc {
        max-height: unset
    }

    .author_name {
        text-align: center
    }

    .tn_author_desc {
        margin: 15px
    }

    .ceo-left-container,
    .ceo-right-container {
        float: none;
        width: 100%;
        text-align: center
    }

    .ceo-name {
        margin: 10px 0
    }

    .ceo-description {
        text-align: left
    }

    .ceo_image_container {
        height: auto;
        max-height: 250px
    }

    .ceo_image_container img {
        max-height: 250px
    }

    .mobile-slider-arrow {
        position: sticky
    }

    .carousel-control-prev {
        left: 0%
    }

    .carousel-control-next {
        right: 0%
    }

    .perks_points {
        padding: 0 15px 15px 15px
    }

    .creer_page_body_container {
        width: 100%
    }

    .career-apply-btn {
        margin-top: 0rem;
        padding: .2rem 1rem;
        font-size: 15px
    }

    .career-openings-number span {
        padding: 5px;
        font-size: 16px
    }

    .career-openings-number span {
        top: 2%
    }

    .infrastructure-title {
        font-size: 40px
    }

    .infrastructure_banner_section {
        padding: 1.2rem
    }

    .infra-gallary {
        margin-bottom: 3rem
    }

    .infra-gallery-text span:before {
        width: 85%
    }

    .infra-gallery-text span:after {
        width: 85%
    }

    .infrastructure-title:after {
        left: 34.5%;
        right: 0;
        top: 4px;
        width: 65px;
        height: 45px
    }

    .technource-activity-section {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem
    }

    .technource-activity-section-right::before {
        right: 50%
    }

    .technource-activity-section-left::before {
        right: 50%
    }
}

@media (max-width:600px) {

    .latest_blog_main_box .img_blog,
    .video_play_box {
        height: 262px
    }
}

@media (max-width:575px) {
    .home_banner {
        padding: 0 0 10px !important
    }

    .modal_testimonial_area .modal-dialog {
        max-width: 100%;
        margin: auto;
        padding: 0 15px
    }

    .modal_testimonial_area .btn-close {
        top: -26px;
        right: 0
    }

    .modal_testimonial_area iframe {
        height: 248px
    }

    .authordetail_page {
        margin-top: 66px
    }
}

@media (max-width:480px) {

    .banner_text_ourteam,
    .contact_us_back_title,
    .hello_contact {
        font-size: 91px !important;
        padding: 20px 0 !important
    }

    .banner_text2_ourteam {
        font-size: 26px !important;
        line-height: 32px !important
    }

    .about_logo.single_certificate_container {
        width: calc(68% - -14px) !important
    }

    .banner_text_ourteam,
    .contact_us_back_title,
    .hello_contact {
        font-size: 91px !important;
        padding: 20px 0 !important
    }

    .single_certificate_container {
        width: calc(48% - 14px)
    }

    .latest_blog_main_box .img_blog,
    .video_play_box {
        height: 200px
    }

    .cta_gradient h5 span {
        font-size: 28px
    }
}

@media (max-width:414px) {

    .latest_blog_main_box .img_blog,
    .video_play_box {
        height: 169px
    }
}

@media (max-width:393px) {

    .latest_blog_main_box .img_blog,
    .video_play_box {
        height: 160px
    }
}

@media (max-width:375px) {

    .latest_blog_main_box .img_blog,
    .video_play_box {
        height: 152px
    }
}

@media (max-width:360px) {

    .latest_blog_main_box .img_blog,
    .video_play_box {
        height: 145px
    }
}

@media (max-width:320px) {

    .latest_blog_main_box .img_blog,
    .video_play_box {
        height: 135px
    }
}

.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: .8
}

.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}

.mfp-container {
    text-align: center;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    box-sizing: border-box
}

.mfp-container:before {
    content: "";
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.mfp-align-top .mfp-container:before {
    display: none
}

.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}

.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}

.mfp-ajax-cur {
    cursor: progress
}

.mfp-zoom-out-cur,
.mfp-zoom-out-cur .mfp-image-holder .mfp-close {
    cursor: -moz-zoom-out;
    cursor: -webkit-zoom-out;
    cursor: zoom-out
}

.mfp-zoom {
    cursor: pointer;
    cursor: -webkit-zoom-in;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.mfp-auto-cursor .mfp-content {
    cursor: auto
}

.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.mfp-loading.mfp-figure {
    display: none
}

.mfp-hide {
    display: none !important
}

.mfp-preloader {
    color: #ccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}

.mfp-preloader a {
    color: #ccc
}

.mfp-preloader a:hover {
    color: #fff
}

.mfp-s-ready .mfp-preloader {
    display: none
}

.mfp-s-error .mfp-content {
    display: none
}

button.mfp-close,
button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: #fff0;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: 0;
    padding: 0;
    z-index: 1046;
    box-shadow: none;
    touch-action: manipulation
}

button::-moz-focus-inner {
    padding: 0;
    border: 0
}

.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: .65;
    padding: 0 0 18px 10px;
    color: #fff;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace
}

.mfp-close:hover,
.mfp-close:focus {
    opacity: 1
}

.mfp-close:active {
    top: 1px
}

.mfp-close-btn-in .mfp-close {
    color: #333
}

.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: #fff;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}

.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #ccc;
    font-size: 12px;
    line-height: 18px;
    white-space: nowrap
}

.mfp-arrow {
    position: absolute;
    opacity: .65;
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: #fff0
}

.mfp-arrow:active {
    margin-top: -54px
}

.mfp-arrow:hover,
.mfp-arrow:focus {
    opacity: 1
}

.mfp-arrow:before,
.mfp-arrow:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset #fff0
}

.mfp-arrow:after {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}

.mfp-arrow:before {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: .7
}

.mfp-arrow-left {
    left: 0
}

.mfp-arrow-left:after {
    border-right: 17px solid #fff;
    margin-left: 31px
}

.mfp-arrow-left:before {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}

.mfp-arrow-right {
    right: 0
}

.mfp-arrow-right:after {
    border-left: 17px solid #fff;
    margin-left: 39px
}

.mfp-arrow-right:before {
    border-left: 27px solid #3f3f3f
}

.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}

.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}

.mfp-iframe-holder .mfp-close {
    top: -40px
}

.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}

.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgb(0 0 0 / .6);
    background: #000
}

img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}

.mfp-figure {
    line-height: 0
}

.mfp-figure:after {
    content: "";
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgb(0 0 0 / .6);
    background: #444
}

.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}

.mfp-figure figure {
    margin: 0
}

.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}

.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}

.mfp-image-holder .mfp-content {
    max-width: 100%
}

.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}

@keyframes pulse {
    0% {
        filter: drop-shadow(1px 1px 20px #103CDB);
        -webkit-filter: drop-shadow(1px 1px 20px #103CDB)
    }

    50% {
        filter: drop-shadow(1px 1px 20px #29386d00);
        -webkit-filter: drop-shadow(1px 1px 20px #29386d00)
    }

    100% {
        filter: drop-shadow(1px 1px 20px #103CDB);
        -webkit-filter: drop-shadow(1px 1px 20px #103CDB)
    }
}

.share-article {
    text-align: right;
    padding-right: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: end;
    margin-top: 20px
}

@media screen and (max-width:575px) {
    .share-article {
        text-align: center;
        padding-right: 0
    }
}

@media (max-width:991px) {
    .share-article {
        text-align: center;
        padding-right: 0
    }
}

@media (min-width:992px) {
    .share-article {
        text-align: right;
        padding-right: 10px
    }
}

.share-article h5 {
    display: inline-block;
    margin: 0;
    margin-right: 10px;
    font-weight: 500;
    vertical-align: middle
}

.social-icon-article {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    font-size: 16px;
    text-decoration: none;
    border: 1px solid #9d9d9d;
    background: #f8f8f8;
    color: #333;
    transition: all ease 0.3s
}

.social-icon-article:hover {
    background: linear-gradient(90deg, #ff558b 0, #736eff 100%);
    color: #fff
}

.social-icon-article img {
    height: 22px;
    width: 22px;
    filter: invert(.8)
}

.social-icon-article:hover img {
    filter: invert(0)
}

.vc_row {
    margin-left: 0 !important;
    margin-right: 0 !important
}

.wpb_column.vc_col-sm-12>.vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important
}

html {
    margin-top: 0 !important
}

.frequently_asked_questions * {
    color: #333;
    font-family: "Poppins" !important
}

.frequently_asked_questions .service_faq_accordion {
    margin-top: 35px
}

.blog_detail.main_blog_content .frequently_asked_questions .service_faq_accordion {
    margin-top: 0
}

.frequently_asked_questions .accordion-header {
    padding: unset
}

@media screen and (max-width:767px) {
    .frequently_asked_questions .service_faq_accordion {
        margin-top: 25px
    }
}

.frequently_asked_questions .service_faq_accordion .accordion-item {
    border: 1px solid #d7d7d7;
    border-right: none;
    border-left: none;
    border-radius: 10px !important;
    overflow: hidden;
    border-top: 1px solid #fff
}

.frequently_asked_questions .service_faq_accordion .accordion-item:has(.accordion-collapse.collapse.show) {
    border-bottom: 1px solid #d7d7d7
}

.frequently_asked_questions .service_faq_accordion .accordion-item:nth-of-type(1) {
    border-top: 1px solid #d7d7d7
}

.frequently_asked_questions .service_faq_accordion .accordion-item:nth-last-of-type(1) {
    border-bottom: 1px solid #d7d7d7
}

.frequently_asked_questions .service_faq_accordion .accordion-item .accordion-button {
    background-color: #fff;
    box-shadow: none;
    border: none;
    min-height: 70px;
    color: #333;
    font-weight: 500;
    font-size: 22px
}

.frequently_asked_questions .service_faq_accordion .accordion-item .accordion-button:after {
    background-size: 35px;
    height: 35px;
    width: 35px;
    filter: grayscale(1);
    opacity: .5
}

@media screen and (max-width:1024px) {
    .frequently_asked_questions .service_faq_accordion .accordion-item .accordion-button {
        font-size: 18px
    }
}

@media screen and (max-width:767px) {
    .frequently_asked_questions .service_faq_accordion .accordion-item .accordion-button {
        font-size: 14px
    }

    .frequently_asked_questions .service_faq_accordion .accordion-item .accordion-button::after {
        background-size: 18px;
        height: 18px;
        width: 18px
    }
}

.frequently_asked_questions .service_faq_accordion .accordion-item .accordion-body {
    padding-top: 0
}

.frequently_asked_questions .service_faq_accordion .accordion-item .accordion-body p {
    margin-bottom: unset
}

@media screen and (max-width:1024px) {
    .frequently_asked_questions .service_faq_accordion .accordion-item .accordion-body {
        font-size: 14px
    }
}

@media screen and (max-width:767px) {
    .frequently_asked_questions .service_faq_accordion .accordion-item .accordion-body {
        font-size: 12px
    }
}

body.no-highlight {
    padding-top: 90px
}

body.no-highlight:has(.cs_detail_hero_section) {
    padding-top: unset
}

@media (max-width:1024px) {
    body.no-highlight {
        padding-top: 65px
    }
}

.blog_single * {
    font-family: 'Poppins' !important
}

.blog_detail.main_blog_content {
    color: #333
}

.blog_detail.main_blog_content ul li,
.blog_detail.main_blog_content ol li {
    margin-bottom: 8px;
    line-height: 1.8
}

.blog_detail.main_blog_content ul {
    list-style-type: none !important;
    padding-left: 10px !important
}

.blog_detail.main_blog_content ul li {
    background: var(--wpr-bg-4151d789-1c50-402c-86e8-5eb02becabff) no-repeat;
    padding-left: 26px;
    background-position: 0 6px;
    background-size: 17px
}

.blog_detail.main_blog_content .tldr_section {
    background-color: #f4f4f4;
    padding: 15px 15px 10px 15px;
    box-shadow: 0 1px 8px rgb(0 0 0 / .15);
    border: 4px solid #ff70bb;
    margin-bottom: 15px;
    border-radius: 25px;
    border-top: 1px solid #ff70bb;
    border-bottom: 1px solid #ff70bb
}

.blog_detail.main_blog_content .tldr_section h2,
.blog_detail.main_blog_content .tldr_section h3,
.blog_detail.main_blog_content .tldr_section h4 {
    padding-top: 0
}

.blog_detail.main_blog_content .summary_section {
    background-color: #faf7ff;
    padding: 10px 25px;
    box-shadow: 0 1px 8px rgb(0 0 0 / .15);
    margin-bottom: 15px;
    border-radius: 25px
}

.ez-toc-widget-container nav ul li a {
    padding-left: 0
}

.ez-toc-widget-container nav ul li a::before {
    display: none
}

.ez-toc-widget-container .ez-toc-list.ez-toc-list-level-1 li {
    background: var(--wpr-bg-bbc0ee50-8d33-434a-b57f-f1f8456b82da) no-repeat;
    padding-left: 26px;
    background-position: 0 5px;
    background-size: 17px
}

.ez-toc-widget-container .ez-toc-list.ez-toc-list-level-1 li::before {
    display: none
}

.desktop_header_menu .main_menu_links .menu_link a i,
.menu_link a i.fa-chevron-down {
    display: none !important
}

html {
    scroll-behavior: smooth !important
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    color: #000000 !important;
    letter-spacing: -0.02em;
    background-color: #ffffff !important
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px
}

::-webkit-scrollbar-track {
    background: #ffffff;
    border-left: 1px solid #e5e5e5
}

::-webkit-scrollbar-thumb {
    background: #000000
}

::-webkit-scrollbar-thumb:hover {
    background: #333333
}

.home_banner:before {
    background: #000000 !important
}

.section_yellow,
.valuable_client_box,
.blog_banner_img,
.career-banner-section,
.section_gradient {
    background: #000000 !important;
    background-image: none !important;
    color: #ffffff !important
}

.section_yellow h2,
.section_yellow h3,
.section_yellow p,
.section_yellow .section_title {
    color: #ffffff !important
}

.section_yellow h2:after,
.section_yellow .section_title:after {
    border-color: #ffffff !important
}

.box_white,
.service-box,
.Specialization_box,
.we_serve_box,
.gradient_box_casestudy {
    background: #ffffff !important;
    border: 1px solid #000000 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important;
    position: relative;
    overflow: hidden
}

.box_white:hover,
.service-box:hover,
.Specialization_box:hover,
.we_serve_box:hover {
    transform: translate(-4px, -4px) !important;
    box-shadow: 6px 6px 0px #000000 !important;
    border-color: #000000 !important
}

.theme_btn,
.readmore_btn,
.innerpagebtn a,
.view_case_btn,
.specialists_btn a,
.connect_with_recruiter_btn,
.career-apply-btn {
    background: #000000 !important;
    color: #ffffff !important;
    border-radius: 0 !important;
    letter-spacing: 0.08em;
    font-weight: 700;
    text-transform: uppercase;
    padding: 12px 26px !important;
    transition: all 0.3s ease !important;
    border: 1px solid #000000 !important;
    box-shadow: none !important
}

.theme_btn:hover,
.readmore_btn:hover,
.innerpagebtn a:hover,
.view_case_btn:hover,
.specialists_btn a:hover,
.connect_with_recruiter_btn:hover,
.career-apply-btn:hover {
    background: #ffffff !important;
    color: #000000 !important;
    transform: translate(-2px, -2px);
    box-shadow: 4px 4px 0px #000000 !important
}

.section_title {
    color: #000000 !important;
    font-weight: 900;
    letter-spacing: -0.03em;
    text-transform: uppercase
}

.section_title::after {
    border-bottom: 3px solid #000000 !important;
    transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1)
}

.section_title:hover::after {
    width: 100% !important
}

.latest_blog_main_box {
    background: #ffffff !important;
    border-radius: 0 !important;
    border: 1px solid #000000 !important;
    box-shadow: none !important;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1) !important
}

.latest_blog_main_box:hover {
    transform: translate(-4px, -4px);
    box-shadow: 6px 6px 0px #000000 !important
}

.img_blog {
    transition: transform 0.8s cubic-bezier(0.16, 1, 0.3, 1) !important;
    filter: grayscale(100%) !important
}

.latest_blog_main_box:hover .img_blog {
    transform: scale(1.05);
    filter: grayscale(0%) !important
}

.navbar .navbar-nav .nav-link:hover,
.dropdown-menu .row a:hover {
    color: #000000 !important;
    text-decoration: underline !important
}

.review {
    border-color: #000000 !important;
    border-radius: 0 !important
}

.clients_review .review {
    box-shadow: 4px 4px 0px #000000 !important
}

.technource-table thead tr {
    background: #000000 !important;
    color: #ffffff !important
}

.technource-table {
    border-radius: 0 !important;
    border: 1px solid #000000 !important;
    box-shadow: 6px 6px 0px #000000 !important
}

.technource-table td li:before {
    background: #000000 !important
}