/* ==============================
   GLOBAL BRAND COLOR
============================== */

:root{
    --theme-color: #f89c32;
    --font-family-main: "DM Sans";
    --brand-color:#f89c32;
    --font-family-text: "DM Sans";
    --color-set-one-1: #008BF9;
    --color-set-one-2: #0F3567;
    --color-set-one-3: #36619A;
    --color-set-one-4: #3B5279;
    --color-set-one-5: #133E76;
    --color-set-one-6: #36DB9F;
    --color-set-one-7: #082e5f;
    --color-set-one-8: #08254B;
    --color-set-one-9: #b78b14;
    --color-set-one-10: #876304;
    --color-set-one-11: #fff;
    --color-set-one-12: #2e363a;
    --color-set-two-three-1: #2d947a;
    --color-set-two-three-2: #263959;
    --color-set-two-three-3: #213438;
    --color-set-two-three-4: #1d3050;
    --color-set-two-three-5: #152427;
    --color-set-two-three-6: #138f82;
    --color-set-four-1: #f86403;
    --color-set-four-2: #d65501;
    --color-set-four-3: #00868C;
    --color-set-four-4: #181818;
    --preloader-background-color: #008BF9;
    --preloader-background-color-2: #0F3567;
    --preloader-text-color: #ffffff;
    --color-set-one-bg-1: #EDF7FE;
    --color-set-one-bg-2: rgba(15, 53, 103, 0.1);
    --color-set-one-bg-3: #f6f6f6;
    --color-set-one-bg-4: #f8f8f8;
    --color-set-one-lig-1: rgba(15, 53, 103, 0.03);
    --color-set-one-lig-2: rgba(255, 255, 255, 0.1);
    --color-set-one-lig-3: #0F35671F;
    --color-set-one-lig-4: #FFFFFF14;
    --color-set-one-lig-5: #FFFFFF29;
    --color-set-one-bor-1: #0F3567;
    --color-set-one-bor-2: #edf4fa;
    --color-set-one-bor-3: #E7EBF0;
    --color-set-one-bor-4: #DCE8F0;
    --color-white: #ffffff;
    --heading-color-one: #0F3567;
    --heading-color-two: #213438;
    --heading-color-three: #181818;
    --content-color-one: #696E77;
    --menu-color: #0F3567;
    --dropdown-bg: #ffffff;
    --dropdown-menu-color: #0F3567;
    --mobile-menu-color: #0F3567;
    --mobile-menu-active-color: #008BF9;
    --box-shadow: 0 5px 22px 0px rgba(15, 53, 103, 0.05);
    --box-shadow-two: 0px 10px 60px rgba(0, 0, 0, 0.07);
    --box-shadow-three: 0px 10px 60px rgba(15, 53, 103, 0.1);
}


/* ==============================
   HEADINGS H1 → H6
============================== */

h1,
h2,
h3,
h4,
h5,
h6{
/* color:var(--brand-color); */
color: #0F3567 !important;
font-weight:700 !important;
line-height:1.3;
    /* position: relative;
    font-size: 35px;
    line-height: 52px; */
    font-weight: 700;
    /* color: var(--heading-color-one); */
    margin: 0px;
    font-family: var(--font-family-main);
    
    
}

p{
    line-height: 26px; 
    font-family: "DM Sans";
    font-weight: 400;
    margin-bottom: 15px;
    transition: 0.5s ease-in-out;
    
    color:#696E77;
    font-size: 16px;
    padding: 15px 0 0px;
    line-height: 26px;
    color: var(--content-color-one);
    margin: 0px;
}

.blog-content{
    line-height: 26px; 
    font-family: "DM Sans";
    font-weight: 400;
    margin-bottom: 15px;
    transition: 0.5s ease-in-out;
    
    color:#696E77;
    font-size: 16px;
    padding: 15px 0 0px;
    line-height: 26px;
    color: var(--content-color-one);
    margin: 0px;
}

.breadcrumb a{color:#fff !important;}

/* p{
    padding: 15px 0 0px;
    line-height: 26px;
    color: var(--content-color-one);
    font-family: var(--font-family-text);
} */

body.dark-mode p{color:#fff;}

/* ==============================
   LINKS
============================== */

a{
color:var(--brand-color);
text-decoration:none;
transition:.3s;
}

a:hover,
a:focus-visible{
color:#c87415;   /* darker for contrast */
text-decoration:underline;
}


/* ==============================
   DARK MODE SUPPORT
============================== */

body.dark-mode h1,
body.dark-mode h2,
body.dark-mode h3,
body.dark-mode h4,
body.dark-mode h5,
body.dark-mode h6,
body.dark-mode a{
color:var(--brand-color);
}

/*.container{min-width: 1650px !important;}*/

/* ==============================
   HIGH CONTRAST MODE
============================== */

body.high-contrast a{
color:#ffcc00 !important;
text-decoration:underline;
}

/* =====================================================
   WCAG 2.1 AA ACCESSIBLE BASE
===================================================== */

body{
font-family:Segoe UI,Arial,sans-serif;
font-size:16px;
line-height:1.6;
color:#000;
background:#fff;
scroll-behavior:smooth;
padding-top:100px;
}

.bg{background-color: #ff7a00;}
.text_color{color: #ff7a00 !important;}
/* =====================================================
   FOCUS VISIBILITY (WCAG REQUIRED)
===================================================== */

:focus-visible{
outline:3px solid #ff7a00;
outline-offset:2px;
}

/* =====================================================
   SCREEN READER TEXT
===================================================== */

.visually-hidden{
position:absolute;
width:1px;
height:1px;
margin:-1px;
padding:0;
overflow:hidden;
clip:rect(0,0,0,0);
border:0;
}

/* =====================================================
   SKIP LINK
===================================================== */

.skip-link{
position:absolute;
left:-9999px;
top:0;
background:#000;
color:#fff;
padding:8px 12px;
z-index:9999;
text-decoration:none;
}

.skip-link:focus{
left:10px;
top:10px;
}

/* =====================================================
   ACCESSIBILITY BAR
===================================================== */

.top-accessibility{
background:#0b3a6b;
color:#fff;
position:fixed;
top:0;
width:100%;
z-index:1000;
}

.top-container{
max-width:1200px;
margin:auto;
padding:6px 15px;
display:flex;
/* justify-content:flex-end; */
}

.access-controls{
display:flex;
gap:8px;
align-items:center;
flex-wrap:wrap;
}

/* Accessible buttons (44px rule) */

.font-btn{
background:#fff;
color:#000;
border:none;
border-radius:4px;
cursor:pointer;
min-width:25px;
min-height:25px;
font-size:14px;
}

.font-btn:hover,
.font-btn:focus-visible{
background:#ff7a00;
color:#fff;
}

/* =====================================================
   HEADER
===================================================== */

.site-header{
position:fixed;
top:32px;
width:100%;
background:#fff;
z-index:999;
transition:.3s;
border-bottom:1px solid #eee;
}

.site-header.scrolled{
box-shadow:0 4px 12px rgba(0,0,0,.1);
}

/* =====================================================
   NAVIGATION
===================================================== */

.navbar-brand{
width:180px;
}

.nav-link{
color:#222;
font-weight:500;
}

.nav-link:hover,
.nav-link:focus-visible{
color:#ff7a00;
}

/* =====================================================
   DROPDOWN ACCESSIBLE
===================================================== */

.dropdown-menu{
opacity:0;
visibility:hidden;
transition:.2s;
display:block;
}

.dropdown:hover .dropdown-menu,
.dropdown:focus-within .dropdown-menu,
.dropdown-menu.show{
opacity:1;
visibility:visible;
}
/* 
@media (max-width: 991px) {

    .navbar-collapse {
        background: #fff;
        padding: 15px;
        border-radius: 10px;
    }

    .navbar-nav .nav-link {
        padding: 10px 0;
        border-bottom: 1px solid #eee;
    }

    .navbar-nav .nav-item:last-child .nav-link {
        border-bottom: none;
    }

} */

@media (min-width: 992px) {

    .navbar .dropdown:hover .dropdown-menu {
        display: block;
        margin-top: 0;
    }

}

/* ================= MOBILE MENU FIX ================= */
@media (max-width: 991px) {

    .navbar {
        position: relative;
    }

    .navbar-collapse {
        position: absolute;
        top: 100%;
        left: 0;
        width: 100%;
        background: #fff;
        z-index: 9999;
        padding: 10px 15px;
    }

    .navbar-nav .nav-item {
        width: 100%;
        border-bottom: 1px solid #eee;
    }

    .navbar-nav .nav-link {
        padding: 12px;
        display: block;
    }

    .dropdown-menu {
        position: static !important;
        width: 100%;
        border: 0;
        box-shadow: none;
        padding-left: 15px;
    }
}

/* =====================================================
   HERO SECTION
===================================================== */

.hero{
height:420px;
position:relative;
}

.hero-overlay{
position:absolute;
inset:0;
/*background:rgba(0,0,0,.45);*/
}

.hero-content{
position:absolute;
top:50%;
left:49%;
transform:translate(-50%,-50%);
color:#fff;
text-align:center;
}

.hero-content h1{color:#fff !important; font-weight:700 !important; font-family:"DM Sans";}

.hero_inner{
height:220px;
position:relative;
}

.hero-overlay_inner{
position:absolute;
inset:0;
background:rgba(0,0,0,.45);
}

.hero-content_inner{
position:absolute;
top:50%;
left:49%;
transform:translate(-50%,-50%);
color:#fff;
text-align:center;
}

/* =====================================================
   SECTIONS
===================================================== */

.about-section{
padding:60px 0;
}

.products{
background:#efe6dc;
padding:60px 0;
}

.card-service{
background:#fff;
padding:30px;
border-radius:8px;
box-shadow:0 3px 12px rgba(0,0,0,.08);
min-height: 265px; cursor: pointer !important;
}

/*.card-service:hover{background:#e57a34 !important; color:#fff !important;}*/
.card-service h4 a{text-decoration: none; color: #0F3567 !important; font-weight: 700 !important; font-family:"DM Sans" !important;}



.card-service-product{
background:#fff;
padding:120px 30px 20px 30px;
border-radius:8px;
box-shadow:0 3px 12px rgba(0,0,0,.08);
min-height: 355px; 
cursor: pointer !important;
position:relative;
      overflow:visible;
}
.card-service-product:hover{background:#e57a34 !important; color:#fff !important;}
.card-service-product h4 a{text-decoration: none; color: #0F3567 !important; font-weight: 700 !important; font-family:"DM Sans" !important;}

/* ICON BOX */
    .icon-box{
        
    /*    width: 110px;*/
    /*text-align: center;*/
    /*height: 130px;*/
    /*position: relative;*/
    /*margin-bottom: -80px;*/
    /*top:-35px;*/
    /*left: 40px;*/
    /*z-index: 8;*/
    
      width:110px;
      height:130px;
      background:#008c95;
      position:absolute;
      border-radius: 30px;
      top:-35px;
      left:40px;
      border-radius:4px;
      clip-path: polygon(0 0,100% 0,100% 82%,0 100%);
      display:flex;
      justify-content:center;
      align-items:center;
    }

    .icon-box i{
      color:#fff;
      font-size:48px;
    }
    
   .card-service-product:hover .icon-box{
        background:#fff;
    }
    
    
    /* Hover */
    .card-service-product:hover .icon-box .light-icon{
        display:none;
    }
    
    .card-service-product:hover .icon-box .dark-icon{
        display:block;
    }
    
    /* Hover */
    .card-service-product:hover .icon-box:hover .light-icon{
        display:none;
    }
    
    .card-service-product:hover .icon-box:hover .dark-icon{
        display:block;
    }

    

    /*.card-service-product:hover .icon-box .light-icon{*/
    /*    opacity:1;*/
    /*}*/
    
    /*.card-service-product:hover .icon-box .dark-icon{*/
    /*    opacity:0;*/
    /*}*/
    
    /*.card-service-product:hover .icon-box .icon-box:hover .light-icon{*/
    /*    opacity:0;*/
    /*}*/
    
    /*.card-service-product:hover .icon-box .icon-box:hover .dark-icon{*/
    /*    opacity:1;*/
    /*}*/


.blog{
background:#f4f4f4;
padding:60px 0;
}

.blog-card{
background:#fff;
border-radius:10px;
overflow:hidden;min-height: 435px;
box-shadow:0 2px 10px rgba(0,0,0,.1);
}

.blog-card a{text-decoration: none; 
/*color: #f89c32;*/
color:#0F3567 !important;
    
}

.blog-card img{
width:100%;
height:220px;
object-fit:cover;
}



.footer{
background:#1f2a33;
padding:60px 0;
}

.footer_copyright{
background:#0b3a6b;
color:#fff;
}

.footer_copyright a{text-decoration: none; color: #fff;}

.footer_heading{font-size: 20px; font-weight: 700; 
/*color: #f89c32 ;*/
color: #fff !important;
padding-bottom: 25px;}

.footer .footer_logo img{max-width: 180px !important;}
.footer-about-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* .footer-about-menu li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-decoration: none;color: #fff;
}

.footer-about-menu li a::after {
  content: "\203A"; /* › 
  font-size: 16px;
  color: #fff;
}

.footer-about-menu li a::after {
  transition: transform 0.2s ease;
}

.footer-about-menu li a:hover::after {
  transform: translateX(5px);
} */


/* Remove justify-content: space-between */
.footer-about-menu li a {
  display: flex;
  align-items: center;
  text-decoration: none;font-size: 16px;
  color: #fff; padding: 10px 0px;
}

/* Arrow BEFORE text */
.footer-about-menu li a::before {
  content: "\203A"; /* › */
  font-size: 16px;
  color: #fff;
  margin-right: 10px;
  transition: transform 0.2s ease;
}

/* Hover animation */
.footer-about-menu li a:hover::before {
  transform: translateX(5px);
}

.footer-about-menu li a::before {
  display: inline-block;
}

.footer-about-menu li a:hover::before {
  transform: translateX(3px);
}










/* =====================================================
   DARK MODE (WCAG AA)
===================================================== */

body.dark-mode{
background:#121212;
color:#eee;
}

/* Header */

body.dark-mode .site-header{
background:#000;
border-bottom:1px solid #333;
}

body.dark-mode .navbar{
background:#000;
}

/* Links */

body.dark-mode .nav-link{
color:#fff;
}

body.dark-mode .nav-link:hover{
color:#ff7a00;
}

/* Accessibility bar */

body.dark-mode .top-accessibility{
background:#111;
}

/* Sections */

body.dark-mode .products{
background:#181818;
}

body.dark-mode .card-service{
background:#222;
color:#fff;
box-shadow:0 3px 12px rgba(255,255,255,.05);
min-height: 265px;
}
body.dark-mode .card-service h4 a{text-decoration: none; color: #0F3567 !important; font-weight: 700 !important; font-family:"DM Sans" !important;}
body.dark-mode .card-service p span{color:#fff;}

body.dark-mode .card-service-product{
background:#222;
color:#fff;
box-shadow:0 3px 12px rgba(255,255,255,.05);
min-height: 265px;
}
body.dark-mode  .card-service-product h4 a{text-decoration: none; color: #f89c32 !important; font-weight: 700 !important; font-family:"DM Sans" !important;}
body.dark-mode .card-service-product p span{color:#fff;}

body.dark-mode .blog-card{
background:#222;
color:#fff;
}

body.dark-mode .blog{background:#181818;color:#fff;}

body.dark-mode .blog-card{
background:#222;
color:#fff;
}



body.dark-mode .footer{
background:#111;
}

body.dark-mode .footer_copyright{
background:#000;
color:#fff;
}

/* Dropdown */

body.dark-mode .dropdown-menu{
background:#111;
border-color:#333;
}

body.dark-mode .dropdown-item{
color:#fff;
}

body.dark-mode .dropdown-item:hover{
background:#222;
}

body.dark-mode .hero-content h1{color:#f86403 !important; font-weight:700 !important; font-family:"DM Sans";}

/* =====================================================
   HIGH CONTRAST MODE (WCAG)
===================================================== */

body.high-contrast{
background:#000 !important;
color:#fff !important;
}

body.high-contrast a{
color:#ffcc00 !important;
text-decoration:underline;
}

body.high-contrast button{
background:#000;
color:#fff;
border:2px solid #fff;
}

/* =====================================================
   BUTTON FIXED POSITION
===================================================== */

.top-fix-nav-button{
position:fixed;
right:5%;
top:-6px;
z-index:99910;
}

.right-fix-nav-button{
position:fixed;
right:-87px;
top:45%;
width:200px;
background:#f89c32;
transform:rotate(-90deg);
text-align:center;
font-weight:800;
color:#000;
z-index: 1100;
border-radius:5px;
}

.right-fix-nav-button:hover{
background:#f89c32 ;
}

/* =====================================================
   REDUCED MOTION (WCAG)
===================================================== */

@media (prefers-reduced-motion: reduce){
*{
animation:none !important;
transition:none !important;
scroll-behavior:auto !important;
}
}












/* ICON BASE */
#themeToggle svg{
fill:#ff7a00;
stroke:#ff7a00;
transition:.3s;
}

/* Show only moon initially */
.icon-sun{
display:none;
}

/* DARK MODE SWITCH */
body.dark-mode .icon-moon{
display:none;
}

body.dark-mode .icon-sun{
display:inline;
}

/* Hover + Focus Accessible */
#themeToggle:hover svg,
#themeToggle:focus-visible svg{
transform:scale(1.1);
}






/* Contact Form 7 input, textarea */

input[type=text], input[type=number], input[type=search], input[type=tel], input[type=url], input[type=password], input[type=email], textarea, select, .wp-block-search__input, body .select2-selection--single, div.wpforms-container .wpforms-form .choices__inner {
    display: block;
    border-radius: 7px !important;
    width: 100%;
    padding: 5px 15px !important;
    height: 50px !important;
    color: var(--content-color-one) !important;
    line-height: 26px !important;
    border: 1px solid var(--color-set-one-bor-3) !important;
    box-shadow: unset;
    font-size: 15px !important;
    font-weight: 400 !important;
    transition: 0.5s ease-in-out;
    -ms-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    -o-transition: 0.5s ease-in-out;
    max-width: unset !important;
    outline: unset;
    margin: 0px 0px 5px;
}

input, textarea {
height:50px !important;
}

/* Fix Contact Form 7 textarea */
.wpcf7 textarea,
.f-message textarea {
    width: 100%;
    height: 50px !important;
    padding: 14px 18px;
    line-height: 50px;
    border-radius: 6px;
    border: 1px solid #ddd;
    /* background: #f1f1f1; */
    resize: none;
    display: block;
    overflow: hidden;

}

/* Prevent input style applying */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"]{
    height: 50px;
}



/* Contact Form 7 input, textarea */


/* social link */
/* remove list style */
.social-list{
list-style:none;
padding:0;
margin:0;
display:flex;        /* INLINE */
align-items:center;
gap:12px;
}

/* list inline */
.social-list li{
display:inline-block;
}

/* circle icons */
.social-icons a{
width:35px;
height:35px;
display:inline-flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:#f2f2f2;
color:#333;
font-size:18px;
text-decoration:none;
transition:all .3s ease;
}

/* hover animation */
.social-icons a:hover{
color:#fff;
transform:translateY(-4px);
}

/* BRAND COLORS */
.social-list li:nth-child(1) a:hover{background:#0077b5;} /* LinkedIn */
.social-list li:nth-child(2) a:hover{background:#1877f2;} /* Facebook */
.social-list li:nth-child(3) a:hover{background:#e4405f;} /* Instagram */
.social-list li:nth-child(4) a:hover{background:#ff0000;} /* YouTube */

/* accessibility focus */
.social-icons a:focus{
outline:2px solid #ff7a00;
outline-offset:3px;
}

/* dark mode */
body.dark-mode .social-icons a{
background:#222;
color:#fff;
}

/* social link */



/* ================= BUTTON BASE ================= */
.button_{
    /*display:inline-flex;*/
    /*align-items:center;*/
    /*justify-content:center;*/
    /*gap:8px;*/

    padding:11px 15px !important;
    font-size:14px !important;
    font-weight:600;
    line-height:48px;

    /*border-radius:6px;*/
    /*border:2px solid transparent;*/

    /*text-decoration:none;*/
    /*cursor:pointer;*/

    /*transition:all .3s ease;*/
    /*white-space:nowrap;*/
}

/* ================= LIGHT MODE ================= */
:root{
    --btn-bg:#ff7a00;
    --btn-text:#ffffff;
    --btn-border:#ff7a00;
    --btn-hover-bg:#e66e00;
}

/* ================= DARK MODE ================= */
body.dark-mode{
    --btn-bg:#ff7a00;
    --btn-text:#ffffff;
    --btn-border:#ff7a00;
    --btn-hover-bg:#ffa347;
}

/* ================= BUTTON STYLE ================= */
.button_{
    /*background:var(--btn-bg);*/
    /*color:var(--btn-text);*/
    /*color:#0F3567 !important;*/
    /*color: #222222 !important;*/
    /*border-color:var(--btn-border);*/
    
    color: #222222;
background-color: #ff7a00;
}

body.dark-mode .button_{
    background:var(--btn-bg);
    color:#fff;
    border-color:var(--btn-border);
}

/* Hover */
.button_:hover{color:var(--btn-text);
    background:var(--btn-hover-bg);
    transform:translateY(-2px);
}

/* Focus Accessibility (WCAG) */
.button_:focus-visible{
    outline:3px solid #005fcc;
    outline-offset:2px;
}

/* Active */
.button_:active{
    transform:scale(.97);
}

/* ================= RESPONSIVE ================= */
@media(max-width:768px){
    .button_{
        width:100%;
        padding:14px 20px;
        font-size:15px;
    }
}


.mobile-cta{
display:none;
}

@media (max-width:767px){

.mobile-cta{
display:flex !important;
position:fixed;
bottom:0;
left:0;
width:100%;
z-index:9999;
}

/* FORCE EQUAL SPLIT */
.mobile-cta .cta-btn{
display:flex !important;
align-items:center;
justify-content:center;
flex:0 0 50% !important;
max-width:50% !important;
width:50% !important;

padding:14px 10px;
font-size:14px;
font-weight:600;
color:#fff;
text-decoration:none;
box-sizing:border-box;
}

/* LEFT */
.cta-left{
background:#ff7a00;
}

/* RIGHT */
.cta-right{
background:#0b3a6b;
}

/* Hover */
.mobile-cta .cta-btn:hover,
.mobile-cta .cta-btn:focus{
opacity:.9;
}

}

/* ================= BUTTON BASE ================= */


/* Hide only on mobile */
.mobile-hide{
display:block;
}

@media (max-width:767px){
.mobile-hide{
display:none !important;
}
}









/* ======= Tabs =========== */
/* 
.esg-tabs .nav-link{
    background:#f3f3f3;
    border-radius:6px;
    margin-bottom:10px;
    padding:14px 18px;
    color:#555;
    font-weight:500;
    display:flex;
    justify-content:space-between;
    align-items:center;
    border:none;
}

.esg-tabs .nav-link::after{
    content:"▶";
    font-size:12px;
    opacity:.6;
}


.esg-tabs .nav-link.active{
    background:#ff6a00;
    color:#fff;
}

.esg-tabs .nav-link.active::after{
    color:#fff;
}


.tab-content{
    border-top:1px solid #ddd;
    padding-top:20px;
} */


/* TAB STYLE */
.mediaTabs{}
.mediaTabs .nav-pills .nav-link {
  background: transparent !important;
  color: inherit;
  border-left: 3px solid transparent;
  border-radius: 0;
  text-align: left;
  padding: 10px 15px;
  transition: 0.3s;
}

/* ACTIVE = BORDER ONLY */
.mediaTabs .nav-pills .nav-link.active {
  border-left: 3px solid var(--theme-color);
  color: var(--theme-color);
  font-weight: 500;
}

/* HOVER */
.mediaTabs .nav-pills .nav-link:hover {
  background: rgba(248,156,50,0.1);
}

/* MOBILE STYLE */
@media (max-width: 768px) {
  .mediaTabs .nav-pills {
    flex-direction: row !important;
    overflow-x: auto;
  }

  .mediaTabs .nav-pills .nav-link {
    border-left: none;
    border-bottom: 3px solid transparent;
    text-align: center;
  }

  .mediaTabs .nav-pills .nav-link.active {
    border-left: none;
    border-bottom: 3px solid var(--theme-color);
  }
}

/* CARD */
.card {
  border-radius: 12px;
  border: none;
}

body.dark-mode  .card {
  background: #1e1e1e;
  color: #fff;
}

/* BUTTON */
.theme-btn {
  background: var(--theme-color);
  border: none;
}

/* ======= Tabs =========== */




/* .search-style-2{
    max-width:500px;
    width:100%;
}

.search-wrapper{
    position:relative;
}

.search-wrapper input{
    width:100%;
    padding:12px 55px 12px 20px;
    border:1px solid #ddd;
    border-radius:40px;
    outline:none;
    transition:0.3s;
}

.search-wrapper input:focus{
    border-color:#0d6efd;
    box-shadow:0 0 0 3px rgba(13,110,253,.15);
}

.search-wrapper button{
    position:absolute;
    right:5px;
    top:50%;
    transform:translateY(-50%);
    border:none;
    background:#0d6efd;
    color:#fff;
    width:42px;
    height:42px;
    border-radius:50%;
    cursor:pointer;
}

.search-wrapper button:hover{
    background:#084298;
} */




/* ------------- Table Wrapper --------------- */
        .table-wrapper{
            background:#fff;
            border-radius:12px;
            padding:20px;
            box-shadow:0 4px 15px rgba(0,0,0,0.08);
        }

        /* Custom Table */
        .wcag-table{
            margin-bottom:0;
            border-radius:10px;
            overflow:hidden;
        }

        /* Header */
        .wcag-table thead th{
            background-color:#f86403 !important;
            /*color:#fff !important;*/
            color: #222222 !important;
            padding:14px;
            font-size:15px;
            font-weight:600;
            border-color:#f86403 !important;
            vertical-align:middle;
        }

        /* Table Body */
        .wcag-table tbody td{
            padding:14px;
            vertical-align:middle;
            transition:0.3s ease;
        }

        /* Hover Effect */
        .wcag-table.table-hover tbody tr:hover > *{
            background-color:#f86403 !important;
            color:#fff !important;
        }

        /* Hover Links */
        .wcag-table.table-hover tbody tr:hover a{
            color:#fff !important;
        }

        /* Links */
        .wcag-table a{
            color:#212529;
            text-decoration:none;
            font-weight:500;
        }

        .wcag-table a:hover{
            text-decoration:underline;
        }

        /* Download Icon */
        .download-icon{
            font-size:18px;
        }

        /* Responsive */
        @media(max-width:768px){

            .wcag-table thead{
                font-size:14px;
            }

            .wcag-table tbody td{
                font-size:13px;
                padding:10px;
            }

        }
        
        
        body.dark-mode .table-wrapper {background: #222;}
        body.dark-mode .wcag-table tbody td{background: #181818; color:#fff;}
        
/* ------------- Table Wrapper --------------- */






/* ------------- Images Effects --------------- */

.blog-card{
    width:100%;
    font-family:Arial;
}

/* IMAGE WRAPPER */
.image-box{
    position:relative;
    overflow:hidden;
    display:block;
}

/* IMAGE */
.image-box img{
    width:100%;
    height:auto;
    display:block;
}

/* OVERLAY */
.image-box .overlay{
    position:absolute;
    inset:0;
    display:flex;
    z-index:2;
}

/* BARS */
.image-box .overlay span{
    flex:1;
    background:rgba(248, 100, 3, 0.70); /* #f86403 */
    transform:translateY(100%);
    transition:0.6s ease;
}

/* STAGGER EFFECT */
.image-box .overlay span:nth-child(1){transition-delay:0s;}
.image-box .overlay span:nth-child(2){transition-delay:0.1s;}
.image-box .overlay span:nth-child(3){transition-delay:0.2s;}
.image-box .overlay span:nth-child(4){transition-delay:0.3s;}
.image-box .overlay span:nth-child(5){transition-delay:0.4s;}

/* HOVER EFFECT */
.image-box:hover .overlay span{
    transform:translateY(0);
}

/* TEXT AREA */
.p-3{
    padding:15px;
}

h5{
    margin:10px 0;
    font-size:18px;
}

h5 a{
    text-decoration:none;
    color:#000;
}

.btn{
    display:inline-block;
    padding:6px 10px;
    border:1px solid #000;
    text-decoration:none;
    margin-top:10px;
    transition:0.3s;
}

.btn:hover{
    background:#000;
    color:#fff;
}

/* ------------- Images Effects --------------- */



.content p{
    line-height: 26px; 
    font-family: "DM Sans";
    font-weight: 400;
    margin-bottom: 15px;
    transition: 0.5s ease-in-out;
    
    color:#696E77;
    font-size: 16px;
    padding: 15px 0 0px;
    line-height: 26px;
    color: var(--content-color-one);
    margin: 0px;
}
    
    
/*.esg-tabs .nav-link .active:after {*/
/*    height: 0;*/
/*    border-style: solid;*/
/*    border-top: 8px solid transparent;*/
/*    border-bottom: 8px solid transparent;*/
/*    border-left: 10px solid #ffffff;*/
/*    border-right: 0;*/
/*}*/
/*.esg-tabs .nav-link a:after {*/
/*    position: absolute;*/
/*    right: 10px;*/
/*    top: 15px;*/
/*    width: 0;*/
/*    content: "";*/
/*    display: block;*/
/*    height: 0;*/
/*    border-style: solid;*/
/*    border-top: 8px solid transparent;*/
/*    border-bottom: 8px solid transparent;*/
/*    border-left: 10px solid #ddd;*/
/*    border-right: 0;*/
/*}*/
    

.tab-content-list{list-style: none; list-style-type: none; padding: 0px; margin:0px}
.tab-content-list li{border-bottom:1px solid #ddd; line-height:40px !important;}
.tab-content-list li a{color: #696E77 !important; text-decoration:none !important;}
.tab-content-list li a:hover{color: ##008BF9 !important; text-decoration:underline !important;}
::marker {
    unicode-bidi: isolate;
    font-variant-numeric: tabular-nums;
    text-transform: none;
    text-indent: 0px !important;
    text-align: start !important;
    text-align-last: auto !important;
}

small {
    font-size: 80%;
}

/*.wpcf7-response-output{*/
/*    display:block !important;*/
/*}*/



/*.dark-icon {*/
/*    display: none;*/
/*}*/

/* Dark mode */
/*[data-bs-theme="dark"] .light-icon,*/
/*.dark-mode .light-icon,*/
/*body.dark .light-icon {*/
/*    display: none;*/
/*}*/

/*[data-bs-theme="dark"] .dark-icon,*/
/*.dark-mode .dark-icon,*/
/*body.dark .dark-icon {*/
/*    display: block;*/
/*}*/


.icon-box .light-icon {
    display:block;
}

.icon-box .dark-icon {
    display:none;
}

/* change this selector to your actual dark mode class */
body.dark-mode .light-icon,
body.dark-mode .light-icon,
[data-bs-theme="dark"] .light-icon {
    display:none;
}

body.dark-mode .dark-icon,
body.dark-mode .dark-icon,
[data-bs-theme="dark"] .dark-icon {
    display:block;
}


/* Hover */
.icon-box:hover .light-icon{
    display:none;
}

.icon-box:hover .dark-icon{
    display:block;
}



.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.f-user label,
.f-email label,
.f-mobile label,
.f-hand label,
.f-message label {
  color: #ffffff; /* or dark text depending on background */
  background: transparent;
  opacity: 1;
}

label {
  color: #ffffff;
}