.page__tidings {
   padding-top: 140px;
   padding-bottom: 50px;
   background-color: #fff;
   color: #000;
}
.tidings__container {
}
.tidings__title {
   font-size: 45px;
   font-weight: 700;
}
.tidings__image-container {
   padding-top: 50px;
   width: 900px;
   height: 650px;
}
.tidings__image {
   width: 100%;
   height: 100%;
   object-fit: cover;
}
.tidings__textbox {
   font-size: 22px;
   padding-top: 60px;
   line-height: 1.5;
   font-weight: 500;
   display: flex;
   flex-direction: column;
   gap: 20px;
}
.tidings__text {
}
.tidings__links {
   font-size: 22px;
   padding-top: 20px;
   display: flex;
   gap: 15px;
}
.tidings__read {
   font-weight: 600;
}
.tidings__link {
   color: red;
   font-weight: 500;
}


@media (max-width: 991.98px) {
   .page__tidings {
      padding-top: 100px;
      padding-bottom: 30px;;
   }
   .tidings__image-container {
      padding-top: 30px;
      width: 100%;
      height: 100%;
   }
   .tidings__title {
      font-size: 25px;
      text-align: center;
   }
   .tidings__textbox {
      line-height: 1.2;
      font-size: 20px;
      padding-top: 30px;
   }
   .tidings__links {
      flex-direction: column;
      font-size: 19px;
      gap: 5px;
   }
}



















/*===========================================REPAIR=================================*/

.page__repair {
   margin-top: 170px;
   margin-bottom: 100px;
}
.repair__container {
   display: flex;
   flex-direction: column;
   align-items: center;
}
.repair__title {
   font-size: 32px;
   font-weight: 700;
   border-bottom: 2px solid #af0017;
   padding-bottom: 5px;
   text-align: center;
}
.repair__subtitle {
   font-size: 17px;
   width: 68%;
   margin-top: 15px;
   text-align: center;
}
.repair__info {
   display: flex;
   gap: 20px;
   margin-top: 80px;
}
.repair__about {
   display: flex;
   flex-direction: column;
   gap: 25px;
   width: 50%;
}
.repair__about-box {
   display: flex;
   align-items: center;

}
.repair__about-image {
}
.repair__about-image img {
   width: 75px;
   height: 76px;
   object-fit: contain;
}
.repair__about-box-content {
   margin-left: 10px;

}
.repair__about-title {
}


.repair__about-text {
   font-size: 16px;
   letter-spacing: 0.2px;
   margin-top: 10px;
}
#repair-slider {
   display: flex;
   justify-content: center;
   position: relative;
   width: 50%;
}
.repair-slider-image {
   width: 100%;
   height: 100%;
   transition: opacity 1s ease-in-out;
   max-height: 765px;
   position: absolute;
}
.repair__questions {
   margin-top: 100px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   min-height: 100%;
   width: 700px;
}
.repair__questions-title {
   font-size: 30px;
   font-weight: 500;
   margin-bottom: 20px;
   border-bottom: 2px solid #ebd6d6;
   padding-bottom: 2px;
   color: #ebd6d6;
}
.repair__questions-box {
   
   position: relative;
   margin: 10px 20px;
}
.repair__questions-label {
   position: relative;
   padding: 15px;
   background-color: #007bff;
   cursor: pointer;
   font-size: 18px;
   font-weight: 500;
   letter-spacing: 0.2px;
}
.repair__questions-label::before {
   content: "+";
   position: absolute;
   top: 50%;
   right: 20px;
   transform: translateY(-50%);
   font-size: 24px;
   font-weight: 500;
}
.repair__questions-box.active .repair__questions-label::before {
   content: "-";
}
.repair__questions-text {
   position: relative;
   background: #fff;
   color: #000;
   height: 0;
   visibility: hidden;
   overflow: hidden;
   transition: height 0.5s ease, visibility 0.5s ease;
   font-size: 18px;
}
.repair__questions-text p {
   padding: 20px 15px;
}
.repair__questions-box.active .repair__questions-text {
   height: 100px;
   padding: 0;
   visibility: visible;
}
.repair__cars {
   margin-top: 80px;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
}
.repair__cars-text {
   font-size: 30px;
   font-weight: 500;
   margin-bottom: 20px;
   border-bottom: 2px solid rgb(235, 214, 214);
   padding-bottom: 2px;
   color: rgb(235, 214, 214);
}
.repair__cars-box {
   margin-top: 35px;
   min-width: 800px;
   display: grid;
   grid-template-columns: repeat(7, 1fr);
   align-items: center;
   gap: 20px;
}
.repair__cars-image {
   width: 100%;
   max-height: 70px;
   object-fit: contain;
}
.repair__form {
   margin-top: 100px;
   width: 600px;
}
.repair__form-title {
   margin-bottom: 25px;
   text-align: center;
   font-size: 30px;
   font-weight: 600;
   border-bottom: 2px solid #af0017;
   padding-bottom: 3px;
   width: max-content;
   margin: 0 auto;
   margin-bottom: 25px;
}
.repair__form-field {
   margin-top: 10px;
   position: relative;
}
.repair__form-label {
   display: block;
}
.repair__form-label::before {
   content: attr(data-label);
   display: block;
   position: absolute;
   top: -7px;
   left: 10px;
   background-color: #000;
   padding: 0 7px;
   font-size: 15px;
   color: red;
 }
.repair__form-input {
   padding: 15px;
  width: 100%;
  background-color: transparent;
  border: 1px solid #ccc;
  letter-spacing: 0.5px;
  font-size: 16px;
  color: #f1f1f1;
}
.repair__form-input::-webkit-input-placeholder {
   color: #f1f1f1;
   font-size: 17px;
 }
 
 .repair__form-input::-moz-placeholder {
   color: #f1f1f1;
 }
 
 .repair__form-input:-ms-input-placeholder {
   color: #f1f1f1;
 }
 
 .repair__form-input::-ms-input-placeholder {
   color: #f1f1f1;
 }
 
 .repair__form-input::placeholder {
   color: #f1f1f1;
 }
 
 .repair__form-input:focus {
   color: white;
 }
.repair__form-textarea {
   padding: 10px 15px;
   border: none;
   width: 100%;
   min-width: 600px;
   max-width: 600px;
   height: 150px;
   outline: none;
   font-size: 16px;
}
.repair__form-textarea::placeholder {
   color: #000;
   font-weight: 500;
   font-size: 17px;
}
.repair__form-button {
   font-size: 20px;
  font-weight: 500;
  background-color: #ff0022;
  padding: 10px 15px;
  width: 100%;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.repair__form-button:hover {
   -webkit-transform: scale(1.03);
   -ms-transform: scale(1.03);
   transform: scale(1.03);
   background-color: #af0017;
 }
.repair-message-box {
   text-align: center;
   margin-top: 15px;
   font-size: 15px;
}

@media (max-width: 1300px) {
   .page__repair {
      margin-top: 150px;
   }
   .repair__info {
      flex-direction: column;
      justify-content: center;
      align-items: center;
      margin-top: 50px;
   }
   .repair__about {
      width: 80%;
   }
   #repair-slider {
      margin-top: 30px;
      width: 80%;
      height: 600px;
   }
   .repair__cars-box {
    min-width: 700px;  
   }
}
@media (max-width: 767.98px) {
   .page__repair {
      margin-top: 140px;
   }
   .repair__title {
      font-size: 28px;
   }
   .repair__subtitle {
      font-size: 16px;
      width: 100%;
      margin-top: 0px;
      padding-top: 7px;
   }
   .repair__info {
      margin-top: 40px;
   }
   .repair__about {
      width: 100%;
      background-color: #312c2c;
      padding: 15px 0; 
   }
   .repair__about-box {
   }
  .repair__questions {
      margin-top: 60px;
      width: 100%;
   }
   .repair__questions-label {
      padding: 10px 40px 10px 10px;
      line-height: 1.4;
      font-size: 17px;
   }
   .repair__questions-text p {
      padding: 10px;
      font-size: 17px;
   }
   .repair__questions-box.active .repair__questions-text {
      height: 125px;
      padding: 0;
      visibility: visible;
   }
   .repair__questions-title {
      font-size: 28px;
   }
   .repair__form {
      margin-top: 60px;
   }
   .repair__form-title {
      font-size: 25px;
   }
   .repair__cars-text {
      font-size: 25px;
      text-align: center;
      line-height: 1.3;
   }
   .repair__cars-box {
      min-width: min-content;
      grid-template-columns: repeat(5, 1fr);
      gap: 10px;
   }
   .repair__cars-image {
      height: 100%;
   }
  
   #repair-slider {
      margin-top: 30px;
      width: 100%;
      height: 400px;
   }
  
   .repair__form {
      width: 100%;
   }
   .repair__form-textarea {
      min-width: 100%;
   }
}

@media (max-width: 600px) {
   .repair__cars-box {
      grid-template-columns: repeat(3, 1fr);
   }
   .repair__cars-image {
      width: 100px;
   }
}


.tidings__share {
   display: flex;
   gap: 20px;
   align-items: center;
   margin-top: 30px;
}
.tidings__share-text {
   font-size: 22px;
   font-weight: 600;
}
.sharethis-inline-share-buttons {
   z-index: 1 !important;
}

@media (max-width: 400px) {
   .tidings__share {
      flex-direction: column;
      align-items: start;
      gap: 10px;
   }
}
.mobile-button-link {
   position: relative !important;
}
.mobile-button-link::before {
   content: "" !important;
   background: url(../img/icons/phone.png) !important;
   width: 28px !important;
   height: 28px !important;
   position: absolute !important;
   left: -30px !important;
   top: -4px !important;
   transform: rotate(7deg) !important;
}

@media (max-width: 498.98px) {
   .main__content {
      gap: 5px !important;
   }
   
}
