.cost-calculator-section{
    	font-family:"Montserrat" !important;
    overflow: hidden;
        .container{
            .row{
                --bs-gutter-x : 3rem !important;
            }
        }
    background-color: #f4f4f4;
    .text-secondary{
        font-size: 1.2rem;
        color: #c2a92f !important;
    }
    h2{
        font-size: 2.4rem;
        color: #212529;
    }
    p{
        font-size: 19px;
    }
    .col-form-label, .form-floating *{
        font-size: 1rem !important;
    }
    .col-form-label{
            padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.25;
    display: inline-block;
    color: #212529;
    }
    a{
        color: #c2a92f !important;
    }
    .text-info {
    --bs-text-opacity: 1;
    color: #c2a92f !important;
}
.form-floating>.form-control:not(:placeholder-shown){
    padding-top: 0.625rem;
}
input{
    min-height: 100% !important;
    font-weight: 500;
}
a{
    svg{
        fill: #c2a92f;
    }
}
.pulsate:not(:hover, :active, :focus), .pulsate-secondary:not(:hover, :active, :focus) {
    animation: pulsate-secondary 4s ease-out infinite;
}
@keyframes pulsate-secondary {
    0% {
    box-shadow: 0 0 0 transparent;
}
25% {
    box-shadow: 0 0 0 transparent;
}
50% {
    box-shadow: 0 0 30px rgba(255, 146, 76, 0.6);
}
75% {
    box-shadow: 0 0 0 transparent;
}
100% {
    box-shadow: 0 0 0 transparent;
}
}
.rangeslider--horizontal{
    height: 8px;
    background-color: #c2a92f;
}
.rangeslider--horizontal .rangeslider__handle{
    top: -14px;
    background-color: #c2a92f;
    border: 0;
    &:active{
        outline: 2px solid #c2a92f;
        outline-offset: 4px;
    }
    &::after{
        display: none;
    }
}
.rangeslider__fill{
    background-color: #c2a92f;
}
}
.popover{
    .popover-header{
        background-color: #c2a92f;
        color: #212529;
        font-size: 20px;
        font-weight: 500;
    }
    .popover-body{
        font-size: 16px;
    }
    .popover-arrow{
        display: none;
    }
}

@media (max-width : 575px){
    .cost-calculator-section{
        padding: 35px 0 50px 0 !important;
        .rangeslider--horizontal{
            margin-top: 18px;
             .rangeslider__handle{
            height: 30px;
            width: 30px;
            top: -12px;
        }
        }
        h2{
            font-size: 20px;
            text-align: center;
        }
        .text-secondary {
        font-size: 14px;
            text-align: center;
            margin-bottom: 15px !important;
        }
        p{
            font-size: 14px;
            margin-bottom: 10px;
        }
        .col-form-label, .form-floating *{
            font-size: 14px !important;
        }
    }
}