:root{
  --soft-grey:whitesmoke;
  --midnight-black:#1a1a1a;
  --white:#fff;
  --bold-tangerine:#afb820;
  --slate-gray:#616066;
  --vibrant-tangerine:#d4de26;
  --light-slate-grey:#d6d6d6;
  --graphite-gray:#8d8d91;
  --tangerine-glow:#e9f15c
}
body{
  color:#333;
  font-family:Thicccboi,sans-serif;
}

.content-wrapper{
  max-width:1300px;
  margin-left:auto;
  margin-right:auto;
  padding-left:24px;
  padding-right:24px
}
.form-field:focus-visible{
  border:1px solid var(--bold-tangerine);
  color:var(--midnight-black)
}
.cars-collection-list-wrapper{
  grid-column-gap:40px;
  grid-row-gap:40px;
  flex-flow:column;
  padding-top:0;
  padding-bottom:0;
  display:flex
}
.cars-collection-list{
  grid-column-gap:16px;
  grid-row-gap:16px;
  grid-template-rows:auto;
  grid-template-columns:1fr 1fr 1fr 1fr;
  grid-auto-columns:1fr;
  display:grid
}
.car-card{
  grid-column-gap:0px;
  grid-row-gap:0px;
  background-color:var(--white);
  border:1px solid #0000001a;
  border-radius:20px;
  flex-flow:column;
  padding:6px;
  display:flex
}
.car-image-wrapper{
  position:relative
}
.car-details-wrapper{
  grid-column-gap:12px;
  grid-row-gap:12px;
  flex-flow:column;
  padding:20px 10px 10px;
  display:flex
}
.listing-car-image{
  object-fit:cover;
  border-radius:16px;
  width:300px;
  height:300px
}
.car-listing-name{
  margin-top:0;
  margin-bottom:5px;
  font-size:16px;
  font-weight:500;
  line-height:16px
}
.listing-price-wrapper{
  grid-column-gap:5px;
  grid-row-gap:5px;
  justify-content:flex-start;
  align-items:flex-end;
  display:flex
}
.currency-price-term{
  color:var(--slate-gray);
  font-size:14px;
  font-weight:500;
  line-height:16px
}
.car-listing-price{
  color:var(--midnight-black);
  letter-spacing:.5px;
  font-size:20px;
  font-weight:700
}
.car-listing-details-wrapper{
  background-color:#f6f6f6;
  border-radius:12px;
  flex-flow:wrap;
  justify-content:space-between;
  padding:6px 20px;
  display:flex
}
.car-listing-detail{
  grid-column-gap:1px;
  grid-row-gap:1px;
  flex-flow:column;
  justify-content:flex-start;
  align-items:center;
  display:flex
}
.listing-icon{
  width:20px
}
.listing-detail{
  color:var(--slate-gray);
  font-size:12px;
  font-weight:400
}
.details-btn{
  background-color:var(--vibrant-tangerine);
  color:var(--midnight-black);
  border-radius:7px;
  justify-content:center;
  align-items:center;
  font-weight:600;
  transition:all .2s;
  display:flex
}
.details-btn:hover{
  background-color:var(--bold-tangerine)
}
.section{
  padding-top:50px;
  padding-bottom:50px
}



.header-section-wrapper{
  flex-flow:row;
  place-content:flex-start;
  align-items:center;
  height:auto;
  display:flex
}
.header-section-wrapper.page-header-section-wrapper{
  justify-content:center;
  align-items:center;
  height:auto;
  display:flex
}
.header-content-wrapper{
  margin-top:0
}
.header-content-wrapper.page-header-content-wrapper{
  justify-content:center;
  align-items:flex-start;
  margin-top:0;
  margin-bottom:0;
  display:flex
}
.header-text{
  color:var(--white);
  margin-top:0;
  margin-bottom:0;
  font-size:48px;
  font-weight:600;
  line-height:60px
}
.header-text.page-header-text{
  text-align:center
}
.primary-text{
  color:var(--white);
  font-size:18px;
  font-weight:300;
  line-height:26px
}
.primary-text.page-subheading{
  text-align:center
}
.header-text-wrapper{
  grid-column-gap:15px;
  grid-row-gap:15px;
  flex-flow:column;
  justify-content:flex-start;
  align-items:flex-start;
  width:600px;
  max-width:none;
  display:flex
}
.header-text-wrapper.page-header-text-wrapper{
  justify-content:flex-start;
  align-items:center
}
.form-field:focus-visible{
  border:1px solid var(--bold-tangerine);
  color:var(--midnight-black)
}
.header-section{
  padding-top: 180px;
  background-position:center;
}
.section-heading-wrapper {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  display: flex;
}
.section-heading {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 32px;
  font-weight: 600;
}

.cta-button {
  background-color: var(--vibrant-tangerine);
  color: var(--midnight-black);
  letter-spacing: 1.5px;
  text-transform: uppercase;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  padding: 16px 30px;
  font-size: 14px;
  font-weight: 600;
  line-height: 20px;
  transition: transform .2s,background-color .2s;
  display: flex
}

.cta-button:hover {
  background-color: var(--bold-tangerine);
  color: #fff;
  transform: scale(.95)
}

.cta-button:active {
  background-color: #43464d
}

.cta-button.button-small {
  padding: 10px 20px;
  font-size: 12px
}

.cta-button.button-large {
  padding: 28px 60px;
  font-size: 20px
}

@media screen and (max-width:991px){
  .content-wrapper{
      padding-left:24px;
      padding-right:24px
  }
  .cars-collection-list{
      grid-template-columns:1fr 1fr
  }
  .listing-car-image{
      width:100%;
      height:auto
  }
  .car-listing-details-wrapper{
      justify-content:space-between;
      align-items:center
  }
}
@media screen and (max-width:479px){
  .content-wrapper{
      padding-left:16px;
      padding-right:16px
  }
  .cars-collection-list{
      grid-template-columns:1fr
  }
}
@media screen and (max-width:991px){
  .header-text-wrapper{
      width:500px
  }
  .header-section{
      background-position:0 0,50%
  }
}
@media screen and (max-width:767px){
  .header-text{
      font-size:40px;
      line-height:50px
  }
  .header-text.page-header-text{
      font-size:36px;
      line-height:46px
  }
  .header-section{
      background-image:linear-gradient(#00000080 100%,#fff),url(https://cdn.prod.website-files.com/66f4c3d23a2eb94770a4ce07/6709683834da0d3feb81f278_ferrari-488-gtb-rental-21%20copy.jpg);
      background-position:0 0,53%
  }
}
@media screen and (max-width:479px){
  .header-text.page-header-text{
      font-size:32px;
      line-height:42px
  }
  .header-text-wrapper{
      width:100%
  }
  .header-section{
      background-image:linear-gradient(#00000080 100%,#fff),url(https://cdn.prod.website-files.com/66f4c3d23a2eb94770a4ce07/6709683834da0d3feb81f278_ferrari-488-gtb-rental-21%20copy.jpg);
      background-position:0 0,34%;
      background-size:auto,cover
  }
}

@font-face {
   font-family: 'Thicccboi';
   src: url('https://cdn.prod.website-files.com/66f4c3d23a2eb94770a4ce07/66f4c3d33a2eb94770a4cef1_THICCCBOI-ExtraBold.woff2') format('woff2'), url('https://cdn.prod.website-files.com/66f4c3d23a2eb94770a4ce07/66f4c3d33a2eb94770a4cef7_THICCCBOI-Bold.woff2') format('woff2');
   font-weight: 700;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Thicccboi';
   src: url('https://cdn.prod.website-files.com/66f4c3d23a2eb94770a4ce07/66f4c3d33a2eb94770a4cef6_THICCCBOI-Thin.woff2') format('woff2');
   font-weight: 100;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Thicccboi';
   src: url('https://cdn.prod.website-files.com/66f4c3d23a2eb94770a4ce07/66f4c3d33a2eb94770a4cef5_THICCCBOI-Light.woff2') format('woff2');
   font-weight: 300;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Thicccboi';
   src: url('https://cdn.prod.website-files.com/66f4c3d23a2eb94770a4ce07/66f4c3d33a2eb94770a4cef4_THICCCBOI-Black.woff2') format('woff2');
   font-weight: 900;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Thicccboi';
   src: url('https://cdn.prod.website-files.com/66f4c3d23a2eb94770a4ce07/66f4c3d33a2eb94770a4cefb_THICCCBOI-Regular.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Thicccboi';
   src: url('https://cdn.prod.website-files.com/66f4c3d23a2eb94770a4ce07/66f4c3d33a2eb94770a4cef2_THICCCBOI-SemiBold.woff2') format('woff2');
   font-weight: 600;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Thicccboi';
   src: url('https://cdn.prod.website-files.com/66f4c3d23a2eb94770a4ce07/66f4c3d33a2eb94770a4cef3_THICCCBOI-Medium.woff2') format('woff2');
   font-weight: 500;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'Thicccboi Thicccaf';
   src: url('https://cdn.prod.website-files.com/66f4c3d23a2eb94770a4ce07/66f4c3d33a2eb94770a4cefc_THICCCBOI-ThicccAF.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}
@font-face {
   font-family: 'M';
   src: url('https://cdn.prod.website-files.com/66f4c3d23a2eb94770a4ce07/66f56624eff78a685f2fd448_MaterialIcons-Regular.woff2') format('woff2');
   font-weight: 400;
   font-style: normal;
   font-display: swap;
}