cobody {
    font-family: 'Noto Sans Display', sans-serif;
}

.text-success {
    color: #00ca72 !important;
}

.text-primary {

    color: #004188 !important;
}

.bg-success {
    background: #00ca72 !important;
}


.btn-info {
    color: #fff;
    background-color: #0e6ace;
    border-color: #0e6ace;
}

.text-info {
    color: #0e6ace !important;
}

.btn-info:hover {
    color: #fff;
    background-color: #0e539c;
    border-color: #0e539c;
}


.title {
    font-family: 'Montserrat', sans-serif;
}

.btn {

    font-family: 'Montserrat', sans-serif;
    font-weight: bold;
}

.header {
    background-image: radial-gradient(circle at right bottom, #f2f7fc 48%,#ffffff 25%);
}


#featureBox {

    padding: 100px 0;

}

#phoneBox {

    padding: 100px 0 0 0;
    background-color: #004188;
    background-image: radial-gradient(circle at center bottom, #034894 41%,rgba(255,255,255,0) 0%);
    background-position: center center;
    background-repeat: no-repeat;
}

#demoCMS {
    padding: 80px 0;
    background-color: #f7f9fc;
}

.btn-check:active+.btn-outline-primary, .btn-check:checked+.btn-outline-primary, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show, .btn-outline-primary:active {
    color: #fff;
    background-color: #0e6ace;
    border-color: #0e6ace;
}

.btn-outline-primary {
    color: #0e6ace;
    border-color: #0e6ace;
}

#demoCMS .demo-list > button {
    display: block;
    margin-bottom: 5px;
}

#customerReview {
    padding: 100px 0;
}

#callToAction {
    background-color: #0d68cb;
    background-image: linear-gradient(105deg, #004188 12%,rgba(255,255,255,0) 77%);
    color:white;
    padding: 60px 0;
}


@media (max-width: 576px) { 

    #callToAction {
        padding: 60px 0;
    }

    #customerReview {
        padding: 80px 0;
    }
    
    #demoCMS {
        padding: 60px 0;
    }

    
    #featureBox {

        padding: 80px 0;

    }

}

a {
    text-decoration: none;
    color: inherit;
}


.feature-box {
    cursor: pointer;
    background: white;
    margin-bottom: 10px;
    border-radius: 10px;
    padding: 10px 20px;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
}

.feature-box.active {

    background: white;
    border-left: 7px solid #004188;
    box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;

}

.feature-text {
    font-size: 0.90em;
    color:rgb(73, 73, 73);
    margin-top: 12px;
    display: none;
}

.feature-image {
    max-width: 50px;
    padding: 10px 5px;
}

.feature-title  {
   font-weight: bold;
   margin-bottom: 0; 
}

.feauture-image-list > div { 

    display: none;

}

#whyPOS {
    padding: 80px 0;
    background: rgb(14,106,206);
    color: white
}

#priceTable {
    padding: 75px 0;
}

.feature-list {

    background: aliceblue;
    border-radius: 10px;
    padding: 1.5rem;
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    height: 100%;
}

.feature-list > span {

    font-size: 0.95rem;
}

footer {
    padding: 60px 0;
    background: black;
    color: white;
}

#footerContact {
    background: #f7f9fc;
    padding-top: 85px;
}

.add-on {
    border: #d4c9c9 1px dashed;
    padding: 10px;
    border-radius: 5px;
    background:  #f3f3f3;
    cursor: pointer;
}

.add-on span {
    font-size: 0.90rem;
}

.add-on-box {
    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
    border-radius: 0.25rem;
    background: white;
    padding:  0.75rem;
    margin-top: 0.5rem;
}

.add-on-box i {
    font-size: 1.3rem;
    color: rgb(202, 202, 202);

}

button.btn-light.active {
    color: #fff;
    background-color: #0d6efd;
    border-color: #0d6efd;
}

.total-price {
    color: red;
    font-size: 2.5rem;
}


.select-language {
    border: 0px;
    display: inline-block;
    width: 120px;
    border: while;
    margin-left: 15px;
    
}

.select-language-mb {
    width: 100px;
    font-size: 0.75rem;
}