@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@100..900&display=swap');

:root {
    --outfit: "Outfit", sans-serif;
    --cprimary: #002060;
    --csecond: #2F9084;
    --fa: "Font Awesome 5 Pro";
}

/* Budget Champ brand font */
@font-face {
    font-family: 'MaturaMTScript';
    src: url('../fonts/maturasc.ttf') format('truetype');
    font-display: swap;
}

/* general */
.full_width_content {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    overflow: hidden;
}

.hide-desktop {
    display: none;
}

body {
    margin: 0;
    padding: 0;
    overflow-x: hidden;
    font-family: "Outfit", sans-serif;
    line-height: 1.6;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1.3;
    font-weight: 500;
}

h1 {
    font-size: 42px;
}

h2 {
    font-size: 32px !important;
}

h3 {
    font-size: 22px !important;
}

h4 {
    font-size: 16px;
}

body a {
    text-decoration: none;
    transition-duration: 0.3s;
}

.btn {
    padding: 15px 32px;
    border-radius: 5px;
}

.btn-default {
    padding: 15px 40px;
    border-radius: 5px;
    font-size: 16px;
    font-weight: 500;
}

.btn,
.btn-default {
    transition-duration: 0.3s;
}

#cluetip {
    display: none !important;
}

.loaders {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
    z-index: 9999;
    justify-content: center;
    align-items: center;
    display: flex;
    transition-duration: 0.5s;
}

.loaders>img {
    animation: pulse 1s infinite;
}

/* header */
ul.megamenu>li>a {
    padding-top: 0;
    height: unset;
}

.is-sticky #top .container {
    padding-top: 26px;
    padding-bottom: 24px;

}

#top .pattern {
    transition-duration: 0.3s
}

.is-sticky #top .pattern {
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.3);
}

#top .megamenu,
#top .megamenu-wrapper,
#header-right {
    position: unset;
}

#top .pattern>.container {
    position: relative;
}

ul.megamenu>li>.sub-menu {
    padding-top: 27px;
}

ul.megamenu>li:last-child {
    margin: 0;
}

ul.megamenu li .sub-menu .content .static-menu a.main-menu {
    background: none;
    margin-bottom: 4px;
}

ul.megamenu li .sub-menu .content li {
    background: none;
    text-align: left;
}

ul.megamenu li .sub-menu ul ul li {
    font-size: 14px;
    text-transform: uppercase;
    padding-bottom: 10px;
}

ul.megamenu li.with-sub-menu a:after {
    height: 100%;
    content: "";
}

ul.megamenu li .sub-menu .content {
    padding: 40px 30px 50px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.15);
}

/* ========================================
   IMPROVED Product Dropdown Menu
   ======================================== */

/* Make dropdown wider and more spacious */
ul.megamenu>li.with-sub-menu .sub-menu {
    width: 320px !important;
    padding-top: 14px;
}

/* Better padding and visual styling for dropdown content */
ul.megamenu>li.with-sub-menu .sub-menu .content {
    padding: 24px 20px 24px !important;
    background: linear-gradient(to bottom, #ffffff 0%, #f8f9fb 100%) !important;
    border: 1px solid rgba(0, 32, 96, 0.12) !important;
    border-radius: 8px !important;
    box-shadow: 0 10px 30px rgba(0, 32, 96, 0.15) !important;
}

/* Vertical layout for product categories */
ul.megamenu>li.with-sub-menu .sub-menu .content .row>div {
    float: none;
    width: 100%;
}

/* Better spacing for each product category section - BOTH .static-menu AND .menu */
ul.megamenu>li.with-sub-menu .sub-menu .content .static-menu,
ul.megamenu>li.with-sub-menu .sub-menu .content .menu {
    padding: 8px 0;
    margin-bottom: 4px;
    border-radius: 6px;
    transition: all 0.3s ease;
}

/* Hover effect for category sections - BOTH structures */
ul.megamenu>li.with-sub-menu .sub-menu .content .static-menu:hover,
ul.megamenu>li.with-sub-menu .sub-menu .content .menu:hover {
    background: rgba(47, 144, 132, 0.04);
    transform: translateX(2px);
}

/* Spacing for individual category links - BOTH structures */
ul.megamenu>li.with-sub-menu .sub-menu .content .static-menu li,
ul.megamenu>li.with-sub-menu .sub-menu .content .menu > ul > li {
    padding: 0;
    margin-bottom: 2px;
}

/* Remove default list bullets */
ul.megamenu>li.with-sub-menu .sub-menu .content .menu > ul {
    list-style: none !important;
    padding-left: 0 !important;
    margin: 0 !important;
}

ul.megamenu>li.with-sub-menu .sub-menu .content .menu > ul > li {
    list-style: none !important;
}

/* Style the main category links - BOTH structures */
ul.megamenu>li.with-sub-menu .sub-menu .content .static-menu a.main-menu,
ul.megamenu>li.with-sub-menu .sub-menu .content .menu a.main-menu {
    display: block !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    padding: 14px 16px !important;
    margin: 0 !important;
    background: linear-gradient(135deg, rgba(0, 32, 96, 0.05) 0%, rgba(47, 144, 132, 0.05) 100%) !important;
    border-left: 3px solid transparent !important;
    border-radius: 5px;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    color: var(--cprimary) !important;
    line-height: 1.4;
}

/* Enhanced hover state for category links - BOTH structures */
ul.megamenu>li.with-sub-menu .sub-menu .content .static-menu a.main-menu:hover,
ul.megamenu>li.with-sub-menu .sub-menu .content .menu a.main-menu:hover {
    background: linear-gradient(135deg, rgba(0, 32, 96, 0.08) 0%, rgba(47, 144, 132, 0.12) 100%) !important;
    border-left-color: var(--csecond) !important;
    color: var(--csecond) !important;
    padding-left: 20px !important;
    transform: translateX(2px);
    box-shadow: 0 2px 8px rgba(47, 144, 132, 0.15);
}

/* Smooth dropdown animation */
ul.megamenu>li.with-sub-menu .sub-menu {
    animation: smoothSlideDown 0.3s ease-out;
}

@keyframes smoothSlideDown {
    from {
        opacity: 0;
        transform: translateY(-12px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

/* Ensure dropdown stays visible on hover */
ul.megamenu>li.with-sub-menu:hover .sub-menu {
    display: block;
}

/* Mobile responsiveness */
@media (max-width: 960px) {
    ul.megamenu>li.with-sub-menu .sub-menu {
        width: 100% !important;
    }

    ul.megamenu>li.with-sub-menu .sub-menu .content {
        border-radius: 0 !important;
    }
}

/* footer */
.footer-address p {
    line-height: 1.6 !important;
}

.footer-info {
    padding-top: 24px;
}

.footer .footer-panel:nth-child(3) ul li:last-child {
    /* display: none; */
}

.footer .container>.row {
    display: flex;
}

.footer .footer-panel:nth-child(1) {
    order: 1
}

.footer .footer-panel:nth-child(2) {
    order: 4
}

.footer .footer-panel:nth-child(3) {
    order: 3
}

.footer .footer-panel:nth-child(4) {
    order: 2
}

.footer-panel h4 {
    margin-bottom: 0;
}

.footer-panel p {
    line-height: 1.9;
}

.footer-panel p span {
    display: flex;
}

.footer-panel span:before {
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
    padding-right: 15px;
    color: #4FBDB5;
}

.footer-panel span.phone:before {
    content: "\f879"
}

.footer-panel span.mail:before {
    content: "\f0e0"
}

.footer-panel span.clock:before {
    content: "\f017"
}

.footer_cprg {
    padding-top: 30px;
    background-size: cover;
    background-image: url('/image/data/theme/banners/footer-bg_190224160004.jpg');
}

.footer .background,
.standard-body .footer .background,
.copyright .background,
.standard-body .copyright .background {
    background: unset !important;
}

.footer .pattern {
    padding-bottom: 60px;
    border-bottom: solid 1px #ffffff26
}

.copyright .pattern {
    padding: 20px 0;
}

.copyright p {
    padding: 0;
    text-align: center;
    font-size: 16px;
    color: #A0AECA;
}

.copyright p:last-child {
    font-size: 14px;
    padding-bottom: 10px;
}

.copyright p:not(:last-child) {
    padding-bottom: 5px;
}

.copyright p:last-child a {
    color: #A0AECA;
    transition-duration: 0.3s;
}

.copyright p:last-child a:hover {
    color: #4FBDB5;
}


/* home */
.superior p {
    padding-bottom: 15px;
}

.program .col-md-6:last-child p {
    padding-bottom: 5px;
}

#slider .tp-bullets .bullet {
    border: none;
}

#slider .tp-bullets .bullet.selected {
    background: #4FBDB5;
    width: 40px;
}

/* .tp-simpleresponsive .slotholder *, .tp-simpleresponsive img{
    object-fit: cover;
} */
.tp-bullets {
    left: unset !important;
    width: 100%;
    padding: 0 calc((100vw - 1280px) / 2);
    margin: 0 !important;
}

.abs {
    top: 0 !important;
    left: 0% !important;
    height: 100%;
    width: 50vw;
    display: flex;
    flex-direction: column;
    padding-left: calc(50vw - (1200px / 2)) !important;
}

.abs_center {
    justify-content: center;
}

.abs_left {
    align-items: flex-start;
}

.abs>* {
    white-space: break-spaces;
}

.banner1 h1 {
    font-size: 48px;
    padding-bottom: 40px;
    padding-right: 40px;
    color: #fff;
}

.box.home-about {
    background: #F6F7F9;
    padding: 80px;
    text-align: center;
}

.home-about>.container>* {
    padding-left: 8.333%;
    padding-right: 8.333%;

}

.home-about h1 {
    margin: 0;
    padding-bottom: 30px;
    font-size: 40px;
    font-weight: 600;
}

.home-about p {
    font-size: 22px;
}

.no-relative {
    position: static;
}

.box.home-mission {
    background: #D2E3FC;
    padding: 0;
}

.home-mission>div p {
    font-size: 18px;
}

.home-mission img {
    position: absolute;
    left: 0;
    height: 100%;
}

.home-mission .container>div {
    padding: 70px 0 90px;
}

.standard-body .main-content .pattern>.container {
    padding-bottom: 0;
}

.home-mission .btn-default:after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    padding-left: 10px;
}

.home-mission h1 {
    margin-bottom: 25px;
    font-size: 36px;
    font-weight: 600;
}

.home-mission>p {
    margin: 0;
}

.home-mission>div p {
    margin-top: 0;
    margin-bottom: 40px;
}

.home-mission .btn-default {
    background: #2F9084 !important;
    color: #ffffff !important;
    border: 2px solid #2F9084 !important;
    font-weight: 600;
    border-radius: 4px;
}

.home-mission .btn-default:hover {
    background: #ffffff !important;
    color: #2F9084 !important;
    border-color: #2F9084 !important;
}

.box.home-cat {
    background: #F6F7F9;
    padding: 80px 0 110px;
}



.home-cat h1 {
    text-align: center;
    margin: 0;
    margin-bottom: 55px;
    font-size: 40px;
    font-weight: 600;
}


container>div {
    position: relative;
    overflow: hidden;
}

.home-cat img {
    width: 100%;
    aspect-ratio: 2/3;
    object-fit: cover;
}

.home-cat .text_wrapper {
    position: absolute;
    --strip-height: 100px;
    top: calc(100% - var(--strip-height));
    background: #212121d9;
    width: calc(100% - 30px);
    height: var(--strip-height);
    color: #fff;
    display: flex;
    flex-direction: column;
    z-index: 2;
    overflow: hidden;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

.home-cat div:hover>.text_wrapper {
    background-color: #2F9084d9;
}

.home-cat .container>div:hover .text_wrapper {
    top: 0;
    height: 100%;
}

.home-cat .text_wrapper>div {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0 20px;
    z-index: 1;
}

.home-cat .text_wrapper>.content_text {
    height: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    transition-duration: 0.5s;
    transition-timing-function: ease-in-out;
}

.home-cat div:hover>.text_wrapper>.content_text {
    transform: translatey(0);
}


.home-cat .text_wrapper .content_text h3 {
    color: #fff;
    margin: 18px 0 10px 0;
    font-weight: 600;
    font-size: 18px !important;
    line-height: 1.3;
    min-height: 47px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.home-cat .text_wrapper .content_text h3.first-product-title {
    margin-top: 45px !important;
}

.home-cat .text_wrapper .content_text p {
    font-size: 18px;
    margin: 0;
}

.home-cat .text_wrapper .link a {
    color: #fff;
    font-size: 16px;
}

.home-cat .text_wrapper .link a:after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    padding-left: 10px;
}

.box.home-why {
    padding: 80px 0;
    background-image: url('/image/data/theme/banners/text_block/why-bg_220224124021.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.home-why h1,
.home-why p,
.home-why h3 {
    color: #fff;
    text-align: center;
}

.home-why h1 {
    margin: 0;
    margin-bottom: 50px;
    font-size: 40px;
    font-weight: 700;
}

.home-why img {
    padding-bottom: 30px;
}

.home-why h3 {
    margin: 0;
    margin-bottom: 15px;
}

.home-why .container>div {
    display: flex;
    flex-direction: column;
    align-items: center;
    /* padding: 0 50px; */
}

.box.home-banner {
    background: #fff;
    padding: 80px 0;
    display: flex;
    column-gap: 30px;
}

.home-banner>div {
    padding-right: 0;
    padding-left: 0;
}

.home-banner img {
    padding-bottom: 15px;
}

.home-banner a {
    font-size: 24px;
    font-weight: 500;
    color: var(--cprimary);
    transition-duration: 0.3s;
}

.home-banner a:after {
    content: "\f061";
    font-family: "Font Awesome 5 Pro";
    padding-left: 10px;
    font-weight: 700;
    font-size: 20px;
    color: var(--csecond);
    transition-duration: 0.3s;
}

.home-banner a:hover {
    color: var(--csecond);
}

.home-banner a:hover:after {
    padding-left: 20px;
    color: var(--cprimary);
}

.box.latest-news {
    background: #F6F7F9;
    padding: 80px 0;
    margin-bottom: 0 !important;
}

.blogModule.latest-news .box-heading {
    background: none;
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    line-height: 1.3;
    padding: 0;
    margin-bottom: 40px;
}

.latest-news .recentArticles {
    display: flex;
    flex-wrap: wrap;
    padding: 0 15px;
    column-gap: 30px;
}

.latest-news .recentArticles li {
    width: calc(33.33% - 20px);
    background: #fff;
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

.latest-news .recentArticles a.image {
    display: flow-root;
    position: relative;
}

.latest-news .recentArticles a img {
    padding: 0;
    border: none;
    margin: 0;
}

.latest-news .recentArticles a.image .info {
    position: absolute;
    bottom: 0;
    left: 25px;
    background: #324976;
    color: #fff;
    font-size: 16px;
    padding: 5px 20px;
    border-radius: 5px;
    transform: translatey(50%);
}

.latest-news .image+.title {
    padding: 40px 25px 30px;
    font-size: 22px;
    font-weight: 500;
    line-height: 1.3;
}

.latest-news .readmore {
    margin-top: auto;
    margin-bottom: 30px;
    padding: 0 25px;
    color: var(--csecond);
    font-weight: 500;
    font-size: 16px;
}

.latest-news .readmore i {
    padding-left: 5px;
    transition-duration: 0.3s;
}

.latest-news .readmore:hover i {
    padding-left: 15px;
}

.latest-news .readmore:hover {
    color: var(--cprimary);
}

.latest-news a {
    text-decoration: none !important;
}

.blogModule .box-footer .btn-default {
    display: table;
    margin-top: 55px;
    margin-left: auto;
    margin-right: auto;
}

.blogModule .box-footer .btn-default i {
    padding-left: 5px
}


/* contact us */
.info-14 .breadcrumb {
    display: none;
}

.contactus {
    padding-top: 35px;
    padding-bottom: 80px;
}

.contactus h1 {
    padding: 0;
    margin: 0;
    margin-bottom: 25px;
    text-transform: none;
    font-size: 26px;
}

.contactus>div:last-child {
    padding-left: 8.333%;
}

.contactus iframe {
    width: 100%;
    height: 100%;
}

.contactus {
    display: flex;
}

.contactus .contact_wrapper {
    display: flex;
    padding-bottom: 30px;
}

.contactus .contact_wrapper:before {
    font-family: var(--fa);
    font-size: 20px;
    color: #2F9084;
    padding-right: 12px;
    font-weight: 100;
}

.contactus .location:before {
    content: "\f3c5";
}

.contactus .phone:before {
    content: "\f879";
}

.contactus .email:before {
    content: "\f0e0";
}

.contactus .operating:before {
    content: "\f017";
}

.contactus .contact_wrapper p {
    margin-bottom: 0;
    line-height: 1.5;
}

.contactus .contact_wrapper .contact_details_title {
    margin-bottom: 5px;
    font-weight: 500;
}

#form1>div {
    background: #E3F0EF;
}

#form1 .box-content {
    padding: 80px 22.5% 60px;
}

#form1 .form-field.html-field {
    padding-bottom: 40px;
}

.form-builder .form-field h4>span {
    display: none;
}

.form-builder .form-field.html-field h1 {
    font-size: 24px;
    margin: 0;
}

#form1 .form-field.html-field h1 {
    margin-bottom: 15px;
}

.form-builder .form-field.html-field p {
    font-size: 16px;
}

.form-builder .form-field h4 {
    font-size: 16px;
    margin: 0 !important;
}

.form-builder form {
    display: flex;
    flex-wrap: wrap;
    column-gap: 25px;
}

.form-builder .form-field[style="width: 49%;"] {
    width: calc(50% - 12.5px) !important;
}

.form-builder .form-field[style="width: 99%;"] {
    width: 100% !important;
}

.form-builder .form-field:not(:last-child) {
    margin-bottom: 25px;
}

.form-builder textarea,
.form-builder input[type="text"],
.form-builder input[type="password"],
.form-builder label,
.form-builder select {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
}

.form-builder .form-field input[type="text"],
.form-builder textarea {
    background: none;
    border-radius: 0;
    border: none;
    border-bottom: solid 1px #757575;
    color: #212121;
    font-size: 16px;
    width: 100%;
}

#form1 .form-field.message {
    height: unset !important;
}

.form-builder textarea {
    height: 6em;
}

.form-builder .form-field input[type="text"]:focus,
.form-builder textarea:focus {
    box-shadow: unset;
    border-bottom: solid 2px #2F9084;
}

.form-builder textarea {
    box-shadow: unset;
    width: 100% !important;
}

#form1 .g-recaptcha,
#form1 .submit7.form-field .field-block {
    display: flex;
    justify-content: center;
}

#form1 .submit7 .button {
    max-width: 304px;
    width: 100%;
    background-color: #2F9084;
    color: #fff !important;
    font-size: 16px;
    font-weight: 500 !important;
}

#form1 .submit7 .button:after {
    font-family: 'Font Awesome 5 Pro';
    content: "\f1d8";
    font-weight: 900;
    padding-left: 10px;
}

/* blog category */
.blog-category .breadcrumb ul {
    display: none;
}

.blog-category .breadcrumb h2 {
    margin: 0;
    color: #fff;
}

.blog-category .breadcrumb .clearfix {
    padding: 0
}

.blog-category .breadcrumb {
    padding: 55px 0;
    background-image: url(/image/data/theme/news/news-banner.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.blog-category .livemarks,
.blog-category .blog-filter,
.blog-category #blog_category #blogCatArticles .blockClear p {
    display: none;
}

.blog-category #blog_category .articleCat {
    height: unset !important;
    width: calc(33.333% - 20px);
    padding: 0;
    margin: 0;
    background: #fff;
    border: solid 1px #E6E6E6;
    transition-duration: 0.3s;
    display: flex;
    flex-direction: column;
}

.blog-category #blog_category .articleCat:hover {
    box-shadow: 1px 14px 30px rgba(60, 69, 95, 0.2);
}

.blog-category #blog_category .articleContent {
    flex-grow: 1;
}

.blog-category #blog_category #blogCatArticles {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 30px;
    overflow: visible;
}

.blog_cat_content {
    padding: 40px 25px;
}

.blog-category .articleHeader {
    position: relative;
    margin: 0;
}

.articleHeader .info {
    position: absolute;
    bottom: 0;
    left: 25px;
    background: #324976;
    color: #fff;
    font-size: 16px;
    padding: 5px 20px;
    border-radius: 5px;
    transform: translatey(50%);
}

.blog-category #blogCatArticles h3 {
    padding: 0;
    margin-bottom: 30px;
}

.blog-category .articleContent .readMore {
    padding: 0;
    margin-top: auto;
}

.blog-category .articleContent>.container,
.blog-category .articleContent>.container>.row {
    height: 100%;
}

.blog-category .articleContent>.container>.row>.blog_cat_content {
    height: 100%;
    display: flex;
    flex-direction: column;
}

div.pagination {
    width: 100%;
    background: none;
    padding: 0;
    margin: 0 !important;
    padding-bottom: 80px;
}

div.pagination .results {
    display: none;
}

div.pagination .links {
    padding-top: 50px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
    list-style: none;
}

div.pagination .links span,
div.pagination .links a {
    margin: 0;
    padding: 0;
    border-radius: 50%;
    border: none;
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
}

div.pagination .links .active span {
    background: #2F9084;
    color: #fff;
}

/* article */
a[name=articleComments],
#articleComments {
    display: none !important;
}

.blog-article .breadcrumb {
    display: none;
}

.blog-article .center-column {
    padding-top: 0;
}

.blog-article .blog_article_wrapper:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 500px;
    background: linear-gradient(0deg, rgba(20, 53, 156, 1) 0%, rgba(0, 32, 96, 1) 100%);
    z-index: 0;
}

.blog-article .blog_article_wrapper>.container {
    z-index: 1;
    position: relative;
    padding: 0 8.333%;
}

.blog-article #blogArticle {
    padding: 55px 8.3333% 0;
    overflow: visible;
}

.blog_article_wrapper #blogArticle .articleHeader h1 {
    color: #fff;
    font-size: 40px;
    padding: 0;
    padding-bottom: 30px;
    letter-spacing: unset;
    font-weight: 500;
}

#blogArticle .articleHeader p {
    font-size: 16px;
    color: #4FBDB5;
    margin-bottom: 55px;
}

#blogArticle .ludoBlog {
    background: unset;
    padding: 0;
    border: none;
    color: #212121;
}

#blogArticle .ludoBlog p {
    margin-top: 0;
    margin-bottom: 1.5em;
    letter-spacing: unset;
    line-height: 1.75;
}

#blogArticle .ludoBlog p+p>img {
    padding-top: 20px;
    padding-bottom: 15px;
}

#blogArticle .ludoBlog p>strong {
    font-size: 22px;
}

#blogArticle .ludoBlog .blog_btn {
    max-width: 370px;
    display: block;
    background: #2F9084;
    text-align: center;
    padding: 15px 0;
    border-radius: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
}

#blogArticle .ludoBlog .blog_btn:after {
    content: "\f4ad";
    font-weight: 900;
    font-family: var(--fa);
    padding-left: 10px;
}

#blogArticle .articleBottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 30px 0;
    border-top: solid 1px #DBDBDB;
    border-bottom: solid 1px #DBDBDB;
    margin-bottom: 80px;
}

#blogArticle .articleBottom>a>i {
    padding-right: 10px;
}

#articleRelated {
    background: #F6F7F9;
    padding-top: 70px;
}

#articleRelated ul.article_list {
    padding: 40px 0 70px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    column-gap: 30px;
}

#articleRelated h4 {
    padding: 0;
    margin: 0;
    text-align: center;
}

#articleRelated ul.article_list>li {
    width: calc(33.33% - 20px);
    border: solid 1px #E6E6E6;
    transition-duration: 0.3s;
    background: #fff;
}

#articleRelated ul.article_list>li:hover {
    box-shadow: 1px 14px 30px rgba(60, 69, 95, 0.2);
}

#articleRelated .related_article_header {
    position: relative;
}

#articleRelated .related_article_header .info {
    position: absolute;
    bottom: 0;
    left: 25px;
    background: #324976;
    color: #fff;
    font-size: 16px;
    padding: 5px 20px;
    border-radius: 5px;
    transform: translatey(50%);
}

#articleRelated .related_article_body {
    padding: 40px 25px;
}

#articleRelated .readmore {
    display: block;
    margin-top: auto;
    color: var(--csecond);
    font-weight: 500;
    font-size: 16px;
}

#articleRelated .readmore i {
    padding-left: 5px;
    transition-duration: 0.3s;
}

#articleRelated .readmore:hover i {
    padding-left: 15px;
}

#articleRelated .readmore:hover {
    color: var(--cprimary);
}

/* product category */
.category_description p {
    padding-bottom: 15px;
}

.category_description p:last-child {
    padding-bottom: 0px;
    margin-bottom: 0;
}

.product-category .breadcrumb .container {
    max-width: unset !important;
    width: unset;
}

.product-category .breadcrumb ul {
    display: none;
}

.product-category .breadcrumb #title-page {
    margin: 0;
    color: #fff;
    font-size: 40px !important;
    font-weight: 500;
}

.product-category .breadcrumb .parent_category #title-page {
    margin-bottom: 30px;
}

.box-category ul li .head a {
    text-decoration: none;
    line-height: 44px;
    margin-right: 10px;
}

.box-category ul li .head a span {
    font-size: 0;
}

.box-category ul li .head a span:after {
    font-size: 12px;
    font-family: "Font Awesome 5 Pro";
    font-weight: 700;
}

.box-category ul li .head a .plus:after {
    content: "\f067";
}

.box-category ul li .head a .minus:after {
    content: "\f068";
}

.box-category.box {
    margin-bottom: 80px;
}

.product-category .category_description {
    color: #fff;
}

.product-category .breadcrumb .clearfix {
    padding: 0;
}

.product-category .breadcrumb .parent_category .clearfix {
    width: 50%;
    padding-left: 2.5%;
    float: right;
}

.product-category .breadcrumb .parent_category {
    background-repeat: no-repeat;
    background-size: 50%;
    background-position: left center;
    background-color: var(--cprimary);
    padding-top: 65px;
    padding-bottom: 85px;
}

.product-category .breadcrumb .parent_category #title-page {
    text-align: left;
}

.category-info {
    display: none;
}

.product-filter {
    display: none;
}

.product-grid .product {
    display: flex;
    margin-top: 0;
    margin-bottom: 30px;
}

.product-grid .product .left {
    width: 40%;
}

.product-grid .product .right {
    width: 60%;
    padding-left: 5%;
}

.product .price {
    display: none !important;
}

.product-grid .product .name {
    padding: 0;
    padding-bottom: 15px;
}

.product-grid .product .name a {
    font-size: 16px;
    font-weight: 500;
}

.product-grid .product .name a:hover {
    color: var(--csecond);
}

.product-grid .product .short_desc p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 0;
}

.product-grid .product {
    border: solid 1px #E6E6E6;
    padding: 25px 15px;
}

.product-category .box-category {
    border-radius: 6px;
    overflow: hidden;
    background: #F8FCFC;
}

.product-category .box-category .box-heading {
    line-height: 1.3;
    font-size: 14px;
    background: var(--csecond);
    color: #fff;
    text-transform: capitalize;
}

ul.megamenu li .sub-menu .content a {
    text-transform: capitalize;
}





.box-category ul.accordion {
    padding: 0;
    margin: 0;
}

.box-category ul.accordion>li>a {
    font-size: 14px;
    font-weight: 500;
}

.box-category ul.accordion>li>a.active {
    color: var(--csecond)
}

.box-category ul.accordion>li>a:first-child {
    padding: 10px 15px;
    display: inline-block;
}

.box-category ul.accordion>li:not(:last-child) {
    border-bottom: solid 1px #D6DEEA;
}

.box-category ul.accordion ul {
    border-top: solid 1px #D6DEEA;
    padding: 10px 15px;
}

.box-category ul.accordion ul>li>a {
    font-size: 14px;
}

.box-category ul.accordion ul>li:not(:last-child) {
    padding-bottom: 5px;
}

.box-category ul.accordion ul:before {
    content: unset;
}

.child_category {
    padding: 60px 0 80px;
    background-size: cover;
    position: relative;
}

.child_category:before {
    content: "";
    background: rgba(0, 0, 0, 0.12);
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    z-index: 0;
}

.breadcrumb .child_category #title-page {
    z-index: 1;
    position: relative;
}

/* product */
.product-product .breadcrumb .container>div {
    padding: 5px 0;
    margin-bottom: 25px;
}

.product-product .breadcrumb .container>div #title-page {
    display: none;
}

.product.clearfix:hover {
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.3);
}

.breadcrumb .container ul {
    text-align: left;
}

.breadcrumb .container ul li {
    font-size: 12px;
}

.breadcrumb .container ul li:before {
    content: "\f054";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    font-size: 10px;
}

.breadcrumb .container ul li:last-child a {
    color: var(--csecond);
}

.product-info .price {
    display: none;
}

.product-info .cart {
    display: none;
}

#inquiry_modal button.close {
    position: absolute;
    right: 0;
    top: 0px;
    font-size: 18px;
    width: 32px;
    height: 32px;
    background: #000;
    color: #fff;
    border-radius: 100%;
    border: solid 2px #fff;
    transform: translate(50%, -40%)
}

#inquiry_modal .modal-header {
    background: none;
    padding: 46px 40px 0;
}

#inquiry_modal .modal-header .modal-title {
    font-size: 22px;
}

#inquiry_modal .modal-body {
    padding: 30px 40px 50px;
}

#inquiry_modal .modal-body>p {
    display: none;
}

#product_inquiry_form .form {
    width: 100%;
}

#product_inquiry_form input,
#product_inquiry_form textarea {
    width: 100%;
    margin: 0;
    margin-bottom: 15px;
    padding: 0;
    min-height: 50px;
    background: #fff;
    border-radius: 6px;
    border: solid 1px #DBDBDB;
    transition-duration: 0.3s;
    outline: 1px solid transparent;
    color: #212121;
}

#product_inquiry_form input:focus,
#product_inquiry_form textarea:focus {
    outline-color: var(--csecond);
}

#product_inquiry_form input {
    display: flex;
    align-items: center;
    padding: 0 15px;
}

#product_inquiry_form textarea {
    padding: 15px;
}

#product_inquiry_submit {
    padding: 15px 45px;
    background-color: var(--csecond);
    color: #fff !important;
    border-radius: 6px;
    font-size: 16px;
    font-weight: 500 !important;
    margin: 0;
}

#product_inquiry_submit:hover {
    background-color: #fff;
    color: var(--csecond) !important;
}

#product_inquiry_submit i {
    padding-left: 10px;
}

#product_inquiry_form td {
    padding: 0;
}

#product_inquiry_form .g-recaptcha {
    padding-bottom: 20px;
}

#product_inquiry_form .g-recaptcha+br {
    display: none
}

#product_inquiry_form tr td:first-child {
    display: none;
}

#product_inquiry_form tr:nth-child(4),
#product_inquiry_form tr:nth-child(5) {
    display: none;
}

.product-info .description {
    background: none;
}

.product-info .product-center .product-center_wrapper {
    background: #F8FCFC;
    border: solid 1px #D8E3E1;
    border-radius: 6px;
    padding: 40px 30px;
}

.product-info-bottom {
    background: #E3F0EF;
    padding: 35px 0 85px;
}

.htabs {
    background: unset;
}

.product-info-bottom .htabs a {
    margin: 0;
    font-size: 24px;
    margin: 0;
    padding-bottom: 40px;
    border: none !important;
    color: #041640 !important;
    text-decoration: none;
    pointer-events: none;
}

.htabs a[href="#tab-attribute"] {
    display: none !important;
}

.center-column .tab-content {
    margin: 0;
}

.center-column .tab-content>h2:first-child {
    display: none;
}

a.mfp-iframe {
    background: none !important;
    display: block !important;
    position: relative;
}

a.mfp-iframe img {
    opacity: 1 !important;
}

a.mfp-iframe:after {
    content: "";
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    position: absolute;
    height: 100%;
    width: 100%;
    background-image: url('/image/data/theme/icons/play_180724111110.png');
    background-repeat: no-repeat;
    background-position: center center;
    pointer-events: none;
}

.product-info .thumbnails-bottom ul.slick-slider {
    padding: 0 8%;
}

.product-info .product-title {
    font-size: 32px;
    font-weight: 500;
    margin-bottom: 15px;
}

.product-info .product_details>* {
    font-size: 16px;
    padding-bottom: 20px;
}

.product-info .product_details .short_description {
    padding-bottom: 30px;
}

.product-info .product_details h3 {
    font-size: 16px;
    font-weight: 500;
    padding: 0;
    margin-bottom: 5px;
}

.product-info-bottom .product_details ul {
    list-style: none;
    padding: 0;
}

.product-info-bottom .product_details ul>li:before {
    content: "\f00c";
    font-family: "Font Awesome 5 Pro";
    color: #2F9084;
    font-size: 14px;
    padding-right: 10px;
}

.product-info .enquery-button {
    width: 75%;
    background: var(--csecond);
    color: #fff !important;
    font-weight: 500 !important;
}

.product-info .enquery-button i {
    padding-left: 10px;
}

.thumbnails-bottom .slick-next:before,
.thumbnails-bottom .slick-prev:before {
    font-size: 20px;
    color: var(--csecond);
}

.product-info .popup-gallery,
.product-info .product-center {
    margin-bottom: 80px;
}

.product-info .thumbnails.thumbnails-bottom .slick-slider li p {
    padding: 0;
    border: solid 1px #D9D9D9;
}

.product-info .thumbnails.thumbnails-bottom .slick-slider li p.active {
    border-color: var(--csecond);
}

#tab-description {
    padding-bottom: 0;
}

#tab-description>* {
    margin-bottom: 3rem;
    font-size: 16px;
    color: #212121;
}

#tab-description>*:last-child {
    margin-bottom: 0;
}

.box.related_product {
    background: #F6F7F9;
    padding: 80px 0;
}

.related_product .owl-stage {
    display: flex;
    flex-wrap: wrap;
}

.related_product .owl-stage .owl-item {
    display: flex;
}

.related_product .product-grid .product {
    height: 100%;
    flex-direction: column;
    background: #fff;
    padding: 15px 25px;
    margin: 0;
}

.related_product .product-grid .product .left,
.related_product .product-grid .product .right {
    width: unset;
}

.related_product .product-grid .product .name {
    text-align: center;
    line-height: 1.2;
    padding-bottom: 15px;
    padding-top: 15px;
}

.related_product .box-heading {
    line-height: 1.2;
    background: none;
    text-align: center;
    padding: 0;
    margin-bottom: 55px;
}

.related_product .owl-nav>button {
    position: absolute;
    top: 50%;
    transition: translatey(-50%);
}

.related_product .owl-nav>button.owl-prev {
    left: -45px;
}

.related_product .owl-carousel.owl-loaded {
    overflow: visible;
}

.related_product .owl-nav>button.owl-next {
    right: -45px;
}

.related_product .owl-nav i {
    color: #212121;
    transition-duration: 0.3s;
    font-size: 30px;
}

.related_product .owl-nav i:hover {
    color: var(--csecond);
}

.related_product .owl-nav .disabled i {
    opacity: 0.3;
}

/* misc */


/* carrer */
.cosmic_career p {
    /* padding-bottom: 5px; */
}



/* mobile responsive */
@media screen and (max-width:768px) {
    .hide-mobile {
        display: none;
    }

    h1 {
        font-size: 35px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 20px;
    }

    body .standard-body {
        font-size: 15px;
    }

    .responsive .main-content .pattern>.container,
    .responsive .standard-body .main-content .pattern>.container {
        padding-bottom: 0;
    }

    .is-sticky #top .container {
        padding-top: 10px;
        padding-bottom: 10px;
    }

    .footer .container>.row {
        flex-direction: column;
    }

    .responsive .tp-bullets {
        display: block;
        padding: 0 30px;
    }

    .home-about.box {
        padding: 30px 0 40px;
    }

    .home-about h1 {
        font-size: 36px;
        padding-bottom: 15px;
    }

    .home-about p {
        font-size: 16px;
    }

    .home-about>.container>* {
        padding-left: 15px;
        padding-right: 15px;
    }

    .home-mission .container>div {
        padding: 0 15px;
    }

    .home-mission img {
        position: static;
        mask-image: linear-gradient(180deg, rgba(0, 0, 0, 1) 85%, transparent 100%)
    }

    .home-mission h1 {
        margin-top: 30px;
        margin-bottom: 15px;
        font-size: 30px;
    }

    .home-mission>div p {
        margin-bottom: 30px;
        font-size: 16px;
    }

    .home-mission a {
        display: inline-block;
        margin-bottom: 50px;
    }

    .btn-default {
        padding: 10px 40px;
        border-radius: 3px
    }

    .home-cat.box {
        padding: 50px 0 80px;
    }

    .home-cat h1 {
        font-size: 34px;
        margin-bottom: 30px;
        width: 100%
    }

    .home-cat .container {
        display: flex;
        flex-wrap: wrap;
        column-gap: 15px;
        padding: 0 15px !important;
    }

    .home-cat .container>div {
        padding: 0;
        width: calc(50% - 8px);
        margin-bottom: 20px;
    }

    .home-cat .text_wrapper {
        width: 100%;
    }

    .box.home-why {
        background-repeat: no-repeat;
        background-color: #14359c;
        background-position: top center;
    }

    .home-cat .text_wrapper .content_text h3 {
        font-size: 16px;
        margin: 10px 0;
    }

    .home-cat .text_wrapper>div {
        padding: 0 10px;
    }

    .home-cat .text_wrapper .content_text p {
        font-size: 14px;
    }

    .home-cat .text_wrapper>div.link {
        margin-top: auto;
        padding-bottom: 5px;
    }

    .home-cat .text_wrapper .link a {
        font-size: 14px;
    }

    .box.home-why {
        padding: 40px 0 60px;
        ;
    }

    .home-why h1 {
        margin-bottom: 30px;
        font-size: 32px;
        font-weight: 700;
    }

    .home-why .container>div {
        padding: 0 8.333%;
    }

    .home-why .container>div:not(:last-child) {
        margin-bottom: 40px;
    }

    .home-why img {
        padding-bottom: 20px;
    }

    .home-why h2 {
        margin-bottom: 10px;
    }

    .box.home-banner {
        padding: 30px 0 50px;
        flex-direction: column;
        row-gap: 30px;
    }

    .home-banner img {
        padding-bottom: 10px;
    }

    .home-banner a {
        font-size: 22px;
    }

    .box.latest-news {
        padding: 40px 0 80px;
    }

    .blogModule.latest-news .box-heading {
        font-size: 30px;
    }

    .latest-news .recentArticles {
        flex-direction: column;
        row-gap: 30px;
    }

    .latest-news .recentArticles li {
        width: 100%;
    }

    .latest-news .recentArticles a.image .info {
        font-size: 15px;
        border-radius: 3px;
    }

    .latest-news .image+.title {
        padding: 40px 25px 20px;
        font-size: 20px;
    }

    .latest-news .readmore {
        margin-bottom: 25px;
    }

    .footer-panel h4:after {
        color: #fff;
    }

    .footer .footer-panel:nth-child(1) img {
        padding-top: 20px !important;
    }

    .footer .footer-panel:nth-child(1) {
        padding-bottom: 40px;
    }

    .footer .footer-panel:not(:nth-child(1)) {
        margin-bottom: 10px;
    }

    .footer_cprg {
        background-color: #012060;
        background-size: 300%;
        background-repeat: no-repeat;
        background-position: left bottom;
    }

    .drawer__content,
    .drawer .container {
        padding: 0;
    }

    .drawer .container .megamenu {
        padding-top: 20px !important;
    }

    .drawer__content ul.megamenu>li>.sub-menu {
        padding-top: 0;
    }

    .drawer__content ul.megamenu>li>.sub-menu .content {
        box-shadow: none;
    }

    .responsive ul.megamenu .sub-menu .content>.row>div {
        padding-bottom: 0;
    }

    .responsive ul.megamenu>li>a:before {
        content: unset;
    }

    /*mobile edit */

    /* Home Page */
    .fa-search {
        color: white;
    }

    .navbar-fixed-top {
        border-width: 0;
    }

    div .count_info {
        display: flex;
        align-items: center;
        justify-content: center;
        padding-bottom: 50px;
        padding-left: 70px;
    }

    div .count_part {
        padding-left: 50px;
    }

    /* PAGINATION */

    html,
    body {
        margin: 0;
        padding: 0;
        width: 100%;
        overflow-x: hidden;
    }

    div.pagination .links li {
        white-space: nowrap;
    }


    div.pagination .links a {
        padding: 8px 12px;
        display: inline-block;
    }







}









/* misc */
.product-info .normal_desc h2:first-child {
    display: none;
}

.product-info .normal_desc ul {
    padding-left: 20px;
}

.product-info-bottom .product_details {
    display: flex;
    flex-direction: column;
    row-gap: 30px;
}

.htabs {
    display: none;
}

.product-info-bottom .product_details>div>h3 {
    padding-bottom: 10px;
    font-size: 24px;
}

.board_dir .row:before,
.board_dir .row:after {
    content: unset;
}

@media screen and (max-width:768px) {
    .product-info-bottom .product_details {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.product_details .product_specs ul {
    list-style: disc;
    padding-left: 20px;
}

.product_details .product_specs ul li:before {
    content: unset;
}

.blog-article .articleHeader>span,
.blog-category .articleHeader>span:not(.info) {
    display: none !important;
}

#product_inquiry_form small,
.form-builder .captcha6 {
    display: none;
}

.clock {
    white-space: pre;
}

/* Brand styling for header/footer name */
/* Swap logo images for live text; only brand name uses Matura */
#header-left h1,
#header-left h1 a {
    display: block;
    text-decoration: none;
}

#header-left h1 a img {
    display: none;
}

#header-left h1 a::after {
    content: 'Budget Champ';
    display: block;
    font-family: 'MaturaMTScript', 'Matura MT Script Capitals', 'Brush Script MT', cursive;
    font-size: 36px;
    line-height: 1.1;
    color: #ffffff;
    padding: 10px 0;
}

.footer-logo {
    display: none;
}

.footer-panel:first-child p:first-child {
    position: relative;
    min-height: 52px;
    margin: 0;
}

.footer-panel:first-child p:first-child::after {
    content: 'Budget Champ';
    display: block;
    font-family: 'MaturaMTScript', 'Matura MT Script Capitals', 'Brush Script MT', cursive;
    font-size: 32px;
    line-height: 1.1;
    color: #FFFFFF;
    padding-top: 40px;
}

/* Header navigation contrast */
#top .megamenu>li>a,
#top .megamenu>li>a>span,
#top .megamenu>li>a>span strong {
    color: #ffffff !important;
}

#top #header-left h1 a::after {
    color: #ffffff;
}

#top .megamenu>li:hover>a,
#top .megamenu>li:hover>a>span,
#top .megamenu>li:hover>a>span strong {
    color: #ffffff !important;
}

/* Megamenu dropdown - ensure light background and dark text */
.megamenu-wrapper .sub-menu,
.megamenu-wrapper .sub-menu .content,
.megamenu-wrapper .sub-menu .content .row,
.megamenu-wrapper .sub-menu .content .row>div,
.megamenu-wrapper .static-menu .menu ul,
.megamenu-wrapper .static-menu .menu ul li,
.megamenu-wrapper .static-menu .menu ul li ul,
.megamenu-wrapper .static-menu .menu ul li ul li {
    background: #ffffff !important;
}

.megamenu-wrapper .sub-menu {
    border: 1px solid #dcdcdc !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08) !important;
}

.megamenu-wrapper .sub-menu .content {
    border: 0 !important;
    box-shadow: none !important;
}

.megamenu-wrapper .sub-menu .content>.row {
    padding-top: 0 !important;
}

.megamenu-wrapper .static-menu .menu ul li a,
.megamenu-wrapper .static-menu .menu ul li a strong {
    color: #000000 !important;
}

.megamenu-wrapper .static-menu .menu ul li a:hover {
    color: #2F9084 !important;
}

.megamenu-wrapper .static-menu .menu ul li a.main-menu {
    font-weight: 600;
}

.megamenu-wrapper .sub-menu .content>.border {
    display: none !important;
    background: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

/* Fallback for theme CSS border divider */
ul.megamenu .sub-menu .content>.border,
.responsive ul.megamenu .sub-menu .content .border {
    display: none !important;
    background: none !important;
    height: 0 !important;
    padding: 0 !important;
    margin: 0 !important;
    border: 0 !important;
}

/* Kill any remaining bg-menu.png stripe */
ul.megamenu .sub-menu .content>.border,
ul.megamenu .sub-menu .content .border {
    background-image: none !important;
}

ul.megamenu li .sub-menu .content {
    background-image: none !important;
    border: 0 !important;
}

/* Hero CTA (Delivering Excellence) */
.banner1 .btn {
    background: #ffffff !important;
    color: #000000 !important;
    border: 2px solid #ffffff !important;
    font-weight: 600;
}

.banner1 .btn:hover {
    background: #2F9084 !important;
    border-color: #2F9084 !important;
    color: #ffffff !important;
}


.megamenu-wrapper .sub-menu:after,
.megamenu-wrapper .sub-menu:before {
    display: none !important;
}

/* Fix footer to be truly full-width */
.footer_cprg {
    width: 100vw;
    position: relative;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
}

/* Override container max-width constraints for footer */
.standard-body .footer full-width .container,
.standard-body .copyright.full-width .container {
    max-width: 1270px;
    margin: 0 auto;
}

/* Fix footer email alignment - ensure group email note appears under email address */
.footer-info span.mail {
    display: inline-block;
    max-width: 100%;
}

.footer-info span.mail small {
    display: block;
    line-height: 1.4;
    margin-top: 2px;
    font-size: 11px;
}

/* Ensure proper spacing and alignment for all footer contact elements */
.footer-info p {
    margin-bottom: 10px;
    line-height: 1.6;
}

/* Mobile responsive adjustments */
@media (max-width: 767px) {
    .footer-info span.mail {
        display: block;
        width: 100%;
    }

    .footer-info span.mail small {
        display: block;
        margin-top: 3px;
    }
}