@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

body{
  font-family: "Poppins", serif !important;
}
ul.navlist{
  list-style: none;
  flex-wrap: wrap;
}
ul.navlist li{
  width:50%;
  padding-right:10px;
  padding-bottom:10px;
}
.product-info{
  font-size: 1rem;
}
.posterBox figure{
  width:60px;
  height:60px;
  background-color:#333333;
  border-radius:100%;
}
.card.agent{
  flex-direction: row;
}
.card.agent .img{
  width:300px;
  height:300px;
  background-color: #bcbcbc;
  border-radius: 8px;
}
.card.agent .img img{
  width:100%;
  height:100%;
}
.card.agent article{
  flex:1;
}
.select2-container{
  display: block !important;
}
.select2-container .select2-selection--multiple .select2-selection__rendered{
  white-space: wrap !important;
}
.select2-container .select2-selection--single{
  min-height: 40px !important;
}
.heading{
  color: #ffffff;
  background: #000000;
  background: linear-gradient(-180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 100%);    
  position: sticky;
}
.heading.scrolled{
  background:#ffffff;
  color:#333333;
  border-bottom:1px solid #ddd;
}
.heading.scrolled .btn{
  border-color:#333333;
  color:#333333;
}

.amentiesList{
  list-style: none;
  padding:0;
  margin:0;
}
.amentiesList li{
  width:25%;
  margin-top:20px;
}
.product-images-slider .swiper-slide {
  padding-top: 100%;
  overflow: hidden;
  position: relative;
}
.BannerBox .swiper-slide {
  border: none !important
}
.product-images-slider img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}


.product-images-slider   .swiper-button-prev {
  left: 0;
  color: #000;
}

.product-images-slider .swiper-button-next {
  right: 0;
  color: #000;
}

.swiper-slide {
  cursor: pointer;
  border: 1px solid #dddbdb;
  overflow: hidden;    
}
.swiper-slide-thumb-active {
      border-color: #ff0000;
  
} 
.swiper-slide-wrapper {
      width: 100%;
      padding-top: 100%;
      overflow: hidden;
      position: relative;
}
.swiper-slide-wrapper img {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
     
}
.product-images-slider-thumbs-wrapper{
  position: relative;
}
.product-images-slider-thumbs-wrapper img{
  max-width: 170px;
}
.product-images-slider-thumbs-wrapper   .swiper-button-prev {
  left: 0;
  color: #000;
  position: absolute;
}

.product-images-slider-thumbs-wrapper .swiper-button-next {
  right: 0;
  color: #000;
  position: absolute;
}
.swiper-horizontal{
  margin-bottom:15px;
}
.App {
  text-align: center;
}
.d-checkbox .mb-3 > div{
    display: flex;
    flex-wrap: wrap;
}
.d-checkbox .mb-3 > div .form-check {
    width: 33%;
    margin-bottom: 5px;
}
.mb-3.field-dynamicmodel-is_rent {
    display: none;
}
.mb-3.field-dynamicmodel-is_sale {
    display: none;
}
.field-dynamicmodel-is_rent, .field-dynamicmodel-is_sale{
    display: none;
}
.field-dynamicmodel-is_pre_leased_property_rent, .is_pre_leased_property{
    display: none;
}
.field-propertycontactform-member_type > div {
    display: flex;
}
.field-propertycontactform-member_type > div .form-check{
    margin-right: 5px;
}
.form-switch {
    padding-left: 1rem !important;
}
.App-logo {
  height: 40vmin;
  pointer-events: none;
}

@media (prefers-reduced-motion: no-preference) {
  .App-logo {
    animation: App-logo-spin infinite 20s linear;
  }
}

.App-header {
  background-color: #282c34;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-size: calc(10px + 2vmin);
  color: white;
}

.App-link {
  color: #61dafb;
}

@keyframes App-logo-spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.nav-item.btn.btn-orange{
  /* background: #ea5b0c !important; */
  border-color: #ea5b0c !important;
  color: #FFFFFF !important;
  line-height: 1 !important;
  --bs-btn-color: #FFF !important;
  margin-right: 5px;
}
.btn-orange:hover{
  /* background: #ea5b0c !important; */
  border-color: #ea5b0c !important;
  opacity: 0.9;
  color: #FFFFFF !important;
}
.dropDownNav{
  width:600px;
  padding:10px;
  max-height:600px;
  overflow: hidden;
}
.dropDownNav h5{
    padding-left:15px;
}

@media only screen and (max-width: 1199px) {
  .mNav{
    width:100%;
  }
  .post-List{
    width:100% !important;
  }
}

.post-List{
  background-color:#ea5b0c !important;
  border-color:#ea5b0c !important;
}

@media only screen and (max-width: 992px) {
  .dropDownNav{
    width:100%;
    max-height:none;
  }   
  .dropDownNav .col{
    margin-bottom:20px;
  }
}

.text-right{
  text-align: right;
}
.navbar-collapse .nav-link{
  color: #ea5b0c !important;
  font-weight:700;
}
.nav-link.link-primary{
  color: #ea5b0c !important;
  font-weight:700;
}
.nav-link.link-primary:hover{
  color: #ea5b0c !important;
}
.btn.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #ea5b0c;
  --bs-btn-border-color: #ea5b0c;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #ea5b0c;
  --bs-btn-hover-border-color: #ea5b0c;
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #ea5b0c;
  --bs-btn-active-border-color: #ea5b0c;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #ea5b0c;
  --bs-btn-disabled-border-color: #ea5b0c\;
}
.card-link{
  position: absolute;
  top: 0px;
  width: 100%;
  height: 85%;
}
.property-card:hover, .property-card.active{
  border: 1px solid #1d71b8 !important;
}
.property-card .money{
  font-size:16px;
  color:#4A60A1;
  /* font-weight:bold; */
}
.property-card .info{
  font-size:14px;
}
.property-card .info i{
  font-size:16px;
  vertical-align: middle;
}
.property-card .info span{
  margin-right:15px;
  display: block;
}
.uploadImageConntainer{
  position: relative;
}
.uploadImageConntainer > svg {
  position: absolute;
  fill: #FF0000 !important;
  right: 5px;
  top: 5px;
  z-index: 9;
  cursor: pointer;
}
.property-card .card-img-top{
  height:171px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.p-relative{
  position: relative;
}
img.img-fluid.w-60 {
    max-width: 60%;
    margin: 10px auto;
}
.trusted-agent-card-container {
  position: absolute;
  right: -30px;
  width: 100px;
  top: -45px;
}

.imagecontain{
  background-size: contain !important;
}
.mr-10{
  margin-right: 10px;
}
.checkboxeoptions > div {
  min-width: 30%;
}
.checkboxeoptions{
  flex-wrap: wrap;
}
.invalid-feedback {
  color: var(--bs-form-invalid-color);
  font-size: .875em;
  margin-top: .25rem;
  width: 100%;
}
.ad-list{
  align-items: center;
}
.featuredBox{
  background-color:#F4EEE1;
}
.ad-list h6{
  width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.featureCard{
  height:642px !important;
  overflow: hidden;
  border-radius:40px !important;
}
.product-info{
  font-size: 14px;
}
h3.price-detail {
  font-size: 14px;
  font-weight: 700;
}
.card-title{
  font-weight: normal !important;
  font-size: 14px !important;
}
.card-subtitle span {
  font-size: 12px;
  display: inline-block;
  margin-right: 5px;
}
@media only screen and (max-width: 420px) {
  .logo{
    height:36px;
  }
}
@media only screen and (max-width: 1199px) {
  .featureCard{
    height:309px !important;
  }
}
.featureCard.half{
  height:309px !important;
}
.featureCard .card-img-overlay{
  display: flex;
  flex-direction: row;
  align-items: end;
  background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1);
}
.featureCard .card-img-overlay figure{
  width:90px;
  height:90px;
  background-color:#282c34;
  border-radius:100px;
}
.featureCard.half .card-img-overlay figure{
  width:70px;
  height:70px;
}
.text-orange{
  color: #ea5b0c;
}
.service-row{
  background: rgb(254,238,225);
  background: -moz-linear-gradient(45deg, rgba(254,238,225,1) 0%, rgba(220,242,249,1) 100%);
  background: -webkit-linear-gradient(45deg, rgba(254,238,225,1) 0%, rgba(220,242,249,1) 100%);
  background: linear-gradient(45deg, rgba(254,238,225,1) 0%, rgba(220,242,249,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#feeee1",endColorstr="#dcf2f9",GradientType=1);
}
.text-sm{
  font-size: 0.7rem;
}
.feature i{
  font-size:100px;
}

.icon_button{
  width:88px;
  height:88px;
  background-color:#00BBFF;
  line-height:82px;
  font-size:36px;
  border-radius:100%;
}


footer{
  background-color:#042744;
}

.setting-picture{
  width: 1rem;
  height: 1rem;
}
.setting-picture img{
  width: 100%;
  border-radius: 50%;
}
.prev.disabled.page-item > span, .next.disabled.page-item > span{
    position: relative;
    display: block;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    color: #0d6efd;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #dee2e6;
    /* transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; */
}
.headingBox{
  background-color:#F7F7F7;
  border:2px solid #ffffff;
  border-radius:40px;
  width:150px;
  height:180px;
  position: relative;
  margin-top:80px;
  margin-left:auto;
  margin-right:auto;
  text-align: left;
  
}
.joint-venture-contact-btn{
  position: absolute;
  bottom: 15px;
  right: 15px;
}
.brokers-section {
    max-width: 1200px;
    margin: 2rem auto;
    padding: 0 1rem;
    font-family: Arial, sans-serif;
  }
  
  /* Header */
  .section-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
  }
  
  .section-header h2 {
    font-size: 1.75rem;
    margin: 0;
  }
  
  .search-input {
    padding: 0.5rem 1rem;
    border: 1px solid #ccc;
    border-radius: 4px;
    flex: 1;
    margin-left: 1rem;
  }
  
  /* Cards grid */
  .broker-cards {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
  }
  
  /* Individual card */
  .broker-card {
    /* display: flex; */
    align-items: center;
    background: white;
    border: 1px solid #eee;
    border-radius: 6px;
    padding: 1rem;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
  }
  
  .broker-photo {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    object-fit: cover;
    margin-right: 1rem;
    margin: 0 auto;
    display: block;
  }
  
  .broker-info {
    flex: 1;
  }
  
  .broker-name {
    font-size: 1.1rem;
    margin: 0 0 0.25rem;
  }
  
  .broker-agency {
    font-size: 0.95rem;
    color: #555;
    margin: 0;
  }
  
  .broker-details {
    font-size: 0.85rem;
    color: #777;
    margin-top: 0.5rem;
  }
  
  /* Button styling */
  .contact-btn {
    background: #06a94d;
    color: white;
    border: none;
    padding: 0.5rem 0.8rem;
    border-radius: 4px;
    cursor: pointer;
    font-size: 0.9rem;
  }
  .contact-btn:hover {
    background: #058a3c;
  }

  .imageAgent{
    width:200px;
    height:200px;
    /* background-color:#333333;
    border-radius:80px; */
    overflow: hidden;
  }

  .brokerCard{
    margin-bottom:30px;
  }
  .brokerCard .card-body{
    padding: 0 15px 0 0 !important;
  }
  .brokerCard .meta{
    flex:1;
    padding-left:15px;
    padding-right:15px;
    padding: 1rem 1rem;
  }
  .flex-1{
    flex:1
  }
  .broker-profile {
    font-family: 'Arial', sans-serif;
    background: #fff;
  }
  
  
  .broker-avatar {
    width: 160px;
    height: 160px;
    border-radius: 50%;
    object-fit: cover;
    /* border: 2px solid #06a94d; */
  }
  
  .broker-meta {
    flex: 1;
  }
  
  .broker-name {
    font-size: 2rem;
    margin: 0;
  }
  
  .broker-agency {
    font-size: 1rem;
    color: #555;
    margin: 0.25rem 0;
  }
  
  .broker-stats span {
    display: block;
    font-size: 0.9rem;
    color: #777;
    margin-top: 0.25rem;
  }
  
  .broker-description {
    line-height: 1.6;
    color: #333;
  }
  
  .broker-actions {
    display: flex;
    gap: 1rem;
  }
  
  .action-btn {
    flex: 1;
    padding: 0.8rem;
    border: none;
    border-radius: 4px;
    font-size: 1rem;
    cursor: pointer;
  }
  
  .contact-btn {
    background-color: #06a94d;
    color: #fff;
  }
  
  .view-listings-btn {
    background-color: #eef6f1;
    color: #06a94d;
  }
  
  .action-btn:hover {
    opacity: 0.9;
  }

  .trusted{
    right: -10px;
    top: -40px;
  }
.trusted {
    right: -10px;
    top: -40px;
}
.position-absolute {
    position: absolute !important;
}
.headingBox h5 {font-size: 15px;}
.headingBox figure img{width:100%}
.headingBox figure{
  /* width: 174.880859375px; */
  height: 252.30612182617188px;
  position: absolute;
  top:-80px;
  left:0;
  width:100%; text-align:center
}
.headingBox p{
  font-size: 12px;
  line-height:15px;  
}

.BannerBox{
  max-width:1040px;
}

.MainHeader{
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.11);
  -moz-box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.11);
  box-shadow: 0px 4px 10px 0px rgba(0,0,0,0.11);
  position: relative !important;
  z-index: 100;
}
.MainHeader .bg-body-tertiary{
  background-color: #ffffff !important; 
}

.navbar-collapse a.nav-link{
  font-size:17px;
  letter-spacing: 1px;
  color: #424242;
  padding-left:15px !important;
  padding-right:15px !important;
}
.navbar-collapse a.nav-link:hover{
  color:#EA5B0C;
}


.HomepageBanner{
  background:url('/img/bannner-bg.jpg') no-repeat center;
  background-size: cover;
}


/* .cardBox{
  max-width:1400px;
}
.cardBox .swiper-slide{
  border-width:0px;
} */

.text-xl{
  font-size:1001%;
}

.slideMainImage{
  height:400px;
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center;
}
.project-images-slider .slideMainImage{
  height:340px;
}
.slideThumbImage{
  height: 100px;
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center;
}
.project-thumbs .slideThumbImage{
  height: 150px;
  background-size:contain;
  background-repeat: no-repeat;
  background-position: center;
}
.align-center{
  align-items: center;;
}
.property-card{
  min-height:460px;
}
.pricing-table table{
  width: 100%;
}
.pricing-table table thead, .pricing-table table tbody > tr > td{
  border-bottom: 1px solid #000;
}
.pricing-table table tbody > tr > td, .pricing-table table thead > tr > th {
  border-right: 1px solid #000;
}
.project-page h3 {
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.accordion-button:not(.collapsed) {
  background-color: #0e6efd !important;
  color: #FFF !important;
  border-color: #0e6efd !important;
}
.project-cart-title{
  font-size: 1rem !important;
  text-transform: capitalize;
}
.br-primary.amenities, .bg-primary.amenities{
  background-color: #7EB2FF !important;
}
h3.prj-title{
  font-size: 2rem;
  text-transform: capitalize;
  font-weight: 600;
  color: #1d71b8;
}
.text-dark.card-title{
  font-weight: 600 !important;
}
.sticky{
  position: sticky !important;
  top: 0;
  z-index: 9;
}
.sticky.scrolled{
  top: 57px
}
.setting .dropdown-menu[data-bs-popper]{
  right: 0 !important;
  left: auto !important;
}
.setting .dropdown-toggle::after{
  display: none !important;
}
.page-title h1{
  font-size: 1.25rem;
}
.modal-content{
   z-index: 100;
}
header.sticky{
  z-index:99;
}
.swiper-slide{
  border: none !important;
}
.property-card.mb-4.border-0.shadow.position-relative.card {
    border: 1px solid #ddddbd !important;
}
.property-card.mb-4.border-0.shadow.position-relative.card.active{
  border-color: #1d71b8 !important;
}
.navbar-expand-xl .navbar-nav .dropdown-menu{
  z-index: 99 !important;
}
span.make-cover-image{
  display: none;
}
span.main-cover-image-label{
  display: block;
}
#preview-container .active, #previewed-image .active{
    border: 1px solid #FF0000;
}
.hover-badge{
    display: none;
}
#preview-container > div:hover .hover-badge, #previewed-image > div:hover .hover-badge{
    display: block
}
.hover-badge, .cover-badge {
    display: none;
    position: absolute;
    bottom: 4px;
    left: 5px;
    width: 94%;
    height: 25px;
    font-size: 10px;
    margin: 0 auto;
    text-align: center;
    background: #000;
    color: #FFF;
    border-radius: 0 0 7px 7px;
}
.hover-badge > span, .cover-badge > span {
    position: relative;
    top: 5px;
}
.active .cover-badge{
    display: block;
    background: #FF0000;
}
span.main-cover-image-label, span.make-cover-image {
  position: absolute;
  z-index: 99;
  width: 100%;
  bottom: 0;
  text-align: center;
  background: #000;
  opacity: 0.7;
  padding: 5px 0;
  color: #FFF;
  cursor: pointer;
}
.uploadImageConntainer:hover span.make-cover-image{
  display: block;;
}
.uploadImageConntainer{
  cursor: pointer;
}



ul.process_tab{
    list-style: none;   
    border-bottom:1px solid #ddd;
}
ul.process_tab li{
    width:100%;
    padding:0 25px;
}
ul.process_tab li i{
    width:70px;
    height:70px;
    background-color:#C5C9D6;
    display: inline-block;
    border-radius:100%;
    text-align: center;
    line-height:65px;
}
ul.process_tab li i .check{
    display: none;
}
ul.process_tab li.inactive i{
    background-color:#27C200;
}
ul.process_tab li.inactive i .check{
    display: inline-block;
}
ul.process_tab li.inactive i .layer{
    display: none;
}
ul.process_tab li i svg{
width:40px;
height:40px;
}
ul.process_tab li  a{
    text-decoration: none;
    color:#333;
    border-bottom:2px solid #ffffff;
    padding:15px 0px;
}
ul.process_tab li.active a{
    color:#333;
    border-bottom-color:#00AAFF;
}
ul.process_tab li.active a i{
    background-color:#00AAFF;
    color:#ffffff;
}
ul.process_tab li  a > div{
    padding-left:10px;
}
ul.process_tab li a > div > div{
    font-size:17px;
    font-weight: bold;    
}
ul.process_tab li a > div > div  p{
    font-size:13px;
    color:#787878;
}


.iconBox svg{
    width:70px;
    height:70px;
    color:#27C200;
}

.autocomplete-result{
    position: absolute;
    z-index: 1;
    width: 100%;
    top: 100%;
    background-color: #f1f1f1;
    border: 1px solid #d9d9d9;
    padding: 5px;
}
.autocomplete-result ul{
    list-style: none;
    list-style: none;
    padding: 0;
    margin: 0;
}
.autocomplete-result ul li{
    padding:5px 10px;
    cursor: pointer;
}
.autocomplete-result ul li:hover{
    background-color:#dbf3ff;
}
.tag-input-container{
    display: flex;
    margin-bottom: 5px;
}
.tag{
    display: flex;
    gap: 10px;
    padding: 5px 10px;
    background-color: #333;
    border-radius: 5px;
    color: #fff;
    margin-right: 5px;
}

.locationField{
    z-index:9999;
}
.userNav .info figure, .userNav .info img{
    width:80px;
    height:80px;
    background-color:#333;
    border-radius:100%;
}
.userNav .nav{
}
.userNav .nav li.active a{
    background-color:#E8F7FF;
}
.userNav .nav li a{
    display: block;
    text-decoration:none;
    padding:10px 15px;
    color:#525252;
    vertical-align: middle;
    font-size:17px;
}
@media (min-width: 992px) {
    .userNav .nav li a{
        border-left:5px solid #ffffff;
    }
    .userNav .nav li.active a{
        border-left:5px solid #00AAFF;
    }
}

.userNav .nav li a svg{
    width:20px;
    height:20   px;
}

ul.process_tab{
    list-style: none;   
    border-bottom:1px solid #ddd;
}
ul.process_tab li{
    width:100%;
    padding:0 25px;
}
ul.process_tab li i{
    width:70px;
    height:70px;
    background-color:#C5C9D6;
    display: inline-block;
    border-radius:100%;
    text-align: center;
    line-height:65px;
}
ul.process_tab li i .check{
    display: none;
}
ul.process_tab li.inactive i{
    background-color:#27C200;
}
ul.process_tab li.inactive i .check{
    display: inline-block;
}
ul.process_tab li.inactive i .layer{
    display: none;
}
ul.process_tab li i svg{
width:40px;
height:40px;
}
ul.process_tab li  a{
    text-decoration: none;
    color:#333;
    border-bottom:2px solid #ffffff;
    padding:15px 0px;
}
ul.process_tab li.active a{
    color:#333;
    border-bottom-color:#00AAFF;
}
ul.process_tab li.active a i{
    background-color:#00AAFF;
    color:#ffffff;
}
ul.process_tab li  a > div{
    padding-left:10px;
}
ul.process_tab li a > div > div{
    font-size:17px;
    font-weight: bold;    
}
ul.process_tab li a > div > div  p{
    font-size:13px;
    color:#787878;
}
.ad-list{
  justify-content: space-between;
}
.iconBox svg{
    width:70px;
    height:70px;
    color:#27C200;
}
.self-p-img{
  height: 90px;
    width: 90px;
    overflow: hidden;
    border-radius: 10px;
    margin-right: 15px;
    margin-bottom: 10px;
}
.self-p-img > img {
    width: 100%;
    height: 100%;
}
@media (max-width: 992px) {
    .userNav .nav li a{
        font-size:15px;
        border-bottom:5px solid #ffffff;
    }
    .userNav .nav li a svg{
        font-size:17px;
    }
    .userNav .nav li.active a{
        border-bottom:5px solid #00AAFF;
    }

    header.sticky{
      position: relative !important;
}


}

@media (max-width: 1400px) {
  footer .navbar-nav.navbar-nav-scroll{
    font-size:15px;

  }
}

  @media (max-width: 992px) {

  footer .navbar > div.container{
        display: block;
    padding-bottom: 20px;
    text-align: center;
  }

  footer .navbar-nav{
    font-size: 15px;
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: row;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .setting .dropdown-menu[data-bs-popper]{
    left: 0 !important;
  }
}