@import url("https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;600;700;800&display=swap");

html {
    min-height: 100%;
    position: relative;
    margin: 0 !important;
    padding: 0 !important;
}

* {
    outline: 0;
}

.btn-primary:focus {
    border: 0;
    box-shadow: none;
}

* {
    -webkit-font-smoothing: auto;
    -webkit-font-smoothing: antialiased;
    outline: 0;
    outline: 0;
}

input,
textarea,
select {
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 0;
}

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

body.business-sol {
    padding-top: 0;
}

body {
    color: #000000;
    padding: 0;
    margin: 0 auto;
    line-height: normal;
    font-size: 16px;
    font-family: "Raleway", sans-serif;
    counter-reset: section;
    overflow-x: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: bold;
}
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
li,
img,
a,
input,
select,
div {
    margin: 0;
    padding: 0;
    outline: none !important;
    box-shadow: none;
    border: 0;
    list-style: none;
}

::-webkit-input-placeholder {
    opacity: 1;
    color: #9c9c9c;
}

:-moz-placeholder {
    opacity: 1;
    color: #9c9c9c;
}

::-moz-placeholder {
    opacity: 1;
    color: #9c9c9c;
}

:-ms-input-placeholder {
    opacity: 1;
    color: #9c9c9c;
}

p {
    color: #333;
    line-height: 170%;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.3px;
}

a {
    text-decoration: none;
    color: #000;
}

a:hover {
    color: #000;
}

a:hover,
a:focus {
    text-decoration: none;
    outline: 0;
}
a.link {
    color: #febd4a;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.3s ease;
    text-transform: uppercase;
    display: inline-flex;
    align-items: center;
}

a.link:hover {
    color: #333;
}
h3 {
    font-size: 24px;
}
h2 {
    font-size: 45px;
}
h5 {
    font-size: 13px;
}
p {
    font-size: 16px;
    color: #000;
    font-weight: 400;
    line-height: 1.7;
}
section.paddingTop {
    padding-top: 92px;
}
section.paddingBottom {
    padding-bottom: 92px;
}
.container {
    max-width: 1479px;
}
.container-medium {
    max-width: 1333px;
}
header .container {
    max-width: 1749px;
}
header {
    padding: 0px 0;
    position: absolute;
    z-index: 99999;
    top: 0;
    left: 0;
    width: 100%;
}
header .header-inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}
.navigation {
    display: flex;
    align-items: center;
}
.navigation nav ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.navigation nav .main-ul > li {
    padding: 42px 20px;
}
.navigation nav li a {
    font-size: 20px;
    color: #fff;
    transition: all 0.3s ease;
    font-weight: 700;
}
.navigation nav li a:hover {
    color: #febd4a;
}
.navigation button {
    margin-left: 20px;
}
.btn-primary,
.btn-primary:active,
.btn-primary:focus,
.btn-check:checked + .btn,
.btn.active,
.btn.show
/* .btn:first-child:active, */
/* :not(.btn-check) + .btn:active  */ {
    border-radius: 50px;
    font-size: 18px;
    padding: 18px 50px;
    line-height: 1;
    font-weight: 700;
    border: 1px solid #febd4a;
}
.btn-primary.btn-white {
    background-color: #ffffff;
    border-color: #fff;
    color: #000;
}
.btn-primary.btn-white:hover {
    background-color: transparent;
    color: #fff;
}
.btn-primary.btn-orange,
.btn-primary:active,
.btn-primary:focus,
.btn-primary,
.btn-check:checked + .btn,
.btn.active,
.btn.show,
.btn:first-child:active,
:not(.btn-check) + .btn:active {
    background-color: #febd4a;
    border-color: #febd4a;
    color: #fff;
}
.btn-primary.btn-orange:hover,
.btn-primary:hover {
    background-color: transparent;
    color: #febd4a;
}

.banner {
    padding: 284px 0;
    background-color: #13213e !important;
    background-image: url("../images/banner-img.jpg");
    background-image: url("../images/banner-img.webp");
    background-position: center;
    background-size: cover;
    position: relative;
}
.banner::after {
    content: "";
    background-color: #13213e;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    display: none;
}
.innerpage {
    background-color: rgb(0 0 0 / 26%);
}
.about-banner {
    background-image: url("../images/About-banner-bg.jpg");
}
.banner.contact-banner {
    background-image: url("../images/contact-banner-image.jpg");
    background-image: url("../images/contact-banner-image.webp");
    padding: 197px 0 320px;
}
.react-banner {
    background-image: url("../images/react/react-banner-bg.jpg");
    padding: 324px 0 calc(324px - 148px);
}
.dedicated-developer {
    background-image: url("../images/dedicated-developer/banner-bg.png");
}
.frontend-developer {
    background-image: url("../images/frontend-developer/banner-image.webp");
}
.backend-developer {
    background-image: url("../images/frontend-developer/banner-image.webp");
}

.banner-inner {
    position: relative;
    z-index: 1;
    text-align: center;
    color: #fff;
}
.banner-inner h3,
.banner-inner .banner-heading {
    font-size: 82px;
    font-weight: 400;
    line-height: 1;
    margin-bottom: 30px;
}
.banner-inner h1 {
    font-size: 114px;
    font-weight: 700;
    color: #febd4a;
    line-height: 1;
}
.banner-inner p {
    font-size: 26px;
    font-weight: 700;
    color: #fff;
    margin-top: 30px;
}
.banner-inner button {
    margin-top: 70px;
}

/* .banner::before {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    opacity: 0.9;
    background-color: #14213d;
} */
.type-of-support .type-of-sypport-inner {
    padding: 58px 93px;
    background-color: #fff;
    box-shadow: 0 6px 87px rgba(0, 0, 0, 0.1);
}
.type-of-support {
    margin-top: -140px;
    z-index: 1;
    position: relative;
}
.type-of-support .row {
    margin: 0 -48px;
}
.support-card {
    padding: 0 33px;
}
.type-of-support .col-md-4 {
    position: relative;
}
.type-of-support .col-md-4:not(:last-child):after {
    content: "";
    height: 100%;
    width: 1px;
    background-color: #dcdcdc;
    position: absolute;
    right: 0;
    top: 0;
}
.support-card .top {
    display: flex;
    align-items: center;
}
.support-card .content {
    margin-left: 26px;
}
.support-card .content h5 {
    font-size: 13px;
    font-weight: 700;
    color: #febd4a;
    text-transform: uppercase;
}
.support-card .content h3 {
    font-size: 24px;
    font-weight: 700;
    color: #000000;
    text-transform: uppercase;
    margin-top: 8px;
    line-height: 1.5;
}
.support-card .bottom-content {
    margin-top: 28px;
}
.support-card .bottom-content a {
    margin-top: 16px;
}
.heading-top {
    margin-bottom: 51px;
}
.heading-top h2 {
    font-weight: bold;
    margin-bottom: 29px;
}
.heading-top p {
    margin-bottom: 0;
    font-size: 17px;
}
.skillset .logos {
    display: flex;
    flex-wrap: wrap;
    gap: 29px 22px;
    justify-content: space-between;
}
.skillset .logo {
    width: 165px;
    height: 165px;
    padding: 30px;
    text-align: center;
    border: 1px solid #d4d4d4;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    transition: all 0.3s ease;
    background-color: #fff;
}
.skillset .logo > a {
    display: block;
    width: 100%;
    height: 100%;
}
.skillset .logo:hover {
    border-color: transparent;
    box-shadow: 0 6px 87px rgba(0, 0, 0, 0.1);
}
.skillset .logo:hover h5 {
    font-weight: bold;
}
.skillset .logo h5 {
    margin-top: 20px;
    font-weight: 400;
    font-size: 16px;
    color: #000;
}
.bg-grey {
    background-color: #fefefe;
}
.bg-grey-100 {
    background-color: #f4f4f4;
}
.bg-grey-200 {
    background-color: #f3f3f3;
}
.bg-white {
    background-color: #fff;
}
div.bg-grey section,
div.bg-grey-100 section {
    background-color: inherit !important;
}
.skillset .last-box {
    width: 41.89%;
    background-color: #14213d;
    padding: 19px 30px 25px;
}
.skillset .last-box h3 {
    font-size: 28px;
    color: #fff;
    margin-bottom: 18px;
}
.developer-steps {
    padding: 80px 0;
    background-color: #13213e !important;
    background-image: url("../images/medium-shot-woman-working-laptop-new.jpg");
    background-image: url("../images/medium-shot-woman-working-laptop-new.webp");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
}
.developer-steps .heading-top {
    margin-bottom: 40px;
}
.developer-steps .heading-top p {
    color: #fff;
}
.bottom-sharp {
    position: relative;
}
.bottom-sharp::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1px;
    right: 0;
    width: 100%;
    background-image: url(../images/sharp.svg);
    background-position: center;
    background-size: cover;
    height: 100px;
}
.bottom-steps {
    display: flex;
    flex-direction: column;
    gap: 22px 0;
    position: relative;
}
.bottom-steps .steps {
    position: relative;
    padding-left: 40px;
}
.bottom-steps .steps h3 {
    font-size: 26px;
}
.bottom-steps .steps::before {
    content: "";
    position: absolute;
    width: 28px;
    height: 28px;
    background-image: url(../images/check-white.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 50%;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    border: 1.5px solid #febd4a;
    border-radius: 50%;
    background-color: #14213d;
}
.bottom-steps::before {
    content: "";
    position: absolute;
    left: 14px;
    width: 1px;
    height: 100%;
    top: 0;
    background-color: #febd4a;
}
.c-orange {
    color: #febd4a;
}
.hiring-developer .hiring-developer-inner {
    padding: 60px 20px;
    background-color: #f1f1f1;
    border: 1px solid #dddddd;
    border-radius: 200px;
}
.image-wrapper img {
    display: block;
    margin: 0 auto;
    object-fit: cover;
}
.hiring-developer .hiring-developer-inner h2 {
    font-size: 40px;
    margin-bottom: 22px;
}
.hiring-developer .hiring-developer-inner p {
    font-size: 24px;
    color: #ffffff;
    margin-bottom: 30px;
}
.hiring-developer {
    margin-top: -185px;
    position: relative;
}
.hiring-developer .image-wrapper img {
    border-radius: 50%;
}

.slick-prev,
.slick-next,
.slick-prev:hover,
.slick-prev:focus,
.slick-next:hover,
.slick-next:focus {
    background-image: url(../images/arrow-black.svg);
    background-repeat: no-repeat;
    width: 60px;
    height: 60px;
    box-shadow: 2px 0 19px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-position: center;
    border-radius: 50%;
    background-color: #fff;
}
.slick-prev:before,
.slick-next:before,
.slick-prev:hover:before,
.slick-prev:focus:before,
.slick-next:hover:before,
.slick-next:focus:before {
    opacity: 0;
}
.recent-work-slider {
    padding: 0 90px;
    margin-bottom: 0;
}
.slick-prev {
    left: 0;
    transform: translate(0, -50%) rotate(180deg);
}
.slick-next {
    right: 0;
}
.recent-work .heading-top {
    max-width: 1260px;
    margin: 0 auto 28px;
}
.recent-work .recent-work-slider h2 {
    font-size: 32px;
    text-transform: uppercase;
    margin-bottom: 8px;
}
.recent-work .recent-work-slider .small-desc {
    font-size: 17px;
}
.recent-work .recent-work-slider .desc {
    margin-bottom: 37px;
}
.recent-work-slider .image-wrapper img {
    max-width: 350px;
    margin: 0 auto;
    object-fit: cover;
}
.reviews-right-side {
    /* width: calc(100% + ((100vw - 1479px) / 2)); */
    width: 100%;
}
.reviews {
    /* background-image: url("../images/review-slider-bg.png"); */
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
    padding: 40px 0 66px;
}
.review-inner {
    position: relative;
}
.reviews .left-side {
    max-width: 519px;
    margin: 0 0 0 0;
}
.reviews .left-side .google-review {
    margin-bottom: 35px;
}
.reviews .left-side h2 {
    font-size: 58px;
    font-weight: bold;
    line-height: 1.1;
    margin-bottom: 20px;
}
.reviews .left-side p {
    font-size: 18px;
    margin-bottom: 0;
}
.review-slider .slide {
    margin: 0 15px;
    padding-top: 40px;
    transition: all 0.3s ease;
}
.review-slider .slide-inner {
    background-color: #fff;
    padding: 50px 30px 30px;
    border: 2px solid rgb(0 0 0 / 3%);
    margin-bottom: 40px;
    position: relative;
    height: calc(100% - 132px);
}
.review-slider .slide-inner p {
    max-height: 170px;
    overflow-y: auto;
    padding-right: 14px;
}
/* width */
.review-slider .slide-inner p::-webkit-scrollbar {
    width: 6px;
}
/* Track */
.review-slider .slide-inner p::-webkit-scrollbar-track {
    background: #f1f1f1;
}
/* Handle */
.review-slider .slide-inner p::-webkit-scrollbar-thumb {
    background: #d1d1d1;
}
/* Handle on hover */
.review-slider .slide-inner p::-webkit-scrollbar-thumb:hover {
    background: #d1d1d1;
}
.review-heading {
    display: flex;
    align-items: center;
    padding: 0 30px;
    height: 68px;
}
.review-heading .image {
    margin-right: 30px;
    flex-shrink: 0;
}
.review-heading .image img {
    border-radius: 50%;
}
.review-heading h4 {
    font-size: 18px;
    color: #000;
}
.slide-inner .circle {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -30px;
}
.slide-inner .circle img {
    width: 30px;
}
.slide-inner .circle .hover {
    display: none;
}
.reviews .slick-prev,
.reviews .slick-next {
    position: absolute;
    left: 0;
    bottom: 0;
}
.reviews .arrows button {
    height: 60px;
    width: 60px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 2px 0 19px rgba(0, 0, 0, 0.1);
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.reviews .arrows {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-top: 30px;
}
.review-slider .slide:hover .slide-inner .circle {
    background-color: #febd4a;
}
.review-slider .slide:hover .slide-inner .circle .default {
    display: none;
}
.review-slider .slide:hover .slide-inner .circle .hover {
    display: block;
    position: absolute;
}
.review-slider .slide:hover .slide-inner {
    border-color: #febd4a;
}
.reviews .slick-track {
    display: flex !important;
}
.reviews .slick-slide {
    height: inherit !important;
}
.slide-inner::before {
    content: "";
    position: absolute;
    top: calc(100% + 1px);
    left: 20%;
    margin-left: -18px;
    border-width: 18px;
    border-style: solid;
    border-color: rgb(0 0 0 / 3%) transparent transparent transparent;
}
.slide-inner::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 20%;
    margin-left: -18px;
    border-width: 18px;
    border-style: solid;
    border-color: #fff transparent transparent transparent;
}
.review-slider .slide:hover .slide-inner::before {
    border-color: #febd4a transparent transparent transparent;
}

.footer_bg {
    position: relative;
    background-image: url("../images/footer-bg.jpg");
    background-image: url("../images/footer-bg.webp");
    background-position: center;
    background-size: cover;
    padding: 80px 0;
}

.footer_bg h2 {
    color: #fff;
    margin-bottom: 44px;
}
.footer_bg .container {
    position: relative;
}
.footer_bg:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    color: #14213d;
    background: rgba(20, 33, 61, 0.78);
    width: 100%;
    height: 100%;
}
.contact-info ul li {
    color: #fff;
    position: relative;
    margin-top: 30px;
    border-bottom: 1px solid #636363;
    padding: 0 0 24px 60px;
    max-width: 90%;
}
.contact-info ul li i {
    margin-right: 20px;
    width: 40px;
    position: absolute;
    left: 0;
    top: 1px;
}
.contact-info ul li h3 {
    font-size: 18px;
    font-weight: 500;
    text-transform: uppercase;
    margin-bottom: 2px;
    color: #febd4a;
}
.contact-info ul li p,
.contact-info ul li p a {
    font-size: 16px;
    margin: 0;
    color: #fff;
}
.contactform-btm {
    padding: 40px 35px 20px;
    border-radius: 20px;
    border: 1px solid rgba(255, 255, 255, 1);
    background-color: #14213d;
}
.contactform-btm .row {
    gap: 20px 0;
}
.contactform-btm .form-control {
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 600;
    color: #000;
}
.footer-btm {
    background: #14213d;
    color: #fff;
    font-size: 16px;
    padding: 20px 0;
}
.footer-btm p {
    margin-top: 12px;
    margin-bottom: 0;
    font-size: 13px;
}
.footer-btm ul {
    color: #fff;
    margin: 5px 0 0;
    font-size: 13px;
}
.social_right {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    padding-top: 10px;
}
.footer-btm p,
.footer-btm p a {
    color: #fff;
    font-size: 13px;
    margin-top: 0;
}
.footer-btm ul {
    display: flex;
    align-items: center;
    margin-top: 10px;
}
.footer-btm ul li {
    padding: 0 13px;
    position: relative;
}
.footer-btm ul li:not(:last-child)::after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    background-color: #dddddd;
    height: 100%;
    top:0;
}
.footer-btm ul li:first-child {
    padding-left: 0;
}
.footer-btm ul li,
.footer-btm ul li a {
    font-size: 13px;
}
.social_right {
    display: flex;
    gap: 0;
    align-items: center;
}
.social_right svg {
    width: 32px;
    height: 32px;
}
.social_right .twitter,
.social_right .linkedin {
    padding-right: 10px;
}
.social_right .twitter svg,
.social_right .linkedin svg,
.social_right .insta svg {
    width: 23px;
    height: 23px;
}
.social_right .linkedin svg {
    width: 20px;
    height: 20px;
}
.social_right .facebook {
    padding-right: 5px;
}
.social_right a,
.footer-btm ul li a {
    color: #fff;
}
.social_right a:hover,
.footer-btm ul li a:hover {
    color: #febd4a;
}
.about-banner .banner-inner {
    text-align: left;
}
.about-banner .banner-inner p {
    font-size: 22px;
    font-weight: 400;
}
.about-banner .google-review-wrapper {
    margin-top: 40px;
    display: flex;
    align-items: center;
    gap: 40px;
}
.about-banner .container {
    max-width: 1440px;
}
.about-banner .banner-inner h3,
.contact-banner .banner-inner h3,
.react-banner .banner-inner h3 {
    font-weight: bold;
}
.about-banner .banner-inner h3 .c-orange,
.about-banner .banner-inner .banner-heading .c-orange,
.contact-banner .banner-inner h3 .c-orange,
.react-banner .banner-inner h3 .c-orange,
.react-banner .banner-inner p,
.contact-banner .banner-inner p {
    font-weight: 400;
}
.content-section .container {
    max-width: 1260px;
}
.content-section h2 {
    margin-bottom: 30px;
}
.content-section p {
    font-size: 17px;
    color: #333;
}
.achivments .achivments-card {
    padding: 36px 15px 0;
    text-align: center;
}
.achivments .achivments-card p {
    margin-bottom: 0;
    font-size: 17px;
}
.achivments .col-md-3:not(:last-child) {
    border-right: 2px solid #e0e0e0;
}
.achivments .achivments-card h3 {
    font-size: 26px;
    padding: 32px 0;
}
.achivments,
.teams {
    padding: 60px 0;
}
.team-slider {
    padding: 0 90px;
}
.team-slider .slide .image {
    height: 201px;
    width: 201px;
    margin: 0 auto;
}
.team-slider .slide {
    text-align: center;
    padding: 0 33px;
}
.team-slider .slide img {
    margin: 0 auto;
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 10px solid #d9d9d9;
}
.team-slider .slide h3 {
    font-size: 22px;
    margin: 30px 0 8px;
}
.team-slider .slide p {
    font-size: 17px;
    color: #646464;
    margin-bottom: 0;
}
.book-a-consultation {
    padding: 120px 0;
    text-align: center;
    background-color: #13213e !important;
    background-image: url("../images/book-consultant-img.jpg");
    background-image: url("../images/book-consultant-img.webp");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.book-a-consultation h2 {
    font-size: 57px;
    margin-bottom: 22px;
}
.book-a-consultation p {
    font-size: 17px;
    color: #fff;
    margin-bottom: 45px;
}
.teams .team-slider {
    margin-bottom: 0;
}
.brands ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    justify-content: center;
}
.brands ul li {
    justify-content: center;
    display: flex;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 20px;
    min-height: 100px;
    align-items: center;
    width: calc(16.66% - 60px);
}
.brands ul li {
    width: calc(17.66% - 40px);
    margin-left: 31px;
    margin-right: 31px;
}
.brands ul li img {
    filter: gray;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: 0.4s;
}
.brands ul li img {
    filter: gray;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    transition: 0.4s;
}

.brands ul li:hover img {
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -o-filter: none;
}
.our-latest-update {
    padding: 70px 0;
}
.our-latest-update .top-heading h2 {
    margin-bottom: 12px;
}
.our-latest-update .top-heading p {
    margin-bottom: 0;
}
.our-latest-update .top-heading {
    margin-bottom: 50px;
    gap: 24px;
}
.our-latest-update .top-heading .btn-right {
    flex-shrink: 0;
}
.our-latest-update .latest-card .image-wrapper {
    position: relative;
    border-radius: 6px;
    overflow: hidden;
}
.our-latest-update .latest-card .image-wrapper span {
    position: absolute;
    background-color: #febd4a;
    font-size: 9px;
    font-weight: bold;
    padding: 8px 16px;
    left: 0;
    bottom: 0;
    color: #fff;
    text-transform: uppercase;
}
.our-latest-update .latest-card .image-wrapper img {
    display: block;
    width: 100%;
}
.our-latest-update .latest-card .left-content h4 {
    font-size: 15px;
    margin-bottom: 20px;
    line-height: 1.6;
}
.our-latest-update .author-sec {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.our-latest-update .author-sec .left {
    display: flex;
    align-items: center;
}
.our-latest-update .author-sec .left h5 {
    font-size: 14px;
    margin-left: 13px;
}
.our-latest-update .author-sec .right {
    font-size: 12px;
    padding-left: 0px;
}
.contact-banner p {
    font-size: 22px;
    max-width: 1260px;
    margin: 0 auto;
}
.contact-form {
    margin-top: -260px;
    position: relative;
}
.contact-form .contact-form-inner {
    background-color: #fff;
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 3px 0 12px rgba(0, 0, 0, 0.06);
}
.contact-form .left-side {
    padding: 120px 75px 120px 85px;
    background-image: url(../images/contact-left-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}
.contact-form .left-side > h3,
.follow-us h3 {
    font-size: 26px;
    margin-bottom: 28px;
}
.contact-form .left-side > p {
    font-size: 17px;
}
.contact-form .contact-details {
    margin-top: 50px;
}
.contact-form .contact-details ul li {
    display: flex;
    gap: 14px;
    margin-top: 30px;
}
.contact-form .contact-details ul li p,
.contact-form .contact-details ul li p a {
    margin-bottom: 0;
    font-size: 17px;
    font-weight: 400;
    color: #000;
}
.contact-form .contact-details ul li h3 {
    font-size: 18px;
    font-weight: bold;
    color: #febd4a;
    text-transform: uppercase;
}
.contact-form .follow-us {
    border-top: 1px solid #6f6f6f;
    padding-top: 50px;
    margin-top: 35px;
}
.contact-form .social-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: 18px;
}
.contact-form .social-wrapper .col {
    flex: initial;
    width: 60px;
    height: 60px;
    background-color: #2b2b2b;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
}
.contact-form .social-wrapper .col a {
    color: #fff;
    transition: all 0.3s ease;
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
}
.contact-form .social-wrapper .col a:hover {
    color: #febd4a;
}
.contact-form .social-wrapper .col.whatsapp svg {
    width: 32px;
    height: 32px;
}
.contact-form .form {
    padding: 90px 70px 90px 50px;
}
.contact-form .container {
    max-width: 1721px;
}
.contact-form .form h2 {
    font-size: 48px;
    text-align: center;
    margin-bottom: 16px;
}
.contact-form .form p {
    font-size: 28px;
    text-align: center;
}
.contact-form .form .contactform-btm {
    padding: 0;
    background-color: transparent;
    max-width: 732px;
    margin: 0 auto;
    margin-top: 65px;
}
.contact-form .form .contactform-btm .form-control {
    font-weight: 400;
    border-radius: 0;
    padding: 19px 24px;
    font-size: 25px;
}
.contact-form .form .contactform-btm .form-control::placeholder {
    font-style: italic;
}
.contact-form .form .contactform-btm button {
    margin-top: 16px;
    color: #000;
}
.casestudy header {
    background-color: transparent;
}

/* Header Dropdown */

.navigation .navbar ul li ul {
    visibility: hidden;
    position: absolute;
    opacity: 0;
    margin: 0;
    padding: 0px 0 5px;
    z-index: 1001;
    width: 100%;
    left: 0;
    top: 98%;
}
.navigation .navbar ul li ul > div * {
    transition: 0.5s;
}
.showdesktop {
    display: flex;
    opacity: 1;
    flex-wrap: wrap;
    padding: 30px 0;
}
.showMobile {
    display: none;
}
.navigation .navbar ul li ul li.col-md-3 > a {
    height: auto;
}
.navigation .navbar ul li ul li > a {
    text-transform: inherit;
    padding: 0;
    font-size: 18px;
    display: block;
    color: #000;
    height: auto;
}
.navigation .navbar ul li ul li a {
    color: #000;
    position: relative;
}
.navigation .navbar ul li ul li .submenu-icons {
    width: 100%;
    padding: 10px;
    border-bottom: 0;
    background: 0;
    display: flex;
    flex-wrap: wrap;
    height: auto;
    align-items: center;
    justify-content: center;
}
.navigation .navbar ul li ul div .showdesktop li .submenu-icons {
    padding: 10px 20px;
    display: flex;
    align-items: center;
    padding-left: 0px;
}
.navigation .navbar ul li ul li .submenu-icons .menu-icons {
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 15px;
}
.navigation .navbar ul li ul .showdesktop li .submenu-icons .menu-icons {
    float: initial;
    width: 100%;
    text-align: left;
    margin-bottom: 0;
}
.navigation .navbar ul li ul li .submenu-icons .menu-icons img {
    max-width: 50px;
    width: 100%;
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
}
.navigation .navbar ul li ul li .submenu-icons .menu-content {
    float: left;
    width: 100%;
    text-align: center;
    padding-left: 10px;
    text-transform: initial;
}
.navigation .navbar ul li ul li .submenu-icons .menu-content h5 {
    font-weight: 700;
    font-size: 21px;
    margin: 0;
    color: #14213d;
    line-height: 1.2;
    text-transform: uppercase;
}
.navigation .navbar ul li ul li .col-submenu .menu-content h5 {
    font-size: 16px;
    display: inline-block;
    color: #000;
}
.navigation .navbar ul li .col-submenu li:hover .submenu-icons .menu-content h5 {
    color: #14213d !important;
    font-weight: 700 !important;
    background-color: #e5e5e5;
}
.navigation .navbar ul li ul .showdesktop li .submenu-icons .menu-content {
    float: initial;
    width: 100%;
    text-align: left;
    padding-left: 0px;
    text-transform: initial;
    margin-top: 25px;
}
.navigation .navbar ul li ul.col-submenu {
    display: block !important;
    opacity: 1;
    visibility: visible;
    position: static;
    top: 0;
    padding-top: 0;
    padding: 0 0;
    transform: translateY(0px);
}
.navigation .navbar ul li ul.col-submenu li {
    width: 100%;
    margin-left: -10px;
}
.navigation .navbar ul li ul li > a {
    text-transform: inherit;
    padding: 0;
    font-size: 18px;
    display: block;
    color: #000;
    height: auto;
}
.navigation .navbar ul li ul div .showdesktop li .submenu-icons {
    padding: 10px 20px 16px;
    display: flex;
    align-items: center;
    padding-left: 0px;
    justify-content: flex-start;
}
.navigation .navbar ul li ul div .showdesktop li ul.col-submenu li .submenu-icons {
    display: flex;
    padding: 0;
    padding-right: 0px;
}
.navigation .navbar ul li ul li ul.col-submenu li .submenu-icons .menu-content {
    width: calc(100% - 0px);
    margin: 0;
}
.navigation .navbar ul li ul > div {
    background: #f2f2f2;
    box-shadow: none;
    box-shadow: inset 0 0 0 #000;
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    justify-content: flex-start;
}
.col-submenu li a .submenu-icons .menu-content h5 {
    padding: 10px 10px;
    font-weight: 400 !important;
    text-transform: initial !important;
}
.navigation .navbar ul li ul .showdesktop li li:hover > a .submenu-icons {
    background: transparent;
    color: #febd4a !important;
}
.showdesktop > li {
    padding: 0 50px;
    position: relative !important;
}
.showdesktop > li::after {
    content: "";
    position: absolute;
    right: 0;
    width: 1px;
    height: 77%;
    bottom: 0;
    background-color: #c8c7c7;
}
.navigation .navbar,
.navigation nav li {
    position: initial;
}
.navigation .navbar {
    padding: 0;
}
/* Header Dropdown */

.banner.react-banner .banner-inner {
    text-align: left;
}
.react-banner .banner-inner button {
    margin-top: 16px;
    border-width: 2px;
}
.react-banner .banner-inner button span {
    margin: 0 8px;
}
.react-banner .banner-inner button.button-with-image,
.react-banner .banner-inner button.button-with-image:hover,
.react-banner .banner-inner button.button-with-image:active {
    padding: 8px 20px 7px 5px !important;
    outline: none;
    border-width: 2px;
}
.react-banner .banner-inner button.button-with-image:hover {
    color: #fff;
    border-color: #fff;
}
.react-banner .btn-trasparent,
.react-banner .btn-trasparent:hover,
.react-banner .btn-trasparent:active {
    background-color: transparent;
    border-color: #fff;
    padding-left: 24px !important;
    padding-right: 24px !important;
    outline: none;
    border-width: 2px;
}
.react-banner .btn-trasparent:hover {
    background-color: #febd4a;
    color: #fff;
    border-color: #febd4a;
}
.react-banner .button-wrapper {
    display: inline-flex;
    gap: 40px;
}
.f22,
.content-section .f22 {
    font-size: 22px;
}
.content-section p:last-child {
    margin-bottom: 0;
}
.content-section {
    padding-bottom: 60px;
}
.why-hire-react {
    padding: 60px 0;
    background-image: url("../images/react/why-hire-react-bg.png");
}
.why-hire-react .heading-top h2 {
    font-size: 35px;
    margin-bottom: 24px;
}
.why-hire-react .heading-top {
    max-width: 720px;
}
.why-hire-react .bottom-steps .steps h3 {
    font-size: 20px;
    font-weight: 600;
}
.why-hire-react .bottom-steps {
    gap: 22px 0;
}
.why-hire-react .developer-steps .heading-top {
    margin-bottom: 46px;
}
.why-hire-react .bottom-steps::before {
    opacity: 0;
}
.project-steps {
    background-image: url("../images/react/project-steps-bg-new.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding: 60px 0 280px;
}
.project-steps .heading-top h2 {
    margin-bottom: 24px;
}
.project-steps .circle-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}
.project-steps .circle-wrapper > div {
    border: 6px solid #fff;
    border-radius: 50%;
    max-height: 245px;
    min-height: 245px;
    max-width: 245px;
    width: 100%;
    height: 100%;
    box-shadow: 0px 0px 0px 13px #132441;
    position: relative;
    background-color: #fefefe;
}
.project-steps .circle-wrapper .box-inner {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 10px solid #febd4a;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.project-steps .circle-wrapper .box-inner p {
    font-size: 21.6px;
    margin-bottom: 0;
    text-align: center;
    padding: 16px;
    line-height: 1.5;
}
.project-steps .circle-wrapper .column:not(:first-child):after {
    content: "";
    position: absolute;
    background-image: url(../images/steps-connection.png);
    background-repeat: no-repeat;
    width: 43px;
    height: 57px;
    /* right: 104%; */
    left: -50px;
    top: 50%;
    z-index: 1;
    background-position: center;
}
.hiring-developer.blue-bg .hiring-developer-inner {
    background-color: #14213d;
    color: #fff;
}
.hiring-developer.blue-bg .hiring-developer-inner p {
    color: #fff;
}
.max-1240,
.max-1200 {
    max-width: 1240px;
    margin-left: auto;
    margin-right: auto;
}
.max-1200 {
    max-width: 1200px;
}
.max-1070 {
    max-width: 1070px;
}
.ml-auto {
    margin-left: auto;
}
.mr-auto {
    margin-right: auto;
}
.developer-good-at .achivments-card.bottom-line {
    border-bottom: 2px solid #d4d4d4;
}
.developer-good-at .achivments-card {
    padding: 30px 0;
    max-width: 524px;
}
.developer-good-at .heading-top {
    margin-bottom: 24px;
}
.developer-good-at .counter-col {
    display: flex;
    align-items: center;
}
.developer-good-at .counter-col img {
    flex-shrink: 0;
}
.achivments.developer-good-at .counter-col h3 {
    font-size: 22px;
    text-align: left;
    margin-left: 32px;
    padding: 0;
}
.developer-good-at-points {
    max-width: 1250px;
    margin: 0 auto;
}
/* Accordion */

.positionsContainer.faqnew {
    width: 100%;
    margin-top: 30px;
}

.positionsContainer.faqnew h2 {
    text-align: center;
}

.positionsContainer.faqnew .positions .pos_header {
    padding: 0;
    background: #fff;
    border: 1px solid #d9d9d9;
}

.positionsContainer.faqnew .positions .pos_header:after {
    right: 30px;
    transition: all 0.3s ease;
    transform: translateY(-50%) rotate(45deg);
}

.positionsContainer.faqnew .positions > div.active .pos_header:after {
    transform: scale(-1) rotate(45deg);
}
.positionsContainer.faqnew .positions {
    border: 0 solid #d9d9d9;
    margin-top: 20px;
}

.positionsContainer.faqnew .positions .pos_header h4 {
    font-size: 22px;
    position: relative;
    padding: 16px 30px 16px 80px;
    font-weight: 600;
    font-family: "Lato", sans-serif;
    padding-right: 45px;
}

.positionsContainer.faqnew .positions .pos_header h4:before {
    content: "Q:";
    background: #febd4a;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 60px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border-right: 1px solid #d9d9d9;
    font-size: 23px;
}

.positionsContainer.faqnew .positions .pos_description {
    padding: 20px 20px 5px;
    display: none;
}

.positionsContainer.faqnew .positions .pos_description a {
    color: #febd4a;
}

.positionsContainer.faqnew .positions .pos_description ul {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.positionsContainer.faqnew .positions .pos_description ul li {
    margin: 15px 0;
    padding: 0 0 0 20px;
    position: relative;
}

.positionsContainer.faqnew .positions .pos_description ul li:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    width: 8px;
    height: 8px;
    background: #febd4a;
}

.space_ecommerce {
    display: inline-block;
    width: 100%;
    height: 70px;
}

.positionsContainer .positions .pos_header {
    position: relative;
    cursor: pointer;
    padding: 25px 30px 25px 0;
}

.positionsContainer .positions .pos_header:after {
    position: absolute;
    content: "";
    border: solid #000;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 6px;
    top: 50%;
    right: 5px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}

.positionsContainer .positions .pos_header h4 {
    margin: 0;
    font-family: museo500;
    line-height: 1.4;
}
.accordion {
    padding: 80px 0 60px;
}
.accordion p {
    font-size: 17px;
}
/* Accordion */
.developer-steps-inner .heading-top {
    max-width: 880px;
}
.header-white + div,
.header-white + section,
.blog .inner-content-wrap.blog {
    padding-top: 208px;
}
header.fixed,
.header-white {
    background-color: #fff !important;
    box-shadow: 0 3px 8px rgb(0 0 0 / 8%);
}

header.fixed{
    position:fixed;
}
header.fixed .navigation nav li a,
.header-white .navigation nav li a {
    color: #000;
}
header.fixed .navigation nav li:hover a,
.header-white .navigation nav li:hover a {
    color: #febd4a;
}
header.fixed .btn-primary.btn-white,
.header-white .btn-primary.btn-white {
    background-color: #febd4a;
    border-color: #febd4a;
    color: #fff;
}
header.fixed .btn-primary.btn-white:hover,
.header-white .btn-primary.btn-white:hover {
    background-color: transparent;
    color: #febd4a;
}
header .logo-img .logo-black,
header.fixed .logo-img .logo-white,
.header-white .logo-img .logo-white,
.header-white .logo-img .logo-black,
.mobile {
    display: none;
}
header.fixed .logo-img .logo-black,
.header-white .logo-img .logo-black {
    display: block;
}

.thankyou {
    text-align: center;
}

.thankyou h2 {
    max-width: 1000px;
    margin: 50px auto 15px;
    font-weight: 800;
}

.thankyou p {
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
}

.thankyou.error h2 {
    font-size: 36px;
    margin-bottom: 30px;
}
.navigation .navbar ul li ul > div::before {
    left: 60%;
}
.innerpageSkillset .container-medium {
    max-width: 1550px;
}
main section:nth-child(odd) {
    background-color: #fefefe;
}
main section:nth-child(even) {
    background-color: #f4f4f4;
}
.bg-none {
    background-color: transparent !important;
}
.review-slider {
    margin-bottom: 0;
}
.achivments-with-bg {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    color: #fff;
    background-color: #13213e !important;
    background-image: url(../images/about-achivments-sec-bg.png);
}
.achivments-with-bg.text-white .heading-top p,
.achivments-with-bg.text-white .achivments-card p {
    color: #fff;
}
.support-card .top .icon img,
.developer-good-at .counter-col img {
    width: 55px;
    height: 55px;
}
.skillset .logo img {
    max-height: 70px;
    height: 70px;
}
.nav-links .nav-next {
    margin-left: 12px;
}
#jva6jl4ah6d1692969392992.widget-visible > iframe {
    bottom: 60px !important;
}
.type-of-support.type-of-support-inner {
    margin: 0 0 80px;
}
.type-of-support.type-of-support-inner .bottom-content p {
    margin-bottom: 0;
}
.type-of-support.type-of-support-inner .col-md-4 {
    padding-top: 40px;
}
.type-of-support.type-of-support-inner .bottom-border {
    border-bottom: 1px solid #dcdcdc;
    padding-bottom: 40px;
    padding-top: 0;
}
.type-of-support.type-of-support-inner .col-md-4:nth-child(3n + 3)::after {
    opacity: 0;
}
.type-of-support.type-of-support-inner .type-of-sypport-inner {
    overflow: hidden;
}

.banner .banner-inner .banner-heading,
.banner-inner h1.banner-heading,
.banner-inner .banner-heading {
    color: #fff;
    font-weight: bold;
}
.banner .banner-inner .banner-heading > span,
.banner-inner h1.banner-heading > span,
.banner-inner .banner-heading > span {
    font-weight: 400;
}

.space-left{
    margin-left:9px;
}

.o-filtter img {
    filter: brightness(0) saturate(100%) invert(48%) sepia(91%) saturate(880%) hue-rotate(348deg) brightness(100%) contrast(93%);
}
.webapplecate-s h2 {
    margin-bottom: 40px;
    display: block;
    margin-top: 40px;
}
section.technologytools.mart-70.pythontech {
    padding: 30px 0px;
}
.techIcon h3 {
    width: -webkit-fill-available;
    font-size: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.techIcon span {
    position: relative;
}

.techIcon span:before {
    content: "";
    background: url(../images/wepapplicate/app-arrow.png) no-repeat;
    width: 42px;
    height: 42px;
    position: absolute;
    left: -28px;
    top: -1px;
    transform: scale(.8);
}
.techIcon {
    display: flex;
    align-items: center;
    padding: 30px 0px;
    border-bottom: 2px solid #f3f3f3;
}
.techIcon ul {
    display: flex;
    list-style: none;
    gap: 15px;
    align-items: center;
    text-align: center;
}
.techIcon li {
    margin-right: 15px;
    min-width: 155px;
}
.techIcon li img {
    filter: grayscale(1);
    cursor: pointer;
}

.techIcon li img:hover {
    filter: none;
    cursor: pointer;
}


.support-card .content.webapplicate-h h3{
font-size: 17px;
}

.technologytools h2 {
    margin-bottom: 20px;
}



/* Responsive */

@media screen and (max-width: 1700px) {
    .skillset-with-link.skillset .last-box {
        margin: 1%;
    }
    .skillset .logos {
        gap: 0;
    }
    .skillset .logo {
        width: 10.5%;
        height: auto;
        margin: 1%;
        padding: 15px 5px;
    }
    .skillset .logo img {
        max-height: 50px;
    }
    .skillset .logos {
        justify-content: initial;
    }
    .skillset-with-link.skillset .logo {
        width: 12.2%;
        flex: 1 1 auto;
    }
    .skillset-with-link.skillset .last-box {
        width: 40.3%;
    }
    .contact-form .left-side {
        padding: 120px 55px 120px;
    }
    .contact-form .social-wrapper .col {
        width: 48px;
        height: 48px;
    }
    .contact-form .form {
        padding: 90px 50px 90px 30px;
    }
    .contact-form .form h2 {
        font-size: 42px;
    }
    .contact-form .form .contactform-btm .form-control,
    .support-card .content h3,
    .project-steps .circle-wrapper .box-inner p,
    .navigation .navbar ul li ul li .submenu-icons .menu-content h5 {
        font-size: 18px;
    }
    .navigation nav li a {
        font-size: 16px;
    }
    .navigation button {
        font-size: 14px !important;
    }
    .bottom-steps .steps h3,
    .hiring-developer .hiring-developer-inner p,
    .team-slider .slide h3,
    .achivments .achivments-card h3,
    .contact-form .form p,
    .why-hire-react .bottom-steps .steps h3,
    .achivments.developer-good-at .counter-col h3,
    .positionsContainer.faqnew .positions .pos_header h4:before,
    .positionsContainer.faqnew .positions .pos_header h4 {
        font-size: 20px;
    }
    .contact-form .left-side > h3,
    .follow-us h3,
    .skillset .last-box h3 {
        font-size: 24px;
    }
    .recent-work .recent-work-slider h2 {
        font-size: 28px;
    }
    .reviews .left-side h2,
    .content-section h2,
    .book-a-consultation h2,
    h2,
    .banner-inner h3,
    .banner-inner .banner-heading,
    .hiring-developer .hiring-developer-inner h2,
    .contact-form .form h2 {
        font-size: 36px;
    }
    .logo-img img {
        max-width: 220px;
    }
    .navigation nav .main-ul > li {
        padding: 42px 20px;
    }
    .banner-inner h1 {
        font-size: 98px;
    }
    .banner .banner-inner h3,
    .banner .banner-inner .banner-heading {
        font-size: 68px;
    }

    .banner-inner button {
        margin-top: 50px;
    }
    .type-of-support .type-of-sypport-inner {
        padding: 40px 40px;
    }
    .skillset .last-box h3 {
        font-size: 22px;
        margin-bottom: 12px;
    }
    .skillset .last-box {
        padding: 16px 22px 16px;
    }
    .skillset .btn,
    .skillset .btn:hover,
    .skillset .btn:active {
        padding: 12px 20px;
        font-size: 16px;
    }
    .project-steps .circle-wrapper > div {
        max-height: 226px;
        min-height: 226px;
        max-width: 226px;
    }
    .btn-primary,
    .btn-primary:active,
    .btn-primary:focus,
    .btn-check:checked + .btn,
    .btn.active,
    .btn.show
    /* .btn:first-child:active,
    :not(.btn-check) + .btn:active  */ {
        padding: 14px 50px;
    }
    .react-banner .banner-inner button.button-with-image,
    .react-banner .banner-inner button.button-with-image:hover,
    .react-banner .banner-inner button.button-with-image:active {
        padding: 4px 20px 4px 5px !important;
    }
    .react-banner {
        padding: 324px 0 calc(324px - 109px);
    }
    .header-white + div,
    .header-white + section,
    .blog .inner-content-wrap.blog {
        padding-top: 169px;
    }
}

@media screen and (max-width: 1480px) {
    .navigation nav li a {
        font-size: 16px;
    }
    .banner-inner h3,
    .banner-inner .banner-heading {
        font-size: 56px;
    }
    .banner-inner h1 {
        font-size: 82px;
    }
    .reviews .left-side h2,
    .content-section h2,
    .book-a-consultation h2,
    h2 {
        font-size: 40px;
    }
    .banner-inner p,
    .achivments .achivments-card h3,
    h3,
    .recent-work .recent-work-slider h2 {
        font-size: 20px;
    }
    .navigation nav li {
        padding: 0 16px;
    }
    .achivments .achivments-card h3 {
        padding: 24px 0;
    }
    .navigation nav .main-ul > li {
        padding-left: 14px;
        padding-right: 14px;
    }
    .project-steps .circle-wrapper .column:not(:first-child):after {
        background-color: #132441;
        height: 3px;
        border-radius: 50%;
        background-image: none;
        display: none;
    }
    .project-steps .circle-wrapper > div {
        z-index: 5;
    }
    .project-steps .circle-wrapper::after {
        background-color: #132441;
        height: 3px;
        border-radius: 50%;
        background-image: none;
        position: absolute;
        left: 10%;
        width: 80%;
        content: "";
        z-index: 1;
    }
    .showdesktop > li {
        padding: 0 36px !important;
    }
    .navigation .navbar ul li ul.col-submenu > li {
        padding: 0;
    }
    .google-review img,
    .google-review-wrapper img {
        max-width: 220px;
    }
    .developer-good-at .achivments-card {
        padding: 20px 0;
    }
    .developer-good-at .counter-col img {
        max-width: 40px;
    }
    .achivments.developer-good-at .counter-col h3 {
        margin-left: 22px;
    }
    .type-of-support.type-of-support-inner {
        margin-bottom: 60px;
    }
    .terms-sec-top {
        margin-top: 80px;
    }
}
@media screen and (max-width: 1367px) {
    .skillset-with-link.skillset .last-box {
        padding: 15px 12px;
    }
    .project-steps .circle-wrapper > div {
        max-height: 180px;
        min-height: 180px;
        max-width: 180px;
    }
    .navigation .btn,
    .navigation .btn:hover,
    .navigation .btn:active,
    .navigation .btn:focus {
        padding: 10px 22px;
        font-weight: 400;
        font-size: 13px !important;
    }
    .banner {
        padding: 260px 0 calc(260px - 109px);
    }
    .header-white + div,
    .header-white + section,
    .blog .inner-content-wrap.blog {
        padding-top: 169px;
    }
    .banner.home-banner {
        padding: 200px 0 200px;
    }
    .banner-inner h3,
    .banner-inner .banner-heading {
        margin-bottom: 24px;
    }
    .banner-inner p {
        font-weight: 400;
    }
    .support-card .bottom-content,
    .banner-inner p,
    .contact-form .contact-details ul li {
        margin-top: 24px;
    }
    .team-slider .slide h3 {
        margin-top: 20px;
    }
    .banner-inner h1 {
        font-size: 78px;
    }
    .banner .banner-inner h3,
    .banner .banner-inner .banner-heading {
        font-size: 48px;
    }
    .banner-inner button,
    .contact-form .form .contactform-btm {
        margin-top: 40px;
    }
    a.link {
        font-size: 12px;
    }
    .navigation nav li a,
    .support-card p,
    .recent-work .recent-work-slider .desc,
    .recent-work .recent-work-slider .small-desc,
    .reviews-right-side p,
    .project-steps .circle-wrapper .box-inner p,
    .navigation .navbar ul li ul li .col-submenu .menu-content h5,
    .navigation .navbar ul li ul li .submenu-icons .menu-content h5 {
        font-size: 14px;
    }
    .heading-top p,
    .reviews .left-side p,
    .review-heading h4,
    .btn-primary,
    .btn-primary:active,
    .btn-primary:focus,
    .btn-check:checked + .btn,
    .btn.active,
    .btn.show,
    /* .btn:first-child:active,
    :not(.btn-check) + .btn:active, */
    .contact-form .left-side > p,
    .contact-form .contact-details ul li h3,
    .contact-form .contact-details ul li p,
    .contact-form .contact-details ul li p a,
    .contact-form .form .contactform-btm .form-control,
    .f22,
    .content-section .f22,
    .accordion p,
    .support-card .content h3 {
        font-size: 16px;
    }
    .bottom-steps .steps h3,
    .hiring-developer .hiring-developer-inner p,
    .team-slider .slide h3,
    .achivments .achivments-card h3,
    .contact-form .form p,
    .why-hire-react .bottom-steps .steps h3,
    .achivments.developer-good-at .counter-col h3,
    .positionsContainer.faqnew .positions .pos_header h4:before,
    .positionsContainer.faqnew .positions .pos_header h4 {
        font-size: 16px;
    }
    .contact-form .left-side > h3,
    .follow-us h3,
    .skillset .last-box h3 {
        font-size: 20px;
    }
    .skillset .btn-primary,
    .skillset .btn-primary:hover,
    .skillset .btn-primary:focus {
        padding: 10px 30px;
    }
    .why-hire-react .heading-top h2 {
        font-size: 28px;
    }
    .reviews .left-side h2,
    .content-section h2,
    .book-a-consultation h2,
    h2,
    .banner-inner h3,
    .banner-inner .banner-heading,
    .hiring-developer .hiring-developer-inner h2,
    .contact-form .form h2 {
        font-size: 30px;
    }
    .achivments.developer-good-at .counter-col h3 {
        line-height: 1.5;
    }
    .support-card {
        padding: 0 24px;
    }
    .showdesktop > li {
        padding: 0 24px !important;
    }
    .type-of-support .type-of-sypport-inner {
        padding: 48px 60px;
    }
    section.paddingBottom,
    .reviews,
    .footer_bg,
    .contact-form .form,
    .accordion {
        padding-bottom: 60px;
    }
    .contact-form .follow-us {
        padding-top: 40px;
    }
    section.paddingTop,
    .footer_bg,
    .contact-form .form,
    .accordion {
        padding-top: 60px;
    }
    .book-a-consultation {
        padding-top: 90px;
        padding-bottom: 90px;
    }
    .heading-top h2,
    .contact-form .left-side > h3 {
        margin-bottom: 20px;
    }
    .heading-top {
        margin-bottom: 36px;
    }
    .developer-steps .heading-top {
        margin-bottom: 50px;
    }
    .innerpageSkillset .logo h5 {
        font-size: 14px;
    }
    .contactform-btm {
        padding: 36px;
    }
    .skillset .last-box {
        padding: 24px;
    }
    .bottom-steps {
        gap: 56px 0;
    }
    .review-slider .slide-inner {
        padding: 40px 24px 24px;
    }
    .review-heading .image {
        margin-right: 20px;
    }
    .review-heading .image img {
        width: 68px;
        height: 68px;
    }
    .reviews .arrows button {
        width: 48px;
        height: 48px;
    }
    .navigation .navbar ul li ul div .showdesktop li ul.col-submenu li .submenu-icons {
        justify-content: flex-start;
    }
    .navigation nav li {
        padding: 0;
    }
    .contact-form,
    .hiring-developer {
        margin-top: -140px;
    }
    .banner.contact-banner {
        padding-bottom: 180px;
    }
    .contact-form .left-side {
        padding: 60px 30px 60px;
    }
    .contact-form .form .contactform-btm .form-control {
        padding: 14px 20px;
    }
    .project-steps {
        padding-bottom: 220px;
    }
    .logo-img img {
        max-width: 200px;
    }
    .navigation nav li a {
        font-size: 13px;
    }
    .navigation .navbar ul li ul li .col-submenu .menu-content h5 {
        padding: 7px 10px;
    }
}
@media screen and (max-width: 1280px) {
    .recent-work-slider .image-wrapper img {
        max-width: 300px;
    }
    .skillset.skillset-with-link .btn {
        font-size: 12px;
        padding-left: 12px;
        padding-right: 12px;
    }
    .skillset .last-box h3 {
        font-size: 18px;
    }
    header .logo-img {
        max-width: 240px;
    }
    .navigation .btn {
        font-size: 16px;
    }
    .banner-inner h3,
    .banner-inner .banner-heading,
    .contact-form .form h2 {
        font-size: 36px;
    }
    .contact-form .form p,
    .f22,
    .content-section .f22 {
        font-size: 18px;
    }
    .banner-inner h1 {
        font-size: 56px;
    }
    .reviews .left-side h2 {
        font-size: 30px;
    }
    .type-of-support .type-of-sypport-inner,
    .skillset .last-box {
        padding: 36px;
    }
    .support-card {
        padding: 0 20px;
    }
    .support-card .content h3 {
        font-size: 18px;
    }
    .skillset .last-box {
        width: 50%;
    }
    .contact-form {
        margin-top: -140px;
    }
    .project-steps .circle-wrapper .box-inner p {
        font-size: 16px;
    }
    .project-steps-inner {
        padding: 0 20px;
    }
}

@media screen and (max-width: 1200px) {
    .header-white + div,
    .header-white + section,
    .blog .inner-content-wrap.blog {
        padding-top: 129px;
    }
    .project-steps .circle-wrapper {
        gap: 36px;
    }
    .project-steps .circle-wrapper::after {
        display: none;
    }
    .project-steps .circle-wrapper .column:not(:first-child):after {
        opacity: 0;
    }
    .reviews-right-side {
        width: 100%;
    }
    header {
        padding: 21px 0;
    }
    .review-inner .col-md-6 {
        flex: 0 0 100%;
        width: 100%;
    }
    .reviews .left-side {
        margin: 0;
    }
}

@media (min-width: 767px) {
    .support-card .bottom-content > p{
        min-height: 136px;
    }
}
@media (min-width: 1201px) {
    /* Header */
    .collapse.navbar-collapse {
        display: block;
    }
    .navigation .navbar-toggler {
        display: none;
    }
    .navigation .navbar ul li > ul {
        transition:
            transform 0.3s,
            opacity 0.3s;
        transform: translateY(100px);
        display: block !important;
        pointer-events: none;
    }
    .navigation .navbar ul li:hover > ul {
        pointer-events: initial;
    }
    .navigation .navbar ul li ul {
        transition:
            transform 0.5s,
            opacity 0.5s;
        transform: translateY(100px);
    }
    .navigation .navbar ul li.dropdown > .nav-link:after,
    .navigation .navbar ul li.dropdown > a:after {
        content: "";
        font-family: "Font Awesome 5 Free";
        vertical-align: middle;
        border-width: 0;
        margin: -2px 0 0 6px;
        background: url(../images/nav-arrow.png) no-repeat;
        width: 13px;
        height: 8px;
        position: relative;
        display: inline-block;
    }
    .navigation nav .main-ul > li.dropdown a {
        position: relative;
    }
    .navigation nav .main-ul > li.dropdown:hover > a::before {
        content: "";
        position: absolute;
        bottom: -28px;
        height: 4px;
        width: 100%;
        background-color: #e97a24;
        border-radius: 2px;
    }
    .navigation .navbar ul li ul > div {
        width: 96%;
        margin: 0 auto;
        border-radius: 25px;
        max-width: 1550px;
    }
    .navigation .navbar ul li ul > div::before {
        content: "";
        position: absolute;
        top: -30px;
        left: 65%;
        margin-left: -18px;
        border-width: 18px;
        border-style: solid;
        border-color: #f2f2f2 transparent transparent transparent;
        transform: rotate(180deg);
    }
    .navigation .navbar .main-ul li.dropdown:hover > ul {
        visibility: visible;
        height: auto;
        opacity: 1;
    }
    .navigation .navbar .main-ul li.dropdown:hover > ul {
        transform: translateY(2px);
    }
    .dropdown.dropdown-single{
        position: relative;
    }
    .dropdown.dropdown-single .showdesktop > li{
        padding: 0 20px;
    }
    .dropdown.dropdown-single .showdesktop{
        padding: 16px 0;
    }
    .navigation .navbar .main-ul li.dropdown-single > ul,
    .navigation .navbar .main-ul li.dropdown.dropdown-single:hover > ul{
        min-width: 300px;
        left: -25%;
    }
    .dropdown.dropdown-single .showdesktop > li::after{
        display: none;
    }
    .navigation .navbar ul li.dropdown-single .col-submenu li:hover .submenu-icons .menu-content h5{
        background-color: transparent!important;
    }
    .navigation .navbar ul li.dropdown-single ul.col-submenu li{
        margin-left: 0;
    }
    .navigation .navbar ul li.dropdown-single ul.col-submenu li:not(:first-child){
        /* border-top: 1px solid rgba(0 0 0 / 20%); */
    }
    /* Header */
}
@media (max-width: 1200.5px) {
    .navigation .navbar ul li ul {
        display: none;
        visibility: visible;
        opacity: 1;
        position: relative;
        padding: 0;
    }
    .showdesktop {
        display: none !important;
    }
    .mobile {
        display: block;
    }
    .showMobile {
        display: block !important;
        width: 100%;
        padding: 0;
    }
    .navigation .navbar ul li ul li .submenu-icons .menu-icons,
    .navigation .navbar ul li .nav-link.circle_img,
    .navigation .navbar ul li a:before,
    .navigation .navbar ul li i,
    .navigation .navbar ul li ul div li:before,
    .navigation .navbar ul li ul li .submenu-icons .menu-icons,
    .navigation .navbar ul li ul li.subdropdown ul.submenu:before,
    .navigation .submenu {
        display: none;
    }
    .navigation .navbar ul li ul > div {
        background: #000;
    }
    .navigation .navbar ul li ul > div {
        margin: 0px;
    }
    .navigation .navbar ul li ul li {
        width: 100%;
        border-top-color: #333;
    }
    .navigation .navbar .dropdown-menu li :first-child a,
    .navigation .navbar ul li:first-child,
    .navigation .navbar ul.dropdown-menu1 li:first-child {
        border-top: 0;
    }
    .navigation .navbar ul li .submenu {
        width: 100%;
        display: none;
        visibility: visible;
        opacity: 1;
    }
    .navigation .navbar ul li ul li > a {
        height: auto;
        padding: 0;
        color: #fff;
    }
    .navigation .navbar ul li ul div li .submenu-icons {
        padding: 0 15px;
        height: auto;
        justify-content: flex-start;
        text-align: left;
    }
    .navigation .navbar ul li ul li .submenu-icons .menu-content {
        text-align: left;
        padding: 14px 0;
    }
    .navigation .navbar ul li ul div li .submenu-icons .menu-content h5 {
        font-size: 15px;
        font-weight: 500;
        color: #fff;
    }
    small.open {
        background: url(../images/plus-img.png) 4px 5px no-repeat rgba(255, 255, 255, 0.15);
        cursor: pointer;
        height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        width: 48px;
        display: block;
    }
    small.open {
        height: 45px;
    }
    .navigation .navbar ul li ul li.subdropdown ul.submenu {
        display: none;
        top: 0;
        background: 0;
        left: 0;
        transform: none;
        transition: none;
    }
    .navigation .navbar ul li ul li.subdropdown ul.submenu li {
        border-color: #1f1f1f;
        background: #1f1f1f;
        border-top: 1px solid #333;
    }
    .navigation .navbar ul li ul li > a {
        height: auto;
        padding: 0;
        color: #fff;
    }
    .navigation .navbar ul li ul div li ul li .submenu-icons {
        padding: 0 10px;
        background: #1f1f1f;
    }
    .navigation .navbar ul li ul li ul li .submenu-icons .menu-content {
        width: calc(100% - 50px);
        text-align: left;
        padding-left: 5px;
    }
    .navigation .navbar ul li ul li .submenu-icons .menu-content {
        text-align: left;
        padding: 14px 0;
    }
    .navigation .navbar ul li:hover > ul {
        transform: translateY(0px);
    }
    /* Header */
    .navigation .navbar-toggler {
        width: 40px;
        margin: 0;
        color: #fff;
        background-color: transparent;
        padding: 0;
        outline: none !important;
        border: none;
    }
    .navbar-toggler {
        position: absolute;
        top: 14px;
        right: 0;
        padding: 4px 8px 10px;
        margin: 2px 15px 10px 0;
        z-index: 1;
        outline: 0 !important;
    }
    .navbar-toggler-icon {
        width: auto;
        height: auto;
    }
    .navbar-toggler.collapsed span:nth-child(2),
    .navbar-toggler.collapsed span:nth-child(4) {
        transform: rotate(0);
        left: 0;
    }
    .navbar-toggler span:nth-child(2) {
        transform: rotate(45deg);
        transform-origin: 20% 12%;
        position: relative;
        left: 2px;
    }
    .navbar-toggler span.icon-bar {
        transition: 0.4s;
    }
    .navbar-toggler .icon-bar {
        color: #fff;
        background: #fff;
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }
    .navbar-toggler.collapsed span:nth-child(3) {
        opacity: 1;
    }
    .navbar-toggler span:nth-child(4) {
        transform: rotate(-45deg);
        transform-origin: 0 55%;
        left: 2px;
        position: relative;
    }
    .navbar-toggler .icon-bar + .icon-bar {
        margin-top: 4px;
    }
    .navbar-collapse {
        background: #febd4a;
        margin-bottom: 0;
    }

    .navigation .navbar {
        width: 100%;
        order: 2;
        margin: 0;
    }

    .navbar-collapse {
        background: #febd4a;
        margin-bottom: 0;
    }

    .navigation .navbar ul li {
        margin: 0;
        padding: 0 !important;
        text-align: left;
        border-top: 1px solid #febd4a;
        font-size: 15px;
        position: relative;
        width: 100%;
    }

    .navigation .navbar .dropdown-menu li :first-child a,
    .navigation .navbar ul li:first-child,
    .navigation .navbar ul.dropdown-menu1 li:first-child {
        border-top: 0;
    }

    .navigation .navbar ul li .nav-link,
    .navigation .navbar ul li a {
        padding: 13px 15px;
        display: block;
        color: #fff !important;
        font-size: 15px;
    }

    .navbar-toggler-icon {
        width: auto;
        height: auto;
    }

    .navbar-toggler {
        position: absolute;
        top: 14px;
        right: 0;
        padding: 4px 8px 10px;
        margin: 2px 15px 10px 0;
        z-index: 1;
        outline: 0 !important;
    }

    .navbar-default .navbar-toggler:focus,
    .navbar-default .navbar-toggler:hover {
        background-color: transparent;
    }

    .navbar-default .navbar-toggler {
        border: 0;
    }

    .navbar-toggler span.icon-bar {
        transition: 0.4s;
    }

    .navbar-toggler span:nth-child(2) {
        transform: rotate(45deg);
        transform-origin: 20% 12%;
        position: relative;
        left: 2px;
    }

    .navbar-toggler span:nth-child(4) {
        transform: rotate(-45deg);
        transform-origin: 0 55%;
        left: 2px;
        position: relative;
    }

    .navbar-toggler.collapsed span:nth-child(2),
    .navbar-toggler.collapsed span:nth-child(4) {
        transform: rotate(0);
        left: 0;
    }

    .navbar-toggler.collapsed span:nth-child(3) {
        opacity: 1;
    }

    .navbar-toggler .icon-bar {
        color: #fff;
        background: #fff;
        display: block;
        width: 22px;
        height: 2px;
        border-radius: 1px;
    }
    header.fixed .navbar-toggler .icon-bar,
    .header-white .navbar-toggler .icon-bar {
        background-color: #febd4a;
    }

    .navbar-toggler .icon-bar + .icon-bar {
        margin-top: 4.5px;
        left: 2px;
    }

    small.open {
        background: url(../images/plus-img.png) 4px 5px no-repeat rgba(255, 255, 255, 0.15);
        cursor: pointer;
        height: 100%;
        max-height: 46px;
        position: absolute;
        right: 0;
        top: 0;
        width: 48px;
        display: block;
    }

    small.open.active {
        background: url(../images/plus-img.png) 4px -36px no-repeat rgba(255, 255, 255, 0.15);
    }

    .navbar-nav .dropdown-menu1 {
        background: #000;
        margin: 0;
        padding: 0;
    }

    .navigation .navbar ul.dropdown-menu1 li {
        border-top: 1px solid #333;
        font-size: 14px;
    }

    .navigation .navbar ul li .submenu {
        width: 100%;
        display: none;
        visibility: visible;
        opacity: 1;
    }
    .navigation {
        display: flex;
        align-items: center;
        position: absolute;
        left: 0;
        width: 100%;
        top: calc(100% + 20px);
    }
    .navigation > a {
        display: none;
    }
    .navigation .navbar {
        padding: 0;
    }
    .navbar-toggler.collapsed span:nth-child(3) {
        opacity: 1;
    }
    .navbar-toggler.collapsed span:nth-child(2),
    .navbar-toggler.collapsed span:nth-child(4) {
        transform: rotate(0);
        left: 0;
    }
    .navbar-toggler span:nth-child(1) {
        transform: rotate(45deg);
        transform-origin: 20% 12%;
        position: relative;
        left: 2px;
    }
    .navbar-toggler span:nth-child(2) {
        opacity: 0;
    }
    .navbar-toggler span:nth-child(3) {
        transform: rotate(-45deg);
        transform-origin: 0 55%;
        left: 0px;
        position: relative;
    }
    .navbar-toggler.collapsed span:nth-child(1) {
        transform: rotate(0deg);
        transform-origin: 20% 12%;
        position: relative;
        left: 0px;
    }
    .navbar-toggler.collapsed span:nth-child(2) {
        opacity: 1;
    }
    .navbar-toggler.collapsed span:nth-child(3) {
        transform: rotate(0deg);
        transform-origin: 0 55%;
        left: 0px;
        position: relative;
    }
    header .header-inner {
        position: relative;
    }
    header .header-inner .navbar-toggler {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
    header .container {
        padding: 0;
    }
    header .header-inner {
        padding: 0 15px;
    }
    /* Header */
    .project-steps .circle-wrapper {
        justify-content: center;
        max-width: 800px;
        margin: 0 auto;
    }
}

@media (max-width: 1024px) and (min-width: 767px) {
    .achivments .achivments-inner .col-md-3 {
        width: 50%;
    }
    .our-latest-update .author-sec {
        flex-wrap: wrap;
        gap: 16px;
    }
    .contact-form-inner > .row .col-md-4,
    .contact-form-inner > .row .col-md-8 {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1700px) {
    .container,
    header .container {
        /* padding-left: 50px;
        padding-right: 50px; */
        padding-left: 3.8vw;
        padding-right: 3.8vw;
    }
}
@media (max-width: 1024px) {
    .achivments .achivments-inner .col-md-3 {
        border-bottom: 2px solid #e0e0e0;
        padding-bottom: 20px;
    }
    .achivments .achivments-inner .col-md-3:nth-last-child(1),
    .achivments .achivments-inner .col-md-3:nth-last-child(2) {
        border-bottom: none;
    }
}
@media (max-width: 991px) {
    .type-of-support.type-of-support-inner .bottom-border {
        padding-top: 40px;
    }
    .type-of-support.type-of-support-inner .bottom-border:nth-child(1),
    .type-of-support.type-of-support-inner .bottom-border:nth-child(2) {
        padding-top: 0;
    }
    .type-of-support.type-of-support-inner .col-md-4 {
        width: 50%;
    }
    .type-of-support.type-of-support-inner .col-md-4:nth-child(2n + 1)::after {
        content: "";
        height: 100%;
        width: 1px;
        background-color: #dcdcdc;
        position: absolute;
        right: 0;
        top: 0;
    }
    .type-of-support.type-of-support-inner .col-md-4:nth-child(3n + 3)::after {
        opacity: 1;
    }
    .type-of-support.type-of-support-inner .col-md-4 {
        border-bottom: 1px solid #dcdcdc;
    }
    .type-of-support.type-of-support-inner .col-md-4:nth-last-child(1),
    .type-of-support.type-of-support-inner .col-md-4:nth-last-child(2) {
        border-bottom: none;
    }
    .slide .col-md-5,
    .slide .col-md-7 {
        width: 100%;
    }
    .skillset .logo {
        width: 16%;
    }
    .skillset-with-link.skillset .logo {
        width: 18%;
    }
    .skillset-with-link.skillset .last-box {
        width: 60%;
    }
    .team-slider .slide .image {
        height: 160px;
        width: 160px;
        margin: 0 auto;
    }
    .team-slider .slide {
        padding: 0 20px;
    }
    .review-inner .col-md-6 {
        flex: 0 0 100%;
        width: 100%;
    }
    .reviews .left-side {
        margin: 0;
    }
    .contact-form .form h2 {
        line-height: 1.4;
    }
    .team-slider .slide p {
        font-size: 14px;
    }
    .slick-prev,
    .slick-next,
    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus {
        width: 48px;
        height: 48px;
    }
    
        .techIcon {
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
    }
        .techIcon ul {
        flex-wrap: wrap;
        justify-content: space-evenly;
    }
        .hideM {
        display: none;
    }
    .techIcon li {
        min-width: 115px;
        margin-bottom: 15px;
    }
   
}
@media (max-width: 767px) {
    .recent-work-slider .right-content,
    .reviews .left-side {
        padding: 0 15px;
    }
    .react-banner .banner-inner button.button-with-image img {
        max-width: 34px;
    }
    .google-review img,
    .google-review-wrapper img {
        max-width: 160px;
    }
    .recent-work .slick-prev,
    .recent-work .slick-next {
        top: auto;
        bottom: 0;
    }
    .recent-work .slick-prev {
        left: calc(50% - 48px);
    }
    .recent-work .slick-next {
        bottom: -21px;
        right: calc(50% - 48px);
    }
    .recent-work-slider {
        padding: 0 0 62px;
    }
    .support-card .icon {
        max-width: 46px;
    }
    .support-card .content {
        margin-left: 16px;
    }
    .team-slider .slide .image {
        height: 160px;
        width: 160px;
        margin: 0 auto;
    }
    .header-white + div,
    .header-white + section,
    .blog .inner-content-wrap.blog {
        padding-top: 109px;
    }
    .social_right {
        justify-content: flex-start;
    }
    .banner-inner h3,
    .banner-inner .banner-heading {
        font-size: 40px;
        margin-bottom: 26px;
    }
    .banner-inner h1 {
        font-size: 30px;
    }
    .skillset .btn,
    .skillset .btn:hover,
    .skillset .btn:active {
        font-size: 14px;
    }
    .banner-inner p,
    .heading-top p,
    .hiring-developer .hiring-developer-inner p,
    .reviews .left-side p,
    .about-banner .banner-inner p,
    .book-a-consultation p,
    .contact-form .form p,
    .contact-form .form .contactform-btm .form-control,
    .f22,
    .content-section .f22,
    .achivments.developer-good-at .counter-col h3,
    .why-hire-react .bottom-steps .steps h3,
    .project-steps .circle-wrapper .box-inner p,
    .accordion p,
    .bottom-steps .steps h3,
    .positionsContainer.faqnew .positions .pos_header h4:before,
    .positionsContainer.faqnew .positions .pos_header h4,
    .recent-work .recent-work-slider h2 {
        font-size: 16px;
    }
    .team-slider .slide h3 {
        font-size: 18px;
    }
    .support-card .content h3,
    .achivments .achivments-card h3,
    .hiring-developer .hiring-developer-inner h2 {
        font-size: 16px;
    }
    .banner-inner h3,
    .banner-inner .banner-heading,
    .banner .banner-inner h3,
    .banner .banner-inner .banner-heading {
        font-size: 22px;
        line-height: 1.4;
    }
    .banner .banner-inner h3 span,
    .banner .banner-inner .banner-heading span {
        display: inline-block;
    }
    .hiring-developer .hiring-developer-inner h2 {
        line-height: 1.5;
        margin-bottom: 16px;
    }
    .achivments.developer-good-at .counter-col h3 {
        line-height: 1.6;
    }
    .reviews .left-side h2,
    .footer_bg h2,
    .book-a-consultation h2,
    .our-latest-update .top-heading h2,
    .contact-form .form h2,
    .why-hire-react .heading-top h2,
    .content-section h2,
    h2 {
        font-size: 22px;
    }
    .heading-top h2 {
        font-size: 26px;
        margin-bottom: 16px;
    }
    section.paddingBottom,
    .footer_bg,
    .achivments,
    .teams,
    .our-latest-update,
    .content-section,
    .developer-steps.why-hire-react,
    .accordion {
        padding-bottom: 40px;
    }
    .contact-form .follow-us {
        padding-top: 35px;
    }
    section.paddingTop,
    .footer_bg,
    .achivments,
    .teams,
    .our-latest-update,
    .accordion {
        padding-top: 40px;
    }
    .support-card .bottom-content a,
    .banner-inner button {
        margin-top: 0px;
    }
    .support-card .bottom-content,
    .hiring-developer .hiring-developer-inner h2,
    .recent-work .recent-work-slider h2,
    .social_right,
    .our-latest-update .latest-card .left-content h4,
    .banner-inner p,
    .about-banner .google-review-wrapper {
        margin-top: 20px;
    }
    .support-card,
    .heading-top,
    .book-a-consultation p,
    .type-of-support.type-of-support-inner {
        margin-bottom: 40px;
    }
    .hiring-developer .hiring-developer-inner p,
    .recent-work .recent-work-slider .desc,
    footer .contact-info,
    .footer_bg h2,
    .content-section h2,
    .achivments.developer-good-at .heading-top,
    .reviews .left-side .google-review {
        margin-bottom: 20px;
        line-height: 1.4;
    }
    .recent-work .recent-work-slider h2,
    .contact-form .left-side > h3 {
        margin-bottom: 14px;
    }
    .type-of-support .type-of-sypport-inner {
        padding: 40px 40px 0;
    }
    .support-card .bottom-content {
        margin-top: 20px;
    }
    .contact-form .form .contactform-btm {
        margin-top: 40px;
    }
    /* .why-hire-react .bottom-steps {
        gap: 36px;
    } */
    .skillset .last-box {
        width: 100%;
    }
    .skillset .last-box,
    .review-slider .slide-inner,
    .contactform-btm {
        padding: 24px;
    }
    .achivments .achivments-card h3,
    .developer-good-at .achivments-card {
        padding: 24px 0;
    }
    .book-a-consultation {
        padding: 60px 0;
    }
    .reviews {
        padding-bottom: 20px;
    }
    .btn-primary,
    .btn-primary:active,
    .btn-primary:focus,
    .btn-check:checked + .btn,
    .btn.active,
    .btn.show {
        font-size: 14px;
        padding: 13px 20px;
    }
    .developer-steps {
        padding: 40px 0 80px;
    }
    .hiring-developer {
        margin-top: -40px;
    }
    .bottom-steps {
        gap: 36px 0;
    }
    .hiring-developer .image-wrapper img {
        max-width: 180px;
        margin: 0 auto;
    }
    .bottom-steps .steps h3 {
        line-height: 1.6;
    }
    .hiring-developer .hiring-developer-inner {
        padding: 34px 19px 34px;
        text-align: center;
    }
    .slick-prev,
    .slick-next,
    .slick-prev:hover,
    .slick-prev:focus,
    .slick-next:hover,
    .slick-next:focus,
    .reviews .arrows button {
        width: 40px;
        height: 40px;
    }
    .reviews .arrows button img {
        width: 16px;
    }
    .team-slider {
        padding: 0 40px;
    }
    .reviews-right-side {
        width: 100%;
    }
    .contact-info ul li {
        max-width: 100%;
    }
    header .logo-img img {
        max-width: 140px;
    }
    .banner {
        padding: 120px 0 40px;
    }
    .banner.home-banner,
    .banner.contact-banner {
        padding: 120px 0 180px;
    }
    .footer-btm ul {
        flex-wrap: wrap;
        gap: 14px;
    }
    .footer-btm ul li:not(:last-child)::after {
        display: none;
    }
    .footer-btm ul li {
        padding-right: 13px;
        padding-left: 0;
    }
    .type-of-support .col-md-4:not(:last-child):after {
        display: none;
    }
    .content-section p {
        text-align: left;
    }
    .brands ul li {
        margin: 0;
        width: calc(50% - 0px);
        padding: 20px;
    }
    .recent-work-slider .image-wrapper img {
        padding: 0 15px;
    }
    .our-latest-update .top-heading {
        flex-wrap: wrap;
        margin-bottom: 40px;
    }
    .our-latest-update .bottom-section > .row {
        gap: 40px;
    }
    .contact-form {
        margin-top: -140px;
    }
    .contact-form .left-side,
    .contact-form .form {
        padding: 40px 24px;
    }
    .contact-form .form .contactform-btm .form-control {
        padding: 14px 18px;
    }
    .react-banner .btn-trasparent,
    .react-banner .btn-trasparent:focus,
    .react-banner .btn-trasparent:active {
        padding: 10px 20px;
        line-height: 1;
    }
    .project-steps {
        padding: 40px 0 110px;
    }
    .project-steps .circle-wrapper .column:not(:first-child):after {
        opacity: 0;
    }
    .project-steps-inner {
        padding-left: 20px;
        padding-right: 20px;
    }
    
    .achivments.developer-good-at .col-md-6 .achivments-card {
        border-bottom: 2px solid #d4d4d4;
        max-width: 100%;
    }
    .achivments.developer-good-at .col-md-6:last-child .achivments-card {
        border-bottom: none;
    }
    .positionsContainer.faqnew .positions .pos_header h4:before {
        display: flex;
        align-items: center;
        padding-top: 0;
    }
    .positionsContainer.faqnew .positions .pos_header:after {
        right: 16px;
    }
    .project-steps .circle-wrapper > div {
        max-height: 180px;
        min-height: 180px;
        max-width: 180px;
    }
    .bottom-steps .steps {
        padding-left: 60px;
    }
    /* .bottom-steps .steps::before {
        width: 36px;
        height: 36px;
        left: 6px;
    } */
    .type-of-support.type-of-support-inner .support-card {
        margin-bottom: 0;
    }
    .type-of-support.type-of-support-inner .col-md-4 {
        width: 100%;
        padding: 24px 0 !important;
    }
    .type-of-support.type-of-support-inner .col-md-4 {
        border-bottom: 1px solid #dcdcdc !important;
    }
    .type-of-support.type-of-support-inner .row {
        margin: 0;
    }
    .type-of-support.type-of-support-inner .support-card {
        padding: 0;
    }
    .type-of-support.type-of-support-inner .type-of-sypport-inner {
        padding: 24px;
    }
    .type-of-support.type-of-support-inner .col-md-4:first-child {
        padding-top: 0 !important;
    }
    .type-of-support.type-of-support-inner .col-md-4:last-child {
        padding-bottom: 0 !important;
        border-bottom: none !important;
    }

    .terms-sec-top {
        margin-top: 80px;
    }
}

@media (max-width: 640px) {
    .about-banner .google-review-wrapper img {
        width: calc(50% - 20px);
    }
    .bottom-steps::before {
        height: 95%;
    }
}
@media (max-width: 576px) {
    .react-banner .button-wrapper,
    .react-banner .button-wrapper a {
        display: inline-block;
    }
    .react-banner .button-wrapper button {
        min-width: 220px;
    }
    .achivments .col-md-3:not(:last-child) {
        border-right: none;
        border-bottom: 2px solid #e0e0e0 !important;
        padding-bottom: 40px;
    }
    .achivments .heading-top {
        margin-bottom: 0;
    }
    .skillset .logo {
        width: 30%;
    }
    .skillset-with-link.skillset .logo {
        width: 31%;
        flex: 1 1 auto;
    }
    .skillset-with-link.skillset .last-box {
        width: 100%;
        text-align: center;
    }
    .skillset .logo img {
        max-height: 30px;
    }
    .skillset .logo h5 {
        font-size: 14px;
    }
    .heading-top h2 span {
        display: inline-block;
    }
}

/*/*snow-css*/
/* 09-07-2024 */
section.achivments.achivments-with-bg.text-white.bg-grey-100 {
    padding-bottom: 220px;
}
section.hiring-developer.bg-none {
    /* padding-top: 146px; */
    margin-top: 50px;
}
.hiring-developer .hiring-developer-inner {
   
    /* text-align: center; */
    background-color: #13213e !important;
    /* background-image: url("../images/book-consultant-img.jpg");
    background-image: url("../images/book-consultant-img.webp"); */
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
}
.kkr {
    display: flex;
    align-items: center;
    gap: 24px;
    flex-wrap:wrap;
    
}
.our-latest-update .top-heading {
    margin-bottom: 50px;
    gap: 0px !important;
}

@media(max-width:657px){
    .kkr {justify-content:center;}
}

section.banner.home-banner .banner-inner{text-align:left;padding:0}.home-banner{padding:300px 0;background-image:url(../images/homebanner/banner-new-home.webp);background-size:cover;background-repeat:no-repeat;background-color:transparent!important}.home-banner .container{max-width:1749px}.home-banner .row{align-items:center;margin-left:0;margin-right:0}.home-banner .banner-inner h3{font-size:47px;color:#000000;margin-bottom:20px}.home-banner .banner-inner h1{font-size:50px}.home-banner .banner-inner p{font-size:20px;margin-top:20px;margin-bottom:0;font-weight: 700;}
.banner-inner h1{font-size:45px}.home-banner.banner .banner-inner h3,.banner .banner-inner .banner-heading{font-size:35px;margin-bottom:20px}.home-banner .banner-inner button{margin-top:47px}}@media(max-width:1650px){.home-banner{padding:200px 0 200px}}@media(max-width:1450px){.home-banner{padding:160px 0 180px;}}@media (max-width:1367px){.home-banner .banner-inner h1{font-size:47px}.home-banner.banner .banner-inner h3,.banner .banner-inner .banner-heading{font-size:38px}}@media screen and (max-width:1267px){.banner.home-banner{padding:150px 0 200px}.banner.home-banner .banner-inner h3,.banner .banner-inner .banner-heading{font-size:30px}.home-banner .banner-inner h1{font-size:31px}.home-banner .banner-inner button,.contact-form .form .contactform-btm{margin-top:15px}}@media (max-width:1067px){.banner.home-banner{background-size:cover}section.banner.home-banner .banner-inner{text-align:center;width:100%}}@media(max-width:765px){.right-content{text-align:left;}.home-banner .banner-inner h1{font-size:22px;}}.home-layout-n .navigation nav li a{color:#000}.home-layout-n img.logo-white{display:none}.home-layout-n img.logo-black{display:block}.home-layout-n button.btn.btn-primary.btn-white{background-color:#febd4a;border-color:#febd4a;color:#fff}.home-layout-n button.btn.btn-primary.btn-white:hover{background-color:#ffffff;color:rgb(245,124,32)}.home-layout-n header.fixed .btn-primary.btn-white:hover{background-color:transparent;color:rgb(245,124,32)}@media (min-width: 1700px) {.home-banner .container{padding:0 3.8vw}header .container{padding-left:3.8vw;padding-right:3.8vw}}@media (min-width: 1201px) {.home-layout-n .navigation .navbar ul li.dropdown>.nav-link:after, .home-layout-n .navigation .navbar ul li.dropdown>a:after {filter: brightness(0) saturate(100%) invert(0%) sepia(6%) saturate(7475%) hue-rotate(284deg) brightness(94%) contrast(106%);}}@media(max-width:1200.5px){.home-layout-n .navbar-toggler .icon-bar{background:#000;}}
section.type-of-support.bg-none {
    background: transparent !important;
}

p.f22, .content-section p.f22{font-size: 16px !important;}

.aibedrijf.hiring-developer {
    margin-top: 0!important;
    margin-bottom: 76px;
}

.aibedrijf.hiring-developer {
    margin-top: 0!important;
    margin-bottom: 76px;
}

.bottom-sharp::after {
    background-image: unset!important;
}

.techno_use_sec {
    padding: 67px 20px;
    text-align: center;
}
.box-technology{
    min-height: 180px;
    border-right: 1px solid #CECECE;
    padding: 10px 35px;
    margin-bottom: 30px;
}
.techno_use_sec .col-lg-4:last-child .box-technology {
    border-right: 0;
}
.technology-heading {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    position: relative;
}
.technology-heading h3 {
    font-weight: 500;
    width: fit-content;
    padding-bottom: 20px;
}
.technology-heading h3:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 40%;
    background-color: #febd4a;
    width: 20%;
    height: 3px;
    display: block;
}
.techno_use_sec .btn-group {
    display: flex;
    gap: 0 14px;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}
.btn-group {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}
.techno_use_sec .btn-group span {
    padding: 6px 20px;
    border: 1px solid #D1D1E1;
    border-radius: 3px;
    display: flex;
    align-items: center;
}
@media (max-width: 1350px){
.box-technology{
    min-height: 180px;
    border-right: 1px solid #CECECE;
    padding: 10px;
    margin-bottom: 10px;
}
}
@media (max-width: 991px){
.technology-heading {
    margin-bottom: 15px;
}
.technology-heading h3{
    padding-top: 30px;
}
.box-technology{
    min-height: auto;
    border-right: 0!important;
    padding: 10px;
    margin-bottom: 0;
}
.techno_use_sec {
    padding: 47px 20px;
}
}

.aibedrijf.hiring-developer {
    margin-top: 0!important;
    margin-bottom: 76px;
}
.bottom-sharp::after {
    background-image: unset!important;
}

/* Technologietools section css */
.techno_use_sec {
    padding: 67px 20px;
    text-align: center;
}
.box-technology{
    min-height: 180px;
    border-right: 1px solid #CECECE;
    padding: 10px 35px;
    margin-bottom: 30px;
}
.techno_use_sec .col-lg-4:last-child .box-technology {
    border-right: 0;
}
.technology-heading {
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    position: relative;
}
.technology-heading h3 {
    font-weight: 500;
    width: fit-content;
    padding-bottom: 20px;
}
.technology-heading h3:after {
    content: "";
    position: absolute;
    bottom: 10px;
    left: 40%;
    background-color: #F17E2F;
    width: 20%;
    height: 3px;
    display: block;
}
.techno_use_sec .btn-group {
    display: flex;
    gap: 0 14px;
    justify-content: center;
    flex-wrap: wrap;
    gap: 15px;
}
.btn-group {
    position: relative;
    display: -ms-inline-flexbox;
    display: inline-flex;
    vertical-align: middle;
}
.techno_use_sec .btn-group span {
    padding: 6px 20px;
    border: 1px solid #D1D1E1;
    border-radius: 3px;
    display: flex;
    align-items: center;
}
.wanneer_bed .center_cont ul li p{
    font-weight: 500;
    font-size: 20px;
    line-height: 2.2;
}
@media (max-width: 1700px){
.wanneer_bed .center_cont ul li p{
    font-size: 18px;
    line-height: 1.9;
}
.zed_right_img{
    height: 100%;
    object-fit: cover;
}
}

@media (max-width: 1350px){
.box-technology{
    min-height: 180px;
    border-right: 1px solid #CECECE;
    padding: 10px;
    margin-bottom: 10px;
}
}
@media (max-width: 991px){
.technology-heading {
    margin-bottom: 15px;
}
.technology-heading h3{
    padding-top: 30px;
}
.box-technology{
    min-height: auto;
    border-right: 0!important;
    padding: 10px;
    margin-bottom: 0;
}
.techno_use_sec {
    padding: 47px 20px;
}
.order_1{
    order:1;
}
.order_2{
    order:2;
}
.order_3{
    order:3;
}
.center_img{
    text-align: center;
    padding-bottom: 20px;
}
}
.max-1024 {
    max-width: 1024px;
    margin-left: auto;
    margin-right: auto;
}
.bg-grey-sec{
    background-color: #F4F4F4!important;
}
.center_cont{
    align-content: center;
}

.slick-initialized  .bowen-slider-box {
    background: #fff;
    box-shadow: 5px 5px 24px 0px #0000000D;
    padding: 24px 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px;
    height: 100%;
    margin: 0 18px;
    /* margin-left: 36px; */
     box-sizing: border-box;
     text-align: center;

}
.bowen-slider .slick-prev {
    z-index: 3;
    left: -16px;
}
.bowen-slider .slick-next {
    right: -16px;
}
.bowen-slider-box img {
   filter: brightness(0) saturate(100%) invert(52%) sepia(95%) saturate(1553%) hue-rotate(344deg) brightness(104%) contrast(89%);
    height: 96px;
}
.bowen-slider .slick-list {
    margin: 0 -18px; /* negate the slide margin */
}
.bowen-slider-box:hover {
    color: #fff;
    background: #F17E2F;
}
.bowen-slider-box:hover img {
filter: brightness(0) saturate(100%) invert(100%) sepia(7%) saturate(7477%) hue-rotate(180deg) brightness(107%) contrast(97%);
}
.bowen-slider-box:hover p {
    color: #fff;
}
section.webshop-bowen {
    padding-top: 77px;
    padding-bottom: 65px;
}
.woo_points ul li {
    position: relative;
}
.service_points.view2 ul li, .woo_points ul li {
    padding-left: 40px;
}
.service_points.view2 ul li:before, .woo_points ul li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 9px;
    width: 24px;
    height: 24px;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="29" height="29" viewBox="0 0 29 29" fill="none"><circle cx="14.5" cy="14.5" r="14.5" fill="%23F17E2F"/><path d="M22 10.1566L11.7143 20L7 15.4884L8.20857 14.3318L11.7143 17.6786L20.7914 9L22 10.1566Z" fill="white"/></svg>');
    background-repeat: no-repeat;
    background-size: 100%;
}
@media (max-width: 1440px){
.service_points.view2 ul li:before, .woo_points ul li:before {
    top: 2px;
}
}
.bowen-slider .slick-dots li {
    width: auto;
    height: auto;
   padding: 0;
}
.bowen-slider  .slick-dots li.slick-active button {
    width: 30px;
    height: 8px;
    background: #f57c20;
    border-radius: 20px;
    padding: 0;
}
.bowen-slider  .slick-dots li button {
    width: 8px;
    height: 8px;
    background: #D6D6D6;
    border-radius: 50%;
    padding: 0;
}
.bowen-slider  .slick-dots li button:before{
    display: none;
}

.pract_point .steps h3 span {
    font-weight: 400;
}
.support-card.feat_card .top .icon{
    display: contents;
}

@media (max-width: 991px) {
.slick-initialized .bowen-slider-box {
    padding: 24px 20px;
}
.slick-dots{
    left: 0;
}
.bowen-slider .slick-prev,.bowen-slider .slick-next{
    display:none!important;
    left:0!important;
    right:0!important;
}
.bowen-slider .slick-list {
    margin: 0!important;
}
}
@media (min-width: 768px) and (max-width: 1280px) {
    .support-card.feat_card .content h3 {
        font-size: 14px;
    }
    .support-card.feat_card .content {
        margin-left: 10px;
    }
}
@media (max-width: 350px) {
    .support-card.feat_card .content h3 {
        font-size: 14px;
    }
}


.bothSpace {
    margin-top: 76px!important;
    margin-bottom: 76px!important;
}
.topSpace {
    margin-top: 76px!important;
}
.bottomSpace {
    margin-bottom: 76px!important;
}

.type-of-support.type-of-support-inner {
    margin: 0 0 80px;
}

.all_boxes {
    justify-content: center;
}
.sevice_box {
    box-shadow: 0 0 16px rgba(0, 0, 0, .05);
    padding: 35px;
    height: 100%;
    background: #fff;
}
.no-desc .sevice_box.type2 {
    min-height: 0;
    padding: 35px 20px;
}
.sevice_box figure {
    width: 108px;
    height: 60px;
    background: rgba(238, 238, 238, .4);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 25px;
    margin-bottom: 0;
}
.sevice_box figure img{
    max-height: 60px;
}
.sevice_box.type2 figure, .sevice_box.type3 figure {
    background: 0;
    width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
}
.sevice_box h3 {
    font-size: 22px;
    font-weight: 700;
    width: 100%;
    margin-bottom: 20px;
    line-height: 130%;
    word-break: break-word;
}
.service_points ul {
    margin: 15px 0 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
}
.service_points ul li {
    margin: 10px 0;
    padding: 0 0 0 38px;
    width: 50%;
    text-align: left;
    font-size: 24px;
    font-weight: 400;
    position: relative;
}
.service_points.view2 ul li {
    padding-left: 80px;
    margin-bottom: 30px;
    padding-right: 20px;
}
.service_points.view2 ul li i {
    position: absolute;
    top: 0;
    left: 0;
}
.service_points.view2 ul li h4 {
    font-size: 22px;
    margin-bottom: 6px;
    line-height: 140%;
}
.service_points ul li p {
    font-weight: 600;
    line-height: 170%;
    margin-bottom: 0;
}
.service_points.view2 ul li p {
    font-weight: 400;
    max-width: 90%;
}
.content-section h2 span{
    display: inline-block;
}

section.banner.home-banner{background:#13213e !important; position: relative;}
.fullscreenVideo{width: 100vw; height: 100%;  position: absolute; left: 0; top: 0; background: url(../../video/codeitt.webp); background-position: center center; background-size: cover;}
.fullscreenVideo video {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.fullscreenVideo:after{ content: ""; position: absolute; inset: 0; background: rgba(0, 0, 0, 0.5); z-index: 1}
@media screen and (max-width:767px){
    .fullscreenVideo{ background-position:-500px 0 }
    .fullscreenVideo video {left: -50%; width: 150%;}
}

section.hiring-developer,
.aibedrijf.hiring-developer{margin-top: 50px !important;}
.hiring-developer .hiring-developer-inner .col-md-3{display: none;}
.hiring-developer .hiring-developer-inner .col-md-9{width: 100%; text-align: center;}
.team-slider .slide{height: auto;}

.accordion.bg-grey-100 {
    background-color: #f4f4f4 !important;
}

.recent.work-section {padding: 70px 0px; }
.case-study-box {position: relative; overflow: hidden; border-radius: 8px; border: 1px solid #d9d9d9;}
.case-study-box:hover:before {background: rgba(0, 0, 0, 0.8)!important; width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; z-index:1 }
.case-study-box:hover .project-description {bottom: 0px; opacity: 1; visibility: visible; z-index:1 }
.project-description {position: absolute; text-align: center; bottom: -100px; color: #fff; opacity: 0; transition: 0.2s; visibility: hidden; }
.project-description p{color: #fff; font-size: 14px; width: 80%; margin-left: auto; margin-right: auto; }
.case-study-box img {width: 120% !important; height: 100%; max-width: initial; left: -10%; position: relative;}
.web-logo {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 76%; }
.project-description span {font-size: 18px; font-weight: 600; margin-bottom: 10px; display: block; }
.case-study-button {display: flex; justify-content: center; margin-top: 40px; } 
@media(max-width:767px){
    .recent.work-section .row {gap: 20px; } 
    .case-study-box:before {background: rgba(0, 0, 0, 0.8)!important; width: 100%; height: 100%; position: absolute; top: 0; left: 0; content: ""; }
    .project-description {bottom: 0px; opacity: 1; visibility: visible; }
    .project-description p {font-size: 16px; }
    .project-description span {font-size: 20px; }
}