* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  text-decoration: none;
  list-style: none;
}

body {
  font-family: "Open Sans", sans-serif;
  position: relative;
  --about-bg-color: white;
  --about-txt-color: black;
  --about-c-con-text-color: black;
  --service-cont-color: #fff;
  --about-cont-bg-color: #e4e3e3;
  --about-text-cl: #333;
  --car-btn-bg-color: #f3f3f3;
  --car-btn-text-color: #1e2228;
  --color-pul: #ae8e00;
  --btn-color: #ffd000;
  --person-cont-bg: #b0adad;
  --person-bg-color: #fff;
  --dsp-lay: flex;
}

.dark {
  --about-bg-color: #000000e6;
  --about-txt-color: chartreuse;
  --about-c-con-text-color: white;
  --service-cont-color: #515b69;
  --about-cont-bg-color: #403c3c;
  --about-text-cl: #cbc7c7;
  --car-btn-bg-color: #000;
  --car-btn-text-color: #fff;
  --color-pul: #ffd000;
  --btn-color: #8c7308;
  --person-cont-bg: #5c5757;
  --person-bg-color: #282828;
  --dsp-lay: none;
}

body::-webkit-scrollbar {
  width: 10px;
  background-color: #F5F5F5;
}

body::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
  background-color: #000000;
  border-radius: 0px;
}

body::-webkit-scrollbar-thumb {
  border-radius: 0px;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0.44, rgb(242, 230, 62)), color-stop(0.72, rgb(198, 190, 43)), color-stop(0.86, rgb(164, 175, 37)));
}

.hidden {
  display: none !important;
}

.scroll {
  position: fixed;
  z-index: 10;
  width: 30px;
  height: 60px;
  right: 20px;
  bottom: 35px;
  transform: translateY(93px);
  transition: all 1s;
  cursor: pointer;
}

.main {
  width: 100%;
}
.main .main-video {
  width: 100%;
  height: 700px;
  position: relative;
}
@media (max-width: 767px) {
  .main .main-video {
    height: 100vh !important;
  }
}
@media (max-width: 991px) {
  .main .main-video {
    height: 100vh;
  }
}
.main .main-video .video-container {
  width: 100%;
  height: 100%;
}
.main .main-video .video-container .video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main .main-video .main-content {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  z-index: 0;
  background: rgba(0, 0, 0, 0.56);
}
.main .main-video .main-content .main-content-container {
  width: 78%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  height: 100%;
  position: absolute;
  left: 10.6%;
  top: 29%;
  text-align: center;
}
@media (max-width: 767px) {
  .main .main-video .main-content .main-content-container {
    top: 20% !important;
    width: 100% !important;
    left: 0 !important;
  }
}
.main .main-video .main-content .main-content-container .main-content-text .main-content-text-top {
  font-size: 70px;
  color: #ffd000;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .main .main-video .main-content .main-content-container .main-content-text .main-content-text-top {
    font-size: 30px !important;
  }
}
@media (max-width: 991px) {
  .main .main-video .main-content .main-content-container .main-content-text .main-content-text-top {
    font-size: 45px;
  }
}
.main .main-video .main-content .main-content-container .main-content-text .main-content-text-center {
  font-size: 17;
  color: #fff;
  font-weight: 600;
  line-height: 2;
}
@media (max-width: 767px) {
  .main .main-video .main-content .main-content-container .main-content-text .main-content-text-center {
    font-size: 13px !important;
  }
}
.main .main-video .main-content .main-content-container .main-content-selected {
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  margin: 70px auto auto;
  overflow: hidden;
  padding: 50px 20px;
  width: 90%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
@media (max-width: 767px) {
  .main .main-video .main-content .main-content-container .main-content-selected {
    flex-direction: column !important;
    gap: 15px !important;
  }
}
@media (max-width: 991px) {
  .main .main-video .main-content .main-content-container .main-content-selected {
    width: 100%;
  }
}
.main .main-video .main-content .main-content-container .main-content-selected .location {
  width: 19.6%;
  height: 41px;
  background-color: transparent;
  border: none;
  border-radius: 0;
  color: #fff;
  font-size: 14px;
  font-weight: 600;
  padding: 10px;
  text-align: center;
  border: 1px solid #ced4da;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .main .main-video .main-content .main-content-container .main-content-selected .location {
    width: 100% !important;
  }
}
.main .main-video .main-content .main-content-container .main-content-selected .location option {
  color: #fff;
  background-color: rgba(14, 12, 12, 0.753);
}
.main .main-video .main-content .main-content-container .main-content-selected .date {
  width: 40.2%;
  display: flex;
  gap: 5px;
}
@media (max-width: 767px) {
  .main .main-video .main-content .main-content-container .main-content-selected .date {
    flex-direction: column;
    width: 100% !important;
    gap: 15px !important;
  }
}
.main .main-video .main-content .main-content-container .main-content-selected .date .date-text {
  width: 100%;
}
.main .main-video .main-content .main-content-container .main-content-selected .date .date-text::-moz-placeholder {
  color: #fff;
  text-transform: uppercase;
}
.main .main-video .main-content .main-content-container .main-content-selected .date .date-text:-ms-input-placeholder {
  color: #fff;
  text-transform: uppercase;
}
.main .main-video .main-content .main-content-container .main-content-selected .date .date-text::placeholder {
  color: #fff;
  text-transform: uppercase;
}
.main .main-video .main-content .main-content-container .main-content-selected .main-button {
  cursor: pointer;
  transition: 0.44s;
}
.main .main-video .main-content .main-content-container .main-content-selected .main-button:hover {
  background-color: #ffd000;
  color: #1e2228;
}
.main .about {
  width: 100%;
  height: auto;
  padding: 100px 0;
  position: relative;
  z-index: 2;
  background: var(--about-bg-color);
  color: var(--about-text-cl);
}
.main .about .about-container {
  width: 82%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 25px;
  background-color: var(--about-cont-bg-color);
}
@media (max-width: 767px) {
  .main .about .about-container {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .main .about .about-container {
    width: 85%;
  }
}
.main .about .about-container .about-container-top {
  text-align: center;
  font-size: 15px;
  margin-bottom: 25px;
}
.main .about .about-container .about-container-top .about-text {
  margin-bottom: 10px;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2em;
  font-size: 33px;
}
.main .about .about-container .about-container-top .about-container-icon {
  position: relative;
  width: 60px;
  margin: 0 auto;
  color: #ffd000;
  font-size: 18px;
}
.main .about .about-container .about-container-top .about-container-icon::after {
  content: "";
  background-color: var(--about-text-cl);
  height: 2px;
  left: -38px;
  position: absolute;
  top: 12px;
  width: 50px;
}
.main .about .about-container .about-container-top .about-container-icon::before {
  background-color: var(--about-text-cl);
  content: "";
  height: 2px;
  position: absolute;
  right: -38px;
  top: 12px;
  width: 50px;
}
.main .about .about-container .about-container-top .about-txt {
  margin-top: 10px;
  color: var(--about-text-cl);
  letter-spacing: 0.8px;
  font-weight: 100;
}
.main .about .about-container .about-container-center {
  display: flex;
  align-items: center;
  justify-content: center;
  padding-left: 15px;
}
@media (max-width: 767px) {
  .main .about .about-container .about-container-center {
    flex-direction: column;
  }
}
@media (max-width: 991px) {
  .main .about .about-container .about-container-center {
    flex-direction: column;
  }
}
.main .about .about-container .about-container-center .about-center-container {
  width: 55%;
}
@media (max-width: 767px) {
  .main .about .about-container .about-container-center .about-center-container {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .main .about .about-container .about-container-center .about-center-container {
    width: 90%;
  }
}
.main .about .about-container .about-container-center .about-center-container .about-center-container-text {
  font-size: 14px;
  font-weight: 400;
  line-height: 2.6;
  color: var(--about-c-con-text-color);
  letter-spacing: 0.8px;
}
@media (max-width: 767px) {
  .main .about .about-container .about-container-center .about-center-container .about-button-container {
    display: flex !important;
  }
}
@media (max-width: 991px) {
  .main .about .about-container .about-container-center .about-center-container .about-button-container {
    margin-top: 30px;
  }
}
.main .about .about-container .about-container-center .about-center-container .about-button-container .about-button {
  background-color: #ffd000;
  border-radius: 50px;
  color: black;
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  margin-right: 20px;
  padding: 16px 36px;
  text-transform: uppercase;
  transition: all 0.4s ease 0s;
  outline: none;
  border: none;
}
@media (max-width: 767px) {
  .main .about .about-container .about-container-center .about-center-container .about-button-container .about-button {
    padding: 13px 28px !important;
  }
}
.main .about .about-container .about-container-center .about-container-img {
  width: 50%;
}
@media (max-width: 767px) {
  .main .about .about-container .about-container-center .about-container-img {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .main .about .about-container .about-container-center .about-container-img {
    width: 90%;
  }
}
.main .about .about-container .about-container-center .about-container-img .about-img {
  width: 100%;
}
.main .about .about-container .about-container-bottom {
  padding-right: 15px;
  padding-left: 15px;
  display: flex;
  width: 100%;
  gap: 33px;
}
.main .about .about-container .about-container-bottom .about-bottom-container {
  width: 33.333%;
  line-height: 1.8;
  padding: 35px 20px;
  text-align: center;
  background-color: #fff;
}
.main .about .about-container .about-container-bottom .about-bottom-container:hover {
  background-color: #ffd000;
  color: rgb(168, 168, 168);
}
.main .about .about-container .about-container-bottom .about-bottom-container:hover i {
  color: #fff;
}
.main .about .about-container .about-container-bottom .about-bottom-container i {
  color: #ffd000;
  font-size: 27px;
}
.main .about .about-container .about-container-bottom .about-bottom-container .about-bottom-top {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  margin: 12px 0 10px;
}
.main .about .about-container .about-container-bottom .about-bottom-container .about-bottom-text {
  font-size: 16px;
}
.main .slider {
  width: 100%;
  height: 150px;
  background-color: var(--about-cont-bg-color);
  padding: 20px 0;
}
.main .slider .slider-container {
  width: 100%;
  height: 100%;
  position: relative;
  display: flex;
  overflow: hidden;
  overflow: scroll;
}
.main .slider .slider-container::-webkit-scrollbar {
  display: none;
}
.main .slider .slider-container .slyde {
  width: 20%;
  position: absolute;
  top: 0;
}
@media (max-width: 767px) {
  .main .slider .slider-container .slyde {
    left: 64px !important;
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .main .slider .slider-container .slyde {
    width: 37%;
  }
}
.main .services {
  width: 100%;
  height: auto;
  padding: 100px 0;
  position: relative;
  z-index: 2;
  background: var(--about-bg-color);
  color: var(--about-text-cl);
}
.main .services .services-container {
  width: 82%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  padding-bottom: 1px;
  background-color: var(--about-cont-bg-color);
  padding-top: 20px;
}
@media (max-width: 767px) {
  .main .services .services-container {
    width: 100% !important;
  }
}
.main .services .services-container .services-top {
  text-align: center;
  font-size: 15px;
  height: 186px;
  width: 100%;
}
.main .services .services-container .services-top .services-text {
  margin-bottom: 10px;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2em;
  font-size: 33px;
}
.main .services .services-container .services-top .services-icon {
  position: relative;
  width: 60px;
  margin: 0 auto;
  color: #ffd000;
  font-size: 18px;
}
.main .services .services-container .services-top .services-icon::after {
  content: "";
  background-color: var(--about-text-cl);
  height: 2px;
  left: -38px;
  position: absolute;
  top: 12px;
  width: 50px;
}
.main .services .services-container .services-top .services-icon::before {
  background-color: var(--about-text-cl);
  content: "";
  height: 2px;
  position: absolute;
  right: -38px;
  top: 12px;
  width: 50px;
}
.main .services .services-container .services-top .services-txt {
  margin-top: 10px;
  color: var(--about-text-cl);
  letter-spacing: 0.8px;
  font-weight: 100;
}
.main .services .services-container .services-bottom {
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  padding-top: 15px;
  padding-bottom: 1px;
}
@media (max-width: 767px) {
  .main .services .services-container .services-bottom {
    overflow: initial !important;
    margin-right: 35px !important;
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .main .services .services-container .services-bottom {
    width: 69%;
  }
}
.main .services .services-container .services-bottom .srbtn {
  position: absolute;
  right: 10px;
  top: 50%;
  z-index: 2;
  font-size: 25px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .main .services .services-container .services-bottom .srbtn {
    right: -10px !important;
  }
}
.main .services .services-container .services-bottom .servicesLeft {
  left: 19px;
  width: 25px;
}
.main .services .services-container .services-bottom .services-container-bottom {
  padding-right: 15px;
  padding-left: 15px;
  display: flex;
  width: 100%;
  gap: 25px;
  flex-wrap: wrap;
  position: relative;
  height: 100%;
  align-items: center;
}
@media (max-width: 767px) {
  .main .services .services-container .services-bottom .services-container-bottom {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .main .services .services-container .services-bottom .services-container-bottom {
    width: 97%;
  }
}
.main .services .services-container .services-bottom .services-container-bottom .services-bottom-container {
  width: 31.65%;
  line-height: 1.8;
  padding: 35px 20px;
  text-align: center;
  background-color: var(--person-cont-bg);
  box-shadow: 0 0 3px rgba(0, 0, 0, 0.4);
  position: absolute;
  transition: 0.55s;
  color: #000000;
}
@media (max-width: 767px) {
  .main .services .services-container .services-bottom .services-container-bottom .services-bottom-container {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .main .services .services-container .services-bottom .services-container-bottom .services-bottom-container {
    width: 99%;
  }
}
.main .services .services-container .services-bottom .services-container-bottom .services-bottom-container:hover {
  background-color: #ffd000;
  color: rgb(168, 168, 168);
}
.main .services .services-container .services-bottom .services-container-bottom .services-bottom-container:hover i {
  color: #fff;
}
.main .services .services-container .services-bottom .services-container-bottom .services-bottom-container i {
  color: #ffd000;
  font-size: 27px;
}
.main .services .services-container .services-bottom .services-container-bottom .services-bottom-container .services-bottom-top {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 600;
  margin: 12px 0 10px;
}
.main .services .services-container .services-bottom .services-container-bottom .services-bottom-container .services-bottom-text {
  font-size: 16px;
}
.main .progress {
  width: 100%;
  height: 330px;
  position: relative;
}
@media (max-width: 767px) {
  .main .progress {
    height: 84vh !important;
  }
}
@media (max-width: 991px) {
  .main .progress {
    height: 511px;
  }
}
.main .progress .progress-img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main .progress .progress-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.6588235294);
  display: flex;
  align-items: center;
  justify-content: center;
}
.main .progress .progress-container .progress-main {
  width: 71%;
  height: 39.5%;
  position: relative;
  z-index: 1;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .main .progress .progress-container .progress-main {
    width: 92% !important;
    height: 88% !important;
    gap: 30px !important;
    flex-direction: column !important;
  }
}
@media (max-width: 991px) {
  .main .progress .progress-container .progress-main {
    width: 96%;
  }
}
.main .progress .progress-container .progress-main .progress-top {
  height: 100%;
  width: 31.5%;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 25px 40px;
  text-align: center;
  display: flex;
  align-items: center;
}
@media (max-width: 767px) {
  .main .progress .progress-container .progress-main .progress-top {
    width: 100% !important;
    height: 90% !important;
  }
}
.main .progress .progress-container .progress-main i {
  color: #ffd000;
  font-size: 50px;
}
.main .progress .progress-container .progress-main .progress-main-container {
  margin-left: 25px;
}
.main .progress .progress-container .progress-main .progress-main-container .progress-number {
  font-size: 40px;
  color: white;
}
.main .progress .progress-container .progress-main .progress-main-container p {
  color: white;
  text-transform: uppercase;
}
.main .car {
  width: 100%;
  height: auto;
  padding: 100px 0;
  position: relative;
  z-index: 2;
  background: var(--about-bg-color);
  color: var(--about-text-cl);
}
.main .car .car-container {
  width: 82%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  padding-bottom: 1px;
  background: var(--about-cont-bg-color);
}
@media (max-width: 767px) {
  .main .car .car-container {
    width: 100% !important;
  }
}
.main .car .car-container .car-top {
  text-align: center;
  font-size: 15px;
  height: 186px;
  width: 100%;
}
.main .car .car-container .car-top .car-text2 {
  margin-bottom: 10px;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2em;
  font-size: 33px;
}
.main .car .car-container .car-top .car-icon {
  position: relative;
  width: 60px;
  margin: 0 auto;
  color: #ffd000;
  font-size: 18px;
}
.main .car .car-container .car-top .car-icon::after {
  content: "";
  background-color: var(--about-text-cl);
  height: 2px;
  left: -38px;
  position: absolute;
  top: 12px;
  width: 50px;
}
.main .car .car-container .car-top .car-icon::before {
  background-color: var(--about-text-cl);
  content: "";
  height: 2px;
  position: absolute;
  right: -38px;
  top: 12px;
  width: 50px;
}
.main .car .car-container .car-top .car-txt {
  margin-top: 10px;
  color: var(--about-text-cl);
  letter-spacing: 0.8px;
  font-weight: 100;
}
.main .car .car-container .car-bar1 {
  width: 99%;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  .main .car .car-container .car-bar1 {
    width: 100% !important;
    display: flex !important;
  }
}
.main .car .car-container .car-bar1::after {
  content: "";
  background-color: #ffd000;
  height: 3px;
  left: -1px;
  position: absolute;
  bottom: -3px;
  width: 99%;
}
.main .car .car-container .car-bar1 .car-bar1-btn {
  background-color: var(--btn-color) !important;
  color: #fff !important;
}
.main .car .car-container .car-bar1 .car-button {
  background-color: var(--car-btn-bg-color);
  border: medium none;
  border-radius: 0 !important;
  color: var(--car-btn-text-color);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 1.3px;
  margin-right: 3px;
  padding: 15px 20px;
  text-transform: uppercase;
  cursor: pointer;
}
.main .car .car-container .car-bar2 {
  width: 99%;
  margin: 50px 0;
}
.main .car .car-container .car-bar2 .car-bar2-btn {
  background-color: var(--btn-color) !important;
  color: black !important;
  outline: none;
}
.main .car .car-container .car-bar2 .car-bar2-btn::after {
  content: "";
  background-color: var(--about-cont-bg-color);
  height: 19px;
  left: 45%;
  position: absolute;
  bottom: -11px;
  width: 18px;
  transform: rotateZ(45deg);
}
.main .car .car-container .car-bar2 .car-bar2-button {
  width: 16.2%;
  height: 46px;
  border: 1px solid #e2e2e2;
  background: var(--car-btn-bg-color);
  color: var(--car-btn-text-color);
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
  padding: 12px 0;
  position: relative;
  transition: 0.4s;
  text-transform: uppercase;
  cursor: pointer;
}
@media (max-width: 767px) {
  .main .car .car-container .car-bar2 .car-bar2-button {
    width: 15.2% !important;
  }
}
.main .car .car-container .car-bar2 .car-bar2-button:hover {
  background-color: #ffd000;
  color: #fff;
}
.main .car .car-container .map-cont {
  width: 100%;
}
.main .car .car-container .car-select {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  row-gap: 25px;
}
@media (max-width: 991px) {
  .main .car .car-container .car-select {
    gap: 0px;
  }
}
.main .car .car-container .car-select .car-photo {
  width: 33%;
}
@media (max-width: 767px) {
  .main .car .car-container .car-select .car-photo {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .main .car .car-container .car-select .car-photo {
    width: 50%;
  }
}
.main .car .car-container .car-select .car-photo .car-container-info {
  height: 24.4%;
}
.main .car .car-container .car-select .car-photo .car-container-info .car-img .car-jpg {
  width: 100%;
  padding-right: 15px;
  padding-left: 9px;
  height: 233px;
  -o-object-fit: cover;
     object-fit: cover;
}
.main .car .car-container .car-select .car-photo .car-container-info .car-info-container {
  width: 93.7%;
  height: 134px;
  margin-left: auto;
  margin-right: 14.9px;
  position: relative;
  top: -5px;
  padding-top: 20px;
  border: 1.3px solid var(--about-c-con-text-color);
}
.main .car .car-container .car-select .car-photo .car-container-info .car-info-container .car-name {
  width: 84%;
  margin: 0 auto;
  font-size: 17px;
  font-weight: 600;
  text-transform: uppercase;
  display: flex;
  justify-content: space-between;
}
.main .car .car-container .car-select .car-photo .car-container-info .car-info-container .car-name .car-text {
  color: var(--about-c-con-text-color);
}
.main .car .car-container .car-select .car-photo .car-container-info .car-info-container .car-name .car-pul {
  color: var(--color-pul);
}
.main .car .car-container .car-select .car-photo .car-container-info .car-info-container .car-txt {
  color: #828282;
  font-size: 11px;
  text-transform: uppercase;
  margin: 13px 28px 15px;
}
.main .car .car-container .car-select .car-photo .car-container-info .car-info-container .car-info {
  width: 84%;
  margin: 0 auto;
}
.main .car .car-container .car-select .car-photo .car-container-info .car-info-container .car-info .car-year {
  border: 1px solid var(--about-c-con-text-color);
  color: var(--about-c-con-text-color);
  font-size: 11px;
  font-weight: 600;
  padding: 3px 8px;
  text-transform: uppercase;
  transition: 0.3s;
  cursor: pointer;
}
.main .car .car-container .car-select .car-photo .car-container-info .car-info-container .car-info .car-year:hover {
  background-color: #fab702;
  color: #fff;
}
.main .car .car-details-info {
  width: 100%;
  height: 87%;
  position: fixed;
  z-index: 5;
  top: 119px;
  padding-top: 53px;
  background: rgba(0, 0, 0, 0.7490196078);
}
@media (max-width: 767px) {
  .main .car .car-details-info {
    padding: 0 !important;
    top: 80px !important;
    align-items: center !important;
    justify-content: center !important;
    height: 91% !important;
    z-index: 9999 !important;
  }
}
@media (max-width: 991px) {
  .main .car .car-details-info {
    top: 80px;
    height: 91%;
  }
}
.main .car .car-details-info .details-container {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .main .car .car-details-info .details-container {
    width: 90% !important;
    justify-content: end !important;
    height: 90%;
    overflow: auto;
  }
}
.main .car .car-details-info .details-container .details-top {
  width: 70%;
  /* height: 70%; */
  display: flex;
  position: relative;
}
@media (max-width: 767px) {
  .main .car .car-details-info .details-container .details-top {
    display: flex;
    flex-direction: column !important;
    width: 100% !important;
    height: 90%;
    overflow: auto;
    align-items: center;
  }
}
@media (max-width: 991px) {
  .main .car .car-details-info .details-container .details-top {
    width: 90%;
  }
}
.main .car .car-details-info .details-container .details-top .details-img-cont {
  width: 59%;
}
@media (max-width: 767px) {
  .main .car .car-details-info .details-container .details-top .details-img-cont {
    width: 100%;
  }
}
.main .car .car-details-info .details-container .details-top .details-img-cont .details-img-top {
  width: 100%;
  display: flex;
  background: white;
  top: -5px;
  position: relative;
  height: 110px;
  padding-top: 5px;
  gap: 8px;
}
.main .car .car-details-info .details-container .details-top .details-img-cont .details-img-top .details-img-container {
  width: 100px;
  height: 100px;
  cursor: pointer;
}
.main .car .car-details-info .details-container .details-top .details-img-cont .details-img-top .details-img-container .detailsimglist {
  width: 100%;
  height: 100%;
}
.main .car .car-details-info .details-container .details-top .details-img-cont .details-left {
  width: 100%;
  position: relative;
}
.main .car .car-details-info .details-container .details-top .details-img-cont .details-left .icoon {
  position: absolute;
  color: #ffd000;
  font-size: 27px;
  top: 42%;
  left: -18px;
  width: 38px;
  height: 38px;
  background: black;
  text-align: center;
  border-radius: 50%;
  padding: 5px 6px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .main .car .car-details-info .details-container .details-top .details-img-cont .details-left .icoon {
    left: 0% !important;
  }
}
@media (max-width: 991px) {
  .main .car .car-details-info .details-container .details-top .details-img-cont .details-left .icoon {
    top: 37%;
    left: -20px;
  }
}
.main .car .car-details-info .details-container .details-top .details-img-cont .details-left .icon2 {
  right: -18px;
  left: auto;
}
@media (max-width: 767px) {
  .main .car .car-details-info .details-container .details-top .details-img-cont .details-left .icon2 {
    left: auto !important;
    right: 0% !important;
  }
}
@media (max-width: 991px) {
  .main .car .car-details-info .details-container .details-top .details-img-cont .details-left .icon2 {
    right: -16px;
  }
}
.main .car .car-details-info .details-container .details-top .details-img-cont .details-left .details-img-info {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 323px;
}
@media (max-width: 767px) {
  .main .car .car-details-info .details-container .details-top .details-img-cont .details-left .details-img-info {
    width: 100% !important;
    -o-object-fit: fill !important;
       object-fit: fill !important;
    height: 200px !important;
  }
}
@media (max-width: 991px) {
  .main .car .car-details-info .details-container .details-top .details-img-cont .details-left .details-img-info {
    height: 50vh;
  }
}
.main .car .car-details-info .details-container .details-top .detailsend {
  right: 5px;
  position: absolute;
  font-size: 19px;
  top: 5px;
  transition: 0.34s;
  cursor: pointer;
  color: #ffd000;
  z-index: 1;
}
.main .car .car-details-info .details-container .details-top .detailsend:hover {
  color: red;
  transition: 0.34s;
  transform: scale(1.099);
}
@media (max-width: 767px) {
  .main .car .car-details-info .details-container .details-top .detailsend {
    right: 2% !important;
  }
}
.main .car .car-details-info .details-container .details-top .details-right {
  width: 100%;
  background: white;
}
@media (max-width: 767px) {
  .main .car .car-details-info .details-container .details-top .details-right {
    padding-bottom: 23px;
  }
}
.main .car .car-details-info .details-container .details-top .details-right .details-right-container {
  height: 323px;
}
@media (max-width: 767px) {
  .main .car .car-details-info .details-container .details-top .details-right .details-right-container {
    height: auto !important;
    overflow: auto;
  }
}
@media (max-width: 991px) {
  .main .car .car-details-info .details-container .details-top .details-right .details-right-container {
    height: 62.57vh;
  }
}
.main .car .car-details-info .details-container .details-top .details-right .details-right-container .details-info {
  text-align: center;
}
.main .car .car-details-info .details-container .details-top .details-right .details-right-container .details-car-name {
  margin-bottom: 6px;
  margin-top: 6px;
  text-align: center;
}
@media (max-width: 991px) {
  .main .car .car-details-info .details-container .details-top .details-right .details-right-container .details-car-name {
    margin-bottom: 16px;
  }
}
.main .car .car-details-info .details-container .details-top .details-right .details-right-container .details-car-info {
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
  margin-left: 25px;
}
@media (max-width: 991px) {
  .main .car .car-details-info .details-container .details-top .details-right .details-right-container .details-car-info {
    gap: 17px !important;
  }
}
.main .car .car-details-info .details-container .details-top .details-right .details-right-container .details-car-info .details-car-list .datails-info-text {
  font-weight: 800;
}
.main .client {
  width: 100%;
  height: auto;
  position: relative;
  z-index: 1;
  position: relative;
  background: url("https://samir1009ms.github.io/car-product//img/photo/audir8.webp");
  background-size: 100%;
  height: 886px;
}
@media (max-width: 767px) {
  .main .client {
    background-size: cover !important;
    background-repeat: no-repeat !important;
    height: auto !important;
    padding-bottom: 50px !important;
  }
}
@media (max-width: 991px) {
  .main .client {
    height: auto;
    padding-bottom: 50px;
  }
}
.main .client .photo {
  width: 100%;
  height: 100%;
}
.main .client .photo-jpg {
  width: 100%;
  height: 100%;
}
.main .client .client-img {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.74);
  top: 0;
  z-index: 0;
}
.main .client .client-container {
  width: 82%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  padding-bottom: 1px;
  position: relative;
  z-index: 1;
  height: 100%;
  padding-top: 97px;
}
@media (max-width: 767px) {
  .main .client .client-container {
    width: 100% !important;
  }
}
.main .client .client-container .client-top {
  text-align: center;
  font-size: 15px;
  height: 186px;
  width: 100%;
}
.main .client .client-container .client-top .services-text {
  margin-bottom: 10px;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2em;
  font-size: 33px;
  color: white;
}
.main .client .client-container .client-top .services-icon {
  position: relative;
  width: 60px;
  margin: 0 auto;
  color: #ffd000;
  font-size: 18px;
}
.main .client .client-container .client-top .services-icon::after {
  content: "";
  background-color: rgb(255, 255, 255);
  height: 2px;
  left: -38px;
  position: absolute;
  top: 12px;
  width: 50px;
}
.main .client .client-container .client-top .services-icon::before {
  background-color: rgb(255, 255, 255);
  content: "";
  height: 2px;
  position: absolute;
  right: -38px;
  top: 12px;
  width: 50px;
}
.main .client .client-container .client-top .services-txt {
  margin-top: 10px;
  color: rgb(201, 196, 196);
  letter-spacing: 0.8px;
  font-weight: 100;
}
.main .client .client-container .client-bootom {
  width: 97%;
  display: flex;
  height: 77%;
  gap: 30px;
}
@media (max-width: 767px) {
  .main .client .client-container .client-bootom {
    width: 100% !important;
    flex-direction: column !important;
  }
}
@media (max-width: 991px) {
  .main .client .client-container .client-bootom {
    flex-wrap: wrap;
  }
}
.main .client .client-container .client-bootom .client-bottom-container {
  width: 32%;
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.15);
  height: 84%;
  color: #fff;
  padding: 50px 0 0;
}
@media (max-width: 767px) {
  .main .client .client-container .client-bootom .client-bottom-container {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .main .client .client-container .client-bootom .client-bottom-container {
    width: 47%;
  }
}
.main .client .client-container .client-bootom .client-bottom-container .clinet-bottom-text {
  color: #fff;
  font-size: 23px;
  font-weight: 600;
  text-transform: uppercase;
}
.main .client .client-container .client-bootom .client-bottom-container .client-bootom-price {
  color: #ffc714;
  font-size: 40px;
  margin: 10px 0;
  text-transform: uppercase;
}
.main .client .client-container .client-bootom .client-bottom-container .client-bootom-month {
  color: #ccc;
  font-size: 14px;
}
.main .client .client-container .client-bootom .client-bottom-container .client-bootom-list {
  text-align: center;
  line-height: 3em;
  margin-top: 20px;
  width: 100%;
}
.main .client .client-container .client-bootom .client-bottom-container .client-bootom-list .client-bootom-list-text {
  padding: 5px 20px;
  border-top: 1px solid #999;
  font-size: 14px;
  line-height: 3;
  letter-spacing: 0.8px;
}
.main .persons {
  width: 100%;
  height: auto;
  padding: 100px 0;
  position: relative;
  background: var(--about-bg-color);
  color: var(--about-text-cl);
}
.main .persons .persons-container {
  width: 82%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  padding-bottom: 1px;
  background: var(--about-cont-bg-color);
}
@media (max-width: 767px) {
  .main .persons .persons-container {
    width: 100% !important;
  }
}
.main .persons .persons-container .persons-top {
  text-align: center;
  font-size: 15px;
  height: 186px;
  width: 100%;
}
.main .persons .persons-container .persons-top .persons-text {
  margin-bottom: 10px;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2em;
  font-size: 33px;
}
.main .persons .persons-container .persons-top .persons-icon {
  position: relative;
  width: 60px;
  margin: 0 auto;
  color: #ffd000;
  font-size: 18px;
}
.main .persons .persons-container .persons-top .persons-icon::after {
  content: "";
  background-color: var(--about-text-cl);
  height: 2px;
  left: -38px;
  position: absolute;
  top: 12px;
  width: 50px;
}
.main .persons .persons-container .persons-top .persons-icon::before {
  background-color: var(--about-text-cl);
  content: "";
  height: 2px;
  position: absolute;
  right: -38px;
  top: 12px;
  width: 50px;
}
.main .persons .persons-container .persons-top .persons-txt {
  margin-top: 10px;
  color: var(--about-text-cl);
  letter-spacing: 0.8px;
  font-weight: 100;
}
.main .persons .persons-container .persons-bottom {
  width: 100%;
  height: 429px;
  display: flex;
  gap: 20px;
}
@media (max-width: 767px) {
  .main .persons .persons-container .persons-bottom {
    height: auto !important;
    flex-direction: column !important;
  }
}
@media (max-width: 991px) {
  .main .persons .persons-container .persons-bottom {
    flex-wrap: wrap !important;
    height: auto !important;
  }
}
.main .persons .persons-container .persons-bottom .person-left {
  background-color: var(--person-cont-bg);
  padding: 20px;
  width: 33%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .main .persons .persons-container .persons-bottom .person-left {
    width: 100% !important;
    gap: 15px !important;
  }
}
@media (max-width: 991px) {
  .main .persons .persons-container .persons-bottom .person-left {
    width: 100%;
    justify-content: normal;
    gap: 7px;
    height: 49vh;
  }
}
.main .persons .persons-container .persons-bottom .person-left .leftactive {
  background-color: #ffc714 !important;
  color: #000;
}
.main .persons .persons-container .persons-bottom .person-left .leftactive .person-left-jpg {
  border-color: #373636 !important;
}
.main .persons .persons-container .persons-bottom .person-left .person-left-container {
  width: 92.3%;
  height: 22.1%;
  display: flex;
  align-items: center;
  text-transform: capitalize;
  background-color: var(--person-bg-color);
  padding-left: 20px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .main .persons .persons-container .persons-bottom .person-left .person-left-container {
    width: 100% !important;
    height: 86px !important;
  }
}
@media (max-width: 991px) {
  .main .persons .persons-container .persons-bottom .person-left .person-left-container {
    width: 100%;
    height: 24%;
  }
}
.main .persons .persons-container .persons-bottom .person-left .person-left-container .person-left-img {
  height: 83%;
}
@media (max-width: 767px) {
  .main .persons .persons-container .persons-bottom .person-left .person-left-container .person-left-img {
    height: 70px !important;
  }
}
.main .persons .persons-container .persons-bottom .person-left .person-left-container .person-left-img .person-left-jpg {
  width: 100%;
  height: 100%;
  border: 2px solid #ffd000;
  border-radius: 50%;
}
.main .persons .persons-container .persons-bottom .person-left .person-left-container .person-left-name {
  font-size: 18px;
  font-weight: 600;
  padding-left: 15px;
}
.main .persons .persons-container .persons-bottom .person-center {
  width: 30.72%;
  background-color: var(--person-bg-color);
}
@media (max-width: 767px) {
  .main .persons .persons-container .persons-bottom .person-center {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .main .persons .persons-container .persons-bottom .person-center {
    width: 47%;
  }
}
.main .persons .persons-container .persons-bottom .person-center .person-center-jpg {
  height: 429px;
}
.main .persons .persons-container .persons-bottom .person-right {
  width: 30.6321%;
  background-color: var(--person-bg-color);
  padding: 50px 30px;
  text-align: center;
}
@media (max-width: 767px) {
  .main .persons .persons-container .persons-bottom .person-right {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .main .persons .persons-container .persons-bottom .person-right {
    width: 47%;
  }
}
.main .persons .persons-container .persons-bottom .person-right .person-right-container .person-right-name {
  color: #ffd000;
  font-size: 22px;
  margin-bottom: 10px;
  text-transform: uppercase;
}
.main .persons .persons-container .persons-bottom .person-right .person-right-container .person-right-work {
  font-size: 15px;
  font-weight: 400;
}
.main .persons .persons-container .persons-bottom .person-right .person-right-container .quote {
  color: var(--about-text-cl);
  display: block;
  font-size: 50px;
  margin: 20px 0;
}
.main .persons .persons-container .persons-bottom .person-right .person-right-container .person-right-info {
  color: var(--about-text-cl);
  margin-bottom: 40px;
}
.main .persons .persons-container .persons-bottom .person-right .person-right-container .person-right-sosial .person-right-icon {
  background-color: #ffd000;
  color: #fff;
  display: inline-block;
  font-size: 18px;
  height: 40px;
  line-height: 40px;
  transition: all 0.4s ease 0s;
  width: 40px;
  font-size: inherit;
}
.main .taxi {
  width: 100%;
  height: 508px;
  position: relative;
}
@media (max-width: 767px) {
  .main .taxi {
    height: 360px !important;
  }
}
.main .taxi .taxi-video {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}
.main .taxi .taxi-video .taxi-play {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.main .taxi .color {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: rgba(0, 0, 0, 0.6392156863);
}
.main .taxi .taxi-container {
  position: relative;
  z-index: 1;
  display: flex;
  width: 91.5%;
  margin: 0 auto;
  height: 100%;
  justify-content: space-evenly;
}
.main .taxi .taxi-container .taxi-container-left {
  width: 48%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media (max-width: 767px) {
  .main .taxi .taxi-container .taxi-container-left {
    width: 100% !important;
  }
}
@media (max-width: 991px) {
  .main .taxi .taxi-container .taxi-container-left {
    width: 85%;
  }
}
.main .taxi .taxi-container .taxi-container-left .taxi-text {
  font-size: 70px;
  color: #ffd000;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .main .taxi .taxi-container .taxi-container-left .taxi-text {
    font-size: 26px !important;
  }
}
@media (max-width: 991px) {
  .main .taxi .taxi-container .taxi-container-left .taxi-text {
    font-size: 40px;
  }
}
.main .taxi .taxi-container .taxi-container-left .taxi-txt {
  margin: 5px 0 20px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 767px) {
  .main .taxi .taxi-container .taxi-container-left .taxi-buton {
    display: flex !important;
  }
}
.main .taxi .taxi-container .taxi-container-left .taxi-buton .taxi-button {
  font-size: 16px;
  border: 2px solid #ffd000;
  border-radius: 50px;
  color: #fff;
  margin-right: 40px;
  padding: 10px 20px;
  transition: all 0.4s ease 0s;
  background: none;
}
@media (max-width: 767px) {
  .main .taxi .taxi-container .taxi-container-left .taxi-buton .taxi-button {
    padding: 9px 12px !important;
  }
}
.main .taxi .taxi-container .taxi-container-right {
  width: 30%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 767px) {
  .main .taxi .taxi-container .taxi-container-right {
    display: none;
  }
}
@media (max-width: 991px) {
  .main .taxi .taxi-container .taxi-container-right {
    display: none;
  }
}
.main .taxi .taxi-container .taxi-container-right .taxi-jpg {
  width: 61%;
}
.main .articles {
  width: 100%;
  height: auto;
  padding: 100px 0 54px;
  background: var(--about-bg-color);
  color: var(--about-text-cl);
}
.main .articles .articles-container {
  width: 80%;
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
  padding-bottom: 1px;
  background: var(--about-cont-bg-color);
}
@media (max-width: 767px) {
  .main .articles .articles-container {
    width: 100% !important;
  }
}
.main .articles .articles-container .articles-top {
  text-align: center;
  font-size: 15px;
  height: 186px;
  width: 100%;
}
.main .articles .articles-container .articles-top .articles-text {
  margin-bottom: 10px;
  position: relative;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.2em;
  font-size: 33px;
}
.main .articles .articles-container .articles-top .articles-icon {
  position: relative;
  width: 60px;
  margin: 0 auto;
  color: #ffd000;
  font-size: 18px;
}
.main .articles .articles-container .articles-top .articles-icon::after {
  content: "";
  background-color: var(--about-text-cl);
  height: 2px;
  left: -38px;
  position: absolute;
  top: 12px;
  width: 50px;
}
.main .articles .articles-container .articles-top .articles-icon::before {
  background-color: var(--about-text-cl);
  content: "";
  height: 2px;
  position: absolute;
  right: -38px;
  top: 12px;
  width: 50px;
}
.main .articles .articles-container .articles-top .articles-txt {
  margin-top: 10px;
  color: var(--about-text-cl);
  letter-spacing: 0.8px;
  font-weight: 100;
}
.main .articles .articles-container .column-revers {
  flex-direction: row-reverse;
}
.main .articles .articles-container .articles-bottom {
  width: 100%;
  display: flex;
  align-items: center;
  box-shadow: 0px 0px 6px 2px #9f9797;
  height: 300px;
  margin-bottom: 46px;
}
@media (max-width: 767px) {
  .main .articles .articles-container .articles-bottom {
    flex-direction: column !important;
    height: auto !important;
    padding-bottom: 40px !important;
  }
}
@media (max-width: 991px) {
  .main .articles .articles-container .articles-bottom {
    flex-direction: column;
    height: auto;
    padding-bottom: 40px;
  }
}
.main .articles .articles-container .articles-bottom .articles-img {
  width: 69.104%;
  height: 100%;
}
@media (max-width: 767px) {
  .main .articles .articles-container .articles-bottom .articles-img {
    width: 100% !important;
    padding-bottom: 35px !important;
  }
}
@media (max-width: 991px) {
  .main .articles .articles-container .articles-bottom .articles-img {
    width: 100%;
    padding-bottom: 35px;
  }
}
.main .articles .articles-container .articles-bottom .articles-img .articles-jpg {
  width: 100%;
  filter: grayscale(100%);
  transition: all 0.4s;
  height: 100%;
}
.main .articles .articles-container .articles-bottom .articles-img .articles-jpg:hover {
  filter: grayscale(0%);
  transition: all 0.4s;
}
.main .articles .articles-container .articles-bottom .articles-right {
  padding: 0 25px;
  width: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .main .articles .articles-container .articles-bottom .articles-right {
    padding: 0 !important;
  }
}
.main .articles .articles-container .articles-bottom .articles-right .date2 {
  left: inherit !important;
  right: -28px;
}
@media (max-width: 767px) {
  .main .articles .articles-container .articles-bottom .articles-right .date2 {
    right: 47% !important;
  }
}
@media (max-width: 991px) {
  .main .articles .articles-container .articles-bottom .articles-right .date2 {
    right: 40%;
  }
}
.main .articles .articles-container .articles-bottom .articles-right .articles-date {
  position: absolute;
  top: 35%;
  left: -25px;
  width: 55px;
  background: #ffe000;
  text-align: center;
  border-radius: 10px;
  padding: 6px;
  color: #fff;
}
@media (max-width: 767px) {
  .main .articles .articles-container .articles-bottom .articles-right .articles-date {
    top: -21% !important;
    left: 40% !important;
  }
}
@media (max-width: 991px) {
  .main .articles .articles-container .articles-bottom .articles-right .articles-date {
    top: -30%;
    left: 47%;
  }
}
.main .articles .articles-container .articles-bottom .articles-right .articles-right-container {
  margin-left: 33px;
  background: var(--person-bg-color);
  padding: 10px;
}
.main .articles .articles-container .articles-bottom .articles-right .articles-right-container .articles-right-text {
  font-weight: 700;
  margin: 0;
  padding: 0;
  line-height: 1.2em;
  color: var(--about-text-cl);
  font-size: 20px;
}
.main .articles .articles-container .articles-bottom .articles-right .articles-right-container .articles-right-txt {
  margin: 15px 0 10px;
}
.main .articles .articles-container .articles-bottom .articles-right .articles-right-container .articles-right-txt .txt-container {
  color: var(--about-text-cl);
  font-size: 12px;
  font-weight: 600;
  margin-right: 25px;
  text-transform: uppercase;
}
.main .articles .articles-container .articles-bottom .articles-right .articles-right-container .articles-right-txt .txt-container .articles-name .articles-user {
  color: #ffd000;
}
.main .articles .articles-container .articles-bottom .articles-right .articles-right-container .articles-info {
  color: var(--about-text-cl);
  line-height: 1.8;
  text-transform: capitalize;
}
.main .articles .articles-container .articles-bottom .articles-right .articles-right-container .articles-button {
  background-color: var(--btn-color);
  color: var(--car-btn-text-color);
  display: block;
  font-size: 12px;
  font-weight: 700;
  margin-top: 25px;
  padding: 16px 40px;
  cursor: pointer;
  transition: all 0.4s;
  border: none;
  text-transform: uppercase;
}
.main .articles .articles-container .articles-bottom .articles-right .articles-right-container .articles-button:hover {
  background-color: #ffd000;
  color: #fff;
  border: none;
}/*# sourceMappingURL=style.css.map */