body {
  background-color: #f9f9f9;
}

.bottom-div {
  min-height: 100px;
  z-index: 100;

  .navbar-btn {
    border: 2px var(--bs-primary) solid;
    min-height: 60px ;

    &:hover {
      background-color: var(--bs-info) !important;
      border: 2px var(--bs-info) solid;
    }
  }
}

.pryswys-img {
  max-width: 150px;
}

.swiftvere-img {
  max-width: 100px;
}

.partner-img {
  max-width: 300px;
}

.partner-item-3 {
  flex: 0 0 33.33%;
  max-width: 33.33%;
}

.partner-item-4 {
  flex: 0 0 25%;
  max-width: 25%;
}

.bg-img {
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center !important;
}

.landing-banner {
  background-image: url("../images/landing/new-landing.jpg");
}

.insurance-banner {
  background-image: url("../images/insurance/background.jpg");
  min-height: 330px;
}

.insurance-banner h1 {
  font-size: 4vw !important;
}

.landing-banner h1 {
  font-size: 3vw;
}

.landing-info {
  background: rgba(0, 0, 0, 0.404);
  min-height: 700px;
  padding: 50px !important;
}

.landing-btn {
  border-radius: 1rem;
  min-height: 85px;
  font-size: 30px;
  max-width: 360px;
  white-space: pre-wrap;
}

.green-line {
  height: 4px;
  max-width: 250px;
  border: none;
}

.follow-btn {
  max-width: 350px;
  white-space: pre-wrap;
  font-size: 20px;
  border-radius: 1rem;
  max-height: 75px;
}

.swiftvee-video {
  max-width: 775px;
}

.mac-mw {
  max-width: 78%;
}

.mac-wrapper {
  padding-bottom: 56.5%;
}

.mac-wrapper iframe {
  background-image: url("../images/online_auction_advertising/mac.png");
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain;
  padding: 2% 17% 20% 17%;
}

.phone-wrapper {
  padding-bottom: 56.5%;
  height: 0;
}

.phone-wrapper iframe {
  box-sizing: border-box;
  background-image: url("../images/landing/phone-border.png");
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: contain;
  padding: 7.9% 11.3% 7.7%;
}

.swiftvee-testimonials {
  background-color: #eeeeee;
}

.testimonial-block {
  padding: 30px 10%;
  min-height: 526px;
}

.test-img-1 {
  background-image: url("../images/landing/test-cattle.jpg");
}

.test-img-2 {
  background-image: url("../images/landing/test-sheep.jpg");
}

.test-img-3 {
  background-image: url("../images/landing/test-goat.jpg");
}

.test-img-4 {
  background-image: url("../images/landing/test-game.jpg");
}

.swiftvee-agents img {
  max-width: 100px;
  max-height: 80px;
}

.darker-shadow-box {
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

.shadow-box {
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.blog-banner {
  background-image: url("../images/blog/blog-banner.png");
  min-height: 300px;
}

.contact-banner {
  background-image: url("../images/contact/contact-banner.png");
  min-height: 300px;
}

.admin-contact {
  flex: 1 1 auto;
}

.auction-info-banner {
  background-image: url("../images/auction_info/auction-info-banner.png");
  min-height: 300px;
}

.book-now .btn {
  border-radius: 1rem;
  font-size: 30px;
}

.test-info-1 {
  background-image: url("../images/auction_info/test1.jpg");
}

.test-info-2 {
  background-image: url("../images/auction_info/test2.jpg");
}

.test-info-3 {
  background-image: url("../images/auction_info/test3.jpg");
  background-position: left;
}

.test-info-4 {
  background-image: url("../images/auction_info/test4.jpg");
}

.alreadybooked-banner {
  background-image: url("../images/contact/booked-banner.png");
  min-height: 300px;
}

.auctioneers .col {
  min-width: 300px;
}

.options-bg {
  background-image: url("../images/online_auction_advertising/options_bg.jpg");
}

.auction-details img {
  max-width: 250px;
}

.mobile-app-mock {
  max-width: 720px;
}

.whatsapp-btn {
  position: fixed;
  width: 150px;
  border-radius: 10px 10px 0 0;
  z-index: 1;
}

.finance-btn {
  max-width: 230px;
}

.team-card {
  width: 16rem;
}

.card-img-top {
  min-height: 320px;
  object-fit: cover;
}

.swiftvee-testimonials .carousel-indicators button {
  width: 10px;
  height: 10px;
  border-radius: 100%;
}

.swiftvee-testimonials .carousel-indicators {
  bottom: -3px;
  left: 33%;
}

.team-in-action .carousel-indicators {
  bottom: -50px;
}

.modal-img {
  max-width: 150px;
}

.grey-line {
  height: 2px;
  max-width: 300px;
  border: none;
}

.insurance-steps-img {
  max-width: 150px;
}

.insurance-steps{
  max-width: 300px;
}

.cover-left-container {
  border-radius: 50rem 10rem 10rem 50rem !important;
  max-width: 1200px;
}

.cover-right-container {
  border-radius: 10rem 50rem 50rem 10rem !important;
  max-width: 1200px;
}

.vertical-line {
  border-left: 5px solid var(--bs-primary);
  height: 100%;
}

.team-in-action-img {
  max-width: 350px;
}

.hover-btn {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.hover-btn:hover {
  transform: scale(1.1);
}

.hover-btn-no-shadow:hover{
  transform: scale(1.1);
  transition: transform 0.2s ease;
}

@media screen and (max-width: 1073px) {
  .landing-banner h1 {
    font-size: 5.5vw;
  }

  .btn-col {
    min-height: 100%;
  }

  .landing-info {
    background: transparent;
  }

  .landing-info-blank {
    display: none;
  }
}

@media screen and (max-width: 880px) {
  .logo-col {
    min-width: 100% !important;
  }

  .logo-col img {
    padding: 0 !important;
  }

  .btn-col {
    min-width: 25% !important;
  }
}

@media screen and (max-width: 767px) {
  .insurance-banner {
    min-height: 200px;
  }

  .insurance-steps-img {
    max-width: 130px;
  }

  .contact-kuda {
    flex-direction: column !important;
  }
}
@media screen and (max-width: 700px) {
  .bottom-div {
    .navbar-btn {
      font-size: 14px;
    }
  }

  .partner-container {
    flex-direction: column;
  }

  .partner-item-3,
  .partner-item-4 {
    flex: 0 0 100%;
    max-width: 100%;
  }
}

@media screen and (max-width: 614px) {
  h1 {
    font-size: 2rem;
  }

  .landing-banner {
    background-image: image-url("landing-mobile.png");
    min-height: 0;
  }

  .landing-banner .landing-btn {
    font-size: 20px;
  }

  .landing-info {
    padding: 0 20px !important;
    min-height: 0;
  }

  .landing-info h1 {
    font-size: 2.3rem;
    text-align: center !important;
  }

  .landing-info .col {
    margin: 0 !important;;
  }

  .landing-info .btn {
    min-height: 65px;
  }

  .bottom-div .btn-col {
    padding: 5px;
  }

  .bottom-div .navbar-btn {
    font-size: 10px;
    height: 65px;
    padding: 0;
    margin: 0;
    border: 2px solid var(--bs-primary);
  }

  .swiftvee-video {
    margin-top: -20px;
  }

  .social-media img {
    margin: 0 5px !important;
  }

  .swiftvee-agents img {
    max-width: 40px;
  }
  .follow-btn {
    font-size: 12px;
    max-width: 200px;
  }

  .partner-img {
    max-width: 200px;
  }

  .cover-left-container img {
    max-height: 100px;
    max-width: 100px;
  }

  .cover-left-container {
    box-shadow: none !important;
  }

  .cover-right-container {
    box-shadow: none !important;
  }

  .cover-right-container img {
    max-height: 100px;
    max-width: 100px;
  }

  .cover-info-container h5 {
    font-size: 1rem !important;
  }
}

@media screen and (max-width: 575px) {
  .testimonial-bg-img {
    display: none;
  }

  .swiftvee-testimonials .carousel-indicators {
    bottom: 0;
    left: 0;
  }

  .insurance-banner {
    min-height: 150px;
  }
}

@media screen and (max-width: 365px) {
  .auction-btn {
    min-height: 53px;
  }
}