@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Nunito:wght@400;600;700;800&display=swap');

/* main */
body {
    font-family: 'Nunito', sans-serif;
    min-width: 350px;
    color: #484848;
}

h1, h2, h3, h4, h5,
.h0, .h1, .h2, .h3, .h4, .h5 {
    font-family: 'Montserrat', sans-serif;
    color: #131313;
    font-weight: 600;
}

.h0, fs-0 {
    font-size: calc(1.75rem + 1.5vw);
}
@media (min-width: 1200px) {
    .h0, fs-0 {
        font-size: 3.5rem;
    }
}
@media (max-width: 370px) {
    .navbar-brand img {
        max-width: 150px;
    }
}

.font-nunito {
    font-family: 'Nunito', sans-serif;
}

.cursor-pointer {
    cursor: pointer;
}
.btn-outline-primary {
    background-color: #FFF;
    border-color: #DE127C;
    color: #DE127C;
}
.btn-primary,
.btn-outline-primary:hover {
    background-color: #DE127B;
    border-color: #DE127B;
}
.btn-primary:hover {
    background-color: #f12a90;
    border-color: #f12a90;
}

.btn-check + .btn {
    color: #808080;
    background-color: transparent;
    border-color: #808080;
}
.btn-check + .btn:hover {
    border-color: #f12a90;
    color: #f12a90;
}
.btn-check:checked + .btn {
    color: #FFFFFF;
    background-color: #DE127C;
    border-color: #DE127C;
}

.bg-danger-subtle {
    background: #FFF2FD !important;
}

.bg-danger {
    background: #FF2194 !important;
}

.bg-secondary-subtle {
    background: #F4F4F4 !important;
}

.text-danger-emphasis {
    color: #FF2194 !important;
}

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
        max-width: 1620px;
    }   
}   

.bs-icon {
    width: 48px;
    height: 48px;    
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: 48px;
}

a:not(.btn, .navbar-dark *, footer *) {
    color: #0064CB;
}

a:not(.btn, .navbar-dark *, footer *):hover, 
a:not(.btn, .navbar-dark *, footer *):focus {
    color: #CB009E;
}

/*** index ***/
a.index-example {
    color: #808080;
    text-decoration: none;
    font-weight: 700 !important;
    font-family: 'Montserrat', sans-serif;
    white-space: nowrap !important;
}
a.index-example:hover {
    color: #131313;
}

a.index-example:hover img:not(.img-hover) {
    display: none;
}

a.index-example:hover .img-hover {
    display: inline !important;
}

a.index-example:hover.index-example-systems span {
    color: #DE127C;
}
a.index-example:hover.index-example-prime span {
    color: #FF0000;
}

a.index-example:hover.index-example-asian span {
    color: #9747FF;
}

a.index-example:hover.index-example-x span {
    color: #FF4500;
}

.index-tech-bg {
    position: absolute;
    left: -110px;
    top: -47px;
    width: 110px;
    height: 110px;
    background: radial-gradient(31.99% 31.99% at 50.00% 59.93%, #FFAAD6 0%, rgba(255, 255, 255, 0.00) 100%);
}

.no-cms {
    min-height: 650px;
    position: relative;
}
.no-cms-img-s {
    position: absolute;
    top: 20px;
    left: -100px;
}
.no-cms-img-e {
    position: absolute;
    bottom: 20px;
    right: -100px;
}
@media (max-width: 768px) {
    .no-cms {
        min-height: 410px;
    }
    .no-cms-img-s,
    .no-cms-img-e {
        display: none;
    }
}
@media (max-width: 1200px) {
    .no-cms-img-s {
        top: 20px;
        left: -100px;
        width: 200px;
        height: auto;
    }
    .no-cms-img-e {
        bottom: 20px;
        right: -100px;
        width: 200px;
        height: auto;
    }
}

/* prices */
.prices .fa-check {
    color: #484848;
}

.prices .fa-circle-info,
.prices .fa-minus {
    color: #9B9D9E;
}

.price-type label:first-of-type {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.price-type label:last-of-type {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.price-type {
    font-size: 0px;
}

@media (max-width: 992px) {
    .prices .col-12.border-bottom {
        border-bottom: none !important;
    }
}

.btn-price {
    width: 100%;
}
@media (min-width: 768px) {
    .btn-price {
        width: 70%;
    }
}

/* footer */
footer,
footer a,
footer .nav-link {
    color: rgba(255, 255, 255, 0.55);
}
footer .nav-link.active { 
    color: rgb(255, 255, 255);
}
footer a:hover,
footer .nav-link:hover {
    color: rgba(255, 255, 255, 0.75);
}

/* contact */
#contact-form ::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #DADCE0;
  opacity: 1; /* Firefox */
}

#contact-form :-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #DADCE0;
}

#contact-form ::-ms-input-placeholder { /* Microsoft Edge */
  color: #DADCE0;
}

/* features */
.features-bg-start {
    position: absolute;
    left: -140px;
    top: -25px;
    width: 110px;
    height: 110px;
    background: radial-gradient(31.99% 31.99% at 50.00% 59.93%, #FFAAD6 0%, rgba(255, 255, 255, 0.00) 100%);
}

.features-bg-end {
    position: absolute;
    right: -140px;
    top: -25px;
    width: 110px;
    height: 110px;
    background: radial-gradient(31.99% 31.99% at 50.00% 59.93%, #609EFF 0%, rgba(255, 255, 255, 0.00) 100%);
}

/** label for form **/
.form-floating > label {
    font-family: 'Montserrat', sans-serif;
    color:#9B9B9B;
}

/*** breadcrumbs ***/
.crumbs i {
    font-size: 0.5rem;
}
.crumbs a {
    text-decoration: none;
    color: #131313;
}
.crumbs a:hover {
    text-decoration: underline;
}
.crumbs .crumbs-last {
    color: #808080;
}

/*** blog ***/
.blog p {
    font-size: 1.15rem;
}

/*** review ***/
.rating-vote {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center
}
.rating-vote > input {
    display: none
}
.rating-vote > label {
    position: relative;
    width: 1em;
    font-size: 30px;
    font-weight: 300;
    color: #FFD600;
    cursor: pointer
}
.rating-vote > label::before {
    content: "\2605";
    position: absolute;
    opacity: 0
}
.rating-vote > label:hover:before,
.rating-vote > label:hover~label:before {
    opacity: 1 !important
}
.rating-vote > input:checked~label:before {
    opacity: 1
}
.rating-vote:hover > input:checked~label:before {
    opacity: 0.4
}

.ratings i {
    color:#cecece;
}
.rating-color {
    color:#fbc634 !important;
}
footer .ratings {
    font-size: 0.75rem !important;
}
footer .rating a{
    text-decoration: none;
}

/* reviews */
.review-count-title {
    min-width: 57px;
}
.progress-bar {
    background-color:#484848;
}