@import 'tailwindcss';

@source '../../vendor/laravel/framework/src/Illuminate/Pagination/resources/views/*.blade.php';
@source '../../storage/framework/views/*.php';
@source '../**/*.blade.php';
@source '../**/*.js';

@theme {
    --font-sans: 'Instrument Sans', ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
        'Segoe UI Symbol', 'Noto Color Emoji';
}


a.navbar-brand img {
    width: 140px;
}



.auth-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding: 40px 60px;
    
}



.logo img {
    height: 60px;
}

.auth-container a button {
    color: black;
}

.auth-buttons {
    margin-top: 10px;
}

.auth-buttons a button {
    margin-left: 10px;
    padding: 10px 20px;
    border: none;
    background-color: #7ba8ad;
    color: black;
    border-radius: 10px;
    cursor: pointer;
}




* {
  margin: 0;
  padding: 0;
}

body {
  font-family: "IBM Plex Sans", sans-serif;
  font-weight: 700;
}

header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: linear-gradient(90deg, #507b87 0%, #8bbccc 100%);
}

header .rentoimg {
  display: flex;
  justify-content: center;
  width: 256.35px;
  border-bottom: 1px solid white;
}

header .rentoimg img {
  height: 50px;
}

header .righthead {
  padding-right: 20px;
}

.banner .bannermain {
  display: flex;
}

.banner .bannermain .leftbanner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background: linear-gradient(180deg, #507b87 0%, #8bbccc 100%);
  max-width: 256.35px;
  width: 100%;
}

.banner .bannermain .leftbanner .leftlist1 {
  margin-top: 20px;
  margin-left: 25px;
  margin-right: 25px;
  display: flex;
  flex-direction: column;
}

.banner .bannermain .leftbanner .leftlist {
  display: flex;
  align-items: center;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 20px;
  width: 100%;
}

.banner .bannermain .leftbanner .leftlist img {
  height: 22px;
  padding-right: 16px;
}

.banner .bannermain .leftbanner .leftlist1 a {
  text-decoration: none;
}

.banner .bannermain .leftbanner .leftlist p {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: aliceblue;
}

.banner .bannermain .leftbanner .leftlist p i {
  margin-left: 30px;
}

.banner .bannermain .leftbanner .leftlist .extra {
  display: flex;
  align-items: center;
  background: #ffffff;
  border: none;
  border-radius: 15px;
  padding: 10px 15px;
  padding-left: 5px;
}

.banner .bannermain .leftbanner .leftlist .extra p {
  color: black;
}

.banner .bannermain .leftbanner .leftlist p span {
  color: black;
  border: 1px solid black;
}

.banner .bannermain .leftbanner .listbutton {
  display: flex;
  padding-left: 30px;
  margin-top: 170px;
  margin-bottom: 30px;
}

.banner .bannermain .leftbanner .listbutton img {
  padding-right: 10px;
}

.banner .bannermain .leftbanner .listbutton p {
  font-family: "Inter", sans-serif;
  font-weight: 600;
  font-size: 20px;
  line-height: 20px;
  letter-spacing: 0%;
  vertical-align: middle;
  color: white;
}
body {
    background-image: url('../images/bg.jpg');
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    min-height: 100vh;
    font-family: Arial, sans-serif;
}