/* If Template1 START CSS */
.form-control::placeholder {
    color: #fff;
    opacity: 1;
}

.navbar {
    box-shadow: none !important;
}

.nav-tabs .nav-link.active,
.nav-tabs .nav-item.show .nav-link {
    color: #495057;
    background-color: transparent !important;
    border-color: transparent;
    border-bottom: 2px solid orange;
}

.nav-pad {
    padding-left: 75px;
    padding-right: 75px;
}

.container-fluid-2 {
    max-width: 100% !important;
    margin: 0 auto;
}

@media (min-width: 576px) {
    .container-fluid-2 {
        max-width: 80% !important;
        margin: 0 auto;
    }

    .bg-experts {
        background: url("/img/myco/bg-trainer.png");
        background-size: auto;
        background-repeat: no-repeat;
    }
}

.carousel-multi-item .controls-top .btn-floating {
    background: orange !important;
    color: white;
}

.carousel-multi-item .controls-top .btn-floating a:hover {
    background: orange !important;
    color: black;
}

.btn-floating i {
    color: #fff !important;
}

.carousel-indicators li {
    background-color: orange !important;
}

.border-orange {
    border-color: orange;
}

.border-red {
    border-color: red;
}

.bg-experts {
    background: url("/img/myco/bg-trainer.png");
    background-size: auto;
    background-repeat: no-repeat;
}

/* .carousel {
    height: 70%;
} */

.text-underline {
    text-decoration: underline;
    text-decoration-color: red;
}

.text-underline-orange {
    text-decoration: underline;
    text-decoration-color: orange;
}

.text-orange {
    color: orange !important;
}

.text-underline-orange:hover {
    text-decoration: underline;
    text-decoration-color: orange;
    color: orange !important;
}

.text-underline:hover {
    color: red;
    text-decoration: underline;
    text-decoration-color: red;
}

#mycofacts h3 {
    color: #e6302b !important;
}

.input-rounded {
    border-radius: 25px;
}

.myco-red {
    color: #e6302b !important;
}

.mc-border {
    border: 2px solid transparent;
    background: linear-gradient(to right, #e6302b, #f59f3b) !important;
}

#mycofacts span {
    background: transparent !important;
    width: 100% !important;
}

#inforyou {
    background-color: #fdedea;
}

.btn-mc {
    background: rgb(244, 153, 58);
    background: linear-gradient(
        123deg,
        rgba(244, 153, 58, 1) 0%,
        rgba(230, 49, 43, 1) 100%
    );
}

.btn-mc:hover {
    color: white !important;
}

/* If Template1 End*/