.navbar {
  background-color: #fff;
  z-index: 1;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
}
.navbar-brand{
  padding-top: 0;
  padding-bottom: 0;
}
.auth-button{
  background-color: #033e66
}

.langugeDropdown .dropdown-toggle:focus {
  box-shadow: unset !important;
}

.langugeDropdown ul {
  min-width: 4rem;
}

.langugeDropdown ul li {
  font-size: 15px;
  color: #090A22;
  border-bottom: 1px solid #E9E9E9;
  padding: 0 0 6px;
  text-align: center;
  cursor: pointer;
}

.langugeDropdown ul li:hover {
  background-color: #F5F5F5;
}

.langugeDropdown ul li:last-of-type {
  border: unset;
  padding: 6px 0 0;
}

.hero {
  min-height: 580px;
  padding-top: 130px;
  background-color: #02141E;
  background-image: url("../images/OtlobCarBanner.png");
  background-size: 100% 100%;
}

@media (max-width: 768px) {
  .langugeDropdown ul {
    min-width: 4rem !important;
    width: 4rem !important;
  }
  .hero {
    min-height: 170px;
    padding-top: 0;
    background-color: #02141E;
    background-image: url("../images/OtlobCarBanner.png");
    background-size: 100% 100%;
  }
}

.hero .container {
  background: #000000a3;
  padding: 25px;
  border-radius: 8px;
}

.hero h1 {
  color: #fff;
  font-size: 3.5rem;
  font-weight: normal;
  line-height: 1;
  margin-bottom: 0 !important;
  position: relative;
}

@media (max-width: 767.9px) {
  .hero h1 {
    font-size: 1.75rem;
  }
}

.breadcrumb-item {
  color: #fff;
  font-size: 1rem;
  font-weight: normal;
  padding: 0 !important;
  line-height: 1 !important;
  vertical-align: middle;
  display: inline-flex;
  align-items: center;
}

@media (max-width: 767.9px) {
  .breadcrumb-item {
    font-size: 0.75rem;
  }
}

.breadcrumb-item.active {
  color: rgba(255, 255, 255, 0.3);
}

.breadcrumb-item+.breadcrumb-item::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.875 17.5L15.375 13L10.875 8.5' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  float: none;
  vertical-align: middle;
  margin: 0;
  padding: 0;
  margin-inline-start: 0.25rem;
  margin-inline-end: 0.25rem;
}

html[dir=rtl] .breadcrumb-item+.breadcrumb-item::before {
  transform: rotate(0.5turn);
}

.breadcrumb-item a {
  text-decoration: none;
  color: #fff !important;
  transition: all 0.25s ease-in-out;
  display: inline-block;
  line-height: 20px;
}

.breadcrumb-item a:hover {
  opacity: 0.5;
}

.content h4 {
  color: #002134;
  font-size: 1.125rem;
  font-weight: bold;
}

.content {
  overflow: hidden;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.content .p-descrption {
  font-size: 1.25rem !important;
  color: #002134 !important;
  margin-bottom: 2rem;
  word-break: break-word;
}

.content .container {
  padding: 50px 0;
}

.content .container .row {
  margin: 0;
}

.content .container form .step {
  display: none;
  transform-origin: top;
  animation: fadeInRight 0.8s ease-in-out;
}

label {
  font-size: 14px;
  font-weight: 600;
  color: #636767;
}

.content .container form .step.active-step {
  padding: 40px 20px;
  border-radius: 10px;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  display: block;
  background-color: #f5f5f5;
}

.content .container form .step .form-title {
  font-size: 25px;
  font-weight: 600;
  margin-bottom: 30px;
}

.content .container form .step .form-group {
  margin-top: 15px;
  text-align: start;
}

.content .container form .step .form-group label span {
  color: red;
}

.content .container form .step .form-group input,
.content .container form .step .form-group textarea,
.content .container form .step .form-group select {
  border-radius: 10px;
  border: unset !important;
  background-color: #ffffff;
}

.content .container form .step .form-group textarea {
  resize: none;
  height: 200px;
}

.content .container form .next-btn,
.content .container form .previous-btn {
  padding: 8px 30px;
  min-width: 140px;
  border: none;
  outline: none;
  background-color: var(--main-color);
  font-size: 16px;
  font-weight: 600;
  border-radius: 8px;
  margin: 30px 10px;
}

.content .container form .previous-btn {
  border: 2px solid #999999;
  background: #fcf6e9;
  color: var(--main-color);
}

.content .container form .submit-btn {
  margin-top: 30px;
  width: 250px;
  height: 55px;
}

.content .container form .dropify-wrapper {
  border-width: 2px;
  border-radius: 5px;
}

.content .container form .dropify-wrapper .dropify-message p {
  font-size: 17px;
}

.content .container form .dropfiy-label {
  margin-bottom: 10px;
}

.content .container form .loan-choice {
  margin-top: 5px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.content .container form .loan-choice .form-group {
  margin-inline-end: 60px;
}

select,
input:not([type="radio"], [type="checkbox"]) {
  color: #636767;
  width: 100%;
  border: 1.5px solid rgba(128, 128, 128, 0.418);
  padding: 0 10px;
  font-size: 14px;
  margin: 10px 0;
  background-color: #ffffff;
  height: 45px;
  transition: 0.3s ease all;
}

select {
  cursor: pointer;
  background: url(down-arrow.png) no-repeat left 10px center;
  background-size: 9px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

.sys-btn {
  position: relative;
  text-align: center;
  display: inline-block;
  padding: 8px 30px;
  min-width: 140px;
  border: none;
  outline: none;
  font-size: 15px;
  font-weight: 600;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 100px;
  background-color: black;
  color: #ffffff;
}

.dropify-wrapper input {
  height: 100% !important;
}

footer {
  background-color: #033e66;
  padding: 1.875rem 0;
}

footer .container,
footer .container-style,
footer #content>.component.container>.component-content,
footer #content>.component.container-style>.component-content,
footer #content.header--top-wrapper>div.component>.component-content,
footer #content.header--bottom-wrapper>div.component>.component-content,
footer #content>#content.component.container>.component.component-content>.component-content,
footer #content>#content.component.container-style>.component.component-content>.component-content,
footer #content.header--top-wrapper>div#content.component>.component.component-content>.component-content,
footer #content.header--bottom-wrapper>div#content.component>.component.component-content>.component-content,
footer .header--top-wrapper>div,
footer .header--bottom-wrapper>div {
  max-width: 1480px;
}

footer p {
  color: #fff;
}

.footer--top {
  padding: 2.875rem 0 3.375rem;
}

.footer--top-wrapper {
  display: flex;
  gap: 7rem;
}

@media (max-width: 991.9px) {
  .footer--top-wrapper {
    flex-direction: column;
  }
}

.footer--top-wrapper h2,
.footer--top-wrapper .home-hero--carousel .swiper-wrapper .swiper-slide .swiper-slide--inner .home-secondry-hero--inner-content .slider-info .slider-title,
.home-hero--carousel .swiper-wrapper .swiper-slide .swiper-slide--inner .home-secondry-hero--inner-content .slider-info .footer--top-wrapper .slider-title,
.footer--top-wrapper .home-secondry-hero .slider-info .slider-title,
.home-secondry-hero .slider-info .footer--top-wrapper .slider-title {
  line-height: 1;
  text-align: start;
  font-size: 1.75rem !important;
  font-weight: normal;
  color: #173b64;
  margin-bottom: 1rem;
}

.footer--top-links-wrapper {
  display: flex;
  gap: 5.25rem;
  flex: 1;
}

.footer--top-links-wrapper ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.footer--top-links-wrapper ul li:not(:first-child) {
  margin-top: 0.5rem;
}

.footer--top-links-wrapper ul li a {
  margin-bottom: 0;
  line-height: 1;
  text-align: start;
  font-size: 1.125rem !important;
  font-weight: normal;
  color: #fff;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
}

.footer--top-links-wrapper ul li a:hover {
  color: #837FD8;
}

@media (max-width: 767.9px) {
  .footer--top-links-wrapper {
    flex-direction: column;
  }
}

@media (max-width: 991.9px) {
  .footer--top-links-col {
    flex: 1;
  }
}

.footer--top-contact-wrapper {
  flex: 1;
}

.footer--top-contact-wrapper p {
  line-height: 1.75;
  text-align: start;
  font-size: 1rem !important;
  font-weight: normal;
  color: #fff;
  margin-bottom: 1.5rem;
}

.footer--top-phone {
  display: flex;
  gap: 1rem;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 2.375rem !important;
  font-size: 1.75rem !important;
  line-height: 1;
  text-align: start;
  font-weight: normal;
  color: #fff;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
}

.footer--top-phone:before {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='33' viewBox='0 0 30 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.0545 32.5938C18.7665 32.5812 16.7073 31.9413 14.7575 30.9054C12.4217 29.6646 10.409 28.0002 8.56477 26.1283C6.1234 23.6505 3.93597 20.9702 2.25015 17.9104C1.21929 16.0385 0.433576 14.0723 0.134376 11.9415C-0.25911 9.14305 0.182147 6.51562 1.84912 4.17357C2.22249 3.64808 2.65746 3.15403 3.12637 2.71025C3.77129 2.09928 4.46146 1.53357 5.15666 0.977911C6.16615 0.172083 7.26614 0.214826 8.1826 1.12751C8.66912 1.61151 9.1242 2.14328 9.50889 2.71025C10.3348 3.92968 11.1947 5.13654 11.6825 6.54957C12.1665 7.95002 11.9628 9.19334 10.8226 10.2053C10.2757 10.6919 9.7314 11.1922 9.12923 11.602C7.72249 12.5612 7.53392 13.7128 8.0858 15.2515C8.55472 16.5589 9.34923 17.6816 10.1991 18.7589C11.3368 20.1984 12.5499 21.5724 13.9793 22.7365C14.7688 23.3802 15.5997 23.9597 16.6193 24.1948C17.5081 24.401 18.2687 24.1722 18.9249 23.5461C19.5308 22.9678 20.1355 22.3896 20.7603 21.8326C21.8767 20.8382 23.1313 20.6874 24.4538 21.3486C25.0296 21.6365 25.5953 21.981 26.0881 22.3921C27.0775 23.2142 28.0253 24.0854 28.9644 24.9667C29.241 25.2269 29.4572 25.5664 29.6471 25.8995C30.1839 26.8386 30.1223 27.7412 29.3529 28.4854C28.3245 29.4798 27.3088 30.4981 26.0541 31.2285C24.4877 32.14 22.8007 32.5825 21.0545 32.5938Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  transition: all 0.25s ease-in-out;
}

.footer--top-phone:hover {
  color: #837FD8;
}

.footer--top-phone:hover:before {
  background-image: url("data:image/svg+xml,%3Csvg width='30' height='33' viewBox='0 0 30 33' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.0545 32.5938C18.7665 32.5812 16.7073 31.9413 14.7575 30.9054C12.4217 29.6646 10.409 28.0002 8.56477 26.1283C6.1234 23.6505 3.93597 20.9702 2.25015 17.9104C1.21929 16.0385 0.433576 14.0723 0.134376 11.9415C-0.25911 9.14305 0.182147 6.51562 1.84912 4.17357C2.22249 3.64808 2.65746 3.15403 3.12637 2.71025C3.77129 2.09928 4.46146 1.53357 5.15666 0.977911C6.16615 0.172083 7.26614 0.214826 8.1826 1.12751C8.66912 1.61151 9.1242 2.14328 9.50889 2.71025C10.3348 3.92968 11.1947 5.13654 11.6825 6.54957C12.1665 7.95002 11.9628 9.19334 10.8226 10.2053C10.2757 10.6919 9.7314 11.1922 9.12923 11.602C7.72249 12.5612 7.53392 13.7128 8.0858 15.2515C8.55472 16.5589 9.34923 17.6816 10.1991 18.7589C11.3368 20.1984 12.5499 21.5724 13.9793 22.7365C14.7688 23.3802 15.5997 23.9597 16.6193 24.1948C17.5081 24.401 18.2687 24.1722 18.9249 23.5461C19.5308 22.9678 20.1355 22.3896 20.7603 21.8326C21.8767 20.8382 23.1313 20.6874 24.4538 21.3486C25.0296 21.6365 25.5953 21.981 26.0881 22.3921C27.0775 23.2142 28.0253 24.0854 28.9644 24.9667C29.241 25.2269 29.4572 25.5664 29.6471 25.8995C30.1839 26.8386 30.1223 27.7412 29.3529 28.4854C28.3245 29.4798 27.3088 30.4981 26.0541 31.2285C24.4877 32.14 22.8007 32.5825 21.0545 32.5938Z' fill='%238B87DB'/%3E%3C/svg%3E%0A");
}

.footer--top-social-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: flex-start;
  align-items: center;
}

.footer--top-social-list li a {
  display: inline-block;
  text-decoration: none;
  transition: all 0.25s ease-in-out;
}

.footer--top-social-list li a svg,
.footer--top-social-list li a img {
  width: 28px;
  min-width: 28px;
  height: 28px;
  object-fit: contain;
  object-position: center;
}

.footer--top-social-list li a svg path,
.footer--top-social-list li a img path {
  transition: all 0.25s ease-in-out;
}

.footer--top-social-list li:hover svg path {
  fill: #837FD8;
}

.footer--bottom {
  border-top: 1px solid #012134;
  padding: 1.875rem 0 0;
  margin-top: 1.875rem;
}

.footer--bottom-text {
  line-height: 1.5;
  text-align: center;
  font-size: 1.125rem !important;
  font-weight: normal;
  text-decoration: none !important;
  color: rgba(255, 255, 255, 0.5);
  margin: 0 auto;
}

.footer--bottom-text a {
  color: rgba(255, 255, 255, 0.5);
  text-decoration: none !important;
}
.submit-button{
  margin-top: 35px;
  background: #033e66;
}
.contact-header{
  color: #fff !important
}
.content .container form .step .form-group input.is-invalid,
.content .container form .step .form-group textarea.is-invalid,
.content .container form .step .form-group select.is-invalid {
    border: 1px solid #dc3545 !important;
}