.hero-section {
    background: linear-gradient(rgb(128 182 233 / 21%) 0, rgb(115 168 219 / 21%) 66.86%, rgba(255, 255, 255, 0) 100%)
}

.hero-section .hero-section-text-content h1 {
    color: #4293e1
}

.hero-section .hero-section-text-content .sub_heading,
.logo_head a,
.stars span {
    color: #000
}

.common-heading {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 40px
}

.common-heading h2,
.common-heading p {
    margin: 0 !important
}

.custom-ai-development-section .tabs-new ul li {
    padding: 0 45px;
    display: flex;
    min-width: 0;
    height: 83px;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--black-15, rgba(17, 17, 17, .15));
    background: var(--White, #fff);
    flex-shrink: 0;
    scroll-snap-align: start;
    cursor: pointer
}

.custom-ai-development-section .common-heading {
    flex-direction: row
}

.custom-ai-development-section .common-heading div,
.next-gen-business-solutions-mobile #next-gen-accordion-ai .panel-collapse .panel-body .panel-body-inner .custom-content-card .custom-ai-tab-content {
    display: flex;
    flex-direction: column;
    gap: 20px
}

.custom-ai-development-section .common-heading div.tab-navigations {
    display: flex;
    flex-direction: row;
    align-items: center
}

.mb-2 {
    margin-bottom: 15px
}

.biz4group-reviews-container {
    display: flex;
    gap: 30px;
    list-style: none;
    padding: 0;
    margin: 20px 0;
    flex-wrap: wrap
}

.biz4group-reviews-container li {
    width: 125px;
    height: 150;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start
}

.biz4group-reviews-container li:nth-child(2),
.biz4group-reviews-container li:nth-child(4) {
    width: 110px;
    height: auto
}

.biz4group-reviews-container li img {
    width: 100%;
    height: 100%;
    object-fit: contain
}

.stars {
    color: #f9a01b;
    margin-bottom: 5px
}

.reviews-count {
    color: #333;
    font-size: 14px;
    font-weight: 500
}

.building-capable-ai-agents .custom-ai-card svg {
    min-width: 50px;
    min-height: 50px
}

.our-portfolio-section .portfolio-card-wrapper {
    height: 645px;
    top: 100px
}

.flexible-engagement-models .flexible-engagement-models-card svg{
    fill: #000;
}
.flexible-engagement-models .flexible-engagement-models-card:hover svg{
    fill: #fff;
}

.flexible-engagement-models .flexible-engagement-models-card:hover a,
.our-portfolio-section .portfolio-card-wrapper a {
    color: #fff;
    text-decoration: underline;
    font-weight: 500
}

.flexible-engagement-models .flexible-engagement-models-card:hover h3,
.flexible-engagement-models .flexible-engagement-models-card:hover h3 span,
.flexible-engagement-models .flexible-engagement-models-card:hover p,
.our-portfolio-section .portfolio-card-wrapper a:hover {
    color: #fff
}

.building-capable-ai-agents .col-md-4:nth-child(13),
.building-capable-ai-agents .col-md-4:nth-child(14),
.flexible-engagement-models .flexible-engagement-models-card ul li:last-child,
.our-portfolio-section .portfolio-card-wrapper+:last-child {
    margin-bottom: 0
}

.our-portfolio-section .portfolio-card-wrapper .custom-ai-tab-content {
    padding: 0 0 40px !important
}

.custom-ai-agents-section .custom-ai-card {
    height: 420px
}

.building-capable-ai-agents .custom-ai-card {
    height: 360px !important
}

.third-cta-section .third-cta-card {
    height: 485px;
    background: url("https://www.biz4group.com/images/services/ai-fitness-software-development-company/coach-ai-cta.webp") center center/contain no-repeat
}

.third-cta-section .third-cta-card .third-cta-content {
    padding: 45px 40px
}

.trusted-by-section .trusted-logos .logo-item .portfolio-card-view {
    transition: .5s ease-in-out
}

.custom-ai-agents-section .custom-ai-card svg {
    min-width: 50px !important;
    min-height: 50px !important
}

.second-cta-section .second-cta-card {
    height: 440px !important;
    background-image: url("https://www.biz4group.com/images/services/ai-agent-development/talk-to-our-experts.png") !important
}
.second-cta-section .second-cta-card .ai-agent-cta-content {
    padding: 35px;
}

.second-cta-section .second-cta-card .sean-intro {
    padding: 10px;
    width: 175px
}

.second-cta-section .second-cta-card .align-sean-intro {
    padding: 30px 20px
}

.second-cta-section .second-cta-card .sean-intro h3 {
    font-size: 16px
}

.second-cta-section .second-cta-card .sean-intro p {
    font-size: 14px
}

.building-capable-ai-agents .col-md-4:nth-child(7),
.building-capable-ai-agents .col-md-4:nth-child(8) {
    margin-bottom: 30px
}

.building-capable-ai-agents .col-md-4:last-child {
    margin-bottom: 0 !important
}

.next-gen-business-solutions,
.next-gen-business-solutions-wrapper .custom-content-card.active,
.top-ai-development-services-section #firstTechStack .panel .panel-heading a span .fa-plus,
.top-ai-development-services-section #secondTechStack .panel .panel-heading a span .fa-plus {
    display: block
}

.next-gen-business-solutions-wrapper {
    background: #f9fafb;
    width: 100%;
    height: auto;
    padding: 60px;
    display: flex
}

.next-gen-business-solutions-tabs {
    padding: 30px;
    width: 50%;
    background-color: #4293e1;
    height: 410px;
    overflow-y: auto
}

.next-gen-business-solutions-tabs .tab-list {
    margin: 0;
    padding: 0 20px 0 0;
    list-style: none;
    color: #fff;
    height: 100%;
    overflow-y: auto
}

.next-gen-business-solutions-tabs .tab-list::-webkit-scrollbar {
    width: 5px
}

.next-gen-business-solutions-tabs .tab-list::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, .1);
    border-radius: 10px
}

.next-gen-business-solutions-tabs .tab-list::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, .8);
    border-radius: 10px
}

.next-gen-business-solutions-tabs .tab-list::-webkit-scrollbar-thumb:hover {
    background: #fff
}

.next-gen-business-solutions-tabs .tab-list li {
    padding: 18px 0;
    border-bottom: 1px solid #f1eeee60;
    cursor: pointer;
    opacity: .6;
    font-size: 16px
}

.next-gen-business-solutions-tabs .tab-list li p {
    margin: 0
}

.next-gen-business-solutions-tabs .tab-list li:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.next-gen-business-solutions-tabs .tab-list li.active {
    font-weight: 700;
    opacity: 1
}

.next-gen-business-solutions-content {
    width: 50%
}

.next-gen-business-solutions-content-card {
    padding: 30px;
    background: #fff;
    width: 100%;
    height: 410px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 20px
}

.next-gen-business-solutions-content-card img {
    width: 60px;
    height: 60px;
    object-fit: contain
}

.next-gen-business-solutions-content-card h3 {
    color: #000;
    font-size: 28px;
    font-weight: 600;
    margin: 0
}

.next-gen-business-solutions-content-card p {
    color: var(--Black, #111);
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    margin: 0
}

.next-gen-business-solutions-content-card a {
    text-decoration: underline;
    color: var(--Black, #111)
}

.next-gen-business-solutions-mobile,
.next-gen-business-solutions-wrapper .custom-content-card,
.top-ai-development-services-section #firstTechStack .panel .panel-heading a span .fa-minus,
.top-ai-development-services-section #firstTechStack .panel .panel-heading a:not(.collapsed) span .fa-plus,
.top-ai-development-services-section #secondTechStack .panel .panel-heading a span .fa-minus,
.top-ai-development-services-section #secondTechStack .panel .panel-heading a:not(.collapsed) span .fa-plus {
    display: none
}

.two-cta-section .card {
    height: 336px
}

.ai-models-section::after,
.ai-models-section::before {
    position: absolute;
    content: "";
    width: 200px;
    height: 459px;
    bottom: 20px
}

.next-gen-business-solutions-mobile .h2-heading {
    margin-bottom: 10px
}

.next-gen-business-solutions-mobile #next-gen-accordion-ai {
    padding: 0;
    background: #fff
}

.next-gen-business-solutions-mobile #next-gen-accordion-ai .panel {
    border: 0;
    border-bottom: 1px solid var(--black-15, rgba(17, 17, 17, .15))
}

.next-gen-business-solutions-mobile #next-gen-accordion-ai .panel:last-child {
    border-bottom: 0 !important
}

.next-gen-business-solutions-mobile #next-gen-accordion-ai .panel .panel-heading {
    padding: 20px 0;
    background-color: #fff !important;
    display: flex;
    justify-content: space-between;
    align-items: center;
    cursor: pointer
}

.next-gen-business-solutions-mobile #next-gen-accordion-ai .panel .panel-heading.collapsed img {
    width: 25px;
    height: 25px;
    -o-object-fit: contain;
    object-fit: contain;
    transition: .5s;
    transform: rotate(0)
}

.next-gen-business-solutions-mobile #next-gen-accordion-ai .panel .panel-heading:first-child:not(.collapsed) img {
    transform: rotate(180deg);
    transition: .5s
}

.next-gen-business-solutions-mobile #next-gen-accordion-ai .panel .panel-heading a {
    color: var(--Black, #111);
    font-size: 18px;
    font-weight: 600;
    text-decoration: none
}

.next-gen-business-solutions-mobile #next-gen-accordion-ai .panel .panel-heading a:active,
.next-gen-business-solutions-mobile #next-gen-accordion-ai .panel .panel-heading a:focus {
    outline: 0;
    text-decoration: none
}

.flexible-engagement-models .flexible-engagement-models-card h3 span,
.next-gen-business-solutions-mobile #next-gen-accordion-ai .panel .panel-heading a span {
    color: #2196f3
}

.next-gen-business-solutions-mobile #next-gen-accordion-ai .panel-collapse .panel-body {
    padding: 0 0 20px;
    border-top: 0
}

.next-gen-business-solutions-mobile #next-gen-accordion-ai .panel-collapse .panel-body .panel-body-inner .custom-content-card .custom-ai-tab-content p {
    color: var(--Black, #111);
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.next-gen-business-solutions-mobile #next-gen-accordion-ai .panel-collapse .panel-body .panel-body-inner .custom-content-card .custom-ai-tab-content .bullet-points ul li {
    color: #000;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: normal
}

.next-gen-business-solutions-mobile #next-gen-accordion-ai .panel-collapse .panel-body .panel-body-inner .custom-content-card .tab-img {
    margin: 20px 0 30px
}

.next-gen-business-solutions-mobile #next-gen-accordion-ai .panel-collapse .panel-body .panel-body-inner .custom-content-card .tab-img img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

@media screen and (max-width:991px) {
    .next-gen-business-solutions-mobile {
        display: block
    }

    .next-gen-business-solutions {
        display: none
    }
}

#firstTechStack {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    height: 1030px
}

.top-ai-development-services-section #firstTechStack .panel,
.top-ai-development-services-section #secondTechStack .panel {
    box-shadow: none;
    border-radius: 0;
    overflow: hidden;
    border: 0;
    background-color: var(--black-3, rgba(17, 17, 17, .03)) !important;
    margin-bottom: 15px !important;
    margin: 0;
    width: 48.5%
}

.top-ai-development-services-section #firstTechStack .panel::after,
.top-ai-development-services-section #secondTechStack .panel::after {
    content: "";
    display: block;
    width: 95%;
    margin: auto;
    height: 1px;
    background-color: rgba(255, 255, 255, .2941176471)
}

.top-ai-development-services-section #firstTechStack .panel:last-child::after,
.top-ai-development-services-section #secondTechStack .panel:last-child::after {
    content: "";
    display: block;
    width: 95%;
    margin: auto;
    height: 0;
    background-color: rgba(255, 255, 255, .2941176471)
}

.top-ai-development-services-section #firstTechStack .panel:first-child,
.top-ai-development-services-section #secondTechStack .panel:first-child {
    padding-top: 0
}

.top-ai-development-services-section #firstTechStack .panel .panel-heading,
.top-ai-development-services-section #secondTechStack .panel .panel-heading {
    padding: 0;
    background-color: transparent !important;
    color: #000;
    border-color: #ddd;
    border-bottom: 0
}

.top-ai-development-services-section #firstTechStack .panel .panel-heading a,
.top-ai-development-services-section #secondTechStack .panel .panel-heading a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px;
    background-color: transparent !important;
    color: #000;
    font-size: 15px;
    text-decoration: none;
    font-weight: 600
}

.top-ai-development-services-section #firstTechStack .panel .panel-heading a h3,
.top-ai-development-services-section #secondTechStack .panel .panel-heading a h3 {
    font-size: 16px !important;
    margin: 0;
    font-weight: 600
}

.top-ai-development-services-section #firstTechStack .panel .panel-heading a span,
.top-ai-development-services-section #secondTechStack .panel .panel-heading a span {
    width: 30px;
    min-width: 30px;
    height: 30px;
    margin-left: 20px;
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center
}

.top-ai-development-services-section #firstTechStack .panel .panel-heading a:not(.collapsed) span .fa-minus,
.top-ai-development-services-section #secondTechStack .panel .panel-heading a:not(.collapsed) span .fa-minus {
    display: block;
    color: #000
}

.top-ai-development-services-section #firstTechStack .panel .panel-body,
.top-ai-development-services-section #secondTechStack .panel .panel-body {
    border-top: none;
    padding: 0 15px 15px
}

.top-ai-development-services-section #firstTechStack .panel .panel-body .panel-body-inner,
.top-ai-development-services-section #secondTechStack .panel .panel-body .panel-body-inner {
    border-top: 1px solid #ddd;
    padding-top: 15px
}

.top-ai-development-services-section #firstTechStack .panel .panel-body .panel-body-inner .image-list,
.top-ai-development-services-section #secondTechStack .panel .panel-body .panel-body-inner .image-list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    padding: 0
}

.top-ai-development-services-section #firstTechStack .panel .panel-body .panel-body-inner .image-list li,
.top-ai-development-services-section #secondTechStack .panel .panel-body .panel-body-inner .image-list li {
    list-style: none
}

.top-ai-development-services-section #firstTechStack .panel .panel-body .panel-body-inner .image-list li img,
.top-ai-development-services-section #secondTechStack .panel .panel-body .panel-body-inner .image-list li img {
    min-width: fit-content
}

@media (max-width:767px) {

    .top-ai-development-services-section #firstTechStack .panel::after,
    .top-ai-development-services-section #secondTechStack .panel::after {
        width: 84%
    }
}

@media (min-width:767px) and (max-width:991px) {

    .top-ai-development-services-section #firstTechStack .panel::after,
    .top-ai-development-services-section #secondTechStack .panel::after {
        width: 92%
    }
}

.ai-models-section {
    overflow-x: hidden !important;
    position: relative
}

.ai-models-section::after {
    background: linear-gradient(270deg, #fff 0, rgba(255, 255, 255, .877) 66.86%, rgba(255, 255, 255, 0) 100%);
    right: 0
}

.ai-models-section::before {
    background: linear-gradient(90deg, #fff 0, rgba(255, 255, 255, .877) 66.86%, rgba(255, 255, 255, 0) 100%);
    left: 0;
    z-index: 1
}

.fdc {
    display: flex;
    flex-direction: column;
    gap: 15px
}

.marquee-partership {
    position: relative;
    width: 100vw;
    height: 200px;
    max-width: 100%;
    display: flex;
    align-items: center
}

.track-partership,
.track-partership2 {
    position: absolute;
    white-space: nowrap;
    will-change: transform
}

.track-partership {
    animation: 30s linear infinite marquee-partnership
}

.content-partership,
.content-partership2 {
    display: flex;
    align-items: center;
    gap: 24px
}

.marquee-card {
    padding: 32px;
    border-radius: 19px;
    border: 1.54px solid #4b474b;
    background: 0 0;
    min-width: 200px;
    height: 190px;
    display: flex;
    gap: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center
}

.content-partership figure,
.content-partership2 figure {
    display: flex;
    height: 65px;
    align-items: center;
    justify-content: center
}

.content-partership figure img,
.content-partership2 figure img {
    max-width: 100%;
    height: 65px !important;
    object-fit: contain
}

.logo_head {
    color: #000;
    font-size: 18px;
    line-height: 22px;
    font-weight: 600;
    display: block;
    text-align: center
}

.track-partership2 {
    animation: 30s linear infinite marquee-partnership2
}

@keyframes marquee-partnership {
    0% {
        transform: translateX(-20%)
    }

    100% {
        transform: translateX(-50%)
    }
}

@keyframes marquee-partnership2 {
    0% {
        transform: translateX(-50%)
    }

    100% {
        transform: translateX(-20%)
    }
}

.flexible-engagement-models .flexible-engagement-models-card {
    width: 100%;
    height: 446px;
    padding: 30px;
    background: var(--black-3, rgba(17, 17, 17, .03));
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin-bottom: 30px;
}

.flexible-engagement-models .flexible-engagement-models-card .flexible-engagement-models-card-svg {
    fill: var(--black, #000);
    width: 50px;
    min-width: 50px;
    min-height: 50px;
    object-fit: contain
}

.flexible-engagement-models .flexible-engagement-models-card h3 {
    margin: 0;
    color: var(--Black, #111);
    font-family: "Plus Jakarta Sans";
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: capitalize
}

.flexible-engagement-models .flexible-engagement-models-card ul li svg {
    min-width: 16px !important;
    min-height: 16px !important;
    object-fit: contain;
    fill: var(--Black, #111) !important
}

.flexible-engagement-models .flexible-engagement-models-card ul {
    margin: 0;
    padding: 0;
    list-style: none
}

.flexible-engagement-models .flexible-engagement-models-card ul li {
    margin-bottom: 10px;
    font-size: 14px;
    color: var(--Black, #111);
    display: flex;
    align-items: flex-start;
    gap: 8px
}

.flexible-engagement-models .flexible-engagement-models-card ul li p {
    margin: 0;
    font-size: 15px
}

.flexible-engagement-models .flexible-engagement-models-card:hover {
    background: var(--Primary-Color, #4293e1)
}

.flexible-engagement-models .flexible-engagement-models-card:hover .flexible-engagement-models-card-svg,
.flexible-engagement-models .flexible-engagement-models-card:hover ul li svg {
    fill: var(--white, #fff) !important
}

.our-approach-section .our-approach-content .our-approach-content-card {
    height: 490px
}

.our-approach-section .our-approach-content .our-approach-content-card .content-card-text ul {
    flex-wrap: wrap
}

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

    #firstTechStack,
    .second-cta-section .second-cta-card .ai-agent-cta-content p {
        height: auto
    }

    .top-ai-development-services-section #firstTechStack .panel,
    .top-ai-development-services-section #secondTechStack .panel {
        width: 100%
    }

    .ai-models-section::after,
    .ai-models-section::before {
        display: none
    }

    .marquee-partership {
        height: 155px
    }

    .fdc {
        gap: 13px
    }

    .content-partership,
    .content-partership2 {
        gap: 15px
    }

    .logo_head {
        font-size: 14px
    }

    .content-partership figure,
    .content-partership2 figure {
        height: 60px
    }

    .content-partership figure img,
    .content-partership2 figure img {
        height: 50px !important
    }

    .marquee-card {
        width: 160px;
        height: 150px
    }

    .flexible-engagement-models .flexible-engagement-models-card {
        margin-bottom: 30px;
        height: 585px
    }

    .second-cta-section .second-cta-card {
        background-image: url("https://www.biz4group.com/images/services/ai-agent-development/sean-mobile-cta.png") !important;
        height: 840px !important
    }

    .biz4group-reviews-container li {
        width: 100px
    }

    .biz4group-reviews-container li:nth-child(2) {
        width: 85px
    }

    .biz4group-reviews-container li:nth-child(4) {
        width: 87px
    }

    .reviews-count,
    .stars span {
        font-size: 13px
    }

    .biz4group-reviews-container {
        margin-right: 51px
    }

    .approach-ai-mobile #accordion-approach .panel-collapse .panel-body .panel-body-inner .custom-content-card .custom-ai-tab-content .bullet-points ul li svg {
        min-width: 18px;
        min-height: 18px
    }

    .our-portfolio-section .portfolio-card-wrapper {
        height: 830px;
        top: -40px
    }

    .building-capable-ai-agents .custom-ai-card,
    .custom-ai-agents-section .custom-ai-card,
    .two-cta-section .card {
        height: auto !important
    }

    .building-capable-ai-agents .col-md-4:nth-child(7),
    .building-capable-ai-agents .col-md-4:nth-child(8) {
        margin-bottom: 20px
    }

    .building-capable-ai-agents .col-md-4:last-child {
        margin-bottom: 0 !important
    }

    .third-cta-section .third-cta-card {
        height: 570px;
        background: url("https://www.biz4group.com/images/services/ai-fitness-software-development-company/coach-ai-cta-mobile.webp") center center/cover no-repeat
    }

    .third-cta-section .third-cta-card .third-cta-content {
        padding: 20px
    }
}

@media screen and (min-width:768px) and (max-width:991px) {
    .biz4group-reviews-container {
        gap: 40px
    }

    .our-portfolio-section .portfolio-card-wrapper {
        height: 680px
    }

    .our-portfolio-section .portfolio-img img {
        object-fit: contain;
        object-position: top
    }

    .two-cta-section .card {
        height: auto
    }

    .our-approach-section .our-approach-content .our-approach-content-card .content-card-text ul {
        flex-wrap: wrap
    }

    .our-approach-section .our-approach-content .our-approach-content-card .content-card-text ul li {
        white-space: nowrap
    }

    .third-cta-section .third-cta-card {
        height: auto;
        background: #4293e1
    }

    .building-capable-ai-agents .col-md-4:nth-child(7),
    .building-capable-ai-agents .col-md-4:nth-child(8) {
        margin-bottom: 20px
    }

    .building-capable-ai-agents .col-md-4:nth-child(9) {
        margin-bottom: 0
    }

    .building-capable-ai-agents .col-md-4:last-child {
        margin-bottom: 0 !important
    }

    .second-cta-section .second-cta-card {
        height: 375px !important;
        background-image: none !important;
    }

    .second-cta-section .second-cta-card .ai-agent-cta-content {
        padding: 20px
    }

    .flexible-engagement-models .flexible-engagement-models-card {
        height: auto !important;
        margin-bottom: 30px
    }

    .custom-ai-agents-section .custom-ai-card {
        height: 442px
    }
}

@media screen and (min-width:992px)and (max-width:1199px) {
    .third-cta-section .third-cta-card {
        height: 380px;
        background-color: #4293e1
    }
    .third-cta-section .third-cta-card .third-cta-content{
        padding: 35px !important;
    }

    .flexible-engagement-models .flexible-engagement-models-card {
        height: 510px !important
    }

    .second-cta-section .second-cta-card .ai-agent-cta-content {
        padding: 30px
    }

    .building-capable-ai-agents .custom-ai-card {
        height: 440px !important
    }

    .building-capable-ai-agents .col-md-4:last-child {
        margin-bottom: 0 !important
    }

    .our-approach-section .our-approach-content .our-approach-content-card .content-card-text ul {
        flex-wrap: wrap
    }

    .our-approach-section .our-approach-content .our-approach-content-card .content-card-text ul li {
        white-space: nowrap
    }

    .second-cta-section .second-cta-card {
        height: 390px !important;
        background-color: #4293e1
    }

    .two-cta-section .card {
        height: 406px
    }

    .custom-ai-agents-section .custom-ai-card {
        height: 525px !important
    }

    .our-portfolio-section .portfolio-card-wrapper {
        height: 660px
    }
}