/* @import url("https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&display=swap"); */

body {
    margin: 0;
    padding: 0;
    font-family: "DM Sans", sans-serif;
}

/* width */
::-webkit-scrollbar {
    width: 4px;
    height: 4px;
    border-radius: 5px;
}

/* Track */
::-webkit-scrollbar-track {
    background: #ddd;
    border-radius: 5px;
}

/* Handle */
::-webkit-scrollbar-thumb {
    background: #ffa800;
    border-radius: 5px;
}

/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
    background: #ffa800;
}

/* ========== Common css =========== */
p {
    font-size: 16px;
    color: #343d48;
    line-height: 30px;
    margin-bottom: 0;
}

a {
    text-decoration: none;
}

ul {
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
}

.pt-100 {
    padding-top: 100px;
}

.pb-100 {
    padding-bottom: 100px;
}


.pt-50 {
    padding-top: 50px;
}

.pb-50 {
    padding-bottom: 50px;
}

.py-50 {
    padding: 50px 0;
}

.p-50 {
    padding: 50px;
}

.mt-100 {
    margin-top: 100px;
}

.mb-100 {
    margin-bottom: 100px;
}

.my-100 {
    margin: 100px 0;
}

.mt-50 {
    margin-top: 50px;
}

.mb-50 {
    margin-bottom: 50px !important;
}

.my-50 {
    margin: 50px 0;
}

.mt-30 {
    margin-top: 30px;
}

.mb-30 {
    margin-bottom: 30px;
}

.text-danger {
    font-size: 14px;
}

.banner-title {
    font-size: 45px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 30px;
}

.section-title {
    font-size: 24px;
    color: #000000;
    font-weight: 500;
}

.title-caption {
    font-size: 16px;
    color: #ffa800;
    font-weight: 500;
    margin-bottom: 8px;
}

.inner-title {
    font-size: 17px;
    font-weight: 600;
    color: #000;
    margin-bottom: 10px;
}

.site-btn {
    font-size: 16px;
    color: #000000;
    font-weight: 600;
    background-color: #ffa800;
    padding: 10px 20px;
    min-width: 200px;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid transparent;
    transition: all 0.5s;
}

.site-btn:hover {
    background: none;
    color: #000;
    border-color: #ffa800;
}

.btn-secondary {
    background: #000;
    color: #ffa800;
    min-width: unset;
    display: flex;
    align-items: center;
    gap: 20px;
    width: max-content;
    margin-top: 20px;
}

.section-head {
    text-align: center;
    margin-bottom: 50px;
}

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

.fit-img {
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    transition: filter 0.3s ease;
}

.inner-box {
    border: 1px solid #dadada;
    background-color: #fff;
    border-radius: 5px;
    padding: 20px;
    height: 100%;
    transition: all 0.5s;
}

.inner-banner {
    padding: 50px 0;
    height: 525px;
    overflow: hidden;
    display: flex;
    align-items: center;
}


.btn-with-arrow {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: max-content;
    gap: 10px;
}

.inner-banner .banner-title {
    margin-bottom: 20px;
}

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

.inner-banner .banner-content p {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}

/* ============= Header css ============ */
.menu-icon {
    height: 51px;
    width: 51px;
}

.arrow-up-down {
    margin-top: 15px;
    cursor: pointer;
}

.menu-head {
    display: flex;
    align-items: center;
    gap: 20px;
    width: fit-content;
}

.menu-head:hover .megamenu-inner-title {
    color: #ffa800;
}

.menu-head .megamenu-inner-title {
    padding: 0;
    margin: 0;
}

.sub-menu-wrp {
    padding-left: 70px;
}

.services-hire-mega .sub-menu-wrp li {
    border-bottom: 1px solid #EAEAEA;
    padding: 12px 0;
}



.sub-menu-wrp li:last-child .dropdown-item span {
    border-bottom: 0;
}

.sub-menu-list {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 10px;
    row-gap: 20px;
}

.services-menu-wrp.dropdown-menu.services-hire-mega .sub-menu-list {
    row-gap: 10px;
}

.services-menu-wrp.dropdown-menu.services-hire-mega .company-contact-info {
    padding-top: 15px;
}

.hire-developer-menus .sub-menu-list {
    display: unset;
}

.main-header .navbar .dropdown-menu {
    max-width: 90%;
}

.company-contact-info {
    padding-top: 30px;
}

.main-header.scrolled .navbar {
    position: fixed;
    box-shadow: 0 0px 7px rgba(0, 0, 0, 0.1);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    -webkit-animation: slideDown 0.35s ease-out;
    animation: slideDown 0.35s ease-out;
    background-color: #fff;
}


@keyframes slideDown {
    from {
        transform: translateY(-100%);
    }

    to {
        transform: translateY(0);
    }
}

.mobile-menu-wrp .offcanvas-header .btn-close {
    box-shadow: unset;
}

.main-header .navbar {
    padding: 0px 40px;
    width: 100%;
    left: 0;
    z-index: 999;
}

.header-fixed {
    position: absolute;
}

.main-header .navbar-brand {
    padding: 0;
}

.main-header .navbar-brand img {
    width: 203px;
    object-fit: contain;
    height: auto;
}

.main-header .navbar-nav {
    gap: 30px;
}

.main-header .navbar-nav .nav-link {
    padding: 40px 0 !important;
    font-size: 16px;
    color: #02073e;
    font-weight: 400;
    padding: 0;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    gap: 5px;
}

.main-header .navbar-nav .nav-link i {
    font-size: 15px;
}

.main-header .navbar-nav .nav-link:hover,
.main-header .navbar-nav .active {
    color: #ffa800;
}

.header-talk-btn {
    font-size: 16px;
    color: #fff;
    font-weight: 700;
    background-color: #000;
    padding: 10px 38px;
    border-radius: 5px;
    display: inline-block;
    border: 1px solid transparent;
    transition: all 0.5s;
    animation: vibe 1s linear 1s infinite;
}

.contact-sticky-icons li:first-child .sticky-icon,
.whatsapp-icon,
.mo-header-talk {
    animation: vibe 1s linear 1s infinite;
}

@keyframes vibe {
    0% {}

    2% {
        transform: translateX(5px) rotateZ(1deg);
    }

    4% {
        transform: translateX(-5px) rotateZ(-1deg);
    }

    6% {
        transform: translateX(3px) rotateZ(2deg);
    }

    8% {
        transform: translateX(-2px) rotateZ(-2deg);
    }

    10% {
        transform: translateX(1px) rotateZ(2deg);
    }

    12% {
        transform: translateX(-5px) rotateZ(-2deg);
    }

    14% {
        transform: translateX(3px) rotateZ(-1deg);
    }

    16% {
        transform: translateX(-5px) rotateZ(-2deg);
    }

    18% {
        transform: translateX(5px) rotateZ(2deg);
    }

    22% {
        transform: translateX(5px) rotateZ(2deg);
    }

    24% {
        transform: translateX(-3px) rotateZ(-2deg);
    }

    26% {
        transform: translateX(0px) rotateZ(0deg);
    }

    100% {}
}


.header-hire-developer {
    display: flex;
    align-items: center;
    gap: 18px;
}

.header-hire-developer .section-title {
    font-weight: 700;
    color: #ffa800;
}

.header-hire-developer .nav-item .hire-img {
    padding: 40px 0;
}

/* Mega menu */

.megamenu-wesite-design-banner {
    padding: 30px;
    border-radius: 5px;
}

.wesite-design-content {
    max-width: 250px;
}

.wesite-design-content p {
    color: #fff;
    line-height: normal;
}

.wesite-design-content h2 {
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 15px;
}

.wesite-design-content .site-btn {
    margin-top: 30px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
}

.wesite-design-content .site-btn:hover {
    color: #fff;
}

.wesite-design-content .site-btn:hover svg path {
    fill: #fff;
}

.wesite-design-content .site-btn svg path {
    transition: all 0.5s;
}

.services-hire-mega .megamenu-inner-title:hover {
    color: #ffa800;
}

.megamenu-inner-title {
    font-size: 15px;
    font-weight: 600;
    color: #000000;
    transition: all 0.5s;
    text-transform: uppercase;
}

.company-contact-info .megamenu-inner-title:hover {
    color: #000;
}

.company-industry-menu .sub-menu-wrp {
    border-left: 1px solid #eaeaea;
    padding-left: 75px;
    height: 100%;
}

.company-industry-menu .megamenu-column:first-child .sub-menu-wrp {
    padding-left: 0;
    border: 0;
}


.megamenu-icon img,
.megamenu-icon svg {
    width: 25px;
    height: 25px;
    object-fit: contain;
}

.main-header .nav-item.dropdown {
    position: static;
}

.mega-menu-title {
    font-size: 18px;
    font-weight: 700;
    color: #ffa800;
    margin-bottom: 30px;
}

.head-mega-menu {
    background: #fff;
    border-radius: 0px 0px 5px 5px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 5px 9px;
    padding: 30px;
    max-height: 90vh;
    overflow: auto;
    border-radius: 5px;
    margin-top: 0px;
}

.sub-menu-wrp .dropdown-item {
    font-size: 14px;
    font-weight: 400;
    color: #000;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    gap: 10px;
    background: none;
    padding: 0;
    width: max-content;
}

.sub-menu-wrp .dropdown-item:hover {
    background: none;
    color: #ffa800;
}

.sub-menu-wrp .dropdown-item svg {
    transition: all 0.5s;
}

.company-contact-box a {
    font-size: 16px;
    padding: 12px 30px;
    color: #000000;
    border-radius: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 30px;
    font-weight: 700;
    transition: all 0.5s;
    border: 1px solid;
}

.company-contact-box svg {
    min-width: 27px;
    height: 27px;
}

.company-contact-box a svg path {
    transition: all 0.5s;
}

.contact-column:nth-child(1) .company-contact-box a {
    background: linear-gradient(90deg, rgba(65, 71, 155, 0) 0%, rgba(65, 71, 155, 0.1) 100%);
    border-color: #41479B;
}

.contact-column:nth-child(2) .company-contact-box a {
    background: linear-gradient(90deg, rgba(3, 169, 244, 0) 0%, rgba(3, 169, 244, 0.1) 100%);
    border-color: #03A9F4;
}


.contact-column:nth-child(3) .company-contact-box a {
    background: linear-gradient(90deg, rgba(76, 175, 80, 0) 0%, rgba(76, 175, 80, 0.1) 100%);
    border-color: #4CAF50;
}


.contact-column:nth-child(4) .company-contact-box a {
    background: linear-gradient(90deg, rgba(244, 67, 54, 0) 0%, rgba(244, 67, 54, 0.1) 100%);
    border-color: #F44336;
}


/* Mobile Menu css */

.mobile-menu-wrp .nav-link {
    font-size: 15px;
    color: #02073e;
    font-weight: 400;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #eaeaea;
    padding: 10px 0;
}

.mobile-menu-wrp .nav-item:first-child .nav-link {
    border-top: 0;
}

.mobile-menu-wrp .nav-link:hover {
    color: #ffa800;
}

.mobile-menu-wrp .navbar-brand img {
    width: 150px;
    object-fit: contain;
}

.modal {
    z-index: 9999999999;
}

/* let's talk modal css */
.lets-talk-modal .evolution-form-content {
    box-shadow: unset;
}

.lets-talk-modal .modal-header {
    padding: 50px 50px 30px;
}

.lets-talk-modal .modal-header .btn-close {
    opacity: 1;
    box-shadow: unset;
}

.lets-talk-modal .contact-form-tabs .nav-pills {
    justify-content: center;
    display: flex;
}

.lets-talk-modal .contact-form-tabs .nav-pills .nav-link {
    min-width: 180px;
    margin: 0 !important
}

.modal-counter .section-title {
    font-weight: 700;
}

.counter-box .counter-icon svg,
.counter-box .counter-icon img {
    height: 50px;
    object-fit: contain;
    width: auto;
}

.modal-counter .counter-item {
    display: flex;
    gap: 10px;
}

.modal-counter .counter-item p {
    font-size: 14px;
    font-weight: 500;
    color: #565656;
    line-height: normal;
}

.modal-counter .counter-item svg {
    min-width: 36px;
}

.modal-counter {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.modal-backdrop {
    --bs-backdrop-opacity: 0.8;
}

.lets-talk-modal .modal-dialog {
    max-width: 1400px;
}

.evolution-form-content.pb-100 {
    padding-bottom: 100px;
}

/* =============== Footer css ================ */
.site-footer {
    padding: 216px 0 100px;
    margin-top: -165px;
}

.py-100 {
    padding: 100px 0;
}

.footer-info-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.footer-info-list li {
    text-align: center;
    width: 16.33%;
    padding: 0px 20px;
}

.site-footer .footer-image {
    margin-bottom: 10px;
    aspect-ratio: 3 / 2;
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer-counrty-title {
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    color: #fff;
    margin-bottom: 12px;
}

.footer-info-list p {
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    margin-bottom: 5px;
    /* min-height: 90px; */
}

.evolution-form-content {
    box-shadow: 0px 0px 25px 0px #595c6133;
    background-color: #fff;
    border-radius: 5px;
    padding: 30px 30px 30px 50px;
}

.footer-info-list a {
    font-size: 16px;
    font-weight: 700;
    color: #ffa800;
    transition: all 0.3s;
}

.footer-info-list a:hover {
    color: #ffa800cf;
}

.form-social-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.form-social-list {
    position: relative;
}


.contact-form-tabs .nav-pills .nav-link {
    font-size: 17px;
    border-radius: 30px;
    padding: 9px;
    color: #201B1B;
    width: 100%;
    height: 100%;
    font-weight: 500;
    border: 0;
}

.contact-form-tabs {
    padding: 30px 60px 0 0px;
}

.business-evolution-form .contact-form-tabs .tab-content {
    border: 0;
    background: none;
    padding: 0;
    border-radius: 0;
}

.contact-form-tabs .nav-pills .nav-item {
    width: 100%;
}

.form-social-list {
    padding-top: 30px;
}

.contact-form-tabs .nav-pills {
    gap: 0px;
    border: 1px solid #D5D5D5;
    box-shadow: 0px 4px 4px 0px #FEB32140;
    border-radius: 30px;
    flex-wrap: unset;
    padding: 8px;
    margin-bottom: 50px;
}

.form-contact-info ul li {
    border-bottom: 1px dashed #A8A8A8;
    padding: 20px 0;
    display: flex;
    align-items: center;
    gap: 20px;
}

.form-contact-info ul li:first-child {
    padding-top: 0;
}

.form-contact-info ul li .contact-icon {
    width: 50px;
    min-width: 50px;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #F44336;
}

.form-contact-info ul li:nth-child(2) .contact-icon {
    border-color: #39AE41;
}

.form-contact-info ul li:nth-child(3) .contact-icon {
    border-color: #2E8DFF;
}

.form-contact-info ul li:nth-child(4) .contact-icon {
    border-color: #464EB8;
}

.form-contact-info ul li a {
    font-size: 18px;
    color: #000000;
    transition: all 0.5s;
    font-weight: 500;
}

.form-contact-info ul li a:hover {
    color: #FEB321;
}


.contact-form-tabs .nav-pills .nav-link.active {
    background-color: #FEB321;
}

.contact-form-tabs .nav-pills .nav-link svg path {
    stroke: #D9D9D9;
}

.contact-form-tabs .nav-pills .nav-link.active svg path {
    stroke: #000;
}

/* .evolution-form-content .section-head .section-title span {
    font-weight: bold;
    color: #ffa800;
} */

.looking-for-job {
    text-align: center;
    padding-top: 30px;
    border-top: 1px solid #eaeaea;
    margin-top: 30px;
}

.looking-for-job h2 a {
    color: #ffa800;
}

.looking-for-job .section-title {
    font-weight: 700;
    margin-bottom: 0;
}

.contact-form-box .form-group .form-control,
.contact-form-box .form-group select {
    border: 0;
    border-bottom: 1px solid #c5c5c5;
    border-radius: 0;
    box-shadow: unset;
    color: #000;
    padding: 0;
    padding-bottom: 10px;
    font-size: 14px;
    width: 100%;
    background-color: transparent;
    outline: 0;
}

.contact-form-box .form-group input::placeholder {
    color: #565656b2;
}

.contact-form-box .form-group {
    margin-top: 25px;
}

.form-services-list ul li .form-check {
    padding-left: 0;
    position: relative;
    margin: 0;
}

.business-evolution-form {
    position: relative;
}

.business-evolution-form .tab-content,
.business-evolution-form .form-content-box {
    background-color: #FDFBFB;
    border: 1px solid #B4B4B4;
    border-radius: 10px;
    padding: 25px;
    position: relative;
}

.modal .business-evolution-form .btn-close {
    position: absolute;
    right: 20px;
    padding: 0;
    box-shadow: unset;
}

.form-services-list ul li .form-check .form-check-label {
    float: unset;
    margin-left: 0;
    background-color: #fff;
    margin-top: 0;
    transition: 0.5s all;
    border: 1px solid #eaeaea;
    padding: 8px 13px;
    /* min-width: 56px; */
    text-align: center;
    font-size: 14px;
    color: #565656;
    font-weight: 400;
    margin-bottom: 0;
    /* height: 45px; */
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    cursor: pointer;
}

.form-services-list ul li .form-check .form-check-label:hover {
    border-color: #feb321;
}

.form-services-list ul li .form-check .form-check-input {
    float: unset;
    margin-left: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-color: #707070;
    border-radius: 5px;
    margin-top: 0;
    position: absolute;
    right: 0;
    box-shadow: unset;
    cursor: pointer;
}

.form-services-list ul li .form-check .form-check-input {
    position: absolute;
    left: 0px;
    bottom: 0;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.form-services-list ul li .form-check .form-check-input:checked {
    opacity: 1;
    border: 1px solid #ffa800;
    color: #000;
    background-color: #fff;
    background: none;
    background-image: unset;
    border-radius: 5px;
    width: 100%;
    height: auto;
    border-radius: 5px;
}

.form-services-list ul li .form-check .form-check-input:checked {
    background: none !important;
}

.form-services-list {
    margin-top: 25px;
}

.form-services-list ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

.form-services-list .select__control {
    border: 0;
    padding: 0;
    border-bottom: 1px solid #c5c5c5;
    border-radius: 0;
    padding-bottom: 3px;
    outline: 0 !important;
    box-shadow: unset !important;
    cursor: pointer;
    padding-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-services-list .select__control svg path {
    stroke: #ffa800;
}

/* .form-services-list .select__menu .select__option{
    margin-bottom: 5px;
} */

.form-services-list .select__value-container {
    padding: 0;
}

.form-services-list .select__placeholder {
    margin: 0;
}

.form-services-list .select__multi-value.css-1p3m7a8-multiValue {
    margin: 0;
    margin-right: 5px;
}

.form-services-list .select__indicator svg {
    fill: #ffa800;
}

.form-services-list .basic-multi-select {
    font-size: 14px;
}


.custom-select .select__option--is-focused {
    background: rgba(255, 168, 0, 0.1) !important;
    color: #ffa800 !important;
    cursor: pointer;
}





.contact-fotm-footer input[type="file"] {
    display: block;
}

.contact-fotm-footer {
    display: flex;
    gap: 30px;
}

.contact-fotm-footer .file-upload {
    font-size: 16px;
    color: #565656;
    font-weight: 500;
    border: 1px dashed #bfbfbf;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    padding: 12px 15px;
    width: 100%;
    text-align: center;
    border-radius: 5px;
}

form.contact-form-box {
    padding-left: 20px;
}

.footer-copyright .social-list,
.footer-copyright .social-list ul {
    display: flex;
    align-items: center;
    gap: 30px;
}

.social-list ul li a {
    transition: all 0.5s;
}

.footer-copyright .social-list ul {
    gap: 15px;
}

.footer-copyright {
    padding: 30px 0;
    background-color: #fff;
}

.copyright-content p,
.copyright-content li a {
    font-size: 14px;
    font-weight: 500;
    color: #000;
    margin-bottom: 0;
    transition: all 0.5s;
}

.copyright-content li a:hover {
    color: #ffa800;
}

.copyright-content p a {
    color: #000;
}

.copyright-content {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap;
}

.copyright-content ul {
    column-count: 3;
    column-rule: 1px solid #4f4f4f;
    column-gap: 20px;
    border-left: 1px solid #4f4f4f;
    padding-left: 10px;
}

/* Home page css */
.hire-hero {
    background-repeat: no-repeat;
    border-bottom: 1px solid #eaeaea;
    background-position: center;
    background-size: cover;
    display: flex;
    align-items: center;
    overflow: hidden;
    overflow: hidden;
}

.banner {
    padding-top: 126px;
    padding-bottom: 30px;
    position: relative;
    overflow: hidden;
}

.hero-banner {
    background-color: #f9fbfd;
}

.banner-content {
    padding-right: 60px;
}

.banner-content .site-btn {
    color: #fff;
    text-align: center;
    margin-top: 25px;
}

.banner-content .site-btn:hover {
    color: #000;
}

.portfolio-banner .banner-content .site-btn:hover {
    color: #fff;
}

.banner-content p {
    font-weight: 600;
    color: #020202;
}


.banner-image img {
    width: 100%;
    object-fit: contain;
    height: 600px;
}

.banner-desc {
    max-width: 450px;
}

.home-company.companies-logo-list {
    padding: 30px 0;
    border-top: 1px solid #eaeaea;
}

.company-logo img {
    object-fit: contain;
    margin: auto;
    width: auto !important;
}

.hire-company-slide .company-logo img {
    max-height: 43px;
}

.company-logo-item {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 10px;
}

.services-section {
    box-shadow: 0px 1px 0px 0px #eaeaea inset;
}

.services-section .section-title {
    margin-bottom: 15px;
}

.services-box {
    padding: 60px 50px 30px;
    border: 1px solid #bfbfbf;
    background-color: #fff;
    text-align: center;
    border-radius: 5px;
    margin-right: -1px;
    margin-bottom: -1px;
    height: 100%;
    overflow: hidden;
    transition: all 0.5s;
}

.services-box:hover {
    position: relative;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.services-box .learn-more {
    font-size: 15px;
    color: #ffa800;
    font-weight: 500;
    transition: all 0.5s;
}

.services-box .learn-more:hover {
    color: #ffaa00c0;
}

.services-box p {
    margin-bottom: 0px;
}

.services-icon {
    margin-bottom: 20px;
    aspect-ratio: 5 / 1;
}

.industries-serve {
    background-color: #000;
    overflow: hidden;
}

.industries-serve .section-head {
    margin-bottom: 30px;
}

.industries-serve .section-title {
    color: #fff;
}


.industries-box .industries-icon-circle,
.industries-box:hover .inner-title,
.industries-box:hover .site-btn,
.industries-box:hover .site-btn svg path {
    transition: all 0.5s;
}

.industries-box {
    border: 1px solid #474747;
    padding: 30px;
    transition: all 0.5s;
    margin-left: -1px;
}

.industries-box:hover {
    background-color: #fff;
    border-radius: 5px;
}

.industries-box:hover .industries-icon-circle {
    box-shadow: 0px 2px 34px 5px #faeac0;
    background-color: #fff;
}

.industries-box:hover .inner-title {
    color: #000;
}

.industries-box:hover .site-btn {
    background: #feb321;
    color: #000;
    border-color: #feb321;
}

.industries-box:hover .site-btn svg path {
    fill: #000;
}

.industries-box .industries-icon-circle {
    margin-bottom: 35px;
    height: 97px;
    width: 97px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background-color: #1e1e1e;
}

.industries-box:hover .industries-icon-circle svg path {
    stroke: #000;
}

.industries-box .inner-title {
    color: #feb321;
}

.industries-box .site-btn {
    margin-top: 20px;
    background: none;
    border: 1px solid #403f3f;
    color: #feb321;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: max-content;
}

.industries-box p {
    color: #616161;
    min-height: 90px;
}

.industries-serve .owl-carousel .owl-stage-outer {
    overflow: unset;
}

.industries-serve .owl-carousel .owl-stage {
    padding-left: 0 !important;
}

.owl-theme .owl-nav {
    position: absolute;
    right: 0;
    top: -88px;
    display: flex;
    align-items: baseline;
    gap: 15px;
}

.owl-theme .owl-nav button {
    height: 50px;
    width: 50px;
    display: flex !important;
    align-items: center;
    justify-content: center;
    border-radius: 50% !important;
    border: 1px solid #d9d9d9 !important;
    color: #feb321 !important;
}

.owl-theme .owl-nav .disabled {
    cursor: no-drop;
}

.industries-serve .owl-theme .owl-nav button {
    border-color: #4e4c4c !important;
}

.owl-theme .owl-nav button:hover {
    background-color: #feb321 !important;
    color: #000 !important;
}

.owl-theme .owl-nav button i {
    font-size: 18px;
}

.our-portfolio .section-title {
    margin-bottom: 25px;
}

.portfolio-img-box {
    position: relative;
    border-radius: 5px;
    height: 100%;
}

.our-portfolio .portfolio-img-box img {
    width: 100%;
    object-fit: cover;
    border-radius: 5px;
    height: 550px;
}

.our-portfolio .owl-item.center .portfolio-img-box {
    -webkit-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
    filter: brightness(1);
}

.our-portfolio .container {
    overflow: hidden;
}

.our-portfolio .owl-carousel .owl-stage-outer {
    overflow: unset;
}

.our-portfolio .section-head svg {
    transform: rotate(90deg);
}

.portfolio-box-wrp .title-with-overlay {
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(359deg, rgba(0, 0, 0, 0) 50%, #000000fa 103.17%);
    width: 100%;
    padding: 20px;
    border-radius: 5px;
    height: 100%;
}

.portfolio-box-wrp .title-with-overlay .portfolio-title {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
}

.portfolio-left-column .portfolio-box-wrp img {
    height: 624px;
}

.portfolio-right-column .portfolio-box-wrp img {
    height: 300px;
}

.portfolio-box-wrp .arrow-button a {
    padding: 10px 15px;
}

.portfolio-box-wrp .arrow-button a svg {
    width: 20px;
    height: auto;
}

.our-portfolio .owl-theme .owl-nav {
    position: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: unset;
    margin-top: 100px;
}

.our-portfolio .owl-item .portfolio-img-box {
    -webkit-transition: 0.3s;
    -webkit-box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.1);
    -o-transition: 0.3s;
    transition: 0.3s;
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    filter: brightness(0.5);
}

.portfolio-img-box .portfolio-title {
    font-size: 18px;
    color: #fff;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000fa 132.17%);
    width: 100%;
    padding: 30px 30px 20px;
    z-index: 99;
    border-radius: 5px;
}

/* .our-portfolio .section-head {
    margin-bottom: 100px;
} */

.our-latest-work ul {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-top: 20px;
}

.our-latest-work ul li {
    width: 48.4%;
}

.our-latest-work ul li a {
    font-size: 16px;
    color: #000;
    padding: 10px 15px;
    border: 1px solid #fedd8b;
    border-radius: 5px;
    width: 100%;
    display: flex;
    align-items: center;
    gap: 10px;
    transition: all 0.5s;
}

.our-latest-work ul li a:hover {
    background-color: #feb321;
}

.latest-work-img img {
    height: 100%;
    object-fit: cover;
    box-shadow: 0px 0px 20px 0px #0000001A;

}

.latest-work-img {
    position: relative;
}

.latest-work-img::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #fef4df;
    border-radius: 0px 5px 5px 0px;
    height: 341px;
    width: 991px;
    z-index: -1;
}

.img-column:nth-child(odd) .latest-work-img::after {
    right: 0px;
    left: unset;
}

.img-column:nth-child(even) .latest-work-img::after {
    left: 0px;
    bottom: 0;
    top: unset;
}

.counter-box .count-text {
    font-size: 46px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

.counter-box {
    padding: 25px;
    transition: all 0.4s;
    height: 100%;
}

.counter-box:hover {
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 3px 5px;
}

.counter-box .counter-icon {
    margin-bottom: 20px;
}

.counter-wrp {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* counter mobile design */
.mobile-choose-us .count-text {
    font-size: 20px;
    font-weight: 700;
    color: #000;
    margin-bottom: 0;
}

.mobile-choose-us .inner-title {
    font-size: 15px;
}

.mobile-choose-us .counter-icon svg {
    height: 35px;
    width: 35px;
}

.mobile-choose-us .counter-wrp {
    justify-content: start;
}

.mobile-choose-us .accordion-button {
    gap: 15px;
    box-shadow: unset;
    border: 0;
    align-items: start;
}

.mobile-choose-us .accordion-item {
    border: 1px solid #dee2e6;
    border-radius: 8px;
    margin-top: 15px;
    overflow: hidden;
}

.mobile-choose-us .accordion-button:not(.collapsed) {
    background: transparent;
}

.mobile-choose-us .accordion-body {
    border-top: 1px solid #dee2e6;
}

.mobile-choose-us .accordion-body,
.mobile-choose-us .accordion-button {
    padding: 15px;
}

.mobile-choose-us .accordion-button::after {
    content: "\2b";
    background-image: none;
    font-family: "FontAwesome";
    color: #ffa800;
    font-weight: 400;
    height: auto;
    width: auto;
    font-size: 14px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translate(0%, -50%);
}

.mobile-choose-us .accordion-button:not(.collapsed)::after {
    background-image: none;
    content: "\f068";
}

.get-in-touch .site-btn {
    background: #000;
    color: #ffa800;
    min-width: unset;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    width: max-content;
    margin-top: 20px;
}

.get-in-touch .site-btn:hover {
    background: none;
    color: #000;
}

.get-in-touch .site-btn:hover svg path {
    fill: #000;
}

.get-in-touch .site-btn svg path {
    transition: all 0.5s;
}

.get-in-touch .section-title {
    font-size: 50px;
    font-weight: 500;
}

.get-in-touch {
    background-color: #f6fbff;
}

.technology-stack .nav-pills {
    width: 100%;
    gap: 15px;
    justify-content: center;
    margin-bottom: 20px;
}


.technology-stack .nav-pills .svg-icon {
    margin-bottom: 15px;
}

.technology-stack .nav-pills .svg-icon img {
    height: 50px;
    width: auto;
    object-fit: contain;
}

.technology-stack .nav-pills .nav-link {
    font-size: 16px;
    color: #000000;
    font-weight: 400;
    transition: all 0.5s;
    border: 1px solid #e9e9e9;
    width: 100%;
    text-align: center;
    padding: 12px 20px;
    border-radius: 4px;
    position: relative;
    min-width: 115px;
    white-space: nowrap;
    line-height: normal;
}

.technology-stack .nav-pills .nav-link svg path {
    stroke: #D3D3D3;
}

.technology-stack .nav-pills .nav-link.active,
.technology-stack .nav-pills .nav-link:hover {
    background: #ffa800;
    border-color: #ffa800;
}

.technology-stack .nav-pills .nav-link.active svg path,
.technology-stack .nav-pills .nav-link:hover svg path {
    stroke: #ffa800;
}

.technology-stack .nav-pills .nav-link.active::after,
.technology-stack .nav-pills .nav-link:hover::after {
    content: unset;
}

.technology-stack-list .software-icon {
    margin-bottom: 30px;
}

.technology-stack-list .software-icon img {
    object-fit: contain;
    width: 40px;
}

.technology-stack-list .software-icon {
    margin-bottom: 15px;
}

.technology-stack-list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.technology-stack-list ul li {
    padding: 25px;
    width: 16.6666667%;
    background-color: #fff;
    border: 1px solid #e9e9e9;
    border-radius: 5px;
    text-align: center;
    margin-bottom: -1px;
    margin-right: -1px;
    transition: all 0.5s;
}

.technology-stack-list ul li:hover {
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
    position: relative;
}

.technology-stack-list ul li .inner-title {
    font-size: 16px;
}

.technology-stack .section-head {
    margin-bottom: 40px;
}

.testimonials {
    background-color: #f4f6f9;
}

.testimonial-banner.inner-banner.company-inner,
.portfolio-banner.inner-banner,
.blog-detail-wrp.inner-banner {
    height: auto;
    overflow: unset;
}

.rating-wrap {
    display: flex;
    align-items: center;
}

.rating-wrap .rating-point {
    display: inline-block;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    height: 35px;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 120px;
}

.rating-wrap .rating-point:before {
    color: #ffa800;
    content: "\f005\f005\f005\f005\f005";
    float: left;
    font-size: 20px;
    left: 0;
    letter-spacing: 2px;
    position: absolute;
    top: 2px;
    font-weight: 500;
}

.rating-wrap .rating-show {
    color: #ffa800;
    font-family: "Font Awesome 6 Free";
    left: 0;
    overflow: hidden;
    padding-top: 32px;
    position: absolute;
    top: 0;
}

.rating-wrap .rating-show:before {
    content: "\f005\f005\f005\f005\f005";
    font-size: 20px;
    font-weight: 900;
    left: 0;
    letter-spacing: 2px;
    position: absolute;
    top: 2px;
}

.testimonials .inner-title {
    font-size: 18px;
    font-weight: 700;
    line-height: 30px;
    margin: 10px 0 15px;
    max-width: 355px;
}

.testimonial-box {
    padding: 30px;
    border-radius: 5px;
    background: #ffffff;
    position: relative;
}

.testimonial-slide .customer-video {
    height: 399px;
}

.testimonial-profile {
    display: flex;
    align-items: center;
    gap: 20px;
}

.testimonial-profile img {
    min-width: 45px;
    height: 45px;
    width: 45px !important;
    border-radius: 50%;
    object-fit: cover;
}

.testimonials-flag img {
    min-width: auto;
    height: 20px !important;
    border-radius: 0;
    height: auto;
    width: auto !important;
    object-fit: cover;
}

.name-with-flag {
    display: flex;
    align-items: center;
    gap: 10px;
}

.testimonial-review-text {
    height: 205px;
    overflow: hidden;
}

.profile-content p {
    line-height: normal;
}

.testmonials-icon {
    position: absolute;
    bottom: 35px;
    right: 30px;
}

.testimonials .testimonial-slide.owl-theme .owl-nav button {
    top: 50%;
    transform: translate(0%, -50%);
    position: absolute;
}

.testimonials .testimonial-slide.owl-theme .owl-nav button.owl-next {
    right: 0;
}

.testimonials .testimonial-slide.owl-theme .owl-nav {
    position: unset;
    transform: unset;
    display: unset;
    width: auto;
}

.testimonials .owl-theme .owl-nav {
    top: 50%;
    justify-content: space-between;
    width: 100%;
    transform: translate(0%, -50%);
}

.testimonials .owl-theme .owl-nav button {
    margin: 0 !important;
}


.testimonials .owl-carousel .owl-nav button.owl-prev {
    margin-left: -80px !important;
}

.testimonials .owl-carousel .owl-nav button.owl-next {
    margin-right: -80px !important;
}

.blog-tag {
    padding: 5px 10px;
    border: 1px solid #d9d9d9;
    font-size: 14px;
    color: #ffa800;
    font-weight: 400;
    border-radius: 5px;
    width: max-content;
    margin-bottom: 10px;
}

.blog-content {
    margin-top: 20px;
}

.blog-content .inner-title {
    transition: all 0.5s;
}

.blog-content .inner-title:hover {
    color: #ffa800;
}

.blog-box img {
    height: auto;
    border-radius: 5px;
    border: 1px solid #0000000d;
}

.blog-date {
    margin-top: 20px;
}

.faq-section {
    background-color: #f4f6f9;
}

.faq-section .accordion .accordion-item {
    margin-top: 30px;
    border: 1px solid #ffa80033;
}

.faq-section .accordion .accordion-item,
.faq-section .accordion .accordion-button {
    border-radius: 5px;
}

.faq-section .accordion-button:not(.collapsed) {
    background: none;
}

.faq-section .accordion .accordion-button {
    box-shadow: unset;
    outline: 0;
    font-size: 16px;
    font-weight: 700;
    color: #000;
    padding: 18px 20px;
}

.faq-section .accordion-body {
    padding: 0 20px 20px;
}

.faq-section .accordion-button::after {
    content: "\2b";
    background-image: none;
    font-family: "FontAwesome";
    color: #ffa800;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: end;
}

.faq-section .accordion-button:not(.collapsed)::after {
    background-image: none;
    content: "\f068";
}

.contact-sticky-icons {
    z-index: 9;
    position: fixed;
    top: 170px;
    right: -0.5%;
}

.contact-sticky-icons ul {
    display: flex;
    flex-direction: column;
}

.contact-sticky-icons .sticky-icon.show {
    display: none;
}

.contact-sticky-icons li {
    display: flex;
    width: fit-content;
    margin-left: auto;
}

.contact-sticky-icons li .sticky-icon,
.contact-sticky-icons .contact-info {
    border-radius: 5px 0px 0px 5px;
    margin: 5px 2px 2px;
    transition: all 0.8s;
    border: 1px solid #ffa800;
    background-color: #fff;
    padding: 10px 20px;
    position: unset !important;
}

.contact-sticky-icons .contact-info {
    transform: unset !important;
}

.contact-sticky-icons .contact-group {
    display: flex;
    align-items: center;
    gap: 10px;
    border-top: 1px solid #dcdcdc;
    padding: 15px 0;
    width: 250px;
}

.contact-sticky-icons .contact-group:first-child {
    border-top: 0px;
    padding-top: 5px;
}

.contact-sticky-icons .contact-group:last-child {
    padding-bottom: 5px;
}

.contact-sticky-icons li .contact-group span {
    min-width: 48px;
    text-align: center;
}

.contact-sticky-icons li .sticky-icon {
    cursor: pointer;
    height: fit-content;
    width: 100%;
}

.contact-sticky-icons li a {
    color: #000;
    font-weight: 700;
    font-size: 16px;
    display: flex;
    align-items: center;
    gap: 15px;
    transition: all 0.5s;
}

.contact-sticky-icons li a:hover {
    color: #ffa800;
}

.contact-sticky-icons li svg {
    transition: all 0.5s;
}

/* .contact-sticky-icons li:hover {
    transform: translate(5px, 0px);
} */

.live-chat {
    position: fixed;
    top: 82%;
    right: 20px;
    z-index: 9;
}

/* Hire Page */
.php-services .php-services-box .php-services-icon img {
    object-fit: contain;
    width: 50px;
    height: 50px;
}

.php-services-icon {
    margin-bottom: 12px;
}

.inner-banner-img img {
    width: 100%;
    object-fit: contain;
    max-height: 500px;
}

.hire-company-slide .owl-stage {
    display: flex;
    align-items: center;
}

.hire-company-slide {
    display: flex;
    align-items: center;
    justify-content: space-around;
    flex-wrap: wrap;
    gap: 15px;
}

.hire-counter-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.hire-counter-list .inner-title {
    margin-bottom: 0;
    font-size: 15px;
    line-height: 23px;
}

.hire-counter-list .counter-box {
    width: 16.66%;
}

.hire-counter-list .inner-banner {
    font-size: 16px;
}

.hire-counter-list .counter-box .count-text {
    font-size: 30px;
}

.developers-box .site-btn {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
}

.developers-box .dev-icon-box {
    height: 68px;
    width: 68px;
    min-width: 68px;
    object-fit: contain;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #dadada;
    border-radius: 5px;
    padding: 5px;
    overflow: hidden;
}

.developers-box .dev-icon-box img {
    height: 42px;
    width: 42px;
    object-fit: contain;
}

.models-icon-circle {
    height: 51px;
    width: 51px;
    background: #ffa80033;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.models-icon-circle img {
    max-width: 32px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.hiring-models-box {
    padding-right: 40px;
}

.process-count-box {
    height: 86px;
    width: 86px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #ffa800;
    border-radius: 5px;
    font-size: 34px;
    color: #0f2137;
    font-weight: 700;
    margin: auto;
    transition: all 0.5s;
}

.process-count-box:hover {
    background-color: #ffa800;
}

.hire-process-list {
    display: flex;
    justify-content: center;
}

.hire-process-list .process-box {
    width: 20%;
    text-align: center;
}

.hire-process-list .process-box .inner-title {
    font-size: 16px;
    font-weight: 600;
    color: #0f2137;
    max-width: 185px;
    margin: auto;
}

.process-arow-icon {
    position: relative;
    margin: 40px 0;
}

.process-arow-icon::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    border: 1px dashed #fde7bd;
    width: 100%;
    z-index: -1;
}

.development-benefit {
    border: 1px solid #e3e3e3;
    padding: 20px 30px;
    border-radius: 5px;
    margin-top: 20px;
}

.development-benefit ul {
    list-style: disc;
    padding-left: 20px;
    width: 50%;
    padding-right: 10px;
}

.development-benefit ul li {
    font-size: 16px;
    font-weight: 400;
    color: #555555;
    margin-bottom: 5px;
}

.development-benefit-list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 15px;
}

.power-dev-img,
.power-dev-img img {
    height: 100%;
}

.development-benefit ul:last-child {
    padding-left: 40px;
    border-left: 1px solid #dadada;
}

.hire-php-dev .site-btn {
    background: #fff;
    color: #000;
}

.hire-php-dev.get-in-touch {
    background: none;
}

.hire-php-dev.get-in-touch .title-caption {
    color: #000;
}

.get-in-touch .get-content {
    padding: 50px 0;
}

.hire-php-dev .hire-php-box img {
    margin: 0;
}

.hire-php-box {
    border-radius: 20px;
    display: flex;
    align-items: center;
    padding-right: 30px;
    justify-content: space-between;
}

.hire-php-box img {
    width: 240px;
    margin-top: 20px;
}

.hire-php-dev .get-content {
    padding: 40px 0px 40px 60px;
    width: 100%;
}

.advantage-developer-box.inner-box {
    padding: 25px 30px;
}

.advantage-developer-box .developer-head {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 10px;
}

.advantage-developer-box .advantage-count-circle {
    height: 38px;
    width: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #ededed;
    border-radius: 50%;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}

.advantage-php-developer {
    background: #f8f8f8;
}

.hire-work-portfolio .portfolio-img-box img {
    height: 442px;
}

.hire-work-portfolio .section-head svg {
    transform: unset;
}

/* Service page css */

.services-list {
    display: flex;
    border-bottom: 1px solid #e9e9e9;
    padding: 15px 0;
}

.services-list:last-child {
    padding-bottom: 0;
    border-bottom: 0;
}

.services-list .section-title {
    font-weight: 700;
}

.services-list .services-name-wrp {
    padding: 40px;
    text-align: center;
    border-right: 1px solid #e9e9e9;
}

.services-name-wrp {
    width: 20%;
}

.services-framwork-list {
    width: 80%;
}

.services-framwork-list li svg {
    min-width: 19px;
}

.services-framwork-list ul {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    padding: 15px 0 15px 20px;
}

.services-framwork-list ul li {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 20px;
    background: #fff5e0;
    border-radius: 5px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.our-expertise .inner-box {
    background: none;
}

.our-expertise .inner-box svg {
    max-height: 50px;
    object-fit: contain;
}

.relatd-services-box {
    padding: 30px 15px;
    transition: all 0.5s;
}

.relatd-services-box svg,
.relatd-services-box img {
    height: 50px;
    object-fit: contain;
}

.category-services-page .services-box {
    padding: 40px 30px;
}

.category-services-page .services-icon {
    aspect-ratio: unset;
    min-height: 55px;
}

.category-services-page .services-icon img {
    height: 60px;
    width: auto;
    object-fit: contain;
}

.laravel-features-box {
    display: flex;
    gap: 20px;
}

.laravel-features .laravel-features-box .features-icon img {
    max-width: 52px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.laravel-features-box:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.mangement-wrp .hire-php-box {
    border-radius: 20px;
}

.mangement-wrp .hire-php-box .section-title {
    font-size: 40px;
    font-weight: 700;
}

.mangement-wrp .hire-php-box .site-btn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
    gap: 10px;
}

.software-development-tabs .nav-pills {
    border: 1px solid #cecece;
    padding: 20px;
    border-radius: 5px;
    height: 100%;
}

.software-development-tabs .nav-pills .nav-link {
    font-size: 16px;
    font-weight: 400;
    color: #909090;
    padding: 14px 15px;
    text-align: start;
    border: 1px solid transparent;
    transition: all 0.5s;
}

.software-development-tabs .nav-pills .nav-link.active {
    border: 1px solid #dedede;
    background: none;
    border-radius: 5px;
    color: #000;
}

.software-development-tabs .nav-pills .nav-link:hover {
    color: #000;
}

.content-title {
    font-size: 20px;
    color: #555555;
    font-weight: 700;
    margin-bottom: 15px;
}

/* Company Page css */

.arrow-button a {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 20px;
    background-color: #fff;
    border-radius: 5px 0 0;
}

.portfilio-banner-img {
    display: flex;
    align-items: end;
    justify-content: center;
    border-radius: 5px;
}

.projeccts-categories .title-caption {
    font-weight: 700;
    margin-bottom: 10px;
}

.projeccts-categories ul {
    display: flex;
    width: 100%;
    justify-content: start;
    gap: 5px;
}

.projeccts-categories ul li a {
    padding: 8px 15px;
    font-size: 15px;
    color: #616161;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.5s;
    gap: 5px;
    border: 1px solid transparent;
    border-radius: 5px;
}

.projeccts-categories ul li a span {
    color: #000;
    transition: all 0.5s;
}

.projeccts-categories ul li .active span {
    color: #ffa800;
}

.projeccts-categories ul li .active {
    background-color: #fff;
    color: #ffa800;
    border-color: #ffa800;
}

.projeccts-categories {
    position: sticky;
    top: 104px;
    border-radius: 5px;
    width: fit-content;
    background: #fff;
    z-index: 9;
    padding: 10px 15px;
    box-shadow: 0px 0px 6px 0px #a0a0a033;
    margin-bottom: 25px;
    overflow: auto;
}

.project-tag-group {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
    align-items: center;
    flex-wrap: wrap;
}

.project-tag-group a {
    padding: 5px 17px;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    border-radius: 5px;
    background-color: #ffe0a5;
    display: inline-block;
    min-width: 115px;
    text-align: center;
}

.project-tag-group a:last-child {
    background-color: #bcf4f1;
}

.latest-project-content {
    padding: 30px 0 50px;
}

.latest-project-img img {
    height: 400px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}

.latest-project-img .arrow-button a {
    border-top: 1px solid #d9d9d9;
    border-left: 1px solid #d9d9d9;
}

/* Portfolio detail css */
.highlight-text {
    color: #49b1b6 !important;
}

.portfolio-detail-banner {
    min-height: 783px;
}

.portfolio-detail-banner .banner-title {
    font-size: 60px;
    font-weight: 800;
}

.portfolio-detail-banner .banner-title span {
    color: #49b1b6;
}

.jasper-features-list ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

.jasper-features-list li {
    text-align: center;
    width: 33.33%;
    border-right: 1px solid #00000057;
    padding: 10px;
}

.jasper-features-list li:nth-child(odd) {
    border-bottom: 1px solid #00000057;
}

.jasper-features-list li:nth-child(even) {
    border-right: 1px solid #00000057;
}

.jasper-features-list li:nth-child(2) {
    border-bottom: 1px solid #00000057;
}

.jasper-features-list li:nth-child(3) {
    border-right: 0;
}

.jasper-features-list li:nth-child(5) {
    border-bottom: 0;
}

.jasper-features-list li:nth-child(6) {
    border-right: 0;
}

.jasper-features-list li p {
    font-weight: 500;
    line-height: 26px;
}

.features-icon {
    width: 90px;
    height: 90px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #ffffff;
    border-radius: 50%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}

.laravel-features .laravel-features-box .features-icon {
    align-items: start;
}

.portfolio-client {
    background: #f5f5f5;
    padding: 30px 0;
}

.portfolio-client .inner-title {
    margin-bottom: 5px;
}

.portfolio-client p {
    font-size: 20px;
    color: #072f30;
}

.portfolio-client ul {
    display: flex;
    justify-content: end;
    gap: 150px;
    flex-wrap: wrap;
}

.project-bg-img img {
    height: auto;
}

.project-bg-content {
    padding-left: 80px;
}

.key-features-box {
    padding: 25px;
    border-radius: 15px;
    background-color: #f8f8fa;
    height: 100%;
}

.key-features-box .inner-title {
    font-size: 21px;
    margin: 15px 0 20px;
    color: #072f30;
}

.key-feturs-img,
.key-feturs-img img {
    height: 100%;
    object-fit: fill;
}

.portfilio-better-exp {
    background: linear-gradient(180deg, rgba(233, 246, 247, 0) 0%, #e9f6f7 100%);
}

.portfilio-main-title {
    font-size: 60px;
    font-weight: 500;
    color: #072f30;
}

.business-challenges-content ul li {
    margin-top: 20px;
    display: flex;
    align-items: center;
    gap: 15px;
}

.key-success-box {
    text-align: center;
    padding: 70px 15px;
    border-radius: 5px;
}

.portfolio-page .key-success-box .portfilio-main-title,
.portfolio-page .key-success-box p {
    color: #fff;
}

.portfolio-page p {
    color: #072f30;
}

.portfolio-page .section-title,
.portfolio-page .inner-title {
    color: #072f30;
}

.portfolio-page .title-caption {
    color: #ffa800;
}

.portfolio-page .get-in-touch {
    background: #f9fbfd;
}

.portfolio-page .section-title {
    font-size: 30px;
    font-weight: 600;
}

/* Blog page css */
.blog-banner .title-caption {
    color: #feb321;
}

.blog-banner .banner-content .banner-title {
    font-size: 40px;
}

.blog-banner-img img {
    height: auto;
    border-radius: 5px;
}

.blog-box-content {
    padding: 30px 0 50px;
}

.blog-box-content .section-title {
    font-weight: 600;
    font-size: 20px;
    margin-bottom: 0;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.main-blog-box img {
    height: auto;
    border-radius: 5px;
    width: 100%;
}

.blog-box-content p {
    line-height: normal;
}

.blog-sidebar {
    position: sticky;
    top: 120px;
}

.blog-sidebar .title-caption {
    font-weight: 700;
    /* text-transform: uppercase; */
    margin-bottom: 10px;
}

.blog-sidebar .form-control {
    box-shadow: unset;
    padding: 8px 40px 8px 15px;
}

.blog-sidebar .form-control:focus {
    border-color: #000;
}

.blog-sidebar input::placeholder {
    color: #bfbfbf;
}

.blog-search-icon {
    position: absolute;
    right: 15px;
    top: 50%;
    cursor: pointer;
    transform: translate(0%, -50%);
}

.tranding-posts ul li {
    border-top: 1px solid #dddddd;
}

.tranding-posts ul li:first-child {
    border-top: 0;
}

.tranding-posts ul li a {
    font-size: 16px;
    font-weight: 600;
    color: #232323;
    padding: 5px 0;
    display: inline-block;
    transition: all 0.5s;
    width: 100%;
}

.tranding-posts ul li a:hover {
    color: #feb321;
}

.blog-categories li a {
    padding: 12px 0;
    font-size: 15px;
    color: #616161;
    border-top: 1px solid #dddddd;
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: all 0.5s;
}

.blog-categories ul {
    max-height: 350px;
    overflow: auto;
    padding-right: 15px;
}

/* width */
.blog-categories ul::-webkit-scrollbar {
    width: 4px;
    border-radius: 5px;
}

/* Track */
.blog-categories ul::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
}

/* Handle */
.blog-categories ul::-webkit-scrollbar-thumb {
    background: #ffa800;
    border-radius: 5px;
}

/* Handle on hover */
.blog-categories ul::-webkit-scrollbar-thumb:hover {
    background: #ffa800;
}

.blog-categories li a:hover {
    color: #feb321;
}

.blog-categories li:first-child a {
    border-top: 0;
}

.recommend-blog-box img {
    border-radius: 5px 5px 0 0;
    height: auto;
}

.recommend-blog-box .inner-title {
    margin-bottom: 10px;
    display: inline-block;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.recommend-blog .owl-theme .owl-nav {
    top: -75px;
}

.recommend-blog .owl-theme .owl-nav button {
    height: 50px;
    width: 50px;
}

.recommend-blog .owl-theme.owl-theme .owl-nav button i {
    font-size: 18px;
}

.recommend-blog-box {
    border: 1px solid #dddddd;
    border-radius: 5px;
}

.recommend-blog-content {
    padding: 15px;
}

.recommend-blog-box p {
    font-size: 15px;
    line-height: normal;
}

.recommend-blog-footer {
    border-top: 1px solid #dddddd;
    padding-top: 15px;
    margin: 15px 0 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
}

.recommend-blog-box .read-more {
    font-size: 14px;
    color: #000000;
    border: 1px solid #616161;
    padding: 5px 15px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: fit-content;
    min-width: 125px;
    transition: all 0.5s;
}

.recommend-blog-box .read-more:hover {
    background-color: #feb321;
    border-color: #feb321;
}

.recommend-blog-footer p {
    display: flex;
    align-items: center;
    gap: 8px;
}

.recommend-blog-slider .owl-stage {
    margin-bottom: 10px;
}

/* Blog detail css */

.blog-detail-info img {
    border-radius: 5px;
    width: 100%;
    object-fit: contain;
    height: auto;
}

.blog-detail-desc p,
.blog-detail-desc li {
    margin-top: 15px;
    font-size: 16px;
}

.blog-detail-desc a {
    color: #ffa800;
}

.blog-detail-desc ul,
.blog-detail-desc ol {
    padding-left: 15px;
    margin-top: 15px;
}

.blog-detail-desc img {
    margin: 30px 0;
    width: 100%;
}

.blog-detail-desc h1,
.blog-detail-desc h2,
.blog-detail-desc h3,
.blog-detail-desc h4,
.blog-detail-desc h5,
.blog-detail-desc h6 {
    color: #000;
    font-weight: 600;
    margin-top: 15px;
}

.blog-detail-desc h2 {
    font-size: 24px !important;
}

.blog-detail-desc h3 {
    font-size: 22px !important;
}

.blog-detail-desc h4 {
    font-size: 20px !important;
}

.blog-detail-desc h5 {
    font-size: 18px !important;
}

.blog-rating {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.blog-rating .rating-star i {
    font-size: 25px;
    color: #ffa800;
    cursor: pointer;
}

.blog-rating .rating-star {
    display: flex;
    align-items: center;
    gap: 15px;
}

.blog-user-box {
    border: 1px solid #ffa800;
    background: #ffa8001a;
    padding: 30px;
    border-radius: 5px;
}

.blog-user-box .user-profile {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-top: 20px;
}

.blog-user-box .user-profile img {
    width: 45px;
    height: 45px;
    min-width: 45px;
    border-radius: 50%;
    object-fit: cover;
}

.blog-table-contents {
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #000000;
    padding-right: 0;
}

.table-contents-detail {
    max-height: 232px;
    overflow: auto;
    padding-right: 20px;
}

/* width */
.table-contents-detail::-webkit-scrollbar {
    width: 4px;
    border-radius: 5px;
}

/* Track */
.table-contents-detail::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
}

/* Handle */
.table-contents-detail::-webkit-scrollbar-thumb {
    background: #ffa800;
    border-radius: 5px;
}

/* Handle on hover */
.table-contents-detail::-webkit-scrollbar-thumb:hover {
    background: #ffa800;
}

.blog-table-contents ul li {
    font-size: 16px;
    font-weight: 600;
    color: #232323;
    margin-bottom: 10px;
}

.blog-table-contents ul {
    list-style: disc;
    padding-left: 20px;
}

.blog-table-contents p {
    font-size: 14px;
    line-height: 24px;
    padding-left: 20px;
}

.get-quote-box {
    padding: 30px;
    background: #ffa80033;
    border-radius: 5px;
}

.sticky-social-icon {
    position: sticky;
    top: 120px;
}

.blog-detail-social li a {
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0px 0px 10px 0px #0000001a;
}

.blog-detail-social li {
    margin-top: 20px;
}

.blog-detail-social {
    position: absolute;
    left: -68px;
}

.blog-detail-social p {
    text-transform: uppercase;
}

/* testimonial page css */

.testimonial-happy-customer {
    background: #f4f6f9;
}

.customer-read-more {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin-top: 20px;
    display: inline-block;
}

.testimonial-happy-customer .customer-role p {
    font-size: 14px;
}

.testimonial-happy-customer .customer-desc p {
    font-size: 15px;
    color: #343d48;
    line-height: normal;
}

.testimonial-happy-customer .customer-profile {
    display: flex;
    gap: 25px;
}

.testimonial-happy-customer .rating-wrap .rating-show:before,
.testimonial-happy-customer .rating-wrap .rating-point:before {
    font-size: 18px;
}

.testimonial-happy-customer .rating-wrap {
    margin-bottom: 10px;
}

.customer-profile-pic img {
    width: 236px;
    height: 243px;
    border-radius: 5px;
    object-fit: cover;
}

.happy-customer-box {
    padding: 30px;
    background: #ffffff;
    border-radius: 5px;
    position: relative;
    height: 100%;
    transition: all 0.5s;
}

.happy-customer-box:hover {
    box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
}

.testimonial-page .companies-logo-list .section-head {
    margin-bottom: 0;
}

.happy-customer-box .testmonials-icon {
    top: 30px;
    right: 30px;
}

.testimonial-globel-client.get-in-touch {
    background: #fe992a;
}

.testimonial-globel-client .title-caption,
.testimonial-globel-client .section-title {
    color: #fff;
}

.testimonial-globel-client.get-in-touch .site-btn {
    background-color: #fff;
    color: #000;
    min-width: 222px;
}

.testimonial-globel-client.get-in-touch .site-btn:hover {
    background: none;
    border-color: #fff;
    color: #fff;
}

.testimonial-globel-client.get-in-touch .site-btn:hover svg path {
    fill: #fff;
}

.customer-video .customer-content {
    position: absolute;
    padding: 30px;
    width: 100%;
    height: 100%;
    background: #000000b2;
    border-radius: 5px;
    left: 0;
    top: 0;
}

.customer-video {
    padding: 0 !important;
}

.customer-video img {
    height: 100%;
}

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

.customer-video .customer-content .inner-title,
.customer-video .customer-content p {
    color: #fff;
}

.customer-video-modal .modal-dialog {
    max-width: 1400px;
}

.customer-video-modal video {
    display: block;
}

.customer-video-modal iframe {
    display: block;
}

.customer-video-modal .btn-close {
    position: absolute;
    right: 30px;
    top: 30px;
    z-index: 9999;
}

.customer-video-modal .btn-close {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 9999;
    opacity: 1;
    background: #000;
    padding: 20px;
    border-radius: 0;
    box-shadow: unset;
}

/* FAQ PAGE CSS */
.faq-banner .banner-content,
.blog-banner .banner-content {
    padding: 0;
}

.faq-category-section {
    background-color: #f4f6f9;
}

.faq-banner .site-btn {
    margin-top: 20px;
}

.faq-category-list {
    box-shadow: 0px 0px 20px 0px #00000014;
    padding: 15px 20px;
    border-radius: 5px;
    background-color: #fff;
    position: sticky;
    top: 120px;
}

.faq-category-list li a {
    font-size: 16px;
    color: #000;
    font-weight: 500;
    padding: 10px 0;
    border-top: 1px solid #ededed;
    width: 100%;
    display: inline-block;
    transition: all 0.5s;
}

.faq-category-list li a:hover,
.faq-category-list li .active {
    color: #ffa800;
}

.faq-category-list li:first-child a {
    border-top: 0;
}

.faq-category-head {
    font-size: 25px;
    font-weight: 500;
    padding: 12px 20px;
    border-radius: 5px;
    box-shadow: 0px 0px 20px 0px #00000014;
    color: #ffa800;
    background-color: #fff;
}

/* Contact Us page css */
.contact-us-banner {
    box-shadow: 0px 1px 0px 0px #eaeaea;
}

.contact-us-banner .inner-banner-img img {
    height: 507px;
}


.clients-solutions-list ul {
    display: flex;
    flex-wrap: wrap;
}

.clients-solutions-list ul li {
    display: flex;
    gap: 40px;
    width: 50%;
    padding: 40px 20px 40px 80px;
    margin-bottom: -1px;
    margin-left: -1px;
    border-top: 1px solid #d9d9d9;
}

.clients-solutions-list li:nth-child(even) {
    border-left: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
}

.clients-solutions-list li:first-child,
.clients-solutions-list li:nth-child(2) {
    border-top: 0;
}

.clients-solutions-list li:nth-child(3) {
    border-right: 1px solid #d9d9d9;
}

.clients-solutions-list li:last-child {
    border-bottom: 0;
}

.clients-solutions-list .client-solution-text h2 {
    font-size: 70px;
    font-weight: 400;
    color: #000;
    margin: 0;
}

.clients-solutions-list .client-solution-text p {
    font-size: 18px;
    color: #ffa800;
}

.contact-us-page .section-head .section-title {
    margin-bottom: 25px;
}

.global-locations {
    background-color: #f4f6f9;
}

.global-location-list {
    -webkit-column-count: 3;
    /* Chrome, Safari, Opera */
    -moz-column-count: 3;
    /* Firefox */
    column-count: 3;
}

.global-location-box {
    position: relative;
    margin-bottom: 15px;
}

.global-location-box .location-text {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    color: #fff;
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 100%, rgba(0, 0, 0, 0.16) 100%);
    width: 100%;
    padding: 30px;
    text-align: center;
    border-radius: 5px;
}

.global-location-box .fit-img {
    height: 100%;
}

.global-location-list .section-head {
    padding: 137px 0;
}

.quick-contact-list ul {
    display: flex;
    flex-wrap: wrap;
}

.quick-contact-list ul li {
    width: 50%;
    border: 1px solid #d9d9d9;
    padding: 40px 30px;
    display: flex;
    align-items: center;
    gap: 30px;
    margin-bottom: -1px;
    margin-left: -1px;
}

.quick-contact-list ul li p {
    font-size: 20px;
    color: #ffa800;
}

.quick-contact-list ul li a {
    font-size: 24px;
    color: #000;
    font-weight: 700;
}

.contact-us-page .get-in-touch {
    background: #c6c6c633;
}

.looking-job-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.looking-job-list p {
    font-size: 20px;
    color: #ffa800;
}

.looking-job-list h2 {
    font-weight: 700;
}

.looking-job-content {
    padding: 0 45px;
}

.looking-job-content:nth-child(odd) {
    border-right: 1px solid #d9d9d9;
}

.our-global-offices {
    background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0) 60%, #f4f6f9 100%);
}

/* Career Page css */
.career-grow-together {
    min-height: 675px;
    display: flex;
    align-items: end;
}

.grow-together-content {
    background: #ffffff;
    padding: 30px;
    border-radius: 5px;
}

.current-opening-info li {
    font-size: 14px;
    color: #696969;
    font-weight: 400;
    padding: 0 12px;
    border-left: 1px solid #d9d9d9;
}

.current-opening-info li:first-child {
    border-left: 0;
    padding-left: 0;
}

.current-opening-info .box-head-wrp {
    margin-bottom: 20px;
}

.current-opening-info {
    width: 100%;
}

.current-opening-info .section-title {
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 0;
}

.current-opening-info ul {
    display: flex;
    align-items: center;
}

.current-opening-info li span {
    font-weight: 700;
    color: #000;
}

.current-opening-box {
    display: flex;
    gap: 20px;
    background: #f4f6f9;
    padding: 30px 30px 15px;
    border-radius: 5px;
    position: relative;
}

.check-opning-arrow {
    position: absolute;
    right: 0;
    bottom: 0;
    padding: 10px;
    background-color: #fff;
    display: inline-block;
    border-radius: 5px 0px 0px 0px;
    z-index: 9;
    border-top: 1px solid #f4f6f9;
    border-left: 1px solid #f4f6f9;
}

.career-current-opening .accordion-button {
    border: 0;
    box-shadow: unset;
    border: 1px solid #f4f6f9;
    border-bottom: 0;
}

.career-current-opening .accordion-button::after {
    content: unset;
}

.career-current-opening .accordion-button:not(.collapsed) {
    background-color: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 5px 5px 0 0;
    border-bottom: 0;
}

.career-current-opening .accordion-item {
    border: 0;
    position: relative;
    margin-top: 20px;
}

.career-current-opening .accordion-body {
    border-top: 1px solid #d9d9d9;
    margin: 0 30px;
    padding-left: 0;
    padding-right: 0;
}

.career-current-opening .accordion-collapse {
    border: 1px solid #d9d9d9;
    border-top: 0;
}

.apply-btn {
    font-size: 14px;
    color: #feb321;
    background-color: #020202;
    padding: 8px 12px;
    border-radius: 5px;
    display: none;
    transition: all 0.5s;
    border: 1px solid transparent;
}

.apply-btn:hover {
    border-color: #000;
    background: none;
    color: #000;
}

.career-current-opening .accordion-button:not(.collapsed) .apply-btn {
    display: block;
}

/* .career-current-opening .job-icon{
    min-width: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
} */
.career-current-opening .job-icon {
    min-width: 35px;
}

.career-current-opening .job-icon img {
    width: 30px;
    object-fit: contain;
    width: auto;
}

.career-current-opening .accrdion-data h3 {
    font-size: 14px;
    color: #000000;
    font-weight: 700;
}

.career-current-opening .accrdion-data ul {
    list-style: disc;
    padding-left: 20px;
}

.career-current-opening .accrdion-data ul li {
    font-size: 14px;
    color: #696969;
    margin-top: 15px;
}

.our-journey-box .journey-count-text {
    margin: 0;
}

.our-journey-box .counter-wrp span,
.our-journey-box .journey-count-text {
    font-size: 40px;
    color: #000000;
    font-weight: 700;
}

.our-journey-box .counter-wrp {
    justify-content: start;
    margin-bottom: 10px;
}

.our-journey-box .counter-wrp span {
    font-size: 40px;
    color: #000000;
    font-weight: 700;
}

.our-journey-box .inner-title {
    font-weight: 400;
    color: #ffa800;
    margin-bottom: 15px;
    text-transform: capitalize;
}

.our-journey-box {
    position: relative;
    padding-right: 20px;
    padding-top: 35px;
    height: 100%;
}

.our-journey-box::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    height: 90%;
    width: 1px;
    background-color: #d9d9d9;
}

.our-journey-box::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 92%;
    height: 1px;
    background-color: #d9d9d9;
}

.our-journey-column:nth-child(1) .our-journey-box::before {
    content: unset;
    padding-top: 0;
}

.our-journey-column:nth-child(2) .our-journey-box::before {
    content: unset;
    padding-top: 0;
}

.our-journey-column:nth-child(3) .our-journey-box::before,.our-journey-column:nth-child(4) .our-journey-box::before,
.our-journey-column:nth-child(4) .our-journey-box::after {
    content: unset;
    padding-top: 0;
}

.our-journey-column:last-child .our-journey-box::after {
    content: unset;
}

.our-journey-column:nth-child(8) .our-journey-box::after {
    content: unset;
}

.life-isync-content .section-title {
    margin-bottom: 40px;
}

.life-isync-content .site-btn {
    margin-top: 40px;
}

.life-at-isync {
    background: #f4f6f9;
}

.life-isync-img,
.life-isync-img img {
    height: 100%;
}

.you-get-all {
    background-color: #f4f6f9;
}

.you-get-all .inner-box {
    border: 0;
}

.you-get-all .php-services-icon img {
    max-width: 60px;
    width: auto;
    height: auto;
}

.our-team-says .our-team-box {
    padding: 25px;
    transition: all 0.5s;
}

.our-team-says .our-team-box:hover {
    background-color: #f4f6f9;
}

.our-team-says .our-team-profile {
    margin-bottom: 25px;
}

.our-team-says .our-team-profile .team-profile-pic img {
    height: 80px;
    width: 80px;
    object-fit: cover;
    border-radius: 50%;
    border: 1px solid #00000014;
}

.our-team-says.testimonials {
    background: none;
}

.apply-your-position-modal .modal-dialog {
    max-width: 1400px;
}


.cv-file-upload {
    border: 1px dashed #D4D4D4;
    background: #F3F3F3;
    padding: 25px;
    text-align: center;
    border-radius: 16px;
    margin-bottom: 30px;
}

.contact-fotm-footer .cv-file-upload .file-upload {
    width: auto;
    background: #ffa800;
    color: #000;
    border: 0;
    padding: 12px 30px;
}

.upload-text {
    font-size: 16px;
    font-weight: 600;
    color: #000;
    margin-top: 15px;
}

.contact-fotm-footer .form-group input {
    height: 25px;
    width: 25px;
    border-radius: 5px;
    border: 1px solid #dadada;
    box-shadow: unset;
    margin-top: 0;
}

.contact-fotm-footer .form-group {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 50px;
}

.contact-fotm-footer .form-group label {
    color: #656565;
}

.contact-fotm-footer .form-check-input:checked {
    background-color: #feb321;
    border-color: #feb321;
}

.apply-your-position-modal .contact-form-box .form-group select {
    color: #565656b2;
}

.apply-your-position-modal .section-title {
    font-weight: 700;
}

/* About page css */
.about-us-banner {
    border-bottom: 1px solid #eaeaea;
}

.about-ourmisson-box {
    background: #e2fbff;
    padding: 30px;
    border-radius: 5px;
    height: 100%;
}

.about-ourmisson-box .section-title {
    margin-bottom: 18px;
    font-weight: 700;
}

.about-ourmisson-box .models-icon-circle {
    height: 60px;
    width: 60px;
    background-color: #fff;
    margin-bottom: 30px;
}

.about-our-mission {
    border-top: 1px solid #eaeaea;
}

.ourmisson-column:nth-child(2) .about-ourmisson-box {
    background: #ffeddb;
}

.ourmisson-column:nth-child(3) .about-ourmisson-box {
    background: #d7fff0;
}

.our-methodology-box {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    padding: 40px 30px;
    display: flex;
    align-items: center;
    gap: 25px;
    background-color: #fff;
    transition: all 0.5s;
}

.our-methodology-box:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

.methodology-technologies-img {
    height: 350px;
}

.methodology-technologies-img img {
    height: 100%;
}

.methodology-count {
    width: 57px;
    height: 57px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    box-shadow: 4px 4px 34px 0px #fdb9134f;
    font-size: 24px;
    font-weight: 500;
    color: #000;
    background-color: #fff;
}

.why-isync-content {
    border: 1px solid #d9d9d9;
    padding: 30px;
    border-radius: 5px;
}

.about-why-isync {
    column-count: 2;
    column-gap: 30px;
}

.why-isync-section .why-isync-content,
.why-isync-section .why-isync-img {
    margin-top: 30px;
    display: inline-block;
}

.why-isync-section .why-isync-img {
    width: 100%;
}

.why-isync-section .why-isync-img img {
    height: 435px;
}

.isync-seo-info {
    padding: 25px;
    height: 100%;
}

.ceo-profile-wrp {
    display: flex;
    align-items: center;
    gap: 20px;
    margin-bottom: 20px;
}

.ceo-intro-content .ceo-name {
    font-size: 30px;
    font-weight: 700;
    color: #ac9569;
    margin-top: 0px;
}

.ceo-intro-content .ceo-text {
    font-size: 18px;
}

.isync-seo-info .ceo-profile img {
    width: 125px;
    min-width: 125px;
    height: 125px;
}

.seo-list {
    border: 1px solid #c7c7c7;
    border-radius: 5px;
}

.ceo-box:first-child .isync-seo-info {
    border-right: 1px solid #c7c7c7;
}

.our-corevalue-img-box span {
    font-weight: 400;
}

.core-value-list .section-title {
    font-size: 22px;
    margin-bottom: 15px;
}

.our-corevalue-img-box {
    position: sticky;
    top: 120px;
}

.core-value-list {
    border-left: 1px solid #d9d9d9;
    padding-left: 30px;
    height: 100%;
}

.core-value-list ul li {
    border-top: 1px solid #d9d9d9;
    padding: 30px 0;
}

.core-value-list ul li:first-child {
    border-top: 0;
    padding-top: 0;
}

.core-value-list ul li:last-child {
    padding-bottom: 0;
}

.articals-content p {
    margin-top: 15px;
}

/* Lefe of iSync page css  */

.events-isyncevolution .events-box {
    padding: 30px;
    border-radius: 5px;
    border: 1px solid #d9d9d9;
    height: 100%;
}

.events-isyncevolution .events-box img {
    height: 338px;
    margin-bottom: 25px;
}

.events-isyncevolution .events-box p {
    font-size: 15px;
}

.infrastructure-list-box .infrastructure-icon {
    margin-bottom: 30px;
}

.infrastructure-list-box .infrastructure-icon img {
    max-width: 94px;
    object-fit: contain;
}

.infrastructure-list-box li {
    padding: 40px 30px;
    text-align: center;
    border: 1px solid #cbcbcb;
    width: 50%;
    margin-left: -1px;
    margin-bottom: -1px;
}

.infrastructure-list-box ul {
    display: flex;
    flex-wrap: wrap;
}

.infrastructure-list-box li:first-child {
    border-radius: 70px 0 0;
}

.infrastructure-list-box li:last-child {
    border-radius: 0 0 70px;
}

.perks-of-being-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.perks-of-being-list li {
    width: 20%;
    text-align: center;
    /* padding: 20px; */
    transition: all 0.5s;
}

/* .perks-of-being-list li:hover{
    background: #fff;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
} */

.perks-of-being-list .perks-list-icon {
    margin-bottom: 20px;
}

.our-team-section .our-team-img {
    padding-right: 50px;
}

/* Our Methodology page css */

.our-methodology-desc {
    border-radius: 5px;
    border: 1px solid #d8d8d8;
    padding: 40px 100px;
    text-align: center;
}

.our-methodology-desc h2 {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 30px;
}

.our-methodology-technologies .row:nth-child(odd) {
    flex-direction: row-reverse;
}

/* Our Infrastructure page css */

.our-office-img img {
    height: 100%;
    width: 100%;
    transition: all 0.5s;
    border-radius: 5px;
    height: 350px;
}

.left-image.our-office-img img {
    height: 624px;
}

.small-images.our-office-img img {
    height: 250px;
}

.infrastructure-choose .count-technologies-wrp .section-title {
    margin-bottom: 15px;
}

.infrastructure-choose .methodology-technologies-img,
.our-office-img {
    overflow: hidden;
    border-radius: 5px;
}

.infrastructure-choose .methodology-technologies-img:hover img,
.our-office-img:hover img {
    transform: scale(1.1);
}

.infrastructure-choose .methodology-technologies-img img {
    transition: all 0.6s;
}

/* our-certifications page css */
/* .our-certifications {
    background: #fafcff;
} */
.certifications-image img {
    object-fit: contain;
    width: auto;
    height: 245px;
}

.certifications-box {
    background: #F6EEDF;
    padding: 50px;
    border-radius: 20px;
    max-width: 1169px;
    margin-left: auto;
    margin-right: auto;
}

.certifications-box h2 {
    font-size: 30px;
    font-weight: 500;
    margin-bottom: 15px;
}

.certifications-box strong {
    color: #000;
}

.certifications-box h2 span {
    color: #FFA800;
}

.certifications-box p {
    margin-top: 10px;
}

.certifications-box:nth-child(even) .row {
    flex-direction: row-reverse;
}

.our-certifications .php-services-icon img {
    width: auto;
    max-width: 100px;
}

.our-certifications .php-services-icon {
    min-height: 63px;
}

.our-certifications .inner-box {
    padding: 30px;
}

.certifications-column:nth-child(1) .inner-box {
    background: #fefcf8;
}

.certifications-column:nth-child(2) .inner-box {
    background: #fbfef8;
}

.certifications-column:nth-child(3) .inner-box {
    background: #f8f9fe;
}

.certifications-column:nth-child(4) .inner-box {
    background: #fef8f8;
}

.certifications-page .services-section {
    background: #fafafa;
    box-shadow: unset;
}

.certifications-page .services-section .services-box {
    padding: 30px;
    background: none;
}

.certifications-page .services-section .services-box .services-icon {
    aspect-ratio: unset;
}

.certifications-page .services-section .services-box .services-icon img {
    max-width: 75px;
    object-fit: contain;
}

/* Our Team Page css */

.our-team-page .our-methodology-desc {
    background: linear-gradient(90deg, #fff8ec 0%, #ffffff 100%);
}

.our-team-banner {
    position: relative;
    min-height: 639px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.our-team-banner.inner-banner {
    height: auto !important;
}

.our-team-banner::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000000bf;
}

.our-team-banner .banner-content {
    position: relative;
    z-index: 1;
}

.our-team-banner .banner-content .banner-title,
.our-team-banner .banner-content p {
    color: #fff;
}

.isynclogo-wrp img {
    object-fit: contain;
}

.isynclogo-wrp {
    margin: 30px 0 40px;
}

.real-result-content {
    padding: 30px;
    border: 1px solid #d9d9d9;
    border-radius: 5px;
}

.real-result-content,
.real-result-img,
.real-result-img img {
    height: 100%;
}

.real-result-content li {
    border-top: 1px solid #d9d9d9;
    padding: 30px 0;
}

.real-result-content li:first-child {
    border-top: 0;
    padding-top: 0;
}

.real-result-content li:last-child {
    padding-bottom: 0;
}

.our-team-page .php-services .models-icon-circle {
    margin-bottom: 15px;
}

.php-services-box:hover,
.relatd-services-box:hover,
.advantage-developer-box.inner-box:hover,
.developers-box:hover {
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
    position: relative;
    background-color: #fff;
}

.our-team-list li img {
    height: 150px;
    margin-bottom: 20px;
}

.our-team-list li .inner-title {
    margin-bottom: 7px;
}

.our-team-list li p {
    font-size: 14px;
    line-height: normal;
}

.our-team-list ul {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    gap: 30px;
    row-gap: 50px;
}

/* 404 page  */

.page-not-found {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100vh;
    padding: 30px 0;
}

.notfound-img img {
    height: 486px;
    object-fit: contain;
}

/* Sitemap page css */

.sitemap-banner {
    background: #f4f6f9;
}

.sitemap-head-text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 5px;
    flex-wrap: wrap;
}

.sitemap-head {
    background: #fff2e4;
}

.sitemap-head span {
    color: #0000001a;
    -webkit-text-fill-color: transparent;
    -webkit-text-stroke-width: 1px;
    font-size: 100px;
    font-weight: 700;
    line-height: normal;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.sitemap-inner-title {
    font-size: 18px;
    font-weight: 700;
    color: #000000;
    border-bottom: 1px solid #eaeaea;
    padding-bottom: 10px;
    margin-bottom: 20px;
}

.sitemap-menu ul a {
    font-size: 15px;
    padding: 0;
    font-weight: 400;
    color: #02073e;
    margin-bottom: 20px;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    gap: 15px;
}

.sitemap-menu ul a:hover {
    color: #ffa800;
}

.sitemap-menu-icon svg,
.sitemap-menu-icon img {
    height: 30px;
    width: 30px;
    object-fit: contain;
}

.list-sitemap-wrp {
    padding: 50px 30px 0;
}

.sitemap-menu-list:nth-child(2) .sitemap-head {
    background: #defaff;
}

.sitemap-menu-list:nth-child(3) .sitemap-head {
    background: #ffebeb;
}

.sitemap-menu-list:nth-child(4) .sitemap-head {
    background: #e3fff5;
}

/* Terms and condition page css */
.page-content-wrp h2 {
    font-size: 24px;
    color: #000000;
    font-weight: 700;
    margin-bottom: 30px;
    border-top: 1px solid #d9d9d9;
    margin-top: 40px;
    padding-top: 40px;
}

.page-content-wrp h2:first-child {
    margin-top: 0;
    padding-top: 0;
    border: 0;
}

.page-content-wrp h3 {
    font-size: 18px;
    color: #000000;
    font-weight: 500;
    margin-bottom: 0;
}

.page-content-wrp ul li,
.page-content-wrp p {
    margin-top: 30px;
    color: #616161;
}

.page-content-wrp ul {
    list-style: circle;
    padding-left: 20px;
}

.page-content-wrp ul ::marker {
    font-size: 25px;
    line-height: normal;
    color: #ffa800;
}

.privacy-policy-banner {
    background: #f9f5f4;
}

.terms-condition-banner {
    background: #f7f9f4;
}

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

.spinner {
    border: 8px solid #f3f3f3;
    border-top: 8px solid orange;
    border-radius: 50%;
    width: 60px;
    height: 60px;
    animation: spin 1s linear infinite;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.service-menu-dropdown {
    border: 0;
    padding: 0;
    background: none;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}

.service-menu-dropdown:hover i {
    transition: all 0.5s;
}

.service-menu-dropdown:hover span,
.service-menu-dropdown.show span,
.service-menu-dropdown:hover i,
.service-menu-dropdown.show i {
    color: #ffa800;
}

.service-menu-dropdown.show i {
    transform: rotate(180deg);
}

.back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #ffa800;
    border: 1px solid #ffa800;
    border-radius: 6px;
    cursor: pointer;
    z-index: 1;
    transition: all 0.5s;
    width: 45px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
}


.back-to-top.show {
    opacity: 1;
}

.whatsapp-icon {
    position: fixed;
    left: 20px;
    bottom: 20px;
    display: block;
    z-index: 1;
}

.whatsapp-icon img {
    width: 60px;
    height: 60px;
    object-fit: contain;
}

/* germany partnership page */
.consulting-Partner .inner-box {
    height: auto;
    margin-bottom: 20px;
}

.consulting-Partner .inner-box:last-child {
    margin-bottom: 0;
}

.consulting-Partner .inner-box .features-icon {
    margin-bottom: 0;
    min-width: 62px;
    height: auto;
    width: auto;
}

.collaboration-model .development-benefit ul:last-child {
    border: 0;
}

.collaboration-model .development-benefit ul {
    width: 100%;
    padding-left: 20px;
    padding-right: 0;
}

.collaboration-model .development-benefit ul li {
    margin-bottom: 10px;
}

.collaboration-model .development-benefit ul li:last-child {
    margin-bottom: 0;
}

.practical-advantages .inner-box .icon-box {
    width: 70px;
    height: 70px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    border: 1px solid #D8D8D8;
    margin-bottom: 10px;
    overflow: hidden;
}

.practical-advantages .inner-box .icon-box img {
    max-height: 46px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.quality-bridge .inner-box p {
    line-height: 25px;
}

.faq-about-partnership .accordion .accordion-item {
    border-color: #D9D9D9;
}

.faq-about-partnership .accordion-button::after {
    color: #000000;
}


/* thnkyou modal */
.thankyou.apply-your-position-modal .modal-dialog {
    max-width: 800px;
}

.thankyou.apply-your-position-modal .section-title {
    font-size: 35px;
    margin-bottom: 25px;
    font-weight: 900;
}

.contact-details {
    padding: 30px;
    background: #ffa80014;
}

.info-item {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 25px;
}

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

.info-item a {
    color: #000;
    font-weight: 700;
    font-size: 14px;
    transition: all 0.5s;
}

.info-item a:hover {
    color: #ffa800;
}

.info-item svg {
    width: 22px;
    height: 22px;
}

.thankyou .section-head {
    margin: auto;
    padding: 30px;
}

.thankyou .section-head p {
    font-size: 15px;
    line-height: normal;
}

.thankyou .section-head img {
    margin-bottom: 30px;
    width: 180px;
    height: auto;
    object-fit: contain;
}

body .widget-visible {
    z-index: 1 !important;
    position: relative;
}

.contry-drop {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 0 !important;
    cursor: pointer;
    font-size: 18px;
}

.contact-dropdown .phonenumber {
    padding-bottom: 4px;
    font-size: 14px;
    border-color: #c5c5c5 !important;
}

.contact-dropdown .divider {
    width: 1px;
    height: 18px;
    background: #c5c5c5;
    margin: 0 5px;
}

.counry-select-drop {
    max-width: 300px;
    width: 100% !important;
}