/* max width */
.no-display {
  display: none;
}
.max-w-sm {
  max-width: 24rem;
}

.max-w-lg {
  max-width: 32rem;
}

.max-w-xl {
  max-width: 36rem;
}

.max-w-2xl {
  max-width: 42rem;
}

.max-w-3xl{
  max-width: 48rem;
}

.max-w-4xl {
  max-width: 56rem;
}

/* padding */

.pr-8 {
  padding-right: 32px;
}

.pt-10 {
  padding-top: 2.5rem;
}

.py-16 {
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.py-20 {
  padding-top: 5rem;
  padding-bottom: 5rem;
}
.py-24 {
  padding-top: 6rem;
  padding-bottom: 6rem;
}

.py-32 {
  padding-top: 8rem;
  padding-bottom: 8rem;
}
.pb-32 {
  padding-bottom: 8rem;
}

.py-48 {
  padding-top: 12rem;
  padding-bottom: 12rem;
}

/* margin */

.-mt-32 {
  margin-top: -96px;
}

.mt-10{
  margin-top: 10px;
}

.mt-20{
  margin-top: 20px;
}
.mb-10{
  margin-bottom: 10px;
}
.mb-20{
  margin-bottom: 20px;
}
/* text colors */

.text-gray-200 {
  color: #e5e7eb !important;
}

.text-gray-500 {
  color: #6b7280 !important;
}
.text-gray-900 {
  color: #111827 !important;
}

/* background color & Gradient */

.bg-black {
  background-color: black;
}

.bg-gradient-hero {
  background-image: linear-gradient(
    to right,
    rgba(0, 0, 0, 0.6),
    rgba(0, 0, 0, 0)
  );
}

/* height & Width */
.svg-alert {
  width: 1em;
  height: 1em;
  vertical-align: -0.125em;
  fill: currentcolor;
}


.min-h-80vh{
  min-height: 80vh;
}

.h-2 {
  height: 8px;
}
.w-2 {
  width: 8px;
}

.h-3 {
  height: 12px;
}
.w-3 {
  width: 12px;
}

.h-4 {
  height: 16px;
}
.w-4 {
  width: 16px;
}

.h-5 {
  height: 20px;
}
.w-5 {
  width: 20px;
}

.h-6 {
  height: 24px;
}
.w-6 {
  width: 24px;
}
.h-7 {
  height: 28px;
}

.h-8 {
  height: 32px;
}
.w-8 {
  width: 32px;
}

.h-10 {
  height: 40px;
}
.w-10 {
  width: 40px;
}

.w-50 {
  width: 50% !important;
}

.h-12 {
  height: 48px;
}
.w-12 {
  width: 48px;
}
.h-14 {
  height: 56px;
}

.h-16 {
  height: 64px;
}

.w-16 {
  width: 64px;
}

.h-24 {
  height: 96px;
}

.w-24 {
  width: 96px;
}

.w-64 {
  width: 256px;
}

.h-64 {
  height: 256px !important; 
}

.max-h-50 {
  max-height: 200px;
}

/* Position */

.left-0 {
  left: 0px;
}

.top-4 {
  top: 16px;
}
.left-4 {
  left: 16px;
}

.right-4 {
  right: 16px;
}

.inset-0 {
  inset: 0px;
}

.inset-x-0 {
  right: 0px;
  left: 0px;
}

.inset-y-0 {
  top: 0px;
  bottom: 0px;
}

/* Z index */

.z-0 {
  z-index: 0;
}

.-z-10 {
  z-index: -10;
}

.z-10 {
  z-index: 10;
}

/* Shadow */

.card-shadow {
  box-shadow: 2px 0px 40px 11px rgba(0, 0, 0, 0.1);
}

/* fill current */
.fill-current {
  fill: currentColor;
}

/* stroke current */
.stroke-current {
  stroke: currentColor;
}
.stroke-primary {
  stroke: #0d6efd;
}

/* font size */
.text-xs {
  font-size: 12px;
}
.text-sm {
  font-size: 14px;
}

/* border */

.border-gray-200 {
  border-color: #e5e7eb !important;
}
.border-hover-effect {
  border-bottom: 1px solid transparent !important;
}
.border-hover-effect:hover {
  border-bottom: 1px solid #6c757d !important;
}

/* Image object */

.object-right {
  object-position: right;
}

.object-center {
  object-position: center;
}

/* flex */

.flex-1 {
  flex: 1 1 0%;
}

/* remove Style */

.dropdown-toggle::after {
  display: none;
}

/* transitions */
.background-scroll {
  background-color: transparent;
  transition: background-color 0.2s ease;
}

.text-dark-scroll {
  color: #fff;
  transition: color 0.2s ease;
}

/* Sidenav Dashboard */

.sidenav-tab-selected {
  background-color: #35437f;
  color: #fff;
  text-decoration: none;
}

.sidenav-tab {
  color: #ccd5e2;
  text-decoration: none;
}

.sidenav-tab:hover {
  color: #fff;
  background-color: #35437f;
}
 /* underline  */
.underline-custom {
  text-decoration-line: underline;
  text-underline-offset: 2px;
  text-decoration-style: dotted;
}
.text-rating {
  color: #fdd51c;
}

.photo-status{
  float: right;
    position: absolute;
    background: #cb6687;
    font-size: 12px;
    color: #fff;
    font-weight: bold;
    padding: 0px 25px 0px 15px;
    border-bottom-right-radius: 5px;
}
/* media Query */

@media (min-width: 992px) {
  /* Bootstrap large breakpoint */
  .border-lg-end-custom {
    border-right: 1px solid #d9dde1; /* or any border style you want */
  }
  .about-cover-image {
    height: 520px !important; /* Fixed height for large screens */
  }
  .position-lg-static {
    position: static !important;
  }
  .lg-max-w-lg {
    max-width: 32rem !important;
  }
  .lg:w-50 {
    width: 50% !important;
  }
  .lg-w-96 {
    width: 384px !important;
  }
  .overflow-lg-hidden {
    overflow: hidden;
  }
  .lg-left-auto {
    left: auto !important;
  }
  .lg-right-full {
    right: 100% !important;
  }
   /*cookie*/
 .cc-compliance .cc-btn::before {
  content: "Accept All Cookies" !important;
}

.cc-window.cc-banner{
  max-width: 100% !important;
  flex-direction: row !important;
}


.cc-revoke, .cc-window{
  flex-direction: column !important;
  left: 0 !important;
  right: 0px !important;
  /* top: 0 !important; */
  bottom: 0 !important;
}



}
@media screen and (max-width: 768px) {
  .datatable tr td {
      border: none;
  }

  

  .datatable tr td:last-of-type {
      border-bottom: 1px solid #d3d3d369;
  }

  .datatable tr td:not(:first-child) {
      padding-left: 20px;
  }
}

@media (min-width: 768px) {
  .w-md-64 {
    width: 256px !important;
  }
  .w-md-full {
    height: 100% !important;
  }
}

.page-link.active {
  background-color: #212529 !important;
}
.t-center{
  text-align: center;
}

.floating-button{
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9998;
}

.td-none{
  text-decoration: none !important;
}

.scroll-top{
  scroll-margin-top: 100px
}

 /*cookie*/
 .cc-compliance .cc-btn::before {
  content: "Ok" ;
}

.cc-window.cc-floating{
  max-width: 100% !important;
  flex-direction: column ;
}


.cc-revoke, .cc-window{
  justify-content: space-between;
  left: 0 !important;
  right: 0px !important;
  /* top: 0 !important; */
  bottom: 0 !important;
}


.custom-badge {
  z-index: 9999 !important;
  padding-top: 0.5rem; 
  padding-bottom: 0.5rem; 
  padding-left: 50px; 
  padding-right: 50px; 
  margin: 0.25rem; 
  position: fixed; 
  top: 0; 
  right: -50px;
  border: 1px dashed; 
  box-shadow: 4px 4px 8px #dc3546; 
  transform: rotate(45deg); 
  border-color: white; 
  color: white; 
  background-color: #dc3546; 
}


.select2-container .select2-selection--single{
  display: none !important;
}

/*  [1] The container  */
.img-hover-zoom {
  height: 100%; /* [1.1] Set it as per your need */
  overflow: hidden; /* [1.2] Hide the overflowing of child elements */
}

/* [2] Transition property for smooth transformation of images */
.img-hover-zoom img {
  transition: transform 0.9s ease;
}

/* [3] Finally, transforming the image when container gets hovered */
.img-hover-zoom:hover img {
  transform: scale(1.1);
}

.header-button .btn-outline-dark:focus {
  color: #fff !important;
  background-color: darkgray;
}
.btn-outline-dark:hover{
  color: #fff !important;
}

.favorite-true{
stroke: red;
fill: red;
}

.link-black {
  color: #000000;
  font-weight: bold;
  text-decoration: none;
}

.link-black:hover{
  text-decoration: underline;
  color: #000000;
}

 

.file-link {
    color: #5e5b5b!important;
}
.file-link:hover{
    text-decoration: underline;
}
.contract-scrollable-div {
  overflow-y: scroll;
  max-height: 500px;
  border: 1px solid #79807e;
  padding: 50px;
  border-radius: 5px;
}
.contract-scrollable-div p, .contract-pdf p {color: #000;}

#upload-wrap{
border: dotted 3px #cecece;
padding: 50px;
}

.paypal-link{
  background: #ffc439;
  padding-top: 8px;
  color: #000;
  width: 100%;
}

.paypal-link:hover{
  background: #eda700;
}

ul.cities-recommended {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  padding: 0;
  margin: 0;
}

ul.cities-recommended li {
  flex: 1 0 50%; /* Each list item will take 50% of the container width */
  padding-top: 5px;
  display: block;
  margin-bottom: 10px;
}
ul.cities-recommended li + ul.cities-recommended li {
  margin-top: 5px;
}

/* Iframe style */

/* Modal background overlay */
#iframeModal {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 9998; /* Ensure it appears above other content */
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5); /* Black with opacity */
}

/* Modal content */
#iframeModalContent {
  margin: 10% auto;
  width: fit-content;
  }

/* Close button */
#closeModal {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
  padding-right: 20px;
}

#closeModal:hover,
#closeModal:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.p0 {
  padding: 0px !important;
}
a {
  text-decoration: none;
  cursor: pointer;
}
.pagination{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.form-check-input{
  border-color: #000000 !important;
}

.form-check-input:checked {
  background-color: #000000 !important;
  border-color: #000000 !important;
}