a.btn-contact {
    border-radius: 20px;
    border: solid 1px #d7d7d7;
    background-color: #fff;
}

.banner-wrapper {
    min-height: 600px;
    position: relative;
    background-size: cover;
    display: flex;
    align-items: end;
}

.banner-icon-top {
    position: absolute;
    right: 15%;
    top: 0;
}

.banner-content {
    position: absolute;
    bottom: 30px;
}

.banner-page {
    position: relative;
    height: 140px;
    width: 100%;
    padding-left: 15%;
}

.banner-content-right {
    background-size: contain;
    /* background-repeat: no-repeat; */
    background-position: left;
}

.banner-content-right-text {
    width: 75%;
    padding: 30px 30px 30px 50px;
}

.banner-content-left-btn {
    align-items: center;
    justify-content: space-between;
    /*display: flex;
    flex: 0 0 32%;
    gap: 10px;*/
}

.banner-content-left-btn a:first-child {
    margin-right: 38px;
}

.banner-content-left-btn button {
    width: 50%;
    border-radius: 30px;
    padding: 10px 20px;
}

.banner-content-left-btn button.btn-contact:hover {
    background-color: #d1a004;
    color: #fff;
}

.banner-content-left {
    flex: 0 0 25%;
    margin-right: 30px;
}

.btn-primary {
    padding: 10px 30px;
    border-radius: 25px;
    background-color: #ffc200;
    color: #fff;
    border: none;
}

.btn-nobackground {
    color: #fff;
}

.banner-content-right-text p {
    color: #fff;
    margin-bottom: 0;
}

.partners-slide {
    display: flex;
    align-items: center;
    justify-content: center;
}

.partners-slide-image {
    height: 60px;
    object-fit: contain;
}

.menu_small {
    position: absolute;
    bottom: 0;
    list-style: none;
}

.menu_small .nav__list-item a {
    font-size: 14px;
    color: #000;
}

.menu_small .nav__list-item a .far.fa-square {
    font-size: 6px;
}


/* Service card */

.services-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    --column: 2;
    --spacing: 20px;
    margin-left: calc(-1 * var(--spacing));
    margin-bottom: calc(-1 * var(--spacing));
}

.service-card {
    min-height: 292px;
    min-width: 292px;
    width: calc((100% / var(--column)) - var(--spacing));
    border-radius: 20px;
    box-shadow: 0 13px 48px 0 rgba(0, 0, 0, 0);
    /*padding: 40px 20px;*/
    padding: 42px 28px 61px 42px;
    webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
    position: relative;
    overflow: hidden;
}

.service-bg-gray {
    background-color: #f5f5f7;
}

.service-title {
    /*font-weight: 500;*/
    font-stretch: normal;
    font-style: normal;
    line-height: 1.26;
    letter-spacing: normal;
}

.service-text {
    display: flex;
    align-items: end;
    flex-direction: column;
    justify-content: end;
}

.service-text p {
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.54;
    letter-spacing: normal;
    color: #798193;
    margin-bottom: 0;
    /*font-family: "Inter-UI-Regular", sans-serif;*/
}

.service-link {
    transform: translateX(-20px);
    opacity: 0;
    position: absolute;
    bottom: 14px;
    right: 14px;
}

.service-card:hover .service-link {
    opacity: 1;
    transform: translateX(0);
}

.line-clamp {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    /*font-family: "Inter-UI-Regular", sans-serif;*/
}


/* Offshore */

.offshore {
    min-height: 480px;
    padding: 300px 0 50px 0;
    margin-top: 80px;
    background-size: cover;
    background-repeat: no-repeat;
}

.techvfy-boxleft {
    background-size: cover;
    background-repeat: no-repeat;
    padding: 30px;
    display: flex;
    justify-content: end;
}

.home .techvfy-boxleft {
    /*padding: 30px 140px 30px 290px !important;*/
}

.techvfy-boxleft h2 {
    margin-bottom: 0;
    display: flex;
    font-size: 32px;
    /*font-weight: bold;*/
    font-stretch: normal;
    font-style: normal;
    line-height: 0.94;
    color: #fff;
    flex-direction: column;
}

.techvfy-boxleft h2 span {
    /*font-weight: 300;*/
    margin-bottom: 10px;
    font-family: "SVN-Gilroy-Light", sans-serif;
    color: #dceeff;
}


/* Tabs */

.tab-number {
    margin-right: 10px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 6px;
    letter-spacing: normal;
    color: #131313;
    padding-top: 15px;
}

.tab-title {
    font-size: 32px;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
}

.ot-accordions .acc-item.current .acc-toggle {
    color: #016eb8;
}

.ot-accordions .acc-item.current .acc-toggle .tab-number {
    color: #016eb8;
}


/* Case Stuides */

.case-studies-top {
    border-radius: 12px;
    background-image: radial-gradient(circle at 103% 2%, #009bde, #0062ba 97%);
    color: #fff;
    margin-bottom: 30px;
}

.case-studies-top .card-left {
    padding-right: 98px;
}

.case-studies-top .case-studies-cardItem {
    border-radius: 12px;
}

.case-studies-top .card-right img {
    border-radius: 0 0 12px 12px;
}

.case-studies-cardItem,
.case-studies-cardItem-vertical {
    padding: 50px 40px;
    display: flex;
    padding-bottom: 0;
}

.card-top-title {
    color: #fff;
    font-size: 26px;
    font-family: "Inter-UI-Bold", sans-serif;
}

.item-card-title {
    font-size: 24px;
    font-weight: 600;
    color: #222;
    margin-bottom: 10px;
}

body.home .item-card-title {
    font-size: 23px;
    color: #fff;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
}

body.single-case-study .item-card-title,
body.single-case-study .item-card-title a {
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
    color: #222;
}

.case-studies-card {
    display: flex;
    align-items: start;
    flex-wrap: wrap;
    justify-content: space-between;
}

body.post-type-archive-case-study .case-studies-card .card-right,
body.single-case-study .case-studies-cardItem-vertical .card-right,
body.home .case-studies-cardItem .card-right {
    margin-left: -42px;
    margin-right: -38px;
}

body.post-type-archive-case-study .case-studies-card .card-right img,
body.single-case-study .case-studies-cardItem-vertical .card-right img,
body.home .case-studies-cardItem .card-right img {
    border-radius: 0 0 12px 12px;
}

.case-studies-bottom {
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: space-between;
    --column: 2;
    --spacing: 30px;
    margin-left: calc(-1 * var(--spacing));
    margin-bottom: calc(-1 * var(--spacing));
}

.case-studies-bottom .case-studies-cardItem {
    background-color: #f5f5f7;
    border-radius: 12px;
    margin-bottom: 20px;
    margin-left: var(--spacing);
    /*min-height: 730px;*/
    background-size: 100%;
    width: calc((100% / var(--column)) - var(--spacing));
    position: relative;
    flex-direction: column;
}

.case-studies-cardItem-vertical {
    background-color: #f5f5f7;
    border-radius: 12px;
    margin-bottom: 30px;
    margin-left: var(--spacing);
    min-height: 280px;
    width: calc((100% / var(--column)) - var(--spacing));
    position: relative;
    flex-direction: column;
}

.case-studies-bottom .case-studies-cardItem .item-card-title {
    color: #016eb8;
}


/* Clients */

.clients {
    background-image: linear-gradient(251deg, #f8eff6 99%, #ddeaff 4%);
}

.techvfy-clients {
    max-width: 50%;
    margin-left: auto;
    margin-bottom: 131px;
}

.clients-thumb {
    transform: translateX(-15px);
}

.swiper-client-wrapper {
    display: flex;
    align-items: center;
}

.swiper-client-wrapper .swiper-client-left {
    flex: 0 0 34%;
    margin-right: 80px;
    transform: translateX(15px);
}

.swiper-client-left .client-name {
    background-image: radial-gradient(circle at 103% 2%, #009bde, #0062ba 97%);
    color: #fff;
    padding: 20px 23px;
    font-size: 22px;
}

.swiper-client-left .client-sub {
    padding: 8px 20px 8px 35px;
	width:70%;
    background-color: #1c1c1c;
    position: absolute;
    left: -15px;
    z-index: 1038;
    top: 60px;
    color: #b4b4b4;
	font-size:14px
}

.swiper-client-right {
    width: 370px;
    padding-left: 40px;
}

.swiper-client-right p {
    font-size: 20px;
    font-family: "SVN-Gilroy-Medium", sans-serif;
}

.clients-button-next::after {
    display: none;
}

.clients-button-next i {
    font-size: 24px;
    background-color: #ffc100;
    padding: 10px;
    border-radius: 30px;
    min-width: 44px;
    min-height: 44px;
    display: block;
    color: #000;
}

.clients-button-next {
    right: 55%;
    bottom: 20%;
    top: unset;
}

.value-item {
    margin-bottom: 60px;
}


/* News */

.techvfy-news {
    /*padding-top: 104px;*/
    padding-top: 0;
    padding-bottom: 115px;
}

.posts-grid {
    display: flex;
    align-items: start;
    justify-content: space-between;
    --column: 2;
    --spacing: 30px;
    margin-left: calc(-1 * var(--spacing));
    margin-bottom: calc(-1 * var(--spacing));
}

.posts-grid .post-box {
    margin-left: var(--spacing);
    min-height: 280px;
    width: calc((100% / var(--column)) - var(--spacing));
    position: relative;
}

.techvfy-news-title h3 {
    font-size: 24px;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
}

.techvfy-news-title h3 span {
    font-size: 14px;
    color: #016eb8;
    margin-right: 10px;
    font-family: "SVN-Gilroy-Medium", sans-serif;
}

.post-list-item {
    --column: 2;
    --spacing: 30px;
    margin-left: calc(-1 * var(--spacing));
    margin-bottom: var(--spacing);
}

.post-list-item .post-list-left,
.post-list-item .post-list-right {
    margin-left: var(--spacing);
}

.post-list-left {
    border-radius: 5px;
    overflow: hidden;
    min-width: 70px;
    max-height: 70px;
}

.post-list-left .post-month {
    background-color: #d7d7d7;
    color: #fff;
    text-align: center;
    font-size: 15px;
}

.post-days {
    text-align: center;
    background-color: #f5f5f7;
    font-size: 30px;
    color: #2d3142;
    line-height: 40px;
}

.post-list-right a {
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    color: #222;
    margin-bottom: 5px;
    font-family: "SVN-Gilroy-Medium", sans-serif;
}

.post-list-right a:hover {
    color: #016eb8;
}

.post-list-right .entry-meta a {
    color: #747474;
    margin-left: 10px;
    font-size: 13px;
}

.post-list-right {
    position: relative;
    border-bottom: 1px solid #e0e0e0;
}

.btn-viewallpost {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 208px;
    gap: 10px;
    margin: 0 auto;
}

.post-highlight .post-month {
    background-color: #ffc100;
}


/* Ebooks */

.ebooks {
    padding: 73px;
}

.ebooks,
.forms {
    background-size: cover;
    background-repeat: no-repeat;
}

.btn-download {
    border-color: #fff;
    border-radius: 40px;
    color: #fff !important;
    padding: 10px 30px;
    transition: all 0.4s;
    font-family: "SVN-Gilroy-Medium", sans-serif;
    margin: 0 8px 0 0;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #fff !important;
}

.btn-download:hover {
    background-color: #fff;
}

.btn-download i {
    color: #ffc100;
}

.forms {
    padding: 50px 0;
}

.techvfy-title .text-color {
    color: #0070b9;
}


/* Footer */

.list-social .social-item {
    padding: 10px;
    width: 35px;
    border-radius: 30px;
    background-color: #f5f5f7;
    display: inline-flex;
    height: 35px;
    color: #000;
    margin-right: 10px;
}

.widget-footer-wrap {
    position: relative;
    display: grid;
    grid-template-columns: 21% 22% 41%;
    justify-content: flex-end;
}

.footer-img {
    position: absolute;
    width: 50%;
    right: 10%;
    bottom: 35px;
}


/* Sidebar */

.nav-open-sidebar {
    position: fixed;
    inset: 0;
    z-index: 1038;
    background-color: #fff;
}

.nav-open-sidebar .nav {
    max-width: 100%;
    margin: 0 auto;
    height: 100%;
    display: grid;
    grid-template-columns: 40% 60%;
}

.nav__content {
    padding: 10px 20px;
    height: 100%;
}

.nav-open-sidebar .nav__content-right {
    background-image: radial-gradient(circle at 103% 2%, #009bde, #0062ba 97%);
    padding: 30px 20px;
}

.nav__content-left {
    padding: 50px 30px 0 240px;
}

.nav__content-left img.logo {
    margin-bottom: 40px;
}

.nav__list-item a .far.fa-square {
    color: #000;
    font-size: 10px;
}

.nav__list-item a {
    font-size: 30px;
    color: #858585;
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    font-family: "Inter-UI-SemiBold", sans-serif;
}

.nav__list-item a:hover {
    color: #000;
}

.nav__list-item a:hover i {
    font-weight: bold;
}

.nav__list-item a .fal.fa-angle-right {
    right: 0;
    position: absolute;
}

ul.nav__list {
    list-style: none;
}

li.nav__list-item {
    position: relative;
    margin-bottom: 13px;
}

.nav__list li.nav_menu_dropdown {
    display: flex;
    /*align-items: flex-start;*/
    flex-wrap: nowrap;
    max-height: 40px;
}

.nav__list li.nav_menu_dropdown a {
    flex: 0 0 100%;
    width: 100%;
}

.nav__list li.nav_menu_dropdown .nav_dropdown-wrap {
    height: auto;
    min-width: 540px;
    padding: 0;
    margin: 0;
    opacity: 0;
    visibility: hidden;
    transition: all 300ms linear;
    -o-transition: all 300ms linear;
    -ms-transition: all 300ms linear;
    -moz-transition: all 300ms linear;
    -webkit-transition: all 300ms linear;
    z-index: 1000;
    padding-left: 80px;
}

.nav__list li:hover .nav_dropdown-wrap {
    opacity: 1;
    visibility: visible;
}

.nav__list li ul.nav_dropdown li,
.nav__list li ul.nav_dropdown li a {
    font-size: 20px;
    color: #fff;
    font-family: "Inter-UI-SemiBold", sans-serif;
}

.nav__list li ul.nav_dropdown li {
    margin-bottom: 20px;
    border-bottom: 1px solid #008dd5;
    padding-bottom: 19px;
}

.nav__list li ul.nav_dropdown li:last-child {
    border: none;
}

.nav__list li ul.nav_dropdown li:hover,
.nav__list li ul.nav_dropdown li:hover a {
    color: #ffc200;
}

.nav_dropdown-wrap h5 {
    font-size: 14px;
    color: #beeaff;
    margin-left: 18px;
}

.nav__content-right i {
    transition: 0.4s all;
    font-size: 20px;
    color: #fff;
    position: absolute;
    right: 10%;
    cursor: pointer;
}

.nav__content-right i:hover {
    transform: scale(1.5);
}

.btn-viewcase:hover {
    color: #fff !important;
}

.btn-primary:hover {
    background-color: #d1a004;
    color: #fff !important;
    border: 1px solid #d1a004;
}

@media (max-width: 1368px) {
    .nav__content-left {
        padding: 30px;
    }
}

@media (max-width: 480px) {
    body.home .techvfy-title span {
        font-size: 24px !important;
    }
    .techvfy-title h1 {
        font-size: 42px;
    }
    .banner-content-left {
        display: none;
    }
    .banner-content {
        bottom: 0;
    }
    .banner-page {
        min-height: 700px;
    }
    .banner-wrapper {
        background-size: cover;
        background-position: center;
    }
    .services-wrapper {
        --column: 1;
        flex-direction: column;
        margin-left: 0;
    }
    .service-text {
        justify-content: flex-start;
        align-items: flex-end;
    }
    .offshore {
        margin-top: 40px;
        padding-bottom: 0;
        padding-top: 0px !important;
        background-position: center;
    }
    .offshore .col-lg-6 {
        padding: 0 !important;
    }
    .tab-number {
        /*line-height: inherit;*/
        line-height: 18px;
        padding-top: 5px;
    }
    .ot-accordions .acc-item .acc-toggle>div {
        align-items: center;
    }
    .case-studies-cardItem {
        padding: 20px;
        flex-direction: column;
        border-radius: 12px;
    }
    .case-top .card-left {
        padding: 50px 29px 62px 18px;
    }
    .case-studies-cardItem .card-left {
        /*margin-bottom: 20px;*/
        /*padding: 20px !important;*/
    }
    .case-studies-bottom {
        --column: 1;
        flex-direction: column;
        flex-wrap: nowrap;
    }
    .techvfy-clients {
        margin-left: 0;
        margin-bottom: 20px;
    }
    .swiper-client-wrapper {
        flex-direction: column-reverse;
        align-items: flex-start;
    }
    .clients-thumb {
        display: none;
    }
    .swiper-client-wrapper .swiper-client-left {
        flex: 0 0 100%;
        margin-right: 0;
        transform: translateX(0);
        position: relative;
    }
    .swiper-client-left .client-name {
        position: absolute;
        left: 100px;
        bottom: 46px;
        min-width: 200px;
        text-align: center;
        padding: 5px;
    }
    .swiper-client-wrapper {
        position: relative;
    }
    .swiper-client-left .client-sub {
        min-width: 100%;
        left: 100px;
        bottom: 0;
        top: unset;
    }
    .clients-button-next {
        right: 20px;
    }
    .wpcf7 .main-form {
        /* padding: 20px 0px; */
    }
    .wpcf7 .main-form .col {
        width: 100%;
        flex: 0 0 100%;
    }
    .widget-footer.footer-mt {
        margin-top: 0;
    }
    .widget-footer-wrap {
        padding-top: 20px;
        /*padding-bottom: 20px;*/
    }
    .copyright-text {
        text-align: center;
        border-top: 1px solid #ececec;
        padding-top: 10px;
    }
    .row.border-top {
        border: none !important;
    }
    .footer {
        padding-bottom: 0;
    }
}

.line-clamp {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: vertical;
}


/* About us Page */

.about-banner {
    min-height: 400px;
    background-size: cover;
}

.about-banner .banner-page {
    min-height: 400px;
    height: 400px;
}

.home-about-video img {
    width: 100%;
}

.value-item-title {
    font-size: 30px;
}

.about-right>img {
    width: 75%;
    float: right;
}

.achievements-item .icon {
    width: 47px;
}

.achievements-item {
    display: grid;
    grid-template-columns: 47px auto;
    gap: 14px;
    align-items: center;
}

.achievements-item .text h3 {
    margin-bottom: 0;
    color: #0170ba;
    font-size: 36px;
    font-family: "Inter-UI-Bold", sans-serif;
}

.achievements-item .text span {
    color: #555;
}

.achievements-about {
    display: flex;
}

.list-value {
    margin-top: 50px;
}

.achievements-about {
    position: absolute;
    right: -100%;
    top: 0;
    gap: 60px;
}

.value-item.value-item-last {
    position: relative;
}

.value-item.value-item-last h2 {
    margin-bottom: 0;
}

.about-pillars {
    background-color: #f5f6f7;
    padding-top: 90px;
    padding-bottom: 120px;
}

.pillars-wrap {
    display: grid;
    grid-template-columns: auto 50% auto;
    column-gap: 20px;
}

.pillars-left {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pillars-right {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.pillars-right .pillars-item {
    text-align: right;
}

.pillars-right .pillars-item .pillars-item-number {
    margin-left: auto;
}

.pillars-item-number {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    color: #fff;
    background-color: #00afff;
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 18px;
}

.pillars-center {
    position: relative;
}

.pillars-center h5 {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    text-align: center;
    text-transform: uppercase;
    width: 210px;
    line-height: 1.5em;
}

.pillars-center h5 span {
    color: #ffbd00;
}

.about-right .img-small {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 300px;
}

.choose-us-list {
    margin-top: 60px;
}

.choose-us-item {
    display: grid;
    grid-template-columns: 10% 90%;
    padding: 40px 20px;
    padding-top: 60px;
    border-top: 1px solid #e6e6e6;
}

.choose-us-item:last-child {
    border-bottom: 1px solid #e6e6e6;
}

.choose-us-item .number {
    font-size: 56px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #d8d8d8;
    /*font-family: "Inter-UI-Regular", sans-serif;*/
}

.choose-us-item .title {
    /*margin-bottom: 15px;*/
    padding-top: 14px;
}

.choose-us-item .content ul {
    margin-bottom: 0;
}

.choose-us-item .choose-us-text {
    display: grid;
    grid-template-columns: 35% 50%;
}

.what-we-deliver {
    background-image: linear-gradient(171deg, #e8e5f3 -63%, #d8dbe9 60%);
}

.app-item {
    padding: 40px;
    background-color: #fff;
    border-radius: 10px;
}

.what-we-deliver .techvfy_slider_wrapper {
    margin-bottom: 50px;
}

.app-item .app-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.app-item .app-top img {
    width: 100px;
}

.app-item .app-top h3 {
    margin-bottom: 0;
    width: 50%;
    font-size: 23px;
    color: #262626;
    font-family: "SVN-Gilroy-Regular", sans-serif;
}

.app-item .app-top h3 b {
    font-family: "SVN-Gilroy-Bold", sans-serif;
}

.app-item span {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin-bottom: 20px;
    color: #585858;
}

.app-item a.btn.btn-outline {
    padding: 10px 20px;
    border: 1px solid #c5c7cb;
    border-radius: 30px;
    font-size: 15px;
    font-family: "SVN-Gilroy-Medium", sans-serif;
    color: #0c76bd;
}

.app-item a.btn.btn-outline:hover {
    background-color: #0070b9;
    color: #fff;
}

.widget-footer.footer-mt {
    margin-top: 70px;
}

.cer-footer {
    margin-top: 10px;
}


/* Contact page */

.contact-banner {
    min-height: 330px;
    background-size: cover;
}

.contact-wrapper .col-lg-4 {
    background-color: #f3f3f5;
}

.contact-left {
    padding: 125px 50px;
}

.contact-left h3 {
    font-size: 24px;
    margin-bottom: 10px;
}

.contact-left span {
    font-size: 14px;
    color: #777;
}

.contact-left .left-block {
    margin-bottom: 50px;
}

.contact-left .left-block .list-social .social-item {
    background-color: #fff;
}

.contact-right {
    padding: 125px 50px 125px 100px;
}

.contact-right h3 {
    font-family: "SVN-Gilroy-Regular", sans-serif;
    font-size: 30px;
    color: #111;
    margin-bottom: 50px;
}

.contact-right h3 strong {
    font-family: "SVN-Gilroy-Bold", sans-serif;
}

.contact-right label {
    font-size: 14px;
    color: #555;
}

.contact-form input,
.contact-form textarea,
.contact-form select {
    border-radius: 3px;
    border: none;
    border-bottom: solid 1px #dbdee4;
    background-color: #fff;
    padding: 6px 0px;
}

.contact-form select {
    min-height: 44px;
}

.contact-form>div:not(.text-right) {
    display: flex;
    flex-direction: column;
    margin-bottom: 15px;
}

.btn-submit-contact {
    min-width: 150px;
}

.contact-form .text-right {
    justify-content: end;
    align-items: end;
    border-top: solid 1px #dbdee4;
    padding-top: 40px;
    margin-top: 50px;
}

body.page-id-39 .contact-form .text-right {
    border-top: none;
    margin: 30px 0 40px 0;
    padding-top: 0;
}

.our-offices {
    background-color: #222;
}

.our-offices h3 {
    color: #fff;
}

.ebook-form input,
.ebook-form textarea,
.ebook-form select {
    border-radius: 3px;
    border: none;
    border-bottom: solid 1px #dbdee4;
    background-color: #fff;
    margin-bottom: 10px;
    color: #6a6a6a;
    /*font-family: "Inter-UI-Regular", sans-serif;*/
}

.ebook-form select {
    width: 100%;
    padding: 15px 20px;
}

.hr {
    height: 5px;
    background-color: #e8e8e8;
    margin: 50px 0px;
}

.form-ebook span {
    font-size: 16px;
    margin-bottom: 10px;
    display: block;
    /*font-family: "Inter-UI-Regular", sans-serif;*/
}

.list-offices {
    display: grid;
    grid-template-columns: 33% 33%;
    column-gap: 30px;
    justify-content: end;
}

.office-item h4 {
    color: #fff;
    margin-top: 10px;
    margin-bottom: 10px;
}

.office-item span {
    color: #a9a9a9;
    font-size: 15px;
    display: block;
}

.office-item a {
    color: #ffc200;
    text-decoration: underline;
    font-size: 15px;
}


/* Case studies */

.case-tabs button {
    font-size: 15px;
    padding: 15px;
    border: none !important;
    background-color: transparent;
    color: #6f6f6f !important;
}

.case-tabs button.active {
    border-bottom: 1px solid #000 !important;
    font-weight: 600;
    color: #000000 !important;
}

.nav-tabs .nav-link:focus {
    outline: none;
}

.case-tabs {
    justify-content: space-between;
    border: none;
}

.case-tabs a {
    color: #000;
}

.case-tabs-content {
    background-color: red;
    padding: 80px 0;
    background-color: #f3f3f5;
}

.case-top .case-studies-cardItem {
    padding: 0;
}

.case-top .card-left {
    padding: 50px 50px 62px 50px;
    flex: 0 0 50%;
}

.btn-viewcase {
    background-color: transparent;
    border: solid 1px #dee0e2;
    color: #0271ba !important;
    margin-bottom: 20px;
    font-size: 15px;
    font-family: "SVN-Gilroy-Medium", sans-serif;
}

body.home .btn-viewcase {
    color: #222 !important;
}

.case-top {
    background-color: #fff;
    background-image: none;
    color: #000;
}

.case-top .card-top-title {
    color: #000;
}


/*.case-tabs-content .case-studies-cardItem {
    background-color: #fff !important;
}*/

.case-tabs-content .case-studies-cardItem .item-card-title,
.case-tabs-content .case-studies-cardItem .item-card-title a {
    color: #262626;
    font-size: 30px;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
}

.case-tabs-content .case-studies-cardItem .btn-viewcase {
    margin-bottom: 20px;
    font-family: "SVN-Gilroy-Medium", sans-serif;
}

.case-title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #0170ba;
}

.case-title h1 {
    margin-bottom: 0;
    flex: 0 0 50%;
    font-size: 70px;
}

.case-form {
    background-size: cover;
    display: flex;
    justify-content: end;
    padding: 30px;
}

.case-form .case-form-content {
    background-color: #fff;
    padding: 67px 60px;
}

.case-form .case-form-content h3 {
    font-size: 23px;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
}

.case-select {
    display: none;
}

.detail-case-left {
    background-image: linear-gradient(211deg, #e2eff5 83%, #e5f3e0 -25%);
    padding: 30px 30px 30px 30px;
    min-height: 675px;
}

.detail-case-left .ot-heading {
    margin-top: 30px;
}

.detail-case-left .ot-heading span {
    color: #222;
    font-size: 14px !important;
    font-family: "SVN-Gilroy-Regular", sans-serif !important;
    font-weight: 500;
    text-transform: uppercase;
}

.detail-case-left h2 {
    font-size: 44px;
    font-weight: 600;
    color: #131313;
}

.detail-case-left .back-page a {
    font-size: 14px;
    color: #0170ba;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
}

.case-client,
.case-client span {
    color: #569a85;
    margin-bottom: 30px;
}

.detail-case-header-page .col-md-6 {
    padding: 0;
}

.case-exchange {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 30px;
    flex-wrap: wrap;
}

.exchange-item h2 {
    color: #339adf;
    font-size: 44px;
    margin-bottom: 5px;
    font-family: "Inter-UI-SemiBold", sans-serif;
}

.exchange-item span {
    text-transform: uppercase;
    font-size: 13px !important;
}

.detail-case-right {
    min-height: 675px;
    padding-left: 120px;
    display: flex;
    align-items: center;
    justify-content: end;
}

.case-studies-container {
    display: grid;
    grid-template-columns: 50% 50%;
}

.case-studies-container .case-sub span {
    /*font-family: "Inter-UI-Regular", sans-serif;*/
    font-size: 17px;
}

.case-studies-container .case-sub span.num {
    font-size: 16px;
}

.case-studies-container .case-sub h2 {
    font-size: 30px;
    color: #262626;
}

.case-studies-container ul {
    list-style: none;
}

.case-studies-container ul li {
    gap: 10px;
    display: flex;
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-bottom: 20px;
}

.case-studies-container ul li .num {
    background-color: #1c1c1c;
    min-width: 30px;
    min-height: 30px;
    border-radius: 20px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-family: "Inter-UI-Bold", sans-serif;
}

.case-studies-container ul li .num-color {
    background-color: #ffc200;
}

.case-studies-container ul li .desc {
    font-family: "Inter-UI-Medium", sans-serif;
    font-size: 16px;
    font-weight: 500;
    color: #222;
}

.case-studies-container.border-bottom {
    border-bottom: 1px solid #e8e8e8;
    margin-bottom: 50px;
}

.case-features-wrapper {
    display: flex;
    align-items: center;
    min-height: 500px;
    position: relative;
    background-color: #222222;
    color: #fff;
}

.case-features-wrapper>.container {
    display: flex;
}

.case-features-left {
    /*padding-left: 370px;
    padding-right: 120px;
    https://techvify.com.vn/case-studies/hotel-extranet-vietnam/*/
    flex: 0 0 50%;
    height: 100%;
    padding-top: 60px;
}


/*body.postid-319 .case-features-left{*/

body.single-service .case-features-left {
    padding-left: 0;
    padding-right: 50px;
}

.case-features-left h3 {
    color: #fff;
    /*border-bottom: 1px solid #e8e8e84d;*/
    padding: 10px 0;
    font-size: 38px;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
}

.case-features-left h3.type1 {
    font-size: 30px;
    font-family: "SVN-Gilroy-Bold", sans-serif;
}

.case-features-left ul {
    list-style: none;
    padding-left: 0;
}

.case-features-left ul li i {
    margin-right: 10px;
    color: #0070b9;
    font-size: 18px;
}

.case-feature-right {
    background-size: cover;
    width: 100%;
    height: 500px;
    background-position: center;
}

.case-desc {
    font-size: 26px;
    width: 50%;
    display: block;
    margin: 0 auto;
}

.info-client {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 40px;
    width: 50%;
    margin: 0 auto;
    margin-top: 40px;
}

.info-client img {
    width: 54px;
}

.info-client h4 {
    font-size: 22px;
    margin-bottom: 0;
}

.info-client .detail span {
    font-size: 13px;
    color: #777;
}

.success-bg {
    min-height: 680px;
    border-radius: 14px;
    padding: 40px;
    text-align: center;
    margin-top: 40px;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: linear-gradient(219deg, #e2eff5 74%, #e5f3e0 -23%);
}

.success-bg h2,
.case-similar h2 {
    font-size: 38px;
    line-height: 46px;
    color: #222;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
}

.case-detail-slides.swiper {
    padding-left: 100px;
    width: 100%;
    height: 100%;
    margin-top: -550px;
    padding-bottom: 50px;
}

.case-detail-slides .swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: flex-start;
}

.case-detail-slides .swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.case-detail-slides .swiper-slide {
    width: 45%;
}

.case-detail-slides .swiper-pagination-bullet,
.case-mobile-detail-slides .swiper-pagination-bullet {
    width: 42px;
    border-radius: 0;
    height: 2px;
}

.case-detail-slides .swiper-pagination-bullet.swiper-pagination-bullet-active,
.case-mobile-detail-slides .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #7eb4a3;
}

.mobile-case {
    flex-wrap: wrap;
    padding-left: 0;
}

.mobile-case img {
    width: 33%;
}

.case-transfromY {
    transform: translateY(-30px);
}

.case-mobile-detail-slides {
    margin-top: 40px;
}

.case-mobile-detail-slides .swiper-slide {
    display: grid;
    grid-template-columns: auto auto auto auto;
}

.service-cloud-list .content span {
    display: block;
    font-size: 15px;
    color: #585858;
}

.service-cloud-list .content img {
    /*width: 100px;*/
    margin-bottom: 10px;
}

.single-service .choose-us-text .content img {
    /*width: 81px;*/
    height: 37px;
}

.service-cloud-list .title .text-color {
    display: block;
    color: #ffc100;
    font-family: "SVN-Gilroy-Bold", sans-serif;
}

.why-web-offer {
    background-image: linear-gradient(215deg, #e9e5f3 96%, #f0e0e8 24%);
}

.why-web-flex {
    display: flex;
    align-items: center;
}

.why-web-flex .ot-heading {
    flex: 0 0 35%;
}

.why-web-list {
    display: grid;
    grid-template-columns: auto auto;
    gap: 30px;
    margin-top: 40px;
    margin-bottom: 30px;
}

.why-web-list .why-web-list-left {
    padding-right: 2px;
}

.why-web-list ul {
    list-style: none;
}

.why-web-list ul li {
    display: grid;
    grid-template-columns: 30px auto;
    gap: 18px;
    margin-bottom: 20px;
}

.why-web-list ul li span {
    font-family: "Inter-UI-Medium", sans-serif;
    color: #222;
}

.why-web-list ul li .num {
    height: 30px;
    text-align: center;
    background: #000;
    color: #fff;
    border-radius: 30px;
    font-size: 14px;
    font-family: "Inter-UI-Bold", sans-serif;
    line-height: 30px;
}

.why-web-list ul li .num.active {
    background-color: #ffc200;
    color: #1c1c1c;
}

.why-web-list .btn-primary {
    font-size: 16px;
    font-family: "Inter-UI-Medium", sans-serif;
}

.works-services-box {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 30px;
}

.works-services-box .left {
    text-align: right;
    padding-top: 100px;
}

.works-services-box .services-box-item {
    margin-bottom: 95px;
}

.works-services-box .services-box-item h3 {
    font-size: 23px;
    color: #262626;
    font-family: "SVN-Gilroy-Bold", sans-serif;
}

.works-services-box .services-box-item span {
    display: block;
    font-size: 15px;
    color: #585858;
}

.works-services-box .services-box-item span.number {
    font-size: 16px;
    color: #262626;
}

.works-services-box .services-box-item a {
    font-size: 15px;
    color: #0c76bd;
    font-family: "SVN-Gilroy-Medium", sans-serif;
}

.why-mobile-offer {
    background-image: linear-gradient(212deg, #e2eff5 81%, #e5f3e0 -25%);
}

.why-mobile-text {
    padding-left: 100px;
}

.why-mobile-text h3 {
    font-size: 23px;
    font-weight: 600;
    color: #262626;
}

.why-mobile-text .wysiwyg {
    font-size: 15px;
    color: #585858;
}

.tables-service {
    padding: 40px 49px 49px 50px;
    border-radius: 5px;
    background-color: #ffffff5c;
}

.tables-service h3 {
    color: #262626;
    font-size: 23px;
    font-family: "SVN-Gilroy-Regular", sans-serif;
}

.tables-service h3 b {
    font-family: "SVN-Gilroy-Bold", sans-serif;
}

.tables-service .table,
th td {
    border: none;
    color: #444;
    font-size: 15px;
}

.tables-service .table th b {
    font-family: "Inter-UI-SemiBold", sans-serif;
}

.tables-service .table tr:nth-child(odd) {
    background-color: #e1ebea;
}

.table td,
.table th {
    border: none;
}

.software-section {
    position: relative;
}

.software-section::before {
    content: "";
    position: absolute;
    top: 0%;
    width: 100%;
    height: 60%;
    display: block;
    background-image: linear-gradient(215deg, #e9e5f3 96%, #f0e0e8 24%);
}

.list-software {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 30px;
}

.software-item .img-wrap {
    position: relative;
    margin-bottom: 20px;
}

.software-item .img-wrap .number {
    position: absolute;
    left: 2px;
    bottom: 0;
    width: 50px;
    height: 50px;
    background-color: #000;
    color: #fff;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 16px;
    font-family: "SVN-Gilroy-Bold", sans-serif;
}

.software-item .img-wrap a {
    position: absolute;
    right: 0;
    bottom: 0;
    background-color: #ffc200;
    padding: 5px 10px;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    color: #222;
    opacity: 0;
    font-size: 15px;
    font-family: "SVN-Gilroy-Medium", sans-serif;
}

.software-item .span1 {
    font-size: 16px;
    color: #585858;
}

.software-item:hover .img-wrap a {
    opacity: 1;
}

.what-we-deliver .tables-service .table tr:nth-child(odd) {
    background-color: #f2f2f6;
}

.blog-post-top {
    display: grid;
    grid-template-columns: 40% 60%;
    color: #fff;
}

.date-time {
    color: #747474;
    font-size: 14px;
}

.blog-post-top .title {
    font-size: 30px;
    color: #fff;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
    margin-bottom: 30px;
}

span.desc {
    color: #ababab;
    display: block;
    margin-bottom: 30px;
    white-space: pre-wrap;
    overflow: hidden;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    display: -webkit-box;
}

.blog-post-top {
    gap: 30px;
}

.blog-post-top .date-time {
    color: #ababab;
    margin-bottom: 10px;
}

.blog-post-top .left {
    padding-right: 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.blog-post-top .left .read-more {
    color: #ffc200;
}

.blog-post-top .right .image-thumb {
    width: 668px;
    height: 453px;
}

.blog-post-top .right .image-thumb img {
    height: 453px;
}

.blog-header {
    background-size: cover;
    background-repeat: no-repeat;
}

.blog-list {
    display: grid;
    grid-template-columns: 50% 50%;
    gap: 30px;
}

.post-category {
    display: inline-block;
    padding: 2px 10px;
    background-color: #ffc200;
    color: #000;
    font-size: 12px;
}

.post-title {
    font-size: 26px;
    margin-top: 20px;
    color: #111111;
}

.blog-item hr {
    /*margin: 10px 0;*/
    margin: 34px 0 25px 0;
}

.post-shortdesc {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #444;
    margin-bottom: 16px;
}

.pagination-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 60px;
}

.pagination-prev,
.pagination-next {
    border-radius: 25px;
    background-color: #e9e9e9;
    padding: 10px 30px;
}

.pagination-prev:hover,
.pagination-next:hover {
    background-color: #ffc200;
}

.pagination-prev a,
.pagination-next a {
    color: #222;
    font-size: 15px;
    display: flex;
    align-items: center;
    gap: 10px;
    font-family: "SVN-Gilroy-Medium", sans-serif;
}

.pagination-prev a i,
.pagination-next a i {
    font-size: 14px;
}

.pagination-numbers {
    width: 50%;
}

.pagination-numbers .list-numbers {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
}

.pagination-numbers .list-numbers .number {
    width: 30px;
    height: 30px;
    text-align: center;
}

.pagination-numbers .list-numbers .number a {
    color: #444;
}

.pagination-numbers .list-numbers .number:hover,
.pagination-numbers .list-numbers .number.active {
    border: 1px solid #444;
    border-radius: 30px;
}


/* Services */

.banner-page-service {
    position: absolute;
    right: 0;
    bottom: 0;
    min-height: 135px;
    background-size: cover;
    width: 50%;
    padding: 40px;
    color: #fff;
}

.banner-page-service span {
    width: 80%;
    display: block;
    color: #a0d1ff;
    font-family: "SVN-Gilroy-Light";
}

.banner-page-service strong {
    color: #fff;
}

.banner-page-service span.color-white {
    font-size: 18px;
    font-family: "SVN-Gilroy-Medium", sans-serif;
}

.choose-us-list-services {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 60px;
}

.choose-us-list-services .choose-us-item {
    display: flex;
    flex-direction: column;
    padding: 0 20px;
}

.text-transform {
    transform: translateY(-40px);
}

.choose-us-list-services .choose-us-item .title {
    font-size: 23px;
    margin-bottom: 20px;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
}

.choose-us-list-services .choose-us-item .number {
    font-size: 16px;
    border-bottom: 2px solid #ffc200;
    /*margin-bottom: 20px;*/
    padding-bottom: 10px;
}

.choose-us-list-services .choose-us-item .content span {
    display: -webkit-box;
    -webkit-line-clamp: inherit;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #585858;
}

.test-offer {
    background-color: #222;
    padding-bottom: 80px;
}

.test-offer h4 {
    font-size: 32px;
}

.offer-card {
    display: grid;
    grid-template-columns: auto 170px;
    margin-bottom: 140px;
}

.offer-transfrom .offer-card:last-child {
    margin-bottom: 20px;
}

.offer-card .offer-card-left {
    padding: 40px;
}

.offer-card .offer-card-left .title {
    font-size: 22px;
    color: #fff;
}

.offer-card.bg-white .offer-card-left .title {
    color: #262626;
}

.offer-bg-gray {
    background-color: #303030;
}

.offer-card .offer-card-left .content span {
    display: -webkit-box;
    -webkit-line-clamp:inherit;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #585858;
    /*font-family: "Inter-UI-Regular", sans-serif;*/
    font-size: 15px;
}

.offer-card.offer-bg-gray .offer-card-left .content span {
    color: #b3b3b3;
}

.offer-card .offer-card-right img {
    height: 100%;
    object-fit: cover;
}

.offer-transfrom {
    margin-top: 250px;
}

.services-view-case {
    /*background-color: #46594a;*/
    color: #fff;
    /*height: 629px;*/
}

.services-view-case .card-top-title {
    color: #fff;
}

.service-cloud-list .number {
    font-size: 16px;
    color: #131313;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
    padding-top: 25px;
}

.service-cloud-list .title {
    font-size: 27px;
    color: #3a393b;
    font-family: "SVN-Gilroy-Regular", sans-serif;
}

body.postid-324 .service-cloud-list .title {
    font-family: "SVN-Gilroy-Bold", sans-serif;
}

.service-cloud-list .choose-us-item {
    grid-template-columns: 5% 95%;
    /*align-items: center;*/
    gap: 30px;
}

.service-cloud-list .choose-us-item .content {
    padding-left: 30px;
    margin-top: -14px;
}

.list-services {
    display: grid;
    grid-template-columns: auto auto auto auto auto;
}

.service-bg {
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}

.list-services .item-service {
    justify-content: space-between;
    padding: 10px 0 14px 20px;
    width: 233px;
    display: flex;
    flex-direction: column;
    transition: 0.4s ease;
    border-left: 1px solid #2086cb;
}

.list-services .item-service:last-child {
    border-right: 1px solid #2086cb;
}

.list-services .item-service span {
    display: block;
    color: #fff;
    font-size: 16px;
    width: inherit;
    position: relative;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
}

.list-services .item-service img {
    width: 40px;
    margin-left: auto;
}

.list-services .item-service:hover {
    background-color: #2c2c2c;
}

.list-services .item-service>span:after {
    content: "";
    width: 20px;
    height: 2px;
    background-color: #ffc200;
    display: block;
    opacity: 0;
    transition: 0.4s ease;
    z-index: 10;
}

.services-item-top.box-service-card {
    margin-bottom: 50px;
}

.box-service-card .box-img {
    min-height: 440px;
    background-size: cover;
    background-repeat: no-repeat;
    /*z-index: -1;*/
}

.services-item-top.box-service-card .box-img {
    margin-bottom: 50px;
}

.services-item-top.box-service-card .box-text {
    display: grid;
    grid-template-columns: 30px auto;
}

.services-item-top.box-service-card .box-text .box-text-container {
    display: grid;
    grid-template-columns: 33% auto;
    gap: 30px;
}

.services-item-top.box-service-card .box-text .box-text-container .title {
    font-size: 32px;
    line-height: 1.2em;
    color: #3a393b;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
}

.services-item-top.box-service-card .box-text .number {
    color: #131313;
    font-weight: bold;
}

.box-service-shape .box-service-card .left {
    display: flex;
    flex-direction: column;
    width: 55%;
    margin-left: auto;
    margin-right: 100px;
}

.shape-web {
    background-image: linear-gradient(241deg, #e2eff5 58%, #e5f3e0 -17%);
}

.box-link {
    text-align: left;
    margin-top: 20px;
}

.btn-readmore {
    border-radius: 24px;
    border: solid 1px #c5c7cb;
    padding: 10px 25px;
    color: #0c76bd;
    transition: 0.4s ease;
    font-size: 15px;
    font-family: "SVN-Gilroy-Medium", sans-serif;
}

.btn-readmore:hover {
    background-color: #0c76bd;
    color: #fff;
    border-color: #fff;
}

.list-services .item-service:hover>span:after {
    opacity: 1;
}

.box-service-shape .box-service-card {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
}

.detail-short {
    width: 65%;
    position: absolute;
    background-image: url(images/shape-left.png);
    background-size: cover;
    background-repeat: no-repeat;
}

.shape-mobile {
    background-image: linear-gradient(236deg, #e9e5f3 91%, #f6e0eb 39%);
}

.shape-mobile .left {
    margin-left: 100px !important;
}

.box-service-shape .box-service-card .box-text {
    display: grid;
    grid-template-columns: 30px auto;
}

.box-service-shape .box-service-card .box-text .title {
    font-size: 32px;
    color: #3a393b;
    padding-bottom: 17px;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
}

.box-service-shape .box-service-card .box-text .number {
    color: #131313;
    font-weight: bold;
}

.box-service-card .box-text .title {
    line-height: 1.2em;
}

.box-services-bottom {
    margin-top: 90px;
}

.box-services-bottom .box-service-card {
    display: grid;
    grid-template-columns: 50% 50%;
    align-items: center;
}

.box-services-bottom .box-service-card .left {
    padding-right: 100px;
}

.box-services-bottom .box-service-card .left .box-text {
    display: grid;
    grid-template-columns: 30px auto;
}

.box-services-bottom .box-service-card .left .box-text .number {
    color: #131313;
}

.box-services-bottom .box-service-card .left .box-text .title {
    margin-bottom: 10px;
    font-size: 32px;
    color: #3a393b;
    position: relative;
    padding-bottom: 17px;
}

.box-services-bottom .box-service-card .left .box-text .title:after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #ffc200;
    display: block;
    margin-top: 10px;
}

.box-service-card-transfrom .left {
    grid-column: 2;
    grid-row: 1;
}

.box-service-card-transfrom .box-img {
    grid-column: 1;
}

.box-service-card-transfrom {
    grid-template-columns: 55% 45% !important;
}

.box-service-card-transfrom .left {
    padding-right: 0px !important;
    padding-left: 100px;
}

.box-services-bottom .box-service-card-transfrom .left .box-text .title:after {
    position: absolute;
    right: 0;
    left: 0;
    z-index: 999;
    width: 100%;
}

.box-service-card-transfrom .box-img {
    transform: translate(25px, -50px);
    background-origin: content-box;
    /* padding: 10px; */
    background-color: #fff;
}

.service-feature-left h3 span {
    color: #ffc200;
    display: block;
}

.service-feature-left ul {
    list-style: none;
    padding-left: 20px;
    color: #c6c6c6;
}

.ebook-tabs {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.ebook-search {
    width: 45%;
}

.ebook-search .search-submit {
    background-color: transparent;
}

.ebook-search .search-submit i {
    color: #000;
}

.ebook-search label {
    margin-bottom: 0px !important;
    display: block;
}

.ebook-search .search-field {
    border: 1px solid #d9d9d9 !important;
    background-color: transparent;
    border-radius: 5px;
    height: 36px;
}

.ebook-tabs-list {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 30px;
}

.ebook-tabs-content {
    padding-top: 50px;
}

.ebook-card .text {
    background-color: #e8e8e8;
    padding: 20px 30px;
}

.ebook-card-title {
    font-size: 20px;
    color: #222222;
}

.ebook-cate {
    font-size: 14px;
    background-color: #ffc200;
    padding: 2px 5px;
    display: inline-block;
    line-height: 14px;
    color: #010101;
    /*font-family: "Inter-UI-Regular", sans-serif;*/
}

.exbook-card .date {
    font-size: 13px;
}

.ebook-card .date {
    line-height: 10px;
    font-size: 15px;
    color: #6f6f6f;
    /*font-family: "Inter-UI-Regular", sans-serif;*/
}

.ebook-card .btn-download {
    border-radius: 24px;
    border: solid 1px #c5c7cb;
    font-size: 15px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: 0.5px;
    color: #0c76bd;
    margin-top: 20px;
}

.case-content-wrap {
    border-bottom: 1px solid #e6e6e6;
}

.ebook-tabs-content {
    position: relative;
}

.case-content>.ebook-tabs-content:after {
    width: 100%;
    content: "";
    position: absolute;
    top: 0;
    height: 50px;
    background-color: #f3f3f5;
    display: block;
}

.ebook-card .btn-download:hover {
    background-color: #ffc200;
    color: #222222 !important;
    border-color: transparent;
}

.detail-short {
    display: flex;
    flex-direction: column;
    /*z-index: 10;*/
}

.detail-short h1 {
    display: inline;
    font-size: 36px;
    color: #fff;
}

.detail-short .text {
    padding-left: 25%;
    padding-right: 50px;
    padding-top: 10px;
    padding-bottom: 10px;
    height: 127px;
}

.detail-short .date-time {
    background-color: transparent;
    color: white;
    font-size: 16px;
    width: 44%;
    height: 30px;
}

.post-popular {
    margin-top: 40px;
    padding-top: 40px;
    border-top: 1px solid #ececec;
}

.post-popular h3 {
    font-size: 24px;
    color: #111;
}

.list-post-popular .post-item {
    display: flex;
    gap: 10px;
}

.list-post-popular .post-item span:last-child {
    font-weight: 600;
    color: #000;
}

.list-post-popular .post-item span {
    font-size: 14px;
    color: #888888;
}

.list-post-popular .post-item a {
    color: #222222;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
}

.blog-container {
    padding-top: 100px!important;
}

body.archive .blog-container {
    padding-top: 0px !important;
}

.blog-header {
    margin-bottom: 100px;
}

body.single-post .blog-header {
    margin-bottom: 0;
}

body.single-post .blog-container {
    padding-top: 25px;
}

.post-detail .img-cover {
    height: 720px;
    width: 1280px;
    object-fit: cover;
    transform: translateY(40px);
	margin-bottom:-50px;
}

ul.breadcrumb {
    padding: 10px 16px;
    list-style: none;
    background: transparent;
}

ul.breadcrumb li {
    display: inline;
    font-size: 18px;
}

ul.breadcrumb li+li:before {
    padding: 8px;
    color: black;
    content: "/\00a0";
}

ul.breadcrumb li a {
    color: #666666;
    text-decoration: none;
}

ul.breadcrumb li a:hover {
    color: #01447e;
    text-decoration: underline;
}

.firstcharacter {
    color: #000;
    float: left;
    font-size: 75px;
    line-height: 60px;
    padding-top: 4px;
    padding-right: 8px;
    padding-left: 3px;
}

.text-border {
    border-left: 4px solid #ffc200;
    padding-left: 30px;
    font-size: 20px;
}

.related-post {
    padding: 58px 0;
    border-top: 1px solid #e6e6e6;
    margin-top: 100px;
}

.related-post h2 {
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
}

.related-post img {
    width: 368px !important;
    /*height: 250px !important;*/
}

.related-wrap {
    align-items: center;
    /*display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    gap: 20px;*/
}

.related-wrap .blog-item {
    width: 30%;
    float: left;
    margin-right: 32px;
}

.related-wrap .blog-item:last-child {
    margin-right: 0;
}

.related-wrap .post-title {
    font-size: 24px;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
}

.related-wrap .post-title a {
    color: #111111;
}

.related-wrap .post-title a:hover {
    color: #016eb8;
}

.share-social {
    display: flex;
    align-items: center;
    gap: 20px;
    justify-content: center;
}

.share-social a {
    color: #000;
    font-size: 20px;
}

.share-social .social-item {
    width: 32px;
    height: 32px;
    border-radius: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.share-social .social-item:hover {
    background-color: #000;
}

.share-social .social-item:hover a {
    color: #fff;
}

.offshore-left {
    right: unset;
    left: 0;
}

.offshore-list {
    padding: 0 30px;
    gap: 30px;
    grid-template-columns: auto auto;
}


/*.offshore-block .ot-heading {
    padding-top: 50px;
}*/

.offshore-offer-item {
    background-size: cover;
    background-repeat: no-repeat;
    display: grid;
    grid-template-columns: 45% 45%;
    justify-content: space-between;
    padding: 40px;
    gap: 30px;
    border-radius: 30px;
    margin-bottom: 40px;
}

.offshore-offer-item img {
    width: 300px;
}

.offshore-offer-item .left {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.offshore-offer-item .item-container {
    display: grid;
    grid-template-columns: auto auto;
    gap: 40px;
    margin-top: 40px;
}

.offshore-offer-item .item-container .number {
    font-size: 56px;
    font-weight: 300;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.14;
    letter-spacing: normal;
    color: #ffc200;
    font-family: "SVN-Gilroy-Light", sans-serif;
}

.offshore-offer-item .item-container .text h3 {
    font-size: 32px;
    color: #131313;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
}

.offshore-offer-item .item-container .text h3 span {
    font-size: 15px;
    color: #585858;
}

.offshore-offer-item .right h3 {
    font-size: 15px;
    padding-left: 20px;
    color: #585858;
    font-family: "Inter-UI-Regular", sans-serif;
}

.sessions {
    margin-top: 2rem;
    border-radius: 12px;
    position: relative;
    list-style: none;
}

.sessions li {
    padding-bottom: 1.5rem;
    border-left: 8px solid #cdcdcd;
    position: relative;
    padding-left: 20px;
    margin-left: 10px;
}

.sessions li:last-child {
    border-color: transparent;
    padding-bottom: 0;
}

.sessions li:before {
    content: "";
    width: 25px;
    height: 25px;
    background: #cdcdcd;
    border-radius: 50%;
    position: absolute;
    left: -16px;
    top: 0px;
}

.sessions li:after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    color: #afabab;
    font-size: 8px;
    font-weight: 300;
    width: 15px;
    height: 15px;
    background: white;
    border-radius: 50%;
    position: absolute;
    left: -11px;
    top: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sessions li .title {
    color: #3a393b;
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
    font-size: 23px;
}

.sessions li span {
    display: block;
    font-size: 15px;
    color: #585858;
}

.service-cloud-list .choose-us-item {
    border-top: 1px solid #ececec;
}

.holder {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.audio.green-audio-player {
    width: 400px;
    min-width: 300px;
    height: 56px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 4px;
    user-select: none;
    -webkit-user-select: none;
}

.audio.green-audio-player .play-pause-btn {
    display: none;
    cursor: pointer;
    color: #fff;
}

.audio.green-audio-player .play-pause-btn {
    border: 1px solid #fff;
    width: 36px;
    height: 36px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.audio.green-audio-player .play-pause-btn svg {
    width: 15px;
    margin-left: 2px;
    height: 11px;
}

.audio.green-audio-player .spinner {
    display: none;
    width: 18px;
    height: 18px;
    background-image: url(https://s3-us-west-2.amazonaws.com/s.cdpn.io/355309/loading.png);
    background-size: cover;
    background-repeat: no-repeat;
    animation: spin 0.4s linear infinite;
}

.audio.green-audio-player .slider {
    flex-grow: 1;
    background-color: #ffffff;
    cursor: pointer;
    position: relative;
}

.audio.green-audio-player .slider .progress {
    background-color: #0170ba;
    border-radius: inherit;
    position: absolute;
    pointer-events: none;
}

.audio.green-audio-player .slider .progress .pin {
    height: 16px;
    width: 16px;
    border-radius: 8px;
    background-color: #0170ba;
    position: absolute;
    pointer-events: all;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.32);
}

.audio.green-audio-player .controls {
    font-size: 16px;
    line-height: 18px;
    color: #fff;
    display: flex;
    flex-grow: 1;
    justify-content: space-between;
    align-items: center;
    margin-left: 24px;
    margin-right: 24px;
}

.audio.green-audio-player .controls .slider {
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 5px;
    height: 3px;
}

.audio.green-audio-player .controls .slider .progress {
    width: 0;
    height: 100%;
}

.audio.green-audio-player .controls .slider .progress .pin {
    right: -8px;
    top: -6px;
}

.audio.green-audio-player .controls span {
    cursor: default;
}

.audio.green-audio-player .volume {
    position: relative;
}

.audio.green-audio-player .volume .volume-btn {
    cursor: pointer;
}

.audio.green-audio-player .volume .volume-btn.open path {
    fill: #0170ba;
}

.audio.green-audio-player .volume .volume-controls {
    width: 30px;
    height: 135px;
    background-color: rgba(0, 0, 0, 0.62);
    border-radius: 7px;
    position: absolute;
    left: -3px;
    bottom: 52px;
    flex-direction: column;
    align-items: center;
    display: flex;
}

.audio.green-audio-player .volume .volume-controls.hidden {
    display: none;
}

.audio.green-audio-player .volume .volume-controls .slider {
    margin-top: 12px;
    margin-bottom: 12px;
    width: 6px;
    border-radius: 3px;
}

.audio.green-audio-player .volume .volume-controls .slider .progress {
    bottom: 0;
    height: 100%;
    width: 6px;
}

.audio.green-audio-player .volume .volume-controls .slider .progress .pin {
    left: -5px;
    top: -8px;
}

svg,
img {
    display: block;
}

@keyframes spin {
    from {
        transform: rotateZ(0);
    }
    to {
        transform: rotateZ(1turn);
    }
}

.event-bg {
    width: 100%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 50%;
    background-size: cover;
    background-repeat: no-repeat;
    height: 692px;
}

.event-header-list {
    display: grid;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
    gap: 20px;
    grid-template-columns: auto auto auto auto;
}

.event-header-list .event-header-item {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
}

.event-header-list .event-header-item.show-mobile {
    display: none;
}

.event-header-list .event-header-item .icon span {
    font-size: 48px;
    color: #333333;
    line-height: 50px;
}

.event-header-list .event-header-item .item-title {
    color: #333333;
    display: block;
}

.event-header-list .event-header-item img {
    min-width: 50px;
}

.event-header-list .event-header-item:after {
    content: "";
    width: 1px;
    height: 50px;
    position: absolute;
    background-color: #dddedf;
    right: -10px;
}

.event-header-list .event-header-item:last-child:after {
    display: none;
}

.event-header-dateitem {
    border: 1px solid #ececec;
    border-radius: 5px;
    padding: 0px 10px;
}

.event-header-dateitem:after {
    display: none;
}

.event-title {
    width: 75%;
    margin: 0 auto 50px auto;
}

.event-title img {
    height: 600px;
}

.event-title h1 {
    color: #fff;
    font-size: 40px;
    padding-top: 10px;
}

.event-title span {
    color: #ffc200;
    text-transform: uppercase;
}

.event-email {
    background-color: #222;
    color: #fff;
}

.event-email h3 {
    color: #fff;
}

.event-email span {
    color: #bcc2c8;
    margin-bottom: 10px;
    display: block;
}

.event-form input {
    background-color: transparent;
    border-bottom: 1px solid #595959;
}

.event-form {
    gap: 30px;
}

.event-form button {
    padding: 5px 20px;
    text-transform: capitalize;
}

.event-reason {
    padding-bottom: 14px;
}

.event-reason-title {
    text-align: center;
    width: 75%;
    margin: 0 auto;
    margin-bottom: 73px;
}

.event-reason .col-lg-4 {
    padding-right: 30px;
}

.event-reason .col-lg-4:last-child {
    padding-right: 0;
}

.event-reson-iconbox h3 {
    font-size: 21px;
}

.event-reson-iconbox img {
    margin-bottom: 20px;
}

.event-reson-iconbox span {
    font-size: 14px;
    color: #565b5c;
}

.event-features-wrapper {
    display: flex;
    align-items: center;
    min-height: 500px;
    position: relative;
    background-color: #f6f6f6;
    /*color: #000;*/
}

.event-features-left {
    padding-left: 245px;
    padding-right: 50px;
    flex: 0 0 50%;
    height: 100%;
}

.event-features-left span.icon {
    width: 36px;
    height: 36px;
    background-color: #ffc200;
    border-radius: 50%;
    margin-right: 6px;
}

.event-features-left span.icon i {
    width: 16px;
    height: 16px;
    color: #fff;
    text-align: center;
}

.event-features-left h3 {
    border-bottom: 1px solid #e8e8e84d;
    padding: 10px 0;
}

.event-feature-right {
    background-size: cover;
    width: 100%;
    height: 500px;
    background-position: center;
}

.event-feature-right .icon-play {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.event-feature-right {
    position: relative;
}

.font-11 {
    font-size: 11px;
}

.speaker-container {
    background-color: #1c1c1c;
}

.list-speakers {
    display: grid;
    grid-template-columns: auto auto auto;
    gap: 30px;
    padding: 0 30px;
    background-color: #fff;
}

.list-speakers-item {
    cursor: pointer;
    position: relative;
}

.list-speakers-item img {
    width: 250px;
    height: 250px;
}

.list-speakers-item.active::before {
    content: "";
    width: 100%;
    height: 6px;
    background-color: #ffc100;
    position: absolute;
    bottom: 0;
    left: 0;
}

.speakers-title {
    text-align: center;
    margin-bottom: 50px !important;
    width: 50%;
    margin: 0 auto;
}

.speakers-title {
    text-align: center;
    margin-bottom: 50px !important;
    width: 50%;
    margin: 0 auto;
}

.speakers-content {
    display: none;
    padding: 30px 0;
    padding-right: 30px;
}

.speakers-content.active {
    display: block;
}

.speakers-content span {
    display: block;
    font-size: 14px;
    color: #b4b4b4;
}

.speakers-content .number {
    color: #fff;
    font-size: 11px;
    margin-bottom: 30px;
    font-family: "Inter-UI-Bold", sans-serif;
}

.speakers-content .sub-title {
    font-size: 11px;
    color: #acacac;
}

.socials {
    display: flex;
    align-items: center;
    gap: 30px;
    margin-top: 30px;
}

.socials a:hover img {
    transform: scale(1.3);
}

.socials a img {
    transition: 0.3s ease;
}

.step-accordion h2 {
    display: flex;
    align-items: center;
    font-size: 18px;
    gap: 10px;
}

.step-accordion h2 .number {
    background-color: #ffc200;
    border-radius: 20px;
    width: 20px;
    height: 20px;
    font-size: 11px;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 20px;
}

.step-accordion .card {
    margin-bottom: 20px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18) !important;
    border-radius: 5px !important;
}

.step-accordion .card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background-color: transparent;
    cursor: pointer;
    transition: 0.4s ease;
}

.step-accordion .card-header:hover {
    background-color: rgba(0, 0, 0, 0.18);
}

.step-title-left {
    position: relative;
}

.step-title-left:after {
    content: "";
    width: 23px;
    height: 5px;
    display: block;
    background-color: #ffc200;
    margin-top: 20px;
    margin-bottom: 20px;
}

.event-steps .event-header-dateitem {
    display: flex;
    align-items: center;
    padding: 20px;
    gap: 20px;
    margin-bottom: 20px;
}

.event-steps .event-header-dateitem .icon span {
    font-size: 48px;
    color: #333333;
    line-height: 50px;
}

.event-steps .event-header-dateitem .text-content span {
    display: block;
    font-size: 15px;
}

.event-steps .event-header-dateitem .text-content .item-title {
    color: #333;
    font-weight: 600;
}

.event-steps .event-header-dateitem .text-content span.text-gray {
    color: #979797;
}

.event-steps .col-lg-4.col-md-4.col-12 {
    padding-right: 50px;
}

.accordion.step-accordion {
    padding: 30px;
}

.seminar-content h2 {
    font-family: "SVN-Gilroy-SemiBold", sans-serif;
    color: #3a393b;
}

.seminar-list {
    display: grid;
    grid-template-columns: auto auto;
    gap: 30px;
}

.seminar-list .seminar-item {
    min-height: 330px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: 30px;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border-radius: 10px;
}

.seminar-item .category {
    background-color: rgba(0, 0, 0, 0.3);
    display: inline-block;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    text-transform: uppercase;
}

.seminar-item h2 {
    font-size: 28px;
    color: #fff;
    margin: 20px 0;
}

.seminar-list .seminar-item:after {
    position: absolute;
    inset: 0;
    content: "";
    background-color: #00000042;
    z-index: -1;
}

.seminar-list .seminar-item span {
    display: block;
}

.seminar-list .seminar-item button {
    opacity: 0;
    transform: translateX(-200px);
    transition: 0.4s ease;
}

.seminar-list .seminar-item:hover button {
    transform: translateX(0);
    opacity: 1;
}

.seminar-list .seminar-item:hover span {
    opacity: 0;
    transition: 0.4s ease;
}

.video-home {
    z-index: 10;
    position: fixed;
    right: 0;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
}

.ebook-title h1 {
    font-size: 70px;
    margin-bottom: 60px;
}

body.single-ebook .ebook-tab-title {
    font-size: 24px;
}

body.single-ebook .form-row {
    flex-wrap: unset;
}

.client-icon {
    color: #777777;
    display: flex;
    align-items: baseline;
    gap: 10px;
    font-size: 14px;
    margin-bottom: 40px;
}

.about-us-top .col-md-12 {
    margin-top: 60px;
}

.info-company .col-lg-6:first-child {
    padding-right: 40px;
}

.about-right .img-small-1 {
    width: 100%;
    margin-top: 100px;
}

.show-mobile {
    display: none;
}

.speakersSwiper .swiper-slide {
    height: calc((100% - 30px) / 2);
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .banner-page {
        position: unset;
    }
}

@media screen and (max-width: 1200px) {
    .container {
        max-width: 1170px;
    }
    .nav__content-left {
        padding: 50px 30px 0 50px;
    }
    .nav_dropdown-wrap {
        transform: translateX(350px);
    }
    .banner-page {
        padding-left: 5%;
    }
    .banner-content-right-text {
        width: 100%;
    }
    .service-card {
        min-width: auto;
    }
    .service-title {
        font-size: 19px;
    }
    .offshore {
        min-height: 300px;
        padding-top: 100px;
    }
    .case-studies-bottom .case-studies-cardItem {
        min-height: auto;
    }
    .swiper-client-left .client-sub {
        font-size: 14px;
        left: -10px;
        padding: 10px 15px;
    }
    .techvfy-clients {
        max-width: 75%;
        margin-bottom: 70px;
    }
    .clients-button-next {
        right: 50%;
        bottom: 10%;
    }
    .detail-short {
        width: 85%;
    }
}

.single-service .case-studies .card-right img {
    margin-top: 17px;
}

@media (max-width: 767px) {
    .about-banner .banner-page,
    .about-banner {
        padding-left: 0;
        min-height: 200px;
        height: 200px;
    }
    .blog-header .div_post_image,
    .category-knowledge .div_post_image {
        overflow: unset;
    }
    .blog-header .div_post_image img {
        height: 220px;
        margin-left: 0px;
    }
    .case-top .card-left {
        padding: 50px 29px 17px 18px;
    }
    .postid-321 .case-studies .card-right img {
        margin-top: -30px;
        width: 90%;
        float: right;
    }
    .single-service .why-mobile-offer .ot-heading {
        margin-bottom: 20px !important;
    }
    .single-service .why-mobile-offer .ot-heading .text-dark {
        font-size: 17px !important;
        color: #4e4e4e !important;
        font-family: "Inter-UI-Regular";
    }
    .about-pillars {
        padding-bottom: 0;
    }
    .event-header-item.social {
        margin: 0 auto;
    }
    .pillars-right .pillars-item,
    .pillars-left .pillars-item {
        display: grid;
        grid-template-columns: auto auto;
        justify-content: flex-start;
        gap: 30px;
    }
    .pillars-right .pillars-item h4 {
        font-size: 20px;
    }
    .pillars-right .pillars-item span {
        font-size: 16px;
    }
    .pillars-wrap .pillars-right {
        margin-top: 30px;
    }
    .mb-center {
        text-align: center !important;
    }
    .about-right .img-small {
        position: relative;
        right: unset;
        bottom: unset;
        width: 50%;
    }
    .about-right .img-small-1 {
        width: 100% !important;
        margin-bottom: 20px;
        margin-top: 20px !important;
    }
    .img-small .img-small-1 {
        width: 100%;
        margin-bottom: 20px;
    }
    .home-about-img-main {
        width: 100%;
        max-width: 100%;
        min-height: auto;
        margin-top: 20px;
    }
    .pillars-wrap {
        grid-template-rows: auto auto auto;
        grid-template-columns: unset;
        grid-auto-flow: dense;
    }
    .pillars-wrap .pillars-right {
        grid-row: 2;
    }
    .pillars-center {
        grid-row: 1;
    }
    .pillars-right .pillars-item {
        text-align: left;
    }
    .pillars-right .pillars-item .pillars-item-number {
        margin-right: auto;
        margin-left: 0;
    }
    .pillars-item {
        margin-bottom: 20px;
        /*border-bottom: 1px solid #ececec;*/
        padding: 10px 0px;
    }
    .pillars-left {
        flex-direction: column-reverse;
    }
    .pillars-center h5 {
        font-size: 16px;
        width: 100px;
    }
    .choose-us-item {
        grid-template-columns: unset;
    }
    .achievements-about {
        position: relative;
        right: 0;
        display: flex;
        flex-direction: column;
        gap: 20px;
        margin-bottom: 40px;
        margin-top: 20px;
    }
    .achievements-item .text {
        border-bottom: 1px solid #e6e6e6;
        padding-bottom: 10px;
    }
    .achievements-item:last-child .text {
        border-bottom: 0;
    }
    .case-content {
        padding: 0;
    }
    .case-tabs-content {
        padding: 30px 0;
    }
    .case-title {
        flex-direction: column;
        align-items: flex-start;
    }
    .case-title span {
        font-size: 14px;
    }
    .case-tabs {
        display: none;
    }
    .case-select {
        padding: 5px 10px;
        min-height: 36px;
        width: 100%;
        margin-bottom: 30px;
        background: transparent;
        border: 1px solid #d5d5d5;
        border-radius: 5px;
    }
    .case-top .card-left {
        border-radius: 12px;
    }
    .case-form {
        display: block;
    }
    .case-form .case-form-content {
        padding: 30px;
    }
    .detail-case-right {
        min-height: auto;
        padding: 50px 0px 50px 30px;
    }
    body.single-case-study .detail-case-right {
        padding-left: 0;
    }
    .case-studies-container.border-bottom {
        grid-template-columns: unset;
        gap: 30px;
    }
    .case-list ul {
        padding-left: 0;
    }
    .case-studies-container {
        grid-template-columns: unset;
        gap: 30px;
    }
    .case-features-left {
        padding-left: 35px !important;
        flex: 0 0 100%;
    }
    .case-features-wrapper,
    .case-features-wrapper>.container {
        flex-wrap: wrap;
        flex-direction: column-reverse;
    }
    .case-features-wrapper>.container {
        padding-left: 0;
        padding-right: 0;
    }
    .case-features-left {
        padding-top: 0;
    }
    .case-desc {
        width: 100%;
        font-size: 20px;
        padding: 20px;
        font-weight: bold;
    }
    .case-success {
        padding-top: 0;
    }
    .info-client {
        width: 100%;
        padding: 20px;
        margin-top: 0;
    }
    .case-detail-slides .swiper-slide {
        width: 75%;
    }
    .success-bg {
        min-height: 400px;
        margin-top: 20px;
    }
    .case-feature-right {
        height: 250px;
        margin-bottom: 30px;
    }
    .case-detail-slides.swiper {
        margin-top: -250px;
    }
    .case-similar h2 {
        text-align: center;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }
    .case-similar hr {
        display: none;
    }
    .btn-viewcase {
        margin-bottom: 20px;
    }
    .swiper.case-mobile-detail-slides {
        margin-top: 67px;
    }
    .detail-case-header-page {
        padding-top: 0;
    }
    .success-bg {
        padding: 20px 0;
    }
    .case-mobile-detail-slides .swiper-slide img {
        min-height: 200px;
        object-fit: contain;
    }
    .banner-page-service {
        width: 100%;
        padding: 20px 20px 20px 20px;
        background-image: url("./images/shape-banner-mb.png") !important;
        background-position: right;
        min-height: auto;
        padding: 30px !important;
    }
    body.postid-319 .banner-page-service {
        height: 135px;
    }
    .banner-page-service span {
        width: 100%;
    }
    .choose-us-list.choose-us-list-services {
        grid-template-columns: unset;
        gap: 0px;
    }
    .choose-us-list-services .choose-us-item {
        border-bottom: 0px;
    }
    .offer-card {
        grid-template-columns: 60% 40%;
        margin-bottom: 0;
        margin-bottom: 20px;
    }
    .offer-transfrom {
        margin-top: 0;
    }
    .test-offer>.text-center {
        padding: 20px;
    }
    .service-cloud-list .choose-us-item {
        grid-template-columns: 7% auto;
        align-items: flex-start;
        /*margin-bottom: 20px;*/
    }
    .service-cloud-list .number {
        font-size: 16px !important;
        font-weight: 400;
        color: #262626;
        padding-top: 20px;
    }
    .service-cloud-list .choose-us-item .choose-us-text {
        align-items: flex-start;
    }
    .service-cloud-list .choose-us-item h3 {
        padding-top: 0;
    }
    .service-cloud-list .choose-us-item .content {
        padding-left: 0;
    }
    .offer-card .offer-card-left {
        padding: 20px;
    }
    .offer-card.offer-bg-gray .offer-card-left .number {
        color: #fff;
    }
    .offer-card .offer-card-right img {
        height: 100%;
    }
    .banner-icon-top {
        right: 0;
        width: 75%;
    }
    .banner-page.home-banner {
        padding-left: 0;
    }
    .banner-content-right-text {
        width: 100%;
        padding-left: 30px;
    }
    .widget-footer-wrap {
        grid-template-columns: unset;
        grid-template-rows: auto;
        justify-content: flex-start;
    }
    .why-mobile-text {
        padding-left: 0;
        padding-top: 0px;
    }
    .tables-service {
        padding: 20px;
    }
    .tables-service .table th {
        min-width: 220px;
    }
    .tables-service .table td {
        min-width: 150px;
    }
    .why-web-list {
        grid-template-columns: 100%;
        margin-top: 0;
    }
    .why-web-list .why-web-list-left {
        padding-right: 0;
    }
    .why-web-list ul {
        padding-left: 0;
    }
    .works-services-box {
        grid-template-columns: auto;
        gap: 0;
    }
    .works-services-box .center {
        text-align: center;
        order: 1;
    }
    .works-services-box .left {
        order: 2;
        padding-top: 0;
        text-align: left;
    }
    .works-services-box .right {
        order: 3;
    }
    .works-services-box .center img {
        width: 80%;
        margin: 0 auto;
    }
    .why-web-flex {
        flex-direction: column;
    }
    .works-services-box .services-box-item {
        margin-bottom: 25px;
    }
    .list-software {
        grid-template-columns: auto;
    }
    .software-section::before {
        height: 100%;
    }
    .case-studies-bottom .case-studies-cardItem {
        /*min-height: 490px;*/
        background-size: contain;
        background-repeat: no-repeat;
        padding-bottom: 0;
    }
    .app-item {
        margin-bottom: 20px;
    }
    .blog-post-top {
        grid-template-columns: auto;
        padding-top: 15px;
    }
    .blog-post-top .left {
        padding-right: 0;
    }
    .blog-list {
        grid-template-columns: auto;
        gap: 40px;
    }
    .pagination-prev,
    .pagination-next {
        padding: 5px 10px;
    }
    .pagination-numbers {
        margin: 20px 0;
    }
    .pagination-numbers .list-numbers .number.active {
        border: none;
        font-weight: 600;
        color: #000;
        text-decoration: underline;
    }
    .offshore-list {
        grid-template-columns: unset;
        padding: 0;
    }
    .offshore-offer-item {
        background-size: cover;
        grid-template-columns: unset;
        padding: 20px;
    }
    .offshore-offer-item .item-container {
        grid-template-columns: unset;
        margin-top: 0px;
        gap: 0px;
    }
    .offshore-offer-item .item-container h3 {
        margin: 0 0 10px;
    }
    .offshore-offer-item .item-container .number {
        font-size: 40px;
    }
    .offshore-offer-item .right {
        margin-top: 50px;
    }
    .offshore-offer-item .item-container .text h3 {
        font-size: 24px;
    }
    .why-web-list ul li .num {
        height: 22px;
        width: 22px;
        line-height: 23px;
        margin-top: 4px;
    }
    .sessions {
        padding-left: 0;
    }
    .offshore-offer-item .right h3 {
        padding-left: 0;
        margin: 0 0 -14px;
    }
    .detail-short {
        width: 100%;
        position: relative;
        margin-top: 41px;
    }
    .detail-short .text {
        padding: 10px;
    }
    .detail-short h1 {
        font-size: 24px;
    }
    .blog-header {
        padding-top: 0;
        margin-bottom: 30px;
    }
    ul.breadcrumb li {
        font-size: 14px;
    }
    .post-detail .col-lg-12.col-md-12.col-12 {
        padding: 0;
    }
    .post-detail .img-cover {
        transform: translateY(0);
    }
    .detail-short {
        margin-top: -7px;
        padding-bottom: 15px;
    }
    .detail-short .date-time {
        margin-top: 0;
    }
    section.blog-container {
        padding-top: 0px;
    }
    .related-wrap {
        flex-direction: column;
    }
    .related-wrap .blog-item {
        width: 100%;
        margin-bottom: 60px;
    }
    .related-wrap .blog-item .image-thumb img {
        height: 224px !important;
    }
    .right-sidebar {
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .share-social {
        justify-content: center;
    }
    body.post-type-archive-service .services-banner {
        background-image: url("images/service_bg_mobile.jpg") !important;
        min-height: 605px !important;
        background-size: contain;
        background-position: top;
    }
    body.postid-319 .services-banner {
        background-image: url("images/offshore_mb_bg.jpg") !important;
        background-size: contain;
        background-position: top;
    }
    body.post-type-archive-service .header-case-mobile .col-md-12 {
        padding-left: 0;
        padding-right: 0;
    }
    .list-services {
        grid-template-columns: unset;
    }
    .list-services .item-service {
        flex-direction: row-reverse;
        align-items: center;
        border-bottom: 1px solid #b1b1b1;
        width: 100%;
        padding-left: 30px;
        padding-right: 30px;
    }
    .service-bg {
        background-image: url("images/combined-shape.webp") !important;
    }
    .services-banner .col-md-12 {
        padding: 0;
    }
    .title-mobile {
        font-size: 16px !important;
    }
    .box-service-shape .box-service-card {
        grid-template-columns: unset;
        /* display: flex; */
    }
    .services-item-top.box-service-card .box-text .box-text-container .title {
        font-size: 26px;
    }
    .services-item-top.box-service-card .box-text .box-text-container {
        grid-template-columns: unset;
    }
    .box-service-shape .box-service-card .left {
        margin: 0;
        width: 100%;
        grid-row: 2;
        padding: 20px;
    }
    .box-service-shape .box-service-card .box-text .title,
    .box-services-bottom .box-service-card .left .box-text .title {
        font-size: 27px;
    }
    .shape-mobile .left {
        margin-left: 0 !important;
    }
    .box-services-bottom .box-service-card {
        grid-template-columns: unset !important;
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 30px;
    }
    .box-services-bottom .box-service-card .box-img {
        grid-row: 1;
        width: 100%;
        margin-bottom: 20px;
    }
    .box-service-card .box-img {
        max-height: 180px;
        min-height: 180px;
    }
    body.post-type-archive-service .box-service-card .box-img.show-mobile {
        min-height: 300px;
    }
    body.post-type-archive-service .box-service-card .box-img {
        width: calc(100% + 45px);
    }
    body.post-type-archive-service .box-service-shape .box-service-card .box-img {
        width: 100%;
    }
    body.post-type-archive-service .services-item-top .box-img {
        width: calc(100% + 60px);
        margin-left: -30px;
    }
    .box-service-card-transfrom {
        grid-template-columns: unset !important;
    }
    .box-service-card-transfrom .box-img {
        transform: unset;
        width: 100%;
    }
    .box-services-bottom .box-service-card .left {
        padding: 0;
    }
    .box-services-bottom .box-service-card .left .box-text .title:after {
        width: 100%;
    }
    .box-services-bottom .box-service-card-transfrom .left .box-text .title:after {
        left: 0;
    }
    .box-service-card-transfrom .box-img {
        padding: 0;
    }
    .ebook-tabs-list {
        grid-template-columns: unset;
    }
    .ebook-tabs {
        flex-direction: column;
    }
    .ebook-search {
        width: 100%;
    }
    .case-select {
        display: block;
    }
    .ebook-menu {
        width: 100%;
    }
    .ebook-menu .case-select {
        margin-bottom: 10px;
    }
    .ebook-card .date {
        font-size: 14px;
    }
    .ebook-form input,
    .ebook-form textarea,
    .ebook-form select {
        font-size: 16px;
        width: 100%;
    }
    .ebook-form .col {
        width: 100%;
        flex-basis: unset;
    }
    .ebook-card .date {
        font-size: 14px;
    }
    body.single-ebook .ebook-card-title {
        font-size: 20px !important;
        padding-bottom: 35px;
    }
    body.single-ebook .form-row {
        flex-wrap: wrap;
    }
    .footer-img {
        bottom: 50px;
    }
    .event-header-list {
        grid-template-columns: none;
    }
    .event-header-list .event-header-item:after {
        display: none;
    }
    .event-form {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .event-form button {
        padding: 20px;
        font-size: 16px;
        width: 200px;
        border-radius: 50px;
    }
    .event-reason-title {
        width: 100%;
    }
    .event-reason-title h2 {
        font-size: 26px;
    }
    .event-reson-iconbox {
        /*margin-bottom: 30px;*/
        /*border-bottom: 1px solid #ececec;*/
        /*padding-bottom: 20px;*/
        /*position: relative;*/
        min-height: 135px;
    }
    .event-reson-iconbox img {
        width: 50px;
        height: 50px;
    }
    .event-reason .row .col-12 {
        margin-bottom: 25px;
    }
    .event-reson-iconbox h3 {
        position: absolute;
        top: 0;
        left: 100px;
    }
    .event-reson-iconbox span {
        position: absolute;
        top: 32px;
        right: 0;
        padding-right: 25px;
        padding-left: 100px;
        white-space: pre-wrap;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        -webkit-box-orient: vertical;
        display: -webkit-box;
    }
    .event-features {
        padding-top: 0px;
    }
    .event-features .event-features-left .text-uppercase {
        font-weight: bold;
    }
    .event-features .event-features-left img {
        width: 36px;
        height: 36px;
        float: left;
        margin-right: 10px;
        margin-top: -4px;
    }
    .event-features-left h3 {
        padding: 20px 0;
    }
    .event-steps .card .agenda {
        width: 90%;
    }
    .event-reson-iconbox h3 {
        font-size: 18px;
    }
    .event-features-left {
        padding: 20px;
    }
    .event-features-wrapper {
        flex-direction: column;
    }
    .speakers-title {
        width: 100%;
        padding: 0px 20px;
    }
    .list-speakers {
        grid-template-columns: auto auto;
        gap: 10px;
        padding: 10px;
    }
    .accordion.step-accordion {
        padding: 30px 0;
    }
    section.event-seminar {
        padding: 0;
    }
    .seminar-list {
        grid-template-columns: none;
    }
    .event-title {
        width: 100%;
        text-align: left !important;
    }
    .event-title h1 {
        font-size: 28px;
    }
    .event-bg {
        bottom: 60%;
        background-size: 442px 419px;
        height: 410px;
    }
    .ebook-title h1 {
        font-size: 42px;
    }
    .form-ebook {
        margin-top: 30px;
    }
    .widget-footer.footer-mt {
        margin-top: 0;
    }
    .widget-footer-wrap,
    .widget-footer.show-mobile {
        border-top: 1px solid #e6e6e6;
        padding-top: 20px;
    }
    .copyright-text {
        text-align: center;
        border-top: 1px solid #ececec;
        padding-top: 10px;
    }
    .row.border-top {
        border: none !important;
    }
    .footer {
        padding-bottom: 0;
    }
    .contact-left {
        padding: 50px 20px;
    }
    .contact-right {
        padding: 50px 20px;
    }
    .list-offices {
        grid-template-columns: none;
    }
    .tab-title {
        font-size: 24px;
    }
    .swiper-client-right p {
        font-size: 15px;
    }
    .about-us-top {
        padding-bottom: 0;
    }
    .info-company {
        padding-top: 0;
    }
    .list-value .value-item-number {
        font-size: 16px;
    }
    .value-item-title,
    .wysiwyg h2 {
        font-size: 20px;
    }
    .choose-us-item .number {
        font-size: 36px;
    }
    .choose-us-item .title,
    .post-title,
    .related-wrap .post-title {
        font-size: 22px;
    }
    .date-time,
    .sessions li span {
        font-size: 14px;
    }
    .related-post {
        padding-top: 26px;
        margin-top: 60px;
    }
    .related-post h2 {
        font-size: 24px;
    }
    /*.related-post img{
        height: 224px;
    }*/
    .contact-wrapper .col-lg-7 {
        padding-top: 27px;
    }
    .contact-right h3,
    .our-offices h3,
    .padding-half h2,
    .what-we-deliver h2,
    .work-services h2 {
        font-size: 27px;
    }
    .sessions li .title {
        font-size: 20px;
    }
    .banner-page-service span.color-white {
        font-size: 15px;
    }
    .padding-half {
        padding-top: 60px;
    }
    body.post-type-archive-case-study .case-studies-card .card-right {
        margin-left: -22px;
        margin-right: -18px;
    }
    body.post-type-archive-case-study .case-studies-top .card-right,
    body.single-case-study .case-studies-cardItem-vertical .card-right {
        margin-left: 0;
        margin-right: 0;
    }
    body.home .case-studies-cardItem .card-right {
        margin-left: -22px;
        margin-right: -18px;
    }
    body.post-type-archive-case-study .case-studies-card .card-right img {
        border-radius: 0 0 12px 12px;
    }
}

@media (max-width: 480px) {
    .archive .client-icon {
        margin-bottom: 12px;
    }
    .home .card-top-title {
        margin-bottom: 45px;
    }
    .home .col-7-customize .swiper-client-left img {
        height: 100%;
    }
    .software-section::before {
        background-image: linear-gradient(202deg, #e9e5f3 100%, #f0e0e8 12%);
    }
    section.header-page {
        padding-top: 100px;
        padding-bottom: 0 !important;
    }
    section.header-event {
        padding-bottom: 30px !important;
    }
    section.header-event .wp-post-image {
        height: 210px;
    }
    .event-email h3 {
        font-size: 22px;
    }
    .event-bg .event-title {
        text-align: left !important;
    }
    .event-header-dateitem {
        margin: 0 auto;
    }
    .event-bg .event-title img {
        height: 210px;
    }
    body.single-service section.header-page:first-child {
        /*padding-bottom: 20px !important;*/
    }
    body.single-service .mt-36 {
        margin-top: 0;
        margin-bottom: 10px !important;
    }
    section.header-page:not(:first-child),
    .no-pading-top {
        padding-top: 30px !important;
    }
    .choose-us {
        margin-top: 20px;
    }
    body.post-type-archive-service section.header-page:not(:first-child) {
        padding-top: 0 !important;
    }
    body.postid-319 .choose-us {
        padding-top: 30px !important;
    }
    .banner-wrapper {
        margin-bottom: 0 !important;
        min-height: 200px !important;
    }
    .ot-heading h2 {
        margin-bottom: 10px;
        margin-top: 0;
    }
    .choose-us .col-lg-4 .ot-heading {
        margin-bottom: 0 !important;
    }
    .choose-us-item {
        padding: 30px 0 0 0 !important;
    }
    body.page-id-37 .choose-us-item {
        padding-bottom: 30px !important;
    }
    .choose-us-list-services {
        gap: 0px;
    }
    body.postid-323 .choose-us-item,
    body.postid-324 .choose-us-item {
        padding-bottom: 30px !important;
    }
    .detail-short h1 {
        font-size: 27px !important;
    }
    .detail-short .date-time {
        font-size: 12px !important;
    }
    p#breadcrumbs {
        display: none;
    }
    .post-content-detai,
    .post-content-detai p,
    .post-content-detai span {
        font-size: 15px !important;
    }
    .about-us-top {
        padding-top: 50px !important;
    }
    .about-us-top h3 {
        font-size: 20px;
        line-height: 26px;
    }
    .detail-case-left .ot-heading span {
        font-size: 12px !important;
    }
    .detail-case-left h2 {
        font-size: 44px;
        color: #339adf;
    }
    body.single-case-study .detail-case-left h2 {
        font-size: 36px;
    }
    .detail-case-left {
        min-height: 615px;
		padding: 30px 30px 30px 30px !important;
    }
    .case-client span {
        font-size: 14px !important;
        color: #60a08c;
    }
    .detail-case-left .desc {
        font-size: 14px;
    }
    .exchange-item {
        margin-bottom: 24px;
    }
    .case-content {
        padding-top: 20px !important;
    }
    .case-studies-container .case-sub span {
        font-size: 16px;
    }
    .case-studies-container .case-sub h2 {
        font-size: 24px;
        color: #444;
    }
    .case-studies-container ul li .desc {
        font-size: 15px;
    }
    .case-features-left h3 {
        font-size: 24px;
    }
    body.single-case-study .case-features-left ul span {
        font-size: 15px;
    }
    body.single-case-study .card-left {
        padding: 0 15px;
    }
    .info-client h4 {
        font-size: 18px;
    }
    .info-client .detail span {
        font-size: 12px;
    }
    .success-bg h2,
    .case-similar h2 {
        font-size: 27px;
    }
    .item-card-title {
        font-size: 22px !important;
        color: #444;
    }
    .case-studies-cardItem-vertical p.line-clamp-3 {
        font-size: 15px;
        color: #333;
    }
    body.postid-496 .no-pading-top,
    body.postid-496 .case-features {
        padding-top: 0 !important;
    }
    body.home .partners-title h2 {
        font-size: 16px;
    }
    body.home .techvfy-boxleft h2,
    body.home section.ebooks h2,
    body.home section.forms .ot-heading h2 {
        font-size: 27px !important;
    }
    body.home section.forms {
        background-image: url("images/contact_home_bg.jpg") !important;
    }
    body.home .techvfy-boxleft {
        padding: 25px !important;
        background-image: url("images/combined-shape_mobile.png") !important;
        background-position: top;
        background-size: contain;
        background-repeat: repeat;
    }
    body.home .item-card-title {
        font-size: 24px !important;
        font-weight: normal;
        line-height: 30px;
    }
    .ebooks {
        background-position: right;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    body.home .ebooks {
        background-image: url("images/home_download_bg.png") !important;
        height: 496px;
        padding-top: 245px;
    }
    body.page-id-37 .ebooks {
        background-image: url("images/about-download-bg.jpg") !important;
        height: 539px;
    }
    body.page-id-37 .ebooks .container {
        padding-top: 172px;
    }
    body.single-post .blog-container {
        padding-top: 0;
    }
    body.page-id-37 .ebooks h2 {
        font-family: "SVN-Gilroy-Bold", sans-serif;
    }
    .info-company .row {
        flex-direction: column-reverse;
    }
    .choose-us h2.main-heading {
        /*text-align: center;*/
    }
    .postid-325 .ot-heading>.span1 {
        padding-bottom: 0px;
    }
    .ot-heading>.span1 {
        margin-top: 0px;
        padding-bottom: 60px;
    }
    body.page-id-37 .choose-us h2.main-heading {
        font-family: "SVN-Gilroy-Bold", sans-serif;
        color: #262626;
    }
    .choose-us-list {
        margin-top: 0;
    }
    .choose-us-item .choose-us-text {
        grid-template-columns: none;
    }
    .choose-us-item {
        grid-template-columns: 15% auto;
    }
    .choose-us-item:last-child {
        border-bottom: 0;
    }
    .d-sm-none {
        display: none;
    }
    .services-banner {
        min-height: 400px !important;
    }
    .offshore-block {
        padding-top: 0;
    }
    section {
        padding-top: 30px;
        padding-bottom: 20px;
    }
    .test-offer .ot-heading {
        margin-bottom: 20px !important;
    }
    body.postid-321 .software-section {
        padding-top: 40px;
    }
    .offshore-block {
        padding-top: 0;
    }
    .single-service .padding-half {
        padding-bottom: 50px;
    }
    .our-benefits .row .col-lg-12 {
        padding: 0;
    }
    .postid-324 .mt-36 {
        margin-top: -20px;
    }
    .contact-form .text-right {
        justify-content: center;
        align-items: center;
        text-align: center !important;
    }
    .about-us-top .col-md-12 {
        margin-top: 0px;
    }
    .ot-heading.mb-70 {
        margin-bottom: 15px;
    }
    .show-mobile {
        display: block;
    }
    .list-speakers.show-mobile {
        display: -webkit-inline-box;
        overflow: scroll;
    }
    .show-mobile.share-social {
        display: flex;
    }
    .show-desktop {
        display: none !important;
    }
    .why-mobile-offer {
        padding: 47px 20px 20px 20px;
    }
    .why-mobile-offer .row .col-12 {
        padding: 0;
    }
    .list-post-popular .post-item {
        margin-bottom: 20px;
    }
    .contact-banner {
        min-height: 200px !important;
    }
    .list-offices {
        padding: 0 30px;
    }
    .our-offices h3 {
        text-align: center;
    }
    .list-offices .office-item {
        margin-bottom: 60px;
    }
    .list-offices .office-item img {
        width: 100%;
    }
    .service-card {
        padding-right: 40px;
    }
    .offshore .container-fluid {
        position: absolute;
        bottom: 0;
    }
    .swiper-client-right {
        padding-left: 0;
    }
    .why-web-list ul li .num {
        background-color: #ffc200;
        color: #1c1c1c;
    }
    .value-item.value-item-last {
        margin-bottom: -30px;
    }
    .offer-card .offer-card-left .content span {
        -webkit-line-clamp:inherit;
        font-size: 14px;
    }
    .works-services-box .services-box-item span.number {
        font-size: 14px;
        color: #585858;
    }
    .works-services-box .services-box-item h3,
    .why-mobile-text h3,
    .offer-card .offer-card-left .title,
    .test-offer h4,
    body.home .card-top-title {
        font-size: 20px;
    }
    .software-section h4 {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .works-services-box .services-box-item span,
    .software-item .span1,
    .why-mobile-text .wysiwyg {
        font-size: 14px;
    }
    .case-top .card-left h2 {
        font-size: 27px;
        font-family: "SVN-Gilroy-Bold", sans-serif;
    }
    .case-top .card-left .font23 {
        font-size: 24px;
        font-family: "SVN-Gilroy-SemiBold", sans-serif;
    }
    body.home .item-card-title {
        font-size: 24px;
    }
    body.single-service .our-benefits {
        padding-top: 0 !important;
    }
    .service-cloud-list .title {
        font-size: 20px;
        color: #262626;
    }
    .offer-card .offer-card-left .content span,
    .tables-service .table,
    th td {
        font-size: 13px;
    }
    .test-offer,
    .contact-wrapper {
        padding-bottom: 40px;
    }
    /*.offer-transfrom .offer-card:last-child{
        padding-bottom: 30px;
    }*/
    .case-title h1 {
        margin-bottom: 20px;
    }
    .category-knowledge .blog-post-top .date-time {
        margin-top: 0px;
    }
    .blog-post-top .date-time {
        margin-top: 65px;
        font-size: 12px;
    }
    .blog-post-top .title {
        font-size: 27px;
    }
    .post-shortdesc {
        font-size: 14px;
        margin-bottom: 12px;
    }
    body.archive .blog-list .date-time {
        font-size: 12px;
    }
    .blog-item hr {
        margin-top: 20px;
    }
    .related-wrap .post-title {
        margin-bottom: 0;
    }
    .our-offices {
        padding-top: 50px;
    }
    body.home .partners-list {
        padding-bottom: 0;
        padding-top: 47px;
    }
    .box-services-bottom {
        margin-top: 30px;
    }
    .home .partners-list .partners-title {
        margin-bottom: 10px !important;
    }
    .home .partners-list .partners-title h2 {
        margin-bottom: 10px !important;
    }
    .home section.over-hidden {
        padding-top: 50px;
    }
    .home section.over-hidden .ot-heading>span {
        font-size: 13px;
        line-height: normal;
    }
    .home section.over-hidden .ot-heading h2 {
        line-height: normal;
    }
    .container .row>[class*="col-"] {
        padding-left: 30px;
        padding-right: 30px;
    }
    .home .over-hidden .row>div:first-child {
        height: auto;
    }
    .home .over-hidden .services-wrapper {
        flex-direction: initial;
    }
    .home .over-hidden .services-wrapper .service-card {
        width: 100%;
        padding: 42px 25px 25px 38px;
    }
    .home .service-card .service-link {
        opacity: 1;
        transform: unset;
        margin-top: 35px;
    }
    .home .offshore {
        margin-top: 0;
        min-height: 435px;
        background-image: url("images/mask.jpeg") !important;
        background: unset;
        background-repeat: no-repeat;
    }
    .home .offshore .p-2 {
        padding: 0 !important;
    }
    .home .our-benefits {
        padding-top: 40px;
        padding-bottom: 40px;
    }
    .home .case-studies-cardItem .card-left {
        padding: 0 !important;
    }
    .home .clients .techvfy-clients {
        margin-left: 0;
        margin-bottom: 30px;
    }
    .home .clients {
        padding: 50px 0;
        padding-bottom: 93px;
    }
    .home .clients .swiper-client-wrapper .swiper-client-left {
        width: 170px;
        height: 270px;
    }
    .home .clients .clients-container .swiper-client-wrapper {
        height: 100%;
    }
    .home .clients .clients-container .swiper-client-wrapper .swiper-client-left .client-name,
    .home .clients .clients-container .swiper-client-wrapper .swiper-client-left .client-sub {
        left: 169px;
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        max-width: 100%;
    }
    .home .clients .clients-container .swiper-client-wrapper .swiper-client-left img {
        width: 100%;
        position: relative;
        left: -3px;
        bottom: -1px;
    }
    .home .clients .clients-container .swiper-client-wrapper .swiper-client-left .client-name {
        min-width: 140px;
        font-size: 18px;
    }
    .home .techvfy-news {
        /*padding-top: 40px;*/
        padding-top: 0;
        padding-bottom: 60px;
    }
    .home .techvfy-news .ot-heading h2 {
        margin-bottom: 0;
    }
    .home .techvfy-news .ot-heading {
        margin-bottom: 10px;
    }
    .home .techvfy-news .container .row>div>p {
        font-size: 16px;
        line-height: normal;
        color: #6b6b6b;
    }
    .home .swiper-client-right p {
        -webkit-line-clamp: 4;
    }
    .home .clients-container__pagination {
        display: block;
        bottom: -40px;
    }
    .home .clients-container__pagination .swiper-pagination-bullet {
        background-color: #b6bdc9;
        width: 6px;
        height: 6px;
    }
    .home .clients-container__pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
        background-color: #ffc200;
    }
    .home .techvfy-news .order_1 {
        order: 1;
    }
    .home .techvfy-news .order_2 {
        order: 2;
    }
    .home .techvfy-news .order_3 {
        order: 3;
        margin-top: 40px;
    }
    .home .techvfy-news .post-list .post-list-item {
        align-items: baseline !important;
    }
    .home .techvfy-news .post-list .post-list-item .post-list-right {
        margin-left: 22px;
    }
    .home .techvfy-news .posts-grid {
        flex-direction: column;
    }
    .home .techvfy-news .posts-grid .post-box.blog-item {
        width: 100%;
    }
    .home .techvfy-news .posts-grid .post-box.blog-item .post-inner {
        display: flex;
        margin-right: 30px;
        border-bottom: 1px solid #e6e6e6;
        margin-bottom: 14px;
    }
    .home .techvfy-news .posts-grid .post-box.blog-item:last-child .post-inner {
        margin-bottom: 0;
        border-bottom: 0;
    }
    .home .techvfy-news .posts-grid .post-box.blog-item .post-inner .entry-media {
        width: 80px;
    }
    .home .techvfy-news .posts-grid .post-box.blog-item .post-inner .entry-media .image-thumb-vertical {
        width: 80px;
    }
    .home .techvfy-news .posts-grid .post-box.blog-item .post-inner .entry-media .image-thumb-vertical img {
        height: 85px;
    }
    .home .techvfy-news .posts-grid .post-box.blog-item .post-inner .inner-post {
        transform: unset;
        padding-right: 0;
        padding-left: 20px;
    }
    .home .techvfy-news .posts-grid .post-box.blog-item .post-inner .inner-post .entry-header {
        padding: 0;
    }
    .home .techvfy-news .posts-grid .post-box.blog-item .post-inner .inner-post .entry-header .entry-title a {
        font-size: 18px;
        line-height: 24px;
    }
    .home .techvfy-news .posts-grid .post-box.blog-item .post-inner .inner-post .entry-header .entry-desc {
        display: none;
    }
    .home .techvfy-news .posts-grid .post-box {
        min-height: auto;
    }
    .partners-slide-image {
        max-width: 90px;
    }
    .home .offshore .techvfy-boxleft {
        padding: 25px 16px 20px 29px;
    }
    .home .our-benefits .ot-accordions .acc-item .acc-toggle {
        position: relative;
        padding-left: 0;
        padding-right: 0;
    }
    .home .our-benefits .ot-accordions .acc-item .acc-toggle .fal {
        position: absolute;
        right: 0;
        top: 10px;
    }
    .ot-accordions .acc-item .card-header button {
        padding-left: 0;
    }
    .ot-accordions .acc-item .acc-content {
        padding-right: 0;
    }
    .home .case-studies .case-studies-top .case-studies-cardItem,
    .home .case-studies .case-studies-bottom .case-studies-cardItem {
        padding: 22px;
        min-height: auto;
        padding-bottom: 0;
    }
    .home .case-studies .case-studies-top .case-studies-cardItem {
        min-height: 710px;
    }
    .home .case-studies .case-studies-bottom,
    .home .case-studies .case-studies-bottom .case-studies-cardItem:last-child {
        margin-bottom: 0;
    }
    .home .case-studies a.btn.text-dark {
        margin-top: 30px;
    }
    .home .our-benefits .ot-accordions .acc-item .acc-toggle>div {
        align-items: unset;
    }
    .about-us-top hr {
        margin-top: 20px;
    }
    .info-company .list-value {
        margin-top: 20px;
    }
    .info-company .list-value .value-item {
        margin-bottom: 50px;
    }
    .info-company .list-value .value-item:last-child {
        margin-bottom: 0;
    }
    .info-company .list-value .value-item .achievements-about {
        margin-bottom: 0;
    }
    .about-pillars {
        padding-top: 40px;
    }
    .about-pillars .ot-heading h2 {
        margin-bottom: 24px;
    }
    .pillars-right .pillars-item h4,
    .pillars-item-text h4 {
        margin-bottom: 0;
    }
    .pillars-item {
        padding-top: 0;
    }
    .choose-us-item .title {
        padding-top: 3px;
    }
    body.single-service .choose-us-item .title {
        padding-top: 18px;
        /*padding-bottom: 20px;*/
        margin: 0 0 0px !important;
    }
    /*body.postid-319 .choose-us-item .title,
    body.postid-325 .choose-us-item .title,
    body.postid-8297 .choose-us-item .title{
        padding-top: 18px;
    }*/
    body.page-id-37 .choose-us {
        padding-bottom: 0;
    }
    .col-7-customize {
        padding-left: 15px !important;
    }
    .blog-header {
        background-image: url("images/block_bg_mb.jpg");
    }
    body.single-post .blog-header {
        margin-top: 170px;
        background-image: none !important;
    }
    .category-9 .image-thumb img,
    .category-13 .image-thumb img {
        height: 224px !important;
    }
    .image-thumb,
    .image-thumb img {
        height: auto !important;
    }
    body.archive .image-thumb {
        padding-bottom: 70%;
    }
    body.postid-325 .banner-wrapper {
        background-image: url("images/testing_bg_mb.jpg") !important;
        background-size: contain;
        background-position: top;
        height: 340px !important;
        min-height: auto !important;
        background-repeat: no-repeat;
    }
    /*body.postid-324 .mt-section-offshore{
        margin-bottom: 50px;
    }*/
    body.postid-324 .services-banner {
        background-image: url("images/cloud_bg_mb.jpg") !important;
        background-size: contain;
        background-position: top;
        height: 340px !important;
        min-height: auto !important;
        background-repeat: no-repeat;
    }
    body.postid-321 .services-banner {
        background-image: url("images/webapp_bg_mb.jpg") !important;
        background-size: contain;
        background-position: top;
        height: 340px !important;
        min-height: auto !important;
        background-repeat: no-repeat;
    }
    body.postid-323 .services-banner {
        background-image: url("images/mb_app_bg.jpg") !important;
        background-size: contain;
        background-position: top;
        height: 340px !important;
        min-height: auto !important;
        background-repeat: no-repeat;
    }
    .postid-321 .mt-36 {
        margin-top: 0 !important;
    }
    body.postid-321 .why-web-offer {
        padding-top: 50px;
    }
    body.home .home-client-carousel {
        margin-left: -30px;
        margin-right: -30px;
    }
    .blog-container .container {
        padding-bottom: 0 !important;
    }
    .home .swiper-client-right p {
        -webkit-line-clamp: inherit;
        padding-right: 15px;
    }
    .seminar-content h2 {
        font-size: 27px;
        color: #222;
        text-align: center;
    }
    .seminar-item .category {
        display: none;
    }
    .event-seminar .seminar-item h2 {
        font-size: 20px;
        color: #fff;
    }
    .seminar-list .seminar-item {
        min-height: 200px;
    }
    .seminar-list .seminar-item span {
        font-size: 14px;
        color: #fff;
    }
    .event-steps {
        padding-bottom: 0;
    }
    .seminar-list .mb-center.show-mobile {
        border-bottom: 1px solid #ededed;
        padding-bottom: 30px;
    }
    .case-tabs-content .case-studies-cardItem .item-card-title,
    .case-tabs-content .case-studies-cardItem .item-card-title a {
        font-size: 22px;
        color: #444;
    }
    .event-header-list .event-header-item.show-mobile {
        display: flex;
    }
    body.search-results .box-search form {
        position: relative;
        margin-top: 100px;
    }
    body.search-results form i {
        top: 14px !important;
    }
    body.search-results .bt--search {
        height: 54px;
    }
    body.post-type-archive-service .mt-section-offshore {
        padding-top: 160px;
    }
    body.post-type-archive-service h1.textAfter {
        margin-bottom: 0;
    }
    body.single-service section.case-studies .col-lg-12 {
        padding-left: 10px;
        padding-right: 10px;
    }
    body.search-results .ul-search {
        width: 100%;
        overflow-x: auto;
        white-space: nowrap;
        padding-bottom: 15px;
        border-bottom: 1px solid #ebebeb;
    }
    body.search-results .ul-search::-webkit-scrollbar {
        display: none;
    }
    body.search-results .ul-search li {
        float: none;
        width: auto;
        display: inline;
    }
    body.search-results .ul-search li.active {
        padding-bottom: 20px;
    }
    body.search-results .ul-search li:last-child {
        margin-right: 0;
    }
    .service-result .col-md-4 {
        margin-top: 0 !important;
    }
    .line-search,
    .item-events-res {
        border: none;
    }
    .events-result .row {
        border: none;
        padding-bottom: 0;
    }
    .events-result .row .text {
        border-bottom: 1px solid #e0e0e0;
        padding-bottom: 20px;
    }
    .events-result .row .col-md-4:last-child .text {
        border: none;
    }
    .line-search-section {
        margin-left: -15px;
        margin-right: -15px;
    }
    .line-search-event {
        margin-top: 0;
        margin-bottom: 0;
    }
    .E-books-result {
        margin-top: 50px;
    }
    body.post-type-archive-service section.forms {
        background-image: url("images/contact_service_bg.jpg") !important;
        background-size: contain;
        background-position: top;
        background-repeat: no-repeat;
    }
}

.postid-324 .choose-us-text .content {
    margin-top: 15px;
}

.postid-319 .offshore-list {
    margin-top: -15px;
}

.postid-321 .mt-36 {
    margin-top: 40px;
}

.nav__list .nav_dropdown-wrap {
    margin-top: -60px !important;
}

.total-time {
    width: 36px;
}

.postid-319 .offshore-list {
    margin-top: -15px;
}

.postid-321 .mt-36 {
    margin-top: 40px;
}

.nav__list .nav_dropdown-wrap {
    margin-top: -60px !important;
}

.time-video-background {
    width: 36px;
    text-align: center;
    font-size: 11px;
}

.progress-bar-custom {
    margin-left: 5px;
    margin-right: 5px;
    border-radius: 5px;
    height: 3px;
    flex-grow: 1;
    cursor: pointer;
    position: relative;
    background-color: #ffffff2c !important;
}

.progress-bar-custom::-webkit-progress-bar {
    background-color: #ffffff2c !important;
}

.progress-bar-custom::-webkit-progress-value {
    transition: width 0.75s;
    background-color: #ffffff;
    border-radius: 5px;
}

@-webkit-keyframes animate-stripes {
    100% {
        background-position: -100px 0px;
    }
}

@keyframes animate-stripes {
    100% {
        background-position: -100px 0px;
    }
}