/* Color Scheme */
/*
/* Primary color: #F17720 (Vivid Tangelo - Orange)
/* Secondary color: #121820 (Dark background)
/* Accent color: #FFA630 (Deep Saffron - Orange)
/* Blue primary: #00A7E1 (Vivid Cerulean)
/* Blue secondary: #0474BA (French Blue)
/* 
/* */
/* 
/* Primary Font: 'Titillium Web' - Used for headings (h1, h2, h3, h4, h5, h6)
/* Secondary Font: 'Inter' - Used for body text (p, a, etc.)
/*
/* */

/* global style start */
:root {
    /* font */
    --primary_font: 'Titillium Web', sans-serif;
    --secondary_font: 'Inter', sans-serif;
    /* color */
    --primary_color: #F17720; /* Vivid Tangelo */
    --secondary_color: #121820; /* Keeping dark background */
    --accent_color: #FFA630; /* Deep Saffron */
    --blue_primary: #00A7E1; /* Vivid Cerulean */
    --blue_secondary: #0474BA; /* French Blue */
    --default_color: #FFFFFF;
    --primary_text_color: #F0F0F0;
    --secondary_text_color: rgba(18, 24, 32, 0.40);
    /* text shade */
    --primary_text_shade: #EBEBEB; /* Bright Gray */
    --secondary_text_shade: rgba(240, 240, 240, 0.40);
    /* shade bg */
    --primary_bg: rgba(241, 119, 32, 0.04); /* Vivid Tangelo with transparency */
    /* border */
    --primary_radius: 8px;
    --secondary_radius: 4px;
}
/* Custom text color */
.text-mid-grey {
    color: rgb(200, 200, 200) !important;
}
.text-light-grey {
    color: rgb(235, 235, 235) !important;
}

/* Custom accent styles for our orange-blue theme */
.accent-highlight {
    color: var(--accent_color) !important;
}
.blue-highlight {
    color: var(--blue_primary) !important;
}

html {
    scroll-behavior: smooth;
}
body {
    overflow-x: hidden;
}
section {
    padding: 100px 0px;
}
/* selection */
::selection {
    color: var(--default_color);
    background: var(--primary_color);
}
/* selection */
/* typography */
h1,h2,h3,h4,h5,h6 {
    color: var(--primary_text_color);
    font-family: var(--primary_font);
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: -0.02em;
}
h2 {
    font-size: 2.5em;
    margin-bottom: 54px;
    font-weight: 700;
}
h2 span {
    color: var(--primary_color);
}
.d2c_title {
    margin-top: 10px;
    position: relative;
    padding-bottom: 0; /* Remove padding */
    margin-bottom: 0; /* Remove margin */
    letter-spacing: -0.01em;
}
.d2c_title::after {
    display: none; /* Hide the pseudo-element */
}
h3 {
    font-size: 1.3em;
    margin-bottom: 10px;
}
h3 span {
    color: var(--primary_color);
}
.d2c_sub_title {
    display: inline-flex;
    align-items: center;
    margin-top: 5px;
    margin-bottom: 15px;
    margin-left: 10px;
    position: relative;
}

/* Melhorar a aparência do cursor para simular efeito de digitação */
.d2c_sub_title::after {
    content: '';
    display: none;
}

.d2c_sub_title span::after {
    display: none;
}

.d2c_sub_title span {
    color: inherit;
    position: relative;
}

.d2c_sub_title span::before {
    content: '';
    position: absolute;
    width: 0;
    height: 2px;
    bottom: -5px;
    left: 0;
    background: linear-gradient(90deg, var(--primary_color), var(--blue_primary));
    transition: width 0.3s ease;
}

/* Criar um efeito de console ao passar o mouse */
.d2c_sub_title:hover {
    /* Removing transform to prevent text movement */
    /* transform: translateY(-2px); */
    transition: transform 0.3s ease;
}

h4 {
    color: var(--blue_primary);
    font-size: 18px;
    font-weight: 700;
}
p {
    color: var(--primary_text_color);
    font-family: var(--secondary_font);
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
}
a {
    text-decoration: none;
}
img {
    object-fit: cover;
}
/* button */
.btn {
    color: var(--default_color);
    font-family: var(--primary_font);
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    background: var(--primary_color);
    border-radius: var(--primary_radius);
    border: 1px solid var(--primary_color);
    padding: 10px 35px 9px;
    transition: 0.4s all;
    letter-spacing: 0.3px;
}
.btn:hover {
    color: var(--primary_color);
    background: var(--secondary_color);
    border: 1px solid var(--primary_color);
    transition: 0.4s all;
}
.btn.active {
    color: var(--primary_color);
    background: var(--secondary_color);
    border: 1px solid var(--primary_color);
    transition: 0.4s all;
}
/* about and feature section img style start */
.d2c_img_container .d2c_img_wrapper:first-child {
    width: 390px;
    position: absolute;
    top: -92px;
    left: 30px;
    z-index: 1;
}
.d2c_img_container .d2c_img_wrapper:first-child img {
    border: 2px solid var(--primary_color);
}
.d2c_img_container .d2c_img_wrapper::after {
    content: '';
    position: absolute;
    inset: 0;
}
.d2c_img_container .d2c_img_wrapper:first-child::after {
    background: linear-gradient(0deg, rgba(18, 24, 32, 0.25) 0%, rgba(18, 24, 32, 0.25) 100%);
    border-radius: 8px;
}
.d2c_img_container .d2c_img_wrapper:nth-child(2) {
    width: 370px;
    position: absolute;
    bottom: 30px;
    right: 28px;
    z-index: 0;
}
.d2c_img_container .d2c_img_wrapper:nth-child(2)::after {
    border-radius: 8px;
    background: linear-gradient(0deg, rgba(18, 24, 32, 0.60) 0%, rgba(18, 24, 32, 0.60) 100%);
}
.d2c_img_container img:last-child {
    width: 100%;
}
/* about and feature section img style end */

/* global style end */

/* preloader start */
.preloader {
    display: flex;
    justify-content: center;
    align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: var(--secondary_color);
    z-index: 9999;
    transition: opacity 2.5s ease;
    opacity: 1;
}
.preloader.hide {
    opacity: 0;
    pointer-events: none;
}
.preloader img {
    max-width: 22em;
    max-height: 7em;
}
/* preloader end */

/* Navbar Start */
.navbar-brand {
    width: 280px;
    position: relative;
}

.navbar-slogan {
    margin-left: 15px;
    font-size: 14px;
    font-style: italic;
    color: var(--accent_color);
    font-weight: 500;
    letter-spacing: 0.3px;
    opacity: 0.9;
    display: inline-block;
    vertical-align: middle;
    font-family: var(--secondary_font);
}

.d2c_navbar {
    padding: 0px;
    background: var(--secondary_color);
}
.d2c_navbar .navbar-nav .nav-item {
    margin: 5px 12px;
    display: flex;
    align-items: center;
}
.d2c_navbar .navbar-nav .nav-item:last-child {
    margin-right: 45px;
}
.d2c_navbar .navbar-nav .nav-link {
    color: var(--primary_text_color);
    font-family: var(--primary_font);
    font-weight: 500;
    font-size: 17px;
    text-transform: capitalize;
    padding: 0;
    transition: .4s all ease;
    letter-spacing: 0.2px;
}
.d2c_navbar .navbar-nav .nav-link:hover {
    color: var(--primary_color);
    transition: .4s all ease;
}
.navbar-nav .nav-link.active, .navbar-nav .show>.nav-link {
    color: var(--primary_color) !important;
}
.d2c_navbar .d2c_nav_btn.active{
    background: var(--secondary_color);
    color: var(--primary_color);
    border: 1px solid var(--primary_color);
    transition: 0.4s all;
}
/* Nav Item Show from Side */
body .d2c_mobile_view {
    position: fixed;
    height: 100vh;
    inset: 0;
    opacity: 1;
}
.navbar.d2c_mobile_view_body .navbar-nav {
    width: 100%;
}
.navbar.d2c_mobile_view_body .nav-item {
    margin-right: 0;
}
.d2c_mobile_view .show_width {
    max-width: 14.625rem;
    width: 100%;
    height: 100vh;
    position: absolute;
    right: -380px;
    top: 0;
    transition: 0.5s;
    padding: 20px 15px;
    background-color: var(--secondary_color);
    overflow: scroll;
    z-index: 9999;
    box-shadow: 0px 0px 10px rgb(0 0 0 / 15%);
}
.d2c_mobile_view.show .show_width {
    right: 0;
    transition: 0.5s;
}
.hide_width {
    max-width: 15.625rem;
    width: 100%;
    height: 100vh;
    position: absolute;
    right: -380px !important;
    top: 0;
    transition: 0.5s !important;
    padding: 20px 15px;
    background-color: var(--primary_bg);
    overflow: scroll;
    z-index: 9999;
}
.navbar-toggler:focus {
    box-shadow: none;
}
.navbar-toggler {
    border: 1px solid var(--primary_shade);
    color: var(--primary_text_color);
    padding: 5px 10px;
    width: 44px;
    margin-left: 10px;
    transition: .4s all ease;
}
.navbar-toggler:hover {
    background: transparent;
    transition: .4s all ease;
}
.d2c_cross_btn {
    width: auto;
    border: none;
}
@media only screen and (min-width:991px) {
    body .d2c_mobile_view {
        opacity: 0;
        transition: .5s;
    }
}
/* Navbar End */

/* Header Subtitle */
.d2c_header_subtitle {
    background-color: var(--secondary_color);
    padding: 15px 0;
    border-top: 1px solid rgba(241, 119, 32, 0.15);
    border-bottom: 1px solid rgba(241, 119, 32, 0.15);
}

.d2c_header_subtitle .header-title {
    margin: 0;
    font-size: 28px;
    font-weight: 600;
    display: flex;
    align-items: center;
    position: relative;
    padding-bottom: 0; /* Remove padding */
}

.d2c_header_subtitle .cursor-parent {
    color: var(--primary_color);
    margin-right: 5px;
    position: relative;
}

.d2c_header_subtitle .white-text {
    color: var(--default_color);
}

.d2c_header_subtitle .cursor {
    width: 4px;
    height: 1.4em;
    left: -15px;
}

.d2c_header_subtitle .header-title::after {
    content: '';
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--blue_primary), var(--blue_secondary), rgba(0, 167, 225, 0.1));
    background-repeat: no-repeat;
    position: absolute;
    bottom: 5px; /* Closer to the text for the header */
    left: 0;
    opacity: 0.8;
    border-radius: 2px;
}

/* hero start */
.d2c_hero_bg {
    background: linear-gradient(180deg, rgba(18, 24, 32, 0.40) 0%, rgba(18, 24, 32, 0.79) 80.96%, #121820 100%), url(../images/hero_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.d2c_hero_wrapper {
    height: 92vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.d2c_vector_img_wrapper {
    background: url(../images/hero_vector_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.d2c_shade_bg {
    background: url(../images/hero_vector_bg_shade.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.d2c_shade_bg img {
    width: 552px;
    object-fit: none;
}
.d2c_hero_wrapper h1 {
    font-size: 3.3em;
    margin-bottom: 20px;
    font-weight: 700;
    letter-spacing: -0.03em;
    line-height: 1.1;
}
.d2c_hero_wrapper h1 span {
    font-weight: 700;
    color: var(--blue_primary);
}
.d2c_hero_wrapper p {
    margin-bottom: 32px;
}
/* hero end */

/* about section start */
.d2c_about_wrapper {
    padding: 190px 0px 100px;
    background: var(--secondary_color);
}
.d2c_last_paragraph {
    margin-bottom: 30px;
}
/* about section end */

/* partner section start */
.d2c_partner_wrapper {
    background: var(--secondary_color);
    padding: 100px 0px;
    overflow-x: hidden;
}
.d2c_partner_wrapper .slick-slide {
    padding: 0px 12px !important;
}
.d2c_partner_wrapper .d2c_img_wrapper {
    width: 100%;
    height: 96px;
    border-radius: 4px;
    border: 1px solid rgba(241, 119, 32, 0.10);
    background: rgba(241, 119, 32, 0.02);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.4s all;
}
.d2c_partner_wrapper .d2c_img_wrapper:hover {
    border: 1px solid var(--primary_color);
    background: rgba(245, 124, 0, 0.02);
    transition: 0.4s all;
}
.d2c_partner_wrapper .d2c_img_wrapper img {
    max-width: 134px;
    max-height: 96px;
    opacity: 0.3;
    transition: 0.4s all;
}
.d2c_partner_wrapper .d2c_img_wrapper:hover img {
    opacity: 1;
    transition: 0.4s all;
}
/* partner section end */

.d2c_shade_bg_wrapper {
    background: var(--primary_bg);
    background-image: url(../images/shade_bg.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
}

/* service section start */
.d2c_service_wrapper h3 {
    color: var(--secondary_color);
}
.d2c_service_wrapper h2 {
    color: var(--secondary_color);
}
.d2c_service_wrapper p {
    color: var(--secondary_text_color);
    margin-bottom: 20px;
}
.d2c_service_wrapper li {
    color: var(--secondary_color);
    font-family: var(--primary_font);
    font-size: 18px;
    font-weight: 700;
    text-transform: capitalize;
}
.d2c_service_wrapper ul {
    list-style-type: square;
    padding-left: 20px;
}
.d2c_service_wrapper li::marker {
    color: var(--primary_color);
}
.d2c_service_wrapper .d2c_card_wrapper {
    background: #FFFFFF;
    padding: 40px;
    border-radius: 8px;
    box-shadow: 0px 0px 45px 0px rgba(0, 0, 0, 0.10);
    transition: 0.4s all;
}
.d2c_icon_wrapper {
    width: 80px;
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--blue_secondary);
    margin-bottom: 24px;
    color: var(--default_color);
    transition: 0.4s all ease;
}
.d2c_icon_wrapper i {
    font-size: 32px;
    color: var(--default_color);
    transition: 0.4s all;
}
.d2c_service_wrapper .d2c_card_wrapper h3 {
    color: var(--primary_color);
    transition: 0.4s all;
}
.d2c_service_wrapper .d2c_card_wrapper p {
    color: var(--primary_text_shade);
    transition: 0.4s all;
    margin-bottom: 0;
}
.d2c_service_wrapper .d2c_card_wrapper:hover {
    background: var(--blue_primary);
    transition: 0.4s all;
}
.d2c_service_wrapper .d2c_card_wrapper:hover .d2c_icon_wrapper {
    background: var(--default_color);
}
.d2c_service_wrapper .d2c_card_wrapper:hover .d2c_icon_wrapper i {
    color: var(--blue_primary);
}
.d2c_service_wrapper .d2c_card_wrapper:hover h3 {
    color: var(--secondary_color);
    transition: 0.4s all;
}
.d2c_service_wrapper .d2c_card_wrapper:hover p {
    color: var(--primary_text_color);
    transition: 0.4s all;
}
.d2c_service_card:after {
    content: '';
    width: 71px;
    height: 71px;
    /* background: url('../images/service_circle.jpg'); */
    position: absolute;
    bottom: -35px;
    right: -35px;
    border-radius: 50%;
    transition: .4s;
    z-index: -1;
}
.d2c_service_wrapper .d2c_card_wrapper [data-i18n^="services.cards"][data-i18n$=".description"] {
    color: rgb(200, 200, 200) !important;
    transition: color 0.4s all;
}
.d2c_service_wrapper .d2c_card_wrapper:hover [data-i18n^="services.cards"][data-i18n$=".description"] {
    color: rgb(235, 235, 235) !important;
}
/* service section end */

/* features section start */
.d2c_feature_wrapper {
    padding: 120px 0px;
    background: linear-gradient(0deg, rgba(18, 24, 32, 0.90) 0%, rgba(18, 24, 32, 0.90) 100%), url(../images/newsletter_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}

.d2c_feature_wrapper::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: linear-gradient(90deg, var(--blue_primary), var(--primary_color));
}

.d2c_feature_wrapper .d2c_img_container .d2c_img_wrapper:first-child {
    width: 330px;
    top: -73px;
}

.d2c_feature_wrapper .d2c_img_container .d2c_img_wrapper:first-child img,
.d2c_feature_wrapper .d2c_img_container .d2c_img_wrapper:nth-child(2) img {
    box-shadow: 0 0 30px rgba(0, 167, 225, 0.2);
}

.d2c_feature_wrapper h3 {
    color: var(--primary_text_color);
}

.d2c_feature_wrapper h2 {
    color: var(--primary_text_color);
}

.d2c_feature_wrapper span.accent-highlight {
    text-shadow: 0 0 10px rgba(255, 166, 48, 0.3);
}

.d2c_feature_wrapper span.blue-highlight {
    text-shadow: 0 0 10px rgba(0, 167, 225, 0.3);
}

.d2c_feature_wrapper p {
    color: var(--primary_text_color);
    margin-bottom: 20px;
    line-height: 1.7;
}
/* features section end */

/* contact section start */
.d2c_contact_wrapper {
    background: var(--secondary_color);
}
.form-label {
    color: var(--primary_text_color);
    font-family: var(--primary_font);
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 10px;
}
.form-label span {
    color: var(--primary_color);
}
.form-control {
    background: rgba(241, 119, 32, 0.02);
    color: var(--primary_text_color) !important;
    font-family: var(--secondary_font);
    border-radius: 4px;
    border: 1px solid rgba(241, 119, 32, 0.20);
    font-size: 15px;
    font-weight: 400;
    padding: 10px;
    margin-bottom: 20px;
}
.form-control:focus {
    color: var(--primary_text_color);
    background-color: var(--secondary_color);
    border: 1px solid var(--primary_color);
    box-shadow: none;
}
textarea {
    margin-bottom: 25px !important;
}
/* contact section end */

/* footer section start */
.d2c_footer_wrapper {
    padding: 100px 0px 30px;
    background: linear-gradient(0deg, rgba(18, 24, 32, 0.80) 0%, rgba(18, 24, 32, 0.80) 100%), url(../images/footer_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.d2c_footer_logo {
    max-width: 300px;
}
.d2c_footer_wrapper p {
    margin-bottom: 32px;
}
.d2c_footer_wrapper ul {
    list-style-type: none;
}
.d2c_footer_wrapper ul li  {
    margin-right: 20px;
}

.d2c_footer_wrapper .d2c_social_link li a {
    color: var(--default_color);
    background: var(--primary_color);
    margin-right: 8px;
    width: 42px;
    height: 42px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: 16px;
    transition: 0.4s all;
}
.d2c_footer_wrapper .d2c_social_link li a:hover {
    color: var(--default_color);
    background: var(--blue_primary);
}
.d2c_footer_wrapper li a {
    color: var(--primary_text_color);
    font-family: var(--secondary_color);
    font-size: 15px;
    font-weight: 400;
    transition: 0.4s all;
}
.d2c_footer_wrapper li a:hover {
    color: var(--primary_color);
}
.d2c_company_info a i {
    color: var(--primary_color);
    background: var(--secondary_color);
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    margin-right: 8px;
    transition: 0.4s all;
}
.d2c_company_info li a:hover i {
    color: var(--default_color);
    background: var(--primary_color);
}
.d2c_footer_wrapper h3 {
    margin-bottom: 40px;
}

/* copy */
.d2c_copy_wrapper {
    padding: 60px 0px 0px;
    position: relative;
}
.d2c_copy_wrapper h4 {
    color: var(--primary_text_color);
    font-size: 18px;
    font-weight: 500;
}
.d2c_copy_wrapper h4 a {
    color: var(--primary_color);
    transition: 0.4s all;
}
.d2c_copy_wrapper h4 a:hover {
    color: var(--blue_primary);
}
.d2c_copy_wrapper::before {
    content: '';
    width: 100%;
    border-top: 1px solid rgba(241, 119, 32, 0.10);
    position: absolute;
    top: 30px;
    left: 0;
}
/* footer section end */

/* Scroll Button Start */
#scrollBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
}
#scrollBtn.show {
    display: block;
}
#scrollBtn a i {
    color: var(--default_color);
    background: var(--primary_color);
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 4px;
    font-size: 16px;
    transition: 0.4s all;
}
#scrollBtn a i:hover {
    background: var(--blue_primary);
}
/* Scroll Button End */

/* Ajustes específicos para o cursor de terminal em diferentes seções */
.d2c_service_wrapper .d2c_sub_title span::before {
    color: var(--blue_primary);
}

.d2c_feature_wrapper .d2c_sub_title span::before {
    color: var(--blue_primary);
    text-shadow: 0 0 10px rgba(0, 167, 225, 0.5);
}

.d2c_contact_wrapper .d2c_sub_title span::before {
    color: var(--blue_primary);
}

.d2c_newsletter_wrapper .d2c_sub_title span::before {
    color: var(--blue_primary);
}

.d2c_sub_title:hover span::after {
    display: none;
}

/* Ajuste para garantir espaço adequado para o cursor em cada seção */
.d2c_service_wrapper .d2c_sub_title,
.d2c_feature_wrapper .d2c_sub_title,
.d2c_contact_wrapper .d2c_sub_title {
    padding-top: 0;
}

.d2c_sub_title:hover::before {
    width: 100%;
}

/* Melhorias visuais para o título principal */
.d2c_title {
    margin-top: 10px;
}

.d2c_sub_title span {
    color: inherit;
}

.d2c_sub_title span span {
    color: var(--primary_color);
}

.d2c_service_wrapper .d2c_sub_title {
    color: var(--secondary_color);
}

.d2c_feature_wrapper .d2c_sub_title::before {
    background: linear-gradient(90deg, var(--accent_color), var(--blue_primary));
}

.cursor-parent {
    position: relative;
    color: var(--primary_color);
}

.cursor {
    content: '';
    display: inline-block;
    width: 6px;
    height: 1.2em;
    background-color: var(--blue_primary);
    position: absolute;
    left: -5px;
    top: 50%;
    margin-right: 10px;
    transform: translateY(20%);
    animation: cursor-blink 1.2s infinite;
}

@keyframes cursor-blink {
    0%, 100% { 
        opacity: 1;
    }
    50% { 
        opacity: 0;
    }
}

/* Service section cursor adjustments */
.d2c_service_wrapper .cursor {
    background-color: var(--blue_primary);
}

/* Feature section cursor adjustments */
.d2c_feature_wrapper .cursor {
    background-color: var(--blue_primary);
    box-shadow: 0 0 10px rgba(0, 167, 225, 0.5);
}

/* Contact section cursor adjustments */
.d2c_contact_wrapper .cursor {
    background-color: var(--blue_primary);
}

/* Add a specific adjustment for the header subtitle title which is the one in the image */
.d2c_header_subtitle .header-title::after {
    content: '';
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--blue_primary), var(--blue_secondary), rgba(0, 167, 225, 0.1));
    background-repeat: no-repeat;
    position: absolute;
    bottom: 5px; /* Closer to the text for the header */
    left: 0;
    opacity: 0.8;
    border-radius: 2px;
}

/* Add the new title-underline class definition */
.title-underline {
    height: 30px;
    position: relative;
    margin-bottom: 30px;
}

.title-underline::after {
    content: '';
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, var(--blue_primary), var(--blue_secondary), rgba(0, 167, 225, 0.1));
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    left: 0;
    opacity: 0.8;
    border-radius: 2px;
}

/* Header subtitle specific styling for the underline */
.d2c_header_subtitle .title-underline {
    height: 20px;
    margin-bottom: 0;
}

.d2c_header_subtitle .title-underline::after {
    top: 10px;
}

/* Language Switcher Styles */
.language-switcher {
    display: flex;
    align-items: center;
    margin-right: 15px;
    gap: 8px;
}

.language-option {
    background: none;
    border: none;
    color: var(--primary_text_color);
    font-family: var(--secondary_font);
    font-size: 14px;
    font-weight: 500;
    padding: 5px 8px;
    margin: 0 2px;
    cursor: pointer;
    border-radius: 4px;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 5px;
}

.language-option img {
    width: 20px;
    height: 15px;
    object-fit: cover;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.language-option:hover {
    background-color: rgba(241, 119, 32, 0.1);
}

.language-option.active {
    background-color: var(--primary_color);
    color: white;
}

.language-option.active img {
    transform: scale(1.1);
}

/* Mobile language switcher */
.mobile-language-wrapper {
    margin: 10px 0;
    border-bottom: 1px solid rgba(241, 119, 32, 0.1);
}

.d2c_mobile_view .language-switcher {
    margin: 10px auto;
    justify-content: center;
}

.d2c_mobile_view .language-option {
    padding: 8px 15px;
    font-size: 16px;
    min-width: 50px;
}

@media (max-width: 991px) {
    .language-switcher {
        margin: 10px auto;
        justify-content: center;
    }
    
    .language-option {
        padding: 8px 15px;
        font-size: 16px;
        min-width: 45px;
    }
}

/* Service List */
.services-list {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.services-list li {
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 15px;
    padding: 0;
}

.bullet {
    width: 8px;
    height: 8px;
    background-color: var(--primary_color);
    position: relative;
    left: -10px;
    top: 2px;
    transform: translateY(-50%);
    display: inline-block;
}

@media (max-width: 767px) {
    .services-list li {
        display: block;
        text-align: center;
        padding-left: 0;
        padding-top: 15px;
    }
    .services-list li::before {
        left: 50%;
        transform: translateX(-50%);
        top: 0;
    }
}