:root {
    --color-default: #212529;
    --color-default-rgb: 33, 37, 41;
    --color-background: #ffffff;
    --color-background-rgb: 255, 255, 255;
    --color-primary: #313840;
    --color-primary-rgb: 254, 191, 0;
    --color-secondary: #32353a;
    --color-secondary-rgb: 50, 53, 58;
    --color-box-background: #ffffff;
    --color-box-background-rgb: 255, 255, 255;
    --color-inverse: #ffffff;
    --color-inverse-rgb: 255, 255, 255
}

body {
    font-size: 15px !important;
    background-color: #f8f9fc;
}

a {
    text-decoration: none !important;
}

.table td,
.table th {
    vertical-align: inherit !important;
}

.w_form-group {
    padding-top: 15px;
}

.modal-header {
    background-color: #26d367;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 1rem 1rem;
    border-bottom: 1px solid #e3e6f0;
    border-top-left-radius: calc(.3rem - 1px);
    border-top-right-radius: calc(.3rem - 1px);
    color: #fff;
}

.card {
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid transparent !important;
    border-radius: .35rem;
}

.brd {
    border-color: #f7e600 !important;
    border-width: 0 0 0 4px !important;
}

.img-sex {
    box-shadow: 0 0 5px #0000005c;
}

.img-carousel {
    max-height: 450px;
    object-fit: cover;
}

@media (max-width:1500px) {
    .img-carousel {
        max-height: 320px;
        object-fit: cover
    }
}

.bg-red {
    background: #dd0303 !important
}

.bg-oragne {
    background: #f78800 !important
}

.bg-yellow {
    background: #f7e600 !important
}

.bg-blue {
    background: #004bf7 !important
}

.footer {
    background: #000;
    color: #fff;
}

p {
    font-size: 18px !important;
}

.btn-shop:nth-last-child(1) {
    background-color: #dd0303;
    color: #fff;
    border-radius: 15px;
    border: 0;
    padding: 0 .5rem 0 .5rem;
    margin-bottom: 3px;
    margin-top: 3px;
    font-weight: 500;
}

.btn-shop:nth-last-child(2) {
    background-color: #f78800;
    color: #000;
    border-radius: 15px;
    border: 0;
    padding: 0 .5rem 0 .5rem;
    margin-bottom: 3px;
    margin-top: 3px;
    font-weight: 500;
}

.btn-shop:nth-last-child(3) {
    background-color: #f7e600;
    color: #000;
    border-radius: 15px;
    border: 0;
    padding: 0 .5rem 0 .5rem;
    margin-bottom: 3px;
    margin-top: 3px;
    font-weight: 500;
}

.btn-shop:nth-last-child(4) {
    background-color: green;
    color: #fff;
    border-radius: 15px;
    border: 0;
    padding: 0 .5rem 0 .5rem;
    margin-bottom: 3px;
    margin-top: 3px;
    font-weight: 500;
}

.btn-shop:nth-last-child(5) {
    background-color: #004bf7;
    color: #fff;
    border-radius: 15px;
    border: 0;
    padding: 0 .5rem 0 .5rem;
    margin-bottom: 3px;
    margin-top: 3px;
    font-weight: 500;
}

.btn-shop:nth-last-child(6) {
    background-color: #730084;
    color: #fff;
    border-radius: 15px;
    border: 0;
    padding: 0 .5rem 0 .5rem;
    margin-bottom: 3px;
    margin-top: 3px;
    font-weight: 500;
}

.bnts-shops {
    display: flex;
}

.text-green {
    color: #28a745;
}

.text-pink {
    color: rgb(255, 0, 212);
}

@media (min-width:1200px) {

    .h2,
    h2 {
        font-size: 1.8rem !important
    }
}

.list-edo {
    position: relative;
    width: 25%;
    float: left;
    padding-left: 25px;
    padding-right: 5px;
    list-style: none !important;
    min-height: 200px;
}

@media (max-width:600px) {
    .list-edo {
        position: relative;
        width: 100%;
        float: left;
        padding-left: 25px;
        padding-right: 5px;
        list-style: none !important;
        min-height: auto;
        padding-bottom: 10px;
    }
}

.list-ciudad2 li {
    position: relative;
    width: 25%;
    padding-left: 25px;
    list-style: circle;
}

.list-edo a {
    text-decoration: none;
}

.fz-40 {
    font-size: 30px !important;
}

.fz-20 {
    font-size: 20px !important;
}

.star-gold {
    color: gold !important;
}

.precio {
    text-align: center;
    background: #c1aacb;
    font-weight: 600;
    color: #000;
    border-radius: 5px;
}

.blog {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 5px #0000005c;
}

.btn_blog {
    text-decoration: navajowhite;
    color: #000;
}

.dashboard .filter {
    position: absolute;
    right: 0;
    top: 15px;
}

.dashboard .filter .icon {
    color: #aab7cf;
    padding-right: 20px;
    padding-bottom: 5px;
    transition: .3s;
    font-size: 16px;
}

.dashboard .filter .icon:hover,
.dashboard .filter .icon:focus {
    color: #4154f1;
}

.dashboard .filter .dropdown-header {
    padding: 8px 15px;
}

.dashboard .filter .dropdown-header h6 {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 1px;
    color: #aab7cf;
    margin-bottom: 0;
    padding: 0;
}

.dashboard .filter .dropdown-item {
    padding: 8px 15px;
}

.dashboard .info-card {
    padding-bottom: 10px;
}

.dashboard .info-card h6 {
    font-size: 28px;
    color: #012970;
    font-weight: 700;
    margin: 0;
    padding: 0;
}

.dashboard .card-icon {
    font-size: 32px;
    line-height: 0;
    width: 64px;
    height: 64px;
    flex-shrink: 0;
    flex-grow: 0;
}

.dashboard .sales-card .card-icon {
    color: #4154f1;
    background: #f6f6fe;
}

.dashboard .revenue-card .card-icon {
    color: #2eca6a;
    background: #e0f8e9;
}

.dashboard .customers-card .card-icon {
    color: #ff771d;
    background: #ffecdf;
}

.dashboard .activity {
    font-size: 14px;
}

.dashboard .activity .activity-item .activite-label {
    color: #888;
    position: relative;
    flex-shrink: 0;
    flex-grow: 0;
    min-width: 64px;
}

.dashboard .activity .activity-item .activite-label::before {
    content: "";
    position: absolute;
    right: -11px;
    width: 4px;
    top: 0;
    bottom: 0;
    background-color: #eceefe;
}

.dashboard .activity .activity-item .activity-badge {
    margin-top: 3px;
    z-index: 1;
    font-size: 11px;
    line-height: 0;
    border-radius: 50%;
    flex-shrink: 0;
    border: 3px solid #fff;
    flex-grow: 0;
}

.badge {
    color: #fff !important;
    padding: .6rem;
    font-size: 100%;
    border: 0;
    text-decoration: none;
}

.dashboard .activity .activity-item .activity-content {
    padding-left: 10px;
    padding-bottom: 20px;
}

.dashboard .activity .activity-item:first-child .activite-label::before {
    top: 5px;
}

.dashboard .activity .activity-item:last-child .activity-content {
    padding-bottom: 0;
}

.breadcrumb {
    background-color: #fff !important;
    padding: 0;
}


.pricing {
    padding: 60px 0 50px 0
}

.pricing .section-title {
    margin-bottom: 40px
}

.pricing .pricing-item {
    background: var(--color-box-background);
    box-shadow: 0 3px 20px -2px rgba(var(--color-default-rgb), .1);
    padding: 25px 40px;
    height: 100%;
    position: relative;
    border-radius: 15px
}

.pricing h3 {
    color: var(--color-secondary);
    font-weight: 600;
    margin-bottom: 15px;
    font-size: 20px;
    text-align: center
}

.pricing .icon {
    margin: 30px auto 20px auto;
    width: 70px;
    height: 70px;
    background: var(--color-primary);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .3s;
    transform-style: preserve-3d
}

.pricing .icon i {
    color: var(--color-background);
    font-size: 28px;
    transition: ease-in-out .3s;
    line-height: 0
}

.pricing .icon::before {
    position: absolute;
    content: "";
    height: 86px;
    width: 86px;
    border-radius: 50%;
    background: rgba(var(--color-primary-rgb), .2);
    transition: all .3s ease-out 0s;
    transform: translateZ(-1px)
}

.pricing .icon::after {
    position: absolute;
    content: "";
    height: 102px;
    width: 102px;
    border-radius: 50%;
    background: rgba(var(--color-primary-rgb), .1);
    transition: all .3s ease-out 0s;
    transform: translateZ(-2px)
}

.pricing h4 {
    font-size: 48px;
    color: var(--color-primary);
    font-weight: 700;
    font-family: var(--font-primary);
    margin-bottom: 15px;
    text-align: center
}

.pricing h4 sup {
    font-size: 28px
}

.pricing h4 span {
    color: rgba(var(--color-default-rgb), .5);
    font-size: 18px;
    font-weight: 400
}

.pricing ul {
    padding: 0 0;
    list-style: none;
    color: rgba(var(--color-default-rgb), .8);
    text-align: left;
    line-height: 20px
}

.pricing ul li {
    padding: 3px 0;
    display: flex;
    align-items: center
}

.pricing ul i {
    color: #059652;
    font-size: 24px;
    padding-right: 3px
}

.pricing ul .na {
    color: rgba(var(--color-default-rgb), .3)
}

.pricing ul .na i {
    color: rgba(var(--color-default-rgb), .3)
}

.pricing ul .na span {
    text-decoration: line-through
}

.pricing .buy-btn {
    color: rgba(var(--color-default-rgb), .8);
    background-color: var(--color-inverse);
    display: inline-block;
    padding: 10px 40px;
    border-radius: 4px;
    border: 1px solid rgba(var(--color-default-rgb), .2);
    transition: none;
    font-size: 18px;
    font-weight: 600;
    font-family: var(--font-primary);
    transition: .3s;
    text-decoration: none;
}

.pricing .buy-btn:hover {
    background-color: var(--color-primary);
    color: var(--color-inverse)
}

.pricing .featured {
    z-index: 10;
    border: 3px solid var(--color-primary);
    background: #ffe9ed8f;
}

.pricing .featured .buy-btn {
    background-color: #28a745;
    color: var(--color-inverse)
}

.pricing .featured .buy-btn:hover {
    background-color: #49d369e0
}

@media (min-width:992px) {
    .pricing .featured {
        transform: scale(1.15)
    }
}

.promocion {
    background: #131313;
    border-radius: 10px;
    color: #fff;
    padding-top: 8px;
    padding-bottom: 8px;
}

.bg_header{
--bs-bg-opacity: 1;
    background-color: #d3d3d3 !important;
}







.btn-custom{
    background-color: #D1383E;
    color: white;
    padding: 8px 25px !important;
  font-family: 'Open Sans', sans-serif;    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    border: none;
}


.btn-custom-home{
    background-color: #004BF7;
    color: white;
    padding: 8px 25px !important;
  font-family: 'Open Sans', sans-serif;    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    border-radius: 10px;
    border: none;
}


.btn-custom:hover, .btn-custom-home:hover{
color: rgba(216, 214, 214, 0.911) !important; ;
transition-duration: .5s !important;
}

@media (max-width: 768px) {
    .navbar-nav li a {
        margin-top: 0px !important; 
        padding: 4px !important;
        }
    
}