/*
Theme Name: Startit Child
Theme URI: https://startit.qodeinteractive.com/
Description: A child theme of Startit Theme
Author: Select Themes
Author URI: http://themeforest.net/user/select-themes
Version: 2.0.1
Text Domain: startit
Template: startit
*/

body {
    color: #333;
    text-rendering: optimizeSpeed;
    font-weight: 400;
    font-size: 16px;
    font-family: Open Sans, sans-serif;
}

h2,
h3,
h4,
h5,
h6 {
    font-family: Open Sans, sans-serif;
}

.color-white a {
    color: #fff;
}

#submit_comment,
.post-password-form input[type=submit],
.qodef-sidebar #searchform input[type=submit],
.qodef-woocommerce-page #reviews input[type=submit],
.qodef-woocommerce-page .woocommerce-message a,
footer input[type=submit],
input.wpcf7-form-control.wpcf7-submit {
    font-size: 16px;
    font-weight: 600;
}

.qodef-btn {
    font-size: 16px;
    font-weight: 600;
}

.carousel-inner .qodef-slide-title span {
    font-family: Sumana, serif;
    line-height: 1;
}

body.home .carousel-inner h2 span {
    font-weight: normal;
    font-size: 48px;
}


/* Change Widget title tag */

footer .widget_newsletterwidgetminimal {
    margin-top: 65px !important;
}

footer .widget.qodef-footer-column-4 .qodef-footer-widget-title {
    font-family: Oswald;
    font-size: 16px !important;
    color: #a2a2a2 !important;
    text-transform: uppercase;
    padding: 1.5em 0;
}


/*=== end ===*/

.hide {
    opacity: 0;
    visibility: hidden;
}

.qodef-blog-holder.qodef-blog-type-standard .qodef-blog-standard-post-date .month {
    background-color: #1B87C6 !important;
}


/* Flexbox*/

.d-flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

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

.align-items-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.justify-content-center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}


/* End flexbox*/

.qodef-accordion-content .apply-button {
    position: absolute;
    top: 23px;
    right: 0;
}

.cli-style-v2 {
    display: flex !important;
}

.cli-style-v2 .cli-bar-message {
    width: auto !important;
    flex-grow: 1;
    padding-right: 15px;
}

.cli-style-v2 #cookie_action_close_header {
    border-radius: 3px;
}

#cookie-law-info-bar[data-cli-style=cli-style-v2] {
    padding: 5px 25px;
    box-shadow: none;
}

.qodef-accordion-holder h2 .qodef-tab-title-inner {
    font-size: 18px;
    vertical-align: middle;
}

.career-list .qodef-accordion-content {
    text-align: left;
    position: relative;
}

.career-list .qodef-accordion-content h3 {
    font-size: 1.2em;
    padding-bottom: 1em;
}

.career-list .qodef-accordion-content h4 {
    font-size: 1.1em;
    padding-bottom: 0.8em;
}

.contact-intro ul {
    padding-left: 0;
    list-style: none;
}

.contact-intro ul li {
    position: relative;
    margin-bottom: 1em;
    counter-increment: my-counter;
    padding-left: 40px;
    font-size: 14px;
}

.contact-intro ul li:before {
    content: counter(my-counter);
    display: flex;
    position: absolute;
    font-size: 12px;
    left: 0;
    top: 5px;
    background: #1b87c6;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 36px;
    font-family: Oswald;
    color: #fff;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.contact-intro p {
    font-size: 14px;
}

.contact-intro strong {
    display: block;
    padding-bottom: 10px;
    text-transform: uppercase;
    margin-top: 20px;
}

.contact-intro address {
    font-style: normal;
    display: block;
    vertical-align: middle;
}

.contact-intro i.fa {
    margin-top: 3px;
}

.contact-intro address:after {
    display: block;
    clear: both;
}

.contact-form-section .heading-2 {
    font-family: Oswald;
}

.home-testimonial-section .qodef-testimonials.cards_carousel .qodef-testimonial-text-holder .qodef-testimonial-text {
    font-size: 90%;
}

.home-contact-section .wpcf7-form-control.wpcf7-textarea,
.contact-form-section .wpcf7-form-control.wpcf7-textarea {
    height: 100px;
}

.home-contact-form-section {
    padding: 32px 16px 32px 16px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    margin-top: -96px;
}

.contact-form-section {
    padding: 32px 16px 32px 16px;
    background: #fff;
    border-radius: 5px;
    box-shadow: 0 0 5px #888;
    margin-top: 0;
}

.home-contact-form-section.vc_column_container,
.contact-form-section.vc_column_container {
    padding-left: 16px;
    padding-right: 16px;
}

.home-contact-form-section .wpcf7-form-control-wrap,
.contact-form-section .wpcf7-form-control-wrap {
    display: block;
    margin-bottom: 24px;
}

.home-contact-form-section .wpcf7-form-control-wrap>input,
.contact-form-section .wpcf7-form-control-wrap>input,
.home-contact-form-section .wpcf7-form-control-wrap>textarea,
.contact-form-section .wpcf7-form-control-wrap>textarea {
    margin-bottom: 0 !important;
    font-family: Open Sans, sans-serif;
}

.qodef-accordion-holder .qodef-title-holder {
    height: auto !important;
}

.qodef-btn.qodef-btn-icon .qodef-btn-text {
    font-weight: 600;
}

@media (max-width: 480px) {

    .home-contact-form-section .wpcf7-form-control-wrap,
    .contact-form-section .wpcf7-form-control-wrap {
        margin-bottom: 28px;
    }
}

.home-contact-form-section div.wpcf7-response-output,
.contact-form-section div.wpcf7-response-output {
    margin: 16px 0;
    border-width: 1px;
}

.home-contact-form-section .wpcf7-form-control.wpcf7-textarea {
    height: unset !important;
}

.home-contact-form-section.join-us {
    max-width: 550px;
    margin: 15px auto 0 !important;
}

.home-contact-form-section.join-us .qodef-section-inner {
    width: 100%;
}

.home-contact-form-section.join-us .qodef-section-inner .your-cv-section {
    margin-bottom: 24px;
    display: flex;
}

.home-contact-form-section.join-us .qodef-section-inner .your-cv-section .title-cv {
    color: #797979;
    margin-right: 10px;
}

.page-template .qodef-content .heading-2 {
    margin-bottom: 25px !important;
}

.page-template .qodef-content .heading-2.std {
    margin-top: 0.5em;
    margin-block-end: 1em !important;
}

.heading-2 {
    font-family: Oswald;
    position: relative;
    padding-bottom: 5px;
    color: #1B87C6;
    font-size: 34px;
    line-height: 48px;
}

.heading-2.dark-bg {
    color: #fff;
}

.heading-2:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4em;
    height: .09em;
    background: #dcdcdc;
    border-radius: .05em;
}

.heading-2.text-center {
    text-align: center;
}

.heading-2.text-center:after {
    content: "";
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

.heading-2-sub {
    font-size: 16px;
}

.heading-2-sub.dark-bg {
    color: #fff;
}

.heading-2-sub.text-center {
    text-align: center;
}

.text-center {
    text-align: center;
}

.heading-4 {
    font-family: Oswald;
    font-size: 14px;
    padding-top: 1.5em;
    padding-bottom: 0.5em;
}

.home-kind-words .owl-carousel .owl-wrapper-outer.autoHeight {
    min-height: 490px !important;
}


/* navigation */

.qodef-main-menu>ul>li:not(.contact).qodef-active-item>a .item_outer:before,
.qodef-main-menu>ul>li:not(.contact):hover>a .item_outer:before {
    opacity: 1;
    -ms-transform: scaleX(0.4) !important;
    -webkit-transform: scaleX(0.4) !important;
    transform: scaleX(0.4) !important;
    height: 2px;
    top: auto;
    bottom: 0;
    background-color: #fff;
    border-radius: 2px;
}

.qodef-sticky-header .qodef-main-menu>ul>li:not(.contact).qodef-active-item>a .item_outer:before,
.qodef-sticky-header .qodef-main-menu>ul>li:not(.contact):hover>a .item_outer:before {
    background-color: #333;
}

.qodef-main-menu>ul>li:not(.contact)>a .item_outer:before {
    background-color: transparent;
}

.qodef-main-menu>ul>li:not(.contact).qodef-active-item>a,
.qodef-main-menu>ul>li:not(.contact):hover>a {
    color: #333;
}

.qodef-main-menu ul li:not(.contact) a {
    color: #333;
    transition: color .2s ease-out;
}

.home-service-row p {
    margin-bottom: 10px;
}

.qodef-main-menu>ul>li.contact {
    padding-left: 10px;
}

.qodef-main-menu>ul>li.contact>a .item_outer {
    background-color: #1B87C6;
    transform: translateY(-50%);
    transition: none;
    color: #fff;
}

.qodef-main-menu>ul>li.contact>a .item_outer:before {
    opacity: 1;
    transform: none;
    transition: none;
}

.qodef-main-menu>ul>li.contact.qodef-active-item>a .item_outer:before,
.qodef-main-menu>ul>li.contact:hover>a>span.item_outer {
    background-color: #1B87C6;
    transition: none;
    opacity: 0.9;
}

.qodef-main-menu>ul>li.contact.qodef-active-item>a .item_outer:before {
    transform: none;
}

.qodef-main-menu>ul>li.contact:hover>a>span.item_outer {
    transform: translateY(-50%);
}

.qodef-clients.qodef-clients-five-columns .qodef-client-holder {
    width: 19% !important;
    opacity: 0.5;
}

.qodef-clients {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.qodef-menu-area .qodef-logo-wrapper a img.qodef-light-logo {
    height: 52%;
    transform: translatey(-262%);
}

.qodef-menu-area .qodef-logo-wrapper a img.qodef-normal-logo,
.qodef-sticky-header .qodef-logo-wrapper a img.qodef-normal-logo {
    height: 52%;
    transform: translatey(0);
}

.qodef-mobile-header .qodef-mobile-logo-wrapper img {
    height: 60% !important;
    transform: translateY(20%);
}

.qodef-btn.qodef-btn-hover-animation:not(.qodef-btn-outline) .qodef-animation-overlay-holder {
    border-radius: 0 !important;
}

.home-service-row .qodef-section-inner-margin .vc_column_container .wpb_content_element {
    padding: 30px 20px;
    border: 1px solid #fff;
}

.home-service-row .qodef-section-inner-margin .vc_column_container .wpb_content_element h5 a {
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
}

.qodef-sticky-header .qodef-sticky-holder {
    box-shadow: 0 2px 2px 0 #12121233;
    border-bottom: none;
}

.qodef-footer-top-holder .menu .heading-office a {
    text-transform: uppercase;
    font-weight: 400;
    font-size: 14px;
    color: #727272;
}

.qodef-footer-top-holder .menu .heading-office a:hover,
.qodef-footer-top-holder .menu .heading-office a:active {
    color: #1B87C6;
}

#menu-socials.menu {
    display: flex;
    align-content: center;
}

#menu-socials.menu li.menu-item {
    width: fit-content;
    margin-right: 15px;
}

#menu-socials.menu li.menu-item i.fa {
    background-color: #1B87C6;
    padding: 10px;
    border-radius: 20px;
    color: white;
    font-size: 10px;
    width: 10px;
    height: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

@media only screen and (max-width: 480px) {
    .post-template-default.single.single-post .qodef-title .qodef-title-holder h1 {
        font-size: 22px;
    }

    .home-contact-form-section,
    .contact-form-section {
        margin-top: 30px;
    }
}

.qodef-drop-down .wide.wide_background .second {
    box-shadow: 0 2px 2px #ddd;
}

.qodef-drop-down .wide .second i {
    font-size: 20px;
}

.qodef-drop-down .wide .second .item_inner {
    display: flex;
}

.qodef-drop-down .wide .second span.menu_icon_wrapper {
    width: 30px;
    display: flex;
    justify-content: center;
}

.qodef-drop-down .wide .second>.inner>ul>li {
    margin: 0 0 10px 0 !important;
}

.qodef-drop-down .wide.stories .second ul li ul li {
    margin: 5px 0;
}

.qodef-drop-down .wide.stories .second>.inner>ul>li {
    width: 33%;
}

.qodef-drop-down .wide.stories .second>.inner>ul>li.no_link>a {
    cursor: default;
    pointer-events: none;
}

.about-our-stories {
    background-image: url(https://cdn.hdwebsoft.com/wp-content/uploads/2020/07/parallax-client.jpg);
    background-position: 50% 21px;
    position: static;
    padding: 0;
    background-repeat: no-repeat;
    background-color: transparent;
    background-attachment: fixed;
    overflow: hidden;
}

footer .qodef-footer-top.qodef-footer-top-full {
    padding: 65px 0;
    padding-bottom: 30px !important;
    max-width: 1100px;
    margin: 0 auto;
}

footer .qodef-footer-top .qodef-column:first-child {
    padding-left: 0px !important;
}

footer .qodef-footer-top .qodef-column {
    padding: 0 10px !important;
}

footer .qodef-footer-top .qodef-column:last-child {
    padding-right: 0 !important;
}

.qodef-title .qodef-title-holder h1 span {
    font-family: Sumana, serif;
    font-weight: 400;
}

.important-content {
    font-size: 1.2em;
    text-align: justify;
    color: #444;
}

.qodef-content .wpb_content_element p,
.qodef-content .wpb_content_element ul {
    margin-block-start: 1em;
    margin-block-end: 1em;
}

.qodef-content .wpb_content_element ul ul {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

.qodef-content .wpb_content_element ul {
    margin-left: 0;
}

@media (min-width: 768px) {
    .qodef-content .wpb_content_element ul {
        margin-left: 0;
    }
}

.service-nav-decor {
    padding: 1em;
    border-radius: 5px;
    background-color: #1B87C6;
    color: #fff;
}

.work-nav-decor {
    padding: 1em;
    border-radius: 5px;
    background-color: #1B87C6;
    color: #fff;
}

.technology-nav-decor {
    padding: 1em;
    border-radius: 5px;
    background-color: #1B87C6;
    color: #fff;
}

.qodef-main-menu>ul>li>a span.item_inner {
    padding-left: 10px !important;
    padding-right: 10px !important;
}

.menu-item .qodef-counter-holder .qodef-counter-content-top {
    position: relative;
    font-size: 62px;
}

.menu-item .qodef-counter-holder .qodef-counter-content-top .qodef-counter {
    color: #000 !important;
    font-weight: 400;
}

.menu-item .qodef-counter-holder .qodef-counter-content-top span.qodef-counter.zero:after {
    content: '+';
    font-size: .6em;
    display: inline;
    position: absolute;
    top: 0;
    font-weight: 400;
}

.menu-item .qodef-counter-holder .qodef-counter-content-top .qodef-counter-icon i {
    color: #000 !important;
    font-size: .8em;
}

.menu-item .qodef-counter-holder .qodef-counter-content-top .qodef-counter-title {
    padding-top: .5em !important;
}

.qodef-counter-holder .qodef-counter-content-top .qodef-counter {
    font-size: 60px !important;
    font-family: Oswald;
    font-weight: 400 !important;
}

.qodef-drop-down .second .inner ul li.menu-item a {
    color: #333;
}

.qodef-drop-down .wide .second span.menu_icon_wrapper {
    flex-shrink: 0;
}

.qodef-drop-down .wide .second span.item_text {
    flex-shrink: 1;
}

.header_wrapper a {
    color: #fff;
    border-bottom: 1px solid #aaa;
    font-weight: bold;
}

.header_wrapper a.qodef-btn {
    font-weight: 600;
}

.header_wrapper .box-text h2 {
    color: white;
    font-size: 34px;
    padding-bottom: 15px;
}

.header_wrapper .box-text p {
    font-size: 18px;
    color: white;
    line-height: 1.6;
    font-weight: 400;
    width: 65%;
}

.header_wrapper .box-text a.btn {
    font-size: 14px;
    display: block;
    width: 129px;
    text-align: center;
    background: #149EEE;
    color: white;
    padding: 13px 10px 10px;
    border-radius: 4px;
    text-transform: uppercase;
}

.no-border::after {
    background: transparent !important;
}

.white {
    color: white !important;
}

.black {
    color: black !important;
}

.blue {
    color: #1B87C6 !important
}

.text-left {
    text-align: left !important;
}

.text-right {
    text-align: right !important;
}

.text-bold {
    font-weight: 600
}

.row-two-items.vc_custom_1604367267290 {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

.row-two-items .only-text {
    background-color: rgba(13, 13, 13, 0.6);
    height: 100%;
    background: url(https://cdn.hdwebsoft.com/wp-content/uploads/2020/11/software-development.png) center center no-repeat;
}

.row-list-items .qodef-icon-list-item .qodef-icon-list-text {
    text-align: left;
    padding-left: 10px;
}

.fz-50 {
    font-size: 50px
}

.row-two-items .btn {
    font-size: 14px;
    display: block;
    width: 100%;
    padding: 13px 10px 10px;
    border-radius: 4px;
    text-transform: uppercase;
}

.row-two-items .btn .vc_btn3.vc_btn3-color-primary.vc_btn3-style-modern {
    width: 100%;
}

.slider-product {
    background: white;
    padding: 0px 1.7em 0px 1.7em;
}

.slider-product .owl-dots {
    display: none;
}

.slider-product .owl-carousel .owl-nav button.owl-next,
.slider-product .owl-carousel .owl-nav button.owl-prev {
    top: 9em;
    color: black;
    background: transparent !important;
    outline: none;
}

.slider-product .owl-prev:before {
    content: "\f104";
    font-size: 40px;
}

.slider-product .owl-next:before {
    content: "\f105";
    font-size: 40px;
}

.faq {
    margin-top: 15px;
}

.related-post-img {
    padding: 3em 0em 4em 0em;
}

.related-post-img-two .wpb_text_column {
    margin-top: 15px;
}

.related-post-img .wpb_text_column {
    margin-top: 15px;
}

.related-post-img .wpb_single_image.vc_align_left {
    text-align: right;
    margin-bottom: 40px !important;
}

.related-post-img-two .wpb_single_image.vc_align_left {
    text-align: right;
    margin-bottom: 20px !important;
}

.silder-item .link-tech {
    position: absolute;
    width: 100%;
    display: block;
    height: 100%;
}

.text-tech {
    text-align: center;
    display: block;
    color: black;
    font-size: 16px;
    width: 100%;
}

.silder-item {
    margin-top: 35px;
}

.row-two-items .only-text .vc_column-inner .wpb_wrapper {
    margin-top: 30px;
}

.related-post-img .qodef-post-info-author {
    display: none !important;
}

.header_wrapper {
    margin-top: -44px;
    height: 100vh;
    background-attachment: fixed;
}

.sec-faq .qodef-accordion-holder .qodef-accordion-content {
    padding: 0px 48px;
}

.sec-faq .qodef-accordion-holder .qodef-accordion-content .first-list-items {
    padding: 0px 0;
    margin-top: 23px;
}

.sec-faq {
    padding-bottom: 49px !important;
}

.header_wrapper .clearfix.qodef-full-section-inner {
    position: relative;
    padding-top: 88px;
    padding-bottom: 24px;
    box-sizing: border-box;
}

.header_wrapper .clearfix.qodef-full-section-inner .vc_column_container {
    height: calc(100vh - 100px);
    display: flex;
    justify-content: center;
    align-items: center;
}

.header_wrapper.qodef-parallax-section-holder .qodef-parallax-content-outer {
    background-color: rgba(13, 13, 13, 0.7) !important;
    padding: 0;
}

#content .wpb_alert p:last-child,
#content .wpb_text_column:last-child,
#content .wpb_text_column p:last-child,
.wpb_alert p:last-child,
.wpb_text_column p:last-child {
    margin-bottom: 0 !important;
}

.text-uppercase {
    text-transform: uppercase !important;
}

.header_wrapper .box-text.btn {
    margin-top: 0px;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 3em;
}

.btn-call {
    margin-top: -40px;
}

.btn-call .qodef-container-inner {
    padding-bottom: 34px;
    padding-top: 34px !important;
}

.btn-call.long-text-btn .qodef-call-to-action .qodef-call-to-action-row-75-25 .qodef-call-to-action-column1 {
    display: block;
    width: 80%;
}

.btn-call.long-text-btn .qodef-call-to-action .qodef-call-to-action-row-75-25 .qodef-call-to-action-column2 {
    width: 45%;
}

.btn-call.long-text-btn .qodef-container-inner {
    padding-top: 0px !important;
}

.btn-call.qodef-parallax-section-holder {
    padding-top: 0px !important;
    background-size: contain;
    background-position: center;
    background-repeat: initial !important;
    overflow: initial;
}

.header_wrapper.qodef-parallax-section-holder .qodef-parallax-content-outer {
    width: 100%
}

.header_wrapper .box-text>.qodef-full-section-inner {
    width: 1100px;
}

.header_wrapper .box-text h1,
.header_wrapper h1 {
    margin-bottom: 35px;
    font-family: Sumana, serif;
    font-weight: 400;
}

.header_wrapper .box-text h1 span,
.header_wrapper h1 span {
    display: block;
    font-size: 45%;
    font-weight: 400;
    line-height: 1;
    padding-top: 5px;
}

.qodef-drop-down .second .inner ul li:first-child .widget {
    padding: 0 56px 0 0;
}

.our-dev .qodef-iwt.qodef-iwt-icon-left.qodef-iwt-icon-tiny .qodef-iwt-icon-holder {
    vertical-align: top;
    padding-top: 50px;
}

.img-text-col .qodef-section-inner-margin.clearfix {
    display: flex;
}

.img-text-col .wpb_column.vc_column_container.vc_col-sm-6,
.img-text-col .wpb_column.vc_column_container.vc_col-sm-7 {
    display: block;
    margin: auto;
}

@media (min-width: 992px) {
    .qodef-parallax-section-holder.qodef-vertical-middle-align {
        min-height: 625px;
    }
}

@media only screen and (max-width: 1024px) {
    .header_wrapper {
        background-attachment: inherit !important;
        background: bottom;
        overflow: initial !important;
    }

    .header_wrapper .box-text {
        margin: 1em auto;
    }

    .row-two-items .row-list-items .vc_column-inner {
        padding: 20px 15px 20px 5em !important;
    }

    .header_wrapper .box-text p {
        width: 100%;
    }

    .slider-product {
        padding: 0px 3em 0px 3em;
    }

    .header_wrapper .clearfix.qodef-full-section-inner {
        padding-top: 50px;
        padding-bottom: 50px;
        display: block;
    }

    .header_wrapper .clearfix.qodef-full-section-inner .vc_column_container {
        top: 10%;
        bottom: 50%;
    }
}

.qodef-four-columns .qodef-column {
    width: calc(100% /3 - 10px) !important;
}

.qodef-four-columns .qodef-column:nth-child(1) {
    order: 1;
}

.qodef-four-columns-inner {
    display: flex;
    flex-wrap: wrap;
}

footer .qodef-footer-top .qodef-column {
    border-right: none !important;
    min-height: unset !important;
}

footer .widget_newsletterwidgetminimal .tnp-widget-minimal {
    padding-top: 6px;
    padding-bottom: 13px;
}

.qodef-four-columns .qodef-column:nth-child(2) {
    order: 4;
    width: 100% !important;
}

.qodef-four-columns .qodef-column:nth-child(2) .qodef-column-inner {
    width: 100% !important;
    padding: 50px 0 0;
}

.qodef-footer-inner .qodef-four-columns .qodef-column:nth-child(2) .qodef-column-inner {
    padding: 20px 0 10px 0;
}

.qodef-four-columns .qodef-column:nth-child(2) .qodef-column-inner .qodef-footer-column-2 {
    margin-bottom: 0px;
}

.qodef-four-columns .qodef-column:nth-child(2) .qodef-column-inner .qodef-footer-column-2 ul {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
}

.qodef-four-columns .qodef-column:nth-child(2) .qodef-column-inner .qodef-footer-column-2 ul .heading-office {
    padding-left: 15px;
    padding-right: 15px;
}

.qodef-four-columns .qodef-column:nth-child(2) .qodef-column-inner .qodef-footer-column-2 ul .heading-office a {
    color: #9ea3a8;
    font-weight: 400;
    font-family: Oswald, Verdana, sans-serif;
}

footer .widget.widget_media_image {
    margin-bottom: 0px !important;
}

.qodef-four-columns .qodef-column:nth-child(1) .qodef-column-inner .widget.widget_media_image img {
    opacity: 0.5;
}

.qodef-four-columns .qodef-column:not(:nth-child(1)):not(:nth-child(2)) .qodef-column-inner .widget.widget_media_image img {
    opacity: 0;
}

.qodef-four-columns .qodef-column:nth-child(3) {
    order: 2;
}

.qodef-four-columns .qodef-column:nth-child(4) {
    order: 3;
}

.opacity-0 {
    opacity: 0;
}

.tnp-widget-minimal input.tnp-email {
    padding: 15px 10px !important;
    outline: none;
    font-family: Open Sans, sans-serif;
}

.footer-contact .fa.fa-map-marker:before {
    font-family: FontAwesome;
    content: "\f041" !important;
}

.footer-contact .fa-phone:before {
    font-family: FontAwesome;
    content: "\f095" !important;
}

.qodef-page-header .qodef-sticky-header .qodef-sticky-holder {
    box-sizing: border-box;
}

.what-get-box.vc_row .qodef-full-section-inner {
    display: flex;
    align-items: stretch;
    flex-wrap: wrap;
}

.what-get-box .qodef-full-section-inner .vc_column_container {
    margin-bottom: 32px;
}

.what-get-box .qodef-full-section-inner .vc_column_container .vc_column-inner {
    height: 100%;
}

.what-get-box .qodef-full-section-inner .vc_column_container .vc_column-inner .wpb_wrapper {
    height: 100%;
}

.what-get-box .qodef-full-section-inner .vc_column_container .vc_column-inner .wpb_wrapper .qodef-underline-icon-box-holder.qodef-with-border {
    height: 100%;
}

.portfolio-item-template-default .qodef-column-inner .qodef-portfolio-content h2 {
    margin-bottom: 22px;
}

.portfolio-item-template-default .qodef-column-inner .qodef-portfolio-content blockquote p:first-child {
    margin-block-start: 0 !important;
}

.portfolio-item-template-default .qodef-column-inner .qodef-portfolio-content blockquote p:last-child {
    margin-block-end: 0 !important;
}

.portfolio-item-template-default .qodef-column-inner .qodef-portfolio-content p {
    margin-block-start: 1em;
    margin-block-end: 1em;
}

.portfolio-item-template-default .qodef-column-inner .qodef-portfolio-content ul {
    margin-left: 3em;
    list-style-position: outside;
    margin-bottom: 1em;
    margin-block-start: 1em;
}

.portfolio-item-template-default .qodef-wrapper-inner .qodef-page-header .qodef-menu-area {
    background-color: rgba(255, 255, 255, 0) !important;
}

.portfolio-item-template-default .qodef-wrapper-inner .qodef-content {
    margin-top: -100px !important;
}

.portfolio-item-template-default .qodef-wrapper-inner .qodef-content-inner .qodef-title.qodef-has-parallax-background {
    height: 99vh !important;
    background-size: cover;
}

.portfolio-item-template-default .qodef-wrapper-inner .qodef-content-inner .qodef-title .qodef-title-holder h1 {
    font-size: 48px;
    line-height: 1.097em;
    margin-bottom: 35px;
}

.portfolio-item-template-default .qodef-wrapper-inner .qodef-content-inner .qodef-title .qodef-title-holder h1 span {
    font-family: Sumana, serif;
    font-weight: 400;
}

.learn-more-link {
    display: block;
    margin-top: 3px;
    text-align: left;
    position: relative;
    z-index: 999;
    font-weight: bold;
    bottom: 45px;
    width: 99%;
    margin-left: 1px;
}

.learn-more-link a {
    font-weight: normal;
    display: inline-block;
    padding: 1px 25px;
}

.limit-portfolio-list .qodef-ptf-list-paging {
    display: none;
}

.qodef-blog-holder.qodef-blog-single h1,
.qodef-blog-holder.qodef-blog-single h2,
.qodef-blog-holder.qodef-blog-single h3 {
    padding: 10px 0 !important;
}

.post-template-default .qodef-title .qodef-title-holder h1 {
    font-size: 60px;
    line-height: 1.3em;
}

.post-template-default .qodef-post-info-bottom {
    display: flex;
    justify-content: space-between;
}

.post-template-default .qodef-blog-share {
    float: none;
}

.quote-only {
    font-size: 34px;
    font-weight: 400;
    text-align: center;
    margin-bottom: 0px !important;
}

.table-holder .qodef-elements-holder-item.qodef-vertical-alignment-top.qodef-horizontal-alignment-left {
    position: relative;
    padding-bottom: 45px;
}

@media (min-width: 992px) {
    a.qodef-btn.qodef-btn-medium.qodef-btn-solid.qodef-btn-icon.table-bottom-button.qodef-btn-hover-animation {
        bottom: 30px;
        left: 31px;
    }
}

@media only screen and (max-width: 414px) {
    a.qodef-btn.qodef-btn-medium.qodef-btn-solid.qodef-btn-icon.table-bottom-button.qodef-btn-hover-animation {
        left: 36px;
    }
}

a.qodef-btn.qodef-btn-medium.qodef-btn-solid.qodef-btn-icon.table-bottom-button.qodef-btn-hover-animation {
    position: absolute;
    display: block;
}

.page-template .qodef-content .qodef-container .qodef-container-inner p,
.page-template-default .qodef-content .qodef-container .qodef-container-inner p,
.page-template-default .qodef-content .qodef-container .qodef-container-inner h2,
.page-template .qodef-content .qodef-container .qodef-container-inner h2 {
    margin-bottom: 22px;
}

.qodef-portfolio-list-holder article .qodef-item-icons-holder a.qodef-portfolio-lightbox:before {
    content: "\f06e" !important;
}

.qodef-portfolio-list-holder article .qodef-item-icons-holder a.qodef-like {
    display: none;
}

.career-list .columns-hiring {
    display: flex;
    width: calc(100% - 170px);
}

.career-list .columns-hiring .column {
    width: 50%;
    padding-right: 10px;
}

.table-hd-holder .qodef-elements-holder.qodef-three-columns {
    border-collapse: separate;
    border-spacing: 15px;
}

.service-technologies .qodef-iwt .qodef-iwt-link {
    margin-top: 0px;
}

.page-template-default .qodef-content .qodef-container .qodef-container-inner .service-technologies p {
    margin-bottom: 10px;
}

.touch .qodef-parallax-section-holder.qodef-parallax-section-holder-touch-disabled {
    min-height: auto;
}

.img-background-gray img {
    border-radius: 2px !important;
    border: 1px solid #f1f1f1 !important;
    box-shadow: none !important;
}

.border-img img {
    border-radius: 2px !important;
    border: 1px solid #f1f1f1 !important;
    box-shadow: none !important;
}

.loading-effect .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-three-columns article {
    padding: 0 7px;
}

.limit-portfolio-list .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-three-columns article {
    padding: 0 7px;
}

.qodef-image-with-text-holder .qodef-iwt-image-overlay {
    border-radius: 2px !important;
    border: 1px solid #009ef0;
    box-shadow: 0 0 10px #009ef0;
    background-color: transparent !important;
    background-image: initial !important;
}

.qodef-title.qodef-standard-type.qodef-has-background {
    background-color: gray !important;
}

.qodef-parallax-section-holder.lazyloading,
.qodef-parallax-section-holder.lazyload {
    animation: initial;
    background-color: gray !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: initial;
}

.qodef-portfolio-list-holder-outer.lazyloading,
.qodef-parallax-section-holder.lazyload {
    animation: initial;
    background-color: gray !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: initial;
}

.loading-hd-image .lazyloading,
.loading-hd-image .lazyload {
    animation: initial;
    background-color: gray !important;
    width: 100% !important;
    height: 100% !important;
    border-radius: initial;
    background-image: initial !important;
}

.loading-hd-icon .lazyloading,
.loading-hd-icon .lazyload,
.lazyloading-read-more-hd {
    margin: 30px auto;
    font-size: 10px;
    width: 10px;
    top: -15px;
    height: 10px !important;
    border-radius: 50%;
    position: relative;
    text-indent: -9999em;
    -webkit-animation: load5 1.1s infinite ease;
    animation: load5 1.1s infinite ease;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
}

@-webkit-keyframes load5 {

    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #0093e0, 1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2), 2.5em 0em 0 0em rgba(0, 147, 224, 0.2), 1.75em 1.75em 0 0em rgba(0, 147, 224, 0.2), 0em 2.5em 0 0em rgba(0, 147, 224, 0.2), -1.8em 1.8em 0 0em rgba(0, 147, 224, 0.2), -2.6em 0em 0 0em rgba(0, 147, 224, 0.5), -1.8em -1.8em 0 0em rgba(0, 147, 224, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 147, 224, 0.7), 1.8em -1.8em 0 0em #0093e0, 2.5em 0em 0 0em rgba(0, 147, 224, 0.2), 1.75em 1.75em 0 0em rgba(0, 147, 224, 0.2), 0em 2.5em 0 0em rgba(0, 147, 224, 0.2), -1.8em 1.8em 0 0em rgba(0, 147, 224, 0.2), -2.6em 0em 0 0em rgba(0, 147, 224, 0.2), -1.8em -1.8em 0 0em rgba(0, 147, 224, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 147, 224, 0.5), 1.8em -1.8em 0 0em rgba(0, 147, 224, 0.7), 2.5em 0em 0 0em #0093e0, 1.75em 1.75em 0 0em rgba(0, 147, 224, 0.2), 0em 2.5em 0 0em rgba(0, 147, 224, 0.2), -1.8em 1.8em 0 0em rgba(0, 147, 224, 0.2), -2.6em 0em 0 0em rgba(0, 147, 224, 0.2), -1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 147, 224, 0.2), 1.8em -1.8em 0 0em rgba(0, 147, 224, 0.5), 2.5em 0em 0 0em rgba(0, 147, 224, 0.7), 1.75em 1.75em 0 0em #0093e0, 0em 2.5em 0 0em rgba(0, 147, 224, 0.2), -1.8em 1.8em 0 0em rgba(0, 147, 224, 0.2), -2.6em 0em 0 0em rgba(0, 147, 224, 0.2), -1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 147, 224, 0.2), 1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2), 2.5em 0em 0 0em rgba(0, 147, 224, 0.5), 1.75em 1.75em 0 0em rgba(0, 147, 224, 0.7), 0em 2.5em 0 0em #0093e0, -1.8em 1.8em 0 0em rgba(0, 147, 224, 0.2), -2.6em 0em 0 0em rgba(0, 147, 224, 0.2), -1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 147, 224, 0.2), 1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2), 2.5em 0em 0 0em rgba(0, 147, 224, 0.2), 1.75em 1.75em 0 0em rgba(0, 147, 224, 0.5), 0em 2.5em 0 0em rgba(0, 147, 224, 0.7), -1.8em 1.8em 0 0em #0093e0, -2.6em 0em 0 0em rgba(0, 147, 224, 0.2), -1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 147, 224, 0.2), 1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2), 2.5em 0em 0 0em rgba(0, 147, 224, 0.2), 1.75em 1.75em 0 0em rgba(0, 147, 224, 0.2), 0em 2.5em 0 0em rgba(0, 147, 224, 0.5), -1.8em 1.8em 0 0em rgba(0, 147, 224, 0.7), -2.6em 0em 0 0em #0093e0, -1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 147, 224, 0.2), 1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2), 2.5em 0em 0 0em rgba(0, 147, 224, 0.2), 1.75em 1.75em 0 0em rgba(0, 147, 224, 0.2), 0em 2.5em 0 0em rgba(0, 147, 224, 0.2), -1.8em 1.8em 0 0em rgba(0, 147, 224, 0.5), -2.6em 0em 0 0em rgba(0, 147, 224, 0.7), -1.8em -1.8em 0 0em #0093e0;
    }
}

@keyframes load5 {

    0%,
    100% {
        box-shadow: 0em -2.6em 0em 0em #0093e0, 1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2), 2.5em 0em 0 0em rgba(0, 147, 224, 0.2), 1.75em 1.75em 0 0em rgba(0, 147, 224, 0.2), 0em 2.5em 0 0em rgba(0, 147, 224, 0.2), -1.8em 1.8em 0 0em rgba(0, 147, 224, 0.2), -2.6em 0em 0 0em rgba(0, 147, 224, 0.5), -1.8em -1.8em 0 0em rgba(0, 147, 224, 0.7);
    }

    12.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 147, 224, 0.7), 1.8em -1.8em 0 0em #0093e0, 2.5em 0em 0 0em rgba(0, 147, 224, 0.2), 1.75em 1.75em 0 0em rgba(0, 147, 224, 0.2), 0em 2.5em 0 0em rgba(0, 147, 224, 0.2), -1.8em 1.8em 0 0em rgba(0, 147, 224, 0.2), -2.6em 0em 0 0em rgba(0, 147, 224, 0.2), -1.8em -1.8em 0 0em rgba(0, 147, 224, 0.5);
    }

    25% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 147, 224, 0.5), 1.8em -1.8em 0 0em rgba(0, 147, 224, 0.7), 2.5em 0em 0 0em #0093e0, 1.75em 1.75em 0 0em rgba(0, 147, 224, 0.2), 0em 2.5em 0 0em rgba(0, 147, 224, 0.2), -1.8em 1.8em 0 0em rgba(0, 147, 224, 0.2), -2.6em 0em 0 0em rgba(0, 147, 224, 0.2), -1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2);
    }

    37.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 147, 224, 0.2), 1.8em -1.8em 0 0em rgba(0, 147, 224, 0.5), 2.5em 0em 0 0em rgba(0, 147, 224, 0.7), 1.75em 1.75em 0 0em #0093e0, 0em 2.5em 0 0em rgba(0, 147, 224, 0.2), -1.8em 1.8em 0 0em rgba(0, 147, 224, 0.2), -2.6em 0em 0 0em rgba(0, 147, 224, 0.2), -1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2);
    }

    50% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 147, 224, 0.2), 1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2), 2.5em 0em 0 0em rgba(0, 147, 224, 0.5), 1.75em 1.75em 0 0em rgba(0, 147, 224, 0.7), 0em 2.5em 0 0em #0093e0, -1.8em 1.8em 0 0em rgba(0, 147, 224, 0.2), -2.6em 0em 0 0em rgba(0, 147, 224, 0.2), -1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2);
    }

    62.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 147, 224, 0.2), 1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2), 2.5em 0em 0 0em rgba(0, 147, 224, 0.2), 1.75em 1.75em 0 0em rgba(0, 147, 224, 0.5), 0em 2.5em 0 0em rgba(0, 147, 224, 0.7), -1.8em 1.8em 0 0em #0093e0, -2.6em 0em 0 0em rgba(0, 147, 224, 0.2), -1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2);
    }

    75% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 147, 224, 0.2), 1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2), 2.5em 0em 0 0em rgba(0, 147, 224, 0.2), 1.75em 1.75em 0 0em rgba(0, 147, 224, 0.2), 0em 2.5em 0 0em rgba(0, 147, 224, 0.5), -1.8em 1.8em 0 0em rgba(0, 147, 224, 0.7), -2.6em 0em 0 0em #0093e0, -1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2);
    }

    87.5% {
        box-shadow: 0em -2.6em 0em 0em rgba(0, 147, 224, 0.2), 1.8em -1.8em 0 0em rgba(0, 147, 224, 0.2), 2.5em 0em 0 0em rgba(0, 147, 224, 0.2), 1.75em 1.75em 0 0em rgba(0, 147, 224, 0.2), 0em 2.5em 0 0em rgba(0, 147, 224, 0.2), -1.8em 1.8em 0 0em rgba(0, 147, 224, 0.5), -2.6em 0em 0 0em rgba(0, 147, 224, 0.7), -1.8em -1.8em 0 0em #0093e0;
    }
}

.lazyloading-read-more-hd {
    margin: 23px auto;
    font-size: 6px;
    width: 6px;
    top: -50px;
    height: 6px !important;
}

.p-0 {
    padding: 0px !important;
}

.o-5 {
    opacity: .5 !important;
}

.icon-hd-list .qodef-icon-list-item .qodef-icon-list-icon-holder {
    vertical-align: top;
}

.qodef-drop-down .second .inner ul li.sub ul li.current_page_item span.item_text {
    color: #1B87C6;
}

.qodef-drop-down .second .inner ul li.sub ul li.current_page_item>a:before {
    transform: scaleY(1);
}

.wpcf7 .ajax-loader {
    vertical-align: middle;
}

.qodef-portfolio-list-holder-outer.qodef-ptf-standard article .qodef-item-text-holder .qodef-ptf-category-holder {
    margin-bottom: 30px;
    word-break: break-all;
    padding-right: 8px;
}

.qodef-drop-down .wide .second .inner>ul>li.current_page_item>a {
    color: #1B87C6;
}

a.qodef-btn.qodef-btn-medium.qodef-btn-default.focus-white {
    color: #707070 !important;
    background: transparent !important;
    border: 2px solid #e6e6e6 !important;
}

.f-c-info.f-c-text {
    font-size: 0;
}

.f-c-info.f-c-text span {
    font-size: 16px;
}

@media only screen and (max-width: 1200px) {
    .qodef-page-header .qodef-vertical-align-containers .qodef-position-left {
        top: 28px;
    }

    .qodef-page-header .qodef-sticky-header .qodef-vertical-align-containers .qodef-position-left {
        top: 0px;
    }

    .qodef-wrapper-inner .qodef-page-header .qodef-menu-area {
        height: auto;
        margin-top: -20px;
    }

    .qodef-page-header .qodef-vertical-align-containers .qodef-position-right {
        width: 100%;
    }

    .qodef-page-header .qodef-main-menu.qodef-drop-down.qodef-sticky-nav {
        position: absolute;
        top: 0;
        width: 100%;
        right: 0;
    }
}

@media only screen and (max-width: 1024px) {
    .qodef-title .qodef-title-holder .qodef-container-inner {
        height: 100%;
    }

    .header_wrapper .box-text>.qodef-full-section-inner {
        width: 100%;
    }

    .table-holder .qodef-elements-holder {
        display: block !important;
    }

    .table-holder .qodef-elements-holder-item {
        display: block !important;
        width: 100% !important;
    }

    .qodef-four-columns .qodef-column {
        width: calc(100% /2 - 10px) !important;
        margin-bottom: 10px !important;
    }

    .qodef-four-columns .qodef-column:nth-child(2) {
        width: 100% !important;
    }

    .qodef-four-columns .qodef-column:nth-child(4) .qodef-column-inner .widget.widget_media_image img {
        opacity: 0;
        display: none;
    }

    .qodef-mobile-header .qodef-mobile-nav li .hd-custom-menu-link .sub_menu {
        visibility: hidden;
        opacity: 0;
        transition: visibility 0s, opacity 0.5s linear;
        display: block;
    }

    .qodef-mobile-header .qodef-mobile-nav li.qodef-opened .hd-custom-menu-link .sub_menu {
        visibility: visible;
        opacity: 1;
    }

    .portfolio-item-template-default .qodef-wrapper-inner .qodef-content-inner .qodef-title.qodef-has-parallax-background {
        /* height: auto !important; */
        height: 100% !important;
        margin-top: 90px;
    }
}

@media only screen and (max-width: 768px) {
    .bg-hd-blue .qodef-section-inner-margin.clearfix {
        display: grid;
    }

    /* .portfolio-item-template-default .qodef-wrapper-inner .qodef-content-inner .qodef-title.qodef-has-parallax-background {
        height: 100% !important;
        margin-top: 90px;
    } */

    .img-text-col .qodef-section-inner-margin.clearfix {
        display: initial;
    }

    .btn h4 {
        text-align: center !important;
    }

    .touch .btn-call.qodef-parallax-section-holder.qodef-parallax-section-holder-touch-disabled {
        min-height: 100%;
        position: sticky;
        margin-top: 0px;
    }

    .btn-call.qodef-section.qodef-parallax-section-holder {
        min-height: 100%;
        height: 100% !important;
        position: relative;
        margin-top: 0px;
    }

    .row-two-items .row-list-items .vc_column-inner {
        padding: initial !important;
    }

    .qodef-four-columns .qodef-column {
        width: 100% !important;
        text-align: left !important;
        margin-bottom: 5px !important;
    }

    footer .qodef-footer-top .qodef-column:first-child {
        padding-left: 10px !important;
    }

    .qodef-four-columns .qodef-column:not(:nth-child(1)):not(:nth-child(2)) .qodef-column-inner .widget.widget_media_image img {
        opacity: 0;
        display: none;
    }

    .header_wrapper .clearfix.qodef-full-section-inner .vc_column_container {
        height: 100%;
        position: unset;
    }

    .header_wrapper .box-text h1,
    .header_wrapper h1 {
        font-size: 40px;
        font-weight: 400;
    }

    .career-list .columns-hiring {
        flex-wrap: wrap;
    }

    .career-list .columns-hiring .column {
        width: 100%;
    }

    .qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul {
        display: flex
    }

    .pp_pic_holder.pp_default {
        width: 100% !important;
        height: 100% !important;
        left: 20px !important;
    }

    .pp_pic_holder.pp_default .pp_content {
        width: 100% !important;
        height: 100% !important;
    }

    .pp_pic_holder.pp_default .pp_hoverContainer {
        left: 0px;
        width: 90% !important;
    }

    .pp_pic_holder.pp_default #pp_full_res {
        width: 100% !important;
        height: 100% !important;
    }

    .pp_pic_holder.pp_default #pp_full_res img {
        width: 90% !important;
        height: 100% !important;
    }

    body.portfolio-item-template-default div.pp_default a.pp_next,
    body.portfolio-item-template-default div.pp_default a.pp_previous {
        margin: -40px 0 0 !important;
        font-size: 17px !important;
        width: 33px !important;
        height: 33px !important;
        line-height: 35px !important;
    }

    .carousel.qodef-full-screen {
        height: 100% !important;
    }

    .carousel-control .qodef-next-nav,
    .carousel-control .qodef-prev-nav {
        display: none;
    }

    .slider-product .owl-carousel .owl-nav button.owl-next,
    .slider-product .owl-carousel .owl-nav button.owl-prev {
        top: 50%;
    }

    .page-template-default .qodef-content .qodef-container .btn-contact .qodef-container-inner {
        padding-top: 34px !important;
    }

    .slider-product .owl-carousel .owl-nav button.owl-next,
    .slider-product .owl-carousel .owl-nav button.owl-prev {
        display: none;
    }

    .qodef-section.p-md-0 {
        padding: 0 !important;
        padding-top: 0px !important;
    }

    .qodef-image-with-text-holder .qodef-iwt-image-holder {
        display: flex !important;
        justify-content: center;
        margin-bottom: 7px;
        margin-top: 7px;
    }

    .qodef-iwt.qodef-iwt-icon-top .qodef-iwt-icon-holder {
        margin-bottom: 0 !important;
    }

    .wpb_text_column .list-technologies-hd :last-child {
        margin-top: 0px !important;
    }

    .technologies-hd-trust h5 {
        text-align: center !important;
    }

    .wpb_wrapper .vc_custom_1613983008464 {
        padding-top: 0px !important;
    }

    .sec-faq .qodef-accordion-holder .qodef-accordion-content {
        padding: 0px;
    }

    .sec-faq .qodef-accordion-holder .wpb_text_column:last-child {
        margin-top: 0px;
        padding-right: 0px !important;
        padding-left: 0px !important;
        padding-bottom: 10px !important;
    }

    .wpcf7 .ajax-loader {
        justify-content: center;
        display: block;
        margin: auto;
        margin-top: 10px;
    }
}

@media only screen and (max-width: 600px) {
    .btn-contact .qodef-call-to-action-text h4 {
        text-align: center !important;
    }

    .qodef-call-to-action .qodef-text-wrapper .qodef-call-to-action-text {
        margin-bottom: 0 !important;
    }

    .qodef-call-to-action .qodef-call-to-action-row-75-25 .qodef-call-to-action-column2 {
        margin-top: 25px;
    }

    .header_wrapper .clearfix.qodef-full-section-inner {
        height: 100%;
    }

    .header_wrapper .qodef-grid-section .qodef-section-inner {
        width: 100%;
    }

    .qodef-portfolio-filter-holder .qodef-portfolio-filter-holder-inner ul {
        display: inline-block;
    }

    .portfolio-item-template-default .qodef-wrapper-inner .qodef-content-inner .qodef-title .qodef-title-holder h1 {
        font-size: 34px;
        line-height: 1.097em;
        margin-bottom: 15px;
        margin-top: 34px;
    }

    .qodef-title .qodef-title-holder .qodef-title-subtitle-holder-inner .qodef-subtitle {
        font-size: 14px;
    }

    .header_wrapper .box-text h1,
    .header_wrapper h1 span {
        font-size: 29px;
        margin-bottom: 15px;
        font-weight: 400;
    }

    .header_wrapper .box-text p {
        font-size: 13px;
    }

    .heading-2 {
        font-size: 30px;
        padding: 0 30px;
    }

    .header_wrapper .clearfix.qodef-full-section-inner .vc_column_container .qodef-section-inner {
        width: 100%;
    }

    .page-template-default .qodef-content .qodef-container .qodef-container-inner h2 {
        margin-bottom: 0px;
    }

    .page-template-default .vc_row.wpb_row.vc_row-fluid.qodef-section.row-two-items {
        margin-bottom: 0px !important;
        margin-top: 0px !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important
    }

    .page-template-default .qodef-content .qodef-container .qodef-container-inner {
        padding-top: 10px !important;
    }

    .qodef-section.vc_row.career-list {
        padding-top: 10px !important;
    }

    .qodef-section.vc_row.career-list .qodef-grid-section .qodef-section-inner {
        width: 88%;
    }

    .qodef-section.vc_row.career-list .wpb_raw_code.wpb_content_element.wpb_raw_html {
        padding: 0px !important;
    }

    .career-list .columns-hiring {
        width: 100%;
    }

    .career-list .qodef-accordion-content .apply-button {
        position: initial;
    }

    .quote-only {
        font-size: 22px;
    }

    input.wpcf7-form-control.wpcf7-submit {
        width: 100% !important;
        height: 100% !important;
        padding: 0 !important;
    }

    .home .vc_row.wpb_row.vc_inner.vc_row-fluid.qodef-section {
        padding-top: 0px !important;
        padding-bottom: 0px !important;
    }

    .home-service-row .qodef-section-inner-margin .vc_column_container .wpb_content_element {
        padding: 15px 20px 0px;
    }

    .home.page-template-default .qodef-content .qodef-container .qodef-container-inner p {
        margin-bottom: 0px;
    }

    .carousel-inner h3.qodef-slide-subtitle {
        font-size: 13px !important;
    }

    .carousel-inner .qodef-slider-content .qodef-slide-buttons-holder .qodef-btn {
        margin: 40px 8px 0 !important;
    }

    .carousel-inner .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_bottom {
        width: 100% !important;
    }
}

@media only screen and (max-width: 480px) {

    .btn-call .qodef-call-to-action .qodef-call-to-action-row-50-50,
    .btn-call .qodef-call-to-action .qodef-call-to-action-row-66-33,
    .btn-call .qodef-call-to-action .qodef-call-to-action-row-75-25 {
        display: block;
    }

    .portfolio-item-template-default .qodef-wrapper-inner .qodef-content-inner .qodef-title .qodef-title-holder h1 {
        font-size: 25px;
    }

    .qodef-column-inner h2 {
        font-size: 22px;
    }

    .qodef-column-inner h2 {
        font-size: 20px;
    }

    .qodef-section.qodef-parallax-section-holder {
        min-height: auto !important;
        height: 100% !important;
    }

    .heading-2.text-center:after {
        bottom: -5px;
    }

    .page-template-default .qodef-content .qodef-container .qodef-container-inner h2 {
        font-size: 25px;
        line-height: 1.5;
        padding: 0;
    }

    .page-template-default .qodef-content .qodef-container .qodef-container-inner p {
        margin-bottom: 10px;
    }

    .wpb_text_column:last-child {
        margin-top: 10px;
    }

    .crm-solutions .content {
        margin-top: 0;
    }

    .page-template-default .qodef-content .btn-contact .qodef-container .qodef-container-inner {
        padding-top: 30px !important;
        padding-bottom: 0px;
    }

    .page-template-default .qodef-content .qodef-container .btn-contact.res-btn-hd-call .qodef-container-inner {
        padding-top: 30px !important;
        padding-bottom: 0px;
    }

    footer .qodef-footer-top.qodef-footer-top-full {
        padding: 20px !important;
    }

    .heading-2 {
        font-size: 25px;
        padding: 0px;
    }

    .page-template-default .qodef-content .qodef-container .btn-contact .qodef-container-inner {
        padding-top: 0px !important;
        padding-bottom: 10px;
    }

    .home-testimonial-section .qodef-testimonials-holder {
        overflow: hidden;
    }

    .qodef-testimonials.cards_carousel .qodef-testimonial-text-holder .qodef-testimonial-text-inner {
        padding: 23px 30px 15px 10px !important;
    }

    .qodef-testimonials.cards_carousel .qodef-testimonial-info-holder {
        margin: 15px 0 0 8px !important;
    }

    .wpb_column .vc_custom_1593762630709 {
        padding-bottom: 0px !important;
    }

    .slider-product {
        padding: 0 0em;
    }

    .qodef-testimonials.cards_carousel .qodef-testimonial-author-text .qodef-testimonials-job {
        width: 150px;
    }

    .btn-call.qodef-section.qodef-parallax-section-holder {
        height: 100% !important;
    }

    .carousel-inner .qodef-slider-content .qodef-slider-content-inner.one_by_one.from_bottom {
        width: 300px !important;
        margin: 0 auto;
    }
}

@media only screen and (max-width: 340px) {
    .qodef-grid-section .qodef-section-inner {
        width: 300px !important;
    }
}


/* =============== Page Blog ===================== */


/*  ==== Header ====  */

.page-template-blog-standard .qodef-page-header,
.single.single-post .qodef-page-header {
    position: absolute !important;
}

.page-template-blog-standard .qodef-content,
.single.single-post .qodef-content {
    margin-top: 130px !important;
}

.page-template-blog-standard .qodef-post-info-comments-holder,
.single-post .qodef-post-info-comments-holder {
    display: none !important;
}

.page-template-blog-standard .qodef-post-info .qodef-post-info-category:after,
.single-post .qodef-post-info .qodef-post-info-category:after {
    display: none;
}


/* ========= Button Share ======== */

.single-post .qodef-blog-holder.qodef-blog-single .qodef-blog-share .qodef-social-share-holder ul {
    padding-bottom: 0;
}


/* ================= List Post ==============*/

.page-template-blog-standard .qodef-content .qodef-container .qodef-container-inner h2 {
    margin-bottom: 8px;
}

.qodef-blog-holder.qodef-blog-type-standard .qodef-blog-standard-post-date {
    width: 7%;
}

.qodef-blog-holder.qodef-blog-type-standard .qodef-blog-standard-info-holder {
    width: 90%;
}


/* ========== Detail Post ============= */

.qodef-blog-holder article .qodef-post-info {
    margin-bottom: 0;
    text-transform: capitalize;
    color: #b8b8b8;
    position: relative;
    z-index: 20;
    border-bottom: 1px solid #eee;
    padding-bottom: .5em;
}

.qodef-single-tags-holder .qodef-tags a::after {
    border-bottom: 1px solid #1B87C6 !important;
}


/* Color date */

.single-post .qodef-blog-single .qodef-blog-standard-post-date .month {
    background-color: #1b87c6;
}

/* Title */


/* except h2 title  header*/

.single-post .qodef-blog-single .qodef-blog-standard-info-holder h2.qodef-post-title {
    padding-bottom: 0 !important;
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}


/* title for content body heading */

.single-post .qodef-blog-holder.qodef-blog-single h2 {
    margin: 0;
    padding: 0 !important;
    font-size: 2.4rem;
    margin-block-start: 1rem;
    margin-block-end: 1rem;
    line-height: 1.2;
}

.single-post .qodef-blog-holder.qodef-blog-single h3 {
    font-size: 1.8em;
    line-height: 1.2;
    margin-block-start: 1rem;
    margin-block-end: 1rem;
    padding: 0 !important;
}

.single-post .qodef-blog-holder.qodef-blog-single h4 {
    font-size: 1.6em;
    line-height: 1.2;
    margin-block-start: 1rem;
    margin-block-end: 1rem;
    color: #222;
}

.single-post .qodef-blog-holder.qodef-blog-single h5 {
    font-size: 1.4em;
    line-height: 1em;
    color: #222;
    margin-block-start: 1rem;
    margin-block-end: 1rem;
}

.single-post .qodef-blog-holder.qodef-blog-single ul,
.single-post .qodef-blog-holder.qodef-blog-single ol {
    list-style-position: outside;
    margin-left: 2em;
}

.single.single-post .post.type-post p {
    margin-block-start: 1em !important;
    margin-block-end: 1em !important;
}

.single-post blockquote:not(.qodef-blockquote-shortcode) {
    margin: 0;
    margin-block-start: 1rem;
    margin-block-end: 1rem;
}


/* text content */

.text-block .wpb_text_column p,
.single.single-post .post.type-post p {
    margin-block-end: 1em !important;
}

.single.single-post .post.type-post a {
    outline: none;
}

.single.single-post .post.type-post a:not(.qodef-post-info-author-link, [rel="category tag"], .lwptoc_item a, .lwptoc_toggle_label) {
    font-weight: bold;
}

.qodef-portfolio-content a:after,
.qodef-content .qodef-content-inner .qodef-grid-section .qodef-section-inner blockquote a::after,
.single.single-post .post.type-post a:not(.qodef-post-info-author-link, .lwptoc_toggle_label, .lwptoc_item a,
    .relpost-block-container a,
    .qodef-share-link,
    [rel="category tag"], [rel="tag"],
    :has(img))::after,
.wpb_wrapper .wpb_text_column p a:not(.qodef-post-info-author-link, .lwptoc_toggle_label, .lwptoc_item a,
    .relpost-block-container a, .qodef-share-link,
    [rel="category tag"], [rel="tag"],
    :has(img))::after,
.wpb_wrapper ul li:not(.menu-item, .qodef-blog-list-item) a:not(.qodef-post-info-author-link, .lwptoc_toggle_label, .lwptoc_item a,
    .relpost-block-container a,
    .qodef-share-link,
    [rel="category tag"], [rel="tag"],
    :has(img))::after {
    content: "\f08e";
    font-family: 'FontAwesome';
    padding-left: 4px;
    font-size: .6em;
    line-height: 23px;
    font-style: normal;
    font-weight: normal;
    display: inline-block;
    transform: translate(0, -4px);
    color: #aaa;
}

.header_wrapper .wpb_text_column .wpb_wrapper p a::after {
    color: white !important;
}

.wpb_wrapper .wpb_text_column p a {
    margin-right: 5px;
}

a.white-link::after {
    color: white !important;
}

.text-block .wpb_text_column p:last-child {
    margin-bottom: 22px !important;
}

/* fix long title */

.qodef-blog-single .qodef-blog-standard-post-date {
    width: 6%;
}

.qodef-blog-single .qodef-blog-standard-info-holder {
    width: 90%;
}


/* Related post */

.single-post .relpost-block-single {
    text-align: left;
}

@media only screen and (max-width: 767px) {

    /* list blog */
    .qodef-blog-holder.qodef-blog-type-standard .qodef-blog-standard-post-date,
    .qodef-blog-holder.qodef-blog-type-standard .qodef-blog-standard-info-holder {
        width: auto;
    }

    .qodef-blog-holder.qodef-blog-type-standard .qodef-blog-standard-info-holder {
        margin-left: 0 !important;
    }

    /* detail blog */
    .qodef-blog-single .qodef-blog-standard-post-date,
    .qodef-blog-single .qodef-blog-standard-info-holder {
        width: auto;
    }

    .single-post .qodef-blog-single .qodef-blog-standard-info-holder {
        margin-left: 0 !important;
    }
}

@media only screen and (max-width:576px) {
    .page-template .qodef-blog-holder article .qodef-post-title {
        font-size: 25px;
    }
}


/* =============== Page Offshore Software Development New ===================== */

.heading-2 {
    margin-bottom: 0.9em;
}

.sub-heading-2 p {
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 40px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #FFA557;
}

.heading-3 {
    font-family: Oswald;
    font-weight: bold;
    position: relative;
    padding-bottom: 5px;
    color: #1B87C6;
    font-size: 27px;
    line-height: 40px;
    margin-bottom: 25px;
}

.heading-3:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4em;
    height: .09em;
    background: #dcdcdc;
    border-radius: .05em;
}

.h3-primary-underline:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4em;
    height: 0.05em;
    background: #1B87C6;
    border-radius: .05em;
}

.icon-title {
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 34px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #161E23;
}

.cta-heading {
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-size: 30px;
    line-height: 1.5;
}

.success-content p {
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 35px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #E7EDF2;
}

.text-em p {
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 35px;
    line-height: 1.75em;
    color: #3C4347;
}

.text-em {
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 35px;
    line-height: 1.75;
    color: #3C4347;
}

.loading-hd-icon p {
    font-size: 14px;
    line-height: 24px;
}


/* ========= Custom =============*/

.tab-menu {
    margin-bottom: 30px;
}

.icon-tab .tab-container {
    margin-bottom: 140px;
}

.icon-tab .tab-menu ul {
    margin: 0;
    padding: 0;
    display: flex;
    justify-content: space-between;
}

.icon-tab .tab-menu ul li {
    list-style-type: none;
    display: inline-block;
    text-align: center;
    display: flex;
    width: 19%;
    justify-content: center;
    align-items: center;
}

.icon-tab .tab-menu ul li a {
    text-decoration: none;
    color: rgba(0, 0, 0, 0.4);
    padding: 7px 25px;
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-tab .tab-menu ul li a.active-a {
    color: #158FD7;
}

.icon-tab .tab-menu ul li a .tab-icon {
    width: 134px;
    height: 134px;
    justify-content: center;
    align-items: center;
    display: grid;
    background: #F9F9F9;
    border-radius: 50%;
    position: relative;
    z-index: 2;
    margin-bottom: 32px;
}

.icon-tab .tab-a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.icon-tab .tab-a .tab-icon::before {
    content: "";
    position: absolute;
    width: 120%;
    height: 120%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: -1;
    border: 1px solid #E7EDF2;
}

.icon-tab .tab-a.active-a .tab-icon::before {
    background: #F2F8FC;
}

.icon-tab .tab-a .tab-icon::after {
    content: "";
    position: absolute;
    width: 90%;
    height: 90%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    z-index: -1;
}

.icon-tab .tab-a.active-a .tab-icon::after {
    background: #BFEBF9;
}

.icon-tab .tab-a .tab-title p {
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
    letter-spacing: 0.03em;
    color: #161E23;
}

.icon-tab .tab-a.active-a .tab-title p {
    color: #158FD7;
}

.icon-tab .tab {
    display: none;
}

.icon-tab .tab h2 {
    color: rgba(0, 0, 0, .7);
}

.icon-tab .tab p {
    color: rgba(0, 0, 0, 0.6);
}

.icon-tab .tab-content {
    background: #FAFAFA;
    padding: 2%;
}

.icon-tab .tab-content .tab-active {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.icon-tab .tab-content .tab-active .tab-content__text h5 {
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 24px;
    line-height: 34px;
    letter-spacing: 0.03em;
    color: #158FD7;
    margin-bottom: 24px;
}

.icon-tab .tab-content .tab-active .tab-content__text p {
    font-size: 16px;
    line-height: 26px;
}


/*===========*/

.icon-grid .vc_col-sm-4 {
    margin: 8px;
}

.icon-grid .qodef-section-inner-margin {
    display: flex;
}

.icon-grid .vc_col-sm-4 .vc_column-inner {
    height: 100%;
}

.icon-grid p {
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-size: 16px;
    line-height: 26px;
    letter-spacing: 0.03em;
}


/*================= Accorion ==================*/


/* === Style accordion active first element ===*/

.custom-accordion-active-first-element .ui-accordion-content-active {
    display: block !important;
}


/* end */

.acco-s1 .qodef-accordion-holder .qodef-accordion-content {
    background: #ffffff;
    padding: 23px 31px;
}

.acco-s1 .ui-state-default {
    transition: all ease-in-out .3s;
}

.acco-s1 .ui-state-active .qodef-tab-title {
    background: #1B87C6;
    transition: all ease-in-out .3s;
}

.acco-s1 .ui-state-active .qodef-tab-title .qodef-tab-title-inner {
    color: #ffffff;
}

.acco-s1 .qodef-accordion-mark {
    z-index: 1;
}

.icon-grid-s2-title-desc .grid-item {
    text-align: center;
}

.icon-grid-s2-title-desc .grid-item p {
    text-align: left;
}

.icon-grid-s2-title-desc .grid-item .offshore-list-inner {
    background: #F9F9F9;
    height: 100%;
    margin: 15px 0;
    padding: 28px 16px 14px;
}

.icon-grid-s2-title-desc .grid-item .offshore-list-item__title {
    margin: 16px 0 14px;
}

.icon-grid-s2-title-desc .grid-item .offshore-list-item__title h5 {
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 29px;
    letter-spacing: 0.03em;
    color: #161E23;
    text-transform: uppercase;
}


/*=== COLUMN ===*/

.offshore-list-column .offshore-list-item {
    text-align: center;
    background: #F9F9F9;
    margin-bottom: 26px;
    padding: 28px 20px;
}

.offshore-list-column .offshore-list-item p {
    text-align: left;
}

.offshore-list-column .offshore-list-item .offshore-list-item__title {
    margin: 14px 0;
}


/*===== ====*/

.primary-bg-box .qodef-section-inner {
    background-color: #1b87c6;
    padding: 35px 0;
}

.primary-bg-box .qodef-section-inner .wpb_wrapper {
    padding: 0px 25px;
}

.primary-bg-box p {
    font-family: Open Sans, sans-serif;
    font-style: normal;
    font-size: 18px;
    line-height: 30px;
    letter-spacing: 0.03em;
    color: #FFFFFF;
}


/* End Config */

.cta-icon-mail {
    position: absolute;
    top: -262px;
    left: 0;
    right: 0;
}

@media only screen and (max-width: 1199px) {
    .icon-tab .tab-menu ul li {
        width: 10%;
    }
}

@media only screen and (max-width: 991px) {
    .icon-tab .tab-menu ul li a .tab-icon {
        width: 80px;
        height: 80px;
    }

    .icon-tab .tab-container {
        margin-bottom: 80px;
    }

    .icon-tab .tab-content .tab-active .tab-content__text,
    .icon-tab .tab-content .tab-active .tab-content__img {
        width: 100%;
    }

    .primary-bg-box p {
        font-size: 18px;
        line-height: 30px;
    }
}

@media only screen and (max-width: 767px) {
    .icon-tab .tab-menu ul li {
        width: 100%;
    }

    .icon-tab .tab-menu ul li a {
        display: flex;
    }

    .primary-bg-box h5 {
        font-size: 23px;
        line-height: 40px;
    }

    .icon-grid .qodef-section-inner-margin {
        flex-wrap: wrap;
    }

    .icon-grid .vc_col-sm-4 .vc_column-inner {
        margin: 0 !important;
    }
}

@media only screen and (max-width:576px) {
    .text-em p {
        font-size: 16px;
        line-height: 28px;
    }

    .icon-tab .tab-content .tab-active .tab-content__text p,
    .icon-grid p {
        font-size: 14px;
        line-height: 24px;
    }

    .page-template .qodef-iwt-icon-holder {
        width: 100%;
    }

    .page-template .qodef-iwt-content-holder {
        width: 100%;
        padding-left: 0 !important;
    }
}


/* ========== Page Web Application Development Services */

.section-services {
    position: relative;
}

.section-services:before {
    content: "";
    width: 50%;
    height: 100%;
    top: 0;
    right: 0;
    background: #E7EDF2;
    position: absolute;
}

.content-left.vc_column_container {
    padding-right: 20px;
}

.content-right.vc_column_container {
    padding-left: 20px;
}

.content-left h4,
.content-right h4 {
    font-weight: bold;
    margin-bottom: 20px;
}

.content-left .wpb_content_element ul,
.content-right .wpb_content_element ul {
    margin-left: 0;
}

.content-left h4,
.content-left ul li {
    color: #ffffff;
}

.content-right h4,
.content-right ul li {
    color: #3C4347;
}

#custom-web-why-us .qodef-section-inner-margin {
    padding: 20px;
    background: #F9F9F9;
}


/*===============*/

.display-flex .qodef-section-inner-margin {
    display: flex;
    flex-wrap: wrap;
}

.display-flex .border-dashed {
    padding: 5px 15px !important;
}

.display-flex .border-dashed .vc_column-inner {
    border: 3px dashed #1B87C6;
    border-radius: 20px;
    height: 100%;
    padding: 20px 15px;
}

@media only screen and (max-width:767px) {
    .section-services::before {
        display: none !important;
    }

    .content-right.vc_column_container {
        padding-left: 0;
    }

    .content-right {
        margin-top: 40px;
    }

    .content-right h4,
    .content-right ul li {
        color: #ffffff;
    }

    .content-right .wpb_content_element ul {
        margin-top: 0;
    }
}

@media only screen and (max-width:576px) {
    .display-flex .border-dashed {
        padding: 10px 5px !important;
    }
}


/* =================== Contact form ================ */


/* contact form white background -- error*/

.page-template .wpcf7 form.invalid .wpcf7-response-output,
.page-template .wpcf7 form.unaccepted .wpcf7-response-output,
.page-template .wpcf7 form.sent .wpcf7-response-output {
    margin: 1.5em 0;
    padding: 0.5em 1em;
    border-radius: 3px;
}

.page-template .wpcf7 form.invalid .wpcf7-response-output,
.page-template .wpcf7 form.unaccepted .wpcf7-response-output {
    border-color: red;
    color: red;
}


/* contact form white background -- success */

.page-template .wpcf7 form.sent .wpcf7-response-output {
    border-color: green;
    color: green;
}


/* contact form primary background */

.page-template .contact-form-section .wpcf7 form.invalid .wpcf7-response-output,
.page-template .contact-form-section .wpcf7 form.unaccepted .wpcf7-response-output,
.page-template .contact-form-section .wpcf7 form.sent .wpcf7-response-output {
    margin-left: 0;
    margin-right: 0;
    border-color: #fff;
    border-radius: 3px;
    color: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
}


/* contact form primary background -- error*/

.page-template .contact-form-section .wpcf7 form.invalid .wpcf7-response-output,
.page-template .contact-form-section .wpcf7 form.unaccepted .wpcf7-response-output {
    background-color: red;
}


/* contact form primary background -- success  */

.page-template .contact-form-section .wpcf7 form.sent .wpcf7-response-output {
    background-color: green;
}


/* Button Contact form primary background */

.page-template .contact-form-section input.wpcf7-form-control.wpcf7-submit {
    background: #003A5D;
    border-color: #003a5d;
}


/* ========== Custom Menu ========== */

.page-template .qodef-drop-down .second .inner ul li a:before,
.privacy-policy .qodef-drop-down .second .inner ul li a:before,
.post-template-default .qodef-drop-down .second .inner ul li a:before {
    width: 15px;
    height: 15px;
    left: -8px;
    top: 50%;
    border-radius: 50%;
    margin-top: -8px;
}


/* ================= Fix Duplicate menu =============== */

.qodef-page-header .qodef-fixed-wrapper.fixed {
    background: #ffffff;
    border-bottom: 1px solid #1B87C6;
}

.qodef-fixed-wrapper.fixed .qodef-menu-area .qodef-position-left .qodef-logo-wrapper a img.qodef-normal-logo {
    opacity: 1;
    display: block;
}

.qodef-fixed-wrapper.fixed .qodef-menu-area .qodef-position-left .qodef-logo-wrapper a img.qodef-dark-logo,
.qodef-fixed-wrapper.fixed .qodef-menu-area .qodef-position-left .qodef-logo-wrapper a img.qodef-light-logo {
    display: none;
}

.qodef-fixed-wrapper.fixed .qodef-menu-area .qodef-position-right .qodef-main-menu ul li a {
    color: #333;
}


/* =============== Page Custom Software Development Services ================== */

ul.list-technology {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

ul.list-technology li {
    width: 24%;
    margin-bottom: 15px;
    list-style: none;
}

.owl-theme .owl-dots .owl-dot.active span,
.owl-theme .owl-dots .owl-dot:hover span {
    background: #1B87C6 !important;
}

@media only screen and (max-width:767px) {
    .vc_row {
        background-size: cover;
        background-position: center;
    }
}

@media only screen and (max-width:576px) {
    .section-tab a.tab-a img {
        scale: 0.8;
    }
}


/* ==== Table Conent ==== */

.lwptoc {
    margin: 0 !important;
    margin-block-start: 1em;
    margin-block-end: 1em;
}

.lwptoc_i {
    padding: 14px 18px 14px !important;
}

.lwptoc-light .lwptoc_i {
    background: #ffffff !important;
    border: 0.5px solid #1b87c6;
    border-left: 3px solid #1b87c6;
}

.lwptoc-light .lwptoc_i A {
    color: #1b87c6 !important;
}

/* ========= fixed header page author, category, tag, error404 ========= */

.qodef-content {
    margin-top: unset !important;
    position: relative;
    z-index: 100;
    background-color: #fff
}

body.author .qodef-content,
body.category .qodef-content,
body.tag .qodef-content,
body.error404 .qodef-content {
    margin-top: 100px !important;
}


/* === Page Home Full Banner=== */

.home .qodef-content {
    margin-top: 0 !important;
}


/* ====== Page full banner ===== */

.qodef-content .qodef-content-inner .qodef-full-width {
    margin-top: 35px;
}


/* ===== Page short banner ====== */

.qodef-content .qodef-content-inner .qodef-title.qodef-standard-type {
    margin-top: -35px;
}

@media only screen and (max-width: 1024px) {

    /* ======== Menu Mobile ============= */
    .qodef-mobile-header .qodef-mobile-menu-opener a {
        font-size: 1.5em;
    }

    /* End */
    .qodef-content {
        margin-top: 0;
    }

    .qodef-content .qodef-content-inner .qodef-full-width {
        margin-top: 0px;
    }

    .qodef-content .qodef-content-inner .qodef-title.qodef-standard-type {
        margin-top: 0px;
    }

    .page-template-blog-standard .qodef-content,
    .single.single-post .qodef-content {
        margin-top: 0px !important;
    }
}


/* ==================== Table content =================== */

.table_content.fixed_right {
    position: fixed;
    top: 105px;
    height: 97%;
    overflow-y: scroll;
    overscroll-behavior-block: contain;
    overscroll-behavior: contain;
    right: 0;
    width: 31.3%;
    -ms-overflow-style: none;
    scrollbar-width: none;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all ease-in-out .3s;
}

.table_content.fixed_right.hide_table {
    width: 6%;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all ease-in-out .3s;
}

.table_content.hide_table .lwptoc_header b.lwptoc_title {
    display: none;
}

.table_content.fixed_right .lwptoc a:not(.lwptoc_toggle_label) {
    color: #333 !important;
}

.table_content.fixed_right .lwptoc li.active>a {
    color: #1b87c6 !important;
}

.table_content.fixed_right .lwptoc a {
    text-decoration: none;
    color: #333;
    transition: all 50ms ease-in-out;
}

.table_content.fixed_right .lwptoc a:hover,
.table_content.fixed_right .lwptoc a:focus {
    color: #1b87c6;
}

@media only screen and (max-width:1300px) {
    .table_content.fixed_right {
        position: unset;
        display: none !important;
    }
}


/* ========================================================= */

.mg-top {
    margin-top: 1em;
}

.pd-bot {
    padding-bottom: .5em;
}


/*=============  Arrow Bottom ====================*/

#more_content_sign,
#more_content_sign:before {
    position: absolute;
    left: 50%;
}

#more_content_sign {
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    border-left: none;
    border-top: none;
    border-right: 2px #1b87c6 solid;
    border-bottom: 2px #1b87c6 solid;
    bottom: 70px;
    cursor: pointer;
    z-index: 999;
}

#more_content_sign:before {
    content: "";
    width: 20px;
    height: 20px;
    top: 50%;
    margin: -10px 0 0 -10px;
    border-left: none;
    border-top: none;
    border-right: 1px #fff solid;
    border-bottom: 1px #fff solid;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-name: arrow;
}

@keyframes arrow {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        transform: translate(-10px, -10px);
    }
}

blockquote {
    border-left: 4px solid #1b87c6 !important;
    padding-top: 1em !important;
    padding-right: 1em !important;
    padding-bottom: 1em !important;
    padding-left: 25px !important;
    background: #eee !important;
    color: #535353;
}

blockquote p {
    margin-top: 0 !important;
}

.carousel-control .qodef-next-nav,
.carousel-control .qodef-prev-nav {
    background-color: rgba(255, 255, 255, 0.05) !important;
}

.carousel-control span span {
    opacity: 0.25;
}

/* ============ Page Automation Testing Development ========== */

.kpis:after {
    content: "";
    width: 50%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(4, 76, 118, 0.9);
    position: absolute;
}

.after-arrow:after {
    content: "";
    width: 19px;
    height: 26px;
    top: 50%;
    transform: translateY(-50%);
    right: -10px;
    background-image: url(https://cdn.hdwebsoft.com/wp-content/uploads/2021/11/icon-arrow-right.svg);
    position: absolute;
}


/* ======== Page PHP Development Company ============ */

.php-web-development {
    padding: 35px 0;
}

.php-web-development img {
    top: 40px;
    position: relative;
}

.delivering .icon {
    display: flex;
    align-content: center;
    justify-content: center;
}

.delivering .heading h3 {
    margin-top: 10px;
    text-align: center;
}

.delivering .icon img {
    width: 76px;
    height: 76px;
}

.delivering .content p {
    color: #797979;
}

.solution {
    background: #1b87c6;
    padding: 30px;
    height: 390px;
}

.solution .heading h4,
.solution .content p {
    color: #fff !important;
}

.solution .icon img {
    width: 60px !important;
    height: 60px;
}

.benifits {
    border: 3px solid #1b87c6;
    padding: 30px;
    height: 370px;
}

.benifits .icon_heading {
    display: flex;
    align-items: center;
}

.benifits .icon_heading .heading h4 {
    color: #333;
}

.benifits .icon_heading .icon {
    margin-right: 20px;
}

.benifits .icon_heading .icon img {
    width: 73px;
    height: 53px;
}

.block_expertise {
    cursor: pointer;
    padding: 40px 30px 70px;
}

.block_expertise .heading {
    text-align: center;
}

.block_expertise .heading .heading_title p {
    color: #3C4347;
}

.block_expertise .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    height: 0;
    background: #1b87c6;
    transition: all 0.3s ease-in-out;
    padding: 0px 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.block_expertise .content .content_title h4 {
    color: #ffffff;
}

.block_expertise .content .content_text p {
    color: #ffffff;
    font-size: 14px;
}

.php-development {
    padding-left: 45px !important;
}

.owl-slide-s1 .owl-theme .owl-nav {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    margin-top: 40px;
}

.owl-slide-s1 .owl-carousel .owl-nav button.owl-next,
.owl-slide-s1 .owl-carousel .owl-nav button.owl-prev {
    border: 1px solid #0FD186;
    border-radius: 50%;
    padding: 25px !important;
}

.owl-slide-s1 .owl-next {
    right: -80px;
}

.owl-slide-s1 .owl-prev {
    left: -80px;
}

.dots-s1 .owl-theme .owl-dots .owl-dot span {
    width: 80px;
    height: 4px;
}

.owl-slide-s1 .owl-prev:before {
    content: "";
    top: 50%;
    left: 50%;
    width: 42px;
    height: 28px;
    transform: translate(-50%, -50%);
    padding: 0;
    background-image: url(https://cdn.hdwebsoft.com/wp-content/uploads/2021/11/arrow-prev.svg);
}

.owl-slide-s1 .owl-next:before {
    content: "";
    top: 50%;
    left: 50%;
    width: 42px;
    height: 28px;
    transform: translate(-50%, -50%);
    padding: 0;
    background-image: url(https://cdn.hdwebsoft.com/wp-content/uploads/2021/11/arrow-next.svg);
}

@media only screen and (max-width: 992px) {
    .php-development {
        padding-left: 0px !important;
    }

    .php-web-development::before {
        display: none;
    }

    .heading-2.std {
        text-align: center;
    }

    .heading-2:after {
        left: 50%;
        transform: translateX(-50%);
    }

    .dots-s1 .owl-theme .owl-dots .owl-dot span {
        width: 10px;
        height: 10px;
    }

    .benifits {
        height: 470px;
    }

    .solution {
        height: max-content;
    }
}


/* IOS app development company */

.vc_row.bg-cover {
    background-size: cover !important;
}

.vc_row.bg-no-repeat {
    background-repeat: no-repeat !important;
}

.vc_row.bg-y72 {
    background-size: 100% 72%;
    background-repeat: no-repeat;
}

.pd-right {
    padding-right: 20px !important;
}

.pd-left {
    padding-left: 20px !important;
}

.ipad-device {
    margin-top: -250px;
}

.wrap__iphone_app {
    margin-top: 1em;
    padding: 20px 0;
    background: #fff;
    box-shadow: 0px 12px 24px 8px rgba(0, 0, 0, 0.04);
}

.wrap__iphone_app .iphone_app--item {
    width: 40%;
    padding: 25px 55px 25px 55px;
}

.wrap-flex {
    justify-content: space-between;
}

.flex-border {
    background: #fff;
    width: 44%;
    padding: 10px 30px;
    border-top: 2px solid #7cb8dc;
}

.flex-border p {
    position: relative;
    padding-bottom: 18px;
}

.flex-border p:before {
    content: "";
    width: 100%;
    left: 0;
    height: 1px;
    background: #E7E7E7;
    bottom: 0;
    position: absolute;
}

.flex-border p.last-child:before {
    display: none;
}

.cta-bg {
    padding: 70px 0;
    text-align: center;
    background: url('https://cdn.hdwebsoft.com/wp-content/uploads/2021/11/banner-cta-7.svg') no-repeat;
    width: 100%;
    margin: 50px 55px 0;
    background-size: cover;
}

@media only screen and (max-width: 1300px) {
    .flex-border {
        width: 40%;
    }
}

@media only screen and (max-width: 992px) {
    .column-reverse .qodef-section-inner-margin {
        display: flex;
        flex-direction: column-reverse;
    }

    .iphone-app-development.vc_custom_1638356294117 {
        background-image: unset !important;
        background-color: #F3F3F3;
    }

    .iphone-app-development h2.color-white {
        color: #1b87c6 !important;
    }

    .iphone-app-development p.color-white {
        color: #333333 !important;
    }

    .wrap__iphone_app .iphone_app--item {
        width: 100%;
        padding: 25px 30px;
    }

    .cta-bg {
        margin: 10px;
    }

    .flex-border {
        width: 100%;
        padding: 10px;
    }

    .flex-border p {
        position: relative;
        padding-bottom: 16px;
    }

    .flex-border .icons {
        display: none;
    }

    .pd-right {
        padding-right: 0 !important;
    }

    .pd-left {
        padding-left: 0 !important;
    }
}

/*================= Page React Native Development ============*/
.pd-2em {
    padding: 2em;
}

.mg-top-2em {
    margin-top: 2em;
}

.bg-white {
    background: #ffffff;
}

.flex-space-around {
    justify-content: space-around;
    align-content: center;
}

.bg-row-right {
    position: relative;
}

.bg-row-right:before {
    content: "";
    width: 429px;
    height: 578px;
    top: 8%;
    right: 0;
    background: url(https://cdn.hdwebsoft.com/wp-content/uploads/2021/12/logo-react-native.png)no-repeat;
    position: absolute;
}

.reason_react h3 {
    position: relative;
}

.reason_react--left {
    text-align: right;
}

.reason_react--left h3:before {
    content: "";
    width: 10px;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    right: -20px;
    background: url(https://cdn.hdwebsoft.com/wp-content/uploads/2021/12/dot-content.svg)no-repeat;
    position: absolute;
}

.reason_react--right h3:before {
    content: "";
    width: 10px;
    height: 10px;
    top: 50%;
    transform: translateY(-50%);
    left: -20px;
    background: url(https://cdn.hdwebsoft.com/wp-content/uploads/2021/12/dot-content.svg)no-repeat;
    position: absolute;
}

/*=============== Grid Hover =============*/
.grid-img-hover {
    position: relative;
    cursor: pointer;
}

.grid-thumbnail {
    position: relative;
}

.grid-img img {
    width: 100%;
    max-width: 100%;
}

.grid-title {
    opacity: 1;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 100%;
    text-align: center;
}

.grid-content {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    height: 0;
    transition: all .3s ease-in-out;
    background: rgba(27, 135, 198, 0.8);
    display: block;
    padding: 0 40px;
}

.grid-content p.color-white {
    margin-top: 0;
}

/*======== END GRID HOVER ==========*/

@media only screen and (max-width: 1200px) {
    .wrap__iphone_app .iphone_app--item {
        width: 42%;
        padding: 20px 38px;
    }
}

@media only screen and (max-width: 1024px) {
    .wrap__iphone_app .iphone_app--item {
        width: 40%;
        padding: 20px 38px;
    }
}

@media only screen and (max-width: 992px) {
    .reason_react--left {
        text-align: left;
    }

    .reason_react--left h3::before {
        left: -20px;
    }

    .grid-title {
        margin-top: 0 !important;
    }

    .grid-title h2 {
        font-size: 24px;
        margin-top: 0;
    }

    .grid-content {
        padding: 0 10px;
    }

    .grid-content p {
        font-size: 16px;
        margin-top: 0;
    }
}

@media only screen and (max-width: 576px) {
    .bg-row-right:before {
        display: none !important;
    }

    .wrap__iphone_app .iphone_app--item {
        width: 100%;
    }

    .grid-content {
        position: relative;
        opacity: 1;
        height: 100%;
        padding: 15px;
    }

    .grid-content p {
        margin-top: 0 !important;
    }
}

/* Page Android Development Company */
.h3-s1 h2 {
    font-family: Oswald;
    font-weight: 400;
    position: relative;
    padding-bottom: 5px;
    color: #ffffff !important;
    font-size: 34px;
    line-height: 48px;
    margin-bottom: 1em;
    text-transform: uppercase;
}

.h3-s1 h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 4em;
    height: .09em;
    background: #ffffff;
    border-radius: .05em;
}

.h3-s1 h3 {
    font-family: Oswald;
    font-weight: 400;
    position: relative;
    padding-bottom: 5px;
    color: #ffffff !important;
    font-size: 25px;
    line-height: 40px;
    text-transform: uppercase;
}


.wrap__iphone_app.android {
    box-shadow: none;
    margin-top: 0;
    padding: 0;
}

.bg-border-left {
    background: #F7F8FC;
    border-left: 4px solid #1b87c6;
}

.wrap__iphone_app.android .iphone_app--item {
    padding: 25px 50px 25px 50px;
}

.qodef-fullwidth-slider-item p {
    color: #ffffff;
}

@media only screen and (max-width: 576px) {
    .wrap__iphone_app.android .iphone_app--item {
        padding: 0;
        margin-top: 2em;
    }

    .bg-border-left {
        background: none;
        border-left: none;
    }
}

/*================= Page React Development Services ============*/
.other-react-dev-services .flex-border {
    padding: 10px 25px;
    width: 27%;
}

.other-react-dev-services .wrap-flex {
    flex-wrap: unset;
}

.color-black {
    color: #000;
}

.heading-3.color-black::after {
    position: unset;
    width: 0px;
    height: 0px;
}

.building-web-react-bg.bg-cover.wpb-row {
    background-position: 100% 0 !important;
}

.wrap__react-dev .react-dev--item {
    width: 40%;
    padding: 40px 55px 40px 55px;
}

.wrap__react-dev .react-dev--item.active-border {
    background-color: #F7F8FC;
    border-left: 5px solid #2588C4;
    padding: 40px 50px 40px 55px;
}

.custom-single-section-inner .wpb_single_image img {
    max-height: 350px;
}

.possibilities-item {
    width: calc(100% / 3);
    text-align: center;
}

.possibilitites-img {
    position: relative;
    margin-bottom: 0.5em;
}

img.border-concat {
    left: 70%;
    top: 40%;
    position: absolute;
}

@media only screen and (max-width: 1200px) {
    img.border-concat {
        left: 66%;
    }
}

@media only screen and (max-width: 1024px) {
    img.border-concat {
        left: 70%;
        width: 150px;
    }
}

@media only screen and (max-width: 992px) {
    .other-react-dev-services .flex-border {
        width: 100%;
        margin-bottom: 15px;
    }

    .other-react-dev-services .wrap-flex {
        flex-wrap: wrap;
    }

    .other-react-dev-services .flex-border .icons {
        display: block;
    }

    .iphone-app-development.reactjs {
        background-size: cover !important;
    }

    .iphone-app-development.reactjs .wrap__iphone_app,
    .wrap__react-dev {
        justify-content: center;
        text-align: center;
    }

    .wrap__react-dev .react-dev--item.active-border {
        background-color: unset;
        border-left: unset;
        padding: 40px 55px;
    }

    .iphone-app-development.reactjs p.color-white,
    .iphone-app-development.reactjs h2.color-white {
        color: white !important;
    }

    .possibilities-item {
        width: 100%;
        margin-bottom: 2em;
    }

    .possibilities-item:last-child {
        margin-bottom: 0;
    }

    img.border-concat {
        display: none;
    }
}

@media only screen and (max-width: 576px) {}


/*================= Page ROR Development Services ============*/
.item-choose-thinksys {
    background-color: white;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 8px;
    width: 45%;
}

.item-choose-thinksys p {
    margin-top: 0 !important;
}

@media only screen and (max-width: 1024px) {
    .item-choose-thinksys {
        width: 42%;
    }
}

@media only screen and (max-width: 576px) {
    .item-choose-thinksys {
        width: 100%;
    }
}

/*================= Page Wordpress Development Services ============*/
.qodef-content .custom-wp-section .wpb_content_element ul {
    margin-left: 0 !important;
}

.qodef-content .custom-wp-section .wpb_content_element ul li {
    padding: 5px 0 10px 0;
    text-indent: -1.3em;
}

.wpb_text_column .mg-heading-icon {
    margin: 0.4em 0 !important;
}

.img-full img {
    width: 100%;
}

.logo-laravel img {
    margin-top: 2em;
    width: 100%;
}

.bg-laravel-dev-service {
    background-repeat: no-repeat;
    background-position: center;
}

.benefits-of-laravel .solution {
    min-height: 270px;
}

.custom-laravel .block_expertise {
    position: relative;
}

.custom-laravel .vc_column-inner {
    padding-left: 0 !important;
    padding-right: 0 !important;
}


.custom-laravel .qodef-section-inner-margin .vc_col-sm-6:first-child {
    padding-left: 0;
}

.custom-box>.vc_column-inner>.wpb_wrapper {
    position: relative;
}

.custom-box .content {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    opacity: 0;
    height: 0;
    background: #1b87c6;
    transition: all .3s ease-in-out;
    padding: 0 15px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    cursor: pointer;
}

.custom-box .content .content_title h4 {
    color: #fff;
}

.custom-box .content .content_text p {
    color: #fff;
    font-size: 14px;
}

.custom-wp-dev-services-section .wrap__iphone_app {
    margin: unset !important;
    padding: unset !important;
}

@media only screen and (min-width: 768px) {
    .custom-laravel .qodef-section-inner-margin .vc_col-sm-6 {
        padding: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .custom-box .content {
        position: static;
        opacity: 1;
        height: 100%;
    }

    .custom-laravel .qodef-section-inner-margin .vc_col-sm-6 {
        padding-bottom: 20px;
    }
}

@media only screen and (min-width: 1140px) {

    .width-xl.qodef-grid-section .qodef-section-inner {
        width: 800px !important;
    }
}

.mg-right-1em {
    margin-right: 1em;
}

.text-vuejs p {
    margin-top: 0 !important;
}

.text-vuejs .badge-text {
    color: #0fd186;
    font-family: 'Oswald';
    font-size: 48px;
    padding: 0 !important;
    margin: 0 !important;
    line-height: 48px;
    margin-block-end: 0 !important;
}

.icon-vuejs img {
    position: relative;
    top: 5px;
}

.vc_row.bg-y72 {
    background-size: 100% 72% !important;
    background-repeat: no-repeat !important;
}

.vuejs-before-after {
    position: relative;
}

.vuejs-before-after:before {
    content: "";
    width: 214px;
    height: 14px;
    top: 60px;
    left: -104px;
    background: url(https://cdn.hdwebsoft.com/wp-content/uploads/2021/12/vuejs-before-after.svg)no-repeat;
    position: absolute;
}

.vuejs-before-after:after {
    content: "";
    width: 214px;
    height: 14px;
    top: 60px;
    right: -104px;
    background: url(https://cdn.hdwebsoft.com/wp-content/uploads/2021/12/vuejs-before-after.svg)no-repeat;
    position: absolute;
}

@media only screen and (max-width: 1199px) {

    .vuejs-before-after:before,
    .vuejs-before-after:after {
        display: none;
    }

}

.logo-vuejs .wpb_wrapper.vc_figure,
.logo-vuejs .vc_single_image-wrapper,
.logo-vuejs .vc_single_image-wrapper img {
    width: 100%;
}

@media only screen and (max-width: 576px) {
    .grid-content {
        top: -10px;
    }
}

.logo-vuejs p {
    margin-block-start: 0 !important;
    margin-block-end: 0 !important;
}

.logo-vuejs .vc_custom_1640226158044 {
    margin-top: 0 !important;
}

.logo-vuejs .vc_column-inner {
    padding-top: 0 !important;
}

.logo-vuejs .wpb_wrapper .vc_single_image-wrapper {
    margin-top: 10px !important;
}

.why-choose-my-team .solution {
    min-height: 400px;
}

#python-development {
    background-position: 70% !important;
}

/*================= Page Serverless Development Services ============*/
.solution .heading h3 {
    color: #fff !important;
    margin-top: 0.5em !important;
}

.item-use-cases .title-item-uc {
    display: flex;
    align-items: center;
    margin-top: 2em;
    margin-bottom: 1em !important;
}

.item-use-cases .title-item-uc .number-uc {
    background-color: #1b87c6;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 1em;
}

.item-use-cases .title-item-uc .number-uc h3::after {
    background: unset !important;
}

.item-use-cases .content-item-uc .img-uc {
    text-align: center;
}

.item-use-cases .content-item-uc .img-uc img {
    border-radius: 15px;
}

.img-uc,
.img-uc img {
    width: 100%;
}

/*================= Page Serverless Development Services ============*/
.solution .heading h3 {
    color: #fff !important;
    margin-top: 0.5em !important;
}

.item-use-cases .title-item-uc {
    display: flex;
    align-items: center;
    margin-top: 2em;
    margin-bottom: 1em !important;
}

.item-use-cases .title-item-uc .number-uc {
    background-color: #1b87c6;
    width: 50px;
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    margin-right: 1em;
}

.item-use-cases .title-item-uc .number-uc h3::after {
    background: unset !important;
}

.item-use-cases .content-item-uc .img-uc {
    text-align: center;
}

.item-use-cases .content-item-uc .img-uc img {
    border-radius: 15px;
}

.icon-tab.serverless-use-cases .tab-menu {
    margin-bottom: 0 !important;
}

.icon-tab.serverless-use-cases .tab-menu ul li {
    width: 40%;
}

.icon-tab.serverless-use-cases .tab-menu ul li .heading-3:after {
    background: none;
}

.icon-tab.serverless-use-cases .tab-menu ul li a .heading-3 {
    color: inherit !important;
    margin-bottom: 0 !important;
}

.icon-tab.serverless-use-cases .tab-content {
    background: none;
    padding: unset !important;
}

/*================= Page Client Trust ============*/

.wrap__iphone_app.trust-content {
    box-shadow: unset !important;
    padding: 0 !important;
    margin-top: 0 !important;
}

.wrap__iphone_app.trust-content .iphone_app--item {
    display: flex;
    padding: 10px 20px 20px 0 !important;
    width: 47%;
}

.wrap__iphone_app.trust-content .iphone_app--item:nth-child(2n) {
    padding: 10px 0 20px 20px !important;
}

.wrap__iphone_app.trust-content .content {
    width: fit-content;
}

.wrap__iphone_app.trust-content .content h4 {
    color: #333333;
    font-weight: bold;
}

.wrap__iphone_app.trust-content .app_item--icon {
    width: 90px;
    height: 90px;
    margin-top: 65px;
    margin-right: 15px;
}

@media only screen and (max-width: 992px) {
    .wrap__iphone_app.trust-content .iphone_app--item {
        width: 100%;
        padding: 15px !important;
    }

    .wrap__iphone_app.trust-content .iphone_app--item:nth-child(2n) {
        padding: 15px !important;
    }
}

/*================= Page Magento Development Service ============*/
.vc_row.custom-push-up-magento-bg {
    background-repeat: no-repeat !important;
    background-position: 100% 90% !important;
    background-size: auto !important;
}

.vc_row.custom-high-added-magento-bg {
    background-repeat: no-repeat !important;
    background-position: 50% 70% !important;
    background-size: auto !important;
}

.custom-position-magento-section {
    position: relative;
    padding: 15px 0;
}

.custom-position-magento-section img.icon-magento {
    margin: 20px auto 10px auto;
    display: flex;
}

.item-magento {
    position: absolute;
}

.item-magento img {
    margin-right: 0.5em;
}

.market-research {
    bottom: 160px;
    left: 24%;
}

.testing {
    bottom: 50px;
    left: 31%;
}

.technical-consulting {
    left: 40%;
}

.architecture-planning {
    bottom: 50px;
    right: 20%;
}

.requirement-analysis {
    right: 19%;
    bottom: 160px;
}

.custom-magento-item {
    align-items: center;
}

.custom-magento-item img {
    margin-right: 0.5em !important;
}

.vc_row.custom-why-using-magento-bg {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: auto !important;
}

.why-use-magento-section .react-dev--item {
    padding: 20px 55px 20px 0px !important;
    width: 45%;
}

.why-use-magento-section .react-dev--item:nth-child(2n) {
    padding: 20px 0px 20px 55px !important;
}

.why-use-magento-section h3 {
    color: #0FD186;
}

.why-use-magento-section h3::after {
    background: none;
}

.why-use-magento-section .react_item--icon {
    margin-right: 0.5em;
}

.why-use-magento-section .react_item--content {
    margin-top: 0em !important;
}

.why-use-magento-section .react_item--content p {
    margin-block-start: 0.5em !important
}

.vc_row.custom-other-magento-bg {
    background-repeat: no-repeat !important;
    background-position: left top !important;
    background-size: auto !important;
}

@media only screen and (max-width: 1200px) {

    .market-research {
        bottom: 160px;
        left: 20%;
    }

    .testing {
        bottom: 50px;
        left: 28%;
    }

    .technical-consulting {
        left: 38%;
    }

    .architecture-planning {
        bottom: 50px;
        right: 15%;
    }

    .requirement-analysis {
        right: 14%;
        bottom: 160px;
    }

    .why-use-magento-section .react-dev--item {
        width: 42%;
    }
}

@media only screen and (max-width: 1024px) {
    .item-magento {
        position: unset;
        margin-bottom: 1em;
    }

    .custom-position-magento-section img.icon-magento {
        display: none;
        margin: unset;
    }

    .custom-position-magento-section {
        margin: 0 auto;
        display: table;
    }

    .why-use-magento-section .react_item--icon {
        display: none;
    }

    .why-use-magento-section .react-dev--item {
        padding: 30px 20px 30px 20px !important;
    }

    .why-use-magento-section .react-dev--item:nth-child(2n) {
        padding: 30px 20px 30px 20px !important;
    }

    .why-use-magento-section .react-dev--item:first-child {
        padding: 0px 20px 30px 20px !important;
    }

    .why-use-magento-section .react-dev--item:last-child {
        padding: 30px 20px 0px 20px !important;
    }
}

.qodef-post-content table {
    table-layout: fixed;
    width: 100%;
}

.qodef-post-content table thead tr {
    border: 1px solid #f0eeed;
}

.qodef-post-content table thead th:first-child {
    text-align: left;
    background-color: #fcfbfc;
}

.qodef-post-content table thead th:last-child {
    border-right: 0;
}

.qodef-post-content table thead th {
    font-size: 16px;
    font-weight: 600;
    color: #202020;
    border-right: 1px solid #f0eeed;
    padding: 21px 27px;
}

.qodef-post-content table tbody tr {
    border: 1px solid #f0eeed;
}

.qodef-post-content table tbody td:first-child {
    background-color: #fcfbfc;
    text-align: left;
}

.qodef-post-content table tbody td {
    vertical-align: middle;
    border-right: 1px solid #f0eeed;
    padding: 12px 27px 7px;
    font-size: 13px;
}

.icon-grid.use-case .vc_col-sm-4 .vc_column-inner {
    background: #1B87C6;
}

.icon-grid.use-case .block_expertise .heading .heading_title p {
    color: white !important;
}

.icon-grid.use-case .block_expertise .content .content_title h3 {
    color: #1b87c6;
}

.icon-grid.use-case .block_expertise .content .content_text p {
    color: #3c4347;
}

.icon-grid.use-case .block_expertise .content {
    background: white;
    border: 3px solid #1b87c6;
    border-radius: 3px;
    display: block;
}

.icon-grid.use-case .vc_col-sm-4.last-content-lets-talk .vc_column-inner {
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0px;
}

.color-blue {
    color: #1b87c6;
}

.icon-grid.use-case .vc_col-sm-4.last-content-lets-talk .vc_column-inner p {
    font-size: 14px;
}

.icon-grid.use-case .vc_col-sm-4.last-content-lets-talk .vc_column-inner .wpb_wrapper {
    text-align: center;
}

.custom-app-modernization .heading-3:after {
    background: unset !important;
}

.software-modernization.icon-grid.use-case .vc_col-sm-4 {
    height: 400px;
}

.software-modernization.icon-grid.use-case .block_expertise {
    height: 220px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .software-modernization.icon-grid.use-case .vc_col-sm-4 {
        height: inherit;
    }

    .software-modernization.icon-grid.use-case .block_expertise {
        height: auto;
    }
}

.block_crm .content_title img,
.crm-solutions .content-with-icon img {
    margin-right: 10px;
}

.crm-solutions {
    line-height: 30px;
    border-radius: 15px;
    overflow: hidden;
}

.wpb_text_column .crm-solutions {
    margin-bottom: 20px !important;
}

.crm-solutions .heading .heading_img {
    height: 100%;
    display: flex;
}

.crm-solutions .heading .heading_img img.alignnone {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.crm-solutions .content {
    height: 540px;
    background-color: #E3F2FB;
    padding: 25px;
}

.vc-row.custom-background-crm {
    background-position: 0px 200px !important;
}

.crm-development-services {
    justify-content: center;
}

.crm-development-services .left-content {
    text-align: right;
}

.crm-development-services .left-content,
.crm-development-services .right-content {
    width: 320px;
}

.crm-development-services .middle-content {
    width: 450px;
    padding-top: 15px;
    margin: 0 auto;
    text-align: center;
}

.crm-development-services .desc-content {
    font-size: 15px;
    margin-top: 1em;
}

.crm-development-services .left-content .redesign-customization {
    padding-top: 70px;
}

.crm-development-services .left-content .mobile-app-dev {
    padding-top: 30px;
}

.crm-development-services .right-content .integration-services {
    padding-top: 70px;
}

@media only screen and (max-width: 1200px) {
    .crm-development-services {
        flex-wrap: wrap;
    }

    .crm-development-services .middle-content {
        display: none;
    }

    .crm-development-services .left-content {
        text-align: left;
    }

    .crm-development-services .left-content,
    .crm-development-services .right-content {
        width: auto;
    }

    .crm-development-services .right-content .integration-services,
    .crm-development-services .left-content .mobile-app-dev,
    .crm-development-services .left-content .redesign-customization,
    .crm-development-services .right-content .custom-crm-dev {
        padding-top: 20px;
    }
}

.custom-enable-data,
.custom-enable-data.vc_column_container {
    padding: 0 !important;
    border-radius: 5px;
    color: #32617C;
    width: 30%;
    height: 400px;
    margin-top: 10px;
    margin-bottom: 10px;
}

.custom-enable-data p {
    color: #32617C;
    text-align: center;
}

.custom-enable-data.automation {
    background-color: rgba(138, 144, 46, 0.2);
    margin-left: 0;
}

.custom-enable-data.realtime {
    background-color: rgba(82, 126, 49, 0.2);
    margin-left: 3.4%;
    margin-right: 3.4%;
}

.custom-enable-data.smart-suggestion {
    background-color: rgba(42, 80, 117, 0.2);
    margin-right: 0;
}

@media (max-width: 768px) {

    .custom-enable-data,
    .custom-enable-data.vc_column_container {
        width: 100%;
    }

    .custom-enable-data.realtime {
        margin-left: 0;
        margin-right: 0;
    }
}

/*========= Contact form dev ============*/
.header_wrapper .dev-contact-form>.vc_column-inner>.wpb_wrapper {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
}

.header_wrapper .dev-contact-form h3,
.header_wrapper .dev-contact-form p,
.header_wrapper .dev-contact-form .intact-g {
    color: #333;
}

.header_wrapper .dev-contact-form .wrap_button {
    position: relative;
}

.header_wrapper .dev-contact-form .wpcf7 .ajax-loader,
.header_wrapper .dev-contact-form .wpcf7 .wpcf7-spinner {
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.header_wrapper .wpcf7 textarea {
    height: 85px;
    margin-bottom: 15px;
}

.header_wrapper .wpcf7 .wpcf7-form-control-wrap {
    position: relative;
    display: block;
}

.header_wrapper .wpcf7 .wpcf7-submit {
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .header_wrapper .dev-contact-form {
        margin-top: 1rem;
    }
}

/*======== END Contact Form =====*/
.header_wrapper.no-overlay.qodef-parallax-section-holder .qodef-parallax-content-outer {
    background-color: unset !important;
}

#more_content_sign.hire-developers {
    bottom: 2em !important;
    left: 70% !important;
}

/* ===== MENU CASE STUDIES -- HIRE US ==== */
li.menu-case-studies .second ul li:first-child,
li.menu-hire-us .second ul li:first-child {
    border-left-color: #d3d3d3 !important;
}

li.menu-case-studies .second li.our-mission .widget {
    padding: 0 0 0 55px !important;
}

/*=== END MENU CASE STUDIES===*/

/*==========  STYLE TABLE HIRE DEVELOPERS  ============*/
.qodef-service-table.hire-developers-table table tbody tr:first-child {
    border: unset;
}

.qodef-service-table.hire-developers-table table tbody tr:first-child td:not(:first-child) {
    background: #1B87C6 !important;
    color: #fff;
}

.qodef-service-table.hire-developers-table table tbody tr:nth-child(2n+1):not(:first-child) {
    background-color: #1B87C61A;
}

.qodef-service-table.hire-developers-table table tbody td:not(:first-child) {
    border-right: none;
}

.qodef-service-table.hire-developers-table table tbody td:first-child {
    background: unset !important;
    width: 20% !important;
}

.qodef-service-table.hire-developers-table table tbody td:nth-child(2n+3) {
    background: unset !important;
}

/*======= EDIT BOTTOM CONTACT FORM DEV ===========*/
.page-template .dev-contact-form .wpcf7 form.invalid .wpcf7-response-output,
.page-template .dev-contact-form .wpcf7 form.sent .wpcf7-response-output,
.page-template .dev-contact-form .wpcf7 form.unaccepted .wpcf7-response-output {
    margin-bottom: 0.5em !important;
}

/* ========================================= */
/*               19/07/2023                  */
/* ========================================= */

.fixed .qodef-main-menu>ul>li:not(.contact).qodef-active-item>a .item_outer::before,
.fixed .qodef-main-menu>ul>li:not(.contact):hover>a .item_outer::before {
    background-color: #333;
}

a.qodef-btn.qodef-btn-medium.qodef-btn-solid.qodef-btn-icon.table-bottom-button.qodef-btn-hover-animation {
    position: absolute;
    display: block;
    bottom: 30px;
    left: 30px;
}

/*                  FOOTER                   */
footer .widget.qodef-footer-column-4 .qodef-footer-widget-title {
    margin-bottom: 0;
}

footer .qodef-four-columns>.qodef-four-columns-inner {
    margin: 0;
}

footer .qodef-footer-top .qodef-column:first-child .qodef-column-inner {
    padding-left: 0;
}

footer .qodef-footer-top .qodef-column:last-child .qodef-column-inner {
    padding-right: 0;
}

footer .qodef-four-columns .qodef-column {
    width: 33.33% !important;
}

footer .qodef-footer-bottom-holder {
    background-size: cover;
}

@media only screen and (max-width: 1200px) {

    /* CASE STUDIES */
    .qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-three-columns article,
    .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-three-columns article {
        width: 31% !important;
    }
}

@media only screen and (max-width: 1024px) {

    /* FOOTER */
    footer .qodef-four-columns .qodef-column:first-child,
    footer .qodef-four-columns .qodef-column:nth-child(3),
    footer .qodef-four-columns .qodef-column:nth-child(4) {
        width: 32% !important
    }
}

@media only screen and (max-width: 991px) {

    /*  SECTION: LEADING SOFTWARE   */
    .section-leading-software .qodef-section-inner-margin {
        display: flex;
        flex-wrap: wrap;
    }

    .section-leading-software .column-custom {
        width: 50%;
    }

    /*  SECTION: CONTACT FORM (Leave us your message)  */
    .home-contact-form-section {
        margin-top: 2.5rem;
    }

    #newsletterwidgetminimal-2 {
        margin-top: 0 !important;
    }

    .qodef-footer-inner .qodef-four-columns .qodef-column:nth-child(2) .qodef-column-inner {
        padding: 40px 0 0px 0;
    }

    a.qodef-btn.qodef-btn-medium.qodef-btn-solid.qodef-btn-icon.table-bottom-button.qodef-btn-hover-animation {
        left: 0;
    }
}

@media only screen and (max-width: 768px) {

    /*  SECTION: LEADING SOFTWARE (box)   */
    .our-stories .qodef-elements-holder-item {
        margin-bottom: 3rem;
    }

    /* CASE STUDIES */
    .qodef-portfolio-list-holder-outer.qodef-ptf-gallery-space.qodef-ptf-three-columns article,
    .qodef-portfolio-list-holder-outer.qodef-ptf-standard.qodef-ptf-three-columns article {
        width: 100% !important;
    }

    /* FOOTER */
    footer .qodef-four-columns .qodef-column:first-child,
    footer .qodef-four-columns .qodef-column:nth-child(3),
    footer .qodef-four-columns .qodef-column:nth-child(4) {
        width: 100% !important
    }

    footer .qodef-four-columns .qodef-column:nth-child(2) .qodef-column-inner .qodef-footer-column-2 ul {
        justify-content: flex-start;
    }

    a.qodef-btn.qodef-btn-medium.qodef-btn-solid.qodef-btn-icon.table-bottom-button.qodef-btn-hover-animation {
        left: 40px;
    }
}

@media only screen and (max-width: 576px) {

    /*  SECTION: LEADING SOFTWARE (box)   */
    .table-holder .vc_column-inner {
        padding: 0;
    }
}

@media only screen and (max-width: 414px) {

    /*  SECTION: LEADING SOFTWARE   */
    .section-leading-software .column-custom {
        width: 100%;
    }
}


/* ========================================= */
/*               08/08/2023                  */
/* ========================================= */
.qodef-main-menu>ul>li.contact {
    margin-right: 0px
}

.qodef-menu-area .qodef-position-left .qodef-position-left-inner {
    position: relative;
    left: -3px;
}

/* FOOTER */
@media only screen and (max-width: 1200px) {
    footer .qodef-footer-top .qodef-four-columns {
        width: 950px;
    }
}

@media only screen and (max-width: 1024px) {
    footer .qodef-footer-top .qodef-four-columns {
        width: 768px;
    }
}

@media only screen and (max-width: 768px) {
    footer .widget {
        margin-bottom: 0px !important;
    }

    footer .qodef-footer-top:not(.qodef-footer-top-full) .qodef-container-inner {
        padding: 30px 0 25px !important;
    }

    footer .qodef-footer-top .qodef-four-columns {
        width: 600px;
    }

    footer .qodef-footer-top .qodef-four-columns .qodef-four-columns-inner .qodef-column {
        padding: 0 !important;
    }

    footer .qodef-four-columns .qodef-column:nth-child(2) .qodef-column-inner .qodef-footer-column-2 ul {
        padding: 25px 0 10px;
    }

    footer .qodef-footer-top .qodef-four-columns .qodef-four-columns-inner .qodef-column .qodef-column-inner {
        padding: 0 !important;
    }

    .qodef-four-columns .qodef-column:nth-child(2) .qodef-column-inner .qodef-footer-column-2 ul .heading-office {
        padding-left: 0;
    }

    footer .widget_newsletterwidgetminimal .tnp-widget-minimal {
        padding: 10px 0 15px;
    }

    .list-clutch {
        padding-bottom: 0;
    }
}

@media only screen and (max-width: 600px) {
    footer .qodef-footer-top .qodef-four-columns {
        width: 420px;
    }
}

@media only screen and (max-width: 576px) {

    footer .widget_newsletterwidgetminimal .tnp-widget-minimal {
        padding-top: 0;
        padding-bottom: 5px;
    }

    .tnp-widget-minimal input.tnp-email {
        width: 65%;
    }

    .qodef-footer-inner .qodef-four-columns .qodef-column:nth-child(2) .qodef-column-inner {
        padding: 20px 0 30px 0;
    }
}

@media only screen and (max-width: 480px) {
    footer .qodef-footer-top .qodef-four-columns {
        width: 300px;
    }
}

/* ========================================= */
/*               05/12/2024                  */
/* ========================================= */
.qodef-post-content .qodef-post-text .qodef-post-text-inner .qodef-post-title a {
    font-family: Open Sans, sans-serif;
}

/* ========================================= */
/*               27/12/2023                  */
/* ========================================= */
.none-action-link {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
}

/** ================================================ **/
/** CSS for applying  **/
/** - The same link hover behavior for case-studies and showcases **/
/** ================================================ **/
.d-none {
    display: none;
}

.portfolio-item-template-default.single-portfolio-item .qodef-two-columns-75-25>.qodef-column1,
.portfolio-item-template-default.single-portfolio-item .qodef-two-columns-75-25>.qodef-column2 {
    width: 100%;
}

.portfolio-item-template-default.single-portfolio-item .qodef-two-columns-75-25>.qodef-column1>.qodef-column-inner,
.portfolio-item-template-default.single-portfolio-item .qodef-two-columns-75-25>.qodef-column2>.qodef-column-inner {
    padding: 0px;
}

/* ========================================= */
/* Custom CSS for the Clutch Logo            */
/* ========================================= */
.footer-contact li.list-clutch {
    text-align: center;
}

.footer-contact li.list-clutch a.el-clutch-award img {
    background: none;
    width: 100px;
    margin-top: 43px;
    padding-right: 10px;
}

@media only screen and (max-width: 1024px) {
    .footer-contact li.list-clutch a.el-clutch-award img {
        width: 90px;
        margin-top: 50px;
        padding-right: 3px;
    }
}

@media only screen and (max-width: 991px) {
    .footer-contact li.list-clutch a.el-clutch-award img {
        margin-top: 60px;
    }
}

@media only screen and (max-width: 768px) {
    .footer-contact li.list-clutch {
        text-align: left;
    }

    .footer-contact li.list-clutch a.el-clutch-award img {
        margin-top: 30px;
    }
}

/* ========================================= */
/* Custom CSS for the Category in Case Study */
/* ========================================= */
.qodef-portfolio-info-holder.hd-custom-portfolio-holder {
    background-color: rgba(200, 236, 251, 0.37);
    border-radius: 5px;
    padding: 20px;
    margin-top: 24px;
}

.qodef-portfolio-single-holder .qodef-portfolio-single-nav {
    border-bottom: 1px solid #ececec;
}

/* ========================================= */
/*               15/01/2025                  */
/* ========================================= */
.vc_row.hd-testimonials .vc_custom_1631173216321 {
    background-color: transparent !important;
}

.vc_row.hd-testimonials .qodef-testimonials.cards_carousel.filled .qodef-testimonial-text-inner {
    background-color: #1B87C6;
}

.vc_row.hd-testimonials .qodef-testimonials.cards_carousel.filled .qodef-testimonial-text-inner:after {
    border-top-color: #1B87C6;
}

@media only screen and (max-width: 1024px) {
    .qodef-title.qodef-title-image-not-responsive .qodef-title-image {
        position: absolute !important;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    .qodef-title.qodef-title-image-not-responsive .qodef-title-holder {
        position: relative !important;
    }

    .qodef-title.qodef-title-image-not-responsive .qodef-title-image img {
        position: relative;
        width: 100%;
        height: 100%;

    }

    .qodef-title .qodef-title-holder .qodef-title-subtitle-holder-inner .qodef-subtitle {
        margin-bottom: 34px;
    }

}