/* BANNER CSS START */
.get_a_quote_header {
    height: 300px;
    background-image: 
    linear-gradient(to bottom, rgba(255, 255, 255, 0.9), rgb(255, 255, 255, 0.9)), 
    url("../images/general/get-a-quote/get-a-quote-bg.webp");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
    display: flex;
    align-items: center;
}
.get_a_quote_form {
    width: 80%;
    margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    row-gap: 0px;
}
.get_a_quote_form input {
    background-color: #ededed;
    border: 1px solid #2ab241;
    border-radius: 6px;
    padding: 8px 10px 8px 15px;
}
.get_a_quote_form .form-multi-select-input-group {
    background-color: #ededed !important;
}
.get_a_quote_form input.form-multi-select-search {
    border: 0px;
    width: 1px;
}
.get_a_quote_form .form-multi-select {
    border: 1px solid #2ab241;
    border-radius: 6px;
}
.get_a_quote_form .label_field {
    width: 49%;
    display: flex;
    flex-direction: column;
}
.get_a_quote_form .label_field_full_width {
    width: 100%;
}
.get_a_quote_form input::placeholder {
    color: #aaaaaa;
    font-family: "poppins_regular";
    font-size: 14px;
}
.get_a_quote_form input:focus {
    outline: 0px;
}
.get_a_quote_form button {
    border-radius: 7px;
    padding: 10px 30px;
    transition: all ease-in-out 0.3s;
}
.get_a_quote_form button:hover {
    background-color: #273d52;
}
.get_a_quote_header_box .call_visit {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-top: 20px;
}
.get_a_quote_header_box .call_visit h5 {
    padding-bottom: 8px;
    border-bottom: 2px solid #000;
}
.get_a_quote_header_box .call_visit h5 a:hover {
    color: #2ab241;
}
.get_a_quote_header_box .call_visit .call {
    border-right: 1.8px solid #bebebe;
    padding-right: 15px;
}
.get_a_quote_header_box .call_visit .visit {
    border-left: 1.8px solid #bebebe;
    padding-left: 15px;
}
.form-multi-select-input-group {
    border: none !important;
}
.form-multi-select-selection {
    padding: 0px !important;
}
.form-multi-select-cleaner::before,
.form-multi-select-indicator::before,
.form-multi-select-tag-delete::before {
    background-color: #fff !important;
}
.form-multi-select-tag {
    font-family: "poppins_semi_bold";
    font-size: 12px;
    padding: 4px 4px !important;
    height: 35px;
}
.form-multi-select-selection {
    align-items: center;
    padding-left: 5px !important;
}
.form-multi-select .form-multi-select-input-group {
    background-color: #ededed;
}
.form-multi-select-option.form-multi-selected::before {
    background-color: #2ab241;
    border: 0px;
}
.get_a_quote_header_box {
    width: 70%;
    margin: 0px auto;
    background-color: #ffffff00;
    backdrop-filter: blur(10px);
    padding: 20px 30px;
    border: 2px solid #cecece;
    border-radius: 20px;
    box-shadow: inset 0px 2px 15px #60cce6, inset 0px -2px 15px #fd6e23;
}
/* BANNER CSS END */

/* GET A QUOTE SECTION CSS START */
.get_a_quote_section .get_a_quote_section_form .form-multi-select-input-group {
    background-color: #ededed !important;
}
.get_a_quote_section .get_a_quote_section_form input.form-multi-select-search {
    flex-grow: 0 !important;
    width: 4px !important;
}
.get_a_quote_section .get_a_quote_section_form input,
.get_a_quote_section .get_a_quote_section_form .form-multi-select,
.get_a_quote_section .get_a_quote_section_form select {
    background-color: #ededed;
    width: 100%;
    padding: 20px 20px;
    border-radius: 7px;
    color: #000;
}
.get_a_quote_section .get_a_quote_section_form .form-multi-select {
    padding: 12.5px 6px;
}
.get_a_quote_section .get_a_quote_section_form input::placeholder,
.get_a_quote_section .get_a_quote_section_form select::placeholder {
    color: #aaaaaa;
    font-family: "poppins_regular";
    font-size: 14px;
}
.get_a_quote_section .get_a_quote_section_form {
    width: 80%;
    margin: 0px auto 0px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    row-gap: 0px;
    /* background-color: #d4ffdd; */
    padding: 40px;
    border-radius: 40px;
}
.get_a_quote_section .get_a_quote_section_form .label_field {
    width: 49%;
}
.get_a_quote_section .get_a_quote_section_form .label_field_full_width {
    width: 100%;
}
.get_a_quote_section .get_a_quote_section_form input:focus,
.get_a_quote_section .get_a_quote_section_form select:focus {
    outline: 0px;
}
.get_a_quote_section .get_a_quote_section_form .get_submit {
    border-radius: 7px;
    padding: 14px 40px;
    transition: all ease-in-out 0.3s;
}
.get_a_quote_section .get_a_quote_section_form .get_submit:hover {
    background-color: #273d52;
}
.multi-select-two {
    border: 0px solid #2ab241;
    border-radius: 7px;
    padding: 17px;
}
#selectedContainerTwo span {
    padding: 4px 4px;
    gap: 4px;
}
/* GET A QUOTE SECTION CSS END */

/* CUSTOMER CSS START */
section.customer .swiper-slide {
    background-color: #f3f3f3;
    border-radius: 10px;
    padding: 30px;
    transition: all ease-in-out 0.3s;
    height: 250px;
}
section.customer .swiper-slide-active {
    background-color: #2ab241;
}
section.customer .swiper-slide p {
    transition: all ease-in-out 0.3s;
}
section.customer .swiper-slide-active p {
    color: #fff;
}
section.customer .swiper-slide .profile {
    display: flex;
    align-items: center;
    gap: 10px;
}
section.customer .swiper-slide .profile .image {
    width: 45px;
}
section.customer .swiper-slide .stars {
    display: flex;
    gap: 5px;
    margin: 10px 0px 15px 0px;
}
section.customer .swiper-slide .stars .star {
    width: 18px;
}
section.customer .swiper-button-prev::after {
    display: none;
}
section.customer .swiper-button-next::after {
    display: none;
}
section.customer .swiper-button-prev img,
section.customer .swiper-button-next img {
    width: 20px;
}
section.customer .swiper-button-prev,
section.customer .swiper-button-next {
    top: 50%;
}
section.customer .swiper-button-prev {
    left: 0%;
}
section.customer .swiper-button-next {
    left: 97.5%;
}
section.customer .mySwiperTwo {
    width: 100%;
    padding: 0px 30px;
}
/* CUSTOMER CSS END */










@media (max-width:1366px) {

}
@media (max-width:1024px) {
    .get_a_quote_header_box {
        width: 80%;
    }
/* GET A QUOTE SECTION CSS START */
.get_a_quote_section .get_a_quote_section_form {
    width: 90%;
}
/* GET A QUOTE SECTION CSS END */
/* CUSTOMER CSS START */
section.customer .swiper-button-next {
    left: 97%;
}
/* CUSTOMER CSS END */
}
@media (max-width:992px) {
    .get_a_quote_header_box {
        width: 100%;
    }
/* GET A QUOTE SECTION CSS START */
.get_a_quote_section .get_a_quote_section_form {
    width: 100%;
}
/* GET A QUOTE SECTION CSS END */
/* CUSTOMER CSS START */
section.customer .swiper-button-next {
    left: 96%;
}
/* CUSTOMER CSS END */
}
@media (max-width:576px) {
    .get_a_quote_header {
        height: 420px;
    }
    .get_a_quote_form .label_field {
        width: 48%;
    }
    .get_a_quote_form .label_field_full_width {
        width: 100%;
    }
    .get_a_quote_form {
        width: 100%;
    }
    .get_a_quote_header_box {
        padding: 20px;
    }
/* GET A QUOTE SECTION CSS START */
.get_a_quote_section .get_a_quote_section_form .label_field {
    width: 100%;
}
.get_a_quote_section .get_a_quote_section_form {
    padding: 20px;
    border-radius: 20px;
}
/* GET A QUOTE SECTION CSS END */
/* CUSTOMER CSS START */
section.customer .swiper-button-next {
    left: 93.3%;
}
/* CUSTOMER CSS END */
}
@media (max-width:375px) {
/* CUSTOMER CSS START */
section.customer .swiper-button-next {
    left: 92.5%;
}
/* CUSTOMER CSS END */
}