@import url(/Portals/_default/skins/Porto/Upendo.custom.css);

em.icon { margin-right: 0.5em; }

.product-value-prop {
    padding-top: 12%;
}

.value-prop-dark, .value-prop-dark h3, .value-prop-dark p {
    color: #000000 !important;
}

.value-prop-right{
    text-align: right;
}

#dnn_ctr424_HtmlModule_lblContent {
  padding-top:4em;
}
/* STEPS */
@media (min-width: 992px) {
    .steps {
        padding: 0px;
        background: transparent;
        list-style: none;
        overflow: hidden;
        margin-top: 20px;
        margin-bottom: 20px;
        border-radius: 4px;
        display: table-row;
    }
    .steps > li {
        display: table-cell;
        vertical-align: middle;
        width: 1%;
        height: 0;
    }
    .steps > li + li:before {
        padding: 0;
        content: "";
    }
    .steps li a {
        color: white;
        text-decoration: none;
        padding: 10px 0 10px 35px;
        position: relative;
        display: inline-block;
        width: calc(100% - 10px);
        background-color: #999;
        text-align: center;
        height: 100%;
    }
    .steps li.completed a {
        background: #3c763d;
    }
    .steps li.completed a:after {
        border-left: 30px solid #3c763d;
    }
    .steps li.active a {
        background: #8a6d3b;
    }
    .steps li.active a:after {
        border-left: 30px solid #8a6d3b;
    }
    .steps li:first-child a {
        padding-left: 15px;
    }
    .steps li:last-of-type a {
        width: calc(100% - 38px);
    }
    .steps li a:before {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 50px solid transparent; /* height not equal parent */
        border-bottom: 50px solid transparent; /* height not equal parent */
        border-left: 30px solid white;
        position: absolute;
        top: 50%;
        margin-top: -50px; /* height not equal parent */
        margin-left: 1px;
        left: 100%;
        z-index: 1;
    }
    .steps li a:after {
        content: " ";
        display: block;
        width: 0;
        height: 0;
        border-top: 50px solid transparent; /* height not equal parent */
        border-bottom: 50px solid transparent; /* height not equal parent */
        border-left: 30px solid #999;
        position: absolute;
        top: 50%;
        margin-top: -50px; /* height not equal parent */
        left: 100%;
        z-index: 2;
    }
}
@media (max-width: 991px) {
    .steps {
        padding: 8px 15px;
        margin-bottom: 20px;
        list-style: none;
        background-color: #f5f5f5;
        border-radius: 4px;
        overflow: auto;
    }
    .steps > li {
        display: block;
    }
    .steps li a {
        color:#777;
    }
    .steps > li:before {
        padding: 0 5px;
        color: #ccc;
        content: "\e080";
        font-family:'Glyphicons Halflings';
        font-style:normal;
        font-weight:400;
        line-height:1;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
    }
    .steps li.completed:before {
        content: "\e013";
        color:#3c763d;
        font-family:'Glyphicons Halflings';
        font-style:normal;
        font-weight:400;
        line-height:1;
        -webkit-font-smoothing:antialiased;
        -moz-osx-font-smoothing:grayscale;
    }
    .steps li.completed a {
        color: inherit;
    }
    .steps li.active:before {
        color:#8a6d3b;
    }
    .steps > .active {
        color: #999;
    }
    .steps li:first-child a {
        padding-left: inherit;
    }
    .steps li:last-of-type a {
        width: inherit;
    }
}

address { display: inline; }

/* Added by request of Mandeeps support for Porto 7.0 bug fix */
.thumb-info-social-icons a i, .thumb-info-social-icons a em {
    font-weight: 600 !important;
}

/* BS5-style margins/padding */
    /* Simple map of spacing scale (BS5 scale: 0-5, roughly 0-3rem) */
    @media (min-width: 1px) {
        .m-0  { margin: 0 !important; }
        .mt-0 { margin-top: 0 !important; }
        .mb-0 { margin-bottom: 0 !important; }
        .ms-0 { margin-left: 0 !important; }
        .me-0 { margin-right: 0 !important; }

        .p-0  { padding: 0 !important; }
        .pt-0 { padding-top: 0 !important; }
        .pb-0 { padding-bottom: 0 !important; }
        .ps-0 { padding-left: 0 !important; }
        .pe-0 { padding-right: 0 !important; }

        .m-1  { margin: 5px !important; }
        .mt-1 { margin-top: 5px !important; }
        .mb-1 { margin-bottom: 5px !important; }
        .ms-1 { margin-left: 5px !important; }
        .me-1 { margin-right: 5px !important; }

        .p-1  { padding: 5px !important; }
        .pt-1 { padding-top: 5px !important; }
        .pb-1 { padding-bottom: 5px !important; }
        .ps-1 { padding-left: 5px !important; }
        .pe-1 { padding-right: 5px !important; }

        .m-2  { margin: 10px !important; }
        .mt-2 { margin-top: 10px !important; }
        .mb-2 { margin-bottom: 10px !important; }
        .ms-2 { margin-left: 10px !important; }
        .me-2 { margin-right: 10px !important; }

        .p-2  { padding: 10px !important; }
        .pt-2 { padding-top: 10px !important; }
        .pb-2 { padding-bottom: 10px !important; }
        .ps-2 { padding-left: 10px !important; }
        .pe-2 { padding-right: 10px !important; }

        .m-3  { margin: 15px !important; }
        .mt-3 { margin-top: 15px !important; }
        .mb-3 { margin-bottom: 15px !important; }
        .ms-3 { margin-left: 15px !important; }
        .me-3 { margin-right: 15px !important; }

        .p-3  { padding: 15px !important; }
        .pt-3 { padding-top: 15px !important; }
        .pb-3 { padding-bottom: 15px !important; }
        .ps-3 { padding-left: 15px !important; }
        .pe-3 { padding-right: 15px !important; }

        .m-4  { margin: 30px !important; }
        .mt-4 { margin-top: 30px !important; }
        .mb-4 { margin-bottom: 30px !important; }
        .ms-4 { margin-left: 30px !important; }
        .me-4 { margin-right: 30px !important; }

        .p-4  { padding: 30px !important; }
        .pt-4 { padding-top: 30px !important; }
        .pb-4 { padding-bottom: 30px !important; }
        .ps-4 { padding-left: 30px !important; }
        .pe-4 { padding-right: 30px !important; }

        .m-5  { margin: 45px !important; }
        .mt-5 { margin-top: 45px !important; }
        .mb-5 { margin-bottom: 45px !important; }
        .ms-5 { margin-left: 45px !important; }
        .me-5 { margin-right: 45px !important; }

        .p-5  { padding: 45px !important; }
        .pt-5 { padding-top: 45px !important; }
        .pb-5 { padding-bottom: 45px !important; }
        .ps-5 { padding-left: 45px !important; }
        .pe-5 { padding-right: 45px !important; }
    }

/* Margin Auto */
.mt-auto { margin-top: auto !important; }
.mb-auto { margin-bottom: auto !important; }
.ms-auto, .ml-auto { margin-left: auto !important; }
.me-auto, .mr-auto { margin-right: auto !important; }
.mx-auto { margin-left: auto !important; margin-right: auto !important; }
.my-auto { margin-top: auto !important; margin-bottom: auto !important; }

/* Padding Auto */
.pt-auto { padding-top: auto !important; }
.pb-auto { padding-bottom: auto !important; }
.ps-auto, .pl-auto { padding-left: auto !important; }
.pe-auto, .pr-auto { padding-right: auto !important; }
.px-auto { padding-left: auto !important; padding-right: auto !important; }
.py-auto { padding-top: auto !important; padding-bottom: auto !important; }

        /* Optional: Add mobile-friendly padding and spacing */
        .content-wrapper {
            padding: 15px;
        }

        /* Ensure images and tables inside HTML scale properly */
        .content-wrapper img {
            max-width: 100%;
            height: auto;
        }

        .content-wrapper table {
            width: 100% !important;
            max-width: 100%;
            border-collapse: collapse;
        }

        .content-wrapper table td,
        .content-wrapper table th {
            padding: 8px;
            border: 1px solid #ddd;
        }

.no-underline {
  text-decoration: none !important;
}

.tab-content .center {
  max-width: 720px;
  margin: 0 auto;
  text-align: center;
}

.tab-content .fa-ul {
  display: inline-block;
  text-align: left;
}

.tag-cloud button.btn {
  cursor: default !important;
  pointer-events: auto;
}

.text-shadow-soft {
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}

  .tooltip.red-tooltip .tooltip-inner {
    background-color: #dc3545 !important; /* Bootstrap 'danger' red */
    color: #fff !important;
    font-weight: 500;
  }

  .tooltip.red-tooltip.bs-tooltip-top .tooltip-arrow::before {
    border-top-color: #dc3545 !important;
  }

.logo-wrapper-dark {
  display: inline-block;
  background-color: #ffffff; /* or rgba(255,255,255,0.9) for some transparency */
  padding: 0.5rem; /* Adjust padding as needed */
  border-radius: 0.5rem; /* Optional for soft corners */
}

/* foot fix */
.body > #footer .footer-copyright {
    background: #0e0e0e !important;
    border-top-color: #0e0e0e !important;
}

.max-w-200 {
  max-width: 200px !important;
}
.max-w-300 {
  max-width: 300px !important;
}
.max-w-90p {
  max-width: 90% !important;
}

/* Social hover colors */
a.social-link:hover .fa-instagram { color: #E1306C; }
a.social-link:hover .fa-tiktok { color: #000000; }
a.social-link:hover .fa-linkedin { color: #0077B5; }
a.social-link:hover .fa-facebook { color: #1877F2; }
a.social-link:hover .fa-twitter { color: #1DA1F2; }
a.social-link:hover .fa-youtube { color: #FF0000; }

/*
  START - SEARCH RESULTS
*/
/* Container cleanup */
#dnn_ctr437_ModuleContent {
  padding: 2rem 1rem;
  max-width: 960px;
  margin: 0 auto;
  font-family: var(--bs-body-font-family, system-ui);
}

/* Table reset for modern spacing */
#dnn_ctr1633_ModuleContent table {
  width: 100%;
  border-collapse: collapse;
}

/* Style each result row like a Bootstrap list group item */
#dnn_ctr1633_ModuleContent tr {
  border-bottom: 1px solid #dee2e6;
}

#dnn_ctr1633_ModuleContent td {
  padding: 1.25rem 1rem;
}

.dnnSearchBoxPanel, .dnnSearchResultPanel {
  background-color: rgba(186, 149, 69, 0.34);
}

.dnnSearchResultItem {
  margin-top: 0.75em;
}

/* Headline links */
#dnn_ctr1633_ModuleContent a {
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
  color: rgb(109, 90, 44);
  text-decoration: none;
}
  .dnnSearchResultItem-Title a {
    font-size: 1.25rem !important;
  }
  .dnnSearchResultItem-Link a {
    color: #ba9545 !important;
    font-size: 0.75rem !important;
  }

#dnn_ctr1633_ModuleContent a:hover {
  text-decoration: underline;
}

/* Result summary or snippet text */
#dnn_ctr1633_ModuleContent span.Normal {
  display: block;
  font-size: 0.95rem;
  color: #6c757d;
  margin-top: 0.25rem;
  line-height: 1.5;
}

/* Total results label */
#dnn_ctr1633_ModuleContent #dnn_ctr1633_Search_lblTotalResults {
  display: block;
  margin-bottom: 1rem;
  font-weight: 500;
  color: #495057;
}

/* Pagination or other module elements spacing */
#dnn_ctr1633_ModuleContent .Normal + br,
#dnn_ctr1633_ModuleContent br + .Normal {
  display: none;
}
/*
  END - SEARCH RESULTS
*/