/* Home */

.iconbox
{
    background-color: white;
    border-radius: 10px;
    box-shadow: 0 4px 8px 0 rgb(48 82 120 / 8%);
    margin-top: 0px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    width: 343px;
}

.feature-bullet-div
{
    width: 40px;
    margin-top: 2px;
}

.feature-bullet
{
    font-size: 30px;
}

.feature-title-div
{
    width: 100%;
    text-align: center;
    padding-left: 40px;
    font-size: 30px;
    font-weight: bold;
}

.pricing-title-div
{
    width: 100%;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}


/*.feature-bullets-on-right*/
/*{*/
/*    padding-left: 30px;*/
/*}*/

/*.feature-bullets-on-left*/
/*{*/
/*    padding-right: 30px;*/
/*}*/

.feature-bullet-item-top-margin
{
    margin-top: 20px;
}

#ctaButtonDesktop .ui-button.ui-button-text-only .ui-button-text
{
    margin-bottom: 5px;
}

#ctaButtonMobile .ui-button.ui-button-text-only .ui-button-text
{
    margin-bottom: 1px;
}


#ctaButtonDesktop .ui-state-focus, #ctaButtonMobile .ui-state-focus
{
    box-shadow: none !important;
}

.content-container
{
    max-width: 1100px;
    margin: auto;
}

body {
    background-color: rgb(255,255,255);
    margin: 0px;
    /*overflow-y: hidden;*/
}

.home-header-image-desktop
{
    background-image: url('images/home-header-image.png');
    background-repeat: no-repeat;
    background-size: auto;
    background-position: right center; /* aligns the image to the right */
    max-width: 1100px;
    width: 100%;
    /*height: 401px;*/
    height: 445px;
    padding-top: 24px;
}

.pricing-box
{
    background-color: beige;
}

.pricing-box-header
{
    display: flex;
    width: 100%;
    height: 50px;
    align-items: center;
    justify-content: center;
    color: white;
    font-size: 20px;
}

.pricing-box-bullets
{
    padding-left: 20px;
    padding-right: 20px;
    margin-top: 20px;
}

.price-original
{
    position: relative;
    display: inline-block;
}

.price-original::after
{
    content: "";
    position: absolute;
    left: 0%;
    right: 0%;
    width: 100%;
    left: 0px;
    height: 3px;
    background-color: rgba(217, 48, 37, 0.8);
    transform: rotate(22deg);
}

.price-original-win::after
{
    top: 0.7em; /* Windows */
}

.price-original-ios::after, .price-original-mac::after
{
    top: 0.6em; /* Mac and iOS */
}

.price-original-android::after
{
    top: 0.55em; /* Android */
}