/**
Theme Name: WP Codex
Template:   manufacturing-hub
Theme URI: https://wordpress.org/themes/twentytwentythree
Author: Hasan Hafiz
Author URI: https://dev-hasanhafiz.pantheonsite.io/

Description: 2 Column Bootstrap 5 Template
Requires at least: 6.1
Requires PHP: 7.0
Version: 1.6
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: wpcodex

Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready, wide-blocks, block-styles, style-variations, accessibility-ready, blog, portfolio, news
 */

*,
p {
    font-family: Jost, sans-serif;
}

:root {
    --bs-body-font-family: Jost, sans-serif;
    --bs-body-font-size: 16px;
    --bs-body-color: #8f9397;
    --mdb-accordion-btn-padding-x: 0;

    --bs-body-font-family: "Jost", sans-serif;
    --bs-body-font-weight: 400;
    --bs-body-color: #666;

    --bs-headings-font-weight: 700;

    --bs-green: #2CB544;

    --bs-sunglow: #FFD43B;
    --bs-aquamarine: #63E6BE;
    --bs-paleviolet: #B197FC;
    --bs-mayablue: #74C0FC;

    --bs-springteal: #09D5D2;
    --bs-brightlilac: #E599F7;

    --bs-offwhite: #D1D2D3;

    --bs-body-bg-color: #F5F6F7;

    --bs-bg-alice-blue: #f3f7fd;

    --bs-pale-orange: #FCE1BB;

    --bd-violet-rgb: 113, 44, 249;

    --bs-success-bg-subtle: #d1e7dd;

    --mdb-accordion-btn-padding-x: 0;

    --bs-body-font-family: "Jost", sans-serif;
    --bs-body-font-weight: 400;
    --bs-body-color: #666;

    --bs-headings-font-weight: 700;

    --bs-green: #2CB544;

    --bs-sunglow: #FFD43B;
    --bs-aquamarine: #63E6BE;
    --bs-paleviolet: #B197FC;
    --bs-mayablue: #74C0FC;

    --bs-springteal: #09D5D2;
    --bs-brightlilac: #E599F7;

    --bs-offwhite: #D1D2D3;

    --bs-body-bg-color: #F5F6F7;

    --bs-pale-orange: #FCE1BB;

    --bs-light-green: #e6f4ea;
    --bs-footer-font-size: 16px;
    --mdb-heading-color: #444;

    --wpcodex-box-color: #EEF1F6;
}

.img-fluid:not(.page-banner .img-fluid) {
    border-radius: 15px;
}

.list-group-item {
    color: var(--bs-body-color);
}

.bg-light-green {
    background-color: var(--bs-light-green) !important;
}

.carousel-indicators {
    z-index: 90;

}

.carousel-indicators [data-mdb-target],
.carousel-indicators button {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 1px solid var(--bs-green);
    background-color: transparent;
}

.carousel-indicators {
    [data-bs-target] {
        background-color: transparent;
    }

    .active {
        opacity: var(--bs-green);
        background-color: var(--bs-green) !important;
    }
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    color: var(--bs-green);
}



.bg-pale-orange {
    background-color: var(--bs-pale-orange) !important;
}

.submit-order .card-body {
    background-color: var(--bs-body-bg-color);
}

.text-offwhite {
    color: var(--bs-offwhite) !important;
}

.text-sunglow {
    color: var(--bs-sunglow) !important;
}

.bg-offwhite {
    background-color: var(--bs-offwhite) !important;
}

.bg-brightlilac {
    background-color: var(--bs-brightlilac) !important;
}

.bg-springteal {
    background-color: var(--bs-springteal) !important;
}

.bg-mayablue {
    background-color: var(--bs-mayablue) !important;
}

.bg-sunglow {
    background-color: var(--bs-sunglow) !important;
}

.bg-aquamarine {
    background-color: var(--bs-aquamarine) !important;
}

.bg-paleviolet {
    background-color: var(--bs-paleviolet) !important;
}

.bg-boxcolor {
    background-color: var(--wpcodex-box-color) !important;
}

* {
    /* font-family: "Jost", sans-serif;
    font-weight: 400;
    color: #666;
    /* color: #183153; */
    /* font-size: var(--bs-body-font-size); */
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
    color: var(--mdb-heading-color);
    /* margin-top: 2.5rem;
    margin-bottom: .5rem; */
}

.fw-300,
.fw-light {
    font-weight: 300 !important;
}

.fw-500,
.fw-medium {
    font-weight: 500 !important;
}

.fw-700,
.fw-bold {
    font-weight: 700 !important;
}

.fs-20 {
    font-size: 1.25rem !important;
}

.fs-25 {
    font-size: 1.56rem !important;
}

.fs-30 {
    font-size: 1.875rem !important;
}

.fs-40 {
    font-size: 2.5rem !important;
}

.fs-50 {
    font-size: 3.125rem !important;
}

.fs-60 {
    font-size: 3.75rem !important;
}

.fs-70 {
    font-size: 4.375rem !important;
}

.pt-70 {
    padding-top: 4.375rem !important;
}


/* Make equal height */
.row-flex {
    display: flex;
    flex-wrap: wrap;
}

.row-flex .col-inner {
    height: 100%;
}

.form-text,
input[type="text"],
input[type="email"],
input[type="password"],
input[type="number"],
input[type="url"],
input[type="tel"],
select,
textarea,
.form-textarea {
    display: block;
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.6;
    color: var(--mdb-surface-color);
    appearance: none;
    border: var(--mdb-border-width) solid var(--mdb-border-color) !important;
    border-radius: var(--mdb-border-radius) !important;
    box-shadow: var(--mdb-box-shadow-inset) !important;
    transition: all .2s linear;
}

.form-text,
input[type="text"],
.form-textarea,
textarea,
select,
.form-select {
    margin-top: 0.25rem;
    font-size: 0.875em;
    color: #6c757d;
}

header .nav-link {
    color: var(--bs-black);
}

header .nav-link:hover,
header .nav-link:focus {
    color: var(--bs-green);
}

#btn-back-to-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    border-radius: 25px;
    background-color: var(--bs-green);
}

#btn-back-to-top i {
    color: #fff;
}

body {
    /* background-color: #F8F6FA; */
    background-color: var(--bs-body-bg-color);
}

.lead {
    font-weight: 400;
}

.section {
    padding: 50px 0;
}

.section.py-lg {
    padding: 70px 0;
}

.section .heading {
    font-weight: 600;
    /* color: #222; */
    font-size: 3rem;
    margin-bottom: 1rem;
    text-align: center;
    letter-spacing: -0.05em;
}

.section.intro h2 {
    /* letter-spacing: -0.08rem; */
}

.section .subheading {
    font-weight: 500;
    color: #666;
    font-size: 30px;
    margin-bottom: 1rem;
    text-align: left;
    letter-spacing: -0.05em;
}

.btn-cpc {
    font-weight: 700;
    color: #fff;
    background-color: #2CB544;
    /* background-color: #67b6f4; */
    border: none;
    box-shadow: rgba(43, 27, 154, 0.08) 0px 12px 30px 0px;
    padding: 12px 24px;
    border-radius: 25px;
    letter-spacing: 1px;
    transition: all 0.5s ease-out;
}

.btn-cpc-light {
    font-weight: 700;
    color: #666;
    background-color: #fff;
    border: none;
    box-shadow: rgba(43, 27, 154, 0.08) 0px 12px 30px 0px;
    padding: 12px 24px;
    border-radius: 25px;
    letter-spacing: 1px;
    transition: all 0.5s ease-out;
}

.btn-cpc-gray {
    font-weight: 700;
    color: #666;
    background-color: transparent;
    border: 1px solid #ccc;
    box-shadow: rgba(43, 27, 154, 0.08) 0px 12px 30px 0px;
    padding: 12px 24px;
    border-radius: 25px;
    letter-spacing: 1px;
    transition: all 0.5s ease-out;
}

.box-shadow {
    box-shadow: rgba(43, 27, 154, 0.08) 0px 12px 30px 0px;
}


.rounded-10 {
    border-radius: 10px;
}

.rounded-15 {
    border-radius: 15px;
}

.rounded-17 {
    border-radius: 17px;
}

.rounded-20 {
    border-radius: 20px;
}

.rounded-25 {
    border-radius: 25px;
}

.bg-muted {
    background-color: #e4e2fa !important;
}

.btn-cpc-gray:hover,
.btn-cpc:hover,
.btn-cpc-light:hover,
.btn-cpc-gray:focus,
.btn-cpc:focus,
.btn-cpc-light:focus {
    color: #fff;
    background-color: #bc67f4;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
    font-weight: 700;
    color: #fff;
    background-color: #2CB544;
    /* background-color: #67b6f4; */
    border: none;
    box-shadow: rgba(43, 27, 154, 0.08) 0px 12px 30px 0px;
    padding: 8px 24px;
    border-radius: 25px;
    letter-spacing: 1px;
    transition: all 0.5s ease-out;
}

.nav-pills .nav-link.active:hover,
.nav-pills .show>.nav-link {
    color: #fff;
    background-color: #bc67f4;
}

.carousel {
    /* margin-bottom: 0; */
}

.carousel-item {
    /* height: 34rem !important; */
}

.carousel .heading {
    font-weight: 600;
    color: #222;
    font-size: 50px;
    margin-bottom: 1rem;
    text-align: left;
    background: -webkit-linear-gradient(#80CE73, #333);
    background: linear-gradient(#80CE73, #333);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    letter-spacing: -0.05em;
}

.nav-link:focus,
.nav-link:hover {
    color: #222
}

/* Global Marquee */

.global-marquee {
    grid-column-gap: 3rem;
    width: 100%;
    margin-top: .5rem;
    display: flex;
    overflow: hidden;
}

.global-marquee-inner {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    justify-content: space-around;
    min-width: 100%;
    display: flex;
}

.global-marquee-inner.scroll {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
    flex: none;
}

.scroll {
    animation: scroll 65s linear infinite;
}

.stats img {
    height: 20px;
    transition: all 0.5s ease-in-out;
}

.stats span:hover {
    color: #67b6f4;
}

.stats .nav-item:hover img {
    transform: scale(1.3);
}

.stats .container {
    /* background-image: radial-gradient(circle at bottom left, #00cb82, #d2f9da3d 50%); */
    background: #C8F0DF;
}

/* ############# Features ############# */
.b-example-divider {
    height: 3rem;
    background-color: rgba(0, 0, 0, .1);
    border: solid rgba(0, 0, 0, .15);
    border-width: 1px 0;
    box-shadow: inset 0 .5em 1.5em rgba(0, 0, 0, .1), inset 0 .125em .5em rgba(0, 0, 0, .15);
}

.bi {
    vertical-align: -.125em;
    fill: currentColor;
}

.feature-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 4rem;
    height: 4rem;
    margin-bottom: 1rem;
    font-size: 2rem;
    color: #fff;
    border-radius: .75rem;
}

.icon-link {
    display: inline-flex;
    align-items: center;
}

.icon-link>.bi {
    margin-top: .125rem;
    margin-left: .125rem;
    transition: transform .25s ease-in-out;
    fill: currentColor;
}

.icon-link:hover>.bi {
    transform: translate(.25rem);
}

.icon-square {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 3rem;
    height: 3rem;
    font-size: 1.5rem;
    border-radius: .75rem;
}

.box-sm {
    width: 2rem !important;
    height: 2rem !important;
}

.rounded-4 {
    border-radius: .5rem;
}

.rounded-5 {
    border-radius: 1rem;
}

.text-shadow-1 {
    text-shadow: 0 .125rem .25rem rgba(0, 0, 0, .25);
}

.text-shadow-2 {
    text-shadow: 0 .25rem .5rem rgba(0, 0, 0, .25);
}

.text-shadow-3 {
    text-shadow: 0 .5rem 1.5rem rgba(0, 0, 0, .25);
}

.card-cover {
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.featured-items {
    /* background-image: radial-gradient(circle at top right, #00c2cb, #f9f3ed 50%); */
}

.featured-items .col-inner {
    background-color: #FFF;
    padding: 50px;
    border-radius: 25px;
    position: relative;
}

.opacity-0 {
    opacity: 0;
}

.opacity-100 {
    opacity: 1;
}

.featured-items .row .col-item span {
    opacity: 0;
    transition: all 0.3s ease-in-out;
}

.featured-items .row .col-item:hover span {
    opacity: 1;
    transition: all 0.3s ease-in-out;
}

.featured-items .row .col-item>div {
    transition: all 0.3s ease-in-out;
}

/* .featured-items .row .col-item:hover div {
    transform: translateX(6px);
    transition: all 0.3s ease-in-out;
    opacity: 1;
} */

.featured-items .col-inner-fixed {
    height: 100%;
    background: #2cb544;
    position: absolute;
    left: -1px;
    top: 8px;
    width: 100%;
    z-index: -2;
    border-radius: 25px;
    transform: rotate(-1deg);
}


/* .featured-items .row .col:hover>span {
    color: #67b6f4;
    transition: all 0.3s ease-in-out;
    opacity: 1;
} */


/* ############# About ############# */
.about .featurette .featurette-heading {
    /* font-weight: 300; */
    font-weight: 700;
    line-height: 1;
    margin-top: 0;
    /* letter-spacing: -.05rem; */

}


/* ############# Services ############# */
.services .card {
    border: none;
    box-shadow: rgba(43, 27, 154, 0.08) 0px 12px 30px 0px;
    border-radius: 25px;
}

.services .card:hover {
    box-shadow: rgba(43, 27, 154, 0.15) 0px 12px 30px 0px;
    transform: translateY(-10px);
    transition: all 0.3s ease-in-out;
}

.services .heading {
    font-size: 1em;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0.01em;
}

.services .heading a {
    display: block;
    font-weight: 500;
    color: var(--bs-body-color);
    font-size: 1.1em;
    text-decoration: none;
}

.services .heading a:hover {
    color: var(--bs-green);
    text-decoration: none;
}

.services .heading.top {
    position: absolute;
    top: 0px;
    left: 50%;
    font-size: 1em;
    background: #2CB544;
    padding: 6px 20px;
    border-radius: 25px;
    color: #FFF;
    font-weight: 400;
    -webkit-text-fill-color: #FFF;
    transform: translate(-50%, -50%);
    width: 200px;
    text-align: center;
    letter-spacing: 0.01em;
}

.services img {
    border-radius: 10px;
}

.services .col-inner {
    position: relative;
    padding: 20px;
    background: #FFF;
    border-radius: 12px;
    box-shadow: rgba(45, 27, 43, 0.05) 0px 0px 10px 0px;
    /* box-shadow: rgba(43, 27, 154, 0.15) 0px 0px 12px 0px; */
    transition: all 0.3s ease-in-out;
}

.services .col-inner:hover {
    box-shadow: rgba(43, 27, 154, 0.15) 0px 12px 30px 0px;
    transform: translateY(-10px);
    /* transition: all 0.3s ease-in-out; */
}

/* ############# Famous ############# */
.famous .featurette .featurette-heading {
    font-weight: 700;
    line-height: 1;
    margin-top: 0;
    width: 70%;
    text-align: center;
    margin: 0 auto;
}

.famous .featurette .lead {
    font-weight: 400;
}

.famous .featurette .lead strong {
    font-weight: 700;
}

.famous .col-inner {
    position: relative;
    padding: 20px;
    background: #FFF;
    border-radius: 12px;
    transition: all 0.3s ease-in-out;
}

.famous .col-quality .col-inner {
    background-color: #ffd43b;
}

.famous .col-time .col-inner {
    background-color: #63e6be;
}

.famous .col-price .col-inner {
    background-color: #B197FC;
}

.famous .col-inner p {
    min-height: 250px;
}

.famous .col-quality:hover>.col-inner,
.famous .col-time:hover>.col-inner,
.famous .col-price:hover>.col-inner {
    box-shadow: rgba(43, 27, 154, 0.15) 0px 12px 30px 0px;
    transform: translateY(-10px);
    transition: all 0.3s ease-in-out;
}

/* ############# Free Trial ############# */
.free-trial .featurette .featurette-heading {
    font-weight: 700;
    line-height: 1;
    margin-top: 0;
    text-align: center;
    margin: 0 auto;
}

#footer,
footer {
    background-color: #FFD43B;
    background-color: #3f434b;
}

/* ############# How It Works ############# */
.how-it-works .number {
    width: 40px;
    height: 40px;
    display: block;
    background: #FECA2A;
    border-radius: 50%;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    color: #FFF;
    padding-top: 3px;
}

/* Key Features */
.hover-effect .card-group>.card,
.hover-effect .card,
.hover-effect .col,
.hover-effect .icon-box,
.hover-effect .col-item,
.key-features .card-group>.card {
    transition: all 0.3s ease-in-out;
}

.hover-effect .card:hover,
.hover-effect .col:hover,
.hover-effect .icon-box:hover,
.hover-effect .col-item:hover,
.hover-effect .card-group>.card:hover,
.key-features .card-group>.card:hover {
    transform: translateY(-10px);
}

/* ########### Pricing ############# */
.section.pricing .number {
    margin: 0 auto;
    width: 34px;
    height: 34px;
    display: block;
    background: var(--bs-sunglow);
    border-radius: 50%;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    color: #222;
    padding-top: 0;
}

.section.pricing .align-left .number {
    margin: 0;
}

/*  ############# Accordion ############# */
.accordion {
    --mdb-accordion-color: var(--mdb-surface-color);
    --mdb-accordion-bg: none;
    --mdb-accordion-btn-padding-x: 0;
    --mdb-accordion-body-padding-x: 0;
}

.accordion .accordion-body {
    padding: 0;
    padding-left: var(--mdb-accordion-body-padding-y);
}

.accordion-borderless .accordion-item .accordion-button:not(.collapsed) {
    background-color: transparent;
    color: var(--mdb-accordion-borderless-btn-color);
    box-shadow: none;
}

.accordion-button::after {
    margin-left: var(--mdb-accordion-body-padding-y);
}

.accordion-borderless .accordion-item .accordion-button:not(.collapsed) {
    color: var(--bs-green);
}

.accordion-show-more .accordion-item .accordion-button {
    justify-content: center;
    max-width: 250px;
    margin: 0 auto;
    padding: .5rem;
}

.accordion-show-more .accordion-button::after {
    display: none;
}

.accordion-show-more .accordion-button .toggle {
    top: 0;
    /* right: 0; */
    width: 40px;
    height: 40px;
    -webkit-box-shadow: 10px 22px 60px rgba(43, 27, 154, 6%);
    box-shadow: 10px 22px 60px rgba(43, 27, 154, 6%);
    background-color: #f0f0f0;
}

.accordion-show-more .accordion-button .toggle {
    /* position: absolute;
    top: 30%;
    right: 5%;
    width: 40px;
    height: 40px; */
    border-radius: 50%;
    background-color: #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 2px 4px 12px rgba(43, 27, 154, 6%);
    box-shadow: 2px 4px 12px rgba(43, 27, 154, 6%);
    cursor: pointer;
    position: relative;
    margin-left: 10px;
}

.accordion-show-more .accordion-button.collapsed .toggle:before,
.accordion-show-more .accordion-button .toggle:before,
.accordion-show-more .accordion-button.collapsed .toggle:after {
    content: "";
    width: 21px;
    height: 3px;
    left: 10px;
    border: 1px solid #222;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #222;
    position: absolute;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.accordion-show-more .accordion-button .toggle:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

/**
=============== 
Section FAQ Accordion
===============
*/

.faq-accordion .accordion-button::after {
    margin-left: auto;
    display: none;
}

.faq-accordion .accordion-button {}

.faq-accordion .col-address .card {}

.faq-accordion .accordion-button .toggle {
    position: absolute;
    top: 30%;
    right: 5%;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background-color: #f0f0f0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-shadow: 2px 4px 12px rgba(43, 27, 154, 6%);
    box-shadow: 2px 4px 12px rgba(43, 27, 154, 6%);
    cursor: pointer;
}

.faq-accordion .accordion-button.collapsed .toggle:after,
.faq-accordion .accordion-button.collapsed .toggle:before,
.faq-accordion .accordion-button .toggle:before {
    content: "";
    width: 10px;
    height: 2px;
    border: 1px solid #222;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #222;
    position: absolute;
    left: 15px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
}

.faq-accordion .accordion-button .toggle:after {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

@media (min-width: 768px) {
    .faq-accordion .accordion-button .toggle {
        top: 0;
        right: 0;
        width: 71px;
        height: 71px;
        -webkit-box-shadow: 10px 22px 60px rgba(43, 27, 154, 6%);
        box-shadow: 10px 22px 60px rgba(43, 27, 154, 6%);
    }

    .faq-accordion .accordion-button.collapsed .toggle:after,
    .faq-accordion .accordion-button.collapsed .toggle:before {
        width: 21px;
        height: 3px;
        left: 25px;
    }

    .faq-accordion .accordion-button .toggle:before {
        width: 21px;
        height: 3px;
        left: 25px;
    }

    .megamenu .dropdown-menu ul {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 8px 20px;
        list-style-type: none;
        padding: 0;
        margin: 0;
    }

    .carousel-indicators {
        margin-bottom: -20px;
    }
}

/*  ############# Megamenu ############# */
.mega-menu a:hover {
    /* background-color: var(--bs-info); */
    background-color: #daf8ae;
    /* background-color: var(--bs-success-bg-subtle); */
    border-radius: 10px;

    /* background-image: radial-gradient(circle at bottom left, #00cb82, #d2f9da3d 50%); */
}

.mega-menu .col-left {
    /* border-right: 1px solid #dfefef; */
    border-right: 2px solid #daf8ae;
}

/*
.featured-items {
    background: linear-gradient(-45deg, #e4ffdd, #fffebe, #e4ffdd, #fffebe);
    background-size: 400% 400%;
    animation: gradient 15s ease infinite;
    height: 100vh;
}

@keyframes gradient {
    0% {
        background-position: 0% 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0% 50%;
    }
}
    */

.hover-effect .featured-box .box-title {
    transition: all 0.3s ease-in-out;
}

.hover-effect .featured-box:hover .box-title {
    transform: translateX(10px);
    transition: all 0.3s ease-in-out;
    color: var(--bs-success);
    font-weight: 700 !important;
}

/* Footer */
#footer .textwidget p,
#footer .textwidget a,
#footer ul a {
    font-size: var(--bs-footer-font-size);
    color: var(--bs-sunglow);
}

#footer h3,
#footer .widget-title {
    font-weight: 500;
    border-bottom: none;
}

#footer .textwidget table {
    width: 100%;
    line-height: normal !important;
}

#footer tr {
    border-bottom: none;
}

#footer th,
#footer td {
    border-right: none;
}

#footer .textwidget table img {
    display: none;
}

#footer .textwidget table a,
#footer .textwidget a {
    text-decoration: none;
    color: var(--bs-sunglow);
}

.site-footer section {
    padding-top: 2rem;
    padding-bottom: 1rem;
}

/* ============================
    Main navigation
============================
*/
.headerbox {
    background-color: #F5F6F7;
}

.main-navigation a {
    display: block;
    color: #666 !important;
    /* color: var(--bs-black); */
    padding: 16px 10px;
    font-size: 16px;
    z-index: 99;
    font-weight: 700 !important;
}

.main-navigation a:hover,
.main-navigation a:focus {
    color: var(--bs-green) !important;
}

.main-navigation ul ul {
    background: #fff;
}



/* 
============================
    Sidebar Right
============================
*/
#primary {
    padding: 0;
}

#theme-sidebar section {
    margin: auto;
    border-bottom: none;
    padding: initial;
    background: transparent;
    border-radius: initial;
    box-shadow: none;
    padding-top: 0;
    padding-bottom: 0;
}

#theme-sidebar section h3.widget-title {
    text-transform: uppercase;
    text-align: center;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 10px;
}

.archive #theme-sidebar .widget,
.single-post #theme-sidebar .widget {
    margin-bottom: 15px;
    padding: 20px;
    border-radius: 10px;
    background-color: #FFF;
}

#theme-sidebar li {
    color: #88ddb9;
    line-height: initial;
    padding: initial;
    margin-left: initial;
    font-size: initial;
    margin-top: initial;
    border-bottom: 1px solid #eaeaea;
    margin-bottom: 10px;
    padding-bottom: 10px;
}

#theme-sidebar ul li a::before {
    content: "";
    display: initial;
    font-family: initial;
    font-size: initial;
    left: initial;
    position: absolute;
    top: 0;
    margin-left: initial;
}

#theme-sidebar section:hover {
    box-shadow: none;
}

#theme-sidebar .widget .wp-block-image {
    margin-bottom: 0;
}

#theme-sidebar .widget .wp-block-image .aligncenter {
    text-align: center;
    display: block;
}

/*
============================
    Footer
============================
*/

#footer ul {
    list-style: none;
    padding: 0;
}

#theme-sidebar ul {
    list-style: inherit;
    padding: revert;
}

.wpforms-form .btn-block {
    width: 100% !important;
}

/* ====================== 
    Header / Navbar 
    ====================
*/

header {
    position: relative;
    z-index: 99;
}

.navbar {
    z-index: 9;
}

.navbar {
    padding-top: 0;
    padding-right: 1rem;
    padding-bottom: 0;
    padding-left: 1rem;
    box-shadow: none;
}

.navbar-light .navbar-brand {
    color: rgba(0, 0, 0, 0.9);
}

header.navbar-sticky-on .navbar-brand {
    padding-top: 14px;
    padding-bottom: 14px;
}

.navbar-brand {
    padding-top: 20px;
    padding-bottom: 20px;
}

.navbar-brand .navbar-brand-item {
    height: 60px;
    display: block;
    width: auto;
}

.navbar-light .navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.55%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.navbar-light .navbar-nav .nav-link {
    color: #141414;
}

.navbar-light .navbar-nav .show>.nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .current-menu-item a {
    color: #4cbd89;
}

.navbar-nav .nav-link {
    font-weight: 500;
    text-transform: capitalize;
    line-height: 84px;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 1rem;
}

.dropdown-header {
    font-weight: 600;
    padding-top: 0.5rem;
    font-size: 0.875rem;
}

.dropdown-menu {
    position: absolute;
    z-index: 1000;
    display: none;
    min-width: 12rem;
    padding: 1rem 0;
    margin: 0;
}

.dropdown-menu {
    -webkit-box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.15);
    box-shadow: 0px 20px 30px rgba(83, 88, 93, 0.15);
}

.dropdown-item {
    font-weight: 400;
    text-transform: capitalize;
    position: relative;
    padding: 0.4rem 1rem;
}

.dropdown-item.active,
.dropdown-item:active {
    color: #4cbd89;
    text-decoration: none;
    background-color: transparent;
}

.dropdown-item.active {
    color: #4cbd89 !important;
}

.btn-grad {
    color: #ffffff;
    background: linear-gradient(150deg, #2ab9a5 0%, #97c74e 50%, #2ab9a5 100%);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    background-size: 260% 98%;
    background-position: right bottom;
    border: 0;
    /* line-height: 1.92; */
}

.btn-grad.btn-sm,
.btn-group-sm>.btn-grad.btn {
    line-height: 1.8;
}

.dropdown-toggle::after {
    content: "\F282";
    font-family: bootstrap-icons;
    border: none;
    vertical-align: middle;
    font-weight: 900;
    /* font-size: 0.6rem;
    margin-left: 0.35rem;
    */
}

.dropdown-menu .dropdown-toggle::after {
    position: absolute;
    right: 25px;
    top: 10px;
}

.bg-grad {
    background: linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
}

.pattern-overlay-2 {
    position: relative;
    z-index: 1;
}

/* 
==================
blog landing page 
==================
*/
.img-blog {
    aspect-ratio: 640 / 409;
    object-fit: cover;
    display: block;
}

.wp-block-image .aligncenter {
    margin-left: initial;
    margin-right: initial;
}

.post {
    padding: 0;
    border: none;
    background: transparent;
}

.wp-block-heading strong {
    font-weight: 500;
}

.wp-block-heading {
    margin: 30px 0 10px 0;
    /* margin: 10px 0 5px; */
}

h3.wp-block-heading {
    font-weight: 400;
}

.related-post-block {
    border: none;
    padding: 0;
}

/* ==================
    Team page 
====================
*/


.team img {
    aspect-ratio: 400 / 460;
    object-fit: cover;
}

/*
=====================
Static Header 
=====================
*/
header.navbar-sticky-on {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    right: 0;
    background-color: #ffffff;
    -webkit-animation: fadeInDown 0.5s;
    animation: fadeInDown 0.5s;
    width: 100%;
    -webkit-box-shadow: 0px 0px 40px rgba(83, 88, 93, 0.2);
    box-shadow: 0px 0px 40px rgba(83, 88, 93, 0.2);
}

/*
=====================
Mega Menu 
=====================
*/
.megamenu {
    position: static;
}

.megamenu .dropdown-menu {
    width: 900px;
    margin: 0 auto;
    left: 0;
    right: 0;
    padding: 1.5rem 0;
}

@media (min-width: 992px) {
    .navbar-expand-lg .navbar-nav .nav-link {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .mb-md-60 {
        margin-bottom: 60px !important;
    }

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

@media (min-width: 1200px) {
    .navbar-nav .dropdown-menu {
        top: 120%;
        visibility: hidden;
        opacity: 0;
        display: block;
        transition: all 0.3s ease-in-out;
    }

    .navbar-nav .dropdown:hover>.dropdown-menu {
        top: 100%;
        visibility: visible;
        opacity: 1;

    }

    .navbar-nav .dropdown-submenu:hover>.dropdown-menu {
        top: 0;
        visibility: visible;
        opacity: 1;
    }

    .navbar-nav .dropdown-menu:before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        display: block;
        height: 3px;
        opacity: 1;
        background: linear-gradient(150deg, #97c74e 0%, #2ab9a5 100%);
    }

    .dropdown-submenu {
        position: relative;
    }

    .dropdown-submenu .dropdown-menu {
        position: absolute;
        top: 0;
        left: 100%;
        margin-top: -1rem;
    }
}

@media (max-width: 991.98px) {
    .navbar-expand-lg .navbar-collapse {
        -webkit-box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
        box-shadow: 0px 10px 30px rgba(83, 88, 93, 0.2);
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        background: #ffffff;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
    }

    .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item {
        border-bottom: 1px solid rgba(0, 0, 0, 0.1);
        padding: 5px 30px;
        position: relative;
    }

    .navbar-expand-lg .navbar-collapse .navbar-nav .nav-item .nav-link {
        line-height: 40px;
    }

    .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-toggle::after {
        position: absolute;
        right: 30px;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu {
        position: static;
        float: none;
    }

    .navbar-expand-lg .navbar-collapse .navbar-nav .dropdown-menu {
        -webkit-box-shadow: none;
        box-shadow: none;
    }

    .megamenu .dropdown-menu {
        width: 100%;
        background-image: none !important;
    }

    .navbar-brand {
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

@media (max-width: 767.98px) {
    .fs-70 {
        font-size: 2.375rem !important;
    }

    .navbar-brand {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .megamenu .dropdown-menu {
        padding: 0;
    }

    .mega-menu .col-left {
        border-right: none;
    }

    .navbar-brand .navbar-brand-item {
        height: 44px;
        display: block;
        width: auto;
    }

    .section {
        padding: 30px 0;
    }

    .section.stats {
        padding: 0;
    }

    .home-slider .carousel-item {
        height: 25rem;
    }

    .carousel .heading {
        font-size: 30px;
    }

    .carousel .heading,
    .carousel .col-text,
    .carousel .img {
        text-align: center;
    }

    .carousel-caption {
        padding-bottom: 0;
    }



    .section.stats .rounded-10 {
        border-radius: 0;
    }

    .section.py-lg {
        padding: 30px 0;
    }

    .featured-items .col-inner {
        padding: 20px;
    }

    .section.intro h2 {
        /* letter-spacing: 0; */
    }

    .section.free-trial .bg-white {
        background-color: transparent !important;
    }

    h6,
    .h6,
    h5,
    .h5,
    h4,
    .h4,
    h3,
    .h3,
    h2,
    .h2,
    h1,
    .h1 {
        line-height: 1.1;
    }

    .container {
        padding: 0 20px;
    }

    .mega-menu .container {
        padding-right: 0;
    }

    /* Web forms */
    div.wpforms-container-full .wpforms-form .wpforms-one-third.wpforms-first,
    div.wpforms-container-full .wpforms-form .wpforms-two-sixths.wpforms-first {
        width: 100%;
    }

    div.wpforms-container-full .wpforms-form .wpforms-one-third,
    div.wpforms-container-full .wpforms-form .wpforms-two-sixths {
        width: 100%;
        margin-left: 0;
    }

    div.wpforms-container-full .wpforms-form .wpforms-one-half,
    div.wpforms-container-full .wpforms-form .wpforms-three-sixths,
    div.wpforms-container-full .wpforms-form .wpforms-two-fourths {
        width: 100%;
    }

    div.wpforms-container-full .wpforms-form .wpforms-one-half {
        margin-left: 0;
    }

    .accordion-button .text {
        max-width: 90%;
    }

}