:root {
--primary-color: #2fa72f;
}
#calculateur-estimation-form input[type="number"]::-webkit-inner-spin-button,
#calculateur-estimation-form input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
#calculateur-estimation-form input[type="number"] {
-moz-appearance: textfield;
}
#calculateur-estimation-form input[type="date"],
select {
-webkit-appearance: none; background-color: white;
}
#calculateur-estimation-form {
display: grid;
grid-template-columns: 1fr 450px 1fr;
grid-template-rows: auto auto auto auto auto auto auto auto auto;
}
#calculateur-estimation-form.response-append {
grid-template-columns: 100%;
}
.item-1 {
grid-column: 1 /4;
}
.item-2,
.item-3,
.item-4,
.item-5,
.item-6,
.item-7,
.item-8 {
grid-column: 2;
}
#calculateur-estimation-form input,
#calculateur-estimation-form select {
border: 1px solid #aaa;
padding-inline: 10px;
padding-block: 10px;
border-radius: 52px; font-size: 16px;
width: 100%;
box-sizing: border-box;
}
#calculateur-estimation-form input::placeholder,
#calculateur-estimation-form textarea::placeholder,
.select2-selection__placeholder {
color: #666 !important;
font-size: 16px;
font-weight: 400 !important;
} .select2-container--default .select2-selection--single,
.select2-container--default .select2-selection--multiple {
height: auto; padding: 10px; border-radius: 52px; border: 1px solid #aaa;
} .select2-container--default.select2-container--open .select2-selection--single,
.select2-container--default.select2-container--open .select2-selection--multiple {
border-radius: 20px; } .select2-container--default .select2-selection--single .select2-selection__arrow,
.select2-container--default .select2-selection--multiple .select2-selection__arrow {
height: calc(100% - 20px); top: 50%; transform: translateY(-50%); } .select2-container--default .select2-selection--single .select2-selection__rendered,
.select2-container--default .select2-selection--multiple .select2-selection__rendered {
line-height: normal; padding-left: 0; font-weight: 400 !important;
}  .label {
text-align: center;
margin-bottom: 5px;
margin-top: 30px;
font-weight: 400;
} #secteur-activite {
display: flex;
gap: 10px;
flex-wrap: wrap; justify-content: center;
} #secteur-activite input[type="radio"] {
display: none;
} #secteur-activite label {
background-color: #fff; color: black; padding: 5px 30px;
border: 1px solid black;
border-radius: 52px;
cursor: pointer;
font-size: 1rem;
font-weight: 400 !important;
} #secteur-activite label:hover {
background-color: var(--primary-color);
color: white;
} #secteur-activite input[type="radio"]:checked + label {
background-color: var(--primary-color);
color: white; }
input[type="submit"] {
grid-column: 2 /2;
grid-row: 9 /9;
justify-self: center; margin-top: 50px;
max-width: 200px !important;
cursor: pointer;
background-color: var(--primary-color);
color: white;
} .tooltip:not([data-bs-toggle]) {
position: relative;
grid-column-start: 3;
grid-row: 7;
justify-self: start;
align-self: end;  color: white;
font-size: 20px;
} .tooltip .tooltiptext {
visibility: hidden;
width: 350px;
background-color: var(--primary-color) !important;
color: #fff;
text-align: start;
padding: 10px 15px;
border-radius: 6px;
bottom: 130%;
font-weight: 300;
font-size: 14px; position: absolute;
z-index: 1;
}
.tooltip.show .tooltiptext {
visibility: visible;
}
.tooltip .tooltiptext { }
.tooltip:not([data-bs-toggle]) {
display: flex;
justify-content: center;
align-items: center;
background-color: var(--primary-color) !important;
text-align: center;
width: 46px;
height: 46px;
border-radius: 50px;
margin-left: 10px;
border: 1px solid black;
opacity: 1;
}
@media screen and (max-width: 1250px) {
.tooltip .tooltiptext {
width: 300px;
margin-left: -280px;
}
}
@media screen and (max-width: 350px) {
.tooltip .tooltiptext {
width: 200px;
margin-left: -200px;
}
}
.response-append {
max-width: 100% !important;
}
.list-li-img li {
padding-left: 33px;
position: relative;
font-size: 16px;
font-weight: 400 !important;
}
.list-li-img li::before {
content: "";
height: 20px;
width: 20px;
background-image: url(//lmnpinvest.com/wp-content/plugins/calculateur-estimation/css/assets/check.svg);
position: absolute;
left: 8px;
background-size: contain;
top: 3px;
}
.pricing-boxes h2 {
font-weight: bold;
}
#min-text {
font-size: 13px !important;
font-style: italic !important;
align-self: flex-start !important;
font-weight: 300 !important;
}  #calculateur-estimation-form select {
-webkit-appearance: none; -moz-appearance: none; appearance: none;  background-image: url(//lmnpinvest.com/wp-content/plugins/calculateur-estimation/css/assets/arrow-down.svg);
background-repeat: no-repeat;
background-position: right 10px center; background-size: 20px; } #calculateur-estimation-form select::-ms-expand {
display: none;
} .select2-container--default .select2-selection--single .select2-selection__arrow {
height: 100%; position: absolute;
top: 50%;
right: 10px;
width: 20px; background-image: url(//lmnpinvest.com/wp-content/plugins/calculateur-estimation/css/assets/arrow-down.svg);
background-size: contain;
background-repeat: no-repeat;
background-position: center;
} .select2-container--default .select2-selection--single .select2-selection__arrow b {
display: none;
}
.select2-search__field {
background-color: white;
font-size: 16px;
}
@media screen and (max-width: 768px) {
#calculateur-estimation-form {
display: grid;
grid-template-columns: 100%;
margin-inline: 10px;
}
#calculateur-estimation-form input,
#calculateur-estimation-form select {
width: 100%;
}
.item-1,
.item-2,
.item-3,
.item-4,
.item-5,
.item-6,
.item-7,
.item-8 {
grid-column: 1;
}
.item-7 {
max-width: 85%;
grid-row: 7;
}
#secteur-activite label {
text-align: center;
padding-block: 5px;
padding-inline: 20px;
}
input[type="submit"] {
align-self: center;
grid-column: 1 /1;
grid-row: 10;
}
.tooltip:not([data-bs-toggle]) {
grid-column: 1;
grid-row: 7;
justify-self: end;
}
}