/* SECTION PROJETS */

.form-control:focus {
    box-shadow: none !important;
}

.projets {
    margin-top: 95px;
    background-image: url("../../img/apropos-niids.svg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

p {
    color:white;
}

.projets h1 {
    line-height: 42px !important;
    font-size: 2.3rem !important;
}

/* PARTIE CAROUSEL */
.projets__section-carousel {
    margin-top: 100px;
}

.projets__section-carousel h3 {
    text-transform: uppercase;
    color: #c6a47f;
    font-size: 1.4rem;
    font-weight: bold;
}

.projets__section-carousel p:not(.number) {
    font-size: 0.9rem;
}

.projets__section-carousel .number {
    font-size: 11.2rem;
    top: -185px;
    right: 70px;
    color: #c6a47f;
    font-weight: bold;
    opacity: 0.24;
}

.projets__section-carousel .owl-carousel {
    width: auto;
}

/* remove the overflow: hidden on the carousel */
.projets__section-carousel .owl-stage-outer {
    overflow: visible !important;
}

/* PARTIE DIFFERENCES AVEC LES AUTRES AGENCES */
.differences {
    margin-top: 120px;
}

.about-card h3 {
    font-size: 1rem;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 20px;
    font-weight: bold;
}

.about-card ul {
    margin-bottom: 0;
}

.about-card ul li {
    font-size: 0.8rem !important;
    margin-bottom: 5px;
}

.about-card ul .no-mb {
    margin-bottom: 0;
}

.raye {
    text-decoration: line-through;
}

.brown-card {
    background-color: #c6a47f;
    padding: 20px !important;
    height: fit-content;
    margin-bottom: 20px;
}

.differences .left {
    border-radius: 20px 0 0 20px;
}

.differences .right {
    border-radius: 0 20px 20px 0;
}

.white-card {
    background-color: white;
    padding: 20px !important;
    border-radius: 20px;
}

.white-card h3 {
    color: #24445c;
}

.white-card ul {
    color: #24445c;
    margin-bottom: 20px;
}

/* PARTIE EQUIPE */
.equipe {
    margin-top: 120px;
}

.equipe .membres div:not(.infos) {
    background: linear-gradient(180deg, #24445c, #2a5471);
    border-radius: 50px;
    background-clip: content-box;
}

.equipe .membres .infos h4 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.3rem;
    margin-bottom: 0;
}

.equipe .membres .infos p {
    font-style: italic;
    font-size: 0.8rem;
}

/* PARTIE MANDAT */

.mandat .titre {
    font-size: 2rem;
    font-weight: bold;
}

.mandat i {
    font-size: 2rem;
    color: #c6a47f;
    margin-right: 30px;
}

.mandat p:not(.sous-titre) {
    font-size: 0.9rem;
}

/* PARTIE MANDAT */

.mandat-excellence,
.mandat-classique {
    margin: 150px 0;
}

.mandat-excellence .icon,
.mandat-classique .icon {
    height: 5vh !important;
}

.mandat-excellence h3,
.mandat-classique h3 {
    font-size: 1.2rem;
    font-weight: 600;
}

.mandat-excellence .text-icon,
.mandat-classique .text-icon {
    font-size: 0.8rem;
    font-weight: 300;
}

.honoraire {
    font-family: "nunito", sans-serif;
    font-size: 4rem;
    color: #c6a47f;
    font-weight: 600;
}

.range-slider {
    margin-top: 200px;
    margin-bottom: 200px;
}

/* PARTIE BTN GROUP */
.range-slider h4 {
    font-size: 1.3rem;
    color: #c6a47f;
}

.input-slider-container {
    border-radius: 100px;
    box-shadow: inset 0px 0px 0px 1px #fff;
}

.input-slider-niids {
    width: 33.3333%;
}

.input-slider-niids .btn {
    font-size: 0.41rem !important;
}

.input-slider-niids input {
    display: none;
}

.input-slider-niids label {
    border-radius: 100px;
    text-transform: capitalize !important;
    font-weight: 600;
    width: 100%;
}

.input-slider-niids label:hover {
    color: #fff;
}

.check1 {
    /* border-radius: 100px 0 0 100px !important; */
    color: #fff;
}

.check2 {
    border-radius: 0 !important;
    color: #fff;
}

.check3 {
    /* border-radius: 0 100px 100px 0 !important; */
    color: #fff;
}

.input-slider-niids .active {
    background-color: #c6a47f;
    border: solid 3px #997f62;
    border-radius: 100px !important;
}

.input-group .price-text {
    color: #24445c;
    background-color: #fff;
    border: none;
    border-radius: 100px 0 0 100px !important;
    width: 140px;
    height: 58px;
    font-weight: 700;
    font-size: 0.6rem;
}

.input-group .price-number {
    border-radius: 0 100px 100px 0 !important;
    border: none;
    background-color: #fff;
    color: #24445c;
    font-weight: 700;
    font-size: 1.2rem;
}

.input-group .value-text {
    color: #997f62;
    background-color: #c6a47f;
    border: none;
    border-radius: 100px 0 0 100px !important;
    width: 140px;
    height: 58px;
    font-weight: 700;
    font-size: 0.6rem;
}

.input-group .value-number {
    border-radius: 0 100px 100px 0 !important;
    border: none;
    background-color: #c6a47f;
    color: #fff;
    font-weight: 700;
    font-size: 1.2rem;
}

.input-group .euro-icon-price {
    color: #24445c;
    background-color: #fff;
    border: none;
    font-weight: 800;
    font-size: 1.2rem;
}

/* Firefox */
.input-group .euro-icon-value {
    color: #fff;
    background-color: #c6a47f;
    border: none;
    font-weight: 800;
    font-size: 1.2rem;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}

/* PARTIE PARTENAIRE */

.nos-partenaires {
    margin-top: 120px;
}

.nos-partenaires img {
    width: 150px;
}

/* PARTIE SLIDER */

.slider {
    background: #c6a47f;
}

.bgcolor h2 {
    font-family: "Raleway";
    font-weight: bold !important;
    font-size: 3rem !important;
}

.irs-bar {
    height: 15px;
    background-color: #eee !important;
    border-radius: 100px;
}

.you-save-euros {
    color: #24445c;
    font-weight: bold;
}

.irs-line-mid {
    height: 15px;
    background-position: 0 0;
}

.irs-line-left {
    height: 15px;
    border-radius: 100px;
    background-position: 100% -30px;
}
.irs-line {
    height: 15px;
}
.irs-line-right {
    height: 15px;
    background-position: 100% -30px;
}

.irs-slider {
    background: #24445c;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    top: 8px;
}

.irs-single {
    background: transparent;
    font-family: "Nunito";
    font-weight: 700;
    font-size: 2rem;
    color: #24445c;
    top: -50px;
    line-height: 1.333;
    text-shadow: none;
    padding: 3px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}

.irs-bar-edge {
    display: none;
}

.irs-line-right {
    border-radius: 0 100px 100px 0;
}

.slider .irs-single:after {
    border: none;
    display: none !important;
}

.irs-min,
.irs-max {
    color: #fff;
    font-size: 1rem;
    line-height: 1.333;
    text-shadow: none;
    top: -8px;
    padding: 3px;
    background: transparent;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-family: "Nunito";
    font-weight: 300;
}

/* MEDIA QUERIES */

@media (max-width: 300px) {
    .number {
        right: -15px;
    }
}

@media (min-width: 301px) and (max-width: 400px) {
    .number {
        right: 30px;
    }
}

@media (max-width: 575px) {
    .irs-single {
        top: -20px;
        font-size: 0.9rem;
    }
    #mandat-classique {
        height: 100% !important;
    }
}

@media (max-width: 630px) {
    .projets {
        background-size: contain;
    }
}

@media (max-width: 950px) {
    #carousel {
        margin-top: 150px !important;
    }
    .range-slider {
        margin-top: 100px;
        margin-bottom: 100px;
    }
}

@media (max-width: 991px) {
    .differences .brown-card {
        border-radius: 20px;
    }

    .white-card {
        margin-bottom: 20px;
    }
    #mandat-classique {
        height: 50% !important;
    }
}

/* --------------------- */

@media (min-width: 375px) {
    .input-group .price-text {
        width: 190px;
    }

    .input-group .value-text {
        width: 190px;
    }

    .input-slider-niids .btn {
        font-size: 0.48rem !important;
    }
}

@media (min-width: 425px) {
    .input-group .price-text {
        width: 230px;
    }

    .input-group .value-text {
        width: 230px;
    }
}

@media (min-width: 500px) {
    .input-group .price-text {
        width: 300px;
    }

    .input-group .value-text {
        width: 300px;
    }

    .input-slider-niids .btn {
        font-size: 0.6rem !important;
    }
}

@media (min-width: 768px) {
    .input-slider-niids .btn {
        font-size: 0.8rem !important;
    }

    .input-group .price-text {
        width: 500px;
        font-size: 0.8rem;
    }

    .input-group .price-number {
        font-size: 1.5rem;
    }

    .input-group .value-text {
        width: 500px;
        font-size: 0.8rem;
    }

    .input-group .value-number {
        font-size: 1.5rem;
    }

    .input-group .euro-icon-price {
        font-size: 1.5rem;
    }

    .input-group .euro-icon-value {
        font-size: 1.5rem;
    }
}

@media (min-width: 992px) {
    .input-slider-niids .btn {
        font-size: 0.57rem !important;
    }

    .input-group .price-text {
        width: 190px;
        font-size: 0.8rem;
    }

    .input-group .price-number {
        font-size: 1.5rem;
    }

    .input-group .value-text {
        width: 190px;
        font-size: 0.8rem;
    }

    .input-group .value-number {
        font-size: 1.5rem;
    }

    .input-group .euro-icon-price {
        font-size: 1.5rem;
    }

    .input-group .euro-icon-value {
        font-size: 1.5rem;
    }
}

@media (min-width: 1200px) {
    .input-group .price-text {
        width: 250px;
    }

    .input-group .value-text {
        width: 250px;
    }

    .input-slider-niids .btn {
        font-size: 0.7rem !important;
    }
}

@media (min-width: 1400px) {
    .input-group .price-text {
        width: 330px;
    }

    .input-group .value-text {
        width: 330px;
    }
}