:root {
    --primary-color: #F08500;
    --secondary-color: #003D79;
}

/* Ensure icon fonts resolve correctly in Laravel */
@font-face{
    font-family:"Font Awesome 6 Free";
    font-style:normal;
    font-weight:400;
    font-display:block;
    src:url("/frontend/fonts/fa-regular-400.woff2") format("woff2"),
        url("/frontend/fonts/fa-regular-400.ttf") format("truetype");
}
@font-face{
    font-family:"Font Awesome 6 Free";
    font-style:normal;
    font-weight:900;
    font-display:block;
    src:url("/frontend/fonts/fa-solid-900.woff2") format("woff2"),
        url("/frontend/fonts/fa-solid-900.ttf") format("truetype");
}
@font-face{
    font-family:"Font Awesome 6 Brands";
    font-style:normal;
    font-weight:400;
    font-display:block;
    src:url("/frontend/fonts/fa-brands-400.woff2") format("woff2"),
        url("/frontend/fonts/fa-brands-400.ttf") format("truetype");
}
.btn-style1 {
    background: #F08500;
}

/* Replace missing Themify icons with Font Awesome */
.list-style1 li:before,
.list-style2 li:before{
    font-family:"Font Awesome 6 Free" !important;
    font-weight:900 !important;
    content:"\f00c" !important;
}

/* Slider/Carousel arrows: replace missing Themify (ti-*) with Font Awesome */
.ti-arrow-left:before,
.ti-arrow-right:before,
.ti-angle-left:before,
.ti-angle-right:before{
    font-family:"Font Awesome 6 Free" !important;
    font-weight:900 !important;
    display:inline-block;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
.ti-arrow-left:before,
.ti-angle-left:before{
    content:"\f104" !important; /* fa-angle-left */
}
.ti-arrow-right:before,
.ti-angle-right:before{
    content:"\f105" !important; /* fa-angle-right */
}
.text-primary, .text-primary-hover:hover {
    color: #F08500 !important;
}
.banner-style02 .banner-button .button-arrow {
    background-color: #F08500;
}

/* Channel partners band (Home) */
.channel-partners-section{
    position:relative;
    z-index:5;
    margin-top:-55px;
    margin-bottom:30px;
    background:transparent;
}
.channel-partners{
    position:relative;
    overflow:hidden;
    border-radius:16px;
    background:
        radial-gradient(1200px 240px at 20% 0%, rgba(240,133,0,0.14), rgba(240,133,0,0) 60%),
        radial-gradient(900px 220px at 85% 100%, rgba(0,61,121,0.10), rgba(0,61,121,0) 55%),
        #f6f6f6;
    border:1px solid rgba(0,0,0,0.08);
    box-shadow:
        0 18px 50px rgba(18, 28, 34, 0.12),
        0 2px 0 rgba(255,255,255,0.9) inset;
}
.channel-partners:before{
    content:"";
    position:absolute;
    inset:-2px;
    background:linear-gradient(120deg, rgba(240,133,0,0.28), rgba(0,61,121,0.18), rgba(240,133,0,0.10));
    opacity:0.35;
    filter:blur(18px);
    pointer-events:none;
}
.channel-partners__title{
    height:100%;
    min-height:108px;
    display:flex;
    align-items:center;
    padding:26px 28px;
    background:linear-gradient(180deg, rgba(255,255,255,0.92), rgba(255,255,255,0.76));
    border-right:1px solid rgba(0,0,0,0.08);
    backdrop-filter:saturate(120%) blur(6px);
    position:relative;
    z-index:1;
}
.channel-partners__title-inner{
    width:100%;
}
.channel-partners__title h4{
    line-height:1.15;
    font-weight:700;
    color:var(--secondary-color);
    letter-spacing:-0.02em;
}
.channel-partners__eyebrow{
    display:inline-flex;
    align-items:center;
    gap:10px;
    font-size:12px;
    letter-spacing:0.18em;
    text-transform:uppercase;
    font-weight:700;
    color:rgba(0, 61, 121, 0.85);
    margin-bottom:10px;
}
.channel-partners__eyebrow:before{
    content:"";
    width:18px;
    height:2px;
    background:linear-gradient(90deg, var(--primary-color), rgba(240,133,0,0));
    border-radius:999px;
}
.channel-partners__rule{
    display:block;
    width:72px;
    height:3px;
    margin-top:14px;
    border-radius:999px;
    background:linear-gradient(90deg, var(--primary-color), rgba(240,133,0,0));
}
.channel-partners__carousel{
    height:100%;
    display:flex;
    align-items:center;
    padding:14px 18px;
    position:relative;
    z-index:1;
}
.channel-partners .clients-carousel-one .client-img{
    padding:10px 20px;
}
.channel-partners .clients-carousel-one .client-img img{
    max-height:46px;
    opacity:1;
    filter:grayscale(20%);
    transition:opacity .25s ease, filter .25s ease, transform .25s ease;
    transform:translateZ(0);
}
.channel-partners .clients-carousel-one .client-img:hover img{
    opacity:1;
    filter:grayscale(0%);
    transform:translateY(-1px);
}
section.md {
    padding: 50px 0;
}
/* About heading polish */
.section-title-01 .about-title{
    letter-spacing:-0.03em;
    text-wrap:balance;
    position:relative;
    display:inline-block;
    padding-bottom:10px;
}
.section-title-01 .about-title:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:140px;
    height:4px;
    border-radius:999px;
    background:linear-gradient(90deg, var(--primary-color), rgba(240,133,0,0));
    opacity:0.95;
}
.section-title-01 .about-subtitle{
    font-size:18px !important;
    line-height:1.35;
    letter-spacing:0.06em;
    text-transform:uppercase;
    color:rgba(0, 61, 121, 0.82) !important;
    font-weight:800 !important;
}

/* About heading layout fix (Desktop) */
.about-heading{
    text-align:left;
}
.about-heading .about-kicker{
    font-size:12px;
    font-weight:800;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:rgba(0, 61, 121, 0.55);
    position:relative;
    padding-left:14px;
    margin-bottom:10px;
}
.about-heading .about-kicker:before{
    content:"";
    position:absolute;
    left:0;
    top:50%;
    width:4px;
    height:4px;
    transform:translateY(-50%);
    border-radius:999px;
    background:var(--primary-color);
}
.about-heading .about-title{
    display:block;
    max-width:18ch;
}
.about-heading .about-subtitle{
    display:block !important;
    margin-top:12px !important;
}
.about-heading .about-title:after{
    width:160px;
}
@media (min-width: 1200px){
    .about-heading .about-title{
        max-width:20ch;
    }
}

/* Fun facts / counters */
.funfacts-section{
    background:
        radial-gradient(900px 280px at 20% 10%, rgba(240,133,0,0.08), rgba(240,133,0,0) 55%),
        radial-gradient(900px 280px at 85% 80%, rgba(0,61,121,0.06), rgba(0,61,121,0) 60%),
        #ffffff;
}
.funfacts-kicker{
    font-size:12px;
    font-weight:800;
    letter-spacing:0.22em;
    text-transform:uppercase;
    color:rgba(0, 61, 121, 0.55);
    position:relative;
    padding:0 14px;
    margin-bottom:10px;
}
.funfacts-kicker:before,
.funfacts-kicker:after{
    content:"";
    position:absolute;
    top:50%;
    width:24px;
    height:2px;
    transform:translateY(-50%);
    border-radius:999px;
    background:linear-gradient(90deg, rgba(240,133,0,0), var(--primary-color));
}
.funfacts-kicker:before{
    left:-18px;
}
.funfacts-kicker:after{
    right:-18px;
    transform:translateY(-50%) scaleX(-1);
}
.funfacts-title{
    font-weight:900;
    letter-spacing:-0.03em;
    color:#121c22;
    text-wrap:balance;
}
.funfacts-accent{
    color:var(--primary-color);
    position:relative;
}
.funfacts-accent:after{
    content:"";
    position:absolute;
    left:-2px;
    right:-2px;
    bottom:4px;
    height:10px;
    background:rgba(240,133,0,0.18);
    z-index:-1;
    border-radius:10px;
}
.funfact{
    padding:8px 6px;
}
.funfact-number{
    font-weight:900;
    font-size:clamp(44px, 5vw, 78px);
    line-height:1;
    letter-spacing:-0.04em;
    color:transparent;
    -webkit-text-stroke:1.5px rgba(0, 61, 121, 0.40);
    text-stroke:1.5px rgba(0, 61, 121, 0.40);
    display:inline-flex;
    align-items:flex-start;
    gap:6px;
}
.funfact-plus{
    color:var(--primary-color);
    -webkit-text-stroke:0 transparent;
    text-stroke:0 transparent;
    font-size:0.72em;
    line-height:1;
    transform:translateY(0.06em);
}
.funfact-label{
    margin-top:10px;
    font-weight:700;
    font-size:14px;
    letter-spacing:0.02em;
    color:rgba(18, 28, 34, 0.80);
}

/* Why choose us list: keep each item single-line */
.why-choose-list li{
    white-space:nowrap;
}
@media (min-width: 992px){
    .why-choose-list li{
        font-size:15px;
    }
}
.attr-nav>ul>li>a {
    padding: 18px 18px;
}
@media screen and (min-width: 992px) {
    .scrollHeader .attr-nav>ul>li>a {
        padding: 18px 18px;
    }
}
/* Header grid button (apps icon) */
.header-app-btn{
    width:54px;
    height:54px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    border-radius:999px;
    background:var(--primary-color);
    box-shadow:0 18px 35px rgba(240,133,0,0.28);
    transition:transform .2s ease, box-shadow .2s ease, filter .2s ease;
}
.header-app-btn:hover,
.header-app-btn:focus{
    transform:translateY(-1px);
    filter:saturate(110%);
    box-shadow:0 20px 45px rgba(240,133,0,0.35);
}
.header-app-btn:active{
    transform:translateY(0);
}
.header-app-icon{
    width:18px;
    height:18px;
    display:grid;
    grid-template-columns:repeat(2, 1fr);
    grid-template-rows:repeat(2, 1fr);
    gap:4px;
}
.header-app-icon > span{
    display:block;
    border-radius:3px;
    background:#ffffff;
}

/* Right sidebar (brochures) */
.wlt-overlay-bg{
    position:fixed;
    inset:0;
    background:rgba(18,28,34,0.55);
    opacity:0;
    visibility:hidden;
    transition:opacity .25s ease, visibility .25s ease;
    z-index:1000000;
}
.wlt-sidebar-main{
    position:fixed;
    top:0;
    right:0;
    height:100vh;
    width:min(420px, 92vw);
    background:#f4f4f4;
    transform:translateX(110%);
    transition:transform .35s ease;
    z-index:1000001;
    display:flex;
}
.wlt-sidebar-main.active{
    transform:translateX(0);
}
.wlt-overlay-bg.active{
    opacity:1;
    visibility:visible;
}
.wlt-sidebar-main{
    pointer-events:none;
}

.wlt-sidebar-main.active{
    pointer-events:auto;
}

.wlt-overlay-bg{
    pointer-events:none;
}

.wlt-overlay-bg.active{
    pointer-events:auto;
}
.wlt-sidebar-inner{
    width:100%;
    padding:26px 22px 22px;
    overflow:auto;
}
.wlt-sidebar-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin-bottom:50px;
    margin-top: 30px;
}
.wlt-sidebar-brand img{
    height:38px;
    width:auto;
}
.wlt-sidebar-actions{
    display:flex;
    align-items:center;
    gap:10px;
}
.wlt-action{
    width:46px;
    height:46px;
    border-radius:999px;
    border:none;
    background:var(--primary-color);
    color:#0b0f13;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    box-shadow:0 18px 35px rgba(240,133,0,0.22);
    transition:transform .2s ease, filter .2s ease, box-shadow .2s ease;
}
.wlt-action:hover{
    transform:translateY(-1px);
    filter:saturate(110%);
    box-shadow:0 22px 45px rgba(240,133,0,0.30);
}
.wlt-action:active{
    transform:translateY(0);
}
.wlt-action .header-app-icon{
    width:16px;
    height:16px;
    gap:3px;
}
.wlt-action .header-app-icon > span{
    background:rgba(0,0,0,0.58);
}
.wlt-sidebar-card{
    background:rgba(255,255,255,0.95);
    border-radius:14px;
    padding:22px 18px;
    box-shadow:0 18px 50px rgba(0,0,0,0.22);
}
.wlt-sidebar-title{
    font-weight:900;
    letter-spacing:-0.02em;
    color:#121c22;
    position:relative;
    padding-bottom:12px;
}
.wlt-sidebar-title:after{
    content:"";
    position:absolute;
    left:0;
    bottom:0;
    width:56px;
    height:3px;
    border-radius:999px;
    background:linear-gradient(90deg, var(--primary-color), rgba(240,133,0,0));
}
.wlt-brochure-list{
    display:grid;
    gap:12px;
}
.wlt-brochure-item{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:14px 14px 14px 16px;
    border-radius:10px;
    background:#1b232a;
    color:#fff;
    text-decoration:none;
    border:1px solid rgba(255,255,255,0.10);
    transition:transform .2s ease, background .2s ease;
}
.wlt-brochure-item.is-active{
    background:var(--primary-color);
    color:#121c22;
    border-color:rgba(240,133,0,0.25);
}
.wlt-brochure-item.is-active i{
    color:#121c22;
}
.wlt-brochure-item:hover{
    transform:translateY(-1px);
    background:var(--primary-color);
    color:#121c22;
}
.wlt-brochure-name{
    font-weight:800;
    letter-spacing:0.01em;
}
.slider-fade1.owl-theme .owl-nav [class*='owl-'] {
    background: #F08500;
}
.slider-fade1.owl-theme .owl-nav .owl-prev:hover, .slider-fade1.owl-theme .owl-nav .owl-next:hover {
    opacity: 1;
    background: #F08500;
}
.scroll-wrapper>.scroll-content {
    padding: 20px;
}
.about-style-02 .about-img-text span {
    color: rgb(255 138 0 / 155%);
}
.counter-lg-title .big-text {
    background-image: url(/frontend/tcul-img/home/text-bg.png);
}
.slider-fade1 .owl-nav i {
    font-size: 25px;
}
.contact-us .contacts-title h6 {
        margin-left: 75px;
}
.card-style03 {
    border-radius: 10 !important;
}
.contact-us .contact-details {
    background-color: #003d79;
}
.contact-us .contact-info:hover .contacts-icon {
    background: #F08500;
}
.contact-us .contacts-icon {
    border-radius: 10px;
}
.contact-us .follow-company-icon2 a:hover {
    background: #F08500;
}
.card-style01:hover .card-body {
    background-color: #F08500;
}
.services-carousel-one.owl-theme .owl-nav [class*='owl-']:hover {
    background: #F08500;
}
.navbar-nav li.current>a, .navbar-nav li.active>a {
    color: #F08500 !important;
}
.tcul-floating-icons {
    position: fixed;
    bottom: 110px;
    right: 50px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    z-index: 9999;
}
.tcul-contact-icon {
    background-color: #16c944;
    color: #fff;
    width: 60px;
    height: 60px;
    font-size: 30px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
    animation: pulsing 1.25s infinite cubic-bezier(0.66, 0, 0, 1);
    transition: transform 0.3s ease;
    cursor: pointer;
}
.tcul-floating-icons a {
    text-decoration: none !important;
    outline: none !important;
}
.bg-primary {
    background-color: #F08500 !important;
}
.product-top-banner {
    background: linear-gradient(90deg, rgba(240, 133, 0, 0.92) 0%, var(--primary-color) 55%, rgba(240, 133, 0, 0.82) 100%);
    padding: 18px 0;
    text-align: center;
}
.product-top-banner h2 {
    color: #ffffff;
    font-size: clamp(28px, 3vw, 44px);
    font-weight: 800;
    letter-spacing: 0.3px;
}
.products-premium-section {
    background: linear-gradient(180deg, rgba(240, 133, 0, 0.06) 0%, rgba(0, 61, 121, 0.08) 100%);
}
.products-premium-section .row {
    --bs-gutter-x: 2rem;
    --bs-gutter-y: 2rem;
}
.product-title-wrap {
    text-align: center;
    margin-bottom: 2.25rem;
}
.product-kicker {
    display: inline-block;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: var(--primary-color);
    font-weight: 700;
    margin-bottom: 10px;
}
.product-main-title {
    font-size: clamp(28px, 3vw, 42px);
    font-weight: 800;
    color: var(--secondary-color);
    margin-bottom: 10px;
}
.product-title-line {
    width: 80px;
    height: 3px;
    margin: 0 auto;
    background: linear-gradient(90deg, var(--secondary-color) 0%, var(--primary-color) 100%);
    border-radius: 20px;
}
.premium-content-card {
    padding: 30px;
    height: 100%;
}
.premium-content-card p {
    color: #4a5568;
    line-height: 1.9;
    font-size: 16px;
}
.product-subtitle {
    color: var(--secondary-color);
    font-weight: 800;
}
.products-premium-section .desc-points {
    margin-bottom: 14px;
}
.products-premium-section .desc-point {
    color: #243447;
    line-height: 1.75;
    margin-bottom: 10px;
}
.products-premium-section .desc-point:last-child {
    margin-bottom: 0;
}
.products-premium-section .range-title {
    color: var(--secondary-color);
    font-weight: 800;
    font-size: clamp(30px, 2.2vw, 38px);
    line-height: 1;
    margin: 18px 0 14px;
    text-shadow: 1px 1px 0 rgba(240, 133, 0, 0.55);
}
.products-premium-section .range-list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.products-premium-section .range-list li {
    position: relative;
    padding-left: 20px;
    color: #243447;
    line-height: 1.6;
}
.products-premium-section .range-list li + li {
    margin-top: 8px;
}
.products-premium-section .range-list li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 10px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: var(--primary-color);
    box-shadow: 0 0 0 5px rgba(240, 133, 0, 0.15);
}
.premium-image-card {
    background: #ffffff;
    border-radius: 20px;
    padding: 16px;
    border: 1px solid rgba(0, 61, 121, 0.15);
    box-shadow: 0 18px 40px rgba(0, 61, 121, 0.15);
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}
.premium-image-card img {
    border-radius: 14px;
    width: 100%;
    aspect-ratio: 4 / 3;
    height: auto;
    object-fit: contain;
    background: linear-gradient(180deg, rgba(240, 133, 0, 0.05), rgba(0, 61, 121, 0.04));
}
.product-block {
    margin-bottom: 78px;
    padding-bottom: 6px;
    border-bottom: 1px solid rgba(0, 61, 121, 0.08);
}
.product-block:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: 0;
}
.card-style01 .card-body h3 a {
    font-size: 18px
}







/* Mobile Resp */
@media (max-width: 991px){
    .channel-partners-section{
        margin-top: -110px;
        margin-bottom:0;
    }
    .channel-partners__title{
        border-right:none;
        border-bottom:1px solid rgba(0,0,0,0.06);
    }
    .contact-us .contacts-title h6 {
        margin-left: 60px;
    }
    .top-position1 {
        min-height: 260px !important;
    }
    .min-vh-100 {
        min-height: 60vh !important;
    }
    .m-about {
        padding: 20px 0 0px !important;
    }
    .counter-lg-title .big-text {
        font-size: 100px;
    }
    .m-director {
        padding: 100px 0 40px !important;
    }
    .m-faq {
        padding: 40px 0 !important;
    }
    .tcul-floating-icons {
        bottom: 90px;
        right: 32px;
    }
    .m-vision {
        padding-top: 2.5rem;
    }
    .about-heading {
        text-align: center;
    }
    .m-footer {
        padding-bottom: 2.5rem;
        padding-top: 3.5rem;
    }
    .wlt-sidebar-main{
        width: 85%;
        z-index: 1000002; /* higher than overlay */
    }
    .wlt-overlay-bg{
        z-index: 1000001;
    }
    .premium-content-card {
        padding: 24px;
    }
    .products-premium-section .product-image-col {
        order: 1;
    }
    .products-premium-section .product-content-col {
        order: 2;
    }
    .products-premium-section .row {
        --bs-gutter-y: 0.75rem;
    }
    .premium-image-card {
        padding: 12px;
    }
    .premium-content-card {
        margin-top: 0;
    }
    .product-block {
        margin-bottom: 54px;
    }
}
@media screen and (min-width: 992px) {
    /* .top-position1 {
        margin-top: -125px;
    } */
}