/*
Theme Name: Express Movers Pro
Theme URI: 
Author: Webnotick 
Author URI: www.Webnotick.com
Description: This is express movers pro theme. 
Version: 0.3
Requires at least: 5.1
Requires PHP: 5.6
Tested up to: 5.9
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Text Domain: the-corporate-business
Tags: translation-ready, custom-background, theme-options, custom-menu, threaded-comments, featured-images, footer-widgets, left-sidebar, editor-style, right-sidebar, full-width-template, two-columns, three-columns, custom-colors, custom-header, custom-logo

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

The Corporate Business  is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal http://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
    ## Links
    ## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
    ## Posts and pages
    ## Comments
# Infinite scroll
# Layouts and Titles
# Media
    ## Captions
    ## Galleries
# Social Icons
# Breadcrumb List
# Homepage Sections
    ## Featured Slider Section
    ## Featured  Section
    ## Featured type_of_work Section
    ## Featured Classes Section
    ## Featured Testimonial Section
    ## Latest Posts Section
# Footer
# Responsive

--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Kanit:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto+Slab:wght@100..900&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap');

@import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css");




/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -webkit-text-stroke-width: 0.2px;
    -moz-osx-font-smoothing: grayscale;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

body {
    margin: 0;
    font-weight: 400;
    background-color: #000;
    max-width: 100% !important;
}


.container-fluid {
    padding: 0 0;
}

#section-header .border-b-2 {
    border-bottom: 4px solid #000;
}

#content {
    position: relative;
}

#content .entry-content p {
    /* font-weight: 300 !important; */
    color: #1C2533;
    opacity: .8;
    margin: 30px 0px 30px;
}

#content .wp-block-details p {
    color: #A1A1A1;
    margin: 0px 30px;
}

.boxed-layout,
.frame-layout {
    background-color: #f6f6f6;
}

.boxed-layout #page {
    max-width: 1600px;
    width: 90%;
    margin: 0 auto;
    background-color: #fff;
}

.frame-layout #page {
    max-width: 1600px;
    width: 90%;
    margin: 50px auto;
    background-color: #1a1a1a;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
    display: block;
}

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline;
}

audio:not([controls]) {
    display: none;
    height: 0;
}

[hidden],
template {
    display: none;
}

a {
    background-color: transparent;
}

abbr[title] {
    border-bottom: 1px dotted;
}

b,
strong {
    font-weight: bold;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both;
    /* color: #282828; */
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 400;
}

mark {
    background: #ff0;
    color: #111;
}

small {
    font-size: 80%;
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sup {
    top: -0.5em;
}

sub {
    bottom: -0.25em;
}

img {
    border: 0;
}

figure {
    margin: 1em 40px;
}

hr {
    box-sizing: content-box;
    height: 0;
}

pre {
    overflow: auto;
}

code,
kbd,
pre,
samp {
    font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

button {
    overflow: visible;
}

button,
select {
    text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
    -webkit-appearance: button;
    cursor: pointer;
}

button[disabled],
html input[disabled] {
    cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

input {
    line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
    padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

legend {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto;
}

optgroup {
    font-weight: bold;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

#wp-calendar {
    display: table;
    width: 100%;
    margin-bottom: 0;
}

tbody {
    text-align: left;
}

tr {
    border: 1px solid #aaa;
}

td,
th {
    padding: 5px;
    font-weight: 400;
}

td#next {
    text-align: right;
}

.social-links a[href*="twitter.com"]:before {
    content: "\e61b";
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
textarea {
    color: #666;
    font-size: 16px;
    line-height: 28px;
    word-wrap: break-word;
}

p {
    margin: 0 0 1em;
}

p:last-child {
    margin-bottom: 0;
}

blockquote {
    margin: 0 1.5em;
}

address {
    margin: 0 0 1.5em;
}

.md-0 {
    margin: 0 0;
}

.pd-0 {
    padding: 0 0;
}

pre {
    background: #f6f6f6;
    font-size: 15px;
    font-size: 0.9375rem;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
}

code,
kbd,
tt,
var {
    font-size: 15px;
    font-size: 0.9375rem;
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help;
}

mark,
ins {
    background: #fff9c0;
}

big {
    font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
    box-sizing: border-box;
    scroll-behavior: smooth;
}

*,
*:before,
*:after {
    /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
    box-sizing: inherit;
}

body {
    background: #fff;
    /* Fallback for when there is no custom background color defined. */
    overflow-x: hidden;
    counter-reset: my-sec-counter;
}

blockquote {
    font-size: 18px;
    line-height: 35px;
    position: relative;
    margin: 0;
}

blockquote.alignright {
    padding-right: 0;
    margin-bottom: 14px;
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em;
}

ul,
ol {
    margin: 0;
    padding-left: 1.5em;
}

ul {
    list-style: none;
}

ul li::marker{
    color: #4a5565;
    font-size: 20px;
}

ul li:hover::marker,
ul li:active::marker {
    color: #ff6b35;
} 

ol {
    list-style: decimal;
}

li>ul,
li>ol {
    margin-bottom: 0;
    margin-left: 0.5em;
}

dt {
    font-weight: bold;
    margin-bottom: 1em;
}

dd {
    margin: 0 1.5em 1.5em;
}

img {
    height: auto;
    /* Make sure images are scaled correctly. */
    max-width: 100%;
    /* Adhere to container width. */
    vertical-align: middle;
}

figure {
    margin: 0;
    /* Extra wide images within figure tags don't overflow the content area. */
}

table {
    margin: 0 0 1.5em;
    width: 100%;
    display: inline-block;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
/* button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #FFB300;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
    border-radius: 0;
    padding: 10px 45px;
    margin: 5px 0 5px 0px;
    text-align: center;
    position: relative;
    display: inline-block;
    transition: 0.5s;
    color: #fff;
    transition: all 0.5s ease-in-out;
    border: none;
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 0.59px;
    text-transform: uppercase;
} */

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
    /* color: #fff; */
    /* background-color: #000; */
    text-decoration: none;
}

button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
    color: #fff;
    /* outline: thin dotted; */
    text-decoration: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
    color: #000;
    background-color: #fff;
    padding: 12px;
    width: 95%;
}


input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
    color: #333;
    /* outline: thin dotted; */
}

textarea {
    width: 100%;
}


.contact_inner_form_subject,
.contact_inner_form_textarea{
    width:100%;
}

.contact_inner_form_subject select,
.contact_inner_form_textarea textarea{
    width:100%;
    padding: 10px;
}

.contact_inner_form_subject,
.contact_inner_form_textarea,
.contact_inner_submit{
    width:106%;
}

.contact_inner_form_subject select,
.contact_inner_form_textarea textarea {
    width:100%;
}

.contact_inner_submit{
width:100%;
position:relative;
}



.contact-office-box{
background:#ffffff;
border-radius:12px;
box-shadow:0 10px 25px rgba(0,0,0,0.08);
}

.office-icon{
width:45px;
height:45px;
background:linear-gradient(to right,#ff6b35,#ff8c42);
display:flex;
align-items:center;
justify-content:center;
border-radius:8px;
color:#fff;
font-size:18px;
}

.contact-image img{
box-shadow: 0 0 40px rgba(238, 73, 73, 0.25);
border-radius: 24px;
}

.contact-image img:hover{
box-shadow: 0 0 70px rgba(238, 73, 73, 0.25);
}
/* .contact_inner_submit input[type="submit"] {
width:100%;
padding:12px 40px 12px 20px; 
background:linear-gradient(to right,#ff6b35,#ff8c42);
color:#fff;
border:none;
font-weight:700;
cursor:pointer;
} */

/* Icon */
/* .contact_inner_submit::after{
content:"\f1d8";
font-family:"Font Awesome 6 Free";
font-weight:200 !important;
position:absolute;
right:32%;
top:50%;
transform:translateY(-50%);
color:#fff;
pointer-events:none;
font-size: 24px;
} */


/* Target the CF7 submit button specifically */
input[type="button"],
input[type="reset"],
input[type="submit"],
.Inner_contact_form_btn input[type="submit"],
.Inner_contact_form_btn button {
    display: inline-flex;           /* allows icon + text alignment later */
    align-items: center;            /* vertically center text/icon */
    justify-content: center;        /* horizontally center */
    padding: 18px 25px !important;             /* comfortable clickable area */
    font-size: 20px;                /* readable text */
    font-weight: 700;               /* bold text */
    color: #ffffff;                 /* text color */
    background: linear-gradient(to right,#ff6b35,#ff8c42); /* gradient background */
    border: none;                   /* remove default border */
    border-radius: 12px;             /* rounded corners */
    cursor: pointer;                /* pointer on hover */
    transition: all 0.3s ease;      /* smooth hover effect */
    width: 100%;                    /* full width button */
}

/* Optional hover effect */
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.Inner_contact_form_btn input[type="submit"]:hover,
.Inner_contact_form_btn button:hover {
    box-shadow: 0 0 70px rgba(238, 73, 73, 0.25); /* glowing effect */
    transform: scale(1.05);                        /* slightly bigger on hover */
}

.contact-heading{
font-size:48px;
font-weight:900 !important;
margin-bottom:10px;
line-height:1;
}

.contact-heading .heading1{
color:#0a1f44;
}

.contact-heading .heading2{
background: linear-gradient(to right, #ff6b35, #ff8c42);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.contact-form-text{
color:#6b7280;
font-size:18px;
margin-bottom:25px;
}

#respond input[type="checkbox"] {
    min-height: auto;
    height: auto;
    float: left;
    margin-right: 10px;
    width: auto;
}

#respond .comment-form-cookies-consent label {
    display: table;
    margin: 0;
    line-height: 1;
}

#commentform .comment-form-cookies-consent {
    clear: both;
    display: inline-block;
    width: 100%;
    margin-top: 25px;
    margin-bottom: 0;
}

p.form-submit {
    clear: both;
    display: inline-block;
    position: relative;
}

.comment-notes {
    font-size: 14px;
    margin-top: 0;
}

#respond label {
    margin-bottom: 15px;
    display: block;
    color: #3f536d;
    font-weight: 500;
}

#respond input[type="text"],
#respond input[type="email"],
#respond input[type="url"] {
    width: 100%;
}

#commentform p {
    margin-bottom: 21px;
}

#commentform p.comment-form-comment {
    margin-bottom: 0;
}

#commentform p.form-submit {
    margin: 21px 0 0;
}

#comments {
    margin-top: 35px;
    background-color: #fff;
}

#respond {
    margin-top: 35px;
    box-shadow: 0px 3px 22px 0px #00000029;
    padding: 15px;
}

.single-service #respond,
.single-project #respond {
    display: none;
}

.logged-in-as a {
    color: #01549a;
    text-decoration: none;
}

.logged-in-as a:hover,
.logged-in-as a:focus {
    color: #fac100;
}

.required {
    color: #ff0000;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    margin: 0;
    padding: 0;
    background-color: #000000;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 999999;
}

#preloader #loading-screen {
    background-color: #000000;
}

#preloader #loading-screen .loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    border: 3px solid;
    border-color: #FFF #FFF transparent transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}

#preloader #loading-screen .loader::after,
#preloader #loading-screen .loader::before {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 3px solid;
    border-color: transparent transparent #FFB300 #FFB300;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    box-sizing: border-box;
    animation: rotationBack 0.5s linear infinite;
    transform-origin: center center;
}

#preloader #loading-screen .loader::before {
    width: 32px;
    height: 32px;
    border-color: #FFF #FFF transparent transparent;
    animation: rotation 1.5s linear infinite;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@keyframes rotationBack {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(-360deg);
    }
}


/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
    color: #c42118;
    text-decoration: underline;
}

/* a:hover,
a:focus,
a:active {
    color: #000;
} */

a:focus {
    outline: thin dotted;
}

/*--------------------------------------------------------------
## Header
--------------------------------------------------------------*/
/* ///////top header/ ///////////// */
#section-header {
    width: 100%;
    opacity: 1;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #0a1f44;
    position: fixed;
    top: 0;
    left: 0;
}

#section-header .topheader .row {
    padding: 0 4rem !important;
}

.bottomheader {
    position: relative;
    width: 100%;
    z-index: 999;
    transition: all 0.3s ease;
    background: #ffffff;
    /* change as needed */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    padding: 0rem 1rem 0 1rem;
}

#top-bar {
    padding: 5px 0;
    background-color: #c42118;
}

#top-bar a {
    text-decoration: none;
}

#top-bar .widget {
    text-align: center;
    margin-bottom: 0;
    font-size: 16px;
}

#top-bar .widget+.widget {
    margin-top: 15px;
}

.widget_address_block ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widget_address_block ul li {
    display: inline-block;
}

.widget_address_block ul li i {
    margin-right: 8px;
}

#top-bar .widget_address_block ul li {
    color: #fff;
    margin-right: 30px;
}

#top-bar .widget_address_block ul li a {
    color: #fff;
}

#top-bar .widget_address_block ul li a:hover,
#top-bar .widget_address_block ul li a:focus {
    opacity: 0.8;
}

#top-bar .widget ul li:not(:last-child) {
    margin-bottom: 0;
}



#custom_html-2.widget_text.widget_custom_html,
#custom_html-5.widget_text.widget_custom_html {
    background: linear-gradient(to bottom right, #0a1f44, #0d2b5c, #0a1f44);
    color: #ffffff;
    border-radius: 16px;
    border: 1px solid #e5e7eb;
    box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

/* make all text white */
#custom_html-3.widget_text.widget_custom_html p{
    color:#9fb3c8;
    font-size:12px !important;
    font-weight:200 !important;
    letter-spacing:1px !important;
}

.widget_text.widget_custom_html h4 {
color:#ffffff;
font-size: 1.25rem !important;
line-height: 2.2;
}

/* input field */
.widget_text.widget_custom_html input{
width:100%;
padding:12px;
border-radius:10px;
border:none !important;
margin-bottom:12px;
margin-top: 12px;
}
/* hover state */
.widget_text.widget_custom_html input:hover{
border-color:#ff8c42;
}



/* active / focus state */
.widget_text.widget_custom_html input:focus{
border-color:#ff8c42;
outline:none;
box-shadow:0 0 0 2px rgba(255,140,66,0.2);
}
/* subscribe button */
.widget_text.widget_custom_html button,
.widget_text.widget_custom_html .wp-block-button__link{
width:100%;
display:block;
background:linear-gradient(to right, #ff6b35, #ff8c42); /* orange gradient */
color:#ffffff;
border:none;
padding:12px;
border-radius:10px;
font-weight:600;
cursor:pointer;
text-decoration:none;
}

/* remove underline on hover */
.widget_text.widget_custom_html button:hover,
.widget_text.widget_custom_html .wp-block-button__link:hover{
text-decoration:none;
color:#ffffff;
}


/*------------------------------------*/
.header-fixed {
    /* position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    background: #ffffff;
    max-width: 100%;
    z-index: 99999;
    transform: translateY(70px);
    transition: transform 500ms ease, background 200ms ease;
    padding: 15px 0px;
    margin: 0 !important; */
    /* border-bottom: 1px solid #3f536d57; */
    /* box-shadow: 0 0 10px 0 #3F536D; */
}

#masthead {
    position: relative;
    z-index: 3000;
    width: 100%;

}

#section-header a {
    text-decoration: none;
}

.md-0 {
    padding: 0 0;
    margin: 0 0;
}

.pd-0 {
    padding: 0 0;
}

.site-logo,
#site-identity {
    display: inline-block;
    vertical-align: middle;
}

.bottomheader .logo-col {
    /* justify-items: center;
    align-content: center; */
    /* background-color: #FFFFFF; */
}

.site-description {
    color: #fff;
    font-size: 18px;
    padding: 15px 0;
    font-weight: 400;
}

#site-identity .site-title a {
    color: #000;
    font-size: 35px;
    margin: 0 0 0px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

#site-identity .site-description {
    margin: 0;
    line-height: 1.3;
    color: #000;
    padding: 10px 0px;
    letter-spacing: 0.01em;
}

#section-header .site-logo a {
    display: block;
    margin-right: 0px;
}

#section-header .site-logo img {
    width: 100%;
    height: 75px;
}

#section-header .header-main {
    height: 95px;
}

#section-header .content-site {
    width: 100%;
}

#section-header .addicon {
    margin: 14px 0;
}

#section-header .topheadinfo .px-2::after {
    content: '';
    border-left: 2px solid #fff;
    height: 32px;
    margin: 0px 0px 0 10px;
}


.bottomheader .mob-content .d-lg-block {
    margin: .5rem 0;
}

/*-----------Header Social Icon--------------*/

#section-header .social-links a {
    width: 1.75rem;
    /* w-7 */
    height: 1.75rem;
    /* h-7 */
    border-radius: 0.25rem;
    /* rounded */
    background: rgba(255, 255, 255, 0.1);
    /* bg-white/10 */
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ffffff;
    /* text-white */
    transition: all 0.3s ease;
    /* transition-all */
    font-family: "Font Awesome 5 brands" !important;
}

#section-header .social-links a:hover {
    background: #ff6b35;
}


.my-box::before {
    content: '';
    position: absolute;
    left: 0;
    top: 5%;
    height: 90%;
    width: 3px;
    background-color: #000;
}

.search-submit:hover {
    background-color: transparent !important;
}

.social-links a:before {
    content: "\f1d0";
}

.social-links a[href*="facebook.com"]:before,
.social-links a[href*="fb.com"]:before {
    content: "\f39e";
}

.social-links a[href*="twitter.com"]:before {
    content: "\e61b";
}

.social-links a[href*="linkedin.com"]:before {
    content: "\f0e1";
}

.social-links a[href*="plus.google.com"]:before {
    content: "\f0d5";
}

.social-links a[href*="youtube.com"]:before {
    content: "\f167";
}

.social-links a[href*="dribbble.com"]:before {
    content: "\f17d";
}

.social-links a[href*="pinterest.com"]:before {
    content: "\f231";
}

.social-links a[href*="bitbucket.org"]:before {
    content: "\f171";
}

.social-links a[href*="github.com"]:before {
    content: "\f113";
}

.social-links a[href*="codepen.io"]:before {
    content: "\f1cb";
}

.social-links a[href*="flickr.com"]:before {
    content: "\f16e";
}

.social-links a[href$="/feed/"]:before {
    content: "\f09e";
}

.social-links a[href*="foursquare.com"]:before {
    content: "\f180";
}

.social-links a[href*="instagram.com"]:before {
    content: "\f16d";
}

.social-links a[href*="tumblr.com"]:before {
    content: "\f173";
}

.social-links a[href*="reddit.com"]:before {
    content: "\f1a1";
}

.social-links a[href*="vimeo.com"]:before {
    content: "\f194";
}

.social-links a[href*="digg.com"]:before {
    content: "\f1a6";
}

.social-links a[href*="twitch.tv"]:before {
    content: "\f1e8";
}

.social-links a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}

.social-links a[href*="delicious.com"]:before {
    content: "\f1a5";
}

.social-links a[href*="mailto:"]:before {
    content: "\f0e0";
}

.social-links a[href*="soundcloud.com"]:before {
    content: "\f1be";
}

.social-links a[href*="wordpress.org"]:before {
    content: "\f19a";
}

.social-links a[href*="wordpress.com"]:before {
    content: "\f19a";
}

.social-links a[href*="jsfiddle.net"]:before {
    content: "\f1cc";
}

.social-links a[href*="tripadvisor.com"]:before {
    content: "\f262";
}

.social-links a[href*="foursquare.com"]:before {
    content: "\f180";
}

.social-links a[href*="angel.co"]:before {
    content: "\f209";
}

.social-links a[href*="slack.com"]:before {
    content: "\f198";
}

.social-links a[href*="tiktok.com"]:before {
    content: "\e07b";
}

#section-header .content-site .social-links i {
    font-size: 24px;
    color: transparent;
    margin-right: 12px;
    background: #fff;
}

/*------------------------------------------------*/
#section-header .contact-number {
    display: none;
}

#section-header .contact-number i,
#section-header .contact-number svg {
    margin-right: 5px;
}

#section-header .contact-box {
    float: right;
    background: #c42118;
    border-radius: 19px;
    margin-right: 5em;
    color: #fff;
    text-align: center;
    padding: 10px 30px;
    position: relative;
    bottom: 21px;
}

#section-header .contact-box h3 {
    margin: 0;
    color: #fff;
    font-weight: 600;
    font-size: 21px;
}

#section-header .contact-box p,
.contact-box a {
    margin: 0;
    color: #fff;
    font-weight: 500;
    font-size: 18px;
}

#section-header .contact-header h3 {
    margin: 0;
}

#section-header .contact-header {
    margin-left: 44px;
}

#section-header .contact-header a {
    font-size: 19px;
    color: #fff;
    letter-spacing: 1px;
}

#section-header .contact-header .fas.fa-phone-alt {
    margin-right: 10px;
    color: #c42118;
}

.main-navigation {
    display: block;
    position: relative;
    width: 100%;
    margin: .5rem 0 0 1.2rem;

}

.main-navigation ul ul.nav-menu>li>a {
    margin: 0px 3px 0 0;
    overflow: hidden;
    transition: ease-in-out;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    color: #ffffff;
    font-weight: 500;
    font-size: 18px;
    letter-spacing: 0.53px;
}

.main-navigation .sub-menu li {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
}

.main-navigation ul.nav-menu>li>a>i,
.main-navigation ul.nav-menu>li>a>svg {
    width: 45px;
    height: 45px;
    border-radius: 45px;
    line-height: 45px;
    background-color: #a1a1a1;
    display: inline-block;
    vertical-align: middle;
    color: #ffffff;
    text-align: center;
}

.main-navigation ul ul {
    background-color: #ffffff;
    text-align: left;
    padding: 0;
    border-radius: 10px;
    overflow: hidden;
}

.main-navigation ul ul li a {
    padding: 8px 12px;
    background-color: #ffffff;
    color: #fff;
    font-size: 14px;
}

.main-navigation ul ul a:after {
    float: right;
}

.main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0;
    float: right;
}

.main-navigation li {
    position: relative;
}

.main-navigation ul.nav-menu>li>a {
    position: relative;
    /* height: 100%; */
}

/* .main-navigation ul.nav-menu>li:hover>a,
.main-navigation ul.nav-menu>li.focus>a {
    color: #f6bb19;
} */

.main-navigation form.search-form input {
    background-color: #111;
    /* border-color: #111; */
    color: #111;
    font-weight: 400;
}

/* .main-navigation form.search-form {
    border: 20px solid #111;
} */

.main-navigation a {
    display: block;
    text-transform: capitalize;
    /* line-height: 28px; */
    padding: 15px 6px 15px 6px;
    transition: ease-in-out;
    color: #1C2533;
    font-weight: 400;
    font-size: 16px;
    letter-spacing: 0.53px;
}

.main-navigation ul ul {
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999;
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0;
}

.main-navigation li li {
    display: block;
}

.main-navigation ul.nav-menu .current_page_item>a,
.main-navigation ul.nav-menu .current-menu-item>a,
.main-navigation ul.nav-menu .current_page_ancestor>a,
.main-navigation ul.nav-menu .current-menu-ancestor>a {
    color: #fac100;
}

.main-navigation ul.nav-menu>li:last-child:hover a {
    color: #fff;
}

.main-navigation ul.nav-menu>li:last-child>a {
    letter-spacing: 0.56px;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 500;
    padding: 0.5rem 1.5rem;
    border-radius: 15px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    background: #ff6b35;
    color: #ffffff;
}

.main-navigation ul.nav-menu>li:last-child>a:hover {
    background: #e85a28;
}

.main-navigation ul.nav-menu .sub-menu .current_page_item>a,
.main-navigation ul.nav-menu .sub-menu .current-menu-item>a,
.main-navigation ul.nav-menu .sub-menu .current_page_ancestor>a,
.main-navigation ul.nav-menu .sub-menu .current-menu-ancestor>a {
    color: #0052CC;
    background-color: #f5f7fa;
    padding: 12px 20px;
    border-radius: 3px;
    margin-bottom: -6px;
}

form.search-form {
    width: 100%;
    max-width: 100%;
    position: relative;
    /* padding: 6px 5px 6px 5px; */
    display: flex;
    justify-content: right;
}

.main-navigation form.search-form {
    min-width: 320px;
}

input.search-field {
    height: 45px;
    padding: 0 50px 0 15px;
    width: 100%;
}

.menu-toggle {
    font-size: 8px;
    margin: 0px 0;
    display: block;
    width: 50px;
    height: 50px;
    position: absolute;
    top: 23px;
    right: 0px;
    box-shadow: none;
    border-radius: 0;
}

.menu-toggle svg {
    font-size: 20px;
    color: #000000;
}

.menu-toggle.active svg {
    color: #000000;
    width: 20px;
    height: 15px;
}

.menu-toggle,
.menu-toggle.active {
    border: none !important;
    background-color: transparent;
}

.menu-toggle:hover,
.menu-toggle.active:hover {
    border: none !important;
    background-color: transparent;
}

.menu-toggle .menu-icon {
    display: inline-block !important;
}

.menu-toggle .cross {
    display: none !important;
}

.menu-toggle.active .menu-icon {
    display: none !important;
}

.menu-toggle.active .cross {
    display: inline-block !important;
}

.menu-label {
    float: right;
    color: #111;
    padding: 7px 0 0 10px;
    display: none;
}

button.dropdown-toggle {
    padding: 0;
    position: absolute;
    right: 2rem;
    top: 12px;
    z-index: 2;
    background-color: #fff;
    color: #000;
    border: none;
    margin-left: 0px;
    box-shadow: none;
    width: 34px;
    height: 35px;
}

.dropdown-toggle::after {
    display: none !important;
}

button.dropdown-toggle.active i,
button.dropdown-toggle.active svg {
    transform: rotate(-180deg);
    transform-origin: center;
}

.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
    margin: 0;
    overflow: hidden;
}

.nav-links .nav-previous a:before,
.nav-links .nav-next a:after,
.nav-links .nav-previous a span:before,
.nav-links .nav-next a span:after {
    content: "\f0d9";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 10px;
    font-size: 18px;
    position: relative;
    top: 1px;
    color: #fac100;
}

.nav-links .nav-previous a span:before {
    content: "";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 10px;
    font-size: 18px;
    position: relative;
    top: 1px;
    color: #fac100;
}

.nav-links .nav-next a:after {
    content: "\f0da";
    margin-left: 10px;
    margin-right: 0;
}

.nav-links .nav-next a span:after {
    content: "";
    margin-left: 10px;
    margin-right: 0;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
    float: left;
    /* width: 50%; */
    position: relative;
    text-align: left;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
    float: right;
    text-align: right;
    /* width: 50%; */
    position: relative;
}

.post-navigation a,
.posts-navigation a {
    background: #ffffff;
    padding: 0px 10px;
    width: fit-content;
    font-weight: 400;
    display: block;
    color: #000;
    text-decoration: none;
    box-shadow: rgba(0, 0, 0, 0.35) 0px -1px 10px;
}

.post-navigation a:hover,
.posts-navigation a:hover,
.post-navigation a:focus,
.posts-navigation a:focus {
    color: #fac100;
    background-color: #fff;
    box-shadow: rgba(0, 0, 0, 0.35) 0px -1px 10px;
    transition: all 0.3s ease-in-out;
}

.post-navigation,
.posts-navigation {
    padding: 0;
    position: relative;
}

.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 30px;
}

/* Number buttons */
.pagination .page-numbers,
.pagination .page-numbers.dots:hover,
.pagination .page-numbers.dots:focus {
    text-align: center;
    /* line-height: 38px; */
    width: 38px;
    height: 38px;
    display: inline-block;
    color: #666666;
    background-color: #fff;
    /* border: 2px solid #d1d5db; */
    border-radius: 0.375rem;
    overflow: hidden;
    transition: all 0.3s ease;
}

/* Hover state */
.pagination .page-numbers:hover,
.pagination .page-numbers:focus {
    color: #ff8c42;
    border: 2px solid #ff6b35;
    background-color: #fff;
}

/* Active page */
.pagination .page-numbers.current {
    color: #fff;
    background: linear-gradient(to right, #ff6b35, #ff8c42);
    border: none;
    height: 40px;
    width: 40px;
}

/* Previous & Next buttons */
.pagination .page-numbers.disabled,
.pagination .page-numbers.prev,
.pagination .page-numbers.next {
    margin-right: 5px;
    padding: 8px 14px;
    width: auto;
    height: auto;
    line-height: normal;
    position: relative;
    background-color: #fff;
    color: #666666;
    /* border: 2px solid #d1d5db; */
    border-radius: 0.625rem;
    transition: all 0.3s ease;
    font-size: 1rem;
    font-weight: 400;
}

/* Previous & Next hover */
.pagination .page-numbers.prev:hover,
.pagination .page-numbers.next:hover,
.pagination .page-numbers.prev:focus,
.pagination .page-numbers.next:focus {
    color: #ff8c42;
    border: 2px solid #ff6b35;
    background-color: #fff;
    font-weight: 400;
}

@media (max-width: 360px) {

    .pagination .page-numbers.disabled,
    .pagination .page-numbers.prev,
    .pagination .page-numbers.next {
        white-space: nowrap;      /* 🔥 prevent text break */
        font-size: 0.85rem;       /* slightly smaller text */
        padding: 6px 10px;        /* reduce padding */
    }

    .pagination {
        flex-wrap: wrap;          /* optional: avoid overflow */
        gap: 4px;
    }
}

/* Next spacing */
.pagination .page-numbers.next {
    margin-left: 3px;
    margin-right: 0;
}


.blog-contribute-section {
    text-align: center;
    background: linear-gradient(180deg, #0b224d 0%, #142f66 100%);
    padding: 80px 20px;
    color: #ffffff;
}

.blog-contribute-section h2 {
    font-size: 3rem !important;
    font-weight: 700;
    margin-bottom: 20px;
    color: #ffffff;
}

.blog-contribute-section p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 40px;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
    line-height: 1.6;
    color: #d1d9f0;
}

.blog-contribute-section .contribute-btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    /* Use background, not background-color, for gradients */
    background: linear-gradient(to right, #ff6b35, #ff8c42);

    color: #ffffff; /* text color */
    font-weight: 600;
    font-size: 18px;
    padding: 16px 32px;
    border-radius: 8px;
    text-decoration: none;

    transition: background 0.3s ease, transform 0.3s ease;
}

/* Hover effect: shadow from bottom */
.blog-contribute-section .contribute-btn:hover {
    box-shadow: 0 6px 15px -3px #ff6b35; /* shadow below the button */
}


.blog-contribute-section .contribute-btn i {
    font-size: 16px;
} 


/* Disabled Previous  Next
.pagination .page-numbers.disabled {
    opacity: 0.5;
    pointer-events: none;
} */
.nav-previous span {
    padding-left: 11px;
    float: left;
    text-align: left;
}

.nav-next span {
    padding-right: 11px;
    float: right;
    text-align: right;
}

.post-navigation span,
.posts-navigation span {
    display: table;
}


.image-tag {
    position: absolute;
    top: 12px;
    left: 12px;
    background: #ff6b35;
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 12px;
    border-radius: 20px;
    text-transform: uppercase;
    z-index: 2;
}
/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    position: absolute !important;
    height: 1px;
    width: 1px;
    overflow: hidden;
    word-wrap: normal !important;
    /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: 0.875rem;
    font-weight: bold;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000;
    /* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
    outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em;
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em;
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after {
    content: "";
    display: table;
    table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.footer-widgets-area:before,
.footer-widgets-area:after,
.wrapper:before,
.wrapper:after {
    clear: both;
}

/*------------------------------------------------------------
Not Found Page
--------------------------------------------------------------*/
#main .no-results {
    text-align: center;
}

#main .no-results form {
    width: 25%;
    max-width: 100%;
    position: relative;
    padding: 0px 17px 10px 0px;
    display: inline-block;
}

#main .no-results form label {
    display: block;
}

#main .no-results form .search-submit {
    height: 45px;
    line-height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    border: none;
    width: 45px;
    padding: 0;
    background: #3F536D;
    color: #fff;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
    margin: 0 0 2.5em;
    width: 100%;
    justify-self: center;
    position: relative;
    /* box-shadow: 0 10px 30px rgba(0,0,0,0.12); */
    transition: all 0.3s ease;
}

/* .widget::before {
    content: "";
    position: absolute;
    top: 45px;
    left: 0;
    height: 4.9rem;
    border-left: 4px solid #7ECF29;
}

.widget::after {
    content: "";
    position: absolute;
    top: 45px;
    right: 0;
    height: 4.9rem;
    border-left: 4px dashed #7ECF29;
} */

.widget:last-child {
    margin-bottom: 0;
}

.widget_block h1,
.widget_block h2,
.widget_block h3,
.widget_block h4,
.widget_block h5,
.widget_block h6 {
    margin: 0 0 10px;
}

/* #colophon .widget.widget_text,
#colophon .secondary.widget_text {
    margin-bottom: 20px;
} */

#colophon .widget_block h1,
#colophon .widget_block h2,
#colophon .widget_block h3,
#colophon .widget_block h4,
#colophon .widget_block h5,
#colophon .widget_block h6 {
    color: #fff;
}

#colophon .widget:last-child {
    margin-bottom: 70px !important;
}

#colophon .widget_block h1,
#colophon .widget_block h2,
#colophon .widget_block h3,
#colophon .widget_block h4,
#colophon .widget_block h5,
#colophon .widget_block h6 {
    color: #fff;
}

.widget_search,
.widget_recent_entries,
.widget_categories,
.widget_archive,
.widget_recent_comments,
.widget_tag_cloud,
.widget_nav_menu,
.widget_text {
    /* background-color: #fff; */
    padding-bottom: .5rem;
}

/* Hide all links inside widget li */

.widget_search .search-form label {
    width: 100%;
}

.widget_search .search-form .screen-reader-text {
    display: none;
}

.widget-heading,
#secondary .widget-heading {
    /* border: 1px solid #fac100; */
    /* width: fit-content; */
    /* border-radius: 5px; */
    /* padding: 5px 6px 5px 0; */
    margin-bottom: 0.625rem;
}

/* Search */
.widget_search .widget-title::before{
content:"\f002";
font-family:"Font Awesome 6 Free";
font-weight:900;
margin-right:8px;
color:#ff6b35;
}

/* Categories */
.widget_categories .widget-title::before{
content:"\f02b";
font-family:"Font Awesome 6 Free";
font-weight:900;
margin-right:8px;
color:#ff6b35;
}

/* Recent Posts */
.widget_recent_entries .widget-title::before{
content:"\e098";
font-family:"Font Awesome 6 Free";
font-weight:900;
margin-right:8px;
color:#ff6b35;
}

/* Tags */
.widget_tag_cloud .widget-title::before{
content:"\f02b";
font-family:"Font Awesome 6 Free";
font-weight:900;
margin-right:8px;
color:#ff6b35;
}

/* Base (Desktop) */
.widget_search{
    min-height: 145px;
}

.widget_categories{
    min-height: 380px;
}

.widget_recent_entries{
    min-height: 450px;
}

.widget_tag_cloud{
    min-height: 340px;
}


/* Tablet */
@media (max-width: 991px){
    .widget_search,
    .widget_categories,
    .widget_recent_entries,
    .widget_tag_cloud{
        min-height: auto;
    }
}


/* Mobile */
@media (max-width: 576px){
    .widget_search,
    .widget_categories,
    .widget_recent_entries,
    .widget_tag_cloud{
        min-height: auto;
    }
}


/* Contact Widget Button */
#custom_html-4 .contact-btn,
#custom_html-5 .contact-btn{
    background:#ff6b35;
    color:#ffffff;
    padding:10px 28px;
    border-radius:10px;
    text-decoration:none;
    display:inline-block;
    font-weight:400;
    transition:background 0.3s ease, transform 0.2s ease;
    margin-top: 20px;
    font-size: 16px;
}

#custom_html-4 .contact-box .contact-btn svg,
#custom_html-5 .contact-box .contact-btn svg  {
    transition: transform 0.3s ease;
}

#custom_html-4 .contact-box .contact-btn:hover svg,
#custom_html-5 .contact-box .contact-btn:hover svg {
    transform: translateX(5px);
}

/* Hover Effect */
#custom_html-4 .contact-btn:hover,
#custom_html-5 .contact-btn:hover{
    background:#e55a2b;
    color:#ffffff;
}

#search-7 .widget-title,
#categories-7 .widget-title,
#recent-posts-7 .widget-title,
#tag_cloud-7 .widget-title,
#search-3 .widget-title,
#categories-3 .widget-title,
#recent-posts-3 .widget-title,
#tag_cloud-3 .widget-title,
#search-2 .widget-title,
#categories-2 .widget-title,
#recent-posts-2 .widget-title,
#tag_cloud-2 .widget-title{
    font-size: 1.3rem;
    margin-bottom: 35px;
    font-weight: 700;
    color: #000000;
}

#media_image-2 .widget-title {
    font-size: 1.43rem !important;
    padding: 8px 8px 8px 8px;
    font-family: "Poppins", sans-serif;
    font-weight: 600 !important;
    letter-spacing: 1px;
    color: #000000;
    /* background: #fac100 0% 0% no-repeat padding-box; */
    width: fit-content;
    border-radius: 5px;
}

/* .widget_search form.search-form {
    border: 0.5px solid #E6E6E6;
    border: 20px;
    
} */

.widget_search form.search-form input[type="search"] {
    height: 50px;
    padding: 6px 6px 6px 6px;
    font-size: 16px !important;
    font-family: "Roboto", sans-serif;
    font-weight: 300 !important;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
    border: 0.5px solid #E6E6E6;
    border-radius: 10px;
    background-color: #F5F7FA;
}

.widget_search form.search-form input[type="search"]::placeholder {
    height: 36px;
    background-color: transparent;
    padding: 6px 50px 6px 6px;
    font-size: 16px !important;
    font-family: "Roboto", sans-serif;
    font-weight: 300 !important;
    letter-spacing: 0px;
    color: #686868;
    text-transform: capitalize;
}

.widget_recent_entries .post-content {
    display: flex;
    padding: .7rem;
}


.widget_recent_entries .post-content .img-container {
    width: 200px;
    height: 100px;
    border-radius: 10px;
    overflow: hidden;
}

.widget_recent_entries .post-content a img {
    width: 100%;
    height: 100%;
}

.widget_recent_entries .post-content .content-container {
    padding-left: .5rem;
}

.widget_recent_entries a.content-container{
transition:color .3s ease;
}

.widget_recent_entries a.content-container:hover{
color:#ff8c42;
/* color: skyblue; */
}

.widget_recent_entries a.content-container span{
color:inherit;
}

.widget_recent_entries .post-content a .post-date {
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    text-transform: capitalize;
    letter-spacing: 0.43px;
    color: #7B7B7B;
}

.widget_recent_entries .post-content a span.post-button {
    font-size: 10px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0.36px;
    color: #000000;
    text-transform: capitalize;
}

.widget_recent_entries .post-content a {
    font-size: 12px;
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    text-transform: capitalize;
    /* align-content: center; */
    letter-spacing: 0.58px;
    color: #000000;
}

#primary ul li a,
#secondary ul li a {
    text-decoration: none;
    border-bottom: none;
    font-size: 16px;
    font-family: "Roboto", serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #000000;
    text-transform: capitalize;
}

.edit-link {
    display: none;
}

/* Widgets End */

/* Make sure select elements fit in widgets. */
.widget select {
    max-width: 100%;
    padding: 10px;
    border: none;
    width: 100%;
    max-width: 300px;
}

.widget input {
    padding: 0 15px;
    border: none;
}

form.search-form button.search-submit {
    height: 45px;
    line-height: 30px;
    position: absolute;
    right : 0px;
    top: 0;
    border: none;
    width: 45px;
    padding: 0;
    /* background: #3F536D; */
    color: #fff;
    border-radius: 5px;
}

.widget_search form.search-form button.search-submit {
    color: #1c253340;
    font-size: 21px;
    line-height: 1;
    height: 50px;
    /* margin-top: 6px; */
    /* padding: 0; */
    /* background-color: #fac100 !important; */
    /* width: 12%; */
}

.widget_search form.search-form input[type="search"]:focus {
    border: 3px solid #ff8c42;
}

.widget_search form.search-form button.search-submit svg{
    color: #ffffff;
    background-color: #ff6b35;
    padding: 10px;
    height: 15px;
    border-radius: 10px;
}

form.search-form {
    position: relative;
}

form.search-form input {
    width: 100%;
    padding: 0 40px 0 15px;
    font-weight: 300;
    color: #3f536d;
    font-weight: 500;
    text-transform: uppercase;
}

#wp-calendar tbody td {
    text-align: center;
}

#wp-calendar caption {
    margin-bottom: 15px;
    font-weight: 600;
}

.widget-title {
    font-size: 1.125rem;
    margin-bottom: 35px;
    font-weight: 700;
}

.widget_text input {
    padding: 10px 15px;
    width: 80%;
    margin: 0 0px 16px;
    background: none;
}
.widget_text input:hover{
border-color:#ff8c42;
border: 2px solid #ff8c42;
color :#ffffff;
}


.widget_text .textwidget .wpcf7-submit {
    background-color: #01549a;
    color: #fff;
}

.widget_text .textwidget .wpcf7-submit:hover {
    background-color: #fdc401;
    color: #fff;
}

.wpcf7-spinner {
    display: none;
}

.wpcf7 form .wpcf7-response-output {
    margin: 0.5em 0.5em 1em;
}

.widget li {
    margin-bottom: 10px;
    margin-bottom: 10px;
    /* background: #F9F9F9 0% 0% no-repeat padding-box; */
    padding: 7px 15px;
    font-size: 16px;
    font-family: "Roboto", sans-serif;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000;
    transition: 0.5s;
}

/* .widget li:hover {
    border: 1px solid #fac100;
    border-radius: 5px;
    border-left: 7px solid #fac100;
} */

#colophon .widget li:hover {
    border: none;
}

#primary .widget ul li.menu-item,
#secondary .widget ul li.menu-item {
    border: none;
}

/* .widget li:first-child,
.widget li:hover,
.widget li:active {
  margin-bottom: 10px;
  padding: 20px 15px;
  background-color: #f7f7f7;
  border-left: 4px solid #7ECF29;
  font-weight: bold;
} */

/* .widget .menu-item:hover{
  margin-bottom: 10px;
  padding: 20px 15px;
  background-color: #f7f7f7;
  border-left: 4px solid #7ECF29;
  font-weight: bold;
}
.widget .menu-item:first-child{
    border-left: none;
} */

/* .widget .menu {
    width: 96%;
} */
.widget_search::before,
.widget_search::after {
    display: none;
}

.widget .menu-services-container li,
.widget .menu-our-services-container li {
    /* background-color: #C8DCEC; */
    position: relative;
    margin-bottom: 20px;
}

#secondary .widget .menu-projects-container ul li a:active,
#secondary .widget .menu-our-projects-container ul li a:active {
    color: #fdc401;
}

#primary ul li a:hover,
#secondary ul li a:hover,
#primary ul li a:focus,
#secondary ul li a:focus {
    border-bottom-color: #fff;
}

#primary .widget ul li a,
#secondary .widget ul li a {
    position: relative;
    /* padding-left: 2rem; */
}

/* #primary .widget ul li a::before,
#secondary .widget ul li a::before,
#primary .widget ol li a::before,
#secondary .widget ol li a::before {
    
} */

/* #primary .widget ul li.menu-item a::before,
#secondary .widget ul li.menu-item a::before,
#primary .widget ol li.menu-item a::before,
#secondary .widget ol li.menu-item a::before {
    content: '';
    border: none;
}  */

#secondary .widget_categories ul{
list-style:none;
padding:0;
margin:0;
}

#secondary .widget_categories ul li{
display:flex;
justify-content:space-between;
align-items:center;
background:#f4f4f4;
padding:14px 18px;
border-radius:10px;
margin-bottom:12px;
}

#secondary .widget_categories ul li a{
text-decoration:none;
color:#1c2533;
font-weight:500;ss
}

#secondary .widget_categories ul li:hover{
background:#e0e0e0;
}


#secondary .widget_categories ul li span.count{
background:#ffffff;
padding:6px 12px;
border-radius:50px;
font-size:14px;
font-weight:600;
}
#secondary .widget_categories ul li::before,
#secondary .widget_categories ul li::after{
display:none;
}


#primary .widget ul li.menu-item a::before,
#secondary .widget ul li.menu-item a::before,
#primary .widget ol li.menu-item a::before,
#secondary .widget ol li.menu-item a::before {
    content: "\f011";
    /* Correct syntax */
    font-family: "Font Awesome 5 Free";
    /* or "Font Awesome 6 Free" depending on your version */
    font-weight: 900;
    /* Required for solid icons */
    margin-right: 8px;
    /* optional spacing */
}

/* #primary .widget ul li a::before,
#secondary .widget ul li a::before,
#primary .widget ol li a::before,
#secondary .widget ol li a::before {
    content: "/f011";
    position: absolute;
    top: 7px;
    left: 2px;
    display: inline-block;
    width: 9.5px;
    height: 9.5px;
    margin-right: 10px;
    border: 2px solid #fac100;
    opacity: 1;
}

#primary .widget ul li a::after,
#secondary .widget ul li a::after,
#primary .widget ol li a::after,
#secondary .widget ol li a::after {
    content: "";
    position: absolute;
    top: 5px;
    left: 0;
    display: inline-block;
    width: 14px;
    height: 14px;
    margin-right: 10px;
    transform: rotate(45deg);
    border: 2px solid #fac100;
    opacity: 1;
} */

/* #primary .widget ul#recentcomments li a::after,
#secondary .widget ul#recentcomments li a::after {
    display: none;
}

#primary .widget ul#recentcomments li span a::after,
#secondary .widget ul#recentcomments li span a::after {
    display: block;
}

#primary .widget ul#recentcomments li span a,
#secondary .widget ul#recentcomments li span a {
    padding-left: 2rem !important;
} */
#primary .widget ul li.recentcomments a,
#secondary .widget ul li.recentcomments a,
#primary .widget ol li.recentcomments a,
#secondary .widget ol li.recentcomments a {
    position: relative;
    /* padding-left: 1rem !important; */
}

#primary .widget ul li.recentcomments,
#secondary .widget ul li.recentcomments,
#primary .widget ol li.recentcomments,
#secondary .widget ol li.recentcomments {
    position: relative !important;
}

#primary .widget ul li.recentcomments::before,
#secondary .widget ul li.recentcomments::before,
#primary .widget ol li.recentcomments::before,
#secondary .widget ol li.recentcomments::before {
    content: "\f011";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 8px;
}

#primary .widget ul li.menu-item,
#secondary .widget ul li.menu-item {
    padding: 5px 1rem 5px 1px;
    transition: 0.5s;
}

#primary .widget ul li.menu-item:hover,
#secondary .widget ul li.menu-item:hover {
    border: 1px solid #fac100;
    border-radius: 5px;
    border-left: 7px solid #fac100;
}

.widget_text {
    background: #F9F9F9 0% 0% no-repeat padding-box;
}

.widget_text ul {
    padding: .5rem 1rem;
}

.widget_text li {
    display: inline-block;
}

/* .widget_text li:hover {
    color: #7ECF29;
} */

/* #primary .widget ul li.menu-item a::before,
#secondary .widget ul li.menu-item a::before,
#primary .widget ol li.menu-item a::before,
#secondary .widget ol li.menu-item a::before {
    display: inline-block;
    margin-left: 1em;
    margin-right: 12px;
    font-family: "Font Awesome 5 Free";
    font-size: 10px;
    font-weight: 600;
    content: "\f111";
    color: #7ECF29;
} */

/* #primary .widget_categories ul li a::after,
#secondary .widget_categories ul li a::after,
#primary .widget_categories ol li a::after,
#secondary .widget_categories ol li a::after {
    display: none;
} */

/* #primary .widget ul li a::after,
#secondary .widget ul li a::after,
#primary .widget ol li a::after,
#secondary .widget ol li a::after {
    content: '. . . . . . . . . . . . .';
} */

#primary .widget ul li.menu-item a,
#secondary .widget ul li.menu-item a,
#primary .widget ul li.menu-item a,
#secondary .widget ul li.menu-item a {
    position: relative;
    padding-left: .5rem;
}

/* #primary .widget ul li.menu-item a::before,
#secondary .widget ul li.menu-item a::before,
#primary .widget ol li.menu-item a::before,
#secondary .widget ol li.menu-item a::before {
    content: '';
    border: none;
} */

/* #primary .widget ul li.menu-item a::after,
#secondary .widget ul li.menu-item a::after,
#primary .widget ol li.menu-item a::after,
#secondary .widget ol li.menu-item a::after {
    content: '\f101';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    position: absolute;
    top: -7.7px;
    left: -.9rem;
    padding: 18px;
    color: #ffffff;
    background-color: #fac100 ;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    transform: rotate(0deg);
    border-radius: 50%;
} */

.widget_contact_info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* #recent-comments-2 li span a::after {
    display: none;
} */

#recent-comments-2 li span a::before {
    display: inline-block !important;
}

#recent-comments-2 li a::before {
    display: none !important;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
    display: block;
}

.hentry {
    margin: 0;
}

.updated:not(.published) {
    display: none;
}

.single .byline,
.group-blog .byline {
    display: inline;
}

.page-content,
.entry-content,
.entry-summary {
    margin: 0;
}

.author img {
    display: block;
    text-align: center;
    /* margin: 20px auto; */
}

.page-header span.posted-on {
    margin-bottom: 12px;
    display: inline-block;
    width: 100%;
}

.page-links {
    clear: both;
    margin: 0 0 1.5em;
}

.page-header span.author-name {
    display: block;
    font-size: 16px;
    font-weight: 500;
    line-height: 1;
    color: #111;
}

.page-header small {
    font-size: 12px;
    color: #c42118;
}

nav.navigation.pagination {
    margin-top: 50px;
    clear: both;
    display: inline-block;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.posts-wrapper.col-3 article:nth-child(3n) {
    border-right: 1px solid #e4e4e4;
}

.post-categories a {
    color: #c42118;
    font-size: 14px;
    text-transform: uppercase;
    font-weight: bold;
}

.archive-description {
    color: #fff;
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
}

.tags-links {
    margin-bottom: 20px;
    display: inline-block;
}

.tags-links span {
    margin: 0 8px 8px 0;
}

.tags-links span.fw-bold {
    color: #7ECF29;
}

.tags-links a {
    background: white;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 0px 3px 0px;
    border-radius: 0;
    padding: 8px 10px;
    margin: 0px 0 8px 8px;
    text-align: center;
    position: relative;
    display: inline-block;
    transition: 0.5s;
    color: #7ECF29;
    transition: all 0.5s ease-in-out;
    border: none;
    font-weight: 400;
}

.tags-links a:hover,
.tags-links a:focus {
    background-color: #000;
    color: #fff;
}

.socialMedia {
    float: right;
}

.socialMedia ul li {
    display: inline-block;
    position: relative;
    margin-bottom: 0 !important;
    padding: 4px 10px !important;
    border: 1px solid;
    border-radius: 50%;
    margin-right: 10px;
    color: #fff;
    background-color: #7ECF29;
    transition: all ease 0.5s;
    font-size: 18px;
}

#primary .socialMedia ul li a.blgsmedia {
    font-size: 18px;
    color: #fff;
    line-height: 0;
}

.socialMedia ul li:hover {
    background-color: #000;
    /* transform: scale(-20px); */
    transition: all ease 0.5s;
    transform: scale(1.1);
}

.single .date a:before,
.entry-meta .author a:before,
.comments-link a:before {
    content: "\f017";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 5px;
    color: #a1a1a1;
}

.entry-meta .author a:before {
    content: "\f007";
}

.comments-link a:before {
    content: "\f086";
}

.single .date a:before {
    content: "\f017";
}

.cat-links a:before {
    content: "\f02c";
    font-weight: 600;
    font-family: 'Font Awesome 5 Free';
    color: #01549a;
    margin-right: 5px;
}

.entry-meta a,
.entry-meta span:before,
.entry-meta .author:before {
    color: #626262;
    text-decoration: none;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: .5px;
}

.entry-meta a:hover,
.entry-meta a:focus {
    color: #626262;
}

.entry-meta {
    display: flex;
    gap: 1rem;
    /* justify-content: space-around; */
    align-items: center;
    padding: 10px 0;
    text-decoration: none;
    margin-bottom: 1.2rem;
}

.author.vcard {
    margin-left: 5px;
}

.byline {
    visibility: hidden;
}

.byline .author.vcard {
    visibility: visible;
    margin-left: -20px;
}

.single-post .site-main .comment-navigation,
.single-post .site-main .posts-navigation,
.single-post .site-main .post-navigation {
    margin-bottom: 0;
}

.navigation.post-navigation,
.navigation.posts-navigation {
    padding: 10px;
    margin-top: 35px;
}

.post-navigation .previous-article span span,
.posts-navigation .previous-article span span,
.post-navigation .next-article span span,
.posts-navigation .next-article span span {
    display: block;
}

.post-navigation span.previous-article b,
.post-navigations span.previous-article b,
.post-navigation span.next-article b,
.post-navigations span.next-article b {
    font-size: 22px;
    font-weight: 600;
    margin-bottom: 10px;
    display: inline-block;
    width: 100%;
}

.post-navigation span.previous-article,
.post-navigations span.previous-article {
    display: table;
}


/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
    word-wrap: break-word;
}

.bypostauthor {
    display: block;
}

#reply-title,
.comments-title {
    font-size: 42px;
    margin: 0;
}

.comments-title,
#reply-title {
    margin-bottom: 30px;
    font-size: 32px;
    font-weight: 600;
    color: #000;
}

#cancel-comment-reply-link {
    float: right;
}

ul.post-categories li:after {
    content: ",";
}

ul.post-categories li:last-child:after {
    display: none;
}

ol.comment-list {
    padding: 0;
    margin: 0 0 30px;
    list-style: none;
}

#comments ol {
    list-style: none;
    margin-left: 0;
    padding: 0;
}

#comments ol.comment-list {
    padding-top: 35px;
    position: relative;
    overflow: hidden;
}

#comments ol.children {
    margin-left: 120px;
}

.says {
    display: none;
}

.comment-meta img {
    width: 60px;
    height: 60px;
    float: left;
    margin-right: 20px;
}

#comments time:before {
    display: none;
}

.comment-body {
    position: relative;
}

.reply {
    text-align: right;
}

#comments article {
    margin-bottom: 30px;
    clear: both;
    padding: 30px;
    background-color: #f6f6f6;
    text-decoration: none;
    /* border-radius: 25px; */
    border: 1px solid #01549a;
}

#comments ol.comment-list>li {
    padding-top: 49px;
}

#comments ol.comment-list>li:first-child {
    padding-top: 0;
}

#comments ol.comment-list>li article:last-child .reply {
    border-bottom: none;
    padding-bottom: 0;
}

.reply a {
    color: #000;
    display: inline-block;
    font-weight: 400;
    padding: 7px 30px;
    position: relative;
    background-color: #C8DCEC;
    border: 2px solid #C8DCEC;
    border-radius: 50px;
    text-decoration: none;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.reply a:hover,
.reply a:focus {
    color: #000;
    background-color: #fdc401;
    border-color: #fdc401;
}

.comment-meta .url,
.comment-meta .fn {
    display: inline-block;
    color: #01549a;
    font-size: 25px;
    text-decoration: none;
    text-transform: capitalize;
}

.comment-meta .url:hover,
.comment-meta .url:focus {
    color: #fdc401;
}

.comment-metadata a,
.comment-metadata a time {
    color: #01549a;
    text-decoration: none;
}

.comment-metadata a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover time,
.comment-metadata a:focus time {
    color: #000;
}

.comment-metadata time {
    font-weight: 500;
}

.comment-metadata {
    display: block;
    margin-bottom: 15px;
}

.comment-content {
    margin-bottom: 10px;
    margin-top: 0;
    padding-left: 80px;
}

.comment-content p {
    font-weight: 400;
    margin-bottom: 1em;
    color: #A1A1A1;
    font-size: 16px;
    line-height: 1.6;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
/* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer {
    /* Theme Footer (when set to scrolling) */
    display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
    display: block;
}

/*//////////////////////////////////////////////////////*/

#loading-screen {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

#preloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #f2f2f2;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
    visibility: visible;
    opacity: 1;
    transition: opacity 0.5s ease, visibility 0.5s ease;
}

#loading-screen img {
    width: 15%;
    /* Adjust size if needed */
    height: auto;
}


/*--------------------------------------------------------------
# Layouts and titles
--------------------------------------------------------------*/

section {
    position: relative;
    overflow: hidden;
}

.title-section {
    /* text-align: center; */
    margin-bottom: 3em;
    /* display: flex; */
    /* align-items: center; */
    position: relative;
    z-index: 2;
}

.title-section h1 {
    margin: 0;
    line-height: 1.1;
    font-weight: 600;
    letter-spacing: 1px;
    color: #000000;
    border-radius: 0px;
}

.entry-content {
    margin-top: 0;
    position: relative;
    z-index: 1;
}

.wrapper {
    /* width: 90%; */
    /* max-width: 1430px; */
    margin: 0 auto;
    /* padding-left: 15px; */
}

#content {
    padding: 0em 0 0em 0;
    width: 100%;
    margin: 0 auto;
    z-index: 0;
}

.entry-title,
.section-title {
    font-size: 22px;
    margin: 0 0 6px;
    font-weight: 700;
    word-wrap: break-word;
}

.section-title {
    font-size: 32px;
    margin: 0 0 15px;
    color: #000;
}

.section-subtitle {
    max-width: 600px;
    margin: 0 auto;
}

.entry-title a {
    color: #000;
    text-decoration: none;
    font-size: 33px;
    /* text-transform: capitalize; */
    letter-spacing: 1px;
}

.entry-title a:hover,
.entry-title a:focus {
    color: #c42118;
}

.post-thumbnail-link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    height: 100%;
}

.align-left {
    text-align: left;
}

.align-center {
    text-align: center;
}

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

.btn {
    color: #fff;
    display: inline-block;
    font-weight: 600;
    padding: 8px 25px;
    border-radius: 7px;
    font-size: 21px;
    position: relative;
    text-decoration: none;
    z-index: 1;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

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

.btn i {
    display: inline-block;
    vertical-align: middle;
    margin-left: 10px;
}

.featured-image {
    position: relative;
}

.col-1 article,
.col-2 article,
.col-3 article,
.col-4 article,
.col-5 article,
.col-6 article {
    margin-bottom: 30px;
    width: 100%;
}

.col-1 article:last-child,
.col-2 article:last-child,
.col-3 article:last-child,
.col-4 article:last-child,
.col-5 article:last-child,
.col-6 article:last-child {
    margin-bottom: 0;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
    max-width: 100%;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption .wp-caption-text {
    margin: 0.8075em 0;
}

.wp-caption-text {
    text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.type_of_work {
    margin: -4px;
}

.type_of_work-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%;
    padding: 4px;
}

.type_of_work-columns-2 .type_of_work-item {
    max-width: 50%;
}

.type_of_work-columns-3 .type_of_work-item {
    max-width: 33.33%;
}

.type_of_work-columns-4 .type_of_work-item {
    max-width: 25%;
}

.type_of_work-columns-5 .type_of_work-item {
    max-width: 20%;
}

.type_of_work-columns-6 .type_of_work-item {
    max-width: 16.66%;
}

.type_of_work-columns-7 .type_of_work-item {
    max-width: 14.28%;
}

.type_of_work-columns-8 .type_of_work-item {
    max-width: 12.5%;
}

.type_of_work-columns-9 .type_of_work-item {
    max-width: 11.11%;
}

.type_of_work-caption {
    display: block;
}

/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
.social-icons li {
    display: inline-block;
    height: auto;
    text-align: center;
    position: relative;
    list-style: none;
}

.footer-widgets-area .widget .social-icons li {
    display: inline-block;
    width: auto;
}

.social-icons li:not(:last-child) {
    margin-right: 5px;
}

.social-icons,
.social-icons ul {
    margin: 0;
    padding: 0;
}

.social-icons li a {
    background-color: transparent;
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
}

/*--------------------------------------------------------------
## Social Icons
--------------------------------------------------------------*/
ul.social-icons {
    margin: 0;
    padding: 0;
}

.social-icons li {
    width: 40px;
    height: auto;
    text-align: center;
    line-height: 40px;
    position: relative;
    list-style: none;
}

.social-icons ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.social-icons li:not(:last-child) {
    margin-right: 10px;
}

.social-icons li a {
    display: inline-block;
    width: 40px;
    height: 40px;
    border-radius: 40px;
    color: #fff;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: "Font Awesome 5 brands";
}

.social-icons li a:hover,
.social-icons li a:focus {
    color: #fff;
    background-color: #FF3366;
}

.social-icons li a:before {
    content: "\f1d0";
}

.social-icons li a[href*="facebook.com"]:before,
.social-icons li a[href*="fb.com"]:before {
    content: "\f39e";
}

.social-icons li a[href*="twitter.com"]:before {
    content: "\e61b";
}

.social-icons li a[href*="linkedin.com"]:before {
    content: "\f0e1";
}

.social-icons li a[href*="plus.google.com"]:before {
    content: "\f0d5";
}

.social-icons li a[href*="youtube.com"]:before {
    content: "\f167";
}

.social-icons li a[href*="dribbble.com"]:before {
    content: "\f17d";
}

.social-icons li a[href*="pinterest.com"]:before {
    content: "\f231";
}

.social-icons li a[href*="bitbucket.org"]:before {
    content: "\f171";
}

.social-icons li a[href*="github.com"]:before {
    content: "\f113";
}

.social-icons li a[href*="codepen.io"]:before {
    content: "\f1cb";
}

.social-icons li a[href*="flickr.com"]:before {
    content: "\f16e";
}

.social-icons li a[href$="/feed/"]:before {
    content: "\f09e";
}

.social-icons li a[href*="foursquare.com"]:before {
    content: "\f180";
}

.social-icons li a[href*="instagram.com"]:before {
    content: "\f16d";
}

.social-icons li a[href*="tumblr.com"]:before {
    content: "\f173";
}

.social-icons li a[href*="reddit.com"]:before {
    content: "\f1a1";
}

.social-icons li a[href*="vimeo.com"]:before {
    content: "\f194";
}

.social-icons li a[href*="digg.com"]:before {
    content: "\f1a6";
}

.social-icons li a[href*="twitch.tv"]:before {
    content: "\f1e8";
}

.social-icons li a[href*="stumbleupon.com"]:before {
    content: "\f1a4";
}

.social-icons li a[href*="delicious.com"]:before {
    content: "\f1a5";
}

.social-icons li a[href*="mailto:"]:before {
    content: "\f0e0";
}

.social-icons li a[href*="soundcloud.com"]:before {
    content: "\f1be";
}

.social-icons li a[href*="wordpress.org"]:before {
    content: "\f19a";
}

.social-icons li a[href*="wordpress.com"]:before {
    content: "\f19a";
}

.social-icons li a[href*="jsfiddle.net"]:before {
    content: "\f1cc";
}

.social-icons li a[href*="tripadvisor.com"]:before {
    content: "\f262";
}

.social-icons li a[href*="foursquare.com"]:before {
    content: "\f180";
}

.social-icons li a[href*="angel.co"]:before {
    content: "\f209";
}

.social-icons li a[href*="slack.com"]:before {
    content: "\f198";
}

.social-icons li a[href*="tiktok.com"]:before {
    content: "\e07b";
}

/*--------------------------------------------------------------
## Social Icons Hover Color
--------------------------------------------------------------*/
.social-icons li a[href*="facebook.com"]:hover,
.social-icons li a[href*="fb.com"]:hover,
.social-icons li a[href*="facebook.com"]:focus,
.social-icons li a[href*="fb.com"]:focus {
    background-color: #3c5798 !important;
}

.social-icons li a[href*="twitter.com"]:hover,
.social-icons li a[href*="twitter.com"]:focus {
    background-color: #1ea0f1 !important;
}

.social-icons li a[href*="linkedin.com"]:hover,
.social-icons li a[href*="linkedin.com"]:focus {
    background-color: #0077B5 !important;
}

.social-icons li a[href*="plus.google.com"]:hover,
.social-icons li a[href*="plus.google.com"]:focus {
    background-color: #ec7161 !important;
}

.social-icons li a[href*="youtube.com"]:hover,
.social-icons li a[href*="youtube.com"]:focus {
    background-color: #cc181e !important;
}

.social-icons li a[href*="dribbble.com"]:hover,
.social-icons li a[href*="dribbble.com"]:focus {
    background-color: #f4a09c !important;
}

.social-icons li a[href*="pinterest.com"]:hover,
.social-icons li a[href*="pinterest.com"]:focus {
    background-color: #bd081b !important;
}

.social-icons li a[href*="bitbucket.org"]:hover,
.social-icons li a[href*="bitbucket.org"]:focus {
    background-color: #205081 !important;
}

.social-icons li a[href*="github.com"]:hover,
.social-icons li a[href*="github.com"]:focus {
    background-color: #323131 !important;
}

.social-icons li a[href*="codepen.io"]:hover,
.social-icons li a[href*="codepen.io"]:focus {
    background-color: #111000 !important;
}

.social-icons li a[href*="flickr.com"]:hover,
.social-icons li a[href*="flickr.com"]:focus {
    background-color: #025FDF !important;
}

.social-icons li a[href$="/feed/"]:hover,
.social-icons li a[href$="/feed/"]:focus {
    background-color: #089DE3 !important;
}

.social-icons li a[href*="foursquare.com"]:hover,
.social-icons li a[href*="foursquare.com"]:focus {
    background-color: #F94877 !important;
}

.social-icons li a[href*="instagram.com"]:hover,
.social-icons li a[href*="instagram.com"]:focus {
    background-color: #cd42e7 !important;
}

.social-icons li a[href*="tumblr.com"]:hover,
.social-icons li a[href*="tumblr.com"]:focus {
    background-color: #56BC8A !important;
}

.social-icons li a[href*="reddit.com"]:hover,
.social-icons li a[href*="reddit.com"]:focus {
    background-color: #FF4500 !important;
}

.social-icons li a[href*="vimeo.com"]:hover,
.social-icons li a[href*="vimeo.com"]:focus {
    background-color: #00ADEF !important;
}

.social-icons li a[href*="digg.com"]:hover,
.social-icons li a[href*="digg.com"]:focus {
    background-color: #00ADEF !important;
}

.social-icons li a[href*="twitch.tv"]:hover,
.social-icons li a[href*="twitch.tv"]:focus {
    background-color: #0E9DD9 !important;
}

.social-icons li a[href*="stumbleupon.com"]:hover,
.social-icons li a[href*="stumbleupon.com"]:focus {
    background-color: #EB4924 !important;
}

.social-icons li a[href*="delicious.com"]:hover,
.social-icons li a[href*="delicious.com"]:focus {
    background-color: #0076E8 !important;
}

.social-icons li a[href*="mailto:"]:hover,
.social-icons li a[href*="mailto:"]:focus {
    background-color: #4169E1 !important;
}

.social-icons li a[href*="soundcloud.com"]:hover,
.social-icons li a[href*="soundcloud.com"]:focus {
    background-color: #FF5500 !important;
}

.social-icons li a[href*="wordpress.org"]:hover,
.social-icons li a[href*="wordpress.org"]:focus {
    background-color: #0073AA !important;
}

.social-icons li a[href*="wordpress.com"]:hover,
.social-icons li a[href*="wordpress.com"]:focus {
    background-color: #00AADC !important;
}

.social-icons li a[href*="jsfiddle.net"]:hover,
.social-icons li a[href*="jsfiddle.net"]:focus {
    background-color: #396AB1 !important;
}

.social-icons li a[href*="tripadvisor.com"]:hover,
.social-icons li a[href*="tripadvisor.com"]:focus {
    background-color: #FFE090 !important;
}

.social-icons li a[href*="angel.co"]:hover,
.social-icons li a[href*="angel.co"]:focus {
    background-color: #111000 !important;
}

.social-icons li a[href*="tiktok.com"]:hover,
.social-icons li a[href*="tiktok.com"]:focus {
    background-color: #7d88e3 !important;
}

/*--------------------------------------------------------------
#  Inner Page settings
--------------------------------------------------------------*/
#primary .entry-content h1 {
    font-size: 55px;
    clear: both;
    /* color: #000; */
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 700;
}

#primary .entry-content p strong {
    /* color: #000; */
}

#primary .entry-content h2 {
    font-size: 46px;
    clear: both;
    /* color: #000; */
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 700;
    /* width: fit-content; */
}

#primary .entry-content h3 {
    font-size: 38px;
    clear: both;
    /* color: #000; */
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 700;
    /* width: fit-content; */
    /* letter-spacing: 0.59px; */
}

#primary .entry-content h4 {
    font-size: 30px;
    clear: both;
    /* color: #000; */
    margin: 0px 0;
    line-height: 1.3;
    font-weight: 700;
    /* width: fit-content; */
}

#primary .entry-content h5 {
    font-size: 26px;
    clear: both;
    /* color: #000; */
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 700;
    /* width: fit-content; */
}

#primary .entry-content h6 {
    font-size: 22px;
    clear: both;
    color: #000;
    margin: 16px 0;
    line-height: 1.3;
    font-weight: 700;
    /* width: fit-content; */
}

/* #main .entry-content .wp-block-columns h3::after,
#main .entry-content .wp-block-columns h4::after,
#main .entry-content .wp-block-columns h5::after,
#main .entry-content .wp-block-columns h6::after {
    content: "";
    display: block;
    border-bottom: 3px solid #7ECF29;
    width: 75%;
} */

#primary .entry-content ul {
    list-style: none;
    font-size: 18px;
    margin: 0;
}

.single #main .entry-content ul li,
.single #main .entry-content ul li ul li,
.single #secondary .entry-content ul li,
.single #secondary .entry-content ul li ul li,
.wrapper #main .entry-content ul li,
.wrapper #main .entry-content ul li ul li,
.wrapper #secondary .entry-content ul li,
.wrapper #secondary .entry-content ul li ul li {
    font-size: 16px;
    color: #1C2533;
    padding: .2rem 0 0 1rem;
    font-weight: 400;
    position: relative;
}

details {
    line-height: 2rem;
}

details p {
    margin-left: 30px;
}

/* Tag Cloud Container */
.tagcloud{
display:flex;
flex-wrap:wrap;
gap:6px;
}

/* Individual Tag */
.tagcloud a{
display:inline-flex;
align-items:center;
justify-content:center;
font-size:14px !important; /* force same size */
font-weight:500;
color:#3b3b3b;
text-decoration:none;
padding:8px 14px;
border-radius:6px;
background:oklch(98.5% .002 247.839);
white-space:nowrap; /* prevents breaking */
min-height:36px;
transition:all .3s ease;
}

/* Mobile */
@media (max-width: 576px){
.tagcloud a{
font-size:14px !important;
padding:8px 14px;
min-height:36px;
}
}

/* Extra small mobile */
@media (max-width: 480px){
.tagcloud a{
font-size:12px !important;
padding:6px 8px;
min-height:32px;
white-space:normal; /* allows wrapping if tag is long */
}
}

/* Hover effect */
.tagcloud a:hover{
background:linear-gradient(to right, #ff6b35, #ff8c42);
color:#fff;
}
#primary.single-service .entry-content ul li:before,
#primary.single-project .entry-content ul li:before {
    color: #7ECF29;
}

.single #main .entry-content ul li:before,
.single #secondary .entry-content ul li:before {
    content: '';
    width: .4rem;
    height: .4rem;
    border-radius: 50%;
    transform: scale(1);
    transition: all 0.5s ease 0s;
    background-color: #000 !important;
    display: inline-block;
    padding: 2px;
    -webkit-transition: all 500ms ease;
    transition: all 500ms ease;
    position: absolute;
    top: .8rem;
    left: 0;
}

#main ul.wp-block-list,
#secondary ul.wp-block-list {
    margin-bottom: 1.5rem !important;
}

.wp-block-embed iframe {
    max-width: 100%;
    width: 100%;
}

.wp-block-embed iframe .ytm-custom-control .with-video-details {
    display: none !important;
}

.watch-on-youtube-button-wrapper {
    display: none !important;
}

#primary .entry-content ol {
    counter-reset: li;
    list-style: none;
    margin: 30px 0 0;
}

#primary .entry-content ol li {
    position: relative;
    padding-left: 6rem;
    min-height: 50px;
    padding-top: 0px;
    line-height: 30px;
    font-size: 18px;
    color: #000;
}

#primary .entry-content ol li:before {
    /* content: counter(li);
    counter-increment: li;
    color: #fff; */
    /* background: #7ECF29; */
    /* border-radius: 50%; */
    /* font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 29px;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 3rem;
    color: #000;
    border-top: 3px solid #7ECF29;
    border-right: 3px solid #7ECF29; */
    /* clip-path: polygon(88% 19%, 75% 0, 100% 0, 100% 100%, 74% 99%, 90% 68%, 92% 54%, 93% 37%); */
}

/* #primary .entry-content ol {
    counter-reset: li;
    position: relative;
} */

#primary .entry-content ol li {
    counter-increment: li;
    position: relative;
    padding-left: 4rem;
    list-style: none;
}

#primary .entry-content ol li::before {
    /* content: counter(li); */
    content: counter(li, decimal-leading-zero);
    color: #000;
    font-size: 16px;
    width: 24px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    display: inline-block;
    position: absolute;
    top: 10px;
    left: 0px;
    z-index: 1;
    background: #fff;
    border-radius: 50%;
}

/* Rotated border using a pseudo container */
#primary .entry-content ol li::after {
    content: "";
    position: absolute;
    top: 10px;
    left: 0;
    width: 30px;
    height: 30px;
    /* border-top: 3px solid #7ECF29;
    border-right: 3px solid #7ECF29; */
    transform: rotate(45deg);
    z-index: 0;
    background: linear-gradient(45deg, #ffffff 50%, #7ECF29 50%);
    /* background: linear-gradient(180deg, #F9FAFA 50%, #ffffff 50%); */
}


.wp-block-quote h1,
.wp-block-quote h2,
.wp-block-quote h3,
.wp-block-quote h4,
.wp-block-quote h5,
.wp-block-quote h6 {
    text-align: center;
    font-size: 25px !important;
    font-weight: bold !important;
    margin: 0px 0px 20px;
}

blockquote .wp-block-quote p,
.wp-block-pullquote p,
.wp-block-quote p {
    color: #000 !important;
    font-size: 16px;
    font-weight: 300;
    padding: 12px 40px 0;
    letter-spacing: 0.64px;
    line-height: 30px;
}

blockquote .wp-block-quote,
.wp-block-pullquote,
.wp-block-quote,
.wp-block-quote:not(.is-large):not(.is-style-large) {
    position: relative;
    padding: 2em;
    background-color: #ffffff !important;
    margin-top: 50px;
    margin-bottom: 50px;
    display: inline-block;
}

.wp-block-quote p {
    position: relative;
    z-index: 2;
    margin: 0;
}

/* Top-left corner */
.wp-block-quote::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    height: 67px;
    border-top: 2px solid #555;
    border-left: 2px solid #555;
}

/* Bottom-right corner */
.wp-block-quote::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 60px;
    height: 67px;
    border-bottom: 2px solid #555;
    border-right: 2px solid #555;
}

.wp-block-pullquote,
.wp-block-quote,
.wp-block-quote:not(.is-large):not(.is-style-large) {
    border-left: none !important;
}

.wp-block-quote:not(.is-large):not(.is-style-large) p {
    font-size: 15px;
    font-family: "Poppins", sans-serif;
    font-weight: 300;
    letter-spacing: 0px;
    color: #000000;
    margin: 1rem 0 !important;
}

#secondary .textwidget .row .col-lg-2 svg {
    width: 17px;
    height: 17px;
    color: #7ECF29;
}

#secondary .textwidget .row .col-lg-2 {
    text-align: center;
}

#secondary .textwidget .row {
    margin: 0;
    padding: 0.7rem 0.5rem;
}

#secondary .textwidget .row .col-lg-10 h3 {
    font-size: 16px;
    font-family: "Roboto Slab", serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #1E2023;
}

#secondary .textwidget .row .col-lg-10 p {
    font-size: 16px;
    font-family: "Roboto", serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #1E2023;
}

/*--------------------------------------------------------------
#  Page Site Header
--------------------------------------------------------------*/
#page-site-header {
    margin-top: 5rem;
    background-size: cover;
    position: relative;
    text-align: center;
    background-repeat: no-repeat;
    background-image: url(assets/images/people-railway-transport-portrait-public-transport-streetphotography-583586-pxhere1.com.png);
    height: 630px !important;
}


@media (max-width: 768px) {
    #page-site-header {
        height: 800px !important;
    }
}

#page-site-header .page-title {
    font-size: 30px;
    color: #3f536d;
    font-weight: bold;
    margin-bottom: 10px;
}

#page-site-header .innerheader-overly1 {
    z-index: 0;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(to bottom right,
            #0a1f44,
            #0d2b5c,
            #0a1f44);
}

#page-site-header .page-site-headerimg {
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    background-size: cover;
}

#page-site-header .page-title {
    margin: 0 0 1rem 0;
    letter-spacing: 2.1px;
    color: #ffffff;
    text-transform: capitalize;
    font-size: clamp(2.5rem, 5vw, 4rem) !important;
    font-family: "Poppins", sans-serif;
    font-weight: 700 !important;
}

#page-site-header .page-header {
    position: relative;
    text-align: center;
    margin: 0 0rem 0 0rem;
    z-index: 1;
    /* top: 56%; */
    /* left: 50%; */
    /* transform: translate(-50%, -50%); */
    /* padding: 1rem 1rem 1rem 1rem; */
    width: 100% !important;
}

#page-site-header .header-title .headerdotsbox {
    width: 36px;
    height: 55px;
    position: absolute;
    left: 110px;
    bottom: 0px;
}

#page-site-header .header-title .headerdotsbox div {
    background: #a1a1a1;
    margin: 0 5px 5px 0;
    border-radius: 50%;
    width: 7px;
    height: 7px;
    float: left;
}

/*--------------------------------------------------------------
## Breadcrumb
--------------------------------------------------------------*/

#page-site-header .breadcrumbbox {
    margin-top: 1rem;
    padding: 15px 0 0.7em 0%;
    border-bottom: 4px solid #ff6b35;
    background-color: #0a1f44;
}

#page-site-header .breadcrumbbox-bottom-content {
    padding: 4rem 0 3em 0%;
}

#page-site-header .breadcrumbbox .button {
    display: inline-block;
    text-decoration: none;
}

#page-site-header .breadcrumbbox span.bread-arrow {
    font-size: 15px;
    position: relative;
    top: 2px;
    padding: 0px;
    color: #ffffff;
    font-weight: 400;
}

#page-site-header .breadcrumbbox span.spanarrow {
    font-size: 15px !important;
    padding: 0px 10px !important;
}

#page-site-header .breadcrumbbox a,
#page-site-header .breadcrumbbox span.treeEnd {
    font-weight: 400;
    text-decoration: none;
    font-size: 18px;
    letter-spacing: 0.66px;
    color: #ffffffb3;
}

#page-site-header .breadcrumbbox span.treeEnd {
    color: #ffffff;
}

#page-site-header .breadcrumbbox a:hover,
#page-site-header .breadcrumbbox .treeEnd:hover {
    color: #fdc700;
    text-decoration: none;
    cursor: pointer;
}

/*--------------------------------------------------------------
#  Breadcrumb List
--------------------------------------------------------------*/
#breadcrumb-list {
    background-color: #222;
    padding: 20px 0;
}

.trail-items {
    margin: 0;
    padding: 0;
    list-style: none;
}

.trail-items li {
    display: inline-block;
    vertical-align: middle;
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 14px;
}

.trail-items li a {
    color: rgba(255, 255, 255, 0.30);
}

.trail-items li a:hover,
.trail-items li a:focus {
    color: #fff;
}

.trail-items .separator {
    color: rgba(255, 255, 255, 0.30);
    padding: 0 2px;
}

/*--------------------------------------------------------------
#  Slick Slider
--------------------------------------------------------------*/
.slick-slide {
    outline: none;
}

.slick-dotted.slick-slider {
    margin-bottom: 8%;
}

.custom-slider-badge {
    background: linear-gradient(to right, #ff6b35, #ff8c42);
}

#featured-slider .custom-slider-badge span {
    color: #ffffff;
}

.slick-next:before,
.slick-prev:before {
    opacity: 1;
    /* content: "\f105"; */
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font-style: normal;
    font-variant: normal;
    text-rendering: auto;
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 26px;
    color: #c42118;
    z-index: 5;
}

/* .slick-prev:before {
    content: '\f105' !important;
    font-family: 'Font Awesome 5 Free' !important;
}

.slick-next:before {
    content: '\f104' !important;
    font-family: 'Font Awesome 5 Free' !important;
} */

.slick-prev,
.slick-next {
    left: 0;
    z-index: 1;
    width: 84px;
    height: 45px;
    line-height: 62px;
}

.slick-prev {
    left: 0;
    border-left: 3px solid #c42118;
}

.slick-next {
    left: auto;
    right: 0;
    border-right: 3px solid #c42118;
}

.slick-prev:hover,
.slick-next:hover,
.slick-prev:focus,
.slick-next:focus {
    background-color: #FFB300;
}

.slick-dots {
    bottom: 25px;
}

.slick-dots li {
    margin: 0 6px;
    width: auto;
    height: auto;
}

.slick-dots li button {
    background-color: #ccc;
    width: 12px;
    height: 12px;
    padding: 0;
    border-radius: 12px;
}

.slick-dots li button:focus-visible {
    outline: auto;
}

.slick-dots li button:before {
    display: none;
}

.display-block {
    display: block;
}

.display-none {
    display: none;
}

.slick-dotted.slick-slider {
    margin: 0 !important;
}

/*--------------------------------------------------------------
#  Featured Slider Section
--------------------------------------------------------------*/
#featured-slider .slick-dots {
    bottom: 3rem;
}

#featured-slider {
    position: relative;
    overflow: hidden;
    padding-top: 10rem;
    padding-bottom: 5rem;
    background: linear-gradient(to bottom right,
            #0a1f44,
            #0d2b5c,
            #0a1f44);
}

#featured-slider .swiper-slide {
    overflow: hidden;
    color: #fff;
}

#featured-slider .entry-contain h2.title {
    font-size: clamp(3rem, 4vw, 4.5rem) !important;
    font-weight: 900 !important;
    line-height: 1.25;
    color: #ffffff;
}

#featured-slider .entry-contain ul li {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    color: #fff;
}

#featured-slider .litag li::before {
    content: "\f058";
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    margin-right: 10px;
    font-size: 18px;
    position: relative;
    top: 1px;
    color: #ff6b35;
}

#featured-slider .slick-dots {
    display: none !important;
}

#featured-slider .slick-prev::before,
#featured-slider .slick-next::before {
    display: none;
}

/* ///////// pagination slider section ///////////
#featured-slider .slick-prev,
#featured-slider .slick-next {
    font-size: 22px;
    line-height: 0;
    position: absolute;
    bottom: 0 !important;
    top: 44.3%;
    width: 66px;
    height: 66px;
    padding: 0px;
    cursor: pointer;
    border: none;
    display: none;
}

#featured-slider .slick-prev {
    left: 72.35%;
    top: 44.3%;
    display: none;
}

#featured-slider .slick-next {
    right: 24.16%;
    top: 44.3%;
    display: none;
}

#featured-slider .slick-next:before,
#featured-slider .slick-prev:before {
    position: absolute;
    width: 66px;
    height: 66px;
    opacity: 9;
    font-size: 20px;
    color: #ffffff;
    border-radius: 50%;
    display: none;
}

#featured-slider .slick-prev:before {
    content: '\f053';
    font-family: "Font Awesome 5 Free";
    background: linear-gradient(90deg, #0a2c2b 50%, transparent 50%);
    color: #f6f7f7;
    text-align: right;
    padding: 25px 40px 25px 10px;
    display: none;
}

#featured-slider .slick-next:before {
    background: linear-gradient(90deg, transparent 50%, #f6f7f7 50%);
    content: '\f054';
    font-family: "Font Awesome 5 Free";
    color: #0a2c2b;
    text-align: left;
    padding: 25px 10px 25px 40px;
    display: none;
} */


/* ///////////////////// */
.icon-disable,
/*.icon-container, */
.image-disable .featured-image,
.position-disable .team-position,
.position-disable .testimonial-position,
.title-disable .entry-header,
.content-disable .entry-content,
.button-disable .read-more,
.category-disable .cat-links,
.date-disable .date,
.blog-posts-wrapper .category-disable .cat-links,
#page-site-header.page-title-disable .page-header,
#page-site-header.header-image-disable {
    display: none;
}

.title-font-weight-regular .title,
.content-font-weight-regular .entry-content,
.button-font-weight-regular .btn {
    font-weight: 400;
}

.title-font-weight-semi-bold .title,
.content-font-weight-semi-bold .entry-content,
.button-font-weight-semi-bold .btn {
    font-weight: 600;
}

.title-font-weight-bold .title,
.content-font-weight-bold .entry-content,
.button-font-weight-bold .btn {
    font-weight: bold;
}

.title-default .title,
.content-default .entry-content,
.button-default .btn {
    text-transform: none;
}

.title-uppercase .title,
.content-uppercase .entry-content,
.button-uppercase .btn {
    text-transform: uppercase;
}

.title-lowercase .title,
.content-lowercase .entry-content,
.button-lowercase .btn {
    text-transform: lowercase;
}

.title-capitalize .title,
.content-capitalize .entry-content,
.button-capitalize .btn {
    text-transform: capitalize;
}

.cloud-top {
    margin-bottom: -5px;
    position: absolute;
    bottom: 100%;
    z-index: 1;
}

.cloud-bottom {
    margin-top: -5px;
    position: absolute;
    top: 100%;
    z-index: 1;
    -webkit-transform: scaleY(-1);
    -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    -o-transform: scaleY(-1);
    transform: scaleY(-1);
}

/*--------------------------------------------------------------
#  Featured Services Section
--------------------------------------------------------------*/
#featured-services {
    position: relative;
    overflow: hidden;
    background-color: #f9fafb;
}

#featured-services .featured-services-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-services .servicerightside {
    position: relative
}

#featured-services .title-section {
    margin-bottom: 4em;
    display: block;
    padding-right: 1rem;
}

#featured-services .title-section h1 {
    margin: 0;
    display: inline-block;
    padding: .7rem 1rem;
    margin-bottom: 1rem;
    font-weight: 500 !important;
    border-radius: 9999px;
    border-width: 1px !important;
    background: #ff6b3525 !important;
    color: #ff6b35 !important;
    border-color: #ff6b3535 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
}

#featured-services .title-section h3 {
    font-size: clamp(2.25rem, 4vw, 3rem) !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    margin-bottom: 1rem;
    color: #0D1117;
}

#featured-services .title-section p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #4B5563;
}

#featured-services a.button {
    display: inline-flex;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 1rem;
    gap: 0.5rem;
    align-items: center;
    align-self: flex-start;
    border-radius: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 600;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-duration: 300ms;
    color: #ff6b35;
    background-color: #ffffff;

}

#featured-services a.button:hover {
    color: #ffffff;
    background: #ff6b35;
}

/*--------------------------------------------------------------
#  Inner Services Page css
--------------------------------------------------------------*/

#main .service-inner-content,
#secondary .service-inner-content {
    position: relative;
    overflow: hidden;
}

#main .service-inner-content .servicerightside,
#secondary .service-inner-content .servicerightside {
    position: relative
}

#main .service-inner-content .featured-service-item,
#secondary .service-inner-content .featured-service-item {
    width: 100%;
    justify-self: center;
    overflow: hidden;
    border-radius: 0.75rem;
}

#main .service-inner-content .featured-service-item .entry-container,
#secondary .service-inner-content .featured-service-item .entry-container {
    position: relative;
    justify-self: anchor-center;
    border-radius: 5px;
}

#main .service-inner-content .service-list li,
#secondary .service-inner-content .service-list li {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #374151 !important;
    font-weight: 600;
    position: relative;
    padding: .2rem 0 0 1.7rem !important;
    margin-bottom: .5rem !important;
}

#main .service-inner-content .featured-service-item .entry-content,
#secondary .service-inner-content .featured-service-item .entry-content {
    position: relative;
    right: 0;
    padding: 1.7rem;
    z-index: 0;
}

#main .service-inner-content .image-container img,
#secondary .service-inner-content .image-container img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.7s ease;
}

#main .service-inner-content .featured-service-item:hover .image-container img,
#secondary .service-inner-content .featured-service-item:hover .image-container img {
    transform: scale(1.1);
    border-radius: 8px;
}

#main .service-inner-content,
#secondary .service-inner-content {
    padding-top: 1rem;
}

#main .service-inner-content .featured-service-item,
#secondary .service-inner-content .featured-service-item {
    overflow: hidden;
}

#main .service-inner-content .featured-service-item .service-image a.entry-content,
#secondary .service-inner-content .featured-service-item .service-image a.entry-content {
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    color: #1C2533;
    font-size: 16px;
}

#main .service-inner-content .featured-service-item:hover .service-image a.entry-content,
#secondary .service-inner-content .featured-service-item:hover .service-image a.entry-content {
    color: #FFB300;
}

#main .service-inner-content .featured-service-item .service-image .entry-content p,
#secondary .service-inner-content .featured-service-item .service-image .entry-content p {
    margin: 0;
    color: #4b5563;
    margin-top: .7rem;
    margin-bottom: 1.5rem;
    line-height: 1.625;
}

#main .service-inner-content .button,
#secondary .service-inner-content .button {
    color: #ff6b35;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    padding: 1rem 0 1rem 0;
}


#main .service-inner-content .featured-service-item .button svg,
#secondary .service-inner-content .featured-service-item .button svg {
    margin-left: 0rem;
    transition-duration: 500ms;
    color: #ff6b35;
    margin-left: .3rem;
}

#main .service-inner-content .featured-service-item:hover .button svg,
#secondary .service-inner-content .featured-service-item:hover .button svg {
    margin-left: 1rem;
    transition: transform 0.4s ease;
}
#main .service-inner-content .featured-service-item .hover-line ,
#secondary  .service-inner-content .featured-service-item .hover-line {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 6px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.5s ease;
}

/* group-hover effect */
#main .service-inner-content .featured-service-item:hover .hover-line ,
#secondary .service-inner-content .featured-service-item:hover .hover-line {
  transform: scaleX(1);
}

#main .service-inner-content .image-container svg,
#secondary .service-inner-content .image-container svg {
    position: absolute;
    top: 20px;
    left: 20px;
    color: #ffffff;
    padding: .7rem;
    border-radius: 12px;
    width: 30px;
    height: 30px;
    transition: 0.7s ease;
}
#main .service-inner-content:hover .image-container svg,
#secondary .service-inner-content:hover .image-container svg {
    transform: scale(1.2);
}
#main .service-inner-content .service-list li::before,
#secondary .service-inner-content .service-list li::before {
    content: "\f058";
    position: absolute;
    left: 0;
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
    font-size: 19px;
    top: 4px;
}
 .service-inner-content .service7 .hover-line ,
 .service-inner-content .service7 .hover-line ,
 .service-inner-content .service1 .image-container svg ,
 .service-inner-content .service1 .image-container svg {
    background-color: #2b7fff;
}

 .service-inner-content .service7 .service-list li::before,
 .service-inner-content .service1 .service-list li::before{
    color: #2b7fff;
}
 .service-inner-content .service8 .hover-line ,
 .service-inner-content .service8 .hover-line ,
 .service-inner-content .service2 .image-container svg ,
 .service-inner-content .service2 .image-container svg {
    background-color: #ff6b35;
}

 .service-inner-content .service8 .service-list li::before,
 .service-inner-content .service2 .service-list li::before{
    color: #ff6b35;
}
 .service-inner-content .service9 .hover-line ,
 .service-inner-content .service9 .hover-line ,
 .service-inner-content .service3 .image-container svg ,
 .service-inner-content .service3 .image-container svg {
    background-color: #00c951;
 }

 .service-inner-content .service9 .service-list li::before,
 .service-inner-content .service3 .service-list li::before{
    color: #00c951;
}
 .service-inner-content .service10 .hover-line ,
 .service-inner-content .service10 .hover-line ,
 .service-inner-content .service4 .image-container svg ,
 .service-inner-content .service4 .image-container svg {
    background-color: #f6339a;
}

 .service-inner-content .service10 .service-list li::before,
 .service-inner-content .service4 .service-list li::before{
    color: #f6339a;
}
 .service-inner-content .service11 .hover-line ,
 .service-inner-content .service11 .image-container svg ,
 .service-inner-content .service5 .hover-line ,
 .service-inner-content .service5 .image-container svg {
    background-color: #ff6900;
}

 .service-inner-content .service11 .service-list li::before,
 .service-inner-content .service5 .service-list li::before{
    color: #ff6900;
}
 .service-inner-content .service12 .hover-line ,
 .service-inner-content .service12 .image-container svg ,
 .service-inner-content .service6 .hover-line ,
 .service-inner-content .service6 .image-container svg {
    background-color: #f6339a;
}

 .service-inner-content .service6 .service-list li::before,
 .service-inner-content .service12 .service-list li::before{
    color: #f6339a;
}

/*--------------------------------------------------------------
#  Featured Our Support Section
--------------------------------------------------------------*/
#featured-support {
    position: relative;
    overflow: hidden;
    /* background-color: #293d31; */
    z-index: 0;
}

#featured-support .featured-support-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-support .title-section h1 {
    margin: auto;
    display: inline-block;
    padding: .7rem 1rem;
    margin-bottom: 1rem;
    font-weight: 300 !important;
    border-radius: 9999px;
    border-width: 1px;
    background: #00C1D425;
    color: #00C1D4;
    border-color: #00C1D435;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
}

#featured-support .title-section h3 {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3rem) !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    margin-bottom: 1rem !important;
    color: #0D1117;
}

#featured-support .title-section p {
    margin: 0;
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    opacity: 0.8 !important;
    color: #1C2533;
}

#featured-support .slick-track .w-12 {
    transition: all 0.7s ease;
}

#featured-support .slick-track svg {
    color: #00C1D4;
    transition: all 0.7s ease;
}

#featured-support .slick-track {
    padding: 1rem 0;
}

#featured-support .support-item h4 {
    font-family: 'Poppins', sans-serif;
    font-size: 0.95rem;
    transition: all 0.7s ease;
}

#featured-support .support-item:hover h4 {
    color: #0052CC;
}

#featured-support .brand-support-slider .support-item {
    background: #F5F7FA;
    border-radius: 1rem;
    padding: 2.3rem 1rem 1.5rem 1rem;
    margin: 0 10px;
    /* ✅ Add space between slides */
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.05);
    transition: all 0.7s ease;
    border: 1px solid #E1E5EA;
    height: 170px;
}

#featured-support .brand-support-slider .support-item:hover {
    background: #ffffff;
    border: 1px solid #00C1D4;
    transform: translateY(-5px);
}

/* Slick Arrow Buttons */
#featured-support .slick-prev,
#featured-support .slick-next {
    background: #fff !important;
    border: none !important;
    border-radius: 50% !important;
    width: 45px;
    height: 45px;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15) !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    position: absolute !important;
    top: 50%;
    transform: translateY(-50%);
    z-index: 5;
    cursor: pointer;
}

#featured-support .slick-prev:before,
#featured-support .slick-next:before {
    color: #0052CC !important;
}

#featured-support .slick-prev:before {
    content: "\f053";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}

#featured-support .slick-next:before {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}


#featured-support .slick-prev:hover:before,
#featured-support .slick-next:hover:before {
    color: #ffffff !important;
}

#featured-support .slick-prev:hover,
#featured-support .slick-next:hover {
    background: #0052CC !important;
    color: #fff !important;
}

#featured-support .slick-prev {
    left: -50px !important;
}

#featured-support .slick-next {
    right: -50px !important;
}

/* #featured-support .slick-prev:hover,
    #featured-support .slick-next:hover {
        background: #00bcd4;
        color: #fff;
    } */

/* Dots below slider */
#featured-support .slick-dots {
    position: relative !important;
    bottom: -25px !important;
    display: flex !important;
    justify-content: center !important;
    gap: 10px !important;
}

#featured-support .slick-dots li button:before {
    font-size: 10px !important;
    color: #00bcd4 !important;
    opacity: 0.6 !important;
}

#featured-support .slick-dots li.slick-active button:before {
    color: #00bcd4 !important;
    opacity: 1;
}

#featured-support .slick-dots {
    position: absolute !important;
    bottom: 0px !important;
    /* ✅ Moves dots below slider */
    left: 50% !important;
    transform: translateX(-50%) !important;
    display: flex !important;
    gap: 5px !important;
}

/* All dots */
#featured-support .brand-support-wrapper .slick-dots li {
    font-size: 12px !important;
    background-color: #00C1D4 !important;
    /* inactive dot color */
    opacity: 0.6 !important;
    border-radius: 50%;
    width: 0.625rem;
    height: 0.625rem;
}

#content #featured-support .brand-support-wrapper .slick-dots li {
    border-radius: 50% !important;
    font-size: 12px !important;
    width: 14px !important;
    height: 14px !important;
}

#featured-support .brand-support-wrapper .slick-dots li::before {
    display: none !important;
}

/* Active dot */
#featured-support .brand-support-wrapper .slick-dots li.slick-active {
    width: 2rem !important;
    border-radius: 20px !important;
    opacity: 1 !important;
}

#content #featured-support .brand-support-wrapper .slick-dots li.slick-active {
    width: 3rem !important;
    border-radius: 2rem !important;
}

/*--------------------------------------------------------------
#  Featured Our Steps Section
--------------------------------------------------------------*/
#featured-steps {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

#featured-steps .featured-steps-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-steps .title-section h1 {
    margin: 0;
    display: flex;
    padding: .8rem 1.5rem;
    background: linear-gradient(to right, #ff6b35, #ff8c42);
    color: #ffffff;
    font-weight: 700 !important;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    border-radius: 9999px;
    font-size: 16px !important;
    width: fit-content;
    font-family: 'Poppins', sans-serif !important;
    margin-bottom: 1.7rem;
    box-shadow:
        0 20px 25px -5px #ff6b3550
}

#featured-steps .title-section h3 {
    font-size: clamp(3.75rem, 4vw, 3rem) !important;
    font-weight: 900 !important;
    color: #0a1f44;
    margin-bottom: 1.5rem;
    line-height: 1.25;
}

#featured-steps .title-section h3 span {
    color: #ff6b35;
}

#featured-steps .title-section p {
    font-size: 1.25rem;
    line-height: 1.75rem;
    opacity: 0.8;
    color: #4b5563;
}

#featured-steps .steps-block {
    position: relative;
    display: flex;
    padding: 10px 10px;
}

#featured-steps .stepsbox {
    flex: 1;
    position: relative;
}

#featured-steps .section-content::after {
    content: '';
    position: absolute;
    top: 8.8rem;
    left: 0%;
    width: 100%;
    justify-self: anchor-center;
    height: 4px;
    background: linear-gradient(to right, #ff6b35, #ff8c42);
    z-index: 1;
}

#featured-steps .stepsbox:hover .steps-no::after {
    opacity: 1;
}

#featured-steps .corner-gradient {
    position: absolute;
    top: 0;
    right: 0;
    width: 6rem;
    height: 6rem;
    opacity: 0;
    border-bottom-left-radius: 9999px;
    transition: all 0.5s ease;
}

/* group-hover:opacity-10 */
#featured-steps article:hover .corner-gradient {
    opacity: 0.1;
}

#featured-steps article .icon-badge {
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.2);
    transition: transform 0.3s ease;
    position: relative;
    z-index: 10;
}

#featured-steps article:hover .stepsbox .icon-badge {
    transform: scale(1.1);
}

#featured-steps .counter-1 .icon-badge,
#featured-steps .counter-1 .corner-gradient,
#featured-steps .counter-1 .absolutebgcolor {
    background: linear-gradient(to bottom right, #3b82f6, #06b6d4);
}

#featured-steps .counter-2 .icon-badge,
#featured-steps .counter-2 .corner-gradient,
#featured-steps .counter-2 .absolutebgcolor {
    background: linear-gradient(to bottom right, #a855f7, #ec4899);
}

#featured-steps .counter-3 .icon-badge,
#featured-steps .counter-3 .corner-gradient,
#featured-steps .counter-3 .absolutebgcolor {
    background: linear-gradient(to bottom right, #22c55e, #10b981);
}

#featured-steps .counter-4 .icon-badge,
#featured-steps .counter-4 .corner-gradient,
#featured-steps .counter-4 .absolutebgcolor {
    background: linear-gradient(to bottom right, #f97316, #ef4444);
}

/*--------------------------------------------------------------
#  Featured Expert ourwork Section
--------------------------------------------------------------*/
#featured-ourwork {
    position: relative;
    overflow: hidden;
    z-index: 0;
    background-color: #F5F7FA;
}

#featured-ourwork .featured-ourworks-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-ourwork .title-section {
    margin-bottom: 2rem;
}

#featured-ourwork .title-section h1 {
    margin: auto;
    display: inline-block;
    padding: .7rem 1rem;
    margin-bottom: 1rem;
    font-weight: 300 !important;
    border-radius: 9999px;
    border-width: 1px;
    background: #00C1D425;
    color: #00C1D4;
    border-color: #00C1D435;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
}

#featured-ourwork .title-section h3 {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3rem) !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    margin-bottom: 1rem;
    color: #0D1117;
}

#featured-ourwork .title-section p {
    margin: 0;
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    opacity: .8;
    color: #1c2533;
}

#featured-ourwork .button1 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #ffffff;
    background-color: #0052CC;
}

#featured-ourwork .button1:hover {
    color: #ffffff;
    background-color: #003D99;
}

#featured-ourwork .button2 {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    border: 2px solid #0052CC;
    color: #0052CC;
    background-color: #ffffff;
}

#featured-ourwork .button2:hover {
    background-color: #0052CC;
    color: #ffffff;
}

#featured-ourwork h4.title {
    text-align: left !important;
    margin: 0;
    flex: 1 1 0%;
    color: #0D1117;
    font-family: "Poppins", sans-serif !important;
    font-weight: 700 !important;
    font-size: 1.25rem !important;
}

/* SMOOTH CARD UI */
#featured-ourwork .work-card {
    border-radius: 22px;
    transition: all .3s ease-in-out;
}

/* Bullet Icon Base */
#featured-ourwork .price-ul li {
    position: relative !important;
    padding-left: 26px !important;
    list-style: none !important;
    color: #1C2533 !important;
    opacity: .8 !important;
    font-weight: 300 !important;
}

/* .wrapper #main .entry-content #featured-ourwork ul li:before{
    display: none;
} */
#featured-ourwork .price-ul li::before {
    font-family: "Font Awesome 6 Free" !important;
    content: "\f058" !important;
    font-weight: 500 !important;
    position: absolute !important;
    left: 0 !important;
    top: 57% !important;
    transform: translateY(-50%) !important;
    font-size: 17px !important;
}

.wrapper #main .entry-content #featured-ourwork .price-ul li::before {
    top: 19% !important;
    background-color: transparent !important;
}

/* ==============================
   COLOR THEMES (Repeating)
================================*/

/* BLUE */
#featured-ourwork .price-blue .icon-wrap svg,
#featured-ourwork .price-blue i,
#featured-ourwork .price-blue li::before {
    color: #006aff !important;
}

#featured-ourwork .price-blue .icon-wrap {
    background: #006aff1a !important;
    /* border: 1px solid rgba(0, 106, 255, 0.25) !important; */
}

#featured-ourwork .price-blue:hover {
    border-color: #006aff40 !important;
    /* box-shadow: 0px 5px 25px rgba(0, 106, 255, .25) !important; */
}

/* TEAL */
#featured-ourwork .price-teal .icon-wrap svg,
#featured-ourwork .price-teal i,
#featured-ourwork .price-teal li::before {
    color: #00C1D4 !important;
}

#featured-ourwork .price-teal .icon-wrap {
    background: #00c1d41a !important;
    border: .1px solid #00c1d440 !important;
}

#featured-ourwork .price-teal:hover {
    border-color: #00c1d440 !important;
    /* box-shadow: 0px 5px 25px rgba(0, 193, 212, .25); */
}

/* YELLOW */
#featured-ourwork .price-yellow .icon-wrap svg,
#featured-ourwork .price-yellow i,
#featured-ourwork .price-yellow li::before {
    color: #FFB300 !important;
}

#featured-ourwork .price-yellow .icon-wrap {
    background: #FFB30026 !important;
    /* border: 1px solid #FFB3004d !important; */
}

#featured-ourwork .price-yellow:hover {
    border-color: #ffb30040 !important;
    /* box-shadow: 0px 5px 25px rgba(255, 179, 0, .25) !important; */
}

/*--------------------------------------------------------------
#  Featured Expert Pricing Section
--------------------------------------------------------------*/
#featured-pricings {
    position: relative;
    overflow: hidden;
    z-index: 0;
    background-color: #0a1f44;
}

#featured-pricings .featured-pricings-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-pricings .title-section {
    margin-bottom: 5rem;
}

#featured-pricings .title-section h1 {
    margin: 0;
    display: inline-block;
    padding: .7rem 1.2rem;
    margin-bottom: 1rem;
    font-weight: 500 !important;
    border-radius: 9999px;
    background: #ff6b35 !important;
    color: #ffffff !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
}

#featured-pricings .title-section h3 {
    font-size: clamp(3rem, 4vw, 3.75rem) !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    margin-bottom: 1rem;
    color: #ffffff;
}

#featured-pricings .title-section h3 span {
    color: #ff6b35;
}

#featured-pricings .title-section p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #d1d5dc;
}

#featured-pricings .pricebox .price-ul ul {
    list-style: none;
    padding: 0;
    margin: 2rem 0 0 0;
}

#featured-pricings .pricebox .price-ul ul li {
    padding: 0;
    font-weight: 400;
    letter-spacing: 0px;
    color: #4B5563;
    position: relative;
    padding-left: 35px;
    transition: 0.5s ease-in;
    text-align: left !important;
    margin: 1.1rem 0 0 0;
    font-size: 1rem;
}

#featured-pricings .pricebox .price-ul ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    position: absolute;
    top: 50%;
    left: 0;
    width: 22px;
    height: 22px;
    font-size: 14px;
    transform: translateY(-50%);
    transition: 0.5s ease-in;
    color: #ffffff;
    border-radius: 20px;
    padding: 2px 0px 0px 5px;
}

#featured-pricings .pricebox1 .price-ul ul li::before ,
#featured-pricings .pricebox1 .bordertop ,
#featured-pricings .pricebox1 .svg ,
#featured-pricings .pricebox1 .borderbottom {
        background: linear-gradient(to bottom right,
            #2b7fff,
            #00b8db);
}
#featured-pricings .pricebox2 .price-ul ul li::before ,
#featured-pricings .pricebox2 .svg,
#featured-pricings .pricebox2 .bordertop ,
#featured-pricings .pricebox2 .borderbottom {
        background: linear-gradient(to bottom right,
            #ff6b35,
            #ff8c42);
}

#featured-pricings .pricebox3 .price-ul ul li::before ,
#featured-pricings .pricebox3 .svg, 
#featured-pricings .pricebox3 .bordertop ,
#featured-pricings .pricebox3 .borderbottom {
    background: linear-gradient(to bottom right,
            #a855f7,
            #ec4899);
}


/*--------------------------------------------------------------
#  Featured About Section
--------------------------------------------------------------*/
#featured-about {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

#featured-about::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 60%;
    z-index: 1;
    pointer-events: none;
}

#featured-about .featured-about-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    transition: opacity 0.6s ease-in-out;
}

#featured-about .about-img {
    width: 75%;
    justify-self: right;
    padding-right: 2rem;
    height: 587px;
}

#featured-about .about-img img {
    border-radius: 10px;
    overflow: hidden;
}

#featured-about .about-img .about-image1-img {
    width: 100%;
    height: 100%;
}

#featured-about .about-img-box {
    overflow: hidden;
}

#featured-about .title-section h1 {
    margin: 0;
    display: inline-block;
    padding: .7rem 1rem;
    margin-bottom: 1rem;
    font-weight: 400 !important;
    border-radius: 9999px;
    border-width: 1px !important;
    background: #00C1D425 !important;
    color: #00C1D4 !important;
    border-color: #00C1D435 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
}

#featured-about .title-section h3 {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3rem) !important;
    font-family: Poppins, sans-serif;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #0D1117;
}

#featured-about .title-section p {
    margin: 0 !important;
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    opacity: 0.8 !important;
    color: #1C2533 !important;
}

#featured-about p.subtitle1 {
    font-size: 1.22rem;
    line-height: 1.75rem;
    line-height: 1.625;
    opacity: 0.8;
    color: #1C2533;

}

#featured-about p.subtitle2 {
    font-size: 17px;
    line-height: 1.625;
    opacity: 0.8;
    color: #1C2533;
}

#featured-about .aboutrightside {
    padding: 0 2rem;
}

#featured-about .aboutrightside .list h2 {
    text-align: left;
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #111827;
}

#featured-about .aboutrightside .list p {
    font-size: 16px;
    color: #4B5563;
    margin: 0;
}

#featured-about .aboutrightside .list {
    position: relative;
    padding-left: 2rem;
}

#featured-about .aboutrightside .list h2 svg {
    position: absolute;
    left: 0;
    top: -2px;
    color: #00c1d4;
    font-size: 16px;
    background-color: #00C1D430;
    padding: 6px;
    border-radius: 50%;
}

/*--------------------------------------------------------------
#  featured whychooseus Section
--------------------------------------------------------------*/
#featured-whychooseus {
    position: relative;
    overflow: hidden;
    background-color: #1A2330;
}

#content #featured-whychooseus {
    padding: 3rem 0 0 0;
}

#featured-whychooseus .featured-whychooseus-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-whychooseus .title-section h1 {
    margin: 0;
    display: inline-block;
    padding: .7rem 1rem;
    margin-bottom: 1rem;
    font-size: 16px !important;
    font-weight: 400 !important;
    border-radius: 9999px;
    border-width: 1px;
    background: #00C1D425;
    color: #00C1D4;
    border-color: #00C1D435;
    font-family: 'Poppins', sans-serif;
}

#featured-whychooseus .title-section h3 {
    margin: 0;
    font-size: clamp(2rem, 4vw, 3rem) !important;
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #ffffff;
}

#featured-whychooseus .title-section p {
    margin: 0 !important;
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
    opacity: 0.8 !important;
    color: #ffffff !important;
}

#featured-whychooseus .whychooseus-item {
    justify-items: center;
    padding: 1rem;
}

#featured-whychooseus .whychooseus-item p {
    margin: 0;
    color: #ffffff;
}

#featured-whychooseus .whychooseus-item svg {
    width: 2.3rem;
    height: 2.3rem;
    color: #ffffff;
}

#featured-whychooseus .whychooseus-item h4 {
    color: #ffffff;
    margin-bottom: 1.3rem !important;
    font-weight: 500;
    transition-duration: 300ms;
}

#featured-whychooseus .whychooseus-item:hover h4 {
    color: #FFB300;
}

#featured-whychooseus .whychooseus-item .icon {
    display: flex;
    margin-bottom: 1.5rem;
    justify-content: center;
    align-items: center;
    border-radius: 1rem;
    width: 5rem;
    height: 5rem;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

#featured-whychooseus .whychooseus-item:hover .icon {
    transform: scale(1.1);
}

#featured-whychooseus .whychooseus-item .icon {
    background: linear-gradient(to bottom right, #0052cc, #00c1d4);
    /* Blue gradient */
    border-radius: 50%;
}

/*--------------------------------------------------------------
#  featured brand Section
--------------------------------------------------------------*/
#featured-brand {
    position: relative;
    overflow: hidden;
    /* background: linear-gradient(90deg, #0052CC 30%, #00C1D4 85%); */
}

/* #featured-brand .brand-box{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
} */
#featured-brand .brand-box {
    position: relative;
    width: 100%;
    /* height: 100%; */
    z-index: 0;
    overflow: hidden;
    background-size: cover;
    background-repeat: no-repeat;
    transition: all 0.9s ease;
}

/* Create the dark overlay */
#featured-brand .brand-box::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* background-color: rgba(0, 0, 0, 0); */
    /* transparent initially */
    transition: background-color 1s ease;
    z-index: 1;
}

/* Background image layer */
#featured-brand .brand-box::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-image: url('assets/images/brandbgimg.png');
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 0;
    transition: opacity 1s ease;
    z-index: 0;
}

/* On hover: add dark overlay and fade-in bg image */
#featured-brand .brand-box:hover::before {
    background-color: rgba(0, 0, 0, 0.6);
    /* semi-transparent dark overlay */
}

#featured-brand .brand-box:hover::after {
    opacity: 1;
    /* show image smoothly */
}


#featured-brand .title-section h3 {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    font-size: 1.75rem;
    color: #ffffff;
}

#featured-brand .title-section p {
    margin-bottom: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.75rem;
    line-height: 1.625;
    color: #ffffff;
}


#featured-brand .title-section div svg {
    color: #ffffff;
}

/* #featured-brand .title-section h3 {
    margin: 2rem 0 1rem 0;
    font-size: 1.875rem;
    line-height: 2.25rem;
    font-weight: 700;
    color: #ffffff;
}

#featured-brand .title-section p {
    margin-bottom: 1.5rem;
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #FEE2E2;
    padding: 0 2.3rem;
} */

#featured-brand .read-more1 {
    background-color: #ffffff;
    border-radius: 7px;
}

#featured-brand .read-more1 .btn {
    line-height: 20px;
    color: #0052CC;
    text-transform: capitalize;
    display: inline-flex;
    border-radius: 0.375rem;
    outline-style: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

#featured-brand .read-more2 {
    background-color: transparent;
    border-radius: 7px;
}

#featured-brand .read-more2 .btn {
    line-height: 20px;
    color: #ffffff;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
}

#featured-brand .read-more1 .btn:hover {
    color: #ffffff;
}

#featured-brand .read-more1 .btn,
#featured-brand .read-more2 .btn {
    position: relative;
    z-index: 1;
    transition: color 0.4s ease;
    overflow: hidden;
    padding: .7rem 2rem .9rem 2rem;
    border: 2px solid #ffffff;
}

#featured-brand .read-more1 .btn::before,
#featured-brand .read-more2 .btn::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #FFB300;
    transition: all 0.5s ease;
    z-index: -1;
}

/* Slide effect on hover */
#featured-brand .read-more1 .btn:hover::before,
#featured-brand .read-more2 .btn:hover::before {
    left: 0;
}

/*--------------------------------------------------------------
#  Featured projects Section
--------------------------------------------------------------*/
#featured-projects {
    position: relative;
    overflow: hidden;
}

#content #featured-projects {
    padding-bottom: 0;
}

#featured-projects .featured-projects-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-projects .title-section .heading span {
    font-size: 0.875rem;
    line-height: 1.25rem;
    font-weight: 900;
    letter-spacing: 0.05em;
    text-transform: uppercase;
}

#featured-projects .title-section h2 {
    font-size: clamp(3rem, 4vw, 3.75rem) !important;
    margin-bottom: 1rem;
    font-size: 3rem;
    line-height: 1;
    font-weight: 900;
    line-height: 1.25;
    color: #0a1f44;
}

#featured-projects .title-section h2 span {
    color: #ff6b35;
}

#featured-projects .title-section p {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #4B5563;
}

/* Element */
#featured-projects article:first-child .corner-badge {
    position: absolute;
    top: 2rem;
    left: 2rem;
    width: 4rem;
    height: 4rem;
    background: #ff6b35;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow:
        0 20px 25px -5px rgba(0, 0, 0, 0.1),
        0 8px 10px -6px rgba(0, 0, 0, 0.1);
    transition: transform 0.5s ease;
}

#featured-projects article:hover .corner-badge {
    transform: scale(1.1) rotate(12deg);
}

#featured-projects article:hover .absolute.top-6 {
    opacity: 1 !important;
}

#featured-projects .location {
    display: inline-flex;
    padding: 0.5rem .9rem;
    margin-bottom: 1rem;
    gap: 0.5rem;
    align-items: center;
    align-self: flex-start;
    border-radius: 9999px;
    border: 1px solid #ffffff4d;
     /* Blur effect */
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px); /* Safari support */

}

#featured-projects h3.title {
    font-size: clamp(1.5rem, 1.5vw, 1.875rem) !important;
    margin-bottom: 0.75rem;
    font-size: 1.5rem;
    line-height: 2rem;
    font-weight: 900;
    color: #ffffff;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

#featured-projects a.button {
    display: inline-flex;
    align-items: center;
    gap: 0.75rem;
    background: linear-gradient(to right, #ff6b35, #ff8c42);
    color: #ffffff;
    padding: 1rem 2rem;
    border-radius: 9999px;
    font-weight: 700;
    align-self: flex-start;
    transition: all 0.3s ease;
}

/* Hover effects */
#featured-projects .project-card .featured-project-item a.button:hover {
    box-shadow: 0 20px 25px #ff6b3550;
}

/* MAIN GRID */
#featured-projects .projects-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-areas:
        "big big small1"
        "big big small2"
        "normal1 normal2 normal3";
    gap: 2rem;
}

#featured-projects .projects-grid .project-card:nth-child(1) {
    grid-area: big;
}

#featured-projects .projects-grid .project-card:nth-child(2) {
    grid-area: small1;
}

#featured-projects .projects-grid .project-card:nth-child(3) {
    grid-area: small2;
}

#featured-projects .projects-grid .project-card:nth-child(4) {
    grid-area: normal1;
}

#featured-projects .projects-grid .project-card:nth-child(5) {
    grid-area: normal2;
}

#featured-projects .projects-grid .project-card:nth-child(6) {
    grid-area: normal3;
}

/* Big card */
#featured-projects .projects-grid .project-card:nth-child(1) .featured-project-item {
    height: 844px;
}

/* Right stacked cards */
#featured-projects .projects-grid .project-card:nth-child(2) .featured-project-item,
.projects-grid .project-card:nth-child(3) .featured-project-item {
    height: 395px;
}

/* Bottom cards */
#featured-projects .projects-grid .project-card:nth-child(n+4) .featured-project-item {
    height: 360px;
}

@media (max-width: 1024px) {
    #featured-projects .projects-grid {
        grid-template-columns: repeat(2, 1fr);
        grid-template-areas:
            "big big"
            "small1 small2"
            "normal1 normal2"
            "normal3 normal3";
    }
}

@media (max-width: 640px) {
    #featured-projects .projects-grid {
        grid-template-columns: 1fr;
        grid-template-areas:
            "big"
            "small1"
            "small2"
            "normal1"
            "normal2"
            "normal3";
    }

    #featured-projects .projects-grid .featured-project-item {
        height: 360px !important;
    }
}

#featured-projects .projects-grid {
    grid-auto-flow: row dense;
}

#featured-projects .featured-project-item {
    transition: transform .4s ease, box-shadow .4s ease;
}

/*--------------------------------------------------------------
#  Inner page projects
--------------------------------------------------------------*/

#main .projects-inner-content,
#secondary .projects-inner-content {
    position: relative;
    overflow: hidden;
}

#main .projects-inner-content .featured-project-item,
#secondary .projects-inner-content .featured-project-item {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

#main .projects-inner-content .featured-project-item .entry-content h2.entry-title,
#secondary .projects-inner-content .featured-project-item .entry-content h2.entry-title {
    margin: 0;
    margin-bottom: 0.75rem;
    transition-duration: 300ms;
    color: #0D1117;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 1.25rem;
}

#main .projects-inner-content .featured-project-item .entry-content p,
#secondary .projects-inner-content .featured-project-item .entry-content p {
    margin: 0;
    margin-bottom: 1rem;
    font-size: 0.875rem;
    line-height: 1.25rem;
    line-height: 1.625;
    opacity: 0.8;
    color: #1C2533;
}

#main .projects-inner-content .featured-project-item .projectabsolute,
#secondary .projects-inner-content .featured-project-item .projectabsolute {
    opacity: 0;
    transition: 0.4s ease-in;
}

#main .projects-inner-content .featured-project-item:hover .projectabsolute,
#secondary .projects-inner-content .featured-project-item:hover .projectabsolute {
    opacity: 1;
}

/* ensure parent is stacking context and clips overflow */
#main .projects-inner-content .featured-project-item,
#secondary .projects-inner-content .featured-project-item {
    position: relative;
    /* REQUIRED so absolute overlay is positioned correctly */
    overflow: hidden;
    /* hide overlay overflowing edges */
}

/* overlay: start transparent using opacity for smooth transitions */
#main .projects-inner-content .featured-project-item .hover-ripple-horizontal,
#secondary .projects-inner-content .featured-project-item .hover-ripple-horizontal {
    position: absolute;
    inset: 0;
    background: #00000060;
    /* desired color, but hidden via opacity */
    opacity: 0;
    /* hidden initially */
    transition: opacity 0.3s ease-in-out;
    pointer-events: none;
    z-index: 2;
    /* above image but below content */
}

/* show overlay on hover */
#main .projects-inner-content .featured-project-item:hover .hover-ripple-horizontal,
#secondary .projects-inner-content .featured-project-item:hover .hover-ripple-horizontal {
    opacity: 1;
}

/* optional scale effect on hover */
#main .projects-inner-content .featured-project-item:hover img,
#secondary .projects-inner-content .featured-project-item:hover img {
    transform: scale(1.05);
    transition: transform 0.5s ease-in-out;
}

/*--------------------------------------------------------------
#  Featured counter Section
--------------------------------------------------------------*/
#featured-counters {
    position: relative;
    overflow: hidden;
    z-index: 0;
    background: linear-gradient(to bottom right,
            #0a1f44,
            #0d2b5c,
            #0a1f44);
}

#featured-counters .featured-counters-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}


#featured-counters .title-section h1 {
    margin: 0;
    display: flex;
    padding: .8rem 1.5rem;
    background: linear-gradient(to right, #ff6b35, #ff8c42);
    color: #ffffff;
    font-weight: 700 !important;
    letter-spacing: 0.05em;
    border-radius: 9999px;
    font-size: 16px !important;
    width: fit-content;
    justify-self: center;
    font-family: 'Poppins', sans-serif !important;
    margin-bottom: 1.7rem;
    box-shadow:
        0 20px 25px -5px #ff6b3550 !important;
}

#featured-counters .title-section h3 {
    font-size: clamp(3.75rem, 4vw, 3rem) !important;
    font-weight: 900 !important;
    color: #ffffff;
    margin-bottom: 1.5rem;
    line-height: 1.25;
}

#featured-counters .title-section h3 span {
    color: #ff6b35;
}

#featured-counters .title-section p {
    font-size: 1.25rem;
    line-height: 1.75rem;
    opacity: 0.8;
    color: #ffffff;
}

#featured-counters .counters-num {
    font-size: 3.75rem;
    font-weight: 900;
    color: #ffffff;
    letter-spacing: -0.025em;
}

#featured-counters article .boxsvg {
    width: 6rem;
    height: 6rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease;
}

/* group-hover effects */
#featured-counters article:hover .boxsvg {
    transform: scale(1.1) rotate(6deg);
}

#featured-counters article .glow-overlay {
    position: absolute;
    inset: 0;
    opacity: 0;
    filter: blur(2rem);
    transition: opacity 0.5s ease;
    pointer-events: none;
}

#featured-counters article:hover .glow-overlay {
    opacity: 0.2;
}

#featured-counters article .progress-bar {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 0.375rem;
    background: linear-gradient(to right, #3b82f6, #06b6d4);
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s ease;
}

#featured-counters article:hover .progress-bar {
    transform: scaleX(1);
}

/* layout fix */
#featured-counters .counters-num {
    display: inline-flex;
    align-items: baseline;
}

/* ALL signs */
#featured-counters .counters-num .sign {
    margin-left: 2px;
}

/* LAST letter only */
#featured-counters .counters-num .last-letter {
    margin-left: -3px;
    color: #3b82f6;
    font-weight: 900;
    display: inline-block;
    font-size: 50px;
}

#featured-counters .countersbox1 .counters-num .last-letter {
    color: #3b82f6;
}

#featured-counters .countersbox2 .counters-num .last-letter {
    color: #ec4899;
}

#featured-counters .countersbox3 .counters-num .last-letter {
    color: #ef4444;
}

#featured-counters .countersbox4 .counters-num .last-letter {
    color: #22c55e;
}

#featured-counters .countersbox1 .boxsvg,
#featured-counters .countersbox1 .glow-overlay,
#featured-counters .countersbox1 .progress-bar {
    background: linear-gradient(to bottom right, #3b82f6, #06b6d4);
    box-shadow:
        0 20px 25px -5px #3b82f650,
        0 10px 10px -5px #06b6d450;
}

#featured-counters .countersbox2 .boxsvg,
#featured-counters .countersbox2 .glow-overlay,
#featured-counters .countersbox2 .progress-bar {
    background: linear-gradient(to bottom right, #a855f7, #ec4899);
    box-shadow:
        0 20px 25px -5px #a855f750,
        0 10px 10px -5px #ec489950;
}

#featured-counters .countersbox3 .boxsvg,
#featured-counters .countersbox3 .glow-overlay,
#featured-counters .countersbox3 .progress-bar {
    background: linear-gradient(to bottom right, #f97316, #ef4444);
    box-shadow:
        0 20px 25px -5px #f9731650,
        0 10px 10px -5px #ef444450;
}

#featured-counters .countersbox4 .boxsvg,
#featured-counters .countersbox4 .glow-overlay,
#featured-counters .countersbox4 .progress-bar {
    background: linear-gradient(to bottom right, #22c55e, #10b981);
    box-shadow:
        0 20px 25px -5px #22c55e50,
        0 10px 10px -5px #10b98150;
}

/*--------------------------------------------------------------
#  Featured Team Section
--------------------------------------------------------------*/

#featured-team {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

#featured-team .featured-team-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-team .title-section h1 {
    margin: 0;
    display: inline-block;
    padding: .7rem 1rem;
    margin-bottom: 1rem;
    font-weight: 500 !important;
    border-radius: 9999px;
    border-width: 1px !important;
    background: #ff6b3525 !important;
    color: #ff6b35 !important;
    border-color: #ff6b3535 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
}

#featured-team .title-section h3 {
    font-size: clamp(2.25rem, 4vw, 3rem) !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    margin-bottom: 1rem;
    color: #0D1117;
}

#featured-team .title-section p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #4B5563;
}


/*--------------------------------------------------------------
#  Inner team Page
--------------------------------------------------------------*/
#main .team-inner-content {
    position: relative;
    overflow: visible;
}

#main .team-inner-content .featured-team-item .entry-content {
    padding: 1rem;
}

#main .team-inner-content .featured-team-item .entry-content h3 {
    color: #ff6b35;
    font-weight: 700 !important;
    margin: 0.5rem 0 0.75rem 0;
    text-align: left;
    font-size: 1rem !important;
}

#main .team-inner-content .featured-team-item .entry-content span.entry-title {
    font-size: 1.5rem;
    font-weight: 900;
    color: #0a1f44;
    margin-bottom: 0.5rem;
}

#main .team-inner-content .featured-team-item .entry-content a.entry-title {
    line-height: 1.75rem;
    color: #111827;
    font-family: "Poppins", sans-serif;
}

#main .team-inner-content .featured-team-item:hover .entry-content a.entry-title {
    color: #0052cc;
}

#main .team-inner-content .featured-team-item .imagediv {
    width: 100%;
    justify-self: center;
    position: relative;
    z-index: 1;
    overflow: hidden;
}

#main .team-inner-content .content-image {
    width: 100%;
    justify-self: center;
}

#main .team-inner-content .imagediv .image-container {
    position: relative;
    overflow: hidden;
    transition: all 1s ease;
}

#main .team-inner-content .imagediv .image-container .social-links {
    display: flex;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding-bottom: 1.5rem;
    justify-content: center;
    align-items: flex-end;
    background-color: transparent;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    opacity: 0;
}

#main .team-inner-content .featured-team-item:hover .imagediv .image-container .social-links {
    opacity: 1;
}

#main .team-inner-content .imagediv .image-container .social-links a {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 0.5rem;
    width: 2.5rem;
    height: 2.5rem;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    background-color: #ffffff20;
    backdrop-blur: blur(4px);
}

#main .team-inner-content .imagediv .image-container .social-links svg {
    width: 1.25rem;
    height: 1.25rem;
    color: #ffffff;
}

#main .team-inner-content .imagediv .image-container .social-links a.team_socialicon::before {
    display: none;
}

#main .team-inner-content .featured-team-item .imagediv .image-container img {
    transition: all 0.4s ease-in-out;
}

#main .team-inner-content .featured-team-item:hover .imagediv .image-container img {
    transform: scale(1.1);
}

#main .team-inner-content .featured-team-item .contentbox {
    padding: 1.5rem 1rem 1rem 1rem;
}

#main .team-inner-content .featured-team-item .big-content1 {
    color: #1c2533;
    opacity: .8;
    font-size: 14px;
}

#main .team-inner-content .featured-team-item .overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(to top, #0052CC, transparent);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    transition: all 0.4s ease-in-out;
    pointer-events: none !important;
    /* ✅ keeps link clickable */
}

#main .team-inner-content .featured-team-item:hover .overlay {
    opacity: 1;
    pointer-events: none !important;
}

.innerteampage .title-section h1 {
    margin: 0;
    display: inline-block;
    padding: .7rem 1rem;
    margin-bottom: 1rem;
    font-weight: 400 !important;
    border-radius: 9999px;
    border-width: 1px !important;
    background: #00C1D425 !important;
    color: #00C1D4 !important;
    border-color: #00C1D435 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
}

.innerteampage .title-section h3 {
    font-size: clamp(2rem, 4vw, 3rem) !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    margin-bottom: 1rem;
    color: #0D1117 !important;
}

.innerteampage .title-section p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    opacity: 0.8;
    color: #1C2533 !important;
}

/*--------------------------------------------------------------
#  Inner FAQS Page
--------------------------------------------------------------*/
#main .faqnformbox,
#secondary .faqnformbox {
    position: relative;
    overflow: hidden;
    margin-bottom: 1.2rem;
}

#main .faqnformbox .faq-category-title,
#secondary .faqnformbox .faq-category-title {
    margin-top: 3rem;
    padding-bottom: 0.75rem;
    margin-bottom: 1.5rem;
    color: #0a1f44;
    font-family: system-ui;
    font-weight: 900 !important;
    font-size: 1.875rem !important;
    align-items: anchor-center;
}

#main .faqnformbox .faqs-inner-content,
#secondary .faqnformbox .faqs-inner-content {
    transition: box-shadow 0.3s ease-in-out;
    margin-bottom: 1rem;
}

#main .faqnformbox .faqs-inner-content button,
#secondary .faqnformbox .faqs-inner-content button {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.5rem;
    text-align: left;
    transition: background-color 0.3s ease;
}

#main .faqnformbox .faqs-inner-content:hover button,
#secondary .faqnformbox .faqs-inner-content:hover button {
    background-color: #f9fafb;
}

#main .faqnformbox .faqs-inner-content button h4.faq-title,
#secondary .faqnformbox .faqs-inner-content button h4.faq-title {
    padding-right: 1rem;
    font-family:  system-ui;
    font-size: 1.125rem !important;
    font-weight: 900 !important;
    color: #0a1f44;
}

#main .faqnformbox .faqs-inner-content .faq-description,
#secondary .faqnformbox .faqs-inner-content .faq-description {
    padding: 0 1.5rem 1.5rem 1.5rem;
    background-color: #f9fafb;
    border-top: 2px solid #f3f4f6;
}

#main .faqnformbox .faqs-inner-content .faq-description p,
#secondary .faqnformbox .faqs-inner-content .faq-description p {
    margin: 0;
    opacity: 0.8;
    color: #1C2533;
    font-size: 16px !important;
    transition: 0.4s ease-in;
    color: #374151;
    line-height: 1.625;
    padding-top: 1rem;
}

#main .faqnformbox .faqs-inner-content .panel,
#secondary .faqnformbox .faqs-inner-content .panel {
    display: none;
    transition: all 0.9s ease-in-out;
}

#main .faqs-inner-content .faq-content .active h2.faq-title,
#secondary .faqs-inner-content .faq-content .active h2.faq-title {
    font-size: 25px !important;
    transition: 0.4s ease-in;
}

#main .faqs-inner-content .faq-content .accordion h2.faq-title,
#secondary .faqs-inner-content .faq-content .accordion h2.faq-title {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #404040;
    margin: 0;
    width: 100%;
    padding: 5px 5px 8px 2.5rem;
    transition: 0.4s ease-in;
    border-radius: 10px;
}

#main .faqnformbox .faqs-inner-content .panel.show,
#secondary .faqnformbox .faqs-inner-content .panel.show {
    display: block;
    transition: 0.4s ease-in;
}

#main .faqnformbox .faqs-inner-content .accordion,
#secondary .faqnformbox .faqs-inner-content .accordion {
    cursor: pointer;
    background: none;
    border: none;
    width: 100%;
    text-align: left;
    outline: none;
    text-decoration: none;
    transition: 0.4s ease-in;
}

#main .faqnformbox .faqs-inner-content .accordion.active,
#secondary .faqnformbox .faqs-inner-content .accordion.active {
    font-weight: bold;
    transition: 0.4s ease-in;
}

.faq-titlediv {
    position: relative;
}

#main .faqs-inner-content .faq-content .accordion:hover h2.faq-title,
#secondary .faqs-inner-content .faq-content .accordion:hover h2.faq-title,
#main .faqs-inner-content button.accordion.active h2.faq-title,
#secondary .faqs-inner-content button.accordion.active h2.faq-title {
    background-color: #7ECF29;
    color: #ffffff;
}

/* FAQ ICON */
.faqnformbox .faq-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ff6b35;
    transition: transform 0.4s ease;
}

/* Rotate icon when active */
.faqnformbox .faqnformbox .faqs-inner-content .accordion.active .faq-icon {
    transform: rotate(180deg);
}

.faqnformbox .faq-category-title span {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .7rem;
}

.faqnformbox .faqnformbox .faqs-inner-content .accordion.active .faq-icon {
    transform: rotate(180deg);
}

.faqnformbox .faq-category-title span svg {
    border: 3px solid;
    border-radius: 50%;
    padding: .3rem;
    width: 20px;
    height: 20px;
    color: #ffffff;
}

.faqnformbox .faq-category-title:first-of-type span,
.faqnformbox .faq-category-title:nth-of-type(5) span {
    background: linear-gradient(to bottom right,
            #3b82f6,
            #06b6d4);
}

.faqnformbox .faq-category-title:nth-of-type(2) span,
.faqnformbox .faq-category-title:nth-of-type(6) span {
    background: linear-gradient(to bottom right,
            #ff6b35,
            #ff8c42);
}

.faqnformbox .faq-category-title:nth-of-type(3) span,
.faqnformbox .faq-category-title:nth-of-type(7) span {
    background: linear-gradient(to bottom right,
            #00c951,
            #00bc7d);
}

.faqnformbox .faq-category-title:nth-of-type(4) span,
.faqnformbox .faq-category-title:nth-of-type(8) span {
    background: linear-gradient(to bottom right,
            #ad46ff,
            #f6339a);
}

.faqbottomsection .button .btn1 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    background: #ff6b35;
    color: #ffffff;
    padding: 1.25rem 2.5rem;
    border-radius: 9999px;
    font-size: 1.325rem;
    font-weight: 700;
    transition: all 0.3s ease;
}

.faqbottomsection .button .btn1:hover {
    transform: scale(1.05);
    box-shadow:
        0 25px 50px -12px rgba(255, 107, 53, 0.5);
}

.faqbottomsection {
    justify-items: anchor-center;
}

.faqbottomsection .button .btn2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.75rem;
    background-color: rgba(255, 255, 255, 0.10);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    color: #ffffff;
    border: 2px solid rgba(255, 255, 255, 0.30);
    padding: 1.25rem 2.5rem;
    border-radius: 9999px;
    font-size: 1.225rem;
    font-weight: 700;
    transition: all 0.3s ease;
}

.faqbottomsection .button .btn2:hover {
    background-color: rgba(255, 255, 255, 0.20);
    transform: scale(1.05);
}

/*-----------------------
 ## End FAQS page
 -----------------------------*/
/*--------------------------------------------------------------
#  Inner page Gallery
--------------------------------------------------------------*/

#content .gallery-inner-content {
    position: relative;
    overflow: hidden;
}
.gallery-card .overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;

  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.8),
    rgba(0, 0, 0, 0.4),
    rgba(0, 0, 0, 0)
  );
z-index: 1;
  opacity: 0;
  transition: opacity 0.5s ease;
}
.gallery-card .overlay:hover {
  opacity: 1;
}

 .gallery-wrapper .gallery-filters {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
}

 .gallery-wrapper .filter-btn {
  background: #f6f3f4;
  padding: 10px 24px;
  border-radius: 50px;
  font-size: 16px;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  font-weight: 600;
  transition: 0.3s;
  color: #364153;
}

 .gallery-wrapper .filter-btn:hover {
  background: #ebe6e7;
  color: #364153;
}

.gallery-wrapper .filter-btn.active {
  background: #ff8c42;
  color: #fff;
}

/*--------------------------------------------------------------*/
/* certifications */
/*--------------------------------------------------------------*/
   .certifications-inner-content article .hover-effect {
    position: absolute;
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
    border-radius: 1.5rem; /* rounded-3xl */
    opacity: 0;
    filter: blur(24px); /* blur-xl */
    transition: opacity 0.3s ease;
}

/* group hover effect */
.certifications-inner-content article:hover .hover-effect {
    opacity: 0.2;
}

    .certifications-inner-content article .text p {
margin: 0 !important;
    }

 .certifications-inner-content .certifications1 .hover-effect,
     .certifications-inner-content .certifications1 .svg {
    background: linear-gradient(to bottom right, #3b82f6, #06b6d4);
}
 .certifications-inner-content .certifications2 .hover-effect,
     .certifications-inner-content .certifications2 .svg {
     background: linear-gradient(to bottom right, #22c55e, #10b981);
}
 .certifications-inner-content .certifications3 .hover-effect,
     .certifications-inner-content .certifications3 .svg {
    background: linear-gradient(to bottom right, #ff6b35, #ff8c42);
}
 .certifications-inner-content .certifications4 .hover-effect,
     .certifications-inner-content .certifications4 .svg {
   background: linear-gradient(to bottom right, #a855f7, #ec4899);
}
 .certifications-inner-content .certifications5 .hover-effect,
     .certifications-inner-content .certifications5 .svg {
     background: linear-gradient(to bottom right, #6366f1, #3b82f6);
}
 .certifications-inner-content .certifications6 .hover-effect,
     .certifications-inner-content .certifications6 .svg {
    background: linear-gradient(to bottom right, #eab308, #f97316);
}

  .career .container span.heading span{
  color: #ff6b35;
   }
    .career .custom-glow {
  position: absolute;
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border-radius: 24px; 
  opacity: 0;
  filter: blur(24px); 
  transition: opacity 0.3s ease;
}
.career article .group:hover .custom-glow {
  opacity: 0.2;
}
.career .career1 .svg,
.career .career1 .custom-glow{
  background: linear-gradient(to right, #ef4444, #ec4899);
}
.career .career2 .svg,
.career .career2 .custom-glow{
    background: linear-gradient(to right, #3b82f6, #06b6d4);
}
.career .career3 .custom-glow{
   background: linear-gradient(to right, #22c55e, #10b981);
}
.career .career4 .svg,
.career .career4 .custom-glow{
  background: linear-gradient(to right, #a855f7, #ec4899);
}
.career .career5 .svg,
.career .career5 .custom-glow{
 background: linear-gradient(to right, #ff6b35, #ff8c42);
}
.career .career6 .svg,
.career .career6 .custom-glow{
  background: linear-gradient(to right, #eab308, #f97316);
}

.career-middel-section .container span.heading span{
color:#ff6b35;
}

.career-bottom-section {
     background: linear-gradient(to right, #0a1f44, #0d2b5c);
}
/*--------------------------------------------------------------*/
/* Featured Contact */
/*--------------------------------------------------------------*/
#featured-contact {
    position: relative;
    overflow: hidden;
}

#content #featured-contact p {
    margin: 0 !important;
}

#featured-contact .title-section h1 {
    margin: 0;
    display: inline-block;
    padding: .7rem 1rem;
    margin-bottom: 1rem;
    font-weight: 500 !important;
    border-radius: 9999px;
    border-width: 1px !important;
    background: #ff6b3525 !important;
    color: #ff6b35 !important;
    border-color: #ff6b3535 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
}

#featured-contact .title-section h3 {
    font-size: clamp(2.25rem, 4vw, 3rem) !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    margin-bottom: 1rem;
    color: #0D1117;
}

#featured-contact .title-section p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #4B5563;
}

#featured-contact p br {
    display: none;
}

/* === GRID LAYOUT === */
#featured-contact .cf7-grid {
    display: grid;
    gap: 16px;
    margin-bottom: 25px;
}

#featured-contact .row-1 {
    grid-template-columns: repeat(3, 1fr);
}

#featured-contact .row-2 {
    grid-template-columns: repeat(4, 1fr);
}

#featured-contact .row-3 {
    grid-template-columns: 3fr 1fr;
    align-items: stretch;
}

/* === INPUTS & SELECT === */
#featured-contact input,
#featured-contact select,
#featured-contact textarea {
    width: 100%;
    height: 52px;
    padding: 0 18px;
    border-radius: 999px;
    border: 1px solid #d1d5db;
    background: #fff;
    font-size: 15px;
    color: #374151;
    outline: none;
}

/* textarea */
#featured-contact .row-3 {
margin-top: 30px;
}

@media (max-width: 992px) {
    #featured-contact .row-3 {
        margin-top: 90px;
    }
}
#featured-contact textarea {
    height: 70px;
    position: absolute;
    bottom: 0;
    border-radius: 18px;
    padding-top: 14px;
    resize: none;
     border: 1px solid #d1d5db;
}

/* placeholder */
#featured-contact ::placeholder {
    color: #6b7280;
    font-weight: 400;
}

/* focus */
#featured-contact input:focus,
#featured-contact select:focus,
#featured-contact textarea:focus {
    border-color: #ff6b35;
    box-shadow: 0 0 0 3px rgba(255, 107, 53, .15);
}

/* === SUBMIT BUTTON === */
#featured-contact input[type="submit"] {
    height: 90px;
    border-radius: 18px;
    background: linear-gradient(135deg, #ff6b35, #e55a2b);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: all .3s ease;
}
#featured-contact .submit {
    height: 90px;
    border-radius: 18px;
    background: linear-gradient(135deg, #ff6b35, #e55a2b);
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    border: none;
    cursor: pointer;
    transition: all .3s ease;
}

#featured-contact input[type="submit"]:hover {
    transform: translateY(-2px);
    box-shadow: 0 12px 30px rgba(255, 107, 53, .35);
}

#featured-contact .contact-form p {
    display: contents;
}

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

    #featured-contact .row-1,
    #featured-contact .row-2,
    #featured-contact .row-3 {
        grid-template-columns: 1fr;
    }

    #featured-contact input[type="submit"] {
        height: 56px;
        border-radius: 999px;
    }
}


/* Wrap CF7 date field */
#featured-contact input[type="date"] {
    width: 100%;
    padding: 12px 45px 12px 15px;
    /* space for icon on right */
    border-radius: 12px;
    border: 1px solid #ccc;
    background: #f8f8f8;
    font-size: 16px;
    position: relative;
}

/* Add calendar icon on the right */
#featured-contact input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 15px;
    cursor: pointer;
    opacity: 1;
}
/*-----------------------
## Contact Inner page
-----------------------------*/

#content .contact-inner-content {
    position: relative;
    overflow: hidden;
}

#content .contactinnpage-infobox {
    padding: 0 76px;
}

#content .leftbox {
    width: 100%;
    margin: 0 auto;
}

#content .infoboxinn .contact-text {
    align-items: center;
}

#content .infoboxinn .address-icon {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 31px;
    height: 41px;
    color: #000000;
    font-size: 34px;
}

#content .contactform h1 {
    font-size: 38px;
    font-family: "Poppins", sans-serif;
    font-weight: bold;
    letter-spacing: 3.04px;
    color: #22372A;
}

#content .contactform p.text {
    font-size: 18px;
    font-family: "Montserrat", serif;
    font-weight: 500;
    letter-spacing: 0.54px;
    color: #22372A;
    padding: 1rem 0 2rem 0;
}

#content .infoboxinn .contact-text h4,
#content .infoboxinn .contact-text h4 a {
    font-size: 22px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    letter-spacing: 0px;
    color: #060606;
    z-index: 2;
    position: relative;
}

#content .infoboxinn .contact-text p {
    font-size: 18px;
    font-family: "Montserrat", serif;
    font-weight: 500;
    letter-spacing: 0px;
    color: #000000;
    padding: .5rem 0;
    opacity: 0.8;
    width: 100%;
}

.contact-form-wrapper{
    width: 100%;
}


.Inner_contact_Top_Icons{
position: relative;
z-index: 9999;
margin-top: -70px;
}

/* ICON CIRCLE SIZE */
.Inner_contact_Top_Icons .icon-circle{
width:64px;
height:64px;
border-radius:16px;
color:#ffffff;
}

/* Default box styling */
.Inner_contact_Top_Icons a{
    background:#ffffff;
    border-color:#f3f4f6; /* same as Tailwind border-gray-100 */
    transition:all 0.3s ease;
}
/* Icon color */
/* Phone Icon */
.phone_grp .icon-circle i,
.phone_grp .icon-circle svg{
    color:#ffffff;
}

/* Email Icon */
.email_grp .icon-circle i,
.email_grp .icon-circle svg{
    color:#ffffff;
}

/* Address Icon */
.add_grp .icon-circle i,
.add_grp .icon-circle svg{
    color:#ffffff;
}

/* Working Hours Icon */
.hours_grp .icon-circle i,
.hours_grp .icon-circle svg{
    color:#ffffff;
}

/* PHONE */
.phone_grp .icon-circle{
    background:linear-gradient(135deg,#3b82f6,#06b6d4);
}

/* EMAIL */
.email_grp .icon-circle{
    background:linear-gradient(135deg,#ff6b35,#ff8c42);
}

/* ADDRESS */
.add_grp .icon-circle{
    background:linear-gradient(135deg,#22c55e,#10b981);
}

/* WORKING HOURS */
.hours_grp .icon-circle{
    background:linear-gradient(135deg,#a855f7,#ec4899);
}

/* TEXT COLORS */
.Inner_contact_Top_Icons p.text-xl{
color:#0a1f44;
font-weight: 900;
}

.Inner_contact_Top_Icons p.font-bold{
color:#374151;
}

.Inner_contact_Top_Icons p.text-sm{
color:#6b7280;
}

/* HOVER BORDER */
.Inner_contact_Top_Icons a:hover{
border-color:#ff6b35;
}

/* Input, Email, Phone */
.contact-form-wrapper input[type="text"],
.contact-form-wrapper input[type="email"],
.contact-form-wrapper input[type="tel"],
.contact-form-wrapper select,
.contact-form-wrapper textarea{
width:100%;
padding:15px;
border: 2px solid #d1d5db; /* faint grey */
border-radius:12px;
transition:all 0.3s ease;
outline:none;
}

.contact-form-wrapper input[type="text"]:hover,
.contact-form-wrapper input[type="email"]:hover,
.contact-form-wrapper input[type="tel"]:hover,
.contact-form-wrapper select:hover,
.contact-form-wrapper textarea:hover,
.wpcf7-form input[name="first-name"]:hover,
.wpcf7-form input[name="last-name"]:hover,
.wpcf7-form input[name="your-email"]:hover,
.wpcf7-form input[name="your-phone"]:hover,
.wpcf7-form select[name="your-subject"]:hover,
.wpcf7-form textarea[name="your-message"]:hover {
    border-color: #e85a28;
}

.contact-form-wrapper input[type="text"], 
.contact-form-wrapper input[type="email"], 
.contact-form-wrapper input[type="tel"], 
.contact-form-wrapper select, 
.contact-form-wrapper textarea,
optgroup, select, textarea,
.wpcf7-form input[name="first-name"],
.wpcf7-form input[name="last-name"],
.wpcf7-form input[name="your-email"],
.wpcf7-form input[name="your-phone"],
.wpcf7-form select[name="your-subject"],
.wpcf7-form textarea[name="your-message"] {
    border: 2px solid #ebe6e7 !important;
}

.contact-form-wrapper input:focus,
.contact-form-wrapper select:focus,
.contact-form-wrapper textarea:focus,
.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus {
    border-color: #e85a28;
    outline: none;
}

@media (min-width: 992px){
    .contact-section{
        /* padding: [top] [right] [bottom] [left] */
padding: 2rem 7.5rem 7.5rem 7.5rem;
    }
}

@media (max-width: 991px){
    .contact-section{
        padding-left: 2rem;
        padding-right: 2rem;
    }
}

/* Hover effect */
.contact-form-wrapper input[type="text"]:hover,
.contact-form-wrapper input[type="email"]:hover,
.contact-form-wrapper input[type="tel"]:hover,
.contact-form-wrapper select:hover,
.contact-form-wrapper textarea:hover{
border-color:#ff6b35;
}

/* Focus effect */
.contact-form-wrapper input[type="text"]:focus,
.contact-form-wrapper input[type="email"]:focus,
.contact-form-wrapper input[type="tel"]:focus,
.contact-form-wrapper select:focus,
.contact-form-wrapper textarea:focus{
border-color:#ff6b35;
box-shadow:0 0 5px rgba(255,107,53,0.25);
}

.submit i{
margin-right:8px;
}
.submit{
display:flex;
align-items:center;
justify-content:center;
gap:8px;
background: linear-gradient(to right,#ff6b35,#ff8c42);
border-radius: 12px;
}
.contact-form-wrapper input[type="text"], .contact-form-wrapper input[type="email"], .contact-form-wrapper input[type="tel"], .contact-form-wrapper select, .contact-form-wrapper textarea, optgroup, select, textarea, .wpcf7-form input[name="first-name"], .wpcf7-form input[name="last-name"], .wpcf7-form input[name="your-email"], .wpcf7-form input[name="your-phone"], .wpcf7-form select[name="your-subject"], .wpcf7-form textarea[name="your-message"]{
        border: 2px solid #d1d5db !important;
}

/* Office Box */
.contact-office-box{
border:2px solid #e5e7eb;
border-radius:24px;
background:#fff;
transition:all 0.3s ease;
padding: 2rem !important;
}

/* Hover Effect */
.contact-office-box:hover{
border-color:#ff6b35;
box-shadow:0 6px 20px rgba(0,0,0,0.08);
}

/* Office Heading */
.office-heading{
font-size:28px;
font-weight:800 !important;
color:#0a1f44;
}

/* Office Titles */
.office-location h5{
font-size:17px;
font-weight:700 !important;
color:#0a1f44;
margin-bottom:10px;
}

/* Address */
.office-location p{
font-size:16px;
color:#6b7280;
margin-bottom:3px;
}

/* Icon Box */
.office-icon{
width:40px;
height:40px;
display:flex;
align-items:center;
justify-content:center;
background:linear-gradient(to right,#ff6b35,#ff8c42);
border-radius:8px;
color:#fff;
font-size:24px;
}

/*--------------------------------------------------------------
#  Featured Testimonials Section
--------------------------------------------------------------*/

#featured-testimonials {
    position: relative;
    overflow: hidden;
    /* background-color: #0d1321; */
}

#featured-testimonials .content-wrapper {
    position: relative;
}

#featured-testimonials .testimonial-overlay {
    background: #fff;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
}

#featured-testimonials .featured-testimonials-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
}

#featured-testimonials .title-section h1 {
    margin: 0;
    display: inline-block;
    padding: .7rem 1rem;
    margin-bottom: 1rem;
    font-weight: 500 !important;
    border-radius: 9999px;
    border-width: 1px !important;
    background: #ff6b3520 !important;
    color: #ff6b35 !important;
    border-color: #ff6b35 !important;
    font-family: 'Poppins', sans-serif !important;
    font-size: 16px !important;
}

#featured-testimonials .title-section h3 {
    font-size: clamp(2.25rem, 4vw, 3rem) !important;
    font-family: 'Poppins', sans-serif !important;
    font-weight: 700 !important;
    margin-bottom: 1rem;
    color: #0D1117;
}

#featured-testimonials .title-section p {
    font-size: 1.125rem;
    line-height: 1.75rem;
    color: #4B5563;
}

#featured-testimonials article {
    padding: 0 1rem;
}

#featured-testimonials .slick-track {
    padding: 2.5rem 0rem;
}


/*--------------------------------------------------------------
#  Featured Testimonial Inner Page
--------------------------------------------------------------*/
#main .testimonial-inner-page {
    position: relative;
}

#main .testimonial-inner-page .testimonial-box {
    position: relative;
    justify-self: center;
    margin: 0;
    padding: 1.7rem 1.5rem 3rem 1.5rem;
    background: #F9F9F9 0% 0% no-repeat padding-box;
    transition: all 0.7s ease;
    width: 92% !important;
}


/* Space between slides */
/* #featured-testimonials .slick-track {
    padding: 15px 0;
} */

#main .testimonial-inner-page .testimonial-card {
    border: 1px solid #E1E5EA;
    transition: all 0.5s ease;
}

#main .testimonial-inner-page .testimonial-card:hover {
    border: 1px solid #00C1D4;
}



/* Title Capitalize every first letter */
#main .testimonial-inner-page .testimonial-card h4 {
    margin: 0;
    text-transform: capitalize;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    transition: all 0.5s ease;
    font-size: 16px;
}

#main .testimonial-inner-page .testimonial-card p {
    margin: 0;
    line-height: 1.625;
    color: #1c253390;
    font-size: 16px;
}

#main .testimonial-inner-page .testimonial-card .shrink-0 span {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 9999px;
    color: #ffffff;
    text-transform: uppercase;
    width: 48px;
    height: 48px;
    font-weight: 600;
    background: linear-gradient(to bottom right, #0052CC, #00C1D4);
}

/*--------------------------------------------------------------
# Latest Posts(blog)
--------------------------------------------------------------*/
#featured-posts {
    position: relative;
    overflow: hidden;
    background-color: #F5F7FA;
}

#featured-posts .featured-posts-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-size: cover;
    opacity: 1;
    pointer-events: none;
}

#featured-posts h2.section-title {
    font-size: clamp(3rem, 3rem, 3rem) !important;
    font-weight: 900;
    color: #0a1f44;
    margin-bottom: 1.5rem;
    line-height: 1.25;
}

#featured-posts p.section-text {
    font-size: 1.25rem;
    line-height: 1.75rem;
    color: #4B5563;
    text-align: center;
}

/* ------------------ PULSE ANIMATION (for glowing circles) ------------------ */
@keyframes pulseGlow {
    0% {
        transform: scale(1);
        opacity: 0.6;
    }

    50% {
        transform: scale(1.15);
        opacity: 1;
    }

    100% {
        transform: scale(1);
        opacity: 0.6;
    }
}

.animate-pulse {
    animation: pulseGlow 4s ease-in-out infinite;
}


/* ------------------ FLOAT ANIMATION (for floating shapes) ------------------ */
@keyframes floatShape {
    0% {
        transform: translateY(0px) rotate(0deg);
    }

    50% {
        transform: translateY(-20px) rotate(5deg);
    }

    100% {
        transform: translateY(0px) rotate(0deg);
    }
}

.animate-float {
    animation: floatShape 6s ease-in-out infinite;
}

@keyframes floatShape {
    0% {
        transform: translate(0, 0) rotate(0deg);
    }

    50% {
        transform: translate(15px, -25px) rotate(6deg);
    }

    100% {
        transform: translate(0, 0) rotate(0deg);
    }
}

#featured-posts .big-blog-card h3.blog-title {
    font-size: clamp(2rem, 1.5vw, 2.25rem) !important;
    margin-bottom: 1.5rem !important;
    line-height: 2.5rem !important;
    font-weight: 900 !important;
    color: #ffffff;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

/* group-hover:text-[#ff6b35] */
#featured-posts .big-blog-card:hover h3.blog-title,
#featured-posts .small-blog-card:hover h3.card-title {
    color: #ff6b35;
}

#featured-posts .small-blog-card h3.card-title {
    font-size: 1.5rem !important;
    font-weight: 900 !important;
    color: #0a1f44;
    transition: color 0.3s ease;
    line-height: 1.25 !important;
    margin-bottom: 1rem;
}

/* BLOG GRID LAYOUT */
#featured-posts .blog-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
}

/* First big card full width */
#featured-posts .blog-grid .big-blog-card {
    grid-column: span 2;
}

/* Mobile responsive */
@media (max-width: 768px) {
    #featured-posts .blog-grid {
        grid-template-columns: 1fr;
    }

    #featured-posts .blog-grid .big-blog-card {
        grid-column: span 1;
    }
}

/* Pagination Wrapper */
/* Pagination Wrapper */
body .pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 40px;
    gap: 10px;
}

/* Pagination Links */
body .pagination .page-numbers {
    padding: 6px 14px;
    border: 2px solid #d1d5db !important;
    border-radius: 10px;
    text-decoration: none;
    color: #374151;
    background: #ffffff;
    font-weight: 500;
    transition: all 0.3s ease;
}

/* Hover */
body .pagination .page-numbers:hover {
    border: 2px solid #ff6b35;
    color: #ff6b35;
}

/* Active Page */
body .pagination .page-numbers.current {
    background: linear-gradient(to right, #ff6b35, #ff8c42);
    color: #ffffff;
    border: none;
}

/* Disabled */
body .pagination .page-numbers.disabled {
    opacity: 0.5;
    pointer-events: none;
}
/*--------------------------------------------------------------
# Inner Blog Posts
--------------------------------------------------------------*/
#main .bloginn-inner-content,
#secondary .bloginn-inner-content {
    position: relative;
    overflow: hidden;
    border-radius: 20px;
    width: 100%;
    justify-self: anchor-center;
}

/* #main .bloginn-inner-content .entry-container,
#secondary .bloginn-inner-content .featured-image,
#main .bloginn-inner-content .entry-container,
#secondary .bloginn-inner-content .featured-image {
    border-radius: 20px;
    overflow: hidden;
} */


#main .bloginn-inner-content .image-text .entrymeta,
#secondary .bloginn-inner-content .image-text .entrymeta {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #6B7280;
}

#main .bloginn-inner-content .image-text h2,
#secondary .bloginn-inner-content .image-text h2 {
    margin-bottom: 0.75rem;
    font-size: 1.25rem !important;
    line-height: 1.75rem;
    padding: .7rem 0 0 0rem;
    font-weight: 700 !important;
    color: #111827;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    transition-duration: 300ms;
}

#main .bloginn-inner-content .client-single-post:hover .image-text h2,
#secondary .bloginn-inner-content .client-single-post:hover .image-text h2 {
    color: #ff6b35;
}

#main .bloginn-inner-content .image-text p,
#secondary .bloginn-inner-content .image-text p {
    margin-bottom: 1rem;
    line-height: 1.625;
    color: #4B5563;
}

#main .bloginn-inner-content .image-text .user h4,
#secondary .bloginn-inner-content .image-text .user h4 {
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #6B7280;
}

#main .bloginn-inner-content .image-text,
#secondary .bloginn-inner-content .image-text {
    padding: 1.3rem;
}

#main .bloginn-inner-content .row .col-lg-12.col-md-12,
#secondary .bloginn-inner-content .row .col-lg-12.col-md-12 {
    padding: 2.6rem;
}

#main .bloginn-inner-content .image-text .button,
#secondary .bloginn-inner-content .image-text .button {
    display: inline-flex;
    padding: 0;
    shrink: 0;
    gap: 0.5rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.375rem;
    outline-style: none;
    height: auto;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 500;
    color: #ff6b35;
    white-space: nowrap;
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    margin-right: .5rem;
}

/* Remove underline on all states */
#main .bloginn-inner-content .image-text .button:hover,
#secondary .bloginn-inner-content .image-text .button:hover,
#main .bloginn-inner-content .image-text .button:focus,
#secondary .bloginn-inner-content .image-text .button:focus,
#main .bloginn-inner-content .image-text .button:active,
#secondary .bloginn-inner-content .image-text .button:active {
    text-decoration: none;
}

/* Text transition */
.bloginn-inner-content .image-text .button .read-text {
    transition: transform 0.3s ease;
}

/* Hover Move Left ONLY for text */
.bloginn-inner-content .image-text .button:hover .read-text {
    transform: translateX(-5px);
}

/* Keep icon still */
.bloginn-inner-content .image-text .button i {
    transition: none;
}
/* #main .bloginn-inner-content .client-single-post:hover .image-text .button,
#secondary .bloginn-inner-content .client-single-post:hover .image-text .button {
    color: #1E3A8A;
} */

/* #main .bloginn-inner-content .client-single-post .image-text .button svg,
#secondary .bloginn-inner-content .client-single-post .image-text .button svg {
    margin-left: 0rem;
    transition-duration: 500ms;
    margin-top: .3rem;
} */

#main .bloginn-inner-content .client-single-post:hover .image-text .button svg,
#secondary .bloginn-inner-content .client-single-post:hover .image-text .button svg,
#main .bloginn-inner-content .btn:hover svg,
#secondary .bloginn-inner-content .btn:hover svg {
    position: relative;
    /* left: .5rem; */
}

#main .bloginn-inner-content .btn,
#secondary .bloginn-inner-content .btn {
    position: relative;
    z-index: 1;
    transition: color 0.4s ease;
    background-color: #193cb8;
    border-radius: 7px;
    color: #fff;
    overflow: hidden;
    padding-right: 1rem;
    transition-duration: 500ms;
}

#main .bloginn-inner-content .btn::before,
#secondary .bloginn-inner-content .btn::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background-color: #101828;
    transition: all 0.5s ease;
    z-index: -1;
}

/* Slide effect on hover */
#main .bloginn-inner-content .btn:hover::before,
#secondary .bloginn-inner-content .btn:hover::before {
    left: 0;
}

#main .bloginn-inner-content .overlay,
#secondary .bloginn-inner-content .overlay {
    position: absolute;
    inset: 0;
    background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s ease;
    transition: all 0.4s ease-in-out;
    border-radius: .7rem;
}

#main .bloginn-inner-content .client-single-post:hover .overlay,
#secondary .bloginn-inner-content .client-single-post:hover .overlay {
    opacity: 1;
}

#main .bloginn-inner-content .client-single-post .content-image,
#secondary .bloginn-inner-content .client-single-post .content-image {
    position: relative;
    overflow: hidden;
}

#main .bloginn-inner-content .image-container img,
#secondary .bloginn-inner-content .image-container img {
    width: 100%;
    height: 20rem;
    object-fit: cover;
    transition: transform 0.5s;
}

/* #main .bloginn-inner-content .image-container img:hover,
#secondary .bloginn-inner-content .image-container img:hover {
    transform: scale(1.1);
} */

#main .bloginn-inner-content,
#secondary .bloginn-inner-content {
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    border: 2px solid #ccc;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
                0 4px 6px -2px rgba(0, 0, 0, 0.05);
    transition: transform 0.5s ease, box-shadow 0.5s ease, border 0.5s ease;
}

#main .bloginn-inner-content:hover,
#secondary .bloginn-inner-content:hover {
    border: 2px solid #ff6b35;
    border-radius: 1rem;

    box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
                0 10px 10px -5px rgba(0, 0, 0, 0.04);
}
#main .bloginn-inner-content .image-container h4,
#secondary .bloginn-inner-content .image-container h4 {
    position: absolute;
    top: 1rem;
    left: 1rem;
    padding: 0.25rem 0.75rem;
    border-radius: 9999px;
    font-size: 0.875rem !important;
    line-height: 1.25rem !important;
    font-weight: 500 !important;
    color: #ffffff;

    /* Gradient background */
    background: linear-gradient(to right, #ff6b35, #ff8c42);

    transition: all 0.5s ease;

    text-transform: uppercase;
}

#main .bloginn-inner-content img,
#secondary .bloginn-inner-content img {
    transition: all 0.5s ease;
}

#main .bloginn-inner-content:hover img,
#secondary .bloginn-inner-content:hover img {
    transform: scale(1.1);
}

/*  color: oklch(55.1% .027 264.364);  */
.comments-count, .reading-time {
    color: oklch(55.1% 0.027 264.364);
    font-size: .875rem;
}
/* #main .bloginn-inner-content:hover .image-container h4,
#secondary .bloginn-inner-content:hover .image-container h4 {
    color: #111827 !important;
    background-color: #FBBF24 !important;
} */

/*--------------------------------------------------------------
#                   Footer
--------------------------------------------------------------*/

#colophon .footer-newsletter-text h2 {
    font-size: 22px;
    font-family: "Roboto", sans-serif;
    font-weight: 300;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    width: 68%;
    text-align: end;
}

.site-info{
    width:100vw;

}

.footer-copyright-bg{
    background:#081629;
}

#colophon .widget::after,
#colophon .widget::before {
    display: none;
}

#colophon .footer-newsletter-text {
    justify-items: right;
}

#colophon .footer-shortcode p span input {
    width: 70%;
    margin: 0;
    padding: .8rem 1rem;
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #000000;
    background: #ffffff;
    border: none;
}

#colophon .footer-shortcode p span input::placeholder {
    font-size: 14px;
    font-family: "Roboto", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #000000;
}

#colophon .footer-shortcode p input {
    font-size: 18px;
    margin-left: 1rem;
    padding: .6rem 1.5rem;
    font-family: "Montserrat", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    background: #7ECF29 0% 0% no-repeat padding-box;
    border-left: 5px solid #fff;
}

#colophon .footer-content img {
    width: 181px;
    height: 68px;
    justify-self: center;
}

#colophon .footer-content {
    margin: 1rem 0 5rem 0;
}

#colophon {
    position: relative;
    overflow: hidden;
    z-index: 0;
}

/* #colophon svg {
    color: #ffffff;
    justify-self: anchor-center;
} */


#custom_html-4 .contact-box .contact-item svg {
    color: #ff6b35;
}

#custom_html-4 .contact-box .contact-item {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
}

#custom_html-4 .contact-box .contact-item p {
    font-size: 14px;
}

/* Desktop */
/* Desktop */
#colophon .grid {
    display: grid;
    grid-template-columns: 40% 15% 15% 30%;
    gap: 30px;
}

/* Tablet */
@media (max-width: 992px) {
    #colophon .grid {
        grid-template-columns: repeat(3, 1fr);
    }

    #colophon .grid > *:first-child {
        grid-column: 1 / -1; /* first widget full width */
    }
}

/* Mobile */
@media (max-width: 576px) {
    #colophon .grid {
        grid-template-columns: 1fr;
        padding: 10px; /* padding added */
    }

    #colophon .grid > *:first-child {
        grid-column: auto;
    }
}

/* Extra small screens */
@media (max-width: 480px) {
    #colophon .grid {
        grid-template-columns: 100%;
        gap: 0px;
        padding: 30px; /* slightly smaller padding */
    }
}
#colophon .footer-bgoverlay {
    background: #0a1f44 0% 0% no-repeat padding-box;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    /* opacity: 0.8; */
}

#colophon .widget_text {
    padding-bottom: 0rem;
}


#colophon .footer-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1;
    top: 0;
    left: 0;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    opacity: 1;
}

/* Stats Box */
.stats-box {
    width: 100%;
    max-width: 180px; /* keeps desktop size */
    min-height: 120px;
    box-sizing: border-box;

    background: rgba(255, 255, 255, 0.1);
    border: 1px solid rgba(255, 255, 255, 0.15);
    border-radius: 14px;

    padding: 20px 20px;

    transition: all 0.3s ease;
}

/* Mobile */
@media (max-width: 576px) {
    .stats-box {
        width: 150px;
        height: 105px;
    }
}

/* Mobile */
@media (max-width: 576px) {
    .stats-box {
        max-width: 100%;
        min-height: auto;
        padding: 15px;
        width: 100%;
    }
}


/* Icon */
.stats-icon{
    margin-bottom:12px;
}

.stats-icon svg{
    width:23px;
    height:23px;
    color:#ff6b35;
}

/* Number */
.stats-box h2{
    font-size:34px;
    font-weight:700;
    color:#ffffff;
    /* margin-bottom:5px; */
}

/* Label */

.stats-text {
    font-size: 12px;
    color: #9fb3c8;
    letter-spacing: 1px;
    margin: 0;
}

#colophon .logo {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 3;
    position: relative;
}

#colophon p {
    font-size: 16px;
    /* font-family: "Roboto", serif; */
    font-weight: 200;
    letter-spacing: 1px;
    color: #e8e8e8;
}

#colophon .social-links {
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.6s ease-in-out;
}

#colophon .social-links a:hover {
    background: #3f536d;
    color: #fff;
    box-shadow: rgba(255, 255, 255, 2.24) 0px 1px 6px 1px;
    transition: all 0.6s ease-in-out;
}

#colophon .social-links a {
    font-size: 18px;
    background: #fff;
    color: #3F536D;
    margin-right: 20px;
    transition: all 0.2s ease-in-out;
    font-family: "Font Awesome 5 brands" !important;
    padding: 5px 0px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 40px;
    margin: 13px;
}

#media_image-2.widget_media_image,
#media_image-3.widget_media_image {
    /* width: 80% !important; */
    /* width: 260px !important; */
    /* height: 66px !important; */
    display: inline-block;
    margin: .5rem 0 1.5em !important;
}

#colophon aside .textwidget .row .col-lg-2 {
    display: flex;
    justify-content: center;
    margin-top: .2rem;
}

#colophon aside .textwidget .row .col-lg-2 i,
#colophon aside .textwidget .row .col-lg-2 svg {
    width: 17px;
    height: 17px;
    color: #ffffff;
}


#colophon aside .textwidget h3 {
    margin-bottom: 1rem;
}

#colophon aside .textwidget h3 a {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0px;
    color: #D1D5DB;
}

#media_image-2 .widget-title {
    color: #FFFFFF;
    background: transparent;
    padding: .5rem 0;
    text-decoration: none;
    margin-bottom: 1.5rem;
    line-height: 1.75rem;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 1.125rem;
}

#colophon .widget_media_image{
    display:flex;
    align-items:center;
    gap:14px;
}

#colophon .widget_media_image img{
    max-width:42px;
    height:auto;
    background:#ff6b35;   /* orange background */
    padding:6px;
    border-radius:10px;
}

#colophon .widget_media_image .widget-title{
    margin:0;
    font-size:28px;
    font-weight:700;
}

#colophon .widget_media_image img { 
    order: 1;
    max-width: 40px !important;
}
#colophon .widget_media_image .widget-title { order: 2; }
/* #colophon .widget_nav_menu ul li:before {
    content: '\f061';
    font-family: 'Font Awesome 5 Free';
    font-weight: 600;
    font-size: 13px;
    color: #ffffff;
    position: absolute;
    left: 0rem;
    margin: 3px 6px 5px 5px;
} */

#colophon .widget_nav_menu ul li a {
    font-size: 14px;
    /* font-family: "Roboto", serif; */
    font-weight: 300;
    /* letter-spacing: 0px; */
    color: #D1D5DB;
}

#colophon .widget_nav_menu ul li a:active {
    color: #FBBF24;
}

#colophon .gap-16 {
    gap: 2.5rem;
}

#colophon .widget {
    width: 100%;
}

/* #colophon .footerbox { */
/* width: 95%; */
/* justify-self: right; */
/* background: #22372A 0% 0% no-repeat padding-box; */
/* opacity: 1; */
/* border-bottom-left-radius: 8px; */
/* border-top-left-radius: 8px; */
/* margin-bottom: 3rem; */
/* } */

#colophon .widget_nav_menu ul li:hover a {
    color: #ff6b35;
}

#colophon .footerbox .hentry .social-profile-icons h2 {
    font-size: 20px;
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    letter-spacing: 0px;
    color: #FFFFFF;
    margin: 2rem 0 0 0;
    opacity: 0.8;
}

/* 
#colophon .footer-widgets-area .widget_text ul li:nth-child(1),
#colophon .footer-widgets-area .widget_text ul li:nth-child(3) {
    margin-bottom: 0;
}

#colophon .footer-widgets-area .widget_text ul li:nth-child(2),
#colophon .footer-widgets-area .widget_text ul li:nth-child(4),
#colophon .footer-widgets-area .widget_text ul .list-email {
    margin-left: 2.7rem;
} */

#colophon .footer-widgets-area .widget_text ul li svg {
    margin-right: 17px;
    transition: 0.3s;
}

#colophon .footer-widgets-area .widget_text ul li:hover svg {
    color: #000;
    transition: 0.3s;
}

#colophon .site-info p {
    font-size: 15px;
    color: #fff;
}

#colophon .footer-widgets-area {
    position: relative;
    z-index: 3;
}

#colophon ul {
    list-style: disc !important; 
    padding: 0;
    position: relative;
}

#colophon ul a {
    text-decoration: none;
}

/* #colophon a,
#colophon li,
#colophon .textwidget {
    color: #000000;
} */

#colophon li {
    font-size: 16px;
    letter-spacing: 0.53px;
}

#colophon .custom-html-widget h2 {
    font-size: 1.4rem;
    font-weight: 600;
    font-family: "Poppins", sans-serif;
    letter-spacing: 2px;
    color: #ffffff;
}

#colophon .custom-html-widget h2 span {
    color: #FBBF24;
}

/* #colophon .custom-html-widget p {
    color: #000000 !important;
    font-size: 18px;
    font-weight: 400;
    font-family: "Poppins", serif;
    letter-spacing: 0px;
    color: #2E2E2E;
    padding: 1.2rem 0 .8rem 0;
}

#colophon .custom-html-widget p a {
    color: #FBBF24 !important;
    font-size: 27px;
    font-weight: 500;
    font-family: "Poppins", serif;
    letter-spacing: 0px;
    color: #2E2E2E;
    text-decoration: underline;
} */

#colophon .custom-html-widget ol {
    margin-top: .7rem;
}

#colophon .widget li {
    padding: 0px 15px 12px;
}

#colophon .custom-html-widget ol li {
    background-color: transparent;
    position: relative;
    padding-left: 28px;
    margin-left: 1rem;
    margin-bottom: 0px;
    list-style: none;
    padding-bottom: 0;
    padding-top: 0;
    font-size: 26px;
    font-weight: 500;
    font-family: "Poppins", sans-serif;
    letter-spacing: 0px;
    color: #22372A;
}

#colophon .custom-html-widget ul li {
    position: relative;
    padding-left: 28px;
    list-style: none;
    margin-bottom: 0px;
    margin-left: 1.5rem;
    padding-bottom: 0;
    padding-top: 0;
    font-size: 15px;
    font-weight: 500;
    font-family: "Montserrat", serif;
    letter-spacing: 0px;
    color: #2E2E2E;
}

#colophon .custom-html-widget ol li::before,
#colophon .custom-html-widget ul li::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 15px;
    height: 15px;
    background-image: url('assets/images/listicon.png');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    transform: translateY(-50%);
}

#colophon .footerbox .hentry .social-profile-icons ul {
    display: flex;
    gap: 5px;
    align-items: center;
}

#colophon .footerbox .hentry .social-profile-icons {
    margin: 0;
}

#colophon .footerbox .hentry .social-profile-icons li {
    margin: 0;
    padding: 7px;
    font-size: 18px;
    width: 40px;
    height: 37px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #ffffff;
    border-radius: 10px;
    margin-right: .5rem;
}

#colophon .footerbox .hentry .social-profile-icons li:hover {
    /* transform: scale(1.1); */
    background-color: #ff6b35;
    /* border: 2px outset #7ECF29; */
    transition: all 0.5s;
    opacity: 1;
}

#colophon .footerbox .hentry .social-profile-icons li a {
    color: #ffffff;
    opacity: 1;
}

#colophon .footerbox .hentry .social-profile-icons li:hover a {
    color: #ffffff;
    transform: scale(1.1);
}
#colophon .footerbox .hentry .social-profile-icons li a,
#colophon .footerbox .hentry .social-profile-icons li a svg {
    opacity: 1 !important;
}

#colophon .footer-widgets-area .widget ul li {
    margin-bottom: 0.4rem;
    padding: 0px 5px 5px 0px;
    background-color: transparent;
}

.menu-quick-links-container,
.menu-our-services-container {
    margin-left: 18px;
}

#colophon .widget-title{
    position: relative;
    display: inline-block;
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 25px;
}


/* #nav_menu-2 .widget-title::after,
#nav_menu-3 .widget-title::after */

.widget_nav_menu .widget-title::after,
#custom_html-4 .widget-title::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px;
    width: 52px;
    height: 5px;
    background: #ff6b35;
    border-radius: 0px;
}

.widget_nav_menu .widget-title,
.widget_custom_html .widget-title {
    color: #ffffff
}

#colophon .footer-widgets-area .widget ul.custom-list li {
    margin-bottom: 0.7rem;
}

.site-info{
    width:100%;
    position:relative;
    z-index:4;
}

.site-info .copy-right{
    font-size: 0.875rem;
    line-height: 1.25rem;
    color: #9CA3AF;
    text-align: center;
    white-space: nowrap;
    margin-bottom: 5px;
}

.site-info a.copy-righta{
    color:#aeb0b3;
    transition:all 0.3s ease;
}

.site-info a.copy-righta:hover{
    color:#ffffff;
}

#colophon .widget_nav_menu .current-menu-item a {
    color: #ff6b35;
}

#colophon .widget {
    border: none;
    background-color: transparent;
    margin: 0 0 2.5em;
}

.backtotop {
    background-color: #FDAF1B;
    z-index: 300;
    font-size: 25px;
    position: fixed;
    bottom: -100px;
    right: 25px;
    color: #fff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    cursor: pointer;
    -webkit-transition: all .7s ease-in-out;
    -moz-transition: all .7s ease-in-out;
    -o-transition: all .7s ease-in-out;
    -ms-transition: all .7s ease-in-out;
    transition: all .7s ease-in-out;
}

.backtotop:hover,
.backtotop:focus {
    background-color: #000;
}

#loader-wrapper {
    overflow-x: hidden;
    overflow-y: hidden;
    vertical-align: middle;
    background-color: #fff;
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    height: 100%;
    min-height: 100%;
    z-index: 9999;
}

#loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 80px;
    height: 80px;
}

.preloader-one #loader {
    display: block;
    position: relative;
    left: 50%;
    top: 50%;
    width: 150px;
    height: 150px;
    margin: -75px 0 0 -75px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #3498db;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

.preloader-one #loader:before {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #e74c3c;

    -webkit-animation: spin 3s linear infinite;
    animation: spin 3s linear infinite;
}

.preloader-one #loader:after {
    content: "";
    position: absolute;
    top: 15px;
    left: 15px;
    right: 15px;
    bottom: 15px;
    border-radius: 50%;
    border: 3px solid transparent;
    border-top-color: #f9c922;
    -webkit-animation: spin 1.5s linear infinite;
    animation: spin 1.5s linear infinite;
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

#loader svg,
.preloader-disable #loader-wrapper {
    display: none;

}

#loader svg {
    width: 70px;
    height: 70px;
    fill: #d72924;
}

.preloader-two #loader .loader-two,
.preloader-three #loader .loader-three,
.preloader-four #loader .loader-four,
.preloader-five #loader .loader-five {
    display: block;
}

/* / Scroll to top Button / */
.scroll-to-top {
    position: fixed;
    bottom: 50px;
    right: 30px;
    z-index: 1000;
}

.scroll-to-top a {
    /* background-color: #0A9642 ; */
    color: #fac100 !important;
    padding: 8px 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.scroll-to-top a svg {
    font-size: 32px;
    transform: rotate(-90deg);
    /* filter: drop-shadow(7px 2px 2px #fac100); */
}

/* .scroll-to-top:hover a svg {
    animation: shaking 0.1s infinite;
} */

@keyframes shaking {
    0% {
        transform: translateX(0) rotate(0deg);
    }

    25% {
        transform: translateX(15px) rotate(5deg);
    }

    50% {
        transform: translateX(0px) rotate(0deg);
    }

    75% {
        transform: translateX(-15px) rotate(-5deg);
    }

    100% {
        transform: translateX(0px) rotate(0deg);
    }
}


/*--------------------------------------------------------------
#                   RESPONSIVE
--------------------------------------------------------------*/
@media screen and (min-width: 767px) {

    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6 {
        margin: 0 -15px;
    }

    .col-2 article,
    .col-3 article,
    .col-4 article,
    .col-5 article,
    .col-6 article {
        padding: 0 19px;
        float: left;
        width: 50%;
        margin-bottom: 30px;
    }

    .col-2 article:nth-child(2n+1),
    .col-3 article:nth-child(2n+1),
    .col-4 article:nth-child(2n+1),
    .col-5 article:nth-child(2n+1),
    .col-6 article:nth-child(2n+1) {
        clear: left;
    }

    .col-2 article:nth-last-child(-n+2),
    .col-3 article:nth-last-child(-n+2),
    .col-4 article:nth-last-child(-n+2),
    .col-5 article:nth-last-child(-n+2),
    .col-6 article:nth-last-child(-n+2) {
        margin-bottom: 0;
    }

    .footer-widgets-area.col-3 .hentry {
        width: 33.33%;
        float: left;
        margin-bottom: 0;
    }

    .footer-widgets-area.col-3 .hentry:not(:last-child) {
        padding-right: 40px;
    }

    .site-info.col-2 span {
        float: left;
        width: 50%;
        text-align: left;
    }

    .site-info.col-2 span:nth-child(2) {
        float: right;
        text-align: right;
    }

}

@media screen and (min-width: 992px) {

    .col-3 article,
    .col-5 article,
    .col-6 article {
        width: 33.33%;
    }

    .col-3 article:nth-child(2n+1),
    .col-5 article:nth-child(2n+1),
    .col-6 article:nth-child(2n+1) {
        clear: none;
    }

    .col-3 article:nth-child(3n+1),
    .col-5 article:nth-child(3n+1),
    .col-6 article:nth-child(3n+1) {
        clear: left;
    }

    .col-3 article:nth-last-child(-n+3),
    .col-5 article:nth-last-child(-n+3),
    .col-6 article:nth-last-child(-n+3) {
        margin-bottom: 0;
    }

    .col-4 article {
        width: 25%;
    }

    .col-5 article {
        width: 20%;
    }

    .col-6 article {
        width: 16.66%;
    }

    .col-4 article:nth-child(2n+1),
    .col-5 article:nth-child(3n+1),
    .col-6 article:nth-child(3n+1) {
        clear: none;
    }

    .col-4 article:nth-child(4n+1),
    .col-5 article:nth-child(5n+1),
    .col-6 article:nth-child(6n+1) {
        clear: left;
    }

    .col-4 article:nth-last-child(-n+4),
    .col-5 article:nth-last-child(-n+5),
    .col-6 article:nth-last-child(-n+6) {
        margin-bottom: 0;
    }
}

/*---------menu display above 1024 and 1024 screen-------------*/
@media screen and (min-width: 1025px) {
    .menu-sticky #masthead {
        position: sticky;
        top: 0;
    }

    .menu-sticky #masthead.nav-shrink {
        box-shadow: 0 6px 10px rgb(0 0 0 / 10%);
    }

    .customize-support.menu-sticky #masthead.nav-shrink {
        top: 32px;
    }

    /* .bottomheader .navbox {
        margin-top: -0.2rem;
    } */

    /* .bottomheader .navebardiv {
        justify-items: left;
    } */

    /*---------menu css for home screen-------------*/
    .main-navigation {
        width: auto;
        position: relative;
        height: 100%;
    }

    .main-navigation.icons-active {
        padding: 0;
    }

    .main-navigation ul.nav-menu>li {
        text-align: center;
    }

    .main-navigation ul.nav-menu>li>a {
        position: relative;
        z-index: 10;
        transition: all 0.3s ease-in-out;
    }

    .main-navigation ul.nav-menu>li:last-child {
        /* padding-left: 1.4rem; */
        /* justify-self: right; */
    }

    .main-navigation ul.nav-menu .current_page_item>a,
    .main-navigation ul.nav-menu .current-menu-item>a,
    .main-navigation ul.nav-menu .current_page_ancestor>a,
    .main-navigation ul.nav-menu .current-menu-ancestor>a {
        color: #0052CC;
    }








    /* Make menu flex */
    #menu-header-menu {
        display: flex !important;
        align-items: center;
        width: 100%;
    }

    /* Remove float from theme */
    /* #menu-header-menu > li {
    float: none !important;
} */

    /* Push button (last li) to far right */
    #menu-header-menu>li.menu-item-button {
        margin-left: auto !important;
    }

    /* .main-navigation,
.site-header .container {
    display: flex !important;
    align-items: center;
    width: 100%;
} */








    .main-navigation ul.nav-menu>li:hover>a,
    .main-navigation ul.nav-menu>li.focus>a,
    .main-navigation ul ul li a:hover,
    .main-navigation ul ul li a.focus {
        color: #0052CC;
    }

    .main-navigation ul.nav-menu>li {
        text-align: center;
        position: relative;
        /* height: 100%; */
        font-weight: bold
    }

    .main-navigation ul.nav-menu .current_page_item>a,
    .main-navigation ul.nav-menu .current-menu-item>a,
    .main-navigation ul.nav-menu .current_page_ancestor>a,
    .main-navigation ul.nav-menu .current-menu-ancestor>a,
    .main-navigation ul.nav-menu>li>a:hover,
    .main-navigation ul.nav-menu>li.focus>a {
        color: #0052CC;
    }

    .main-navigation.icons-active ul.nav-menu>li {
        padding: 15px 25px 8px;
    }

    .main-navigation ul.nav-menu>.menu-item-has-children>a:after {
        content: "\f078";
        padding-left: 4px;
        font-size: 10px;
        position: relative;
        bottom: 2px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        /* display: inline-block; */
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
    }

    .main-navigation ul ul .menu-item-has-children>a:before {
        content: "\f067";
        font-size: 10px;
        position: relative;
        top: 20px;
        -moz-osx-font-smoothing: grayscale;
        -webkit-font-smoothing: antialiased;
        display: inline-block;
        font-style: normal;
        font-variant: normal;
        text-rendering: auto;
        font-family: 'Font Awesome 5 Free';
        font-weight: 900;
        position: absolute;
        right: 15px;
    }

    .main-navigation ul.nav-menu {
        display: block !important;
        height: auto !important;
        position: relative;
        height: 100% !important;
        width: 100%;
    }

    .main-navigation ul ul {
        box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.15);
        width: 270px;
        -webkit-transform: translateY(20px);
        -moz-transform: translateY(20px);
        -ms-transform: translateY(20px);
        -o-transform: translateY(20px);
        transform: translateY(20px);
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -ms-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
        transition: all 0.4s ease-in-out;
    }

    .main-navigation ul ul.sub-menu {
        width: 360px;
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        transform: translateY(20px);
        transition: all 0.4s ease-in-out;
        background: #ffffff;
    }

    /* Desktop hover open */
    .main-navigation ul li:hover>ul.sub-menu {
        display: grid !important;
    }

    /* When JS adds .focus or .toggled */
    .main-navigation ul li.focus>ul.sub-menu,
    .main-navigation ul li.toggled>ul.sub-menu {
        display: grid !important;
    }

    /* When JS adds .focus or .toggled */
    .main-navigation ul li ul.sub-menu li a,
    .main-navigation ul li ul.sub-menu li a {
        padding: .7rem 1.2rem;
    }

    .main-navigation ul li:hover>ul,
    .main-navigation ul li.focus>ul {
        left: auto;
        left: 0;
        display: block !important;
        -webkit-transform: translateY(-1px);
        -moz-transform: translateY(-1px);
        -ms-transform: translateY(-1px);
        -o-transform: translateY(-1px);
        transform: translateY(-1px);
    }

    .main-navigation ul ul li:hover>ul,
    .main-navigation ul ul li.focus>ul {
        left: auto;
        right: 100%;
    }

    .main-navigation ul ul li:hover>a,
    .main-navigation ul ul li.focus>a {
        background-color: #f5f7fa;
        color: #0052cc;
    }

    .main-navigation ul .sub-menu li:hover>a,
    .main-navigation ul .sub-menu li.focus>a {
        background-color: #f5f7fa;
        color: #1c2533;
    }

    .main-navigation ul .sub-menu li>a {
        background-color: #ffffff;
    }

    .main-navigation ul.sub-menu>li:last-child>a {
        border-bottom: none;
    }

    .main-navigation ul ul>li:last-child {
        border-bottom: none;
    }

    .main-navigation ul ul ul {
        top: 5px;
    }

    .main-navigation ul ul li a {
        color: #fff;
    }

    .main-navigation ul .sub-menu li a {
        color: #1c2533;
    }

    .main-navigation ul.nav-menu>li>a>i,
    .main-navigation ul.nav-menu>li>a>i.wpmi-icon:not(.wpmi-label-1).wpmi-position-before {
        display: block;
        margin: 0 auto 10px;
    }

    .menu-toggle {
        height: 80px;
        position: absolute;
        top: 50%;
        right: 35px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    #search {
        position: absolute;
        z-index: 30;
        right: 0;
        top: 100%;
        display: none;
    }

    .main-navigation .search-active .icon-search {
        display: none;
    }

    .main-navigation .search-active .icon-close {
        display: inline-block;
    }

    #search:before {
        content: "";
        width: 0;
        height: 0;
        border-left: 9px solid transparent;
        border-right: 9px solid transparent;
        border-bottom: 9px solid #111;
        position: absolute;
        top: -9px;
        right: 5px;
    }

    button.dropdown-toggle {
        display: none;
    }

    .menu-toggle {
        display: none;
    }

    .main-navigation ul {
        display: block;
    }

    .main-navigation li {
        display: inline-flex;
    }

    .main-navigation .left-menu {
        padding-left: 50px;
    }

    .main-navigation li.left-menu+li.right-menu:before {
        content: "/";
        position: absolute;
        top: 50%;
        margin-left: -6px;
        color: #fff;
        margin-top: -1px;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }

    .main-navigation form.search-form input {
        background-color: #fff;
        border-color: #fff;
        color: #111;
    }

    .overlay-side {
        position: absolute;
        top: 0;
    }

    .right-sidebar #primary,
    .left-sidebar #primary {
        width: 100%;
        float: left;
        padding-right: 10px;
    }

    .right-sidebar #secondary,
    .left-sidebar #secondary {
        width: 30%;
        float: right;
    }

    .left-sidebar #primary {
        float: right;
        padding-right: 0;
        padding-left: 30px;
    }

    .no-sidebar #primary {
        float: none;
        padding-right: 0;
    }

    .main-navigation ul.nav-menu>li:last-child>a:hover,
    .main-navigation ul.nav-menu>li:last-child>a:hover::before {
        color: #ffffff;
    }
}

@media screen and (min-width: 1900px) {

    .footer-widgets-area.section-gap {
        padding: 200px 0 100px;
    }
}

@media screen and (max-width: 1024px) {
    #section-header .topheader .row {
        padding: 0rem !important;
    }

    .bottomheader {
        padding: 0;
    }

    #secondary.single {
        margin-top: 2rem;
    }

    .main-navigation ul.nav-menu li:last-child {
        margin: 0;
    }

    .widget {
        width: 96%;
    }

    .main-navigation {
        display: block;
        position: relative;
        width: 100%;
        margin: 0;
    }

    .menu-toggle span {
        width: 32px !important;
        height: 3px !important;
    }

    .main-navigation ul.nav-menu {
        position: fixed;
        width: 65%;
        background-color: #ffffff;
        top: 0%;
        left: 0;
        height: 100%;
        z-index: 2;
        padding-top: 3rem;
        padding-bottom: 3rem;
        overflow-y: auto;
        transition: left 0.1s ease-in-out;
    }

    .main-navigation ul.nav-menu li {
        text-align: left;
    }

    .menu-toggle {
        position: absolute;
        width: 40px !important;
        height: 40px !important;
        top: -1rem;
    }

    .menu-toggle.active {
        top: 1rem !important;
        right: 40% !important;
        position: fixed;
        z-index: 99;
    }

    #section-header #form1 form {
        width: 100%;
    }

    #featured-pricings .row {
        width: 100% !important;
    }
}

@media only screen and (max-width: 1023px) {

    .main-navigation ul ul {
        border-top: 1px solid rgba(0, 0, 0, 0.10);
    }

    .main-navigation ul ul ul {
        margin-top: 0;
    }

    .main-navigation ul.nav-menu li {
        border-bottom: 1px solid rgba(0, 0, 0, 0.10);
        display: block;
        width: 100%;
        text-align: center;
        justify-content: center;
    }

    .main-navigation ul.nav-menu li:last-child {
        border-bottom: none;
    }

    .main-navigation ul ul li a {
        padding-left: 35px;
        color: #fff;
        background-color: #fac100;
    }

    .main-navigation ul ul ul li a {
        padding-left: 60px;
    }

    .main-navigation ul ul ul ul li a {
        padding-left: 80px;
    }

    .main-navigation ul ul a {
        width: 100%;
    }

    .main-navigation ul ul,
    .main-navigation ul ul ul {
        box-shadow: none;
        float: none;
        position: relative;
        top: 0;
        left: 0;
        margin-bottom: 0;
        display: none;
    }

    .main-navigation .menu-item-has-children>a:before {
        content: "";
        float: right;
        position: relative;
        right: 0;
        background-color: rgba(255, 255, 255, 0.20);
        width: 1px;
        height: 25px;
    }

    .main-navigation .menu-item-has-children>a:after {
        padding-top: 3px;
    }

    .main-navigation ul.sub-menu li a {
        border-left: none;
    }

    .main-navigation form.search-form input {
        background-color: #fff;
        border: none;
        min-height: 55px;
    }

    .main-navigation form.search-form button.search-submit {
        height: 59px;
    }

    .main-navigation form.search-form input {
        padding-left: 25px;
    }

    

}

@media screen and (max-width: 992px) {

    /* #secondary .col-lg-8 {
        width: 55%;
        margin-top: 2rem;
    }

    #secondary .col-lg-4 {
        width: 45%;
        margin-top: 2rem;
    } */
    #main .client-single-post,
    #secondary .client-single-post {
        display: block !important;
    }

    #main .client-single-post .content-image,
    #secondary .client-single-post .content-image {
        width: 100% !important;
    }

    #main .client-single-post .image-text,
    #secondary .client-single-post .image-text {
        width: 100% !important;
    }
}

@media screen and (max-width:450px) {}

@media screen and (max-width: 576px) {
    #section-header .site-logo img {
        width: 90%;
        height: 64px;
    }

    .bottomheader .logo-col {
        justify-items: left;
    }

    .menu-toggle.active {
        top: 2rem !important;
        right: .6rem !important;
        position: fixed;
        z-index: 5;
    }

    .main-navigation ul.nav-menu {
        width: 85%;
    }

    #content {
        padding: 0;
        width: 100%;
        margin: 0;
    }

    .widget {
        width: 100%;
    }

    .menu-toggle {
        top: -1rem !important;
    }

    #primary .entry-content h2,
    #primary .entry-content h3,
    #primary .entry-content h4,
    #primary .entry-content h5 {
        text-align: center;
    }

    #featured-slider .wrapper {
        padding: 0rem;
    }

    #main .bloginn-inner-content .image-text .entrymeta,
    #secondary .bloginn-inner-content .image-text .entrymeta {
        gap: 5px !important;
    }
}

@media screen and (max-width: 767px) {
    #colophon .hentry {
        padding: 0 .5rem;
    }

    #featured-ourwork .container .row {
        width: 100% !important;
    }

    #featured-contact .title-section h3 {
        font-size: clamp(2rem, 4vw, 3rem) !important;
        font-family: 'Poppins', sans-serif;
        font-weight: 700 !important;
        line-height: 38px !important;
        padding: 1.5rem 0 1rem 0;
    }

    #featured-about .aboutrightside {
        padding: 1rem;
    }

    #featured-whychooseus .container {
        padding: 0 !important;
    }

    #featured-about .aboutrightside .list h2 svg {
        top: 2px;
    }

    .main-navigation ul.nav-menu {
        width: 75% !important;
    }

    .menu-toggle.active {
        top: 1rem !important;
        right: 7.5rem !important;
        z-index: 99;
    }

    #loading-screen img {
        width: 40%;
        /* Adjust size if needed */
        height: auto;
    }

    #featured-counters .countersbox .counters-num span {
        font-family: 'Poppins', sans-serif;
        font-size: 1.5rem !important;
    }

    /* 
    .comment-navigation .nav-previous,
    .posts-navigation .nav-previous,
    .post-navigation .nav-previous,
    .comment-navigation .nav-next,
    .posts-navigation .nav-next,
    .post-navigation .nav-next {
        width: 100%;
        margin: 15px 0;
    }

    .post-navigation span.previous-article b,
    .post-navigations span.previous-article b,
    .post-navigation span.next-article b,
    .post-navigations span.next-article b {
        font-size: 18px;
    }

    #respond {
        margin-top: 40px;
    }

    .comment-meta img {
        margin-right: 15px;
    } */

    /* .comments-title,
    #reply-title {
        margin-bottom: 8px;
    }

    .backtotop {
        display: none;
    } */
    #featured-pricings .pricebox {
        margin-top: 4rem;
    }

    .has-text-align-right {
        text-align: left !important;
    }

    .single-team #contentArea .wp-block-columns {
        gap: .5rem;
    }
}

@media (min-width:767px) and (max-width:992px) {

    #featured-pricings .container,
    #featured-pricings .container .row {
        width: 100%;
        max-width: 100%;
    }

    #featured-pricings .pricebox {
        padding: 1rem;
    }
}

@media (min-width:1024px) and (max-width:1279px) {}

@media (min-width:1024px) and (max-width:1170px) {}

@media (min-width:1279px) and (max-width:1428px) {}

@media (min-width:1024px) and (max-width:1280px) {}

@media (min-width:1278px) and (max-width:1500px) {}


/* ============================================= */
/*/////////////////// media query css for laptop start ////////////////*/
@media (orientation: landscape) and (max-width:1440px) {}

/* ============================================= */
/*/////////////////// media query css for tab start ////////////////*/
@media (min-width:700px) and (max-width:992px) {}

/* ============================================= */
/*/////////////////// media query css for tab start ////////////////*/
@media (min-width:767px) and (max-width:1024px) {}

/* ============================================= */
/*/////////////////// media query css for laptop start ////////////////*/
@media (min-width:1023px) and (max-width:1024px) {}

/* ============================================= */
@media (min-width:1024px) and (max-width:1366px) {
    #section-header .topheader .row {
        padding: 0rem !important;
    }

    .bottomheader {
        padding: 0;
    }

    .navigation.post-navigation,
    .comment-navigation .nav-next,
    .posts-navigation .nav-next,
    .post-navigation .nav-next {
        padding: 0;
    }

    #colophon .gap-16 {
        gap: 1.5rem;
    }
}

#content #featured-about {
    padding: 1rem 0 4rem 0;
}

/* #content #featured-counters {
    margin: 5rem 0 2rem 0;
} */

.home #content,
#content #featured-about .aboutrightside .d-flex .button {
    display: none !important;
}

#content #featured-contact .container {
    padding: 0;
}

#content #featured-contact .d-flex h3 {
    text-align: left !important;
}



/* Inner Page CSS */
.about-drives h4.title {
    margin: 1rem 0 !important;
    margin-bottom: 0.75rem !important;
    line-height: 1.75rem;
    color: #000000;
    font-family: 'Poppins', sans-serif;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
}

.about-drives p.text {
    margin: 0 !important;
    line-height: 1.625 !important;
    opacity: 0.8 !important;
    color: #1C2533 !important;
    font-size: 19px !important;
}

.about-drives .main-title {
    margin-top: 0 !important;
    font-size: 2.25rem !important;
    line-height: 2.5rem !important;
    font-weight: 700 !important;
}

.team-inner-content .featured-team-item .team {
    color: #bcbcbc !important;
    margin: 12px 0px 30px !important;
    font-weight: 400 !important;
}




.single-team #contentArea p:first-of-type {
    margin: 0 0 1.5rem 0;
    font-size: 18px;
}

.single-team #contentArea .has-text-align-right {
    margin: 0 !important;
}

.single-team #contentArea .wp-block-columns {
    margin: 0 !important;
}

.single-team #contentArea .wp-block-columns p:first-of-type {
    margin: 0 0 .7rem 0;
    font-size: 16px;
}

.single-team #contentArea .wp-block-columns {
    margin: 1rem 0 1rem 0 !important;
    font-size: 16px;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid #E1E5EA;
}

.single-team #contentArea .wp-block-columns .wp-block-columns {
    padding: 0rem;
    border: none;
}

.single-team .litext span.text {
    display: inline-flex;
    padding: 0.5rem 1rem;
    justify-content: center;
    align-items: center;
    border-radius: 0.375rem;
    border-width: 2px;
    font-size: 0.75rem;
    line-height: 1rem;
    font-weight: 500;
    background-color: #ffffff;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
    border-color: #0052CC;
    color: #0052CC;
}

.single-team .litext span.text:hover {
    color: #ffffff;
    background: #0052CC;
}

.single-team .certification h2 {
    font-family: "Poppins", sans-serif;
    font-weight: 700 !important;
    font-size: 1.5rem !important;
}

.single-team .certification h3 {
    font-family: "Poppins", sans-serif;
    font-weight: 600 !important;
    color: #0D1117;
    font-size: 15px !important;
}

h4.singlepostheading {
    padding: 0.125rem 0.5rem;
    border-radius: 1rem;
    width: fit-content;
    font-size: 0.75rem !important;
    line-height: 1rem !important;
    font-weight: 400 !important;
    color: #ffffff;
    background: #0052CC;
}

.wp-block-column {
    margin-top: 1rem !important;
    padding: 1rem;
    border-radius: 1rem;
    border: 1px solid #E1E5EA;
}

.singleteampage .wp-block-column {
    margin-top: 0rem !important;
    padding: 0rem;
    border-radius: 1rem;
    border: none;
}

.wp-block-column p {
    margin: .5rem 0rem 1rem 0 !important;
}

.wp-block-buttons {
    margin-top: 2rem !important;
    margin-right: auto !important;
    margin-bottom: 1rem !important;
}

@media screen and (max-width: 576px) {
    .wrapper .container .grid .p-8 {
        padding: 1rem;
    }

    #main .client-single-post .image-text,
    #secondary .client-single-post .image-text {
        width: 100% !important;
        padding: 1rem 1rem;
    }
}

.single-project #contentArea p:first-of-type {
    margin-top: 0;
}

@media screen and (min-width: 1500px) {
    #colophon {
        padding: 0 0rem;
    }
}

/* single blog page   */

.back-link a {
    color: #000000;
    text-decoration: none; /* optional */
}

.back-link a svg {
    color: #000000;
}

.post-featured-image img {
    border-radius: 60px; /* adjust as needed */
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15); /* shadow from all sides */
    display: block;
}

.post-category-badge {
    display: inline-block;
    padding: 10px 20px;
    font-size: 16px;
    font-weight: 500;
    color: #ffffff;
    background: linear-gradient(to right, #ff6b35, #ff8c42);
    border-radius: 50px;
    line-height: 1.5;
}

/* 1️⃣ TITLE */
.singlepost .entry-title  {
    font-size: 34px;
    color: #000000;
    font-weight: 700;
}

/* 2️⃣ META (icons + text + bottom border) */
.singlepost .post-meta {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 12px;
}

.singlepost .post-meta span{
    color: #000000;
    font-size: 18px;
}

.singlepost .post-meta svg {
    color: #ff6b35;
    margin-right: 8px;
}

/* 3️⃣ CONTENT PARAGRAPH STYLE */
.singlepost .entry-content {
    background: #ffffff;
    border-radius: 60px;
    box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15); /* shadow from all sides */
    padding: 40px;
}

/* Optional: better paragraph spacing */
.singlepost .entry-content p {
    margin-bottom: 10px;
    line-height: 1.7;
    margin: 15px !important;
    color: #1C2533;
}


#contentArea .service-badge {
    display: inline-block;
    background: linear-gradient(to right,#ff6b35,#ff8c42);
    color: #ffffff;
    font-size: 12px;
    font-weight: 600;
    padding: 4px 12px;
    border-radius: 999px;
    margin-bottom: 12px;
}

.service-bottom-links a {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    color: #0052CC;
    text-decoration: none;
    transition: 0.3s;
}

.service-bottom-links a:hover {
    color: #003D99;
}

.service-bottom-links .left-link {
    display: flex;
    align-items: center;
    gap: 6px;
}

.service-bottom-links .right-link {
    display: flex;
    align-items: center;
    gap: 6px;
}

.service-bottom-links {
    border-top: 1px solid !important;
    border-color: #E1E5EA;
}

.single-service .contact-section {
    background: linear-gradient(to bottom right, #0a1f44, #0d2b5c, #0a1f44);
}

/* ===== MOBILE & SMALL DEVICES (≤639px) ===== */
@media (max-width: 639px) {

    /* Card height */
    .big-blog-card > div {
        height: 580px !important;
    }

    /* Content padding */
    .big-blog-card .absolute.inset-0.flex.flex-col {
        padding: 20px !important;
    }

    /* Top badges container */
    .big-blog-card .absolute.top-8 {
        top: 15px !important;
        left: 15px !important;
        right: 15px !important;
        flex-wrap: wrap;
        gap: 8px;
    }

    /* Badge styling */
    .big-blog-card .bagecolor,
    .big-blog-card .bagecolor2 {
        font-size: 10px;
        padding: 6px 10px;
        line-height: 1;
        white-space: nowrap;
    }

    /* Meta (date, read time, author) */
    .big-blog-card .flex.items-center.gap-4 {
        gap: 8px !important;
        margin-bottom: 12px !important;
        flex-wrap: wrap;
    }

    .big-blog-card .flex.items-center.gap-4 > div {
        padding: 6px 10px !important;
        font-size: 11px;
    }

    /* Title */
    .big-blog-card .blog-title {
        font-size: 20px;
        line-height: 1.3;
        margin-bottom: 10px;
    }

    /* Excerpt */
    .big-blog-card p {
        font-size: 14px;
        line-height: 1.5;
        margin-bottom: 15px;
    }

    /* Button */
    .big-blog-card .button {
        font-size: 14px;
        padding: 10px 18px;
    }

    /* Decorative corners hide (optional for clean look) */
    .big-blog-card .absolute.top-0.left-0,
    .big-blog-card .absolute.bottom-0.right-0 {
        display: none;
    }
}


/* ===== TABLET (640px – 991px) ===== */
@media (min-width: 640px) and (max-width: 991px) {

    .big-blog-card > div {
        height: 500px;
    }

    .big-blog-card .blog-title {
        font-size: 26px;
    }

    .big-blog-card p {
        font-size: 15px;
    }

    .big-blog-card .button {
        font-size: 15px;
        padding: 12px 22px;
    }

    .big-blog-card .bagecolor,
    .big-blog-card .bagecolor2 {
        font-size: 11px;
        padding: 7px 12px;
    }
}

#featured-slider ul {
    list-style: none !important;
}

body:not(.home) .pricing-section .col-xl-6.col-lg-9 {
  display: none;
}

body:not(.home) #featured-pricings .title-section {
  display: none;
}




.custom-slider-subtitle {
    background: linear-gradient(to right, #ff6b35, #ff8c42);

    -webkit-background-clip: text;
    background-clip: text;

    -webkit-text-fill-color: transparent;
    color: transparent;

    display: inline-block; /* IMPORTANT */
}

.custom-slider-underline {
    background: rgba(255, 107, 53, 0.2);
}

.slider-buttons {
    display: flex;
    flex-wrap: wrap;
    padding-top: 16px;
    gap: 16px;
    justify-content: flex-start; /* 🔥 important */
    margin-left: -16px;
}

/* Common Button Style */
.slider-buttons .btn {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 16px 40px;
    font-size: 20px;
    font-weight: 700;
    border-radius: 50px;
    border: 4px solid transparent; /* solid */
    cursor: pointer;
    transition: all 0.3s ease;
}

/* Common SVG styling */
.slider-buttons .btn svg {
    width: 24px;
    height: 24px;
}

/* Primary Button SVG */
.slider-buttons .btn-primary1 svg {
    color: #ffffff;
}

/* Secondary Button SVG */
.slider-buttons .btn-secondary1 svg {
    color: #0a1f44;
}

/* FIX: hover should be on button, not svg */
.slider-buttons .btn-secondary1:hover svg {
    color: #ff6b35;
}

/* Primary Button */
.slider-buttons .btn-primary1 {
    background: #ff6b35;
    color: #ffffff;
}

.slider-buttons .btn-primary1:hover {
    background: #e85a28;
    transform: scale(1.05);
    border-color: #de7947; /* keep your original border */
}

/* Secondary Button */
.slider-buttons .btn-secondary1 {
    background: #ffffff; /* solid */
    color: #0a1f44;
}

.slider-buttons .btn-secondary1:hover {
    background: #ffffff;
    color: #ff6b35;
}
.slider-buttons .btn-primary1 {
    border: 4px solid #de7947;
}

.slider-buttons .btn-secondary1 {
    border: 4px solid #ffffff;
}
#featured-pricings .pricebox2 .scale-105 {
    border: 4px solid #ff6b35;
}

#featured-pricings .pricing-btn {
    background-color: #0a1f44;
    color: #ffffff;
    font-weight: 500;
}

#featured-pricings .pricing-btn:hover {
    background-color: #ff6b35;
}


/* MIDDLE BUTTON ONLY */
#featured-pricings .pricebox2 .pricing-btn-middle {
    background: linear-gradient(to right, #ff6b35, #ff8c42);
    color: #ffffff;
}

/* Hover Effect */
#featured-pricings .pricebox2 .pricing-btn-middle:hover {
    background: linear-gradient(to right, #ff6b35, #ff8c42);
    color: #ffffff;
    box-shadow: 0 10px 25px rgba(255, 107, 53, 0.5);
}

#featured-pricings .pricebox2 .middle-box {
    background-color: #ffffff;
}

#featured-pricings .pricebox2 .pricing-badge {
    color: #ff6b35;
    background-color: rgba(255, 107, 53, 0.1);
}

/* Main Box */
#featured-pricings .pricing-bottom-box {
    background-color: rgba(255, 255, 255, 0.1);
    border-color: rgba(255, 255, 255, 0.2);
}

/* Icon Circle */
#featured-pricings .pricing-bottom-icon {
    background: linear-gradient(to bottom right, #ff6b35, #ff8c42);
    color: #ffffff;
}

/* Title */
#featured-pricings .pricing-bottom-title {
    color: #ffffff;
}

/* Subtitle */
#featured-pricings .pricing-bottom-subtitle {
    color: #d1d5db;
}

/* Divider */
#featured-pricings .pricing-bottom-divider {
    background-color: rgba(255, 255, 255, 0.2);
}

/* Button */
#featured-pricings .pricing-bottom-btn {
    color: #ffffff;
}

/* Button Hover */
#featured-pricings .pricing-bottom-btn:hover {
    color: #ff6b35;
}

/* Specific styling for Featured Team Info box */
.team-section-content .featured-team-item .team-info {
    background-color: #ffffff; 
}

.blog-wrapper .button {
    background: linear-gradient(to right, #ff6b35, #ff8c42); /* exact gradient */
}

.blog-wrapper .button:hover {
    opacity: 0.9;              /* subtle hover effect */
    transform: scale(1.05);
}

#featured-posts .big-blog-card .bagecolor2  {
     color : #ffffff;
     font-weight: 500;
     }

.blog-wrapper .big-blog-card .meta-badge {
    background: rgba(255, 255, 255, 0.1);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
}

/* ================= HEADER FLEX LAYOUT ================= */

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

.bottomheader .row {
    display: flex;
    align-items: center;
    gap: 0px;
    flex-wrap: nowrap;
}

/* Logo */
.logo-col {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
}

/* Menu wrapper */
.navebardiv {
    flex: 1;
    display: flex;
    justify-content: flex-end;
}

/* Navigation */
.header-nav,
.main-navigation {
    display: flex;
    align-items: center;
}

/* Menu UL */
.main-navigation .nav-menu,
.mainmenu {
    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: nowrap;
}

/* Push last item to right */
.mainmenu > li.menu-right {
    margin-left: auto;
}

/* Prevent shrinking */
.header-search,
.header-cart,
.header-account,
.header-button {
    flex-shrink: 0;
}

/* ================= RIGHT SECTION ================= */

/* Base (Mobile First) */
.header-right {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: nowrap;
    margin-left: 10px; /* small spacing for mobile */
}

/* Small devices (≥576px) */
@media (min-width: 576px) {
    .header-right {
        margin-left: 20px;
        gap: 10px;
    }
}

/* Tablets (≥768px) */
@media (min-width: 768px) {
    .header-right {
        margin-left: 40px;
        gap: 10px;
    }
}

/* Laptops (≥992px) */
@media (min-width: 992px) {
    .header-right {
        margin-left: 70px;
        gap: 10px;
    }
}

/* Desktops (≥1200px) */
@media (min-width: 1250px) {
    .header-right {
        margin-left: 18px;
        gap: 10px;
    }
}
@media (min-width: 1200px) {
    .header-right {
        margin-left: 0px !important;
    }
}
@media (max-width: 1024px) {
    .menu-toggle {
        display: block;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 999;
    }
}
/* Large screens (≥1400px) */
@media (min-width: 1400px) {
    .header-right {
        margin-left: 100px;
        gap: 10px;
    }
}
/* ================= SEARCH ================= */

.header-search {
    position: relative;
    display: flex;
    align-items: center;
}

.header-search input {
    width: 224px;
    height: 42px;
    padding: 10px 16px 10px 36px;
    border-radius: 10px;
    border: 1px solid #d1d5dc;
    font-size: 16px;
    outline: none;
    font-weight: 400;
}

.header-search input:focus {
    border-color: #ff6b35;
    box-shadow: 0 0 0 2px rgba(255, 107, 53, 0.2);
}

.header-search svg {
    position: absolute;
    left: 12px;
    top: 50%;
    transform: translateY(-50%);
    color: #6b7280;
}

/* ================= CART ================= */

/* ================= CART ================= */

.header-cart {
    position: relative;
    display: flex;
    align-items: center;
}

.header-cart a {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #1f2937 !important;
    transition: 0.3s;
}

/* 🔥 FORCE ICON COLOR */
.header-cart i {
    color: inherit !important;
}

/* Hover */
.header-cart a:hover {
    color: #ff6b35 !important;
}

/* Cart Badge */
.header-cart span {
    position: absolute;
    top: 8px;
    right: 0;
    background: #ff6b35;
    color: #fff;
    font-size: 11px;
    padding: 2px 6px;
    border-radius: 50%;
}


/* ================= ACCOUNT ================= */

.header-account a {
    display: flex;
    align-items: center;
    font-size: 20px;
    color: #1f2937 !important;
    transition: 0.3s;
}

/* 🔥 FORCE ICON COLOR */
.header-account i {
    color: inherit !important;
}

/* Hover */
.header-account a:hover {
    color: #ff6b35 !important;
}

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

.header-button .last-button {
    background: #ff6b35;
    color: #fff;
    padding: 6px 18px;
    border-radius: 10px;
    font-weight: 600;
    font-size: 16px;
}

.header-button .last-button:hover {
    background: #e85a2a;
}

/* ================= ACTIVE MENU ================= */

.mainmenu li.current-menu-item a {
    color: #2563eb;
    font-weight: 600;
}

/* ================= TOGGLE BUTTON ================= */

.menu-toggle {
    display: none;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border: 1px solid #d1d5dc;
    border-radius: 10px;
    background: #fff;
    cursor: pointer;
}

/* Icon switch */
.menu-toggle .cross {
    display: none;
}

.menu-toggle.open .menu-icon {
    display: none;
}

.menu-toggle.open .cross {
    display: inline;
}

/* ================= MOBILE / TABLET ================= */

@media (max-width: 1024px) {

    /* Layout */
    .bottomheader .row {
        justify-content: space-between;
    }

    /* Hide search */
    .header-search {
        display: none;
    }

    /* Show toggle */
    .menu-toggle {
        display: flex;
    }

    /* Keep right section visible */
    .menu-right {
        display: block !important;
    }

    /* Hide menu items initially */
    .mainmenu > li:not(.menu-right) {
        display: none;
    }

    /* ===== MOBILE MENU PANEL ===== */

    .main-navigation .nav-menu {
        position: fixed;
        top: 80px;
        left: -100%;
        width: 100%;
        height: calc(100vh - 80px);
        background: #fff;
        flex-direction: column;
        align-items: flex-start;
        padding: 20px;
        gap: 20px;
        transition: 0.3s;
        z-index: 999;
    }

    /* When active (OPEN MENU) */
    .main-navigation .nav-menu.active {
        left: 0;
    }

    /* Show all menu items when open */
    .main-navigation .nav-menu.active > li {
        display: block !important;
    }

    /* Smaller button */
    .header-button .last-button {
        padding: 6px 14px;
        font-size: 14px;
    }

    /* Icon size */
    .header-cart a,
    .header-account a {
        font-size: 18px;
    }
}

/* ================= ICON FIX ================= */

.header-cart svg,
.header-account svg {
    stroke: currentColor;
}

.header-cart a,
.header-account a {
    color: #1f2937;
}

.header-cart a:hover,
.header-account a:hover {
    color: #ff6b35;
}
/* Default state (menu closed) */
.menu-toggle .cross {
    display: none;
}

.menu-toggle .menu-icon {
    display: inline-block;
}

/* When menu is OPEN */
.menu-toggle.open .menu-icon {
    display: none;
}

.menu-toggle.open .cross {
    display: inline-block;
}

/* 🔥 Hide menu by default on mobile */
@media (max-width: 1024px) {
    .main-navigation .nav-menu {
        display: none;
    }

    .main-navigation .nav-menu.active {
        display: block;
    }
}

@media (max-width: 1024px) {
    .main-navigation.loaded {
        visibility: visible;
    }
}


@media (max-width: 1024px) {
    .menu-toggle {
        display: block;
        position: absolute;
        right: 20px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 999;
    }
}

@media (max-width: 1024px) {
    .main-navigation .nav-menu {
        display: none;
        flex-direction: column;
        background: #fff;
        position: absolute;
        width: 100%;
        left: 0;
        top: 100%;
    }

    .main-navigation .nav-menu.active {
        display: flex;
    }
}
/* //  ****************************
//  Woo Commeerce code  start  //
//  ************************** // */
/* //  *******************************************
//   CLEAN SLATE: Exact Match for Reference Image   
//  ******************************************* // */

/* Reset the Product List Grid */
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 41px;
    padding: 2rem 0;
    margin: 0;
    justify-self: anchor-center;
}

/* THE CARD: Rounded Corners, Soft Shadow & Bottom Space for Buttons */
.woocommerce ul.products li.product {
    background: #ffffff;

    /* border-2 border-gray-100 */
    border: 2px solid #f3f4f6;

    /* rounded-3xl */
    border-radius: 24px;

    overflow: hidden;

    /* smooth transition */
    transition: all 0.3s ease;

    width: 100%;
    max-width: 400px;

    display: flex;
    flex-direction: column;
    text-align: left;

    position: relative;
}

/* 🔥 HOVER EFFECT */
.woocommerce ul.products li.product:hover {

    /* hover:border-[#ff6b35] */
    border-color: #ff6b35;

    /* hover:shadow-2xl */
    box-shadow: 0 25px 50px rgba(0, 0, 0, 0.25);

    background: #ffffff;
}

.woocommerce ul.products li.product a {
    display: block;
    overflow: hidden;
}

/* THE IMAGE */
.woocommerce ul.products li.product a img {
    width: 100%;
    height: 256px;
    object-fit: cover;

    display: block;
    margin: 0 !important;
    padding: 0;

    background-color: #000;
    /* 🔥 match card radius */
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
}
.woocommerce ul.products li.product a {
    margin: 0;
    padding: 0;
}

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3  {
    padding: 0em 0;
    margin: 0;
    font-size: 1.25em !important;
    font-weight: 900 !important;
}

/* Eye Icon Overlay on Image */
.product-image-eye-overlay {
    position: absolute;
    top: 130px;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    color: #FF5500;
    /* Orange eye */
    width: 50px;
    height: 50px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    opacity: 0;
    transition: all 0.3s ease;
    z-index: 5;
    pointer-events: none;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}

.woocommerce ul.products li.product:hover .product-image-eye-overlay {
    opacity: 1;
}

/* STAR RATINGS (Yellow) */
.woocommerce ul.products li.product .star-rating {
    margin: 0 0 10px 0;
    font-size: 14px;
    color: #FFC107;
}

/* THE TITLE: Dark Blue */
.woocommerce ul.products li.product .woocommerce-loop-product__title {
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin: 0 0 10px 0;
    width: 100%;
    font-size: 20px;
    font-weight: 700;
    color: #0a2540;
    text-align: left;
    line-height: 1.3;
}

/* THE TITLE HOVER EFFECT */
.woocommerce ul.products li.product .woocommerce-loop-product__title:hover {
    color: #ff6900;
    /* Vibrant Orange to match your theme */
    cursor: pointer;
    transition: color 0.3s ease;
    /* Makes the color fade in/out smoothly */
}

/* THE PRICE: Vivid Orange */
.woocommerce ul.products li.product .price {
    background: transparent;
    box-shadow: none;
    padding: 0;
    margin: 0 0 0px 0;
    display: block;
    color: #ff6900;
    font-size: 24px;
    font-weight: 800;
    text-align: left;
    /* margin-bottom: 16px;*/
}

/* Fix Price display issues (Hide "Price" word and remove underline) */
.woocommerce ul.products li.product .price strong {
    display: none;
}

.woocommerce ul.products li.product .price ins,
.woocommerce ul.products li.product .price span,
.woocommerce ul.products li.product .price bdi {
    text-decoration: none;
    border-bottom: none;
}

/* Hide original del/sale tags */
.woocommerce ul.products li.product .price del,
.woocommerce ul.products li.product .onsale {
    display: none;
}

/* --- BULLETPROOF BUTTONS (Overrides Theme Wrappers) --- */

/* 1. Ensure the card has space at the bottom */
.woocommerce ul.products li.product {
    position: relative;
}

/* 2. Strip any weird formatting from theme <p> or <div> wrappers */
.woocommerce ul.products li.product p.button,
.woocommerce ul.products li.product .add-to-cart-wrap {
    position: static;
    margin: 0;
    padding: 0;
}

/* 3. The Teal Eye Circle (Targeted directly) */
.woocommerce ul.products li.product a.custom-quick-view-circle {
    position: absolute;
    bottom: 20px;
    right: 20px;
    width: 48px;
    height: 48px;
    min-width: 48px;
    background-color: #00C4CC;
    /* Force Teal */
    color: #ffffff;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    z-index: 99;
    /* Forces it to the front */
    text-decoration: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
}

.woocommerce ul.products li.product a.custom-quick-view-circle:hover {
    background-color: #00AAB0;
}

/* 4. The Main Add to Cart Button (Nuking the Purple) */
.woocommerce ul.products li.product a.button,
.woocommerce ul.products li.product a.button.add_to_cart_button,
.woocommerce ul.products li.product button.button {

    display: inline-flex;
    align-items: center;
    gap: 8px;

    background: linear-gradient(to right, #0a1f44, #0d2b5c);
    color: #ffffff;

    padding: 12px 24px; /* px-6 py-3 */
    border-radius: 12px; /* rounded-xl */

    font-weight: 900; /* font-black */

    transition: all 0.3s ease;
    box-shadow: 0 10px 15px rgba(0,0,0,0.2);

    border: none;
    text-decoration: none;
}

/* 🔥 HOVER */
.woocommerce ul.products li.product a.button:hover {
    background: linear-gradient(to right, #ff6b35, #ff8c42);
    transform: scale(1.05);
    color: #fff;
}
/* 🔥 ICON STYLE */
.woocommerce ul.products li.product a.button i {
    font-size: 14px;
    display: inline-block;
}



/* Cart Icon inside the button */
.woocommerce ul.products li.product a.button::before,
.woocommerce ul.products li.product button.button::before {
    font-weight: 900;
    margin-right: 8px;
}

.woocommerce ul.products::before,
.woocommerce-page ul.products::after,
.woocommerce-page ul.products::before {
    content: " ";
    display: none;
}


.woocommerce ul.products.columns-3 li.product,
.woocommerce-page ul.products.columns-3 li.product {
    width: 100%;
}

.woocommerce span.onsale {
    min-height: 3.236em;
    display: none;
    min-width: 3.236em;
    padding: .202em;
    font-size: 1em;
    font-weight: 700;
    position: absolute;
    text-align: center;
    line-height: 3.236;
    top: -.5em;
    left: -.5em;
    margin: 0;
    border-radius: 100%;
    background-color: #958e09;
    color: #fff;
    font-size: .857em;
    z-index: 9;
}




.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
    font-size: .92em;
    color: #767676;
    display: none;
}

.woocommerce div.product div.images .woocommerce-product-gallery__trigger {
    background: #fff;
    display: none;
    border: none;
    box-sizing: content-box;
    border-radius: 100%;
    cursor: pointer;
    font-size: 2em;
    height: 36px;
    padding: 0;
    position: absolute;
    right: .5em;
    text-indent: -9999px;
    top: .5em;
    width: 36px;
    z-index: 99;
}

/* =========================================
   UNIVERSAL RESPONSIVE IMPROVEMENTS
   (SAFE ADD-ON – NO THEME BREAK)
   ========================================= */

/* Better container control */
.woocommerce ul.products {
    max-width: 1300px;
    margin: 0 auto;
    /* centers grid */
}

/* Fix card alignment issue */
.woocommerce ul.products li.product {
    margin-left: auto;
    margin-right: auto;
}

/* Ultra Large Screens (≥ 1400px) */
@media (min-width: 1400px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr);
        gap: 50px;
    }

    .woocommerce ul.products li.product a img {
        height: 256px;
    }
}

/* Large Laptops (1200px - 1399px) */
@media (max-width: 1399px) and (min-width: 1200px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr);
        gap: 35px;
    }
}

/* Small Laptops (992px - 1199px) */
@media (max-width: 1199px) and (min-width: 992px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 30px;
    }
}

/* Tablets (768px - 991px) */
@media (max-width: 991px) and (min-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 25px;
    }
}

/* Large Mobile (576px - 767px) */
@media (max-width: 767px) and (min-width: 576px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 20px;
    }

    .woocommerce ul.products li.product a img {
        height: 180px;
    }
}

/* Small Mobile (≤ 575px) */
@media (max-width: 575px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr;
        /* single column */
        gap: 20px;
    }

    .woocommerce ul.products li.product {
        max-width: 100%;
    }

    .woocommerce ul.products li.product a img {
        height: 200px;
    }

    /* Full width button */
    .woocommerce ul.products li.product a.button,
    .woocommerce ul.products li.product button.button {
        left: 15px;
        right: 15px;
    }

    /* Move eye button above */
    .woocommerce ul.products li.product a.custom-quick-view-circle {
        bottom: 75px;
    }
}

/* =========================================
   1. SHOP PAGE / PRODUCT GRID
   ========================================= */

/* Fix overflow and prevent stretching */
.woocommerce ul.products li.product {
    overflow: visible;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.woocommerce ul.products li.product:hover {
    transform: translateY(-5px);
}

.woocommerce ul.products li.product a img {
    object-fit: cover;
}

/* Responsive Grid Configuration */
.woocommerce ul.products {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    /* Auto-scaling grid for desktop/laptops */
    gap: 32px;
}

@media (max-width: 1024px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (max-width: 768px) {
    .woocommerce ul.products {
        grid-template-columns: repeat(2, 1fr);
        gap: 15px;
    }
}

@media (max-width: 480px) {
    .woocommerce ul.products {
        grid-template-columns: 1fr;
        padding: 1.5rem 12px;
    }

    .woocommerce ul.products li.product {
        padding: 12px;
        padding-bottom: 90px;
        border-radius: 12px;
    }

    .woocommerce ul.products li.product a img {
        height: 160px;
        border-radius: 8px;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 15px;
        line-height: 1.2;
    }

    .woocommerce ul.products li.product .price {
        font-size: 16px;
    }

    /* Full width buttons on mobile */
    .woocommerce ul.products li.product a.button,
    .woocommerce ul.products li.product button.button {
        left: 10px;
        right: 10px;
        height: 40px;
        font-size: 13px;
        border-radius: 30px;
    }

    .woocommerce ul.products li.product a.button::before {
        margin-right: 6px;
    }

    .woocommerce ul.products li.product a.custom-quick-view-circle {
        bottom: 65px;
        right: 12px;
        width: 40px;
        height: 40px;
        font-size: 16px;
    }
}


/* =========================================
   2. SINGLE PRODUCT - LAYOUT & TYPOGRAPHY
   ========================================= */

.woocommerce div.product {
    position: relative;
    margin: 2rem auto;
    max-width: 1300px;
    /* Caps max width on ultra-wide screens */
}

/* Fluid typography: scales from 22px on mobile to 36px on desktop smoothly */
.woocommerce div.product .product_title {
    clear: none;
    margin-top: 0;
    padding: 0;
    font-size: clamp(22px, 4vw, 36px);
    color: #0a2540;
    font-weight: 800;
    margin-bottom: 16px;
}

.woocommerce-product-details__short-description {
    color: #4a5565;
    letter-spacing: 0.7px;
    font-size: clamp(16px, 2vw, 18px);
    margin-bottom: 32px;
}

.single-product .woocommerce-product-details__short-description {
    display: none !important;
}

/* Meta Data & SKU */
.single-product .product-meta-sku {
    margin: 0 0 12px 0;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    color: #6b7280;
}

.single-product .product-meta-sku .sku-label {
    font-size: 14px;
    font-weight: 400;
}

.single-product .product-meta-sku .sku-value {
    color: #6a7282;
    font-size: 14px;
    font-weight: 400;
    text-transform: none;
    letter-spacing: normal;
}

/* Ratings */
.single-product div.product .woocommerce-product-rating.webnotick-product-rating {
    display: flex !important;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px 14px;
    margin: 0 0 20px 0 !important;
    clear: both;
    float: none !important;
}

.single-product .webnotick-product-rating .star-rating {
    float: none !important;
    margin: 0 !important;
    font-size: 18px !important;
    color: #ffc107 !important;
    width: 5.4em;
    height: 1.1em;
}

.single-product .webnotick-product-rating .webnotick-rating-num {
    font-weight: 800;
    font-size: 18px;
    color: #0a2540;
}

.single-product .webnotick-product-rating .webnotick-rating-reviews {
    font-size: 15px;
    color: #6b7280;
    font-weight: 500;
}

.single-product .webnotick-product-rating .woocommerce-review-link {
    font-size: 14px;
    font-weight: 700;
    margin-left: 4px;
}


/* =========================================
   3. SINGLE PRODUCT - PRICE & STOCK
   ========================================= */

.single-product div.product .summary .price {
    display: flex !important;
    flex-wrap: wrap !important;
    /* Allows wrapping on tiny screens */
    align-items: baseline !important;
    gap: 10px 15px !important;
    margin-bottom: 25px !important;
    font-size: 0 !important;
}

.single-product div.product .summary .price ins {
    order: 1 !important;
    text-decoration: none !important;
    color: #ff6900 !important;
    font-weight: 800 !important;
    font-size: clamp(26px, 5vw, 48px) !important;
    /* Fluid scaling */
    display: inline-block !important;
}

.single-product div.product .summary .price del {
    order: 2 !important;
    color: #99a1af !important;
    text-decoration: line-through !important;
    font-weight: 400 !important;
    font-size: clamp(16px, 3vw, 24px) !important;
    display: inline-block !important;
}

.single-product div.product .summary .onsale {
    order: 3 !important;
    position: static !important;
    background-color: #00c853 !important;
    color: #ffffff !important;
    padding: 6px 18px !important;
    border-radius: 50px !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    display: inline-block !important;
    margin: 0 !important;
    min-height: auto !important;
    min-width: auto !important;
}

/* Stock Status */
.single-product .product-stock-line {
    margin: 0 0 20px 0;
}

.single-product .product-stock-line .stock {
    margin: 0;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.single-product .product-stock-line .stock.in-stock {
    color: #00a854;
}

.single-product .product-stock-line .stock.in-stock::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    font-size: 16px;
}

.single-product .product-stock-line .stock.out-of-stock {
    color: #c62828;
}

.single-product .product-stock-line .variable-stock-hint {
    color: #6b7280;
    font-style: italic;
}


/* =========================================
   4. ADD TO CART FORM & BUTTONS
   ========================================= */

.single-product div.product form.cart,
.single-product div.product form.cart .woocommerce-variation-add-to-cart {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    width: 100% !important;
    gap: 15px !important;
}

/* Wrapper clearups */
.action-buttons-wrapper,
.quantity-buttons,
.single-product div.product form.cart .single_variation_wrap {
    display: contents !important;
}

/* Variations */
.single-product div.product form.cart table.variations {
    flex: 0 0 100% !important;
    margin-bottom: 10px !important;
    width: 100%;
    border: 0;
    border-spacing: 0 12px;
}

.single-product form.variations_form .woocommerce-variation-availability,
.custom-variation-description {
    display: none !important;
}

body.webnotick-single-variation-product .single-product form.cart table.variations,
body.webnotick-single-variation-product .single-product form.cart a.reset_variations {
    display: none !important;
}

.woocommerce div.product form.cart table.variations th.label {
    vertical-align: middle;
    padding: 0 16px 0 0;
    width: 1%;
    white-space: nowrap;
    font-weight: 800;
    font-size: 14px;
    color: #0a2540;
}

.woocommerce div.product form.cart table.variations th.label label {
    text-transform: capitalize;
}

.woocommerce div.product form.cart table.variations td.value {
    width: 100%;
}

.woocommerce div.product form.cart table.variations select {
    width: 100%;
    max-width: 100%;
    /* Changed from fixed 420px to prevent breaking on mobile */
    min-height: 48px;
    padding: 10px 40px 10px 16px;
    font-size: 16px;
    font-weight: 600;
    color: #0a2540;
    background-color: #fff;
    border: 2px solid #e5e7eb;
    border-radius: 12px;
    cursor: pointer;
    appearance: auto;
    box-sizing: border-box;
}

.woocommerce div.product form.cart table.variations select:focus {
    border-color: #ff6a00;
    outline: none;
    box-shadow: 0 0 0 3px rgba(255, 106, 0, 0.15);
}

.woocommerce div.product form.cart .reset_variations {
    display: inline-block;
    margin-top: 8px;
    font-size: 13px;
    font-weight: 700;
    color: #00b8db;
}

/* Quantity Controls */
.quantity-label {
    flex: 0 0 100%;
    display: block;
    font-weight: 800;
    font-size: 14px;
    color: #0a2540;
    margin-bottom: 12px;
}

.quantity {
    display: inline-flex !important;
    align-items: center !important;
    background: #ffffff !important;
    border-radius: 50px !important;
    border: 4px solid #e5e7eb !important;
    height: 54px !important;
    flex: 1 1 180px !important;
    /* Now allowed to shrink/grow */
    max-width: max-content;
    box-sizing: border-box !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.quantity button,
.quantity .minus,
.quantity .plus {
    width: 60px !important;
    height: 100% !important;
    border: none !important;
    background: #f3f4f6 !important;
    color: #333 !important;
    font-size: 24px !important;
    cursor: pointer !important;
    transition: all 0.3s ease !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.quantity input.qty {
    flex: 1;
    width: 60px;
    height: 100%;
    background: #ffffff;
    border: none;
    font-weight: 800;
    font-size: 20px;
    text-align: center;
    color: #0a2540;
    margin: 0;
    box-sizing: border-box;
}

.quantity button:hover,
.quantity .minus:hover,
.quantity .plus:hover {
    background-color: #ff6a00 !important;
    color: #ffffff !important;
}
.quantity .minus {
    order: -1 !important;
}

.quantity .plus {
    order: 1 !important;
}
/* =========================================
   ASYMMETRICAL BUTTON ALIGNMENT (70/30 SPLIT)
   ========================================= */

/* Ensure the quantity and total force the buttons to start on a fresh line if needed */
.quantity-total-wrapper {
    flex: 1 1 auto !important;
    min-width: max-content !important; 
}

/* "Add to Cart" gets ~70% of the space */
.single-product div.product form.cart .single_add_to_cart_button {
    flex: 0 0 calc(65% - 8px) !important; 
    margin: 0 !important;
}

/* "Buy Now" gets ~30% of the space */
.single-product div.product form.cart .buy-now-btn {
    flex: 0 0 calc(28% - 8px) !important; 
    margin: 0 !important;
}

.total-label {
    font-weight: 800 !important;
    font-size: clamp(18px, 3vw, 24px) !important;
    color: #0a2540 !important;
    margin-right: 8px !important;
}

.total-price-display {
    font-weight: 800 !important;
    font-size: clamp(18px, 3vw, 24px) !important;
    color: #ff6a00 !important;
}

/* Add To Cart & Buy Now Buttons */
.single-product div.product form.cart .single_add_to_cart_button,
.single-product div.product form.cart .buy-now-btn {
    flex: 1 1 calc(50% - 15px);
    /* Automatically splits width or full-width on mobile */
    min-width: 200px;
    /* Forces wrap on small screens */
    height: 55px;
    border-radius: 50px;
    border: none;
    font-size: 16px;
    font-weight: 800;
    color: #fff;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s ease;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
    margin: 0;
    padding: 0 20px;
}

.single-product div.product form.cart .single_add_to_cart_button {
    background: linear-gradient(to right, #ff6900, #f54a00);
}

.single-product div.product form.cart .single_add_to_cart_button::before {
    content: "\f07a";
    font-family: "Font Awesome 5 Free", "FontAwesome";
    font-weight: 900;
    margin-right: 10px;
}

.single-product div.product form.cart .buy-now-btn {
    background: linear-gradient(to right, #00b8db, #00bba7);
}

.single-product div.product form.cart .buy-now-btn::before {
    content: none !important;
}

.single-product div.product form.cart .single_add_to_cart_button:hover {
    background-color: #e64d00 !important;
    transform: translateY(-2px) scale(1.02) !important;
}

.single-product div.product form.cart .buy-now-btn:hover {
    background-color: #00aeb6 !important;
    transform: translateY(-2px) scale(1.02) !important;
}


/* =========================================
   5. GALLERY & THUMBNAILS
   ========================================= */

.woocommerce-product-gallery .flex-viewport {
    border: 3px solid #f9d8b8 !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.06) !important;
    background-color: #ffffff !important;
    overflow: hidden !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    height: auto !important;
    /* Fixed forced height issues */
    aspect-ratio: 1 / 1;
    /* Maintains square shape beautifully across all screens */
}

.woocommerce-product-gallery .flex-viewport img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    border-radius: 17px !important;
    margin: 0 !important;
}

.woocommerce-product-gallery .woocommerce-product-gallery__image {
    border: none !important;
    box-shadow: none !important;
}

/* Thumbnails */
.flex-control-nav.flex-control-thumbs {
    position: relative !important;
    display: flex !important;
    flex-wrap: wrap;
    gap: 12px !important;
    margin-top: 20px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    width: 100% !important;
}

.flex-control-nav.flex-control-thumbs li {
    flex: 1 1 20% !important;
    width: auto !important;
    margin: 0 !important;
}

.flex-control-nav.flex-control-thumbs img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    /* Always square */
    object-fit: cover !important;
    border-radius: 12px !important;
    border: 2px solid #e5e7eb !important;
    cursor: pointer;
    transition: all 0.2s ease;
    box-sizing: border-box !important;
}

.flex-control-nav.flex-control-thumbs img.flex-active {
    border: 4px solid #ff6a00 !important;
    box-shadow: 0 4px 10px rgba(255, 106, 0, 0.2) !important;
}

.flex-control-nav.flex-control-thumbs img:not(.flex-active):hover {
    border-color: #67e8f9 !important;
    border-width: 4px !important;
}





/* --- Vertical Container Styling --- */
.custom-product-actions {
    display: flex;
    flex-direction: row;
    /* This stacks them vertically */
    gap: 12px;
    /* Space between the buttons */
    margin-top: 25px;
    width: 100%;
    /* Full width of the container */
}

/* --- Base Button Styling --- */
.custom-product-actions .action-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 14px 20px;
    /* Slightly taller for better touch targets */
    border: 1px solid #e2e8f0;
    border-radius: 50px;
    background: #ffffff;
    color: #002b5b;
    /* Dark navy text */
    font-weight: 700;
    font-size: 15px;
    text-decoration: none;
    width: 100%;
    /* Forces buttons to be full width */
    transition: all 0.3s ease;
}

/* Icon Color Inheritance */
.custom-product-actions .action-btn i {
    font-size: 16px;
    color: inherit;
}

/* --- THE HOVER EFFECTS --- */

/* 1. Wishlist Hover (Orange) */
.custom-product-actions .wishlist-btn:hover {
    border-color: #ff6b00;
    color: #ff6b00;
    box-shadow: 0 4px 12px rgba(255, 107, 0, 0.08);
}

/* 2. Share Hover (Cyan) */
.custom-product-actions .share-btn:hover {
    border-color: #00bcd4;
    color: #00bcd4;
    box-shadow: 0 4px 12px rgba(0, 188, 212, 0.08);
}

.woocommerce div.product form.cart .woocommerce-variation-description p {
    margin-bottom: 1em;
    font-size: 18px;
    color: #4a5565;
    letter-spacing: 0.5px;
}


/* =========================================
   6. GLOBAL MOBILE LAYOUT ADJUSTMENTS
   ========================================= */

@media (max-width: 1200px) {
    .woocommerce div.product {
        margin: 2rem 3rem;
    }
}

/* ===== TABLETS & IPAD (769px - 1024px) ===== */
@media (max-width: 1024px) {

    /* Stack the Single Product layout vertically */
    .woocommerce div.product {
        display: flex !important;
        flex-direction: column !important;
        /* Forces the stacking */
        margin: 2rem 1.5rem;
    }

    /* Make both the gallery and the text take up full width */
    .woocommerce div.product .woocommerce-product-gallery,
    .woocommerce div.product .summary {
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        margin-bottom: 30px;
    }

    /* Shop Grid: Keep at 2 columns for tablet */
    .woocommerce ul.products {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px;
    }
}

@media (max-width: 768px) {
    .woocommerce div.product {
        margin: 1.5rem 1rem;
    }

    .quantity {
        max-width: 100%;
        flex: 1 1 100% !important;
    }

    /* Ensure the Total text row takes up full width on mobile */
    .quantity-total-wrapper {
        flex: 1 1 100% !important; 
    }

    /* Force both buttons to stretch to full width and stack beautifully */
    .single-product div.product form.cart .single_add_to_cart_button,
    .single-product div.product form.cart .buy-now-btn {
        flex: 0 0 100% !important; /* Hard override of the desktop percentages */
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important; 
        /* The gap: 15px from your main form CSS will automatically add perfect spacing between them */
    }
}
/* =========================================
   WISHLIST & SHARE BUTTONS (MOBILE FIX)
   ========================================= */

@media (max-width: 768px) {
    .custom-product-actions {
        gap: 8px; /* Slightly tighter gap between the two buttons */
    }

    .custom-product-actions .action-btn {
        padding: 12px 8px; /* Reduce side padding so the text fits */
        font-size: 13px; /* Slightly smaller text for mobile */
        white-space: nowrap; /* CRITICAL: Forces text to stay on one single line */
        gap: 6px; /* Brings the icon and text a tiny bit closer together */
    }
}

/* Extra safety for very tiny phones (like the iPhone SE) */
@media (max-width: 360px) {
    .custom-product-actions .action-btn {
        font-size: 12px; 
        padding: 10px 4px;
    }
}
/* =========================================
   PRODUCT TABS (DESCRIPTION/REVIEWS) MOBILE FIX
   ========================================= */

@media (max-width: 768px) {
    /* Turn the tab list into a swipeable row */
    .woocommerce div.product .woocommerce-tabs ul.tabs {
        display: flex !important;
        flex-wrap: nowrap !important;
        overflow-x: auto !important; /* Enables smooth horizontal scrolling */
        -webkit-overflow-scrolling: touch;
        gap: 10px !important;
        padding: 0 5px 10px 0 !important;
        margin: 0 0 20px 0 !important;
        border: none !important;
        scrollbar-width: none; /* Hides scrollbar in Firefox */
    }

    /* Hide the ugly scrollbar on Chrome/Safari for a clean app-like look */
    .woocommerce div.product .woocommerce-tabs ul.tabs::-webkit-scrollbar {
        display: none;
    }

    /* Strip out WooCommerce's buggy default borders and pseudo-elements */
    .woocommerce div.product .woocommerce-tabs ul.tabs::before,
    .woocommerce div.product .woocommerce-tabs ul.tabs li::before,
    .woocommerce div.product .woocommerce-tabs ul.tabs li::after {
        display: none !important;
    }

    /* Style the individual tabs as rounded pills */
    .woocommerce div.product .woocommerce-tabs ul.tabs li {
        flex: 0 0 auto !important; /* Prevents them from squishing together */
        margin: 0 !important;
        background: #ffffff !important;
        border: 2px solid #e5e7eb !important;
        border-radius: 50px !important; /* Beautiful pill shape */
        padding: 0 !important;
        transition: all 0.3s ease !important;
    }

    /* Tab Text inside the pills */
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        display: block !important;
        padding: 10px 20px !important;
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #4a5565 !important;
        white-space: nowrap !important; /* Forces text to stay on one line */
    }

    /* Highlight the Active/Selected Tab with your brand orange */
    .woocommerce div.product .woocommerce-tabs ul.tabs li.active {
        border-color: #ff6a00 !important; 
        background: rgba(255, 106, 0, 0.05) !important;
    }

    .woocommerce div.product .woocommerce-tabs ul.tabs li.active a {
        color: #ff6a00 !important;
    }
}



.custom-card {
    padding: 24px;
    overflow: hidden;
}

.card-image {
    position: relative;
}

.card-image img {
    width: 100%;
}

/* BADGE */
.badge {
    position: absolute;
    top: 15px;
    left: 15px;
    background: #ff6b35;
    color: #fff;
    padding: 6px 12px;
    border-radius: 20px;
    font-size: 14px !important;
    text-transform: uppercase;
    font-weight: 700 !important;
}

/* WISHLIST */
.wishlist {
    position: absolute;
    top: 15px;
    right: 15px;
    background: #fff;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* CONTENT */
.card-content {
    padding: 20px;
}

.title {
    font-size: 18px;
    font-weight: 700;
}

.rating {
    margin: 10px 0;
}

.count {
    color: #777;
}

/* BOTTOM */
.bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.price {
    color: #ff6b35;
    font-size: 20px;
    font-weight: 700;
}

.custom-cart-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #0f2a56;
    color: #fff !important;
    padding: 8px 14px;
    border-radius: 10px;
    font-weight: 600;
    text-decoration: none;
}

.custom-cart-btn i {
    font-size: 14px;
}

.custom-cart-btn:hover {
    background: #ff6b35;
}