.hero_area {
  height: 80vh;
  position: relative;
  /* background-image: url(../images/a828dff84a995030e577f3b8d80f2ded.jpg); */
  background-color: #fff;
  background-size: cover;
  background-position: right;
  background-repeat: no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
          box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
}

.hero_area .slick_main {
  position: absolute;
  top: 0;
  left: 0;
  width: 33%;
  height: 100vh;
  display: block;
  margin: 0 auto;
}

.hero_area .slick_main .main-img-box {
  background-size: cover;
  background-position: center;
  height: 80vh;
  width: 100%;
}

.hero_area .slick_main .main-img-box.b1 {
  background-image: url(../images/crsl1.jpg);
}

.hero_area .slick_main .main-img-box.b2 {
  background-image: url(../images/crsl2.jpg);

}

.hero_area .slick_main .main-img-box.b3 {
  background-image: url(../images/crsl3.jpg);

}

/* slider section*/
.slider_section {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}

.slider_section .row {
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: 100%;
}

.slider_section .brand_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
}

.slider_section a {
  max-width: 250px;
}

.slider_section a img {
  max-width: 100%;
}

.slider_section .slider_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}

.slider_section .slider_content #carouselExampleIndicators {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: unset;
}

.slider_section .slider_content #carouselExampleIndicators .detail_box {
  padding-left: 25px;
}

.slider_section .slider_content #carouselExampleIndicators .detail_box h1 {
  font-weight: bold;
  font-size: 3rem;
  margin-bottom: 30px;
  color: #10181e;
}

.slider_section .slider_content #carouselExampleIndicators .detail_box span{
  color: #e65d08;
}


.slider_section .slider_content #carouselExampleIndicators .detail_box p {
  color: #b5b0b0;
}

.slider_section .slider_content #carouselExampleIndicators .detail_box .btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -5px;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.slider_section .slider_content #carouselExampleIndicators .detail_box .btn-box a {
  width: 165px;
  margin: 5px;
  text-align: center;
}

.slider_section .slider_content #carouselExampleIndicators .detail_box .btn-box .btn-1 {
  display: inline-block;
  padding: 8px 0;
  background-color: #e65d08;
  border: 1px solid #e65d08;
  color: #ffffff;
  border-radius: 5px;
}

.slider_section .slider_content #carouselExampleIndicators .detail_box .btn-box .btn-1:hover {
  background-color: transparent;
  color: #e65d08;
}

.slider_section .slider_content #carouselExampleIndicators .detail_box .btn-box .btn-2 {
  display: inline-block;
  padding: 8px 0;
  background-color: #223440;
  border: 1px solid #223440;
  color: #ffffff;
  border-radius: 5px;
}

.slider_section .slider_content #carouselExampleIndicators .detail_box .btn-box .btn-2:hover {
  background-color: transparent;
  color: #223440;
}

.slider_section .slider_content .img_container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.slider_section .slider_content .img_container .slick_slider-nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slider_section .slider_content .img_container .slick_slider-nav .slick-track {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.slider_section .slider_content .img_container .slick_slider-nav .img-box {
  margin-right: 15px;
  min-width: 100px;
}

.slider_section .slider_content .img_container .slick_slider-nav img {
  max-width: 100%;
  max-height: 100%;
}

.slider_section .carousel-btn-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-right: 15px;
}

.slider_section .carousel-btn-box .carousel-control-prev,
.slider_section .carousel-btn-box .carousel-control-next {
  position: unset;
  width: 45px;
  height: 45px;
  background-position: center;
  background-repeat: no-repeat;
  opacity: 1;
}

.slider_section .carousel-btn-box .carousel-control-prev {
  background-image: url(../images/up-grey.png);
}

.slider_section .carousel-btn-box .carousel-control-prev:hover {
  background-image: url(../images/up.png);
}

.slider_section .carousel-btn-box .carousel-control-next {
  background-image: url(../images/down-grey.png);
}

.slider_section .carousel-btn-box .carousel-control-next:hover {
  background-image: url(../images/down.png);
}

.slider_section .carousel-indicators-box {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #b5b0b0;
  bottom: 10%;
  left: 15%;
  font-size: 18px;
}

.slider_section .carousel-indicators {
  position: unset;
  padding: 0;
  margin: 0;
}

.slider_section .carousel-indicators li {
  text-indent: 0;
  width: auto;
  height: auto;
  opacity: 1;
  background-color: transparent;
  border: none;
  display: none;
}

.slider_section .carousel-indicators li.active {
  display: block;
}

@media (max-width: 1120px) {}

@media (max-width: 992px) {
  
}

@media (max-width: 768px) {
  .hero_area {
    height: auto;
  }



  .slider_section .row {
    flex-direction: column-reverse;
  }

  .slider_section .slider_content #carouselExampleIndicators .detail_box {
    margin-top: 45px;
    margin-bottom: 75px;
  }

  .slider_section .brand_box {
    height: 400px;
  }


  .hero_area .slick_main {
    top: initial;
    bottom: 0;
    width: 100%;
    height: 400px;

  }

  .hero_area .slick_main .main-img-box {
    height: 400px;
  }

  
}

@media (max-width: 576px) {
  .img_container .slider .slick-list {
    padding: 0 !important;
  }

  .slider_section .slider_content .img_container .slick_slider-nav .img-box {
    max-width: 75px;
    min-width: 75px;
  }

  .img_container .slick-track {
    width: 100% !important;
  }

  .slider_section .slider_content #carouselExampleIndicators .detail_box h1 {
    font-size: 2rem;
  }
}

@media (max-width: 480px) {
  .slider_section .carousel-indicators-box {
    display: none;
  }
}

@media (max-width: 420px) {

  .slider_section .slider_content #carouselExampleIndicators .detail_box h1 {
    font-size: 2rem;
  }

  .slider_section .carousel-btn-box .carousel-control-prev,
  .slider_section .carousel-btn-box .carousel-control-next {
    width: 25px;
    height: 25px;
    background-size: 20px;
  }
}
/* QUICK REPLY */
/* .rightclearboth{width: 100%;}
.quickform { padding:16px 10px; background-color:#f5f3f3; border:1px solid #e6e6e6; }
.formhead h4 { background:#ff7800; margin:0; padding:12px 12px; font-size:24px; color:#fff; }
.halfright { padding: 0 0 0 5px; }
.halfleft{ padding: 0 5px 0 0; }
.form-group { margin-bottom:8px; }
.checkcontent { font-size:11px; } */