:root {
   --ae-color-5: #FF5500;
   --ae-color-2: #EAE9E3;
   --ae-color-3: #D8D5C8;
   --ae-color-4: #4C4C4C;
   --ae-color-white: #F9F6F6;
}

.ae-icon {
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: var(--ae-color-3);
   border-radius: 50px;
}

.ae-icon.ae-icon_number {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   width: 40px;
   height: 40px;
   font-size: 20px;
   color: var(--ae-color-5);
   flex-shrink: 0;
   border-radius: 50%;
}

.ae-comp-1 {
   background-color: var(--ae-color-2);
   padding: 40px;
   border-radius: 40px;
   max-width: 600px;
}

.ae-comp-1__group-1 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 20px;
}

.ae-comp-1__group-1 .ae-comp-1__group-1_number {
   height: 40px;
}

.ae-comp-1 .ae-icon {
   width: 80px;
   height: 80px;
}

.ae-comp-1 .ae-icon img {
   width: 40px;
   height: 40px;
}

.ae-comp-1__txt {
   width: 450px;
   height: 80px;
   font-size: 18px;
   background-color: var(--ae-color-3);
   color: var(--ae-color-5);
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 40px;
   text-align: center;
}

.ae-comp-1__group-1_number .ae-comp-1__txt {
   height: 40px;
}

.ae-comp-1__title {
   font-size: 20px;
   font-family: 'Roboto-Medium';
   margin-top: 20px;
   margin-bottom: 20px;
}

.ae-comp-1__text {
   font-size: 16px;
}

.div-ae-comp-1 {
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   margin-bottom: 20px;
}

.ae-btn-1 {
   display: inline-flex;
   justify-content: space-between;
   align-items: center;
   height: 50px;
   background-color: var(--ae-color-5);
   color: var(--ae-color-white);
   border-radius: 25px;
}

.ae-icon--whatsapp {
   width: 60px;
   height: 60px;
}

.ae-btn-1__text {
   font-size: 18px;
   padding: 0 20px;
}

.ae-comp-2 {
   background-image: url('/images_autoelektrik/pic_comp_2.png');
   background-size: cover;
   background-position: center;
   background-repeat: no-repeat;
   height: 795px;
   max-width: 530px;
   color: var(--ae-color-white);
   border-radius: 20px;
}

.ae-comp-2__inner {
   max-width: 450px;
   margin-left: auto;
   margin-right: auto;
   padding: 0 20px;
}
.ae-comp-2__group-1 {
   padding-top: 100px;
   margin-bottom: 40px;
}

.ae-comp-2__group-1 p:first-child {
   font-size: 28px;
   font-family: 'Roboto-Medium';
   margin-bottom: 40px;
}

.ae-comp-2__group-1 p:last-child {
   font-size: 20px;
}

.ae-comp-2__text p {
   width: 100%;
}

.ae-blk-2 {
   display: flex;
   justify-content: center;
   align-items: flex-start;
   gap: 20px;
}

.div-ae-comp-3 {
   text-align: center;
   margin-bottom: 40px;
   margin-top: 50px;
}

.ae-comp-3 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   height: 50px;
   border-radius: 25px;
   background-color: var(--ae-color-3);
   color: var(--ae-color-4);
}

.ae-comp-3::after,
.ae-comp-3::before {
   content: '';
   display: inline-block;
   width: 10px;
   height: 10px;
   background-color: var(--ae-color-5);
   border-radius: 50%;
   margin: 0 20px;
}

.ae-section {
   margin-bottom: 40px;
}

.ae-section__title {
   font-size: clamp(32px, 6vw, 64px);
   font-family: 'Roboto-Medium';
   text-align: center;
   margin-bottom: 20px;
   text-transform: uppercase;
}

.ae-section__title span {
   color: var(--ae-color-5);
}

.ae-section__subtitle {
   font-size: clamp(14px, 3vw, 18px);
   text-align: center;
   max-width: 600px;
   margin-left: auto;
   margin-right: auto;
}

.ae-comp-4 {
   width: 320px;
   background-color: var(--ae-color-2);
   padding: 15px;
   border-radius: 20px;
}

.ae-comp-4__txt {
   font-size: inherit;
   margin-top: 10px;
}

.div-ae-comp-4 {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   gap: 10px;
   margin: auto;
   padding: 0 10px;
}

.ae-service {
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   width: 380px;
   height: 320px;
   text-align: center;
   padding: 20px;
   background-color: var(--ae-color-3);
   border-radius: 20px;
}

.ae-service__img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.ae-service__title {
   font-family: 'Roboto-Medium';
   font-size: 18px;
}

.ae-service__price {
   font-size: 16px;
}

.div-ae-service {
   display: flex;
   justify-content: center;
   flex-wrap: wrap;
   gap: 20px;
}

.ae-btn-2 {
   display: inline-flex;
   justify-content: center;
   align-items: center;
   height: 60px;
   background-color: var(--ae-color-5);
   color: var(--ae-color-white);
   font-size: 24px;
   border-radius: 30px;
}

.ae-feedback__btn .ae-btn-2 {
   padding: 0 20px;
}

.ae-feedback__text {
   font-size: clamp(22px, 3vw, 36px);
   font-family: 'Roboto-Medium';
   max-width: 690px;
   text-align: center;
}

.ae-feedback__text span {
   color: var(--ae-color-5);
}

.ae-feedback__img {
   width: 314px;
   height: 139px;
}

.ae-feedback__img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.ae-feedback__btn {
   text-align: center;
   margin-top: 40px;
}

.ae-feedback {
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
   align-items: center;
   gap: 40px;
   margin: 80px 0;
}

.ae-comp-5 {
   display: flex;
   justify-content: space-between;
   align-items: center;
   max-width: 540px;
   height: 60px;
   background-color: var(--ae-color-2);
   font-family: 'Roboto-Medium';
   font-size: 20px;
   padding-left: 20px ;
   border-radius: 35px;
}

.ae-blk3__text {
   font-size: clamp(18px, 3vw, 24px);
   font-family: 'Roboto-Medium';
   color: var(--ae-color-5);
}

.ae-blk3__col {
   display: flex;
   flex-direction: column;
   gap: 20px;
}

.ae-blk3__map {
   max-width: 555px;
   height: auto;
}

.ae-blk3__map img {
   width: 100%;
   height: 100%;
   object-fit: cover;
}

.ae-blk3__col_1 {
   width: 40%;
}

.ae-blk3 {
   display: flex;
   justify-content: center;
   gap: 40px;
}

.div-ae-copy-right {
   display: flex;
   gap: 20px;
}

.ae-copy-right_small {
   display: none;
}

.ae-copy-right {
   font-size: 14px;
}

.ae-copm-6 {
   display: flex;
   align-items: center;
   height: 30px;
   font-size: 20px;
}

.ae-copm-6__img {
   width: 24px;
   height: 24px;
}

.ae-copm-6__img.ae-icon-whatsapp {
   width: 22px;
   height: 22px;
}

.ae-copm-6__img.ae-icon-location {
   width: 28px;
   height: 24px;
}

.ae-sep {
   display: block;
   width: 1px;
   height: 20px;
   background-color: var(--ae-color-4);
   margin: 0 10px;
}

.ae-copm-6__img img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   display: inline-block;
}

.ae-group-contacts {
   display: inline-flex;
   align-items: center;
   height: 30px;
   gap: 40px;
}