/*	################################################################

	File Name: main.css

	1) GLOBAL STRUCTURE
	2) HEADER
	3) BANNER

################################################################# */

/* ----------------------------------------------------
	1) GLOBAL STRUCTURE
------------------------------------------------------- */
.form-check-input:focus {
  box-shadow: 0 0 0 0.25rem rgb(229 190 192) !important;
}
.form-check-input:checked {
  background-color: #cd2b30 !important;
  border-color: #cd2b30 !important;
}
.btn:focus {
  box-shadow: 0 0 0 0.25rem rgb(255 202 204) !important;
}

body {
  font-family: "Roboto", sans-serif !important;
}

img {
  -user-drag: none;
  -webkit-user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.bg-grey {
  background-color: #f3f3f3 !important;
}
.bg-atlas {
  background-color: #cd2b30;
}
.bg-second-atlas {
  background-color: #cd2b30;
}
.text-atlas {
  color: #cd2b30;
}
.boder-second-color {
  border-color: #580606 !important;
}
.card-border-bottom{
  border-bottom: solid 1px;
  border-bottom-color: rgba(0, 0, 0, 0.125);
}
.bg-opacity-05{
  --bs-bg-opacity: 0.05;
}
.p-12-px{
padding: 12px !important;
}
.fs-13 {
  font-size: 13px;
}
.fs-14 {
  font-size: 14px;
}
.fs-15 {
  font-size: 15px;
}
.fs-16 {
  font-size: 16px;
}
.fs-17 {
  font-size: 17px;
}
.fs-18 {
  font-size: 18px;
}
.fs-19 {
  font-size: 19px;
}
.fs-20 {
  font-size: 20px;
}
.fs-21 {
  font-size: 21px;
}
.fs-22 {
  font-size: 22px;
}
.fs-23 {
  font-size: 23px;
}
.fs-24 {
  font-size: 24px;
}
.fs-25 {
  font-size: 25px;
}
.fs-26 {
  font-size: 26px;
}
.fs-27 {
  font-size: 27px;
}
.fs-28 {
  font-size: 28px;
}
.fs-29 {
  font-size: 29px;
}
.fs-30 {
  font-size: 30px;
}
.fs-31 {
  font-size: 31px;
}
.fs-32 {
  font-size: 32px;
}
.fs-33 {
  font-size: 33px;
}
.fs-34 {
  font-size: 34px;
}
.fs-35 {
  font-size: 35px;
}
.fs-36 {
  font-size: 36px;
}
.fs-37 {
  font-size: 37px;
}
.fs-38 {
  font-size: 38px;
}
.fs-39 {
  font-size: 39px;
}
.fs-40 {
  font-size: 40px;
}
.fs-41 {
  font-size: 41px;
}
.fs-42 {
  font-size: 42px;
}
.fs-43 {
  font-size: 43px;
}
.fs-44 {
  font-size: 44px;
}
.fs-45 {
  font-size: 45px;
}
.fs-46 {
  font-size: 46px;
}
.fs-47 {
  font-size: 47px;
}
.fs-48 {
  font-size: 48px;
}
.fs-49 {
  font-size: 49px;
}
.fs-50 {
  font-size: 50px;
}
.fs-51 {
  font-size: 51px;
}
.fs-52 {
  font-size: 52px;
}
.fs-53 {
  font-size: 53px;
}
.fs-54 {
  font-size: 54px;
}
.fs-55 {
  font-size: 55px;
}
.fs-56 {
  font-size: 56px;
}
.fs-57 {
  font-size: 57px;
}
.fs-58 {
  font-size: 58px;
}
.fs-59 {
  font-size: 59px;
}
.fs-60 {
  font-size: 60px;
}
.fs-61 {
  font-size: 61px;
}
.space-30 {
  height: 30px;
}
.space-40 {
  height: 40px;
}
.space-50 {
  height: 50px;
}
.space-60 {
  height: 50px;
}
.space-70 {
  height: 70px;
}
.space-80 {
  height: 80px;
}
.space-90 {
  height: 90px;
}
.space-100 {
  height: 100px;
}
.space-110 {
  height: 110px;
}
.space-120 {
  height: 120px;
}
.space-130 {
  height: 130px;
}
.space-140 {
  height: 140px;
}
.space-150 {
  height: 150px;
}
.space-160 {
  height: 160px;
}
.space-170 {
  height: 170px;
}
.space-180 {
  height: 180px;
}
.space-190 {
  height: 190px;
}
.space-200 {
  height: 200px;
}
.space-210 {
  height: 210px;
}
.space-220 {
  height: 220px;
}
.space-230 {
  height: 230px;
}
.space-240 {
  height: 240px;
}
.space-250 {
  height: 250px;
}

/* ----------------------------------------------------
	2) HEADER
------------------------------------------------------- */

.header {
  z-index: 999;
  background-color: rgba(205,43,48,0.9);
}
.header-logo {
  background-image: url("../images/logo.png");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px;
  margin: 0px;
  width: 130px;
  height: 50px;
}

/* ----------------------------------------------------
	3) BANNER
------------------------------------------------------- */

.banner-container {
  height: 650px;
}
.banner {
  background-image: url("../images/banner.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 0px;
  margin: 0px;
  height: 650px;
  clip-path: polygon(100% 0, 100% 72%, 50% 100%, 0 72%, 0 0);
}
.rentacar-card {
  transition: transform 0.3s;
  cursor: pointer;
}
.rentacar-card:hover {
  transform: scale(1.02);
}

.rentacar-card-contanier {
 bottom: -250px;
}

@media only screen and (max-width: 765px) {
  .rentacar-card-contanier {
    bottom: -80px;
   }
   #banner-bottom-space{
     height: 100px !important;
   }
}