.logo
{
    position: absolute;
    width: 135px;
    height: 22px;
    left: calc(50% - 135px/2 - 522.5px);
    top: 35px;

    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    /* identical to box height */


    color: #0A2540;
    text-decoration: none;
}

.about
{
    position: absolute;
    width: 47px;
    height: 19px;
    left: calc(50% - 47px/2 + 438.5px);
    top: 38px;

    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;

    color: #0A2540;
    text-decoration: none;
}

.contact
{
    position: absolute;
    width: 90px;
    height: 19px;
    left: calc(50% - 90px/2 + 545px);
    top: 38px;

    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;

    color: #0A2540;
    text-decoration: none;
}

.hero-text
{
    position: absolute;
    width: 780px;
    height: 92px;
    left: calc(50% - 780px/2);
    top: 189px;

    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 38px;
    line-height: 46px;
    text-align: center;

    color: #0A2540;
}

.primary-button
{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 9px 19px;

    position: absolute;
    
    height: 35px;
    left: calc(50% - 202px/2 - 89px);
    top: 350px;

    background: #635BFF;
    border-radius: 100px;
    border: none;


    font-family: 'Inter', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #FFFFFF;
    
}
.primary-button:hover
{
    background: radial-gradient(70.56% 155.58% at 56.93% 16.11%, #EB8172 16.67%, #5B44BA 61.41%), 
        radial-gradient(34.96% 33.39% at 56.66% 50%, #F19389 44.79%, rgba(133, 140, 221, 0) 83.19%), 
        radial-gradient(13.35% 23.03% at 6.58% 67.25%, #AFE9FF 0%, #90E0FF 41.45%, rgba(144, 224, 255, 0) 100%), 
        radial-gradient(19.75% 48.55% at 19.59% 56.88%, #B8EBFF 0%, #90E0FF 60.58%, rgba(169, 96, 238, 0) 83.24%), 
        radial-gradient(10.9% 23.5% at 7.65% 84.98%, #A960EE 25.96%, rgba(255, 51, 61, 0) 100%), 
        radial-gradient(27.77% 40.9% at 19.29% 57.22%, rgba(144, 224, 255, 0.1) 50.74%, rgba(169, 96, 238, 0) 100%), 
        radial-gradient(20.43% 35.1% at 45.83% 17.78%, #19C2FF 31.7%, rgba(199, 33, 255, 0.75) 100%), 
        radial-gradient(26.67% 62.22% at 0% 100%, #ECB22E 19.21%, #FB9C40 54.54%), 
        radial-gradient(18.22% 46.29% at 5.34% 39.33%, #FFCB57 41.18%, rgba(183, 120, 225, 0) 71.99%), 
        conic-gradient(from 3.28deg at 22.11% 40.38%, rgba(169, 96, 238, 0) 0deg, #5469D4 178.27deg, rgba(136, 99, 228, 0.383199) 290.36deg, rgba(169, 96, 238, 0) 360deg), 
        radial-gradient(34.48% 62.34% at 21.35% 32.43%, #19C2FF 0%, #858CDD 100%);
    cursor: pointer;
}
.secondary-button:hover
{
    background: rgba(99, 91, 255, 0.2);
    cursor: pointer;
}

.secondary-button
{
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 9px 19px;

    position: absolute;
    
    height: 35px;
    left: calc(50% - 130px/2 + 89px);
    top: 350px;

    border-radius: 100px;
    border : none;
    background: none ;
    font-family: Inter;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 17px;
    color: #635BFF;
}

.row-1
{
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 0px;

    position: absolute;
    width: 1180px;
    height: 321px;
    left: calc(50% - 1180px/2);
    top: 500px;
    
}

.case-11
{
    position: static;
    width: 380px;
    height: auto;
    left: 0px;
    top: 0px;
    border-radius: 10px;
    /* Elevation / Depth4 */

    box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.1); 
    box-shadow: 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
    /* Inside Auto Layout */

    flex: none;
    order: 0;
    flex-grow: 0;
    
}
.case-11:hover
{
    
    cursor: pointer;
}
.case-image
{
    width: 380px;
    height: 195px;
}

.case-name
{
    font-family: Inter;
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 22px;
    /* identical to box height */

    display: flex;
    align-items: center;
    text-align: center;

    color: #0A2540;
    padding: 16px 27px 8px 27px;
}

.case-desc
{
    width: 326px;
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 150%;
    /* or 21px */

    display: flex;
    align-items: center;

    color: #425466;
    padding: 0 27px 27px 27px;
}
.case-12
{
    position: static;
    width: 380px;
    height: auto;
    left: 480px;
    top: 0px;
    border-radius: 10px;
    /* Elevation / Depth4 */

    box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.1); 
    box-shadow: 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
    /* Inside Auto Layout */

    flex: none;
    order: 0;
    flex-grow: 0;
    margin: 0px 20px;
}
.case-12:hover
{
    
    cursor: pointer;
}
.case-13
{
    position: static;
    width: 380px;
    height: auto;
    left: 800px;
    top: 0px;
    border-radius: 10px;
    /* Elevation / Depth4 */

    box-shadow: 0px 0.3px 0.9px rgba(0, 0, 0, 0.1); 
    box-shadow: 0px 1.6px 3.6px rgba(0, 0, 0, 0.13);
    /* Inside Auto Layout */

    flex: none;
    order: 0;
    flex-grow: 0;
    
}
.case-13:hover
{
    
    cursor: pointer;
}
hr
{
    position: absolute;
    width: 1181px;
    height: 0px;
    left: calc(50% - 1181px/2 - 0.5px);
    top: 980px;

    border: 1px solid #E5E5E5;
    margin-bottom: 33px;
}

.contact-list
{
    list-style: none;
    margin: 0;
    padding: 0;
    position: absolute;
    width: auto;
    height: 17px;
    left: calc(50% - 312px/2 - 434px);
    top: 1013px;
    padding-bottom: 50px;
}

li{
    display: inline-block;
    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */
    padding: 0 9px;

    color: #425466;
}

.copyright
{
    position: absolute;
    width: 344px;
    height: 17px;
    left: calc(50% - 344px/2 + 418px);
    top: 1000px;
    padding-bottom: 50px;

    font-family: Inter;
    font-style: normal;
    font-weight: normal;
    font-size: 14px;
    line-height: 17px;
    /* identical to box height */


    color: #C3CAD3;
}
.footer-links
{
    text-decoration: none;
    color : #425466
}

.footer-links:hover
{
    color : #635BFF;
}