.body{font-family: "Poppins", serif;font-size: 16px;margin: 0;
font-weight: 400;line-height: 1.4; 
background: #fff; height: 100%;
background-image: radial-gradient(circle at top right, #cafffa -9%, transparent 17%);
    background-repeat: no-repeat;
}
.body-internal{font-family: "Poppins", serif;font-size: 16px;margin: 0;
font-weight: 400;line-height: 1.4; 
background: #fff; height: 100%;
background-image: radial-gradient(circle at top right, #cafffa -9%, transparent 37%);
    background-repeat: no-repeat;
}
.body-internal2{font-family: "Poppins", serif;font-size: 16px;margin: 0;
font-weight: 400;line-height: 1.4; 
background: #fff; height: 100%;
background-image: radial-gradient(circle at top right, #cafffa -9%, transparent 1%);
    background-repeat: no-repeat;
}
.black{color: #333}
.w90{width: 90%}
header{padding: 10px 0; }
#logo{width: 200px}
#logol{width: 200px; display: block; margin: 0 auto}
#main-img{width: 100%}
.main-img{width: 100%}
.green-font{color:#0b7266;}
.green-a{color:#0b7266;}
.active, .green-a:hover{color: #0b7266}
.upper{text-transform: uppercase;}
li {
    font-size: 15px;
    margin-bottom: 5px;
}
.into-sq{
    padding: 35px;
}
.sq-title{
    font-size: 46px;
    font-family: "Lilita One", sans-serif;
    font-weight: 700;
    margin-bottom: 0;
    color:#009f8e;
    text-transform: uppercase;
    line-height: 1.2
}
.plan {
    font-size: 36px;
    font-family: "Lilita One", sans-serif;
    font-weight: 700;
    margin-bottom: 0;
    color:#009f8e;
}
.planprice {
    font-family: "Lilita One", sans-serif;
    font-weight: 700;
    margin-bottom: 0;
    
}
.plant {
    font-size: 22px;
    font-family: "Lilita One", sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
    color:#0b7266;
}
.h1internal{
    font-size:62px;
      font-family: "Lilita One", sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    color: #009f8e
}
.h1, h1 {
    font-size:74px;
      font-family: "Lilita One", sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    color: #009f8e
}
.h2, h2 {
    font-size:60px;
      font-family: "Lilita One", sans-serif;
    font-weight: 400;
    margin-bottom: 10px;
    color: #009f8e;

}
.h3, h3 {
    font-size: 32px;
      font-family: "Poppins", serif;
    font-weight: 700;
    margin-bottom: 0;
}
.h4, h4 {
    font-size: 30px;
      font-family: "Poppins", serif;
    font-weight: 500;
    margin-bottom: 10px;
    width: 90%
}
p {
    margin-top: 0;
    margin-bottom: 5px;
}
.semi{font-weight: 500}
.bot-0{margin-bottom: 0px}
.bot-5{margin-bottom: 5px}
.bot-10{margin-bottom: 10px}
.bot-15{margin-bottom: 15px}
.bot-20{margin-bottom: 20px}
.bot-30{margin-bottom: 30px}
.bot-50{margin-bottom: 50px}
.bot-80{margin-bottom: 80px}
.top-0{margin-top: 0px}
.top-5{margin-top: 5px}
.top-10{margin-top: 10px}
.top-15{margin-top: 15px}
.top-20{margin-top: 20px}
.top-30{margin-top: 30px}
.top-40{margin-top: 40px}
.top-50{margin-top: 50px}
.top-80{margin-top: 80px}
.top-120{margin-top: 120px}
.top-80-e{margin-top: 80px}
.top-160{margin-top: 160px}
.top--50{margin-top: -50px}
.top--10{margin-top: -5px}
.top--20{margin-top: -20px}
.font-12{font-size: 12px}
.font-14{font-size: 14px}
.font-16{font-size: 16px}
.font-18{font-size: 18px}
.font-22{font-size: 22px}
.font-28{font-size: 28px}
.font-32{font-size: 32px}
.font-34{font-size: 34px}
.font-56{font-size: 56px}
.left-10{margin-left: 10px;}
.left-45{margin-left: 45px;}
.padding-bot-5{padding-bottom: 5px}
.padding-bot-10{padding-bottom: 10px}
.padding-bot-30{padding-bottom: 30px}
.padding-bot-80{padding-bottom: 80px}
.padding-bot-120{padding-bottom: 120px}
.top-pad-10{padding-top: 10px}
.top-pad-30{padding-top: 30px}
.top-pad-120{padding-top: 120px}

.subbox{
    background-color: #ffffff;
    padding: 45px 35px 55px 35px;
    border-radius: 22px;
}
.square{
    width: 100%;
    max-width: 200px;
}
.top-line{
    border-top: 1px solid#ddd;
    padding-top: 35px
}
.row-pro{
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    border: 2px solid #f2f2f2;
    margin-top: 25px;
    margin-bottom: 5px;
    border-radius: 11px;
        -webkit-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
}
.row-pro:hover{
    border: 2px solid #009f8e;
}
.row-pro-active{
    padding-top: 15px;
    padding-bottom: 15px;
    background-color: #fff;
    border: 2px solid #009f8e;
    margin-top: 25px;
    margin-bottom: 5px;
    border-radius: 11px;
        -webkit-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
}
.brandbox {
    border: 2px solid #f2f2f2;
    padding: 0px 25px;
    text-align: center;
    border-radius: 9px;
    height: 320px;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
}
.brandplus{font-size: 24px;
      font-family: "Poppins", serif;
    font-weight: 700; text-decoration: none; color: #aaa}
.brandbox:hover {
    border: 2px solid #009f8e;
}
.brandbox:hover .brandplus{
    color: #009f8e;
}
.brandbox img{
    max-width: 100%;
    height: auto; 
    display: block;
}
.vertical {
display: flex;
  align-items: center;
}
.nav-link {
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
    font-weight: 500
}
.drag-handle {
  font-size: 1.5rem;
  color: #666;
}
.nav-link2{padding: 0 15px !important; margin-top: 12px;}
.btn-primary4{background-color: #beaf08; border-color: #beaf08; border-radius: 5px;font-size: 16px;
font-family: "Poppins", serif; font-weight: 500; padding: 12px 20px !important; color: #ffffff; 
}
.btn-primary5{background-color: #ffffff; border: 2px solid #0c7069; border-radius: 25px;font-size: 16px;
font-family: "Poppins", serif; font-weight: 500; padding: 12px 25px !important; color: #0c7069; 
}

.btn-primary6, .btn-primary7{background-color: transparent; border-color: transparent; border-radius: 5px;font-size: 16px;
font-family: "Poppins", serif; font-weight: 500; padding: 12px 25px !important; color: #000000;  
border: 2px solid transparent
}
.btn-primary{background-color: #f92b15; border-color: #f92b15; border-radius: 8px;font-size: 16px;
font-family: "Poppins", serif; font-weight: 700; padding: 12px 32px !important; color: #ffffff;     width: fit-content;
}
.btn-primary2{background-color: #f92b15; border-color: #f92b15; border-radius: 8px;font-size: 14px;
font-family: "Poppins", serif; font-weight: 700; padding: 8px 20px !important; color: #ffffff;     width: fit-content;
}
.btn-primary:hover, .btn-primary:active{
    background-color: #a51a10; border: 2px solid #a51a10; color: #ffffff;}
.btn-primary5:hover{
    background-color: #fff; border: 2px solid #0c7069; border-radius: 25px;color: #0c7069;}
.btn-primary7:hover, .btn-primary7:active{
    background-color: #fff; border: 2px solid #0c7069; border-radius: 25px;color: #0c7069;}

.border-bot{
    border-bottom: 1px solid #ddd;
    
}
.img-pro{
    background-color: #eeeeee;
    width: 100%;
    padding: 15px;
    max-height: 300px
}

.semibold{font-weight: 600}
.bold{font-weight: 800}
.inline{display: inline-block}
.color-field {
    display: inline-block;
    width: 60%;
    margin-left: 5px;
}
.form-control{
    transition: background 0.15s ease, border 0.15s ease, box-shadow 0.15s ease, color 0.15s ease;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.03), 0px 3px 6px rgba(0, 0, 0, 0.02);
    padding: 0.75rem 0.75rem;
}
.form-control::placeholder{
    color: #ccc
}
.remove-btn {
    border: none;
    background: none; font-weight: 700;
    margin-bottom: 30px; font-size: 14px;
    text-decoration: underline; color: #beaf08;
}

.alert-success {
    padding: 15px 0 10px;
    background: #07af08;
    color: #fff;
    text-align: center;
}
.alert-warning{
    padding: 15px 0 0px;
    background:#c00707;
    color: #fff;
    text-align: center;
}
.alert{color: #fff;}

a{color: #0b7266}
.a-right{float: right;}
#admin_side{color: #fff;padding: 20px;min-height: 100vh}
#admin_middle{background-color: #ffffff;padding: 50px;}
.green-background{background-color: #37322A}
.form-control[type="select"],
select.form-control {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='black' d='M2 5L4 2H0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 10px;
    padding-right: 2rem; /* Ensure space for the arrow */
}
.preview-image {
  width: 100%;
  height: 100px;
  object-fit: contain; /* Ensures the image fits inside without stretching */
  background-color: #ffffff; /* Optional: light gray background */
  border: 1px solid #ddd;
  padding: 5px
}
.status{float: right}
.form-control3 {
    display: block;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.5;
    color: var(--bs-body-color);
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    background-clip: padding-box;
    border: none;
}
.form-control3[type="select"],
select.form-control3 {
    appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 4 5'%3E%3Cpath fill='black' d='M2 5L4 2H0z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 10px;
    padding-right: 2rem; /* Ensure space for the arrow */
}

.dropdown-item.active, .dropdown-item:active {
    color: rgb(249, 43, 21);
    background-color:#fff;
    text-decoration: none;
}

#edit-icon{width: 20px; display: inline-block; margin-left: 10px}


.comment {
    padding: 10px 15px;
    margin-bottom: 15px;
    max-width: 100%;
}
.comment-admin {
    padding: 10px 15px;
    margin-bottom: 15px;
    max-width: 100%;
    background-color: rgb(240 255 253);;
    border-radius: 11px
}
.comment:hover{
    padding: 10px 15px;
    margin-bottom: 15px;
    max-width: 100%;
    background-color: #f5f5f5;
    border-radius: 11px
}
.comment-admin:hover {
    padding: 10px 15px;
    margin-bottom: 15px;
    max-width: 100%;
    background-color: rgb(220 255 250);
    border-radius: 11px
}
.comment-images {
    margin-top: 10px;
}
.comment-images img {
    border-radius: 8px;
    margin-top: 5px;
}
.comment-scroll-container {
  height: auto;
  overflow-y: auto;
  scroll-behavior: smooth;
  transition: all 0.3s ease;
}

.coment-lista2 {
    max-height: calc(90vh - 220px);
    overflow-y: auto;
    /* padding-bottom: 90px; */
    /* margin-bottom: 100px; */
    transition: all 0.3s ease;
}
.sticky-div {
  position: sticky;
  top: 0;
  z-index: 999; /* Asegura que esté por encima de otros elementos */
  background-color: white; /* Asegura que no se vea lo de detrás al hacer scroll */
}
#attach-button {
    width: 35px;
    height: 35px;
    border-radius: 50%;
    background: transparent;
    color: #aaa;
    border: 2px solid #aaa;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 17px;
    margin-right: 10px;
    cursor: pointer;
    display: inline-block;
    margin-top: 15px;
}

#image-preview {
    display: flex;
    gap: 8px;
    margin-top: 10px;
}

/* Submit Button with message icon */
.message-button {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: transparent;
    color: #0E7266;
    border: 2px solid #0E7266;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    display: inline-block;
    margin-top: 15px;
}
.message-button2 {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: transparent;
    color: #0E7266;
    border: 2px solid #0E7266;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    padding: 0;
    display: inline-block;
    margin-top: 5px;
}

.message-button i, .message-button2 i {
    font-size: 18px; /* Icon size */
}

.chat {
    position: fixed;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    border-top: 1px solid #ddd;
    padding: 20px 8%;
    border-radius: 11px 11px;
    z-index: 1000;
    margin-bottom: 0;
    background-color: #fff;
}
#bell{width: 22px}
.notification-dot {
  display: inline-block;
  width: 11px;
  height:11px;
  background: #F82B16;
  border-radius: 50%;
  margin-left: -12px;

}


.image-wrapper {
    width: 250px;
    max-width: fit-content;
    /* height: 150px; */
    background-color: #fff;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    border: 1px solid #ddd;
    padding: 15px;
    margin-bottom: 5px
}


.preview-img {
    width: 150px;
    height: 150px; /* Reserve space for the image */
    object-fit: cover;
    border-radius: 8px;
}
.imagebox {
    border: 2px solid #f2f2f2;
    padding: 0px 25px;
    text-align: center;
    border-radius: 9px;
    height: 70vh;
    background-color: #ffffff;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    -webkit-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
}
.imagestyle {
    border: 2px solid #f2f2f2;
    padding: 25px;
    max-width: 100%;
    height: auto;
    display: block;
    border-radius: 9px;
}
.comment-point {
    width: 17px;
    height: 17px;
    background: #F82B16;
    border: 5px solid #ffffff;
    outline: 4px solid #F82B16;
    outline-offset: 0;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
    pointer-events: auto;
    -webkit-box-shadow: 2px 1px 20px 0px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
    box-shadow: 3px 1px 10px 1px rgba(0, 0, 0, 0.5);
}
.comment-points-container-c {
    background: #ffffff;
    padding: 10px;
    border-radius: 8px;
    max-width: 350px;
    min-width: 250px;
        -webkit-box-shadow: 4px 1px 25px 3px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 4px 1px 25px 3px rgba(0,0,0,0.35);
    box-shadow: 4px 1px 25px 3px rgba(0, 0, 0, 0.35);
}
.comment-tooltip-c {
  position: absolute;
  background: #ffffff;
  padding: 8px 12px;
  border-radius: 6px;
  max-width: 350px;
  min-width: 200px;
  box-shadow: 8px 1px 25px 6px rgba(0, 0, 0, 0.25);
  z-index: 1000;
  font-size: 14px;
  display: none;
}

/* Flecha */
.comment-tooltip-c::after {
  content: "";
  position: absolute;
  top: -8px;
  left: 20px;
  border-width: 8px;
  border-style: solid;
  border-color: transparent transparent #ffffff transparent;
}

.comment-point-m {
    width: 11px;
    height: 11px;
    background: #F82B16;
    border: 3px solid #ffffff;
    outline: 3px solid #F82B16;
    outline-offset: 0;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    display: inline-block;
    margin-bottom: -5px;
    margin-left: 7px;
}
.rightbox{
    padding-top: 25px;
   
    background-color: #fff;

    overflow-y: auto;
    box-sizing: border-box;
}
.bodybox{
    margin-bottom: 90px;
    padding-bottom: 120px;
    width: 100%;
    background: #fafafa;
}
.imgproject{
    padding: 15px;
}
.imgproject img{
    width: 100%;
}

.center{text-align: center}
.swiper-wrapper {
    transition-timing-function: linear !important; /* Movimiento lineal */
  }

  .icon-img {
    position: relative;
    z-index: 2; /* para que esté debajo del pseudo-elemento */
    height: auto;
    max-width: 100%;
    width: 75px;
    display: block;
    margin: 0 auto
  }

.back-green{
   background-color: #0f8074;
   width: 100%;
   border-top-left-radius: 100px;
   border-top-right-radius: 100px
}
.circle{
    border: 3px solid #2bc4c3;
    border-radius: 100%;
    width: 36px;
    height: 36px;
    text-align: center;
    color: #fff;
    font-weight: 800;
    margin-top: 3px;
    padding-top: 4px;
}
.green1{
    background-color: #188a7d;
    width: 100%;
    border-radius: 11px;
    padding: 0 25px 25px 25px;
    height: 100%
}
.green2{
    background-color: #0c7069;
    width: 100%;
    border-radius: 11px;
    padding: 25px 25px 0 25px;height: 100%
}
.green3{
    background-color: #074647;
    width: 100%;
    border-radius: 11px;
    padding: 0 25px 40px 25px;height: 100%
}
.box-img{
    width: 100%
}
.blue{
    background-color: #1a1c29
}
.greenblue{
    background: #1A1C29;
background: linear-gradient(0deg,rgba(26, 28, 41, 1) 0%, rgba(11, 114, 102, 1) 100%);
width: 100%;
   border-top-left-radius: 90px;
   border-top-right-radius: 90px;
}
.greenbluei{
    background: #1A1C29;
background: linear-gradient(0deg,rgba(26, 28, 41, 1) 0%, rgba(11, 114, 102, 1) 100%);
width: 100%;
padding-top: 50px
}
.whiteground{
    background: #fff;
width: 100%;
   border-top-left-radius: 90px;
   border-top-right-radius: 90px
}
.whiteground2{
    background: #fff;
width: 100%;

}

.box-portfolio-1{
    width: 100%;
    background-color: #0b7266;
    border-radius: 12px;
    padding: 0 15px
}
.box-portfolio-2{
    width: 100%;
    background-color: #0e3b3f;
    border-radius: 12px;
    padding: 0 15px
}
.box-portfolio-3{
    width: 100%;
    background-color: #1a1c29;
    border-radius: 12px;
    padding: 0 15px
}
.box-portfolio-4{
    width: 100%;
    background-color: #3fa1a0;
    border-radius: 12px;
    padding: 0 15px
}

.toggle-container {
  background-color: #0c7069;
  border-radius: 50px;
  padding: 5px;
  display: inline-flex;
  border: 1px solid #fff
}

.toggle-btn {
  border: none;
  padding: 12px 25px;
  font-family: "Poppins", sans-serif;
  font-size: 16px;
  font-weight: 500;
  border-radius: 50px;
  cursor: pointer;
  transition: all 0.3s ease;
  min-width: 130px;
}

.toggle-btn.active {
  background-color: #fff;
  color: #0c7069;
}

.toggle-btn.inactive {
  background-color: transparent;
  color: #fff;
}

.save-text {
  font-weight: 400;
  font-size: 14px;
  margin-left: 4px;
}
.sq-div{
        -webkit-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
border-radius: 20px;
background-color: #1a1c29
}
.sq-div img{
    border-top-right-radius: 20px;
border-bottom-right-radius: 20px;
height: 100%;
  object-fit: cover; /* O 'contain' si no quieres que recorte */
  display: block;
}
.sq-div .row {
  display: flex;
  flex-wrap: wrap;
}
.avatar {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: rgb(181 255 248);;
    color: #000;
    font-weight: bold;
    display: inline-flex;
    margin-right: 10px;
    align-items: center;
    justify-content: center;
  }
  
  .comment-row-a {
  display: flex;
  align-items: flex-start; /* o center si quieres alinear a mitad del avatar */
  margin-bottom: 10px; /* espacio entre comentarios */
}

.avatar2 {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  display: inline-flex;
  margin-right: 10px;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}

.avatar2 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 50%;
}

.avatar3 {
  flex: 1; /* ocupa el resto del espacio */
      padding-top: 7px;
}


.left-50{margin-left: 50px}
















.orange{color: #ff701d}
.offcanvas-none {
    background: #fff;
    position: sticky;
    height: auto;
    padding: 15px 15px 15px 25px;
    overflow-y: auto;
    top: 0;
}
.back-ww{background-color: #fff;}
.back-message{background-color: #4e610e; color: #fff;
    position: fixed;
    bottom: 0px;
    z-index: 999;
    padding: 5px 0 15px;
    width: 100%;
}
#header-rest{
position: relative;
z-index: 1
}
.logowhite-landing{
    max-width: 50%;
    display: block;
    margin: 250px auto 50px;
}
.back-white{
    background-color: #fdfff5;
        padding-bottom: 60px;
}

.pl35, .pl352{padding-left: 45px}
.rotate{
    transform: rotate(-6deg);
    -ms-transform: rotate(-6deg);
    -moz-transform: rotate(-6deg);
    -webkit-transform: rotate(-6deg);
    -o-transform: rotate(-6deg);
    width: 100%;
}
.rotate2{
    transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg);
    width: 100%;
    transition: transform 0.3s ease;
}
.rotate2:hover{
    transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -o-transform: rotate(2deg);
}
.rotate22{
    transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
    width: 100%;
    transition: transform 0.3s ease;
}
.rotate22:hover{
    transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
}
.body-take{
    background-color: #f9f9f9
}
select.form-control:not([size]):not([multiple]) {
    height: calc(3rem + 2px);
}
#dash_side i{margin-right: 10px}
#navbarSupportedContent{display: none}

#loading-icon {
  color: #7e9926;
  display: block;
}
.top-data{
    position: sticky;
    top: 0;
    z-index: 1000;
}


.dash_white{padding: 70px 0px; background-color: #faf3f3}
.white-div{
    background: #fff;
    border-radius: 7px;
    padding: 20px 25px 35px;
        -webkit-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
}
.white-div2{
    background: #fff;
    border-radius: 7px;
    padding: 25px 35px 35px;
        -webkit-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
}
.grey-div2{
    background: #d3deae;
    border-radius: 7px;
    padding: 25px 35px 35px;
        -webkit-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
color: #92a35c
}
.white-div3{
    background: #fff;
    border-radius: 7px;
    padding: 20px 25px 25px;
        -webkit-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
}
.btn-right{float: right; display: inline-block}

.check-h{width: 17px; margin-left: 10px; height: 17px; vertical-align: middle; cursor: pointer}
.check-h2{width: 17px; margin-right: 10px; height: 17px; vertical-align: middle; cursor: pointer}
.radio-h{
    border: 1px solid #ced4da;
    width: 17px;
    height: 17px;
    vertical-align: middle;
    margin-left: 10px;
    cursor: pointer
}
.top-separation{border-top: 1px solid #dadada; padding-top: 20px}
.hours_fields{
    margin: 25px 0;
    padding: 45px 35px;
    border: 1px solid #dadada
}
.modification_fields{
    margin: 25px 0;
    padding: 20px 35px 35px 35px;
    border: 1px solid #dadada
}


.icono {
    width: 50%;
}
.top-data{
    background-color: #ff701d;
    color: #ffffff;
    padding: 0px 0 10px 0;
}
.w120{width: 150px}
.guion{margin: 0 12px}
.guion2{margin: 0 0 0 20px}
.guion2 i{cursor: pointer}
.hidden{display: none}
.reg-back{height: auto;background-color: #fff; min-height: 100vh}
.dark-back{height: auto;background-color: #7e9926; min-height: 100vh}
.reg-logo  {cursor: pointer}
.reg-logo img {display: block;margin: 120px auto 0 auto;max-width: 550px;width: 100%; }
#reg-container-parent{padding-right: 0px;background-color: #F8FFE1;}
#reg-container-parent2{padding-right: 0px;background-color: #F8FFE1;}
#reg-container{padding: 35px 25px;background-color: #F8FFE1;border-radius: 5px; height: 100vh;}

#admin_side{color: #fff;padding: 20px;min-height: 100vh}
.white-text{color: #ffffff}
.underline{text-decoration: underline}
.admin_white{background-color: #fff;width: 100%;padding: 25px;margin-top: 15px;border: 1px solid#eee;margin-bottom: 25px}
.separation-index{border-bottom: 1px solid #dadada; padding-bottom: 20px}
.flo-right{float: inline-end; vertical-align: middle}

.dash-icon{color:  #ff701d; margin: auto 10px}
.dash-icon-a{color:  #ff701d; margin: auto 10px; cursor: pointer}
.anadir{color: #ff701d}
.plus-right{margin-right: 7px}
.removerx{margin-top: 65px;}

.mb-3 {
    margin-bottom: 1rem !important;
}
.input-group {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    width: 100%;
    
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group-text {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    border-top: 1px solid #ced4da;
    border-left: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    background-color: #faf3f3;
    border-radius: 3px;
}
.input-group-text2 {
    display: flex;
    align-items: center;
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    white-space: nowrap;
    border-top: 1px solid #ced4da;
    border-right: 1px solid #ced4da;
    border-bottom: 1px solid #ced4da;
    background-color: #faf3f3;
    border-radius: 3px;
}
.input-group>:not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(.valid-feedback):not(.invalid-tooltip):not(.invalid-feedback) {
    margin-left: calc(var(--bs-border-width) * -1);
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}
.input-group:not(.has-validation)>.dropdown-toggle:nth-last-child(n+3), .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-control, .input-group:not(.has-validation)>.form-floating:not(:last-child)>.form-select, .input-group:not(.has-validation)>:not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(.form-floating) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group>.form-control, .input-group>.form-floating, .input-group>.form-select {
    position: relative;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
}
.blocked{
    display: block;
    margin: 22px auto auto auto;
}
.modal-content {
    padding: 10px 25px;
}

/* Tooltip container */
.tooltip2 {
  position: relative;
  display: inline-block;
  margin-left: 3px;
}

/* Tooltip text */
.tooltip2 .tooltiptext2 {
  visibility: hidden;
      width: 150px;
    background-color: #7F9827;
    color: #fff;
    text-align: center;
    padding: 8px 8px;
    border-radius: 6px;
    margin-left: 10px;
    position: absolute;
    z-index: 1;
    font-size: 13px;
}
.tooltip2 .tooltiptext3 {
  visibility: hidden;
      width: auto;
    background-color: #7F9827;
    color: #fff;
    text-align: center;
    padding: 8px 8px;
    border-radius: 6px;
    margin-left: 5px;
    position: absolute;
    z-index: 1;
    font-size: 13px;
}
.tooltip2 .tooltiptext4 {
  visibility: hidden;
      width: auto;
      min-width: 150px;
    background-color: #7F9827;
    color: #fff;
    text-align: center;
    padding: 8px 8px;
    border-radius: 6px;
    margin-left: 5px;
    position: absolute;
    z-index: 1;
    font-size: 13px;
}
/* Show the tooltip text when you mouse over the tooltip container */
.tooltip2:hover .tooltiptext2, .tooltip2:hover .tooltiptext3, .tooltip2:hover .tooltiptext4 {
  visibility: visible;
}
.sticky .logo-rest{
    max-height: 100px !important;
}
.sticky {
     position: fixed;
    top: 0;
    width: 77%;
    z-index: 999;
    text-align: center;
    margin-left: -1.5%;
    background-color: #fdfff5;
}

.sticky .cat-name{
    font-size: 16px
}
.sticky .cat-rest{
    border-bottom: none;
        padding: 20px 0 20px 0;
}
.sticky #cart-button-o2{
    display: inline-block
}
.active{
    
}
.logo-rest{
    display: block;
    margin: 0 auto;
    max-width: 250px;
    max-height: 120px
}
#header-rest{
    padding: 15px 0;
    transition: all 1.3s ease-in-out;
}

.sticky + .container {
  padding-top: 100px;
}

.cat-rest{
    padding: 20px 0 25px 0;

    border-bottom: 1px solid#ddd
}
.no-pad{
    padding-left: 0px;
    padding-right: 0px
}
.cat-rest a{
    color: #222222;
    text-decoration: none
}
.cat-name{
    padding: 0 15px 
}
.menu-rest{
    padding: 35px 0;
   
}
.back-menu-box{
    background-color: #ffffff;
    border: 1px solid#eeeeee;
    height: 160px;
       -webkit-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
border-radius: 7px;
}
.back-menu-box:hover{
       -webkit-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.12);
-moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.12);
box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.12);
border-radius: 7px;
}
.m-0{
    margin: 0px
}
.back-menu-box-8 {
    padding: 8px 18px;
}
.menu-img{
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 255px;
    border-top-left-radius: 7px;
    border-top-right-radius: 7px;
}
.menu-img2{
        background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 300px
}
.menu-noimg{
    width: 100%;
    height: 300px;
    background-color: #eeeeee;
}
.menu-noimg i{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 90px;
    color: #ccc;
    left: 46%;
}
.menu-main{
        background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 350px;
    border-radius: 7px;
     -webkit-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
margin-bottom: 7px
}

.location_titlea:first-letter {
    text-transform: uppercase;
}
.location_titlea {
    margin-left: 5px
}
.ml-15{margin-left: 20px}
.location_title {
    height: 100%;
    display: flex;
    align-items: center;
    margin-top: 0px;
    justify-content: center;
}
.white-circle{
        border-radius: 50%;
        background-color: #ffffff;
        width: 30px;
    height: 30px;
        align-items: center;
    justify-content: center;
    display: flex;
-webkit-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
-moz-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
margin-top: 105px;
    float: right;
    margin-right: 7px;
    cursor: pointer;
    font-size: 14px;
}
.white-circle2{
    border-bottom-right-radius: 7px;
    background-color: #ff701d;
    width: 50px;
    height: 62px;
    align-items: center;
    justify-content: center;
    display: flex;
    -webkit-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
    -moz-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
    box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
    /* margin-top: 105px; */
    float: left;
    color: #fff;
    /* margin-left: 7px; */
    font-size: 18px;
}
.white-circle3{
        border-radius: 50%;
        background-color: #ffffff;
        width: 30px;
    height: 30px;
        align-items: center;
    justify-content: center;
    display: flex;
-webkit-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.10);
-moz-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.10);
box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.10);
margin-top: 20px;
    float: right;
    cursor: pointer;
    font-size: 14px;
}
.white-circle-company {
    border-radius: 50%;
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    display: flex;
    -webkit-box-shadow: 3px 3px 30px 2px rgba(0, 0, 0, 0.10);
    -moz-box-shadow: 3px 3px 30px 2px rgba(0, 0, 0, 0.10);
    box-shadow: 3px 3px 30px 2px rgba(0, 0, 0, 0.10);
    margin-top: 8px;
    float: right;
    cursor: pointer;
    font-size: 14px;
    margin-right: 20px;
    color: #000;
}
.order-q{
    background-color: #3a0d0d;
    color: #ffffff;
    border-radius: 50%;
    padding: 5px 8px;
    font-size: 10px;
    margin-left: 5px;
}
.white-circle i, .white-circle2 i, .white-circle3 i{
font-size: 14px;
color: #3a0d0d;
}
.foo-rest{
    margin-top: 90px;
    padding-top: 70px;
    border-top: 1px solid #dddddd;
    padding-bottom: 70px
}
.grey-font, .grey-font a{
    color: #666666 
}
#nueva-direccion{
    margin-top: 70px
}
.logo-foo{
    width: 120px;
    display: block;
    margin: 0 auto
}
.foo-p{
    display: block;
    margin: 10px auto;
    font-size: 12px;
    color: #666666;
    text-align: center
}
.map-t{
    font-size: 16px;
    color: #3a0d0d
}
#map {
    height: 400px; /* The height is 400 pixels */
    width: 100%; /* The width is the width of the web page */
}
.icon-empresa{
width: 120px

}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
  --bs-offcanvas-zindex: 1045;
  --bs-offcanvas-width: 400px;
  --bs-offcanvas-height: 80vh;
  --bs-offcanvas-padding-x: 1rem;
  --bs-offcanvas-padding-y: 1rem;
  --bs-offcanvas-color: var(--bs-body-color);
  --bs-offcanvas-bg: var(--bs-body-bg);
  --bs-offcanvas-border-width: var(--bs-border-width);
  --bs-offcanvas-border-color: var(--bs-border-color-translucent);
  --bs-offcanvas-box-shadow: var(--bs-box-shadow-sm);
  --bs-offcanvas-transition: transform 0.3s ease-in-out;
  --bs-offcanvas-title-line-height: 1.5;
}


.offcanvas {
  position: fixed;
  bottom: 0;
  z-index: var(--bs-offcanvas-zindex);
  display: flex;
  flex-direction: column;
  max-width: 100%;
  color: #222222;
  visibility: hidden;
  background-color: #ffffff;
  background-clip: padding-box;
  outline: 0;
  transition: var(--bs-offcanvas-transition);
}




@media (prefers-reduced-motion: reduce) {
  .offcanvas {
    transition: none;
  }
}
.offcanvas.offcanvas-start {
  top: 0;
  left: 0;
  width: var(--bs-offcanvas-width);
  border-right: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(-100%);
}
.offcanvas.offcanvas-end {
  top: 0;
  right: 0;
  width: var(--bs-offcanvas-width);
  border-left: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateX(100%);
}
.offcanvas.offcanvas-top {
  top: 0;
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-bottom: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(-100%);
}
.offcanvas.offcanvas-bottom {
  right: 0;
  left: 0;
  height: var(--bs-offcanvas-height);
  max-height: 100%;
  border-top: var(--bs-offcanvas-border-width) solid var(--bs-offcanvas-border-color);
  transform: translateY(100%);
}
.offcanvas.showing, .offcanvas.show:not(.hiding) {
  transform: none;
}
.offcanvas.showing, .offcanvas.hiding, .offcanvas.show {
  visibility: visible;
}

.offcanvas-backdrop {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1040;
  width: 100vw;
  height: 100vh;
  background-color: #000;
}
.offcanvas-backdrop.fade {
  opacity: 0;
}
.offcanvas-backdrop.show {
  opacity: 0.5;
}

.offcanvas-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  border-bottom: 1px solid #dee2e6;
}

.offcanvas-X {
    float: right;
    margin-top: 35px;
    cursor: pointer;
            border-radius: 50%;
        background-color: #ffffff;
        width: 30px;
    height: 30px;
        align-items: center;
    justify-content: center;
     display: flex;
-webkit-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
-moz-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
}
.offcanvas-X2 {
    float: right;
    margin-top: 12px;
    cursor: pointer;
    margin-right: 0px !important;
}
.offcanvas-X3 {
    float: right;
    margin-right: 5px !important;
    margin-top: 15px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    display: flex;
    -webkit-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
    -moz-box-shadow: 3px 3px 30px 2px rgba(0, 0, 0, 0.19);
    box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
}
.offcanvas-X4 {
    float: right;
    margin-right: 5px !important;
    margin-top: 26px;
    cursor: pointer;
    border-radius: 50%;
    background-color: #ffffff;
    width: 30px;
    height: 30px;
    align-items: center;
    justify-content: center;
    display: flex;
    -webkit-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
    -moz-box-shadow: 3px 3px 30px 2px rgba(0, 0, 0, 0.19);
    box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
}
.offcanvas-header .btn-close {
  padding: calc(var(--bs-offcanvas-padding-y) * 0.5) calc(var(--bs-offcanvas-padding-x) * 0.5);

  margin-right: calc(-0.5 * var(--bs-offcanvas-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-offcanvas-padding-y));
}

.offcanvas-title {
  margin-bottom: 7px;
  line-height: var(--bs-offcanvas-title-line-height);
  display: inline-block;
  width: 90%;
  font-size: 22px
}

.offcanvas-body {
  flex-grow: 1;
  padding: var(--bs-offcanvas-padding-y) var(--bs-offcanvas-padding-x);
  overflow-y: auto;
  padding: 50px 0;
}

.offcanvas-footer{
    padding: 1rem 1rem;
    border-top: 1px solid #dee2e6;
    text-align: center;
}

.offcanvas-footer-x{
    display: block;
    margin: auto;
}

.order-img{
        background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-radius: 7px;
    min-height: 60px;
    padding-right: 0px;
}
.order-img img{
    border-radius: 7px;
}
.order-qty {
    font-size: 11px;
    margin-top: 0px;
}
.order-title{
    font-size: 13px;
    font-weight: bold;
    margin-top: 0px;
}
.order-title2{
    font-size: 18px;
    font-weight: bold;
    margin-top: 0px;
    margin-left: -5px
}
.order-price{
    font-size: 13px;
    margin-top: 0px;
}
.top-order-pay{
   padding-top: 30px;
   border-top: 1px solid #dee2e6;
   margin-top: 20px
}
.order-pay, .order-pay-disabled{
   margin: auto;
}
#cart-button-o2{
    color: #fff;
    font-size: 14px;
    margin-left: 15px
}
.cart-shopping i{
    color: #fff;
    margin-left: 5px
}
.order-take-t{
    font-size: 12px;color: #666666;display: block; text-align: center; margin-top: 25px
}
.order-take-p{
    font-size: 12px;color: #666666;display: block; text-align: center; margin-top: 0
}
.btn-modification{
    display: inline-block;
    margin-left: 15px;
}

.quantity_anq, .quantity_anq2, .quantity_anq_order {
    display: inline-block;
    width: 75px;
}
.ale-icon{
    width: 40px;
    height: 40px;
    margin-right: 5px;
    display: inline-block
}

.number-button, .number-button_o {
    background: #fff;
    -webkit-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
-moz-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
    font-size: 10px;
    border-radius: 50%;
    padding: 5px 7px;
    color: #60741A;
    border: none;
    cursor: pointer
}
.number-button-order {
    background: #fff;
    -webkit-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
-moz-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
    font-size: 15px;
    border-radius: 50%;
    padding: 5px 9px;
    color: #60741A;
    border: none;
    cursor: pointer
}
.number-button-order2, .number-button-order22 {
    background: #fff;
    -webkit-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
-moz-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
    font-size: 15px;
    border-radius: 50%;
    padding: 5px 9px;
    color: #60741A;
    border: none;
    cursor: pointer
}
.number-button-order3 {
    background: #fff;
    -webkit-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
    -moz-box-shadow: 3px 3px 30px 2px rgba(0, 0, 0, 0.19);
    box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
    font-size: 12px;
    border-radius: 50%;
    padding: 5px 8px;
    color: #60741A;
    border: none;
    cursor: pointer;
}
.quantity-display{
    font-size: 12px;
    color: #3a0d0d;
    margin: 0 7px;
}
.listimg{
    width: 100%;
    height: 60px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.quantity-display-order, .quantity-display-order2{
    font-size: 18px;
    color: #3a0d0d;
    margin: 0 15px;
}
.quantity-display-order3 {
    color: #3a0d0d;
    margin: 0 6px;
    font-size: 14px;
}


.red-back{
    color: red !important
}



.img{

    border-radius: 15px;
    -webkit-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
    box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);

}
.acenter{
    text-align: center
}
.footer{
    padding: 70px 0;
    background-color: #7e9926;
    color: #fff;
    font-size: 14px
}
.footera{
    display: block;
    line-height: 2.5;
    color: #fff;
    font-size: 14px
}
.sm-icon{
    margin: 7px;
    display: inline-block
}
.postfooter{
    padding: 40px 0 50px 0;
    background-color: #fff;
    color: #7e9926;
    font-size: 14px;
    text-align: center
}
.pfa{
    margin: 0 10px
}

.card {
    border-radius: 15px;
    background: #fff;
    padding-bottom: 30px;
    -webkit-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
    -moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
    box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
    transition: transform 0.3s ease;
}
.card:hover{
  rotate(-6deg);
    -ms-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    width: 100%;

}
.card img{
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}
.card-body{
    padding: 0 15px;
}
.card-icon{
    height: 25px;
    margin-left: 5px;
}


.carousel-item {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 1s ease; /* Smooth transition effect */
}

.carousel {
  position: relative;
  height: 100%; /* Set height of carousel */
}
.carousel-item.active {
  opacity: 1;
}
.carousel-container {
  position: relative;
  width: 100%;
  max-width: 600px; /* Adjust as needed */
  margin: 0 auto;
  height: 550px;
}



#carouselDots {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}

.dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #bbb;
  margin: 0 5px;
  cursor: pointer;
}

.dot.active {
  background-color: #717171;
}

.faq{
    background-color: #ffffff;
    padding-top: 70px;
    padding-bottom: 90px
}

.accordion-body {
    padding: 20px 30px;
}
.accordion-body33 {
    padding: 20px 20px 10px;
}
.accordion-button {
    border: none;
    background: transparent;
    font-size: 22px;
    font-weight: 800;
    margin-top: 35px;
    cursor: pointer;
    width: 100%
}
#accordion-button22 {
    font-size: 16px;
    text-align: left;
    margin-top: 15px;
}

.accordion-header {
border-bottom: 1px solid#ccc;
padding-bottom: 10px
}

.bottom-line {
border-bottom: 1px solid#ccc;
padding-bottom: 10px
}

.angle-down {
    float: right;
    margin-right: 15px;
    /* display: flex; */
}

#cart-button-o{
    margin-left: 10px
}
#offcanvas-body-list{
    padding-top: 10px
}

.dropdown22, .dropdown33 {
    position: relative; 
}
.dropdown-menu {
    padding: 10px 8px;
        -webkit-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
-moz-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
border-color: #eee;
top: 120%
}
.dropdown-divider{
    margin: 1rem 0;
}
.dropdown-item{
    line-height: 2
}
#adminrowbody{
    font-size: 14px
}
.fa-pad{
    margin-left: 9px;
    margin-right: 9px
}
.text-right{
    text-align: right;
}
.head-address {
    border-bottom: 1px solid#ddd;
    padding-bottom: 15px;
}
.row-dash{
    padding: 15px 0;
}
.row-dash:hover{
    padding: 15px 0;
    background-color: #F8FFE1
}
.col-dash:hover{
    background-color: #F8FFE1
}
.clickable-div{
    cursor: pointer
}
.fa-backlink{
    float: left;
}

.icono-success{
    display: block;
    margin: 30px auto;
    max-width: 250px
}
.icono-success:hover, .icono:hover{
    transform: rotate(3deg);
    -ms-transform: rotate(3deg);
    -moz-transform: rotate(3deg);
    -webkit-transform: rotate(3deg);
    -o-transform: rotate(3deg);
}
.p-FieldLabel {
    display: block;
    font-weight: 800 !important;
    margin-top: 10px !important;
}

/* spinner/processing state, errors */
.spinner,
.spinner:before,
.spinner:after {
  border-radius: 50%;
}
.spinner {
  color: #7e9926;
  font-size: 22px;
  text-indent: -99999px;
  margin: 0px auto;
  position: relative;
  width: 20px;
  height: 20px;
  box-shadow: inset 0 0 0 2px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}
.spinner:before,
.spinner:after {
  position: absolute;
  content: "";
}
.spinner:before {
  width: 10.4px;
  height: 20.4px;
  background: #ffffff;
  border-radius: 20.4px 0 0 20.4px;
  top: -0.2px;
  left: -0.2px;
  -webkit-transform-origin: 10.4px 10.2px;
  transform-origin: 10.4px 10.2px;
  -webkit-animation: loading 2s infinite ease 1.5s;
  animation: loading 2s infinite ease 1.5s;
}
.spinner:after {
  width: 10.4px;
  height: 10.2px;
  background: #ffffff;
  border-radius: 0 10.2px 10.2px 0;
  top: -0.1px;
  left: 10.2px;
  -webkit-transform-origin: 0px 10.2px;
  transform-origin: 0px 10.2px;
  -webkit-animation: loading 2s infinite ease;
  animation: loading 2s infinite ease;
}
#anq_paginator {
    margin-top: 35px;
    color: #666;
    padding-top: 35px;
    border-top: 1px solid #ddd;
    text-align: center
}

.pagination span, .pagination span a{
    padding: 0 10px;
    color: #666;
}
.pagination span a{
    color: #666;
}
.pagination .current{
    font-weight: 800
}
#myTab .nav-item .nav-link{
    cursor: pointer
}
.desktop-hidden{
        display: none
    }

@keyframes moveUpDown {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}

.animate-arrow {
  -webkit-animation: moveUpDown 1s infinite; /* Safari and Chrome */
  animation: moveUpDown 1s infinite;
}
.div-image-video{
    width: 100%;
    height: 550px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.padding-80{
    padding: 80px 0
}

#chart-container, .chart-container {
  height: 470px;
}

#piechart, .piechart {
  width: 100%;
  height: 100%;
}
.rlcenter{
    margin-right: 15px;
    margin-left: 15px;
}
.cookies-modal {
  width: 100%;
    max-width: 100%;
    left: 0;
    padding: 25px 25px 25px 45px;
    bottom: 0;
    position: fixed;
  z-index: 2;
  word-break: break-word;
  background: #ffffff;
  -webkit-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
-moz-box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
box-shadow: 2px 1px 20px 0px rgba(0,0,0,0.05);
}

.w90{width: 90%}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: none;
        border: 2px solid #96C0BC;
}


@media screen and (max-width:720px) {
    .fooblock{
        display: block !important;
        margin-left: auto;
        margin-bottom: 10px;
    }
    .w-100 {
    width: auto !important;
}
    .a-right {
    float: none;
        margin-top: 0px;
}
.status{
    float: none;
        margin-top: 20px;
}

.w90{width: 100%}
.h4, h4 {

    margin-bottom: 10px;
    width: 100%
}
.mblock{
    display: block;
    margin-left: auto;
    margin-right: auto
}
.greenblue, .whiteground {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.top-120 {
    margin-top: 60px;
}
 .top-pad-120 {
    padding-top: 60px;
}
.padding-bot-120 {
    padding-bottom: 60px;
}
.green3 {
    height: auto;
    margin-top: 30px;
}
.green2 {

    height: auto;
}
.pad-mobile-left{padding-left: 0px}
    .mobilecenter{
        text-align: center
    }
    .reg-logo .logowhite {
    width: 70%;
    padding: 35px 0;
}
    .rlcenter{
    margin-right: 0px;
    margin-left: 0px;
}
    .reg-logo img {display: block;margin: 0 auto;}
    .top-80{margin-top: 50px}
    .top-80-e{margin-top: 0px}
    .top-160{margin-top: 50px}
    .top-50 {margin-top: 30px;}
    .top-mobile-10 {margin-top: 10px;}
    .top-mobile-20 {margin-top: 20px;}
    .top-mobile-30 {margin-top: 30px;}
    .bot-80 {margin-bottom: 40px;}
    .padding-80 {padding: 40px 0;}
    .top-diario{margin-top: 80px}
    #navbarNavDropdown{
        text-align: center;
    padding: 50px 0;
    }
    .mobile-hidden{display: none}
    .desktop-hidden{display: block}
    #cart-button-o-mobile{
    margin: 0 auto;
    display: block;
    margin-bottom: 15px
    }
    .pl35 {padding-left: 15px;}
    .pl352 {padding-left: 0px;}
.mobile-center{text-align: center}
.footer{text-align: center}
.top--50 {margin-top: 30px;}
.h1, h1, .h1internal{
    font-size: 44px;
}
h3, .h3, .h2, h2 {
    font-size: 44px;
}
.arrow-mobile .fa-circle-down{
    font-size: 50px;
    margin-top: 60px;
    margin-bottom: -45px;
    
}
.font-14 {font-size: 13px;}
.font-18 {font-size: 16px;}
.font-22 {font-size: 20px;}
.font-28 {font-size: 24px;}
.font-34 {font-size: 28px;}
.font-56{font-size: 30px}
.card {margin-bottom: 20px}
.font-16 {
    font-size: 15px;
    line-height: 1.3;
}
p {line-height: 1.4;font-size: 15px}
.col-sm-6{
    padding-right: 10px;
    padding-left: 10px;
}
.mo-bot-10{margin-bottom: 10px}
.mo-bot-20{margin-bottom: 20px}
.mo-bot-40{margin-bottom: 40px}
.offcanvas, .offcanvas-xxl, .offcanvas-xl, .offcanvas-lg, .offcanvas-md, .offcanvas-sm {
    --bs-offcanvas-width: 400px;
    --bs-offcanvas-height: 90vh;
}
.div-image-video{
    width: 100%;
    height: 350px;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.div-image-off {
    width: 100%;
    height: 60%;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.div-image-off2 {
    width: 100%;
    height: 35%;
    margin-top: 7%;
    border-radius: 12px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}
.ale-icon {margin-top: 10px;}
.icono {width: 35%;}
.accordion-button {font-size: 19px;}
.accordion-button span {width: 90%;display: inline-block;}
.angle-down {margin-top: 7px;}
.accordion-body {padding: 20px 15px;font-size: 14px;}
#nueva-direccion {margin-top: 25px;}
.cat-rest a {font-size: 16px;}
#list-menu {
  display: flex;
  flex-direction: row;
  gap: 1rem; /* Adjust the gap between items as needed */
  overflow-x: auto; /* Enable horizontal scroll */
  max-width: 100%; /* Ensure the div doesn't overflow its container */
  padding-bottom: 1px;
}
#list-menu::-webkit-scrollbar {
  display: none; /* Hide the scrollbar for WebKit (Chrome, Safari, etc.) */
}
.sticky{
 width: 100%;
 margin-left: 0
}
.sticky #cart-button-o2 {display: none;}
.menu-img {height: 170px;}
.mobile-view-cart{
        -webkit-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
-moz-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
 position: fixed;
    bottom: 110px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    font-size: 18px !important;
}
.mobile-view-cart2{
        -webkit-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
-moz-box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
box-shadow: 3px 3px 30px 2px rgba(0,0,0,0.19);
 position: fixed;
    bottom: 60px; 
    left: 50%;
    transform: translateX(-50%);
    z-index: 999;
    font-size: 18px !important;
}
.white-div2 { padding: 15px 20px 40px;}
.logowhite-landing{
    max-width: 90%;
    display: block;
    margin: 180px auto 30px;
}
.nopadding{
    margin-left: 0;
    margin-right: 0
}
.carousel-container{
    height: 400px;
    margin-top: 65px;
}
.back-white {
    background-color: #fdfff5;
    padding-bottom: 25px;
}

}