/* @font-face {
    font-family: 'League Spartan', sans-serif;
    src: 
        url("../font/League_Spartan/static/LeagueSpartan-Black.ttf"), 
        url("../font/League_Spartan/static/LeagueSpartan-Bold.ttf"),
        url("../font/League_Spartan/static/LeagueSpartan-ExtraBold.ttf"),
        url("../font/League_Spartan/static/LeagueSpartan-ExtraLight.ttf"),
        url("../font/League_Spartan/static/LeagueSpartan-Light.ttf"),
        url("../font/League_Spartan/static/LeagueSpartan-Medium.ttf"),
        url("../font/League_Spartan/static/LeagueSpartan-Regular.ttf"),
        url("../font/League_Spartan/static/LeagueSpartan-SemiBold.ttf"),
        url("../font/League_Spartan/static/LeagueSpartan-Thin.ttf");
} */
/* @font-face {
    font-family: 'League Spartan', sans-serif;
    src: url('../font/League_Spartan/LeagueSpartan-VariableFont_wght.ttf');
} */
@import url('https://fonts.googleapis.com/css2?family=League+Spartan:wght@100;200;300;400;500;600;700;800;900&display=swap'); 
.frankly-modal h1, .frankly-modal h2, .frankly-modal h3, .frankly-modal h4, .frankly-modal h5, .frankly-modal h6, .frankly-modal p, .frankly-modal b, .frankly-modal i, .frankly-modal a, .frankly-modal button, .frankly-modal input, .frankly-modal textarea, .frankly-modal image, .frankly-modal img, .frankly-modal svg, .frankly-modal span {
    all: unset;
    /* font-family: var( --frankly-font); */
}
.frankly-modal h1, .frankly-modal h2, .frankly-modal h3, .frankly-modal h4, .frankly-modal h5, .frankly-modal h6, .frankly-modal p, .frankly-modal b{
    color:black;

}

:is(.frankly-modal button, .frankly-modal [type="submit"], .frankly-modal [type="button"]){
    all: initial;
} 
 
:root {
    --frankly-font: 'League Spartan', sans-serif !important;
    --frankly-font-size: 16px !important; /* 1em - all font sizes are relative to this */
    --frankly-light-text: #000000 !important;
    --frankly-dark-text: #ffffff !important;
    --frankly-toggle-background: #575757 !important;
    --frankly-toggle-background-checked: #575757 !important;
    --frankly-toggle-circle: #838383 !important;
    --frankly-toggle-circle-checked: #5D9255 !important;
    --frankly-modal-background: linear-gradient(164deg, rgba(230, 236, 234, 1) 0%, rgba(231, 211, 213, 1) 100%) !important;
    --frankly-product-background-light: #eeeeee !important;
    --frankly-product-background-dark: rgb(65, 65, 65) !important;
    --frankly-border: 1px solid rgba(197, 197, 197, 0.62) !important;
}

.frankly-hidden {
    display: none;
}

.frankly-d-flex {
    display: flex !important;
} 

.frankly-align-center {
    text-align: center !important;
}

.frankly-flex-container {
    display: flex !important;
}

.frankly-main-container {
    display: flex !important;
    flex-direction: row !important;
    text-align: center !important;
}


.frankly-logo-text {
    font-size: 1em !important;
    font-weight: 400 !important;
    margin: 0 !important;
    display: flex !important;
}

.frankly-logo-text > span {
    font-weight: 700 !important;
}

.frankly-logo-container {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 10px 0 0 0 !important;
}

.frankly-logo-text-left {
    font-size: 3.2em !important;
    line-height: 45px !important;
    font-weight: 600 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.frankly-logo-text-right {
    font-size: 3em !important;
    line-height: 45px !important;
    font-weight: 300 !important;
    margin: 0 !important;
    padding: 0 !important;
}

.frankly-logo-text-wrap {
    margin-left: 15px !important;
}


.frankly-logo {
    font-weight: 800 !important;
    
    display: flex !important;
    justify-content: center !important;
    height: 49px !important;
    width: 49px !important;
    background-color: #ffffff !important;
    border-radius: 50% !important;
    box-shadow: 1.6856650114059448px 1.6856650114059448px 5.89982795715332px 0px rgba(183, 183, 183, 0.30), -1.6856650114059448px -1.6856650114059448px 4.214162349700928px 0px rgba(255, 255, 255, 0.25) !important;
}
.frankly-logo p {
    margin-top:3px !important;
    margin-left:2px !important;
    font-size: 30px !important;
}
@media (min-width:768px) {
    .frankly-logo {
        height: 71px !important;
        width: 71px !important;
        
    }
    .frankly-logo p {
        margin-top:0 !important;
        margin-left:4px !important;
        font-size: 50px !important;
    }
}

.frankly-button-container {
    text-align: center !important;
    margin: 10px 0 !important;
}
.frankly-button-container-mp {
    text-align: center !important;
    margin-top: 20px !important;
    margin-bottom: 14px !important;
    margin-right: 10px !important;
}


.frankly-button {
    display: inline-block !important;
    outline: none !important;
    cursor: pointer !important;
    font-size: 2.4em !important;
    line-height: 1 !important;
    border-radius: 8px !important;
    transition-property: all !important;
    transition-duration: .3s !important;
    letter-spacing: 2px !important;
    min-width: 175px !important;
    white-space: normal !important;
    font-weight: 500 !important;
    font-family: inherit !important;
    text-align: center !important;
    color: white !important;
    background-color: #5D9255 !important;
    height: 38px !important;
    border: none !important;
}

.frankly-button.frankly-button-disabled {
    background: #8E8E8E !important;
    color: #3E3E3E !important;
}

.frankly-button.frankly-button-disabled:hover {
    background: #8E8E8E !important;
    color: #3E3E3E !important;
    cursor: default !important;
}

.frankly-button-info {
    display: inline-block !important;
    outline: none !important;
    cursor: pointer !important;
    font-size: 1em !important;
    line-height: 1 !important;
    border-radius: 5px !important;
    transition-property: all !important;
    transition-duration: .3s !important;
    letter-spacing: 2px !important;
    min-width: 175px !important;
    white-space: normal !important;
    font-weight: 500 !important;
    text-align: center !important;
    color: white !important;
    background-color: #3f443f !important;
    height: 48px !important;
    border: none !important;
}

@media (min-width: 768px) {
    .frankly-button-container {
        margin: 20px 0 !important;
        margin: 15px 0 15px 0 !important;
    }
    .frankly-button {
        min-width: 242px !important;
        height: 52px !important;
        font-size: 1.7em !important;
        border-radius: 11px !important;
    }
}

.frankly-button:hover {
    color: #fff !important;
    background-color: #4e7548 !important;
}


.insurance-product-info {
    font-size: 12px !important;
    color: white !important;
    background-color: cadetblue !important;
    border-radius: 10px !important;
    padding: 2px 2px 2px 8px !important;
    width: 90% !important;
}

.frankly-insurance-product-info-cart{
    font-size: 12px !important;
    color: white !important;
    background-color: cadetblue !important;
    border-radius: 10px !important;
    padding: 2px 2px 2px 8px !important;
    width: 80% !important;
}
.insurance-product-note{
    font-size: 12px !important;
    color: #b49605 !important;
}
#overlay {
    display:none;
    position:absolute !important;
    background: #ffffff !important;
}
#img-load {
    position:absolute !important;
    width: 50px !important;
}

/* mp popup*/
.frankly-mp-white-layer {
    padding-top: 20px !important;
    padding-bottom: 20px !important;
}
.frankly-info-description {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    margin:0 !important;
    padding: 20px !important;
    background: #FFFFFF !important;
    border-radius: 12px !important;
}
.frankly-animation-container{
    margin: 30px !important;
}
.frankly-info-notes{
    text-align: center !important;
}
.frankly-info-notes b {
    font-size: 1.4em !important;
    line-height: 1.3em !important;
    font-weight: 500 !important;
}
.frankly-info-notes p {
    font-size: 1.1em !important;
    font-weight: 300 !important;
    margin: 3px !important;
}
.frankly-info-notes a {
    display: block !important;
}
.frankly-buttons-info{
    display: flex !important;
}


.frankly-mp-header-info {
    font-size: 3.2em !important;
    line-height: 1em !important;
    font-weight: 600 !important;
    margin: 0 !important;
}

/* mp back button */
.frankly-mp-back-button {
    height: 38px !important;
    width: 175px !important;
    border: none !important;
    border-radius: 8px !important;
    background: black !important;
    color: white !important;
    font-family: inherit !important;    
    font-size: 2.2em !important;
    font-weight: 500 !important;
    display: block !important;
    margin: 20px auto 0 auto !important;
    text-align: center !important;
}
.frankly-mp-back-button:hover {
    background: #616467 !important;
    cursor:pointer !important;
}
@media (min-width:768px) {
    .frankly-mp-modal-content {
        max-width: 1100px !important;
    }
    .frankly-mp-white-layer {
        padding: 40px 70px !important;
    }
    .frankly-info-description {
        padding: 35px !important;
    }
    .frankly-mp-header-info {
        font-size: 2.1em !important;
    }
    .frankly-animation-container {
        margin: 50px 0 !important;
    }
    .frankly-info-notes b {
        font-size: 1.1em !important;
        display: block !important;
    }
    .frankly-info-notes p {
        font-size: 0.9em !important;
        display: block !important;
    }
    .frankly-mp-back-button {
        height: 52px !important;
        width: 242px !important;
        border-radius: 11px !important;
        font-size: 1.5em !important;
        margin-top: 40px !important;
    }
}