/* --------Navbar Colors---------- */
/* rgb(20, 74, 93), #F8B851 */
/* ------------------ */

/* --------Footer Colors-------- */
/* #246379, #DB6413 */
/* --------Footer Colors-------- */
body {
    font-family: 'Oswald', sans-serif;
}
a{
    color: inherit;
}
.unselectable-txt{
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -o-user-select: none;
    user-select: none;
}
.footer-parent{
    background: #246379;
    padding: 100px 60px;
}
.main-footer-topic{
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 600;
    color: #F8B851;
    text-transform: uppercase;
}
.sub-footer-txt{
    font-size: 14px;
    font-family: 'Montserrat';
    font-weight: 600;
    color: #F8B851;
    margin-top: 20px;
}
.footer-txt{
    font-size: 12px;
    font-family: 'Montserrat';
    font-weight: 400;
    color: #fff;
    margin-top: -5px;
}
.footer-append{
    background: #DB6413;
    padding: 10px;
}
.social-group{
    float: right;
}
.copyright{
    font-family: 'Noto Sans';
    color: #fff;
    font-weight: 400;
    font-size: 13px;
}
.social-group a{
    color: #fff;
    margin-left: 25px;
    transition: all .3s ease;
}
.social-group a:hover{
    color: #F8B851;
}
/* price box design */
.content-hero{
    padding: 50px;
    padding-left: 60px;
    padding-right: 60px;
}
.content-hero-parent{
    background: #fff;
    min-height: 450px;
    width: 100%;
    position: relative;
    border-radius: 50px;
    border: solid 1px #DB6413;
}
.price-box{
    height: 150px;
    width: 100%;
    background: #DB6413;
    background-image: url('../img/pricing_bg.jpg');
    border-radius: 50px;
    border-bottom-left-radius: 80px;
    border-bottom-right-radius: 80px;
}
.plan-txt{
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    padding-top: 20px;
    font-family: 'Montserrat';
    font-size: 17px;
}
.price-txt-plan{
    text-align: center;
    color: #fff;
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    padding-top: 5px;
    font-family: 'Montserrat';
    font-size: 30px;
}
.price-offers{
    padding-top: 30px;
}
.offer-line{
    width: 100%;
    text-align: center;
    text-transform: uppercase;
    padding: 5px;
    color: grey;
    position: relative;
    transition: all .3s ease;
    cursor: pointer;
}
.offer-line::before,.offer-line::after{
    content: '';
    position: absolute;
    margin-top: 12px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background: transparent;
    transition: all .6s;
    margin-right: 10px;
    margin-left: 10px;
}
.offer-line:hover::before,.offer-line:hover::after{
    background: transparent;
    border: solid 1px #DB6413;
}
.offer-line::before{
    top: 0px;
    left: 0px;
}
.offer-line::after{
    top: 0px;
    right: 0px;
}
.buy-button-box{
    position: absolute;
    bottom: 0px;
    width: 100%;
    background: #fff;
    height: 60px;
    border-bottom-left-radius: 50px;
    border-bottom-right-radius: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btn-plan-buy{
    text-decoration: none !important;
    background: #198754;
    text-align: center;
    position: relative;
    margin-bottom: 20px;
    padding: 10px;
    min-width: 180px;
    color: #fff;
    text-transform: uppercase;
    font-family: 'Montserrat';
    transition: all .3s ease;
    border-radius: 50px;
}
.btn-plan-buy:hover{
    background: #fff;
    color: #198754;
    box-shadow: -1px 4px 16px 0px rgba(0,0,0,0.2);
}
.package-txt {
    text-align: center;
    font-size: 20px;
}
.sub-package-txt {
    text-align: center;
    color: rgba(67, 79, 82, 0.9529411765);
    font-size: 18px;
}