/* Author: Asquareconsultants | Developer: Mohammed Shahnawaz */
/* Desktop CSS Responsive */
@media(max-width:1440px) {
    .portfolio--counter span:first-child {
        font: 700 72px/84px var(--sharks-HelveticaNeueBold);
    }
    .portfolio--counter span:last-child {
        font: 400 24px/30px var(--sharks-HelveticaNeue);
    }
}
@media(max-width:1280px) {
    .phases--item .phase--title {
        font: 400 22px/26px var(--sharks-HelveticaNeue);
    }
    .phase--details .phase--detail--title {
        font: 400 20px/24px var(--sharks-HelveticaNeue);
    }
    .about1--col:first-child {
        padding-right: 0;
    }
    .about1--col:last-child {
        padding-left: 0;
    }
    .portfolio--sector--item {
        width: calc(33.33333% - 21.3333px);
    }
    .portfolio--clients .portfolio--client--item {
        width: calc(25% - 24px);
    }
}
@media(max-width:1100px) {
    .portfolio--counter span:first-child {
        font: 700 64px/72px var(--sharks-HelveticaNeueBold);
    }
    .portfolio--counter span:last-child {
        font: 400 20px/24px var(--sharks-HelveticaNeue);
    }
}
@media(max-width:1024px) {
    .blog--item .blog--thumbnail {
        max-width: 400px;
    }
    .blog--item .blog--details {
        width: calc(100% - 416px);
    }
    .phase--details ul li {
        font: 400 16px/20px var(--sharks-HelveticaNeue);
    }
    .processes5--phases {
        width: 1200px;
    }
    .phases--item {
        width: 300px;
    }
    .portfolio--counters .portfolio--counter {
        padding-right: var(--sharks-space-sm);
        margin-right: var(--sharks-space-sm);
    }
    .portfolio--counter span:first-child {
        font: 700 54px/60px var(--sharks-HelveticaNeueBold);
    }
    .portfolio--counter span:last-child {
        font: 400 18px/24px var(--sharks-HelveticaNeue);
    }
}
@media(max-width:992px) {
    .home--about--row {
        flex-direction: column;
    }
    footer .footer--row {
        flex-wrap: wrap;
    }
    footer .footer--row .footer--col:nth-child(1),
    footer .footer--row .footer--col:nth-child(5) {
        width: 100%;
    }
    footer .footer--row .footer--col:nth-child(2),
    footer .footer--row .footer--col:nth-child(3),
    footer .footer--row .footer--col:nth-child(4) {
        width: calc(33.3333% - 12px);
    }
    header {
        display: none;
    }
    .header__mobile__wrapper {
        display: flex;
    }
    .header--row .logo {
        width: 150px;
    }
    main {
        padding-top: var(--sharks-header-mobile);
    }
    .home--presence--col:first-child {
        max-width: 400px;
    }
    .insight--wrapper {
        background: linear-gradient(to bottom, var(--sharks-light-grey) 50%, var(--sharks-white) 50%);
    }
    .contact--wrapper {
        background: linear-gradient(to bottom, var(--sharks-white) 80%, var(--sharks-light-grey) 20%);
    }
    .contact--wrapper .grid--padding,
    .insight--wrapper .grid--padding {
        padding: 0 !important;
    }
    .contact--row {
        flex-direction: column;
    }
    .contact--row .contact--col {
        width: 100%;
        padding: 0 var(--sharks-space-sm);
    }
    .contact--row .contact--col:first-child {
        padding: 0 var(--sharks-space-sm) var(--sharks-padding-section);
    }
    .contact--row .contact--col:last-child {
        padding: var(--sharks-padding-section) var(--sharks-space-sm) 0;
        background-color: var(--sharks-light-grey);
    }
    .insight--wrapper .contact--row .contact--col:last-child {
        background-color: var(--sharks-white);
    }
    .newsroom--items {
        flex-direction: column;
    }
    .newsroom--item .newsroom--details {
        padding-bottom: var(--sharks-space-sm);
    }
    .processes--shield--item .processes--shield--details {
        font: 400 20px/24px var(--sharks-HelveticaNeue);
    }
    .processes2--row .processes2--col {
        width: 100%;
    }
    .processes3 .processes3--row {
        flex-direction: column-reverse;
    }
    .processes3--col ul li {
        font: 400 18px/24px var(--sharks-HelveticaNeue);
    }
    .processes3--col:first-child {
        padding-right: 0;
    }
    .processes4 .processes4--row {
        flex-direction: column;
    }
    .processes4--col:first-child {
        padding-right: 0;
    }
    .about1--row {
        flex-direction: column-reverse;
    }
    .about1--row .about1--col {
        width: 100%;
    }
    .about2,
    .about3 {
        background: none;
    }
    .about2--row,
    .about3--row {
        flex-direction: column;
    }
    .about2--row .about2--col {
        width: 100%;
    }
    .about2--row .about2--col:first-child {
        background-color: var(--sharks-light-grey);
        padding: var(--sharks-padding-section) var(--sharks-space-sm) var(--sharks-padding-section) var(--sharks-space-sm);
    }
    .about3--row .about3--col {
        width: 100%;
    }
    .about2--row .about2--col:last-child {
        padding: var(--sharks-padding-section) var(--sharks-space-sm) var(--sharks-padding-section) var(--sharks-space-sm);
    }
    .about3--row .about3--col:last-child {
        background-color: var(--sharks-light-grey);
    }
    .about3--row .about3--col:first-child {
        padding: var(--sharks-padding-section) var(--sharks-space-sm) var(--sharks-padding-section) var(--sharks-space-sm);
    }
    .about3--row .about3--col:last-child {
        padding: var(--sharks-padding-section) var(--sharks-space-sm) var(--sharks-padding-section) var(--sharks-space-sm);
    }
    .solution--common .solution--common--row {
        flex-direction: column;
        gap: var(--sharks-space-lg);
    }
    .solution--common.bgs--grey .solution--common--row {
        flex-direction: column-reverse;
    }
    .solution--common--col {
        width: 100%;
    }
    .portfolio--sector--item {
        width: calc(50% - 16px);
    }
    .portfolio--clients .portfolio--client--item {
        width: calc(33.33333% - 21.66666px);
    }
    .portfolio--sector--row {
        flex-direction: column-reverse;
    }
}

@media(max-width:768px) {
    :root {
        --sharks-padding-section: 50px;
    }
    footer .footer--row .footer--col:nth-child(2),
    footer .footer--row .footer--col:nth-child(3),
    footer .footer--row .footer--col:nth-child(4) {
        width: 100%;
    }
    .hero--banner--item .banner--title {
        bottom: 80px;
        font: 500 20px/26px var(--sharks-HelveticaNeueMedium);
    }
    .home--about--col.about--text {
        font: 400 20px/28px var(--sharks-HelveticaNeue);
    }
    .about--cards .about--card {
        min-height: 80px;
        font: 500 16px/20px var(--sharks-HelveticaNeueMedium);
        padding: 20px;
    }
    h2.section--heading {
        font: 400 36px/42px var(--sharks-Montserrat);
        margin-bottom: var(--sharks-space-lg);
    }
    h4.section--sub--heading {
        font: 400 22px/26px var(--sharks-Montserrat);
        margin-bottom: var(--sharks-space-lg);
    }
    .home--presence--row {
        flex-direction: column-reverse;
    }
    .home--presence--col:first-child {
        max-width: 100%;
    }
    footer .footer--row {
        gap: var(--sharks-space-md);
    }
    .blogs--items .blog--item {
        flex-direction: column;
    }
    .blog--item .blog--thumbnail,
    .blog--item .blog--details {
        width: 100%;
        max-width: 100%;
    }
    .blog--details .blog--title {
        font: 400 20px/24px var(--sharks-HelveticaNeue);
    }
    .blog--details .blog--date {
        font: 400 16px/20px var(--sharks-HelveticaNeue);
    }
    .processes--shields {
        flex-direction: column;
        gap: var(--sharks-space-md);
    }
    .processes--shield--item img {
        width: 36px;
    }
    .processes6--row {
        gap: var(--sharks-space-md);
    }
    .processes6--row .processes6--item {
        width: 100%;
    }
    .about4--row {
        justify-content: center;
    }
    .about4--row .about4--item {
        width: calc(50% - 24px);
    }
    .leadership--row {
        flex-direction: column;
    }
    .leadership--row .leadership--col:first-child {
        max-width: 300px;
        padding-right: 0;
    }
    .leadership--row .leadership--col:last-child {
        border-left: none;
        padding-left: 0;
    }
    .solution--subtitle {
        font: 400 24px/36px var(--sharks-HelveticaNeue);
    }
    .solution--common--col span.solution--number {
        font: 700 42px/56px var(--sharks-Montserrat);
    }
    .solution--common--col h4.solution--section--title {
        font: 400 30px/36px var(--sharks-HelveticaNeue);
        padding: var(--sharks-space-sm) 0;
    }
    button.solution--download {
        font: 400 20px/24px var(--sharks-HelveticaNeue);
    }
    h5.solution--subtitle {
        font: 400 24px/30px var(--sharks-HelveticaNeue);
    }
    .solution--common--col p {
        font: 400 18px/24px var(--sharks-HelveticaNeue);
    }
    .portfolio--counters {
        flex-direction: column;
        align-items: center;
    }

    .portfolio--counters .portfolio--counter {
        max-width: 400px;
        gap: var(--sharks-space-lg);
        border-right: 0;
        border-bottom: 2px solid var(--sharks-black);
        padding: 0;
        margin: 0;
        padding-bottom: var(--sharks-space-lg);
        margin-bottom: var(--sharks-space-lg);
        text-align: center;
    }
    .portfolio--counters .portfolio--counter:last-child {
        border-right: none;
        border-bottom: none;
        padding: 0;
        margin: 0;
    }
    .portfolio--clients .portfolio--client--item {
        width: calc(50% - 16px);
        padding: var(--sharks-space-xs);
    }
    .portfolio--project--row {
        flex-direction: column;
    }
    .page--up {
        bottom: 10px;
        right: 10px;
    }
}
@media(max-width:675px) {
    .our--solution--item .our--solution--item--action {
        font: 400 20px/24px var(--sharks-HelveticaNeue);
    }
    .our--solution--item--action a.view--more--white {
        padding: 8px 16px;
        border-radius: 8px;
        font: 400 16px/20px var(--sharks-HelveticaNeue);
    }
    .about4--row .about4--item {
        width: 100%;
        justify-content: center;
    }
    .event--item img {
        max-width: 300px;
    }
    .portfolio--sector--item {
        width: 100%;
    }
}
@media(max-width:575px) {
    .contact--form .form--row {
        flex-direction: column;
        align-items: flex-start;
    }
    .gallery--wrapper .gallery--item {
        width: 100%;
        min-width: auto;
    }
}