/*Hero*/
.studio-platform-engineering-page .studio-content .hero .column.main-icon i,
.studio-platform-engineering-page .studio-content .hero .top .column .title strong,
.studio-platform-engineering-page .studio-content .hero .top .column .small-title i{ color: var(--studio-platform); }
.studio-platform-engineering-page .studio-content .hero .bottom .column.link a,
.studio-platform-engineering-page .studio-content .hero .bottom .column.link a:before{ background: var(--studio-platform); }
.studio-platform-engineering-page .studio-content .hero .top .column { max-width: 690px;  }

/*Frontend web software development*/
.studio-platform-engineering-page .studio-card.frontend-dev .column.img figure { bottom: 0; left: -145px; width: 123%; height: auto; }
.studio-platform-engineering-page .studio-card.frontend-dev .column h3 { max-width: 410px; }
.studio-platform-engineering-page .studio-card.frontend-dev .column p { max-width: 370px; }

/*Evaluation of existing architecture*/
.studio-platform-engineering-page .studio-card.architecture-evaluation .column p { max-width: 440px; }

/*Backend software development*/
.studio-platform-engineering-page .studio-card.backend-dev .column p { max-width: 427px; }

/*Architecture design and planning*/
.studio-platform-engineering-page .studio-card.architecture-design .column.img { display: flex; justify-content: center; }
.studio-platform-engineering-page .studio-card.architecture-design .column.img figure { bottom: 0; width: 85%; height: auto; }
.studio-platform-engineering-page .studio-card.architecture-design .column h3 { max-width: 360px; }
.studio-platform-engineering-page .studio-card.architecture-design .column p { max-width: 400px; }

/*Code review*/
.studio-platform-engineering-page .studio-card.code-review .column p { max-width: 427px; }
.studio-platform-engineering-page .studio-content .studio-card .column figure img{ object-fit: cover; }

/*Technical product discovery*/
.studio-platform-engineering-page .studio-card.product-discovery .column h3, 
.studio-platform-engineering-page .studio-card.product-discovery .column p { max-width: 427px; }

/*Technical due diligence*/
.studio-platform-engineering-page .studio-card.technical-due-diligence .column.img figure { bottom: 0; width: 85%; height: auto; }
.studio-platform-engineering-page .studio-card.technical-due-diligence .column h3 { max-width: 240px; }
.studio-platform-engineering-page .studio-card.technical-due-diligence .column p { max-width: 375px; }

/*Consultancy*/
.studio-platform-engineering-page .studio-card.consultancy .column p { max-width: 445px; }

/*Studio Footer*/
.studio-platform-engineering-page .studio-footer .text h3 span,
.studio-platform-engineering-page .studio-footer .text i{ color: var(--studio-platform); }
.studio-platform-engineering-page .studio-footer .text h3 { max-width: 700px; }
.studio-platform-engineering-page .studio-footer a:before{ background: var(--studio-platform); }

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

    .studio-platform-engineering-page .studio-content .hero .top .column { max-width: 100%; }

    /*Texts*/
    .studio-platform-engineering-page .studio-card.frontend-dev .column p,
    .studio-platform-engineering-page .studio-card.architecture-evaluation .column p,
    .studio-platform-engineering-page .studio-card.backend-dev .column p,
    .studio-platform-engineering-page .studio-card.architecture-design .column p,
    .studio-platform-engineering-page .studio-card.code-review .column p,
    .studio-platform-engineering-page .studio-card.product-discovery .column p,
    .studio-platform-engineering-page .studio-card.technical-due-diligence .column p,
    .studio-platform-engineering-page .studio-card.consultancy .column p { max-width: 100%; }

    /*Frontend web software development*/
    .studio-platform-engineering-page .studio-card.frontend-dev .column.text { padding-bottom: 0; }
    .studio-platform-engineering-page .studio-card.frontend-dev .column.img { width: 100%; }
    .studio-platform-engineering-page .studio-card.frontend-dev .column.img figure { left: 0; width: 110%; display: flex; justify-content: center; margin-left: -6%; margin-top: -50px; }

    /*Architecture design and planning*/
    .studio-platform-engineering-page .studio-card.architecture-design .column.img { width: 100%; }

    /*Technical due diligence*/
    .studio-platform-engineering-page .studio-card.technical-due-diligence .column.img { width: 100%; }
    .studio-platform-engineering-page .studio-card.technical-due-diligence .column.img figure { margin: auto; }
}

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

    /*Texts*/
    .studio-platform-engineering-page .studio-card.frontend-dev .column h3,
    .studio-platform-engineering-page .studio-card.architecture-design .column h3,
    .studio-platform-engineering-page .studio-card.product-discovery .column h3,
    .studio-platform-engineering-page .studio-card.technical-due-diligence .column h3 { max-width: 100%; }

}