body{
    overflow-x:hidden;
}
.visual-card-container{
    margin-left:0px;
}
.visual-card-image{
    width:100%;
    background-position-x: center;
    background-position-y: center;
    background-size: cover;
}
.visual-card {
    background: white;
}
.visual-card-body{
    margin-bottom:35px;
    color:black;
}
.visual-card-body, .visual-card-btn{
    font-size:18px;
    line-height:28px;
}
.visual-card-title{
    margin-top:0px;
    margin-bottom:25px;
}
.visual-card a{
    text-decoration: none;
}
.visual-card-btn i{
    padding-left:10px;
}
.visual-card-btn{
    display:inline-block;
    font-weight:600;
}
.visual-card-btn:not(.sm-visual-card-btn) {
    margin-bottom:20px;
}
.lg-visual-card-btn:hover, .md-visual-card-btn:hover, .sm-visual-card-btn:hover{
    color:white;
}



.lg-visual-card-image{
    height: 585px;
}
.lg-visual-card {
    margin-top: -210px;
    margin-left: 634px !important;
    width: 536px !important;
    padding: 35px;
}
.lg-visual-card-btn, .md-visual-card-btn, .sm-visual-card-btn{
    padding: 10px 15px;
    border:1px solid #D8D8D8;
}



.md-visual-card-image{
    height: 490px;
}
.md-visual-card{
    padding:30px 30px 30px 0px;
    margin-top:-215px;
    min-height: 245px;
}



.sm-visual-card-image{
    height: 329px;
    min-height:329px;
    min-width:100%;
}
.sm-visual-card{
    padding:30px;
    margin-top:-255px;
    margin-left:43% !important;
    min-height:285px;
    position:relative;
    padding-bottom:50px;
}
.sm-visual-card-spacer {
    height:60px;
    background-color: white;
}


.top-right-floating-svg{
    position: absolute;
    transform: translateY(-60px);

    height: calc( 100vw * 0.253 - 2.12px);
    width: calc( 100vw * 0.2365 - 2.5px);
    max-height: 362px;
    max-width: 338px;
    min-height: 192px;
    min-width: 179px;
}

.top-left-floating-svg{
    position: absolute;
    right: calc( ((100vw - 1170px) / 2) + (1170px * 0.94) );
    transform: translateY(-75px);
    max-height: 362px;
    max-width: 338px;
    min-height: 192px;
    min-width: 179px;
}


@media screen and (min-width: 1200px) {
    .lg-visual-card{
        min-height:270px !important;
    }
    .top-right-floating-svg{
        left:calc( ((100vw - 1170px) / 2) + 1170px - 115px );
    }
    .top-left-floating-svg{
        right:calc( ((100vw - 1170px) / 2) + 1170px - 115px );
    }
}

@media screen and (max-width: 1200px) and (min-width: 979px) {
    .lg-visual-card-image{
        height: calc( (100vw - 30px) / 2);
    }
    .lg-visual-card {
        width: calc(100% * 0.46 ) !important;
        margin-left: calc(100% * 0.54) !important;
        margin-top: calc(-1 * ((100%/2) * 0.43));
        min-height:290px !important;
    }


    .md-visual-card-image{
        height: calc( ((100vw - 30px) /12 * 7) * (5/7) );
    }
    .md-visual-card{
        margin-top: calc( -1 * ((((100vw - 30px) /12 * 7) * (5/7)) * 0.475) );
        min-height: calc(((((100vw - 30px) /12 * 7) * (5/7)) * 0.475) + 30px) !important;
    }


    .sm-visual-card-image{
        height: calc( (100vw - 30px)* 0.49 / (16/9));
        min-height: calc( (100vw - 30px)* 0.49 / (16/9));
    }
    .sm-visual-card{
        margin-top: calc( -1 * (((100vw - 30px)* 0.49 / (16/9)) * 0.77) ) !important;
        width:57% !important;
        min-height:calc(((((100vw - 30px) /12 * 7) * (5/7)) * 0.475) + 45px) !important;
    }

    .top-right-floating-svg{
        left: calc( 0.9767442 * 100vw - 87.2093px );
        transform: translateY(-55px);
    }
    .top-left-floating-svg{
        right: calc( 0.9767442 * 100vw - 87.2093px );
        transform: translateY(-140px);
    }
}

@media screen and (max-width: 979px) and (min-width: 767px) {
    .lg-visual-card-container{
        width:calc(100% + 40px);
        margin-left:-20px;
    }
    .lg-visual-card-image{
        height: calc( (100vw - 40px) * 0.5);
    }
    .lg-visual-card {
        width: calc( (100% - 40px) * 0.625) !important;
        margin-left: calc( (100% - 40px) * 0.375) !important;
        margin-top:calc(-1 * ((100% - 40px)/2 * 0.36));
    }
    .lg-visual-card-body, .md-visual-card-body, .sm-visual-card-body, .sm-visual-card-btn{
        font-size:16px;
        line-height:25px;
    }


    .md-visual-card-image{
        height: calc( ((100vw - 40px) /12 * 7) * (5/7) );
    }
    .md-visual-card{
        margin-top: calc( -1 * ((((100vw - 40px) /12 * 7) * (5/7)) * 0.383) );
        width:calc( (100vw - 40px) * (6.5/12) ) !important;
        min-height: calc(((((100vw - 40px) /12 * 7) * (5/7)) * 0.383) + 40px ) !important;
    }


    .sm-visual-card-image{
        height: calc( (100vw - 40px)* 0.486 / (16/9));
        min-height: calc( (100vw - 40px)* 0.486 / (16/9));
    }
    .sm-visual-card{
        margin-top: calc( -1 * (((100vw - 40px)* 0.49 / (16/9)) * 0.815) );
        width:57% !important;
        min-height: calc((((100vw - 40px)* 0.49 / (16/9)) * 0.815) + 40px) !important;
    }

    .visual-card-title{
        margin-bottom:15px;
    }
    .visual-card-body{
        margin-bottom:25px;
    }

    .top-right-floating-svg{
        transform: translateY(-50px);
        left: calc( 0.971564 * 100vw - 66.16114px );
    }
    .top-left-floating-svg{
        transform: translateY(-120px);
        right: calc( 0.971564 * 100vw - 66.16114px );
    }

}


@media screen and (max-width: 767px) {
    .lg-visual-card-container {
        width: 100vw;
        margin-left: -20px;
    }
    .lg-visual-card-image {
        width: 100%;
        height: calc((100vw - 40px) * 0.5);
    }
    .lg-visual-card {
        width: calc(100% - 20px) !important;
        margin-left: 0px !important;
        position: relative;
        margin-top: calc(-1 * ((100% - 40px) / 2 * 0.2));
        padding: 20px 0px 0px 20px;
    }
    .lg-visual-card-body, .lg-visual-card-btn, .md-visual-card-body, .md-visual-card-btn, .sm-visual-card-body, .sm-visual-card-btn {
        font-size: 15px;
        line-height: 24px;
    }


    .md-visual-card-image, .sm-visual-card-image-wrapper {
        display:none !important;
    }
    .md-visual-card, .sm-visual-card {
        width:100%;
        margin-top:0px;
        margin-left:0px;
        padding:20px 0px 0px 0px;
    }
    .md-visual-card-title, .sm-visual-card-title{
        margin-bottom:10px;
    }
    .lg-visual-card-title{
        margin-bottom:15px;
        padding-right:15px;
    }

    .md-visual-card-body, .sm-visual-card-body{
        margin-bottom:15px;
    }
    .lg-visual-card-body{
        margin-bottom:20px;
    }
    .sm-visual-card{
        margin-left:0px !important;
    }
    .sm-visual-card-btn{
        padding: 10px 15px;
        border: 1px solid #D8D8D8;
    }
    .sm-visual-card-btn:hover{
        text-decoration: none;
        color: white;
    }
    .sm-visual-card-container:hover .sm-visual-card-btn { text-decoration:none !important; }

    .visual-card-btn-wrapper{
        text-decoration: none;
    }

    .top-right-floating-svg{
        position: absolute;
        transform: translateY(-50px);
        height: 181px;
        width: 169px;
        left: calc( 1.0216 * (100vw) - 100.5px);
        display:none !important; /* temporary */
    }
    .top-left-floating-svg{
        display:none !important;
    }

    html, body {
        position: relative;
        overflow-x:hidden;
    }
}