p {
    margin: 0;
}

button {
    border: none;
}

.form-control:focus,
.form-control:active {
    outline: none;
    box-shadow: none;
    /* background: #F6F6F6; */
}

input:focus,
input:active {
    outline: none;
    box-shadow: none;
}

.buy__car__title {
    color: #181716;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
}

/*------Header bg------------*/

.section__header-bg {
    background: #F6F6F6;
    padding: 30px 0;
    margin-bottom: 50px;
}

.header__bg__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    /* column-gap: 10px; */
    row-gap: 10px;
}

.header__bg__title {
    color: #181716;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.header__bg__sub__title {
    color: #181716;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 30px;
}

.header__bg__sub__text {
    color: #C5C6C6;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px;
}

.header__bg__img {
    width: 100%;
}

/*---Number------------*/

/* search__number__form */
.search__number__form__wrapper {
    display: flex;
    align-items: center;
    border: 1px solid #000;
    border-radius: 6px;
    padding-right: 10px;
    background-color: #fff;
    margin-bottom: 30px;
}

.search__number-icon {
    margin-right: 10px;
}

.search__number__form {
    display: flex;
    align-items: center;
    gap: 5px;
}

.search__number__form>input {
    width: 24px;
    height: 40px;
    border-radius: 6px;
    border: 1px solid #C5C6C6;
    background-color: transparent;
    padding: 10px 5px;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
}

/* END search__number__form */

.section__number-bg {
    background: #F6F6F6;
    padding: 90px 0 55px;
    margin-bottom: 80px;
}

.number-col-flex {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.number-bg-title {
    color: #000;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 30px;
}

.number-bg-sub-title {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 30px;
}

.car__search__link {
    color: #C5C6C6;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.car__search__link:hover {
    color: #C5C6C6;
    text-decoration: underline;
}

.number-bg-wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 30px;
    row-gap: 10px;

}

.widgets__button {
    color: #FFF;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    text-transform: uppercase;
    display: flex;
    width: 260px;
    height: 50px;
    padding: 10px;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    background: #E40C25;
    border: 1px solid #E40C25;
    margin-bottom: 10px;

}

.widgets__button:hover {
    color: #E40C25;
    background: transparent;
    border: 1px solid #E40C25;
}

.select__btn__box>p {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.select__btn__wrapper {
    display: flex;
    gap: 20px;
    align-items: center;
}

.select__btn__box {
    width: 250px;
    display: flex;
    border-radius: 4px;
    background: #333;
    gap: 20px;
    padding: 10px;
    align-items: center;
}

.select__btn__box>svg {
    width: 100%;
    max-width: 24px;
    max-height: 24px;
    height: 100%;

}

.car__number__img {
    width: 100%;
    margin-bottom: -55px;
}

/*---END---Number------------*/

/*---END---Header bg------------*/


/*------Header how__sell__car------------*/
.section__buy__car__page {
    padding: 50px 0;
    margin-bottom: 50px;
}

.how__sell__car__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 20px;
    margin-top: 50px;
}

.how__sell__car__box {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.how__sell__car__box::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 62px;
    height: 62px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNzUiIGhlaWdodD0iNzQiIHZpZXdCb3g9IjAgMCA3NSA3NCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzY2M184NjI2KSI+CjxwYXRoIGQ9Ik0zOC40NjY4IDcuNDgxODRDMzcuNTQ5OSA1Ljk1MzY4IDM1LjY1NSA1LjAzNjc4IDM0LjMxMDIgMy45MzY1QzM0LjAwNDYgMy42MzA4NyAzMy40NTQ0IDQuMDU4NzYgMzMuNzYwMSA0LjQ4NjY0QzM0LjkyMTUgNS43NzAzIDM2LjQ0OTYgNy4xNzYyMSAzNy45MTY3IDguMDMxOThDMzguMjgzNSA4LjE1NDMzIDM4LjY1MDMgNy43ODc1NyAzOC40NjY4IDcuNDgxODRaIiBmaWxsPSIjQzVDNkM2Ii8+CjxwYXRoIGQ9Ik00NC4xNTE2IDE2LjQ2NzFDNDQuMTUxNiAxNC43NTU2IDQyLjk5MDIgMTMuMjI3NCA0MS44Mjg4IDEyLjE4ODNDNDEuNTg0MyAxMS45NDM4IDQxLjIxNzUgMTIuMzEwNSA0MS40NjIgMTIuNTU1QzQyLjAxMjEgMTMuMjI3NCA0Mi40NCAxMy44OTk4IDQyLjgwNjggMTQuNjMzM0M0My4xMTI0IDE1LjMwNTcgNDMuMjk1OCAxNS45NzgxIDQzLjYwMTQgMTYuNjUwNUM0My42NjI2IDE2Ljk1NjEgNDQuMTUxNiAxNi44MzM5IDQ0LjE1MTYgMTYuNDY3MVoiIGZpbGw9IiNDNUM2QzYiLz4KPHBhdGggZD0iTTQ1LjgwMjEgMjcuNjUzNEM0Ni4xMDc3IDI2Ljg1ODggNDYuMTA3NyAyNS44ODA4IDQ1Ljk4NTUgMjUuMDI1QzQ1Ljk4NTUgMjQuMTY5MiA0NS44MDIxIDIzLjI1MjMgNDUuNjE4NyAyMi40NTc3QzQ1LjU1NzYgMjIuMTUyMSA0NS4xMjk3IDIyLjIxMzIgNDUuMTkwOCAyMi41MTg4QzQ1LjMxMzEgMjMuMzc0NiA0NS4zMTMxIDI0LjIzMDQgNDUuMjUyIDI1LjAyNUM0NS4yNTIgMjUuODgwOCA0NS4wMDc1IDI2LjczNjUgNDUuMDA3NSAyNy41OTIzQzQ0Ljk0NjIgMjguMDIwMSA0NS42MTg2IDI4LjA4MTIgNDUuODAyMSAyNy42NTM0WiIgZmlsbD0iI0M1QzZDNiIvPgo8cGF0aCBkPSJNNDMuMjM0OCAzMi42NjU4QzQzLjM1NyAzMi4xNzY4IDQyLjY4NDUgMzEuOTkzMyA0Mi41NjI0IDMyLjQ4MjVDNDIuMzc5IDMyLjkxMDMgNDIuMTk1NiAzMy40NjA1IDQyLjAxMjMgMzMuODg4NEM0MS43MDY2IDM0LjQzODUgNDEuMjE3NSAzNC44MDUyIDQxLjAzNDEgMzUuMzU1M0M0MC45MTE5IDM1LjU5OTggNDEuMjE3NSAzNS45MDU0IDQxLjQ2MiAzNS43ODMyQzQyLjQ0MDEgMzUuNDE2NSA0Mi45MjkyIDMzLjcwNSA0My4yMzQ4IDMyLjY2NThaIiBmaWxsPSIjQzVDNkM2Ii8+CjxwYXRoIGQ9Ik0zNy4yNDQzIDQxLjk1NjhDMzcuODU1NiA0MS4zNDU1IDM4LjQ2NjggNDAuNzM0MyAzOC44OTQ3IDQwLjA2MTlDMzkuMTM5MiAzOS42OTUxIDM4Ljc3MjUgMzkuMzI4MyAzOC40NjY4IDM5LjYzNEMzNy44NTU2IDQwLjEyMyAzNy4zNjY1IDQwLjYxMiAzNi44MTY0IDQxLjE2MjFDMzYuMjY2MyA0MS43MTIzIDM1LjU5MzkgNDIuMTQwMiAzNS4yMjcxIDQyLjg3MzdDMzUuMDQzOCA0My4xNzkyIDM1LjQ3MTcgNDMuNjA3MSAzNS43NzczIDQzLjQyMzhDMzYuMzg4NiA0My4wNTcyIDM2LjgxNjUgNDIuNTA3IDM3LjI0NDMgNDEuOTU2OFoiIGZpbGw9IiNDNUM2QzYiLz4KPHBhdGggZD0iTTMwLjM5ODIgNDUuODY5NkMyOS41NDI0IDQ2LjIzNjQgMjguNjg2OCA0Ni42MDMgMjcuNzA4OCA0Ni44NDc1QzI2Ljg1MjkgNDcuMDkyMSAyNS44NzQ5IDQ3LjIxNDQgMjUuMjAyNSA0Ny43NjQ1QzI0LjgzNTcgNDguMDA5IDI1LjIwMjUgNDguNDk4IDI1LjUwODIgNDguNTU5MUMyNi40MjUgNDguNjIwMyAyNy40MDMyIDQ4LjEzMTMgMjguMjU4OSA0Ny43NjQ0QzI5LjE3NTkgNDcuNDU4OSAyOS45NzAzIDQ3LjAzMSAzMC43MDM4IDQ2LjU0MkMzMS4xMzE3IDQ2LjIzNjQgMzAuNzY0OSA0NS42MjUgMzAuMzk4MiA0NS44Njk2WiIgZmlsbD0iI0M1QzZDNiIvPgo8cGF0aCBkPSJNMjIuOTQwNyA0Ny44MjQ5QzIyLjE0NjIgNDcuODg2IDIxLjI5MDMgNDguMDA4MyAyMC41NTY4IDQ4LjAwODNDMjAuMTkgNDguMDA4MyAxOS43NjIxIDQ3Ljk0NzIgMTkuMzk1NCA0Ny44MjQ5QzE5LjAyODYgNDcuNzAyNyAxOC45MDY0IDQ3LjU4MDQgMTguNDc4NSA0Ny42NDE1QzE4LjE3MjggNDcuNzAyNyAxOC4wNTA2IDQ4LjA2OTQgMTguMTcyOCA0OC4zMTM5QzE4LjYwMDYgNDguOTg2NCAxOS42Mzk5IDQ4LjkyNTIgMjAuMzczNCA0OC45MjUyQzIxLjI5MDMgNDguODY0MSAyMi4xNDYgNDguNjE5NyAyMy4wNjI5IDQ4LjMxNEMyMy4zMDc2IDQ4LjE5MTggMjMuMjQ2MyA0Ny43NjM4IDIyLjk0MDcgNDcuODI0OVoiIGZpbGw9IiNDNUM2QzYiLz4KPHBhdGggZD0iTTE2LjcwNTggNDQuNjQ3MUMxNi4xNTU2IDQ0LjU4NiAxNS42MDU1IDQ0LjQwMjYgMTUuMjM4NyA0NC4wMzU4QzE0LjkzMzEgNDMuNzMwMiAxNC42Mjc1IDQzLjMwMjMgMTQuMTM4NSA0My4zMDIzQzEzLjg5NCA0My4zMDIzIDEzLjcxMDYgNDMuNDg1NyAxMy43MTA2IDQzLjczMDJDMTMuNzEwNyA0NC45NTI2IDE1Ljc4ODkgNDUuMzE5NSAxNi42NDQ3IDQ1LjE5NzFDMTYuOTUwNCA0NS4xMzYyIDE3LjAxMTYgNDQuNzA4MiAxNi43MDU4IDQ0LjY0NzFaIiBmaWxsPSIjQzVDNkM2Ii8+CjxwYXRoIGQ9Ik0xNC4wNzc0IDM5LjQ1MUMxMy42NDk1IDM4LjkwMSAxMy4yMjE3IDM4LjIyODUgMTIuOTE2IDM3LjU1NjFDMTIuNjEwMyAzNi43NjE2IDEyLjc5MzcgMzYuMDg5MiAxMi45NzcyIDM1LjI5NDRDMTMuMDM4MyAzNC44NjY2IDEyLjYxMDQgMzQuNTYwOSAxMi4xODI1IDM0Ljg2NjZDMTAuNDcxIDM2LjQ1NTggMTIuMjQzNyAzOC44Mzk4IDEzLjY0OTYgMzkuODc4OUMxMy44OTQgNDAuMDAxMyAxNC4yNjA4IDM5LjYzNDQgMTQuMDc3NCAzOS40NTFaIiBmaWxsPSIjQzVDNkM2Ii8+CjxwYXRoIGQ9Ik0xNS4wNTU0IDMyLjM2MDZDMTUuNDgzMyAzMC45NTQ3IDE2LjUyMjQgMzAuMTYgMTcuMzE3MSAyOC45OTg2QzE3LjUwMDMgMjguNjkzMSAxNy4xMzM2IDI4LjMyNjMgMTYuODI4IDI4LjUwOTZDMTUuNjA1NSAyOS4zNjU0IDE0LjgxMDkgMzAuNzcxMyAxNC41NjY0IDMyLjIzODNDMTQuNTA1MiAzMi41NDM5IDE0Ljg3MjEgMzIuNjY2MyAxNS4wNTU0IDMyLjM2MDZaIiBmaWxsPSIjQzVDNkM2Ii8+CjxwYXRoIGQ9Ik0yNS44MTM2IDIyLjA5MDdDMjMuNjc0MiAyMi4wMjk2IDIxLjkwMTQgMjMuMzEzNCAyMC41NTY4IDI0Ljc4MDNDMjAuMzEyMyAyNS4wMjQ4IDIwLjc0MDEgMjUuNDUyNyAyMC45ODQ2IDI1LjIwODJDMjIuMzI5NCAyMy45ODU3IDIzLjk3OTggMjMuMDY4OCAyNS44MTM1IDIyLjgyNDRDMjYuMzAyNyAyMi44MjQ0IDI2LjMwMjcgMjIuMDkwOCAyNS44MTM2IDIyLjA5MDdaIiBmaWxsPSIjQzVDNkM2Ii8+CjxwYXRoIGQ9Ik0zMy43NjAyIDIxLjIzNTVDMzIuMTA5OCAyMC42ODU0IDMwLjIxNDggMjAuODY4NyAyOC41MDMzIDIxLjIzNTVDMjguMDc1NCAyMS4yOTY2IDI4LjI1ODggMjEuOTY5IDI4LjYyNTYgMjEuODQ2OEMzMC4yNzYgMjEuNjYzNCAzMS45MjY0IDIxLjg0NjggMzMuNTc2OCAyMS45MDc5QzM0LjA2NTggMjEuOTA3OSAzNC4xMjY4IDIxLjM1NzYgMzMuNzYwMiAyMS4yMzU1WiIgZmlsbD0iI0M1QzZDNiIvPgo8cGF0aCBkPSJNNDAuOTExOSAyMS4yOTY2QzQwLjA1NjEgMjAuNDQwOCAzOC4zNDQ2IDIwLjE5NjMgMzcuMTgzMSAyMC4yNTc0QzM2LjY5NDEgMjAuMjU3NCAzNi42OTQxIDIwLjk5MSAzNy4xODMxIDIwLjk5MUMzNy43OTQ0IDIwLjk5MSAzOC40MDU3IDIxLjExMzIgMzguOTU1OCAyMS4yOTY2QzM5LjUwNiAyMS40OCA0MC4wNTYxIDIxLjc4NTYgNDAuNjY3NCAyMS45MDc5QzQwLjk3MyAyMS45NjkgNDEuMDk1MiAyMS40OCA0MC45MTE5IDIxLjI5NjZaIiBmaWxsPSIjQzVDNkM2Ii8+CjxwYXRoIGQ9Ik01MS42NzAyIDI2LjkyMDZDNTEuMTgxMiAyNi40MzE2IDUwLjUwODggMjYuMTI2IDQ5Ljk1ODcgMjUuNjk4MUM0OS4yMjUyIDI1LjIwOTEgNDguNTUyOCAyNC42NTkgNDcuNzU4MSAyNC4zNTMzQzQ3LjMzMDIgMjQuMTcgNDcuMDI0NiAyNC43MjAxIDQ3LjM5MTQgMjQuOTY0NkM0OC4wNjM4IDI1LjM5MjUgNDguNzM2MSAyNS45NDI2IDQ5LjM0NzQgMjYuNDMxNkM0OS44OTc1IDI2Ljg1OTUgNTAuNTA4OCAyNy40NzA4IDUxLjI0MjMgMjcuNTkzQzUxLjY3MDIgMjcuNzc2NCA1MS45NzU3IDI3LjIyNjIgNTEuNjcwMiAyNi45MjA2WiIgZmlsbD0iI0M1QzZDNiIvPgo8cGF0aCBkPSJNNTcuNzIxNyAzMS43NDk2QzU3LjExMDUgMzAuNzcxNSA1NS45NDkxIDI5Ljk3NjkgNTUuMDMyMiAyOS4xODIzQzU0LjcyNjUgMjguODc2NiA1NC4yOTg3IDI5LjMwNDUgNTQuNjA0MyAyOS42MTAxQzU1LjM5ODkgMzAuNTI3IDU2LjEzMjUgMzEuNjI3MyA1Ny4xNzE2IDMyLjI5OTdDNTcuNTM4MyAzMi41NDQxIDU3Ljk2NjEgMzIuMTE2MiA1Ny43MjE3IDMxLjc0OTZaIiBmaWxsPSIjQzVDNkM2Ii8+CjxwYXRoIGQ9Ik02My4xMDA5IDM3LjczOThDNjIuNzk1MiAzNy4xODk3IDYyLjMwNjIgMzYuODIyOSA2MS44NzgyIDM2LjM5NUM2MS40NTA1IDM1Ljk2NzIgNjAuOTYxMyAzNS40NzgxIDYwLjQ3MjMgMzUuMTExM0M2MC4xNjY3IDM0LjgwNTcgNTkuNjc3NyAzNS4yOTQ3IDU5Ljk4MzMgMzUuNjAwM0M2MC40MTEyIDM2LjAyODIgNjAuOTAwMyAzNi41MTczIDYxLjI2NyAzNy4wMDYyQzYxLjY5NDkgMzcuNDM0MSA2Mi4wNjE2IDM3LjkyMzEgNjIuNjExOSAzOC4yMjg4QzYyLjg1NjQgMzguNDczMyA2My4yMjMxIDM4LjEwNjYgNjMuMTAwOSAzNy43Mzk4WiIgZmlsbD0iI0M1QzZDNiIvPgo8cGF0aCBkPSJNNjcuOTkwOSA0Mi45OTZDNjcuOTkwOSA0MS40MDY3IDY3LjkyOTggMzkuODc4NiA2Ny43NDY1IDM4LjM1MDVDNjcuNjI0MiAzNy4yNTAyIDY3LjYyNDEgMzUuNDE2NCA2Ni43Njg0IDM0LjY4MjhDNjYuNDYyNyAzNC4zNzcyIDY1Ljg1MTUgMzQuNDk5NSA2NS43MjkyIDM0Ljk4ODVDNjUuNDg0NyAzNS45NjY1IDY1Ljk3MzcgMzcuMTg5IDY2LjE1NzEgMzguMTA1OUM2Ni4zNDA1IDM5LjI2NzMgNjYuNDAxNiA0MC41NTEgNjYuNDYyNyA0MS44MzQ2QzY0Ljc1MTIgNDEuMTAxMSA2Mi44NTYzIDQwLjU1MSA2MS4wODM2IDQwLjAwMDhDNjAuNTMzNSAzOS44MTc1IDYwLjEwNTYgNDAuNzM0NCA2MC42NTU4IDQxLjA0MDFDNjIuNjczIDQyLjA3OTIgNjQuOTk1OCA0Mi40NDYgNjYuODkwNyA0My43Mjk3QzY3LjMxODUgNDQuMDM1MiA2Ny45Mjk5IDQzLjU0NjMgNjcuOTkwOSA0Mi45OTZaIiBmaWxsPSIjQzVDNkM2Ii8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfNjYzXzg2MjYiPgo8cmVjdCB3aWR0aD0iNTIiIGhlaWdodD0iNTIiIGZpbGw9IndoaXRlIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNy42Njc1IDAuMDc0MjE4OCkgcm90YXRlKDQ1KSIvPgo8L2NsaXBQYXRoPgo8L2RlZnM+Cjwvc3ZnPgo=);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.how__sell__car__box:last-child::before {
    display: none;
}

.how__sell__car__step {
    position: relative;
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    padding-left: 20px;
}

.how__sell__car__step::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0px;
    width: 10px;
    height: 10px;
    background-color: #E40C25;
    border-radius: 50%;
}

.how__sell__car__title {
    color: #E40C25;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
}

.how__sell__car__text {
    color: #181716;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

/*---END---how__sell__car------------*/


/*-----how__requirements__car------------*/

.requirements__car__buy__wrapper {
    display: grid;
    grid-template-columns: 1fr 30%;
    column-gap: 10px;
    row-gap: 10px;
    align-items: center;
}

.requirements__car__box>.buy__car__title {
    margin-bottom: 60px;
}

.car__info__wrapper {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
}

.car__info__box {
    display: flex;
    align-items: center;
    gap: 20px;
    background-color: #fff;
    padding: 10px;
    max-width: 278px;
    width: 100%;
    height: 50px;
}

/*---END---requirements__car------------*/


/*--------advantages----------*/

.advantages__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    column-gap: 20px;
    row-gap: 30px;
    margin-top: 50px;
}

.advantages__box {
    width: 100%;
    max-width: 377px;
}

.advantages__title {
    color: #E40C25;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    margin-bottom: 30px;
}

.advantages__text {
    color: #181716;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
}

/*---END---advantages------------*/


/*------sale__options------------*/

.sale__options__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
    margin-top: 50px;
}

.sale__options__box {
    display: flex;
    align-items: center;
    gap: 30px;
    background: #FFF;
    box-shadow: 0px 12px 20px 0px rgba(0, 0, 0, 0.12);
    padding: 10px;
    height: 240px;
    justify-content: center;
    border-bottom: 2px solid transparent;
}

.sale__options__box:hover {
    border-bottom: 2px solid #E40C25;
}

.sale__options__box:hover svg path {
    fill: #E40C25;
}

.sale__options__box:hover .sale__options__title {
    color: #E40C25;
}

.sale__options__box:hover .sale__options__btn__wrapper>svg path {
    fill: #E40C25;
}

.sale__options__box:hover .sale__options__btn__wrapper>p {
    color: #E40C25;
}


.sale__options__btn__wrapper>p {
    color: #333;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
}

.sale__options__svg__box {
    display: flex;
    width: 120px;
    height: 120px;
    padding: 10px;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
    border-radius: 5px;
    background: #F6F6F6;
}

.sale__options__info {
    display: flex;
    flex-direction: column;
    gap: 30px;
}

.sale__options__title {
    color: #181716;
    font-size: 24px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 83.333% */
}

.sale__options__text {
    color: #181716;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    /* 125% */
}

.sale__options__btn__wrapper {
    display: flex;
    align-items: center;
    gap: 30px;
}

/*---END---sale__options------------*/

/*---page__col------------*/
.car__page__col__wrapper {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 10px;
    row-gap: 10px;
    align-items: center;
}

.page__col-img {
    margin-top: -55px;
}

.page__col__form {
    margin-top: 40px;
}

.page__col__input {
    height: 40px;
    padding: 10px;
    border-radius: 4px;
    background: #FFF;
}

.header-bg-pd {
    padding: 0;
}

/*---END---page__col------------*/

/*------accordion------------*/


.page__col__accordion__wrapper {
    display: grid;
    grid-template-columns: 45% 1fr;
    column-gap: 10px;
    row-gap: 10px;
}

.accordion__title {
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

.accordion__content {
    display: none;
    padding: 20px 0 5px;
    border-top: none;
    background-color: #fff;
}

.accordion__header {
    cursor: pointer;
    position: relative;
    transition: background-color 0.3s ease;
    border-top: 1px solid #C5C6C6;
    padding: 15px 40px 0 0;
}

.accordion__header.active {
    border-bottom: none;
}

.accordion__header:after {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE4IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDAuOTk5OTk5TDkgN0wxNyAxIiBzdHJva2U9IiMxODE3MTYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 16px;
    height: 6px;
    position: absolute;
    top: 65%;
    right: 10px;
    transition: all 0.3s ease;
}

.accordion__header.active:after {
    content: "";
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTgiIGhlaWdodD0iOCIgdmlld0JveD0iMCAwIDE4IDgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDdMOSAwLjk5OTk5OUwxNyA3IiBzdHJva2U9IiNDNUM2QzYiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4KPC9zdmc+Cg==);
}

.accordion__box {
    border-radius: 5px;
    margin-bottom: 15px;
}

.accordion__header h2 {
    font-size: 22px;
    font-weight: 600;
    padding: 10px 15px;
    margin: 0;
}

.accordion-header {
    text-align: center;
    background-color: #222222;
    color: white;
    padding: 20px 0;
}


/*---END---accordion------------*/

/*------tabs------------*/

.buy__car__tabs__wrapper {
    display: grid;
    grid-template-columns: 25% 1fr;
    row-gap: 10px;
}


.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    color: #FFF;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
    background-color: #E40C25;
    border-color: #dee2e6 #dee2e6 #fff;
}

.nav-tabs .nav-link {
    color: #9C9C9C;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

.nav__item__car__tabs {
    width: 100%;
}

.nav-tabs .nav-link {

    border-radius: 2px;
}

.tab__content__car__tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 25px;
    row-gap: 20px;
}

.nav-tabs {

    border: none;
}

.nav__tabs__car__tabs {
    align-content: flex-start;
}

.tab__content__car__tabs {
    padding: 30px;
    border-radius: 2px;
    background: #F6F6F6;
}

.tab__pane__car__tabs__box {
    display: flex;
    flex-direction: column;
    gap: 10px;
    border-radius: 4px;
    background: #FFF;
    padding: 20px;
}

.tab__pane__title {
    color: #333;
    font-size: 18px;
    font-style: normal;
    font-weight: 600;
}

.tab__pane__text {
    color: #181716;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 18px;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
    position: relative;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active::before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-bottom-width: 10px;
    border-top-width: 10px;
    border-left: 15px solid #E40C25;
    background-color: #00800000;
    right: -12px;
    top: 50%;
    transform: translate(0, -50%)
}

.nav__tabs__info__wrapper {
    display: grid;
    grid-template-columns: 65% 1fr;
    column-gap: 40px;
    row-gap: 20px;
    margin-bottom: 30px;
}

.tabs__info__box {}

.tabs__info__title {
    color: #181716;
    font-size: 24px;
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    text-transform: uppercase;
    margin-bottom: 55px;
}

.tabs__info__text {
    color: #181716;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 20px;
}

/*---END---tabs------------*/

.social__wrapper {
    display: grid;
    grid-template-columns: 80% 1fr;
    gap: 20px;
}

.social__box {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 30px;
}

.text__border__bottom {
    color: #181716;
    font-size: 16px;
    font-weight: 400;
    padding-bottom: 10px;
    border-bottom: 1px solid #E40C25;
    display: inline-block;

}

.social__item-link:hover {
    opacity: 75%;
}

@media (max-width: 1200px) {
    .header__bg__wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .how__sell__car__wrapper {
        grid-template-columns: 1fr;
    }

    .tab__content__car__tabs {
        grid-template-columns: 1fr;
    }

    .social__wrapper {
        grid-template-columns: 1fr;
    }

    .social__box {
        justify-content: flex-start;
        margin-top: 30px;
    }
}

@media (max-width: 991px) {
    .header__bg__wrapper {
        grid-template-columns: 1fr;
        column-gap: 10px;
    }

    .how__sell__car__wrapper {
        grid-template-columns: 1fr;
    }

    .requirements__car__buy__wrapper {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }

    .car__info__box {
        max-width: 100%;
    }

    .advantages__wrapper {
        grid-template-columns: 1fr 1fr;
    }

    .sale__options__wrapper {
        grid-template-columns: 1fr;
    }

    .car__page__col__wrapper {
        grid-template-columns: 1fr;
    }

    .page__col-img {
        margin-top: 0;
    }

    .header-bg-pd {
        padding: 50px 0 0;
    }

    .page__col__accordion__wrapper {
        grid-template-columns: 1fr;
        row-gap: 20px;
    }

    .buy__car__tabs__wrapper {
        grid-template-columns: 1fr;
    }

    .nav__item__car__tabs.test {
        order: 2;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active::before {

        border-bottom-width: 8px;
        border-top-width: 15px;
        border-left: 15px solid #E40C25;
        background-color: #00800000;
        bottom: -5px;
        top: auto;
        left: 50%;
        transform: translate(0, -50%);
        transform: rotate(330deg);
    }

    .nav-tabs .nav-link {
        font-size: 12px;
    }

    .nav-tabs .nav-item.show .nav-link,
    .nav-tabs .nav-link.active {
        font-size: 12px;
    }

    .nav__tabs__info__wrapper {
        grid-template-columns: 1fr;
    }

    .tab__content__car__tabs {
        padding: 10px;
    }

}


@media (max-width: 768px) {
    .advantages__wrapper {
        grid-template-columns: 1fr;
    }

    .widgets__button {
        width: 100%;
    }

    .section__buy__car__page {
        margin-bottom: 0;
    }

    .buy__car__title {
        font-size: 20px;
    }

}

.buyback-kyiv{
    margin: 0;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    margin-bottom: 10px;
}